@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.resize{resize:both}.bg-\[\#1f2de6\]{--tw-bg-opacity: 1;background-color:rgb(31 45 230 / var(--tw-bg-opacity, 1))}.text-\[\#1f2de6\]{--tw-text-opacity: 1;color:rgb(31 45 230 / var(--tw-text-opacity, 1))}:root{--color-paper: oklch(96.5% .018 82);--color-paper-2: oklch(91.5% .025 78);--color-ink: oklch(17% .026 72);--color-muted: oklch(42% .03 72);--color-rule: oklch(73% .045 76);--color-rule-soft: oklch(86% .032 78);--color-accent: oklch(46% .29 270);--color-accent-soft: oklch(92% .055 260);--color-focus: oklch(54% .25 270);--color-shadow: oklch(23% .05 70 / .25);--font-display: "Chakra Petch", "Avenir Next", "Eurostile", "Microgramma D Extended", "Trebuchet MS", ui-sans-serif, system-ui, sans-serif;--font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--text-sm: clamp(.82rem, .8rem + .1vw, .9rem);--text-base: clamp(.96rem, .92rem + .18vw, 1.08rem);--text-lg: clamp(1.12rem, 1rem + .5vw, 1.45rem);--text-display: clamp(2.7rem, 8vw, 7.4rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .16s;--dur-med: .28s;--radius-sm: .45rem;--radius-md: .8rem;--grain-field: radial-gradient(circle at 12% 18%, oklch(100% 0 0 / .2) 0 .045rem, transparent .052rem), radial-gradient(circle at 74% 32%, oklch(18% .035 70 / .22) 0 .035rem, transparent .042rem), radial-gradient(circle at 42% 78%, oklch(100% 0 0 / .18) 0 .032rem, transparent .04rem), radial-gradient(circle at 88% 66%, oklch(18% .035 70 / .18) 0 .026rem, transparent .034rem);--grain-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0.72'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");--grain-size: .95rem .95rem}*{box-sizing:border-box}html,body{margin:0;min-width:320px;overflow:hidden;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);overscroll-behavior-y:none}body,#root{min-height:100vh;min-height:100svh}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-moz-selection{background:var(--color-accent);color:var(--color-paper)}::selection{background:var(--color-accent);color:var(--color-paper)}.site-shell{min-height:100vh;min-height:100svh;padding:0;background:var(--color-paper-2)}.topline{position:fixed;top:max(clamp(.72rem,1.55vw,1.18rem),env(safe-area-inset-top));left:max(clamp(.72rem,1.8vw,1.45rem),env(safe-area-inset-left));right:max(clamp(.72rem,1.8vw,1.45rem),env(safe-area-inset-right));z-index:140;display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:auto;margin:0;padding:0;color:#160d04;font-family:var(--font-display);font-size:var(--text-sm);pointer-events:none}.wordmark{position:absolute;left:0;display:inline-flex;align-items:center;gap:clamp(.5rem,.82vw,.72rem);width:auto;height:clamp(2.75rem,4vw,4rem);padding:0 clamp(1rem,1.32vw,1.34rem) 0 clamp(.72rem,1vw,1rem);border:1px solid oklch(92% .018 80 / .38);border-radius:999px;background:#432e1980;box-shadow:0 .78rem 2rem #1d0d002e,inset 0 1px #fcf8f13d;box-shadow:0 .78rem 2rem oklch(18% .045 65 / .18),inset 0 1px #fcf8f13d;color:#f4f1ec;cursor:pointer;overflow:hidden;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);pointer-events:auto}.wordmark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--grain-noise),var(--grain-field);background-size:160px 160px,var(--grain-size);mix-blend-mode:soft-light;opacity:.28;pointer-events:none}.wordmark:hover{border-color:#faf8f470;background:#4f37208f;color:#f4f1ec;transform:translateY(-.08rem)}.wordmark-mark{position:relative;z-index:1;display:block;width:clamp(1.08rem,1.75vw,1.52rem);height:clamp(1.08rem,1.75vw,1.52rem);border-radius:999px;background:#321af8;box-shadow:0 .28rem .8rem #070e373d;flex:0 0 auto}.wordmark-text{position:relative;z-index:1;color:currentColor;font-family:var(--font-display);font-size:clamp(.92rem,.9rem + .28vw,1.18rem);font-weight:820;letter-spacing:-.035em;line-height:1}.topline-links{position:relative;display:flex;align-items:center;gap:clamp(.18rem,.55vw,.44rem);padding:clamp(.28rem,.55vw,.46rem);border:1px solid oklch(92% .018 80 / .32);border-radius:999px;background:#432e197a;box-shadow:0 .78rem 2rem #1d0d0033,inset 0 1px #fcf8f142;box-shadow:0 .78rem 2rem oklch(18% .045 65 / .2),inset 0 1px #fcf8f142;color:#f4f1ec;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);pointer-events:auto;overflow:hidden}.topline-links:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--grain-noise),var(--grain-field);background-size:160px 160px,var(--grain-size);mix-blend-mode:soft-light;opacity:.34;pointer-events:none}.topline-links a{position:relative;z-index:1;display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;padding:clamp(.54rem,.85vw,.72rem) clamp(.78rem,1.25vw,1.08rem);font-weight:760;letter-spacing:-.035em;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.topline-links button{position:relative;z-index:1;display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;background:transparent;cursor:pointer;padding:clamp(.54rem,.85vw,.72rem) clamp(.78rem,1.25vw,1.08rem);font-weight:760;letter-spacing:-.035em;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.topline-links a:hover,.topline-links button:hover{transform:translateY(-.08rem)}.topline-links a:last-child{background:#321af8;color:#f8f1e5;box-shadow:none}.topline-links a:last-child:hover{background:#321af8;color:#f8f1e5}.mobile-menu-toggle{position:relative;z-index:4;display:none;place-items:center;width:2.9rem;height:2.9rem;padding:0;border:1px solid oklch(92% .018 80 / .38);border-radius:999px;background:#432e1980;box-shadow:0 .78rem 2rem #1d0d002e,inset 0 1px #fcf8f13d;box-shadow:0 .78rem 2rem oklch(18% .045 65 / .18),inset 0 1px #fcf8f13d;color:#f4f1ec;cursor:pointer;overflow:hidden;pointer-events:auto;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.mobile-menu-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--grain-noise),var(--grain-field);background-size:160px 160px,var(--grain-size);mix-blend-mode:soft-light;opacity:.28;pointer-events:none}.mobile-menu-toggle svg{position:relative;z-index:1}.mobile-menu-toggle:hover,.mobile-menu-toggle.is-open{border-color:#faf8f475;background:#4f372094}.topline a:focus-visible,.topline button:focus-visible,.helper-toggle:focus-visible,.mobile-menu-toggle:focus-visible,.scene-helper:focus-visible,.window-close:focus-visible,.reading-record:focus-visible,.tool-record:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.topline-actions{display:flex;align-items:center;gap:clamp(.48rem,.82vw,.72rem);max-width:calc(100vw - clamp(7rem,10vw,12rem));min-width:0;pointer-events:auto}.helper-toggle{position:relative;display:inline-grid;place-items:center;width:clamp(2.75rem,4vw,4rem);height:clamp(2.75rem,4vw,4rem);padding:0;border:1px solid oklch(92% .018 80 / .38);border-radius:999px;background:#432e197a;box-shadow:0 .78rem 2rem #1d0d002e,inset 0 1px #fcf8f13d;box-shadow:0 .78rem 2rem oklch(18% .045 65 / .18),inset 0 1px #fcf8f13d;color:#f4f1ec;cursor:pointer;overflow:hidden;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.helper-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--grain-noise),var(--grain-field);background-size:160px 160px,var(--grain-size);mix-blend-mode:soft-light;opacity:.28;pointer-events:none}.helper-toggle svg{position:relative;z-index:1}.helper-toggle:hover{border-color:#faf8f470;background:#4f37208f;transform:translateY(-.08rem)}.helper-toggle.is-active{border-color:#ebe4d861;background:#432e197a;color:#f4f1ec}.scene-stage{width:100vw;height:100vh;height:100svh;margin:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-color:var(--color-rule) transparent;scrollbar-width:thin}.scene-stage::-webkit-scrollbar{height:0}.scene-stage::-webkit-scrollbar-track{background:transparent}.scene-stage::-webkit-scrollbar-thumb{background:var(--color-rule);border-radius:999px}.scene-frame{position:relative;isolation:isolate;width:max(100vw,177.778vh);width:max(100vw,177.778svh);min-width:max(100vw,177.778vh);min-width:max(100vw,177.778svh);height:100vh;height:100svh;min-height:0;overflow:hidden;border-radius:0;background:var(--color-paper-2);box-shadow:none}.scene-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:118;background-image:var(--grain-noise),var(--grain-field),linear-gradient(90deg,oklch(100% 0 0 / .065) 1px,transparent 1px),linear-gradient(0deg,oklch(18% .035 70 / .04) 1px,transparent 1px);background-size:160px 160px,var(--grain-size),4px 4px,4px 4px;mix-blend-mode:overlay;opacity:.36;pointer-events:none}.scene-layer,.scene-object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scene-layer{-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scene-object{pointer-events:none}.scene-object-image{transform-origin:var(--object-origin, center);transition:transform .46s var(--ease-out),filter .46s var(--ease-out),opacity .22s var(--ease-out)}.scene-object.is-active .scene-object-image{filter:drop-shadow(var(--object-shadow, 0 .75rem .9rem oklch(20% .04 70 / .18)));transform:var(--object-active-transform, rotate(1deg))}.crt-screen-image,.active-object-image{opacity:0;filter:none}.scene-object.is-active .crt-screen-image{opacity:1;filter:drop-shadow(0 0 .35rem oklch(78% .08 72 / .2)) drop-shadow(0 .35rem .6rem oklch(18% .04 70 / .16))}.crt-screen-image.is-on-by-default{opacity:1}.scene-object.is-active .crt-screen-image.is-on-by-default{opacity:0;filter:none;transform:none}.scene-object.is-active .active-object-image{opacity:1;filter:drop-shadow(0 .75rem .9rem oklch(20% .04 70 / .18))}.object-toggle{position:absolute;z-index:2;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.object-toggle:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px;background:#d6e6ff29;background:oklch(92% .055 260 / .16)}.object-toggle:hover+*,.object-toggle:hover{cursor:pointer}.scene-object-corkboard{--object-origin: 71% 13%;--object-active-transform: rotate(-.45deg) translateY(-.35%)}.scene-object-books{--object-origin: 88% 34%;--object-active-transform: translateX(-.55%) rotate(-.28deg)}.scene-object-crt{--object-origin: 21% 48%;--object-active-transform: translateY(-.65%) rotate(-.38deg);--object-shadow: 0 1rem 1rem oklch(18% .04 75 / .16)}.site-shell-focal .scene-object-crt{--object-active-transform: none;--object-shadow: none}.scene-object-radio{--object-origin: 36% 49%;--object-active-transform: rotate(.55deg) translateY(-.55%);--object-shadow: 0 .85rem .85rem oklch(18% .04 75 / .16)}.scene-object-cups{--object-origin: 71% 52%;--object-active-transform: rotate(-.7deg) translateY(-.4%)}.scene-object-scrap-left,.scene-object-scrap-mid,.scene-object-scrap-center{--object-origin: 42% 67%;--object-active-transform: rotate(1.8deg) translateY(-.3%)}.scene-object-journal{--object-origin: 86% 78%;--object-active-transform: translateX(-.65%) rotate(.25deg)}.scene-object-lunch-box{--object-origin: 49% 74%;--object-active-transform: translateY(-.35%) rotate(-.22deg)}.scene-object-pencil{--object-origin: 86% 78%;--object-active-transform: translateX(.8%) rotate(.5deg)}.object-toggle-corkboard{left:65%;top:0%;width:17%;height:27%}.object-toggle-books{left:81%;top:18%;width:18%;height:40%}.object-toggle-crt{left:10%;top:28%;width:22%;height:36%}.object-toggle-radio{left:31%;top:39%;width:12%;height:24%}.object-toggle-cups{left:64%;top:36%;width:14%;height:31%}.object-toggle-scrap-left{left:12%;top:68%;width:8%;height:8%}.object-toggle-scrap-center{left:63%;top:58%;width:7%;height:7%}.object-toggle-journal{left:81%;top:66%;width:19%;height:18%}.object-toggle-pencil{left:80%;top:68%;width:20%;height:8%}.object-toggle-lunch-box{left:38%;top:61%;width:24%;height:25%}.site-shell-focal .object-toggle-books{left:8%;top:20%;width:33%;height:35%}.site-shell-focal .object-toggle-crt{left:9%;top:31%;width:22%;height:33%}.site-shell-focal .object-toggle-cups{left:88%;top:26%;width:11%;height:56%}.site-shell-focal .object-toggle-journal{left:56%;top:68%;width:31%;height:25%}.site-shell-focal .object-toggle-lunch-box{left:34%;top:73%;width:22%;height:23%}.z-background{z-index:0}.z-wall{z-index:10}.z-back{z-index:20}.z-crt{z-index:30}.z-plant{z-index:35}.z-radio{z-index:40}.z-cups{z-index:45}.z-scrap{z-index:50}.z-holder{z-index:60}.z-front{z-index:80}.z-coffee{z-index:83}.z-front-2{z-index:85}.z-front-3{z-index:86}.scene-helpers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:122;pointer-events:none}.scene-helper{position:absolute;display:grid;gap:.16rem;min-width:clamp(7.6rem,9.4vw,10.4rem);max-width:12rem;padding:clamp(.54rem,.72vw,.72rem) clamp(.68rem,.9vw,.94rem);border:1px solid oklch(92% .018 80 / .36);border-radius:clamp(.78rem,1.05vw,1.08rem);background:#432e1980;box-shadow:0 .72rem 1.4rem #1d0d002e,inset 0 1px #fcf8f138;box-shadow:0 .72rem 1.4rem oklch(18% .045 65 / .18),inset 0 1px #fcf8f138;color:#f4f1ec;font-family:var(--font-display);text-align:left;cursor:pointer;pointer-events:auto;backdrop-filter:blur(12px) saturate(1.08);-webkit-backdrop-filter:blur(12px) saturate(1.08);animation:helper-rise .36s var(--ease-out) both;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.scene-helper:before{content:"";position:absolute;left:clamp(.9rem,1.2vw,1.15rem);bottom:-.35rem;width:.72rem;height:.72rem;border-right:1px solid oklch(92% .018 80 / .32);border-bottom:1px solid oklch(92% .018 80 / .32);background:inherit;transform:rotate(45deg)}.scene-helper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--grain-noise),var(--grain-field);background-size:160px 160px,var(--grain-size);mix-blend-mode:soft-light;opacity:.26;pointer-events:none}.scene-helper span,.scene-helper small{position:relative;z-index:1}.scene-helper span{font-size:clamp(.82rem,.85vw,.96rem);font-weight:850;letter-spacing:-.035em;line-height:1}.scene-helper small{color:#f4f1eca8;font-family:var(--font-body);font-size:clamp(.68rem,.72vw,.78rem);font-weight:650;line-height:1.15}.scene-helper:hover{border-color:#faf8f47a;background:#4f372094;box-shadow:0 .9rem 1.6rem #1d0d0038,inset 0 1px #fcf8f147;box-shadow:0 .9rem 1.6rem oklch(18% .045 65 / .22),inset 0 1px #fcf8f147;transform:translateY(-.16rem)}@keyframes helper-rise{0%{opacity:0;transform:translateY(.42rem) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.workbench-window{position:absolute;left:52.5%;top:13.7%;z-index:var(--window-z, 125);width:clamp(22rem,31vw,35rem);color:#f4f1ec;border:1px solid oklch(92% .018 80 / .32);border-radius:clamp(1rem,1.35vw,1.4rem);background:#432e197a;box-shadow:0 .78rem 2rem #1d0d0033,inset 0 1px #fcf8f142;box-shadow:0 .78rem 2rem oklch(18% .045 65 / .2),inset 0 1px #fcf8f142;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);overflow:hidden;pointer-events:auto;transform:translate3d(var(--window-x, 0),var(--window-y, 0),0) rotate(.22deg)}.tools-window{left:50%;top:17%}.reading-window{left:49%;top:10.5%;width:clamp(23rem,32vw,36rem)}.about-window{left:38%;top:19%;width:clamp(22rem,30vw,34rem)}.intro-window{left:40%;top:clamp(5.75rem,10.8vh,7.25rem);width:clamp(23rem,32vw,36rem);animation:intro-window-open .42s var(--ease-out) both}.say-hi-window{left:51%;top:18%;width:clamp(21rem,28vw,32rem)}.playlist-window{left:39%;top:28%;width:clamp(20rem,27vw,30rem)}.ethic-window{left:39%;top:24%;width:clamp(18rem,24vw,27rem)}.radio-embed{display:block;width:100%;aspect-ratio:16 / 9;height:auto;margin-top:clamp(.7rem,1vw,.95rem);border:0;border-radius:.75rem;background:#1710085c}.workbench-window:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 24%,oklch(100% 0 0 / .14) 35%,transparent 50%);opacity:.7}.workbench-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:var(--grain-noise),var(--grain-field);background-size:160px 160px,var(--grain-size);mix-blend-mode:soft-light;opacity:.3}.window-titlebar{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm);min-height:clamp(3.4rem,4.6vw,4.75rem);padding:clamp(.82rem,1.1vw,1.15rem) clamp(1rem,1.45vw,1.45rem);border-bottom:1px solid oklch(92% .012 80 / .2);cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.window-titlebar:active{cursor:grabbing}.window-titlebar>svg{grid-column:1;justify-self:start;color:#f4f1ec7a}.window-titlebar span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.window-close{grid-column:3;justify-self:end;width:clamp(2rem,2.5vw,2.45rem);height:clamp(2rem,2.5vw,2.45rem);display:inline-grid;place-items:center;padding:0;border:1px solid transparent;border-radius:999px;background:#f4f1ec1a;color:#f4f1ecc7;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.window-close:hover{background:#f4f1ec2e;color:#fdfbf9;transform:rotate(4deg)}.window-body{position:relative;z-index:2;padding:clamp(1.3rem,2vw,2rem) clamp(1.25rem,2.1vw,2.2rem) clamp(1.45rem,2.25vw,2.35rem)}.window-kicker{display:flex;align-items:center;gap:var(--space-sm);color:#f8f5efe6;font-family:var(--font-display);font-size:clamp(.86rem,.9vw,1rem);font-weight:850;margin-bottom:clamp(.78rem,1.1vw,1.12rem)}.window-body h2{max-width:18ch;margin:clamp(.5rem,.82vw,.82rem) 0 clamp(.5rem,.8vw,.78rem);font-family:var(--font-display);font-size:clamp(1.35rem,1.8vw,2.05rem);font-weight:700;letter-spacing:-.035em;line-height:1}.window-intro{max-width:34ch;margin:0 0 clamp(1rem,1.45vw,1.45rem);color:#f4f1ecc7;font-size:clamp(.86rem,.92vw,1rem);font-weight:600;line-height:1.38}.window-subhead{max-width:15ch;margin:0 0 clamp(1rem,1.45vw,1.42rem);color:#fbf8f3eb;font-family:var(--font-display);font-size:clamp(1.12rem,1.28vw,1.48rem);font-weight:650;letter-spacing:-.04em;line-height:1.02}.window-prompt{margin:clamp(1.05rem,1.58vw,1.6rem) 0 0;padding-top:clamp(.9rem,1.22vw,1.18rem);border-top:1px solid oklch(98% .006 82 / .14);color:#f4f1ecad;font-family:var(--font-display);font-size:clamp(.8rem,.84vw,.94rem);font-weight:760;letter-spacing:-.03em;line-height:1.18}@keyframes intro-window-open{0%{opacity:0;transform:translate3d(var(--window-x, 0),calc(var(--window-y, 0) + .58rem),0) rotate(.22deg) scale(.98)}to{opacity:1;transform:translate3d(var(--window-x, 0),var(--window-y, 0),0) rotate(.22deg) scale(1)}}.tool-record{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(.78rem,1.2vw,1.15rem);margin-top:0;padding:clamp(.68rem,1vw,.9rem) clamp(.72rem,1.1vw,1rem);border:1px solid oklch(98% .006 82 / .2);border-radius:clamp(.62rem,.9vw,.9rem);background:#f4f1ec1a;box-shadow:0 .55rem 1rem #1d0d0014,inset 0 1px #fcf8f129;box-shadow:0 .55rem 1rem oklch(18% .045 65 / .08),inset 0 1px #fcf8f129;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.tool-record+.tool-record{margin-top:clamp(.56rem,.8vw,.8rem)}.tool-record:hover{border-color:#faf8f461;background:#f4f1ec29;transform:translateY(-.12rem)}.tool-record-mark{width:clamp(2.35rem,3.1vw,3rem);height:clamp(2.35rem,3.1vw,3rem);display:inline-grid;place-items:center;border:1px solid oklch(82% .08 270 / .38);border-radius:.72rem;background:#321af8db;color:#f8f1e5;font-family:var(--font-mono);font-weight:900;letter-spacing:-.08em}.tool-record strong{display:block;font-size:clamp(.98rem,1.02vw,1.12rem);letter-spacing:-.035em}.tool-record small{display:block;margin-top:.16rem;color:#f4f1ecad;font-size:clamp(.8rem,.84vw,.94rem);line-height:1.25}.reading-list{max-height:clamp(14rem,37vh,25rem);margin-top:clamp(.7rem,1vw,.95rem);padding-right:.35rem;overflow:auto;scrollbar-color:oklch(96% .008 82 / .32) transparent;scrollbar-width:thin}.tool-list{max-height:none;overflow:visible}.reading-list::-webkit-scrollbar{width:.4rem}.reading-list::-webkit-scrollbar-track{background:transparent}.reading-list::-webkit-scrollbar-thumb{border-radius:999px;background:#f4f1ec47}.reading-record{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-sm);padding:clamp(.62rem,.88vw,.82rem) 0;border-top:1px solid oklch(98% .006 82 / .14);transition:color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.reading-record:first-child{border-top:0}.reading-record:hover{color:#fdfbf9;transform:translate(.18rem)}.window-cta{margin-top:clamp(.7rem,1vw,.95rem);border-top:0}.reading-record strong{display:block;color:#fbf8f3eb;font-size:clamp(.92rem,.96vw,1.05rem);letter-spacing:-.02em;line-height:1.12}.reading-record small{display:block;margin-top:.14rem;color:#f4f1ec9e;font-size:clamp(.72rem,.76vw,.84rem);line-height:1.2}.window-note-list{display:grid;gap:0;margin-top:clamp(.7rem,1vw,.95rem)}.window-note-list p{margin:0;padding:clamp(.62rem,.88vw,.82rem) 0;border-top:1px solid oklch(98% .006 82 / .14);color:#fbf8f3e6;font-size:clamp(.92rem,.96vw,1.05rem);font-weight:650;letter-spacing:-.02em;line-height:1.28}.window-note-list p:first-child{border-top:0}@media (max-width: 980px){.scene-stage{width:100vw;margin:0;padding:0;overflow:auto;scroll-snap-type:x proximity;touch-action:pan-x pan-y}.scene-frame{width:max(100vw,1180px,177.778vh);width:max(100vw,1180px,177.778svh);min-width:max(100vw,1180px,177.778vh);min-width:max(100vw,1180px,177.778svh);height:max(100vh,663.75px);height:max(100svh,663.75px);aspect-ratio:16 / 9;scroll-snap-align:center}}@media (max-width: 720px){.site-shell{padding:0}.topline{align-items:flex-start;justify-content:flex-end;border-radius:1.4rem}.topline-actions{position:relative;display:grid;grid-template-columns:auto auto;justify-content:end;width:-moz-min-content;width:min-content;max-width:calc(100vw - 4.4rem)}.mobile-menu-toggle{display:grid}.topline-links{position:absolute;top:calc(100% + .58rem);right:0;z-index:3;display:grid;min-width:min(11.8rem,calc(100vw - 2rem));gap:.12rem;padding:.36rem;border-radius:.42rem;background:#432e19bd;font-size:.84rem;opacity:0;pointer-events:none;transform:translateY(-.32rem) scale(.98);transform-origin:top right;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.topline-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.topline-links a,.topline-links button,.topline-links a:last-child{justify-content:flex-start;min-height:2.55rem;width:100%;border-radius:.26rem;padding:.62rem .8rem;text-align:left}.wordmark{justify-content:flex-start;gap:.46rem;height:2.9rem;padding:0 .78rem 0 .55rem;background:#432e198f}.wordmark-text{width:auto;height:auto;padding:0;overflow:visible;clip:auto;white-space:nowrap;font-size:clamp(.9rem,4.05vw,1.02rem)}.topline-links a:last-child{background:#321af8}.scene-frame{width:max(100vw,1040px,177.778vh);width:max(100vw,1040px,177.778svh);min-width:max(100vw,1040px,177.778vh);min-width:max(100vw,1040px,177.778svh);height:max(100vh,585px);height:max(100svh,585px);scroll-snap-align:start}.workbench-window,.tools-window,.reading-window,.about-window,.ethic-window,.say-hi-window,.playlist-window{position:fixed;left:max(.64rem,env(safe-area-inset-left));right:max(.64rem,env(safe-area-inset-right));top:auto;bottom:max(4.75rem,calc(env(safe-area-inset-bottom) + 3.25rem));width:auto;max-height:min(70svh,34rem);transform:translate3d(var(--mobile-window-x, 0),var(--mobile-window-y, 0),0) rotate(.22deg)}.window-titlebar{min-height:3.05rem;padding:.62rem .78rem}.window-body{max-height:calc(min(70svh,34rem) - 3.05rem);overflow:auto;padding:.86rem 1rem 1.12rem}.reading-list{max-height:42svh}.intro-window{animation:none}}@media (max-width: 420px){.wordmark{gap:.42rem;padding-right:.64rem;padding-left:.5rem}.wordmark-text{font-size:clamp(.84rem,3.95vw,.96rem)}.helper-toggle{width:2.9rem;height:2.9rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.12s!important;animation-duration:.12s!important;animation-iteration-count:1!important}}