:root{--base03: #002b36;--base02: #073642;--base01: #586e75;--base00: #657b83;--base0: #839496;--base1: #93a1a1;--base2: #eee8d5;--base3: #fdf6e3;--yellow: #b58900;--orange: #cb4b16;--red: #dc322f;--magenta: #d33682;--violet: #6c71c4;--blue: #268bd2;--cyan: #2aa198;--green: #859900;--scene-bg: #0b3b47;--box-plate: #0a3140;--box-patch: #093240;--box-top: #0c3644;--box-front: #08303c;--box-side: #062831;--ripple-color: rgba(238, 232, 211, .9);--link: #5ec9c0;--link-hover: var(--base2);--footer-text: #a8b8bb;--hover-label: #7fa6ad;--placeholder: #6f989e;--glass-dark: rgba(0, 43, 54, .62);--glass-light: rgba(253, 246, 227, .62);--glass-dark-text: #cfd8d8;--glass-light-text: #3f5459;--font-sans: "Inter", Helvetica, sans-serif;--font-mono: "JetBrains Mono", monospace}@keyframes baseRipple{0%{transform:translateZ(.6px) scale(1.06);opacity:1}to{transform:translateZ(.6px) scale(1.8);opacity:0}}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:0 138px,138px 0}}@keyframes fieldIn{0%{opacity:0}to{opacity:1}}@keyframes pRise{0%{opacity:0;transform:translateY(70px) scale(.96)}to{opacity:1;transform:none}}@keyframes pUnfold{0%{opacity:0;transform:perspective(1200px) rotateY(-38deg) translate(-70px)}to{opacity:1;transform:perspective(1200px) rotateY(0) translate(0)}}@keyframes pIris{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes pSlide{0%{opacity:0;transform:translate(120px)}to{opacity:1;transform:none}}@keyframes pDrop{0%{opacity:0;transform:translateY(-90px) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes pWide{0%{opacity:0;transform:scaleX(.3) scaleY(.9)}to{opacity:1;transform:none}}@keyframes pTilt{0%{opacity:0;transform:perspective(1200px) rotateX(46deg) translateY(60px)}to{opacity:1;transform:perspective(1200px) rotateX(0) translateY(0)}}@keyframes pBlur{0%{opacity:0;filter:blur(14px);transform:scale(1.06)}to{opacity:1;filter:blur(0);transform:none}}@keyframes pSpring{0%{opacity:0;transform:translateY(46px) scale(.9)}60%{opacity:1;transform:translateY(-10px) scale(1.02)}to{opacity:1;transform:none}}@keyframes inUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}html,body{margin:0;padding:0;background:var(--scene-bg);overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}a{color:var(--link);text-decoration:none;border-bottom:1px solid rgba(94,201,192,.4)}a:hover{color:var(--link-hover);border-bottom-color:var(--link-hover)}input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}.scene-root{position:relative;width:100%;min-height:100vh;background:var(--scene-bg);overflow:hidden;font-family:var(--font-sans)}.scene-scale{position:absolute;left:50%;top:50%;width:0;height:0}.scene-stage{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;transform:rotateX(58deg) rotate(45deg)}.line-field{position:absolute;left:-1400px;top:-1400px;width:2800px;height:2800px;transform:rotateX(58deg) rotate(45deg);background-image:repeating-linear-gradient(0deg,rgba(42,161,152,.22) 0 1px,transparent 1px 138px),repeating-linear-gradient(90deg,rgba(108,113,196,.18) 0 1px,transparent 1px 138px);animation:gridDrift 5.5s linear infinite,fieldIn .8s ease both;mask-image:radial-gradient(closest-side,#000 56%,transparent 94%);-webkit-mask-image:radial-gradient(closest-side,#000 56%,transparent 94%);pointer-events:none}.hover-label{position:absolute;left:0;right:0;bottom:14%;text-align:center;font-family:var(--font-mono);font-size:13px;letter-spacing:.34em;text-transform:uppercase;color:var(--hover-label);pointer-events:none;animation:inUp .3s ease both}.footer{position:absolute;left:34px;bottom:22px;display:flex;align-items:center;gap:13px;color:var(--footer-text)}.footer__mark{display:block;width:38px;height:40.8px;overflow:visible}.footer__text{font-family:var(--font-mono);font-size:13px;letter-spacing:.22em;text-transform:uppercase}@media (max-width: 640px){.footer{left:16px;bottom:16px;gap:10px}.footer__mark{width:30px;height:32.2px}.footer__text{font-size:11px}}.open-layer{position:fixed;inset:0;z-index:40}z-scene>[slot^=panel-]{display:none}.scrim{position:absolute;inset:0;background:#04202833;animation:scrimIn .35s ease both}.tile{position:absolute;width:120px;height:120px;transform-style:preserve-3d;transition-property:transform}.tile-hit{position:absolute;inset:0;transform-style:preserve-3d;cursor:pointer;transition:transform .55s cubic-bezier(.2,1.5,.3,1)}@media (hover: hover) and (pointer: fine){.tile-hit:hover{transform:translateZ(36px)}}.tile-plate{position:absolute;left:-124.45px;top:-124.45px;width:244.45px;height:244.45px;background:var(--box-plate);clip-path:path("M 0 3 Q 0 0 3 0 L 117 0 Q 120 0 122.12 2.12 L 242.33 122.33 Q 244.45 124.45 244.45 127.45 L 244.45 241.45 Q 244.45 244.45 241.45 244.45 L 127.45 244.45 Q 124.45 244.45 122.33 242.33 L 2.12 122.12 Q 0 120 0 117 Z");transform:translateZ(-.5px)}.tile-ripple-wrap{position:absolute;inset:0;transform-style:preserve-3d;transition:opacity .5s ease;pointer-events:none}.tile-ripple{position:absolute;left:-34px;top:-34px;width:188px;height:188px;border:2px solid var(--ripple-color);border-radius:16px;animation:baseRipple 1.24s linear infinite}.tile-shell{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,1.5,.3,1);pointer-events:none}.tile-patch{position:absolute;left:0;top:0;width:124px;height:124px;background:var(--box-patch);border-radius:5px;transform:translateZ(109.5px)}.tile-top{position:absolute;left:0;top:0;width:120px;height:120px;background:var(--box-top);border-radius:5px;transform:translateZ(110px)}.tile-color{position:absolute;inset:10px;background:var(--tile-color)}.tile-tint{position:absolute;inset:0;transition:opacity .55s ease,background-color .55s ease}.tile-front{position:absolute;left:0;top:0;width:120px;height:110px;background:var(--box-front);border-radius:5px;transform-origin:0 0;transform:translate3d(0,120px,0) rotateX(90deg)}.tile-side{position:absolute;left:0;top:0;width:110px;height:120px;background:var(--box-side);border-radius:5px;transform-origin:0 0;transform:translate3d(120px,0,0) rotateY(-90deg)}.panel{position:relative;width:100%;max-height:calc(100vh - 60px);overflow:auto;background:var(--glass-dark);backdrop-filter:blur(7px) saturate(1.05);-webkit-backdrop-filter:blur(7px) saturate(1.05);border:1px solid rgba(147,161,161,.18);padding:30px 28px;color:var(--glass-dark-text);font-family:var(--font-mono);box-shadow:0 40px 90px #00000073}.eyebrow{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase}.panel-close{position:absolute;right:20px;top:16px;cursor:pointer;font-family:var(--font-mono);font-size:18px;color:var(--close-color, #a8b8bb);line-height:1}.panel-close:hover{color:var(--close-hover, var(--base2))}.panel-wrapper{position:absolute;display:flex}.panel-animator{position:relative;width:100%}.work-row{transition:padding-left .25s ease}.work-row:hover{padding-left:12px}.talk-card{transition:transform .3s cubic-bezier(.2,1.4,.3,1),border-color .3s ease}.talk-card:hover{transform:translateY(-8px);border-color:var(--orange)}@media (max-width: 640px){.panel-wrapper{inset:16px 16px auto!important;width:auto!important;transform:none!important}.panel{max-height:calc(100vh - 32px)!important;padding:22px 18px!important}}.util-deck{position:absolute;right:30px;bottom:26px;width:82px;height:220px;z-index:20;pointer-events:none}.util-card{position:absolute;right:0;bottom:0;width:82px;height:43px;pointer-events:auto;transition:transform .5s cubic-bezier(.2,1.4,.3,1)}.util-card__label{position:absolute;right:77px;top:10px;white-space:nowrap;pointer-events:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--hover-label);transition:opacity .3s ease}.util-card__hit{position:absolute;right:6px;top:5px;width:61px;height:32px;cursor:pointer}.util-card__shape{position:absolute;left:9px;top:-6px;width:43px;height:43px;border-radius:2px;transform:scaleY(.5299) rotate(45deg);transition:background .25s ease,border-color .25s ease}.util-card__hit:hover .util-card__shape{background:#123f4e;border-color:var(--base1)}.util-card__icon{position:absolute;left:23px;top:9px;width:15px;height:15px;pointer-events:none}.float-panel{position:absolute;z-index:21;font-family:var(--font-mono)}.float-panel__pad{background:#0b3b4780;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.float-panel__header{display:flex;align-items:center;border-radius:2px;touch-action:none;transition:background .18s ease;background:transparent}.float-panel__header:hover{background:var(--hdr-hover, transparent)}.float-panel__header.is-dragging{background:var(--hdr-drag, transparent)}.icon-btn:hover{color:var(--icon-hover, var(--base2))}.focus-input:focus{border-bottom-color:#5ec9c0}@media (max-width: 640px){.float-panel{max-width:calc(100vw - 24px)}.focus-inner{width:min(620px,calc(100vw - 32px))!important}pomodoro-panel{top:170px!important;margin-top:0!important}notes-panel{top:350px!important;margin-top:0!important}}