@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap";@font-face{font-family:TJacktHip;src:url(/assets/fonts/JacktHip-f60330f2.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--font-display: "TJacktHip", system-ui;--font-body: "Space Grotesk", system-ui, -apple-system, sans-serif;--color-primary: #eb5939;--color-primary-hover: #ff6b4a;--color-background: #0d0d0d;--color-text: #b7ab98;--color-text-bright: #d4c8b5;--color-surface-base: rgba(21, 21, 21, .7);--color-surface-hover: rgba(37, 37, 37, .8);--color-surface-card: rgba(26, 26, 26, .85);--color-surface-glass: rgba(26, 26, 26, .6);--color-border: rgba(183, 171, 152, .08);--color-glow: rgba(235, 89, 57, .15);--space-xxxxs:calc(.0625rem + .0625rem*(100vw - 320px)/1080px);--space-xxxs:calc(.125rem + .125rem*(100vw - 320px)/1080px);--space-xxs:calc(.25rem + .125rem*(100vw - 320px)/1080px);--space-xs:calc(.375rem + .125rem*(100vw - 320px)/1080px);--space-sm:calc(.5rem + .25rem*(100vw - 320px)/1080px);--space-md:calc(.75rem + .25rem*(100vw - 320px)/1080px);--space-lg:calc(1rem + .5rem*(100vw - 320px)/1080px);--space-xl:calc(1.25rem + .75rem*(100vw - 320px)/1080px);--space-xxl:calc(1.5rem + 1.5rem*(100vw - 320px)/1080px);--space-xxxl:calc(2rem + 2rem*(100vw - 320px)/1080px);--text-xs:calc(.75rem + .125rem*(100vw - 320px)/1080px);--text-sm:calc(.875rem + .125rem*(100vw - 320px)/1080px);--text-base:calc(1rem + .125rem*(100vw - 320px)/1080px);--text-md:calc(1.125rem + .125rem*(100vw - 320px)/1080px);--text-lg:calc(1.25rem + .25rem*(100vw - 320px)/1080px);--text-xl:calc(1.5rem + .375rem*(100vw - 320px)/1080px);--text-2xl:calc(1.75rem + .5rem*(100vw - 320px)/1080px);--text-3xl:calc(2rem + 1rem*(100vw - 320px)/1080px);--text-4xl:calc(2.5rem + 1.25rem*(100vw - 320px)/1080px);--text-5xl:calc(3rem + 1.5rem*(100vw - 320px)/1080px);--text-6xl:calc(3.5rem + 2.5rem*(100vw - 320px)/1080px);--text-7xl:calc(4rem + 4rem*(100vw - 320px)/1080px);--text-8xl:calc(5rem + 5rem*(100vw - 320px)/1080px);--leading-tight: .9;--leading-snug: 1.1;--leading-normal: 1.4;--leading-relaxed: 1.6;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .8s;--transition-timing: cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 4px 15px rgba(0, 0, 0, .1);--shadow-md: 0 8px 32px rgba(0, 0, 0, .2);--shadow-lg: 0 16px 64px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px var(--color-glow);--z-base: 1;--z-above: 2;--z-top: 3;--z-overlay: 100;--z-modal: 1000;--container-max-width: 1400px;--section-min-height: 100vh;--section-header-space:calc(3rem + 2rem*(100vw - 320px)/1080px)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--font-normal);overflow-x:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}h1,.text-8xl{font-family:var(--font-display);font-size:var(--text-8xl);line-height:var(--leading-tight);font-weight:var(--font-black);letter-spacing:var(--tracking-tighter)}h2,.text-7xl{font-family:var(--font-display);font-size:var(--text-7xl);line-height:var(--leading-tight);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}h3,.text-6xl{font-family:var(--font-body);font-size:var(--text-6xl);line-height:var(--leading-tight);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}h4,.text-5xl{font-family:var(--font-body);font-size:var(--text-5xl);line-height:var(--leading-tight);font-weight:var(--font-bold)}h5,.text-4xl{font-family:var(--font-body);font-size:var(--text-4xl);line-height:var(--leading-snug);font-weight:var(--font-semibold)}h6,.text-3xl{font-family:var(--font-body);font-size:var(--text-3xl);line-height:var(--leading-snug);font-weight:var(--font-semibold)}.text-large{font-size:var(--text-xl);line-height:var(--leading-relaxed)}.text-emphasized{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-bright)}.base-hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 var(--space-xl);position:relative;background:radial-gradient(ellipse at center,rgba(235,89,57,.03) 0%,transparent 70%)}.base-hero .hero-title{font-family:var(--font-display);font-size:var(--text-8xl);font-style:normal;line-height:var(--leading-tight);margin-bottom:var(--space-lg);letter-spacing:var(--tracking-tighter);text-shadow:0 4px 8px rgba(0,0,0,.5),0 8px 16px rgba(0,0,0,.3),0 16px 32px rgba(0,0,0,.2);filter:drop-shadow(0 0 20px rgba(235,89,57,.1));color:var(--color-text)}.text-mask__item--subtitle .text-mask__base,.text-mask__item--subtitle .text-mask__alt{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--font-light);line-height:var(--leading-snug);opacity:.9;letter-spacing:var(--tracking-wide)}.base-container{position:relative;max-width:var(--container-max-width);margin:0 auto;padding-left:60px;padding-right:60px;z-index:var(--z-above);font-size:var(--text-base)}section{min-height:100vh;max-height:100vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.section-header{flex-shrink:0;padding:var(--space-xl) var(--space-xl) var(--space-md);text-align:center}.section-main{flex:1;display:flex;flex-direction:column;min-height:0}.base-nav,.contact-panel,.base-nav *,.contact-panel *{transition:none!important}.page-loaded .base-nav,.page-loaded .contact-panel{transition:background-color var(--transition-normal) ease,border var(--transition-normal) ease,-webkit-backdrop-filter var(--transition-normal) ease;transition:background-color var(--transition-normal) ease,border var(--transition-normal) ease,backdrop-filter var(--transition-normal) ease;transition:background-color var(--transition-normal) ease,border var(--transition-normal) ease,backdrop-filter var(--transition-normal) ease,-webkit-backdrop-filter var(--transition-normal) ease}.page-loaded .base-nav__system-info,.page-loaded .base-nav__text,.page-loaded .contact-panel__title,.page-loaded .contact-panel__link-text{transition:opacity var(--transition-normal) ease,visibility var(--transition-normal) ease,transform var(--transition-normal) ease}.base-nav{position:fixed;top:0;left:0;height:100vh;width:80px;background:transparent;border:none;z-index:9999;display:flex;flex-direction:column;padding:0;overflow:visible}.base-nav__content{display:flex;flex-direction:column;height:100%;position:relative;padding:var(--space-lg) 0}.base-nav__progress{position:absolute;left:0;top:0;width:4px;height:100%;background:transparent;border-radius:2px;z-index:1}.base-nav__progress-fill{position:absolute;left:0;top:0;width:100%;height:0%;background:linear-gradient(to bottom,var(--color-primary),var(--color-primary-hover),rgba(235,89,57,.8));border-radius:2px;transition:height var(--transition-fast) ease;box-shadow:0 0 8px #eb593966,inset 0 1px #ffffff1a}.base-nav__links{position:absolute;bottom:var(--space-sm);left:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start;z-index:10}.base-nav__link{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:var(--space-sm);background:var(--color-surface-base);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;cursor:pointer;overflow:visible;flex-shrink:0;box-shadow:var(--shadow-sm);outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-loaded .base-nav__link{transition:background-color var(--transition-normal) ease,color var(--transition-normal) ease,box-shadow var(--transition-normal) ease,border var(--transition-normal) ease}.base-nav__link:hover{background:var(--color-surface-hover);color:var(--color-text);box-shadow:0 0 10px #eb59391a}.base-nav__link.active{background:var(--color-surface-hover);color:var(--color-text);box-shadow:0 0 10px #eb593933;border-left:3px solid var(--color-primary)}.base-nav__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.base-nav__icon{width:20px;height:20px;flex-shrink:0;opacity:.8;color:inherit;fill:currentColor}.page-loaded .base-nav__icon{transition:opacity var(--transition-normal) ease,color var(--transition-normal) ease}.base-nav__link:hover .base-nav__icon,.base-nav__link.active .base-nav__icon{opacity:1;color:var(--color-primary)}.base-nav__text{position:absolute;left:calc(100% + var(--space-sm));top:50%;transform:translateY(-50%);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);white-space:nowrap;font-size:var(--text-sm);font-weight:var(--font-medium);color:inherit;opacity:0;visibility:hidden;pointer-events:none;z-index:20}.page-loaded .base-nav__link:hover .base-nav__text{opacity:1;visibility:visible;pointer-events:auto}.base-nav__system-info{position:absolute;left:var(--space-sm);top:var(--space-lg);width:280px;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-20px);z-index:20}.page-loaded .base-nav:hover .base-nav__system-info{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:.1s}.base-nav__system-indicator{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wider)}.base-nav__status-dot{width:8px;height:8px;background:var(--color-primary);border-radius:var(--radius-full);animation:pulse 2s infinite;box-shadow:0 0 10px var(--color-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.base-nav__status-text{color:var(--color-primary)}.base-nav__quirky-content{opacity:0;transition-delay:.3s}.page-loaded .base-nav:hover .base-nav__system-info .base-nav__quirky-content{opacity:1}.base-nav__ascii-art{margin-bottom:var(--space-md);text-align:center}.base-nav__ascii-art pre{font-family:Courier New,monospace;font-size:10px;line-height:1.2;color:var(--color-primary);margin:0;text-shadow:0 0 5px var(--color-glow)}.base-nav__system-stats{margin-bottom:var(--space-md);font-family:Courier New,monospace;font-size:var(--text-xs)}.base-nav__stat-line{display:flex;justify-content:space-between;margin-bottom:var(--space-xs);opacity:.9;width:100%}.base-nav__stat-label{color:var(--color-text);opacity:.7}.base-nav__stat-value{color:var(--color-primary);font-weight:var(--font-medium)}.base-nav__glitch-text{position:relative;animation:glitch 3s infinite}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}}.base-nav__random-fact{margin-bottom:var(--space-md);font-size:var(--text-xs);line-height:var(--leading-normal)}.base-nav__fact-label{color:var(--color-primary);font-weight:var(--font-bold);margin-bottom:var(--space-xs);font-size:10px;letter-spacing:var(--tracking-wide)}.base-nav__fact-text{opacity:.8;font-style:italic}.base-nav__binary-display{font-family:Courier New,monospace;font-size:10px;overflow:hidden;margin-bottom:var(--space-md);width:100%}.base-nav__binary-line{color:var(--color-primary);opacity:.6;animation:binaryScroll 10s linear infinite;white-space:nowrap;width:100%}@keyframes binaryScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.contact-panel{position:fixed;top:var(--space-xl);right:var(--space-xl);z-index:9999;background:transparent;width:auto}.contact-panel__content{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm)}.contact-panel__title{font-size:10px;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-primary);font-weight:var(--font-bold);font-family:Courier New,monospace;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;text-align:right}.page-loaded .contact-panel:hover .contact-panel__title{opacity:.8;visibility:visible;transition-delay:.1s}.contact-panel__links{display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-end}.contact-panel__link{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:var(--space-sm);background:var(--color-surface-base);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;cursor:pointer;overflow:visible;flex-shrink:0;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-loaded .contact-panel__link{transition:background-color var(--transition-normal) ease,color var(--transition-normal) ease,box-shadow var(--transition-normal) ease}.contact-panel__link:hover{background:var(--color-primary);color:var(--color-background);box-shadow:0 4px 12px #eb59394d}.contact-panel__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.contact-panel__link svg{flex-shrink:0;color:inherit;fill:currentColor}.page-loaded .contact-panel__link svg{transition:color var(--transition-normal) ease}.contact-panel__link-text{position:absolute;right:calc(100% + var(--space-sm));top:50%;transform:translateY(-50%);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);white-space:nowrap;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);opacity:0;visibility:hidden;pointer-events:none;z-index:20}.page-loaded .contact-panel__link:hover .contact-panel__link-text{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--transition-normal) ease,visibility var(--transition-normal) ease}@media (prefers-reduced-motion: reduce){.base-nav__status-dot,.base-nav__glitch-text,.base-nav__binary-line{animation:none}*{transition:none!important}}#webgl-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-base);pointer-events:none}#webgl-fps-counter{position:fixed;top:var(--space-xs);right:var(--space-xs);color:#b7ab9880;font-family:monospace;z-index:var(--z-modal);font-size:var(--text-sm);background:rgba(0,0,0,.3);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm)}.webgl-scroll-indicator{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);color:#b7ab98b3;font-family:Arial,sans-serif;text-align:center;z-index:var(--z-modal);font-size:var(--text-base);background:rgba(0,0,0,.2);padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity var(--transition-normal) ease}.cursor-system__cursor{position:fixed;pointer-events:none;z-index:var(--z-modal);background:#fff;mix-blend-mode:difference;border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:width var(--transition-fast) var(--transition-timing),height var(--transition-fast) var(--transition-timing),opacity var(--transition-fast) ease;will-change:transform;box-shadow:0 0 20px #fff3}.cursor-system__cursor--normal{width:var(--space-xl);height:var(--space-xl)}.cursor-system__cursor--expanded{width:160px;height:160px}.text-mask__item{position:relative;margin-bottom:var(--space-md)}.text-mask__wrapper{position:relative;display:block}.text-mask__base,.text-mask__alt{position:absolute;top:0;right:0;bottom:0;left:0;text-align:inherit;display:flex;align-items:center;width:100%;height:100%}.text-mask__base{position:relative;z-index:var(--z-above);color:var(--color-text)}.text-mask__alt{color:var(--color-primary);z-index:var(--z-top);opacity:0;justify-content:center;text-align:center}.wheel-system__header .text-mask__alt,.wheel-system__info .text-mask__alt,.wheel-system__header .text-mask__base,.wheel-system__info .text-mask__base,.music-system__header .text-mask__alt,.music-system__header .text-mask__base{justify-content:flex-start;text-align:left}.writings-system__header .text-mask__alt,.writings-system__header .text-mask__base{justify-content:center;text-align:center}@supports (clip-path: circle(50px at 50% 50%)){.text-mask__alt{clip-path:circle(0px at 50% 50%);transition:opacity var(--transition-fast) ease}.text-mask__base{transition:clip-path var(--transition-fast) ease}}@supports not (clip-path: circle(50px at 50% 50%)){.text-mask__base{-webkit-mask-image:radial-gradient(circle at var(--mouse-x, 0) var(--mouse-y, 0),transparent var(--mask-size, 0),black var(--mask-size, 0));mask-image:radial-gradient(circle at var(--mouse-x, 0) var(--mouse-y, 0),transparent var(--mask-size, 0),black var(--mask-size, 0))}.text-mask__alt{-webkit-mask-image:radial-gradient(circle at var(--mouse-x, 0) var(--mouse-y, 0),black var(--mask-size, 0),transparent var(--mask-size, 0));mask-image:radial-gradient(circle at var(--mouse-x, 0) var(--mouse-y, 0),black var(--mask-size, 0),transparent var(--mask-size, 0))}}.wheel-system__section{min-height:100vh;max-height:100vh;display:flex;flex-direction:column;padding:0;margin:0}.wheel-system__header{flex-shrink:0;font-size:var(--text-4xl);padding:var(--space-xl) var(--space-xl) var(--space-md);text-align:left}.wheel-system__main{flex:1;display:flex;justify-content:center;align-items:center;gap:calc(2rem + 2rem*(100vw - 320px)/1080px);padding:0 var(--space-xl) var(--space-xl);min-height:0}.wheel-system__wrapper{position:relative;width:calc(360px + 120px*(100vw - 320px)/1080px);height:calc(360px + 120px*(100vw - 320px)/1080px);flex-shrink:0}.wheel-system__wheel{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center;transition:transform var(--transition-slow) var(--transition-timing)}.wheel-system__wheel.paused .wheel-system__tag:not(.active){opacity:.3}.wheel-system__ring{position:absolute;left:50%;top:50%;width:calc(150px + 50px*(100vw - 320px)/1080px);height:calc(150px + 50px*(100vw - 320px)/1080px);border:2px solid var(--color-surface-base);border-radius:var(--radius-full);transform:translate(-50%,-50%);pointer-events:none}.wheel-system__tag{position:relative;padding:var(--space-sm) var(--space-lg);background:var(--color-surface-base);border-radius:var(--radius-lg);transform-origin:center center;transition:transform var(--transition-slow) var(--transition-timing),opacity var(--transition-normal) ease,background-color var(--transition-normal) ease;cursor:pointer;color:var(--color-text);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;white-space:nowrap;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);font-size:var(--text-sm)}.wheel-system__pause-icon{position:absolute;top:50%;right:-24px;transform:translateY(-50%);width:var(--space-lg);height:var(--space-lg);opacity:0;transition:opacity var(--transition-normal) ease;pointer-events:none}.wheel-system__tag.active.paused .wheel-system__pause-icon{opacity:1}.wheel-system__pause-icon:before,.wheel-system__pause-icon:after{content:"";position:absolute;top:0;width:var(--space-xxs);height:80%;background:var(--color-primary);border-radius:var(--radius-sm);box-shadow:0 0 8px var(--color-glow)}.wheel-system__pause-icon:before{left:var(--space-xs)}.wheel-system__pause-icon:after{right:var(--space-xxxs)}.wheel-system__wheel.paused .wheel-system__tag:not(.active){opacity:.3;transition:opacity var(--transition-normal) ease}.wheel-system__tag:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.wheel-system__tag-wrapper{position:absolute;left:50%;top:50%;transform-origin:center center;transition:transform var(--transition-slow) var(--transition-timing)}.wheel-system__info{flex:1;max-width:calc(400px + 100px*(100vw - 320px)/1080px);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);background:var(--color-surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(183,171,152,.1);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg),inset 0 1px #ffffff1a;position:relative;min-height:0}.wheel-system__info:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-2xl);padding:1px;background:linear-gradient(135deg,rgba(235,89,57,.1),transparent,rgba(235,89,57,.05));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.wheel-system__tag.active{background:var(--color-surface-hover);box-shadow:var(--shadow-glow)}.wheel-system__tag.focused{z-index:var(--z-top);transform:scale(1.05)}.wheel-system__tag.dimmed{opacity:.3}.wheel-system__progress-track{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-lg);overflow:visible;pointer-events:none}.wheel-system__progress-path{fill:none;stroke:var(--color-primary);stroke-width:2px;transition:stroke-dashoffset var(--transition-fast) linear,opacity var(--transition-normal) ease;opacity:0;filter:drop-shadow(0 0 3px var(--color-primary))}@media (max-width: 768px){.wheel-system__main{flex-direction:column;gap:var(--space-lg)}.wheel-system__wrapper{width:300px;height:300px}.wheel-system__ring{width:120px;height:120px}.wheel-system__info{max-width:100%}}.music-system__section{min-height:100vh;max-height:100vh;display:flex;flex-direction:column;padding:0;margin:0}.music-system__header{flex-shrink:0;font-family:var(--font-body);font-size:var(--text-4xl);font-weight:var(--font-bold);padding:var(--space-xl) var(--space-xl) var(--space-md);text-align:left;position:relative}.music-system__page-info{position:absolute;bottom:calc(var(--space-xs) / 2);right:0;font-size:var(--text-base);opacity:.8}.music-system__main{flex:1;display:grid;grid-template-columns:1fr .8fr;gap:var(--space-lg);padding:0 var(--space-lg) var(--space-lg);min-height:0;overflow:hidden}.music-system__composition-container{display:flex;flex-direction:column;min-height:0}.music-system__composition-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:calc(.5rem + .25rem*(100vw - 320px)/1080px);position:relative;flex:1;min-height:0}.music-system__composition-cell{background:var(--color-surface-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:calc(.75rem + .25rem*(100vw - 320px)/1080px);transition:all var(--transition-normal) ease;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:0;overflow:hidden}.music-system__composition-cell:hover{background:var(--color-surface-hover);transform:translateY(-2px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.music-system__composition-cell.active{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.music-system__cell-header{margin-bottom:var(--space-xxs);flex-shrink:0}.music-system__cell-title{font-size:var(--text-md);color:var(--color-text);margin-bottom:var(--space-xxs);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-system__cell-subtitle{font-size:var(--text-xs);color:var(--color-primary);opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-system__cell-description{font-size:var(--text-sm);opacity:.8;line-height:var(--leading-normal);flex:1;overflow:hidden;margin-bottom:var(--space-xs)}.music-system__cell-info{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:auto;flex-shrink:0}.music-system__info-tag{background:var(--color-background);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-xxs)}.music-system__info-tag svg{width:var(--space-sm);height:var(--space-sm);opacity:.7}.music-system__composition-detail{background:var(--color-surface-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);min-height:0;overflow:hidden}.music-system__detail-header{flex-shrink:0;margin-bottom:var(--space-sm)}.music-system__detail-title{font-size:var(--text-xl);margin-bottom:var(--space-xxs);color:var(--color-text)}.music-system__detail-subtitle{font-size:var(--text-base);color:var(--color-primary)}.music-system__detail-description{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-md);flex-shrink:0}.music-system__detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-md);flex-shrink:0}.music-system__stat-item{text-align:center}.music-system__stat-value{font-size:var(--text-lg);color:var(--color-primary);margin-bottom:var(--space-xxs)}.music-system__stat-label{font-size:var(--text-xs);opacity:.8}.music-system__music-preview{background:var(--color-surface-hover);border-radius:var(--radius-md);padding:var(--space-sm);margin-top:auto;flex-shrink:0}.music-system__sheet-preview{width:100%;height:calc(120px + 40px*(100vw - 320px)/1080px);background:var(--color-surface-base);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-sm);overflow:hidden}.music-system__sheet-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm)}.music-system__player-controls{display:flex;align-items:center;gap:var(--space-sm)}.music-system__control-button{background:var(--color-surface-base);border:none;color:var(--color-text);width:var(--space-xl);height:var(--space-xl);border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal) ease;font-size:var(--text-sm);flex-shrink:0}.music-system__control-button:hover{background:var(--color-primary);color:var(--color-background)}.music-system__progress-bar{flex:1;height:3px;background:var(--color-surface-base);border-radius:calc(var(--radius-sm) / 2);position:relative}.music-system__progress-fill{position:absolute;left:0;top:0;height:100%;background:var(--color-primary);border-radius:calc(var(--radius-sm) / 2);width:30%}.music-system__time-display{font-size:var(--text-xs);color:var(--color-text);opacity:.8;min-width:85px;text-align:right;flex-shrink:0}.music-system__pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xs);flex-shrink:0}.music-system__page-button{background:var(--color-surface-base);border:none;color:var(--color-text);width:var(--space-xl);height:var(--space-xl);border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal) ease;font-size:var(--text-base)}.music-system__page-button:hover:not(:disabled){background:var(--color-primary);color:var(--color-background)}.music-system__page-button:disabled{opacity:.5;cursor:not-allowed}.music-system__page-number{font-size:var(--text-base);min-width:3rem;text-align:center}@media (max-width: 768px){.music-system__header{flex-direction:column;gap:var(--space-xs);align-items:center}.music-system__composition-grid{gap:var(--space-xs)}.music-system__composition-cell{padding:var(--space-sm)}}.writings-system__section{min-height:100vh;max-height:100vh;display:flex;flex-direction:column;padding:0;margin:0}.writings-system__header{flex-shrink:0;text-align:center;font-size:var(--text-4xl);padding:var(--space-xl) var(--space-lg) var(--space-md)}.writings-system__content-container{flex:1;position:relative;display:flex;justify-content:center;align-items:center;padding:0 var(--space-xl);min-height:0;overflow:hidden}.writings-system__controls-container{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) calc(8% + 4%*(100vw - 320px)/1080px)}.writings-system__panel-controls{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);background:var(--color-surface-card);padding:var(--space-lg);border-radius:var(--radius-lg);min-width:calc(280px + 40px*(100vw - 320px)/1080px)}.writings-system__floating-panel{position:absolute;width:calc(280px + 40px*(100vw - 320px)/1080px);top:50%;transform:translateY(-50%);z-index:var(--z-above)}.writings-system__floating-panel--poetry{left:calc(8% + 2%*(100vw - 320px)/1080px);animation:float 10s ease-in-out infinite;animation-delay:0s}.writings-system__floating-panel--papers{right:calc(8% + 2%*(100vw - 320px)/1080px);animation:float 10s ease-in-out infinite;animation-delay:-5s}.writings-system__panel-header{background:var(--color-surface-card);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.writings-system__panel-title{font-size:var(--text-lg);color:var(--color-primary);margin-bottom:var(--space-xs)}.writings-system__panel-subtitle{font-size:var(--text-sm);opacity:.7}.writings-system__cluster{position:relative;height:calc(300px + 60px*(100vw - 320px)/1080px);width:100%}.writings-system__writing-title{font-size:var(--text-base);margin-bottom:var(--space-xs);color:var(--color-primary)}.writings-system__writing-meta{font-size:var(--text-sm);opacity:.7;margin-bottom:var(--space-sm)}.writings-system__writing-preview{font-size:var(--text-sm);line-height:var(--leading-normal);opacity:.9}.writings-system__book-collections{margin-top:var(--space-md);font-size:var(--text-sm);opacity:.8}.writings-system__collection-count{color:var(--color-primary)}.writings-system__cluster-navigation{width:var(--space-xl);height:var(--space-xl);background:var(--color-surface-base);border:none;border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal) ease}.writings-system__cluster-navigation:hover{background:var(--color-primary);color:var(--color-background)}.writings-system__cluster-navigation.hidden{opacity:0;pointer-events:none}.writings-system__connector{position:absolute;top:50%;width:calc(80px + 20px*(100vw - 320px)/1080px);height:1px;background:var(--color-surface-hover)}.writings-system__connector--left{left:calc(50% - 30px)}.writings-system__connector--right{right:calc(50% - 30px)}.writings-system__info-hint{margin-top:var(--space-lg);text-align:center;font-size:var(--text-sm);opacity:.6;font-style:italic}.writings-system__control-content{display:flex;align-items:center;gap:var(--space-md)}.writings-system__page-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.writings-system__page-status{font-size:var(--text-sm);opacity:.7}.writings-system__items-count{font-size:var(--text-base);opacity:.8;min-width:120px;text-align:center}.writings-system__info-display{width:calc(400px + 100px*(100vw - 320px)/1080px);background:var(--color-surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(183,171,152,.1);border-radius:var(--radius-2xl);padding:var(--space-xl);position:relative;z-index:var(--z-base);transition:opacity var(--transition-normal) ease;box-shadow:var(--shadow-lg)}.writings-system__info-header{margin-bottom:var(--space-lg)}.writings-system__info-title{font-size:var(--text-xl);color:var(--color-primary);margin-bottom:var(--space-xs)}.writings-system__info-subtitle{font-size:var(--text-md);opacity:.8}.writings-system__info-content{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-xl)}.writings-system__info-metadata{display:flex;gap:var(--space-xl);margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--color-background);border-radius:var(--radius-md)}.writings-system__meta-item{flex:1}.writings-system__meta-label{font-size:var(--text-sm);opacity:.7;margin-bottom:var(--space-xxs)}.writings-system__meta-value{font-size:var(--text-base);color:var(--color-primary)}.writings-system__info-actions{display:flex;justify-content:flex-end;gap:var(--space-md)}.writings-system__writing-item{position:absolute;background:var(--color-surface-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal) var(--transition-timing);box-shadow:var(--shadow-sm);width:calc(180px + 40px*(100vw - 320px)/1080px);opacity:0;pointer-events:none}.writings-system__writing-item.visible{opacity:1;pointer-events:auto}.writings-system__cluster .writings-system__writing-item:nth-child(odd){left:0;top:0}.writings-system__cluster .writings-system__writing-item:nth-child(2n){right:0;bottom:var(--space-lg)}.writings-system__writing-item:hover{transform:translateY(-4px);background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-glow);z-index:var(--z-overlay)}.writings-system__writing-item.active{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-glow);z-index:var(--z-top)}.writings-system__action-button{padding:var(--space-sm) var(--space-lg);background:var(--color-surface-hover);border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-normal) ease;font-size:var(--text-base);display:flex;align-items:center;gap:var(--space-xs)}.writings-system__action-button:hover{background:var(--color-primary);color:var(--color-background);border-color:var(--color-primary-hover)}.writings-system__action-icon{width:var(--space-lg);height:var(--space-lg)}@keyframes float{0%{transform:translateY(calc(-50% - 1.5vh))}50%{transform:translateY(calc(-50% + 1.5vh))}to{transform:translateY(calc(-50% - 1.5vh))}}@media (max-width: 768px){.writings-system__content-container{flex-direction:column;gap:var(--space-lg);align-items:stretch;padding:var(--space-md)}.writings-system__floating-panel{position:static;width:100%;transform:none;animation:none}.writings-system__floating-panel--poetry,.writings-system__floating-panel--papers{left:auto;right:auto}.writings-system__info-display{width:100%;order:2}.writings-system__connector{display:none}}@media (max-width: 480px){.base-hero .hero-title{font-size:clamp(3rem,8vw,5rem)}.text-mask__item--subtitle .text-mask__base,.text-mask__item--subtitle .text-mask__alt{font-size:clamp(1.25rem,4vw,1.75rem)}.base-nav{left:var(--space-xs);right:var(--space-xs);transform:none;width:auto;max-width:none}.base-nav__links{gap:var(--space-md);flex-wrap:wrap;justify-content:center}.base-hero{padding:0 var(--space-md)}.wheel-system__header,.music-system__header,.writings-system__header{font-size:clamp(2rem,6vw,3rem);padding-left:var(--space-md);padding-right:var(--space-md)}}@media (max-width: 768px){:root{--section-header-space: 3rem}.base-nav{top:var(--space-md);padding:var(--space-xs) var(--space-md)}.base-nav__links{gap:var(--space-lg);font-size:var(--text-xs)}.base-hero{padding:0 var(--space-lg)}.music-system__header{flex-direction:column;gap:var(--space-xs);align-items:center;text-align:center}.music-system__composition-grid{gap:var(--space-xs)}.music-system__composition-cell{padding:var(--space-sm)}.wheel-system__main{flex-direction:column;gap:var(--space-lg);padding:var(--space-md)}.wheel-system__wrapper{width:min(300px,80vw);height:min(300px,80vw)}.wheel-system__info{max-width:100%;width:100%}.writings-system__content-container{flex-direction:column;gap:var(--space-lg);padding:var(--space-md)}.writings-system__floating-panel{position:static;width:100%;transform:none;animation:none}.writings-system__info-display{width:100%;order:2}.writings-system__connector{display:none}}@media (max-width: 932px) and (orientation: landscape){.base-hero{height:100vh;padding:0 var(--space-xl)}.base-hero .hero-title{font-size:clamp(3.5rem,10vw,6rem);margin-bottom:var(--space-md)}.text-mask__item--subtitle .text-mask__base,.text-mask__item--subtitle .text-mask__alt{font-size:clamp(1.125rem,3vw,1.5rem)}}@media (min-width: 769px) and (max-width: 1024px){.wheel-system__wrapper{width:400px;height:400px}.writings-system__floating-panel{width:280px}.writings-system__info-display{width:420px}}@media (min-width: 1401px){.base-hero .hero-title{font-size:clamp(8rem,12vw,12rem)}.text-mask__item--subtitle .text-mask__base,.text-mask__item--subtitle .text-mask__alt{font-size:clamp(2.25rem,3vw,2.75rem)}.wheel-system__main{max-width:1200px;margin:0 auto}}@media (min-resolution: 192dpi){body{-webkit-font-smoothing:subpixel-antialiased}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.writings-system__floating-panel--poetry,.writings-system__floating-panel--papers{animation:none!important}.wheel-system__wheel,.wheel-system__tag-wrapper{transition:none!important}}@media print{.base-nav,.cursor-system__cursor,#webgl-canvas,#webgl-fps-counter,.webgl-scroll-indicator{display:none!important}section{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}