:root{font-family:'Nunito',ui-rounded,system-ui,sans-serif;color:#43515e;background:#eef1f3;font-synthesis:none;--blue:#36a5ce;--line:#dce2e6}*{box-sizing:border-box}body{margin:0;background:repeating-linear-gradient(0deg,#ffffff00 0px,#ffffff00 3px,#b2bec50c 3px,#b2bec50c 4px),radial-gradient(ellipse at 50% 25%,#fff 0,#f2f5f6 50%,#e8edf0 100%);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #1893cd;outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}.console{max-width:1600px;margin:auto}.header{height:88px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce3e6;padding:0 6.2%}.brand{display:flex;align-items:center;font-size:38px;font-weight:900;letter-spacing:-2px;color:#596670}.brand-dot{color:#44acd3}.brand-divider{width:1px;height:23px;background:#cfd8dd;margin:0 20px 0 24px}.brand-sub{font-size:14px;letter-spacing:.2px;font-weight:600;color:#8a969f}.header-right{display:flex;align-items:center;gap:24px}.welcome{font-size:14px;color:#8a959e}.sound-button{background:none;width:24px;padding:0;color:#9aa5ac}.sound-button svg{width:22px;height:22px}.player{font-size:11px;font-weight:800;letter-spacing:1.3px;display:flex;align-items:center;gap:7px}.player>span{width:7px;height:7px;background:#6fc2a8;border:2px solid #cfe9df;border-radius:50%;box-sizing:content-box}main{max-width:1120px;margin:28px auto 0;padding:0 30px}.spotlight{height:300px;position:relative;overflow:hidden;border-radius:24px;background:#496b74;box-shadow:0 10px 20px -15px #344956a8,0 0 0 5px #fff,0 0 0 6px #d6dfe4;color:white;isolation:isolate}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity 1.2s ease;background-size:cover;background-position:center 48%;transform:scale(1.02)}.slide.active{opacity:1}.slides:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102c3d80,transparent 80%),linear-gradient(0deg,#0d253c65,transparent 70%)}.light-sweep{position:absolute;inset:-130%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,#fff2 18deg,transparent 38deg);animation:sweep 24s linear infinite;z-index:1;mix-blend-mode:screen}.spotlight-top{position:absolute;left:30px;right:26px;top:23px;display:flex;align-items:center;justify-content:space-between}.pill{font-size:10px;letter-spacing:1.8px;font-weight:800;background:#ffffff26;border:1px solid #ffffff50;border-radius:20px;padding:7px 12px;backdrop-filter:blur(9px)}.photo-note{font-size:9px;letter-spacing:1.4px;opacity:.75}.spotlight-bottom{position:absolute;bottom:28px;left:34px;right:30px;display:flex;justify-content:space-between;align-items:end;z-index:2}.slide-caption>span{font-size:10px;letter-spacing:2px;font-weight:800;opacity:.8}.slide-caption h1{font-size:37px;line-height:1.12;letter-spacing:-1.3px;font-weight:800;margin:9px 0 10px;text-shadow:0 2px 8px #0002}.slide-caption p{font-size:13px;margin:0;color:#f2f8f7}.carousel-arrow{position:absolute;top:46%;width:32px;height:32px;display:grid;place-content:center;background:#ffffff1c;border:1px solid #fff5;border-radius:50%;color:white;font-size:27px;line-height:1;z-index:3;transition:background .2s}.carousel-arrow:hover{background:#fff5}.previous{left:14px}.next{right:14px}.carousel-controls{display:flex;align-items:center;gap:12px;bottom:0}.play-toggle{background:transparent;color:white;font-size:13px;width:24px;height:24px;padding:0}.dots{display:flex;gap:7px}.dots button{width:7px;height:7px;border-radius:10px;background:#ffffff65;padding:0;transition:width .3s,background .3s;position:relative}.dots button:before{content:'';position:absolute;inset:-8px}.dots button.active{width:21px;background:white}.slide-counter{font-size:11px;font-weight:800;margin-left:5px}.slide-counter span{opacity:.5;margin-left:3px}.channel-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 2px 21px}.channel-heading h2{font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0 0 3px;color:#54616b}.channel-heading h2 span{font-size:16px;color:#e3b95d;display:inline-block;transform:rotate(15deg);margin-left:9px}.channel-heading p{font-size:13px;color:#8c969f;margin:0}.channel-count{font-size:11px;color:#99a3ab}.channel-area{position:relative}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;perspective:1000px}.channel-wrap{animation:float 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.65s);min-width:0}.channel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0;width:100%;height:171px;border:1px solid #ced9df;border-radius:22px;background:linear-gradient(#fff,#f9fbfc);box-shadow:0 4px 0 #dce3e8,0 7px 10px -4px #5b6f7d29,inset 0 0 0 4px #fff;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s cubic-bezier(.17,.89,.32,1.5),box-shadow .35s;transform-style:preserve-3d;overflow:hidden}.channel:hover{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(16px) scale(1.035);box-shadow:0 0 0 2px var(--accent),0 12px 25px -10px #48627055}.channel:active{transform:scale(.97);transition:transform .15s}.channel-art{position:relative;display:flex;align-items:center;justify-content:center;flex:1;width:calc(100% - 10px);margin-top:5px;border-radius:17px 17px 6px 6px;background:radial-gradient(ellipse at 50% 85%,var(--tint),#ffffff80),linear-gradient(130deg,#fff,var(--tint));overflow:hidden}.channel-art:after{content:'';position:absolute;top:0;left:-10%;right:-10%;height:51%;background:linear-gradient(#fff9,#ffffff28);border-radius:0 0 50% 35%;pointer-events:none}.channel-label{width:100%;height:43px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:800;letter-spacing:.1px;z-index:1}.channel-label small{font-size:9px;color:#9daab4;font-weight:800;position:absolute;right:13px}.channel-art svg{height:75px;width:75px;stroke-width:1.4;filter:drop-shadow(0 6px 4px #253a4320);color:var(--accent);z-index:1}.channel-art .large-type{font-size:45px;font-weight:900;letter-spacing:-2px;color:var(--accent);text-shadow:0 2px white;z-index:1}.mini-label{position:absolute;bottom:10px;font-size:8px;letter-spacing:2px;color:var(--accent);font-weight:900;z-index:1}.channel-num{position:absolute;top:12px;left:13px;font-size:8px;letter-spacing:1px;font-weight:800;color:var(--accent);opacity:.4;z-index:2}.graphic-type{font-family:Georgia,serif;font-style:italic;letter-spacing:-6px!important;font-size:59px!important;transform:rotate(-9deg)}.skill-symbols{display:flex;align-items:center;gap:7px;z-index:1;transform:rotate(-7deg)}.skill-symbols span{background:#fff9;border:1px solid #eeb65155;border-radius:12px;box-shadow:0 4px 0 #e4b46c40;padding:9px;font-family:monospace;font-size:26px;font-weight:900;color:var(--accent)}.skill-symbols span:nth-child(2){transform:translateY(-8px);background:#f5b941;color:white;font-size:30px}.extras-symbol{font-size:61px!important;letter-spacing:0!important;font-weight:400!important}.page-arrow{position:absolute;right:-35px;top:45%;padding:0;font-size:44px;line-height:1;background:none;color:#99b8c7;transition:transform .3s}.page-arrow:hover{transform:translateX(5px)}.grid-footer{display:flex;justify-content:space-between;align-items:center;margin:24px 0 26px;color:#9aa6ae;font-size:11px}.tiny-cursor{font-size:17px;margin-right:6px;color:#7a9fae}.page-dots{display:flex;gap:7px}.page-dots span{height:5px;width:5px;border-radius:50%;background:#cbd6dc}.page-dots span:first-child{width:18px;border-radius:4px;background:#84b8cf}.spark{color:#e1b859;font-size:17px;margin-left:4px}.bottom-bar{min-height:95px;display:flex;align-items:center;justify-content:space-between;padding:12px 8%;border-top:1px solid #cdd9e0;box-shadow:0 -3px 0 #fff8;background:linear-gradient(#ffffffa0,#e7edf0a0);position:relative}.clock{display:flex;align-items:baseline;gap:19px;min-width:220px}.clock time{font-size:32px;font-weight:600;letter-spacing:-1px;color:#85929d}.clock time small{font-size:13px;letter-spacing:0;margin-left:5px}.clock>span{font-size:12px;color:#929fa9}.console-home{display:flex;align-items:center;gap:8px;color:#a7b6bf;font-size:10px;font-weight:800;letter-spacing:2px;position:absolute;left:50%;transform:translateX(-50%)}.home-symbol{font-size:24px;line-height:1}.mail-button{position:relative;width:69px;height:49px;display:grid;place-items:center;border:1px solid #c9d6df;border-radius:50%;background:linear-gradient(#fff,#e6edf1);box-shadow:0 2px 3px #8ba2b532,inset 0 1px 3px #fff;color:#8aabbc}.mail-button svg{width:30px;height:30px}.unread{position:absolute;right:0;top:-2px;background:#55acd0;color:white;border:2px solid #f1f5f7;border-radius:50%;width:19px;height:19px;font-size:10px;font-weight:800;display:grid;place-items:center}.mail-button:hover{box-shadow:0 0 0 2px #8ac6df}.panel-shell{min-height:100%;display:flex;flex-direction:column}.panel-header,.panel-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #dde5e8;font-size:11px;letter-spacing:1.5px;color:#8b9ba5;font-weight:800}.close-panel{width:34px;height:34px;background:#eff3f5;border-radius:50%}.panel-footer{border-bottom:0;border-top:1px solid #dde5e8;letter-spacing:0;margin-top:auto;font-weight:600}.back-button{border:1px solid #cadbe5;border-radius:25px;background:linear-gradient(#fff,#edf5f9);padding:12px 24px;color:#618ca3;font-weight:800}.panel-footer>span{font-size:12px}dialog{padding:0;border:1px solid #fff;border-radius:28px;width:min(940px,calc(100% - 32px));max-height:90dvh;color:#425362;background:#f9fbfc;box-shadow:0 30px 100px #1e405b4d}dialog[open]{animation:channelOpen .5s cubic-bezier(.16,1,.3,1)}dialog::backdrop{background:#e4edf3aa;backdrop-filter:blur(14px)}#panel-content{padding:36px 44px 44px}#panel-content h2{font-size:42px;color:var(--panel-color,#369fbd);letter-spacing:-1.5px;margin:8px 0 12px}#panel-content .eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:#8798a4}#panel-content p{font-size:16px;line-height:1.7;color:#798b98;max-width:620px}#panel-content .intro{font-size:19px;margin-top:0}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.content-card{border:1px solid #dce5e9;border-radius:18px;background:white;overflow:hidden;padding:22px}.content-card h3{font-size:19px;margin:0 0 7px}.content-card p{font-size:14px!important;margin:0}.work-art{height:145px;border-radius:11px;background:var(--card-color);color:white;display:flex;justify-content:center;align-items:center;font-size:43px;letter-spacing:-2px;font-weight:900;margin-bottom:18px}.work-art.serif{font-family:Georgia,serif;font-style:italic}.sample-tag{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:#99a7b1;display:block;margin-top:15px}.skill-list{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.skill-list span{padding:12px 20px;border:1px solid #ead7af;background:#fff7e7;border-radius:14px;color:#ae8539;font-size:16px;font-weight:700}.empty-note{border:1px dashed #cbd8df;background:#eff4f7;padding:22px;border-radius:16px;margin-top:24px}.empty-note p{margin:0}.extra-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.extra-controls button{padding:12px 18px;border:1px solid #c6dce5;border-radius:12px;background:#fff}.extra-controls button[aria-pressed=true]{background:#d8edf8}.credit{font-size:12px!important}.credit a{text-decoration:underline}.message{padding:25px;border:1px solid #cde3e2;background:#eef8f5;border-radius:18px;margin-top:24px}.message h3{margin-top:0}.message time{font-size:12px;color:#8da69f}body.night{filter:none;background:#d6e0e7}body.no-motion *,body.no-motion *:before,body.no-motion *:after{animation:none!important;transition:none!important}body.no-motion .channel{transform:none!important}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes channelOpen{from{opacity:0;transform:scale(.82) translateY(25px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(min-width:1500px){main{margin-top:35px}.spotlight{height:330px}.channel{height:185px}.channel-heading{margin-top:37px}.grid-footer{margin-bottom:35px}.header{height:100px}}@media(max-width:1000px){.header{padding:0 5%}.welcome{display:none}main{padding:0 40px}.channel-grid{gap:15px}.channel{height:155px}.channel-art svg{height:65px;width:65px}.brand-sub{font-size:12px}.clock{gap:10px}.clock time{font-size:26px}.channel-heading{margin-top:28px}}@media(max-width:650px){.header{height:74px;padding:0 24px}.brand{font-size:33px}.brand-divider,.brand-sub,.welcome{display:none}.header-right{gap:17px}.player{font-size:9px}main{padding:0 23px;margin-top:22px}.spotlight{height:270px;border-radius:19px}.spotlight-top{left:19px;top:19px}.pill{font-size:8px;letter-spacing:1px}.photo-note{display:none}.spotlight-bottom{left:23px;bottom:23px;right:23px}.slide-caption h1{font-size:29px}.slide-caption p{font-size:11px;max-width:190px}.slide-caption>span{font-size:8px}.carousel-controls{gap:5px;position:absolute;right:0;bottom:0}.slide-counter,.play-toggle{display:none}.carousel-arrow{width:26px;height:26px;font-size:23px;top:38%}.previous{left:8px}.next{right:8px}.channel-heading{margin:28px 0 21px}.channel-heading h2{font-size:21px}.channel-heading p{font-size:11px}.channel-count{display:none}.channel-grid{grid-template-columns:repeat(2,1fr);gap:17px}.channel{height:157px}.channel-art svg{height:65px;width:65px}.page-arrow{right:-20px;font-size:28px}.grid-footer{font-size:9px;margin:22px 0}.grid-footer>span:last-child{max-width:100px;text-align:right}.bottom-bar{min-height:87px;padding:14px 24px}.clock{display:block;min-width:0}.clock time{font-size:27px}.clock>span{display:block;font-size:10px}.console-home{font-size:8px;gap:5px}.mail-button{width:57px;height:43px}.content-grid{grid-template-columns:1fr}#panel-content{padding:25px}#panel-content h2{font-size:33px}.panel-header,.panel-footer{padding:18px 22px}.panel-footer>span{display:none}.channel-label{font-size:14px}.channel-art .large-type{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.channel{transform:none!important}}
/* Shared readability and viewport refinements. */
.console{min-height:100vh;display:flex;flex-direction:column}main{width:100%;flex:1}.channel-heading p,.slide-caption p{font-size:14px}.channel-count,.grid-footer,.clock>span,.photo-note,.slide-counter,.pill,.slide-caption>span,.player,.mini-label,.channel-num,.channel-label small,.console-home,.sample-tag,#panel-content .eyebrow,.panel-header{font-size:12px}.mini-label{font-size:10px;letter-spacing:1.5px}.channel-num{font-size:10px}.pill{letter-spacing:1px}.channel-art svg{fill:color-mix(in srgb,var(--accent) 12%,white);stroke-width:1.7}.sound-button svg,.mail-button svg{fill:none}.channel-art svg path{vector-effect:non-scaling-stroke}.grid-footer{font-size:12px}.brand-sub{font-size:14px}.bottom-bar{margin-top:5px}.spotlight .photo-note{font-size:10px}.channel-grid{will-change:transform}.channel-wrap:hover{animation-play-state:paused}dialog.closing{animation:channelClose .22s ease-in forwards}@keyframes channelClose{to{opacity:0;transform:scale(.93)}}@media(max-width:650px){.player{font-size:10px}.slide-caption>span{font-size:10px}.pill{font-size:10px}.slide-caption p{font-size:12px;max-width:200px}.channel-heading p{font-size:12px}.grid-footer{font-size:10px}.console-home{font-size:9px}.clock>span{font-size:12px}.play-toggle{display:block}.carousel-controls{bottom:-2px}.mini-label{font-size:9px}.channel-label small{font-size:10px}.brand-sub{display:none}}
.contact-links{display:grid;gap:14px;margin-top:28px}.contact-link{display:flex;align-items:center;gap:20px;border:1px solid #cddfdc;border-radius:15px;background:#fff;padding:20px;color:#4f9270;font-size:16px;transition:transform .2s,box-shadow .2s}.contact-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6f9c8020}.contact-link strong{flex:1;color:#536a64;font-weight:700}.content-card .eyebrow{display:block;margin-bottom:10px}@media(max-width:650px){.contact-link{padding:17px;gap:9px;flex-wrap:wrap;font-size:14px}.contact-link strong{font-size:14px}}
.header{position:relative}.header-right{padding-right:48px}.light-switch{--pull:0px;position:absolute;top:0;right:4%;width:44px;height:calc(73px + var(--pull));padding:0;background:transparent;touch-action:none;user-select:none;z-index:5;display:flex;flex-direction:column;align-items:center;transition:height .5s cubic-bezier(.2,1.5,.4,1)}.light-switch.pulling{transition:none;cursor:grabbing}.light-switch:hover{cursor:grab}.light-cord{width:2px;flex:1;min-height:30px;background:linear-gradient(90deg,#9e9b8c,#e0dbca)}.light-switch svg{width:24px;height:32px;flex-shrink:0;overflow:visible;fill:#ffeab0;stroke:#b3a471;stroke-width:1.8;filter:drop-shadow(0 0 7px #f5d06480)}.light-switch svg path+path{fill:none;stroke-linecap:round}.quote-message blockquote{margin:5px 0 22px;font-size:clamp(22px,4vw,30px);line-height:1.55;font-weight:700;letter-spacing:-.5px}.grid-footer{display:grid;grid-template-columns:1fr auto 1fr}.quote-message{padding:32px}body{transition:background-color .4s,color .4s}body.night{background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff03 3px 4px),radial-gradient(ellipse at 50% 25%,#24313e,#101820);color:#d0dde5}body.night .header{border-color:#354451}body.night .brand,body.night .channel-heading h2{color:#e1ebf2}body.night .brand-sub,body.night .welcome,body.night .channel-heading p,body.night .channel-count,body.night .grid-footer,body.night .clock>span{color:#a2b5c4}body.night .channel{background:linear-gradient(#2b3a47,#1e2b37);border-color:#455766;box-shadow:0 4px 0 #101922,0 8px 15px #0004,inset 0 0 0 4px #2b3945;color:#edf3f8}body.night .channel-art{background:radial-gradient(ellipse at 50% 85%,color-mix(in srgb,var(--accent) 28%,#21303b),#21303b)}body.night .channel-art:after{background:linear-gradient(#ffffff19,#ffffff02)}body.night .channel-art svg{fill:color-mix(in srgb,var(--accent) 18%,#25333f)}body.night .channel-art .large-type{text-shadow:none}body.night .channel-num{opacity:.8}body.night .spotlight{box-shadow:0 10px 20px -15px #000,0 0 0 5px #263542,0 0 0 6px #435364}body.night .bottom-bar{background:linear-gradient(#23313d,#17232d);border-color:#3a4c5a;box-shadow:0 -3px 0 #243340}body.night .clock time{color:#bdcdd8}body.night .mail-button{background:linear-gradient(#344b5a,#243540);border-color:#597080;color:#b6d2e1}body.night .light-switch svg{fill:#506271;stroke:#95a9b8;filter:none}body.night dialog{background:#1c2934;border-color:#455968;color:#d7e5ee}body.night dialog::backdrop{background:#080f19ba}body.night .panel-header,body.night .panel-footer{border-color:#3b4d5d}body.night #panel-content p{color:#b4c4d0}body.night .content-card,body.night .empty-note,body.night .message,body.night .contact-link{background:#263744;border-color:#435967}body.night .contact-link strong{color:#d7e6eb}body.night .extra-controls button,body.night .back-button,body.night .close-panel{background:#304553;border-color:#587385;color:#d3e6f1}body.night .extra-controls button[aria-pressed=true]{background:#47697a}body.night .skill-list span{background:#3a3424;border-color:#756340;color:#ebca8c}body.night .unread{border-color:#253643}body.night .skill-symbols span{background:#35414c}body.night .skill-symbols span:nth-child(2){background:#a87622}@media(max-width:650px){.header-right{padding-right:38px}.light-switch{right:12px;height:calc(61px + var(--pull))}.light-cord{min-height:24px}.light-switch svg{height:27px;width:22px}.quote-message{padding:22px}}
/* Minimal circular pull handle. */
.light-switch svg{width:26px;height:26px;fill:#f4e8c5;stroke:#b8ad8e;stroke-width:1.5;filter:drop-shadow(0 0 4px #f5d06440)}
body.night .light-switch svg{fill:#506271;stroke:#95a9b8;filter:none}
@media(max-width:650px){.light-switch svg{width:24px;height:24px}}
/* Tap-to-open fortune, with native fortune-cookie artwork. */
.fortune-scene{text-align:center;padding:4px 0 12px}.fortune-scene #panel-title{font-size:clamp(28px,4vw,40px)}#panel-content .fortune-instruction{margin:12px auto 0;min-height:28px;font-size:16px}.fortune-cookie{display:block;position:relative;width:240px;height:210px;margin:12px auto 0;background:none;padding:0;touch-action:manipulation;border-radius:40%;--cracks:0;cursor:pointer}.cookie-art{display:block;position:relative;width:100%;height:100%;transition:scale .18s}.fortune-cookie:active:not([aria-disabled=true]) .cookie-art{scale:.93}.cookie-half{position:absolute;inset:0;display:grid;place-items:center;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:155px;line-height:1;filter:drop-shadow(0 12px 10px #855c2526);transition:transform .45s cubic-bezier(.2,.9,.3,1.25);user-select:none}.cookie-left{clip-path:polygon(0 0,52% 0,48% 30%,54% 42%,47% 55%,52% 68%,48% 100%,0 100%);transform:translateX(calc(var(--cracks)*-3px)) rotate(calc(var(--cracks)*-2deg))}.cookie-right{clip-path:polygon(52% 0,100% 0,100% 100%,48% 100%,52% 68%,47% 55%,54% 42%,48% 30%);transform:translateX(calc(var(--cracks)*3px)) rotate(calc(var(--cracks)*2deg))}.crack-progress{display:flex;gap:8px;justify-content:center;margin:0 0 24px}.crack-progress i{width:7px;height:7px;border-radius:50%;background:#e2d8c4;transition:background .2s,scale .2s}.fortune-scene[data-cracks="1"] .crack-progress i:nth-child(-n+1),.fortune-scene[data-cracks="2"] .crack-progress i:nth-child(-n+2),.fortune-scene[data-cracks="3"] .crack-progress i:nth-child(-n+3),.fortune-scene[data-cracks="4"] .crack-progress i{background:#cf9e4b;scale:1.15}.fortune-scene.opened .cookie-left{transform:translate(-42px,8px) rotate(-22deg)}.fortune-scene.opened .cookie-right{transform:translate(42px,8px) rotate(22deg)}.fortune-cookie[aria-disabled=true]{cursor:default}.fortune-paper{position:relative;margin:0 auto;max-width:630px;padding:27px 30px;background:linear-gradient(100deg,#fff9ea,#fffef8 35%,#fff9eb);border:1px solid #e8dabd;box-shadow:0 8px 20px #805c1612;border-radius:4px 13px 5px 12px;font-size:clamp(20px,3vw,26px);line-height:1.6;font-weight:700;color:#6d593a;animation:unfoldFortune .65s cubic-bezier(.16,1,.3,1) both;transform-origin:top center}.fortune-scene.opened .crack-progress{opacity:0;margin-bottom:0;height:0}.fortune-reveal:empty{display:none}body.night .fortune-paper{background:linear-gradient(100deg,#393426,#443d2b,#393426);border-color:#7d6c45;color:#f1dfbc;box-shadow:0 8px 20px #0003}body.night .crack-progress i{background:#665a42}@keyframes unfoldFortune{from{opacity:0;transform:translateY(-24px) scaleY(.35)}to{opacity:1;transform:translateY(0) scaleY(1)}}@media(max-width:650px){.fortune-cookie{width:210px;height:180px}.cookie-half{font-size:135px}.fortune-paper{padding:21px 20px}.fortune-scene.opened .cookie-left{transform:translate(-32px,4px) rotate(-22deg)}.fortune-scene.opened .cookie-right{transform:translate(32px,4px) rotate(22deg)}}
/* About: the journey, with the present at the top. */
.journey{margin-top:32px}.journey-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.journey-heading h3{font-size:21px;letter-spacing:-.4px;margin:0}.journey-heading>span{font-size:12px;color:#879aa6}.journey-timeline{list-style:none;padding:0;margin:0}.journey-stop{position:relative;padding:0 0 24px 37px}.journey-stop:not(:last-child):before{content:'';position:absolute;left:7px;top:23px;bottom:-6px;width:2px;background:linear-gradient(#a9d7d3,#dce6e8)}.journey-marker{position:absolute;left:0;top:21px;width:16px;height:16px;background:#e5f2f0;border:3px solid #86b9b4;border-radius:50%;z-index:1}.journey-stop.current .journey-marker{background:#55b3aa;border-color:#bde6df;box-shadow:0 0 0 5px #55b3aa12}.journey-stop article{padding:21px 24px;border:1px solid #dce7e9;border-radius:17px;background:#fff}.journey-stop.current article{background:linear-gradient(115deg,#edf9f5,#f8fcfd);border-color:#b7dfd6}.journey-era{font-size:12px;letter-spacing:1.5px;font-weight:800;color:#70968f;display:flex;align-items:center;gap:12px}.journey-live{font-size:11px;letter-spacing:0;font-weight:700;background:#d7efe7;color:#43786b;padding:3px 9px;border-radius:20px}.journey-stop h4{font-size:23px;line-height:1.3;letter-spacing:-.4px;margin:10px 0 4px;color:#4a6669}#panel-content .journey-detail{font-size:14px;font-weight:800;color:#5b9187;margin:0 0 10px}#panel-content .journey-stop p:last-child{font-size:15px;line-height:1.65;margin:0}.journey-stop:last-child{padding-bottom:0}body.night .journey-stop article{background:#263744;border-color:#415563}body.night .journey-stop.current article{background:linear-gradient(115deg,#243e3e,#263744);border-color:#42766e}body.night .journey-stop h4{color:#d7e8e6}body.night .journey-era,body.night #panel-content .journey-detail{color:#98c9be}body.night .journey-live{background:#35594e;color:#c6e9dc}body.night .journey-stop:before{background:linear-gradient(#527d76,#364c55)}body.night .journey-marker{background:#263d43;border-color:#78a99f}@media(max-width:650px){.journey-heading{align-items:baseline;gap:8px}.journey-heading h3{font-size:19px}.journey-heading>span{font-size:11px}.journey-stop{padding-left:28px}.journey-stop article{padding:18px}.journey-stop h4{font-size:20px}.journey-era{font-size:11px;letter-spacing:1px;gap:8px}.journey-live{font-size:10px}}
/* Virginia State activities and honors. */
#panel-content .vsu-location{font-size:14px;margin:10px 0 20px;color:#678078}.vsu-involvement{display:grid;gap:22px;border-top:1px solid #dce7e9;padding-top:20px}.vsu-involvement h5{font-size:14px;font-weight:900;color:#4d8076;margin:0 0 11px}.vsu-involvement ul{margin:0;padding-left:18px;display:grid;gap:11px}.vsu-involvement li{font-size:14px;line-height:1.65;color:#72858e;padding-left:3px}.vsu-involvement li::marker{color:#8dbbb0}.vsu-involvement strong{font-weight:800;color:#516970}.vsu-involvement li span{color:#7b8f97;white-space:nowrap}body.night .vsu-involvement{border-color:#415563}body.night .vsu-involvement h5{color:#9acfc1}body.night .vsu-involvement li,body.night .vsu-involvement li span{color:#b4c4d0}body.night .vsu-involvement strong{color:#dae9e8}
.columbia-involvement{margin-top:20px}
/* Character stage sits behind, never on top of, portfolio controls. */
.character-stage{position:fixed;inset:0;width:100%;height:100%;z-index:0;touch-action:pan-y}.character-stage.holding{cursor:grabbing!important;touch-action:none}.console{position:relative;z-index:1;pointer-events:none}.console .header,.console .spotlight,.console .channel,.console .page-arrow,.console .bottom-bar{pointer-events:auto}.console .header{background:linear-gradient(#f4f7f9f2,#f4f7f9e6)}body.night .console .header{background:linear-gradient(#18232ef5,#1b2832ed)}dialog{z-index:10;pointer-events:auto}
.character-stage{touch-action:none}
/* Keep the exit control visible while a channel scrolls. */
.panel-header{position:sticky;top:0;z-index:20;gap:14px;background:#f9fbfcf5;backdrop-filter:blur(14px);box-shadow:0 5px 18px #42536208}.panel-header #panel-channel{flex:1}.floating-back{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;padding:0;border:1px solid #c7dce4;background:linear-gradient(#fff,#e9f3f7);color:#588ba1;box-shadow:0 3px 9px #4366781a;transition:transform .2s,box-shadow .2s}.floating-back svg{width:22px;height:22px}.floating-back:hover{transform:translateX(-2px);box-shadow:0 4px 12px #4366782b}.floating-back:active{transform:scale(.94)}body.night .panel-header{background:#1c2934f5;box-shadow:0 5px 18px #0002}body.night .floating-back{background:linear-gradient(#354c5a,#293e4b);border-color:#577584;color:#d0e8f3}@media(max-width:650px){.panel-header{padding:14px 18px;gap:10px}.panel-header #panel-channel{font-size:10px;letter-spacing:1px}}
.panel-header #panel-channel{text-align:right;margin-left:auto}
/* Independent transforms preserve the cards' local hover and tap behavior. */
:root{--scene-x:0px;--scene-y:0px;--scene-rx:0deg;--scene-ry:0deg;--back-x:0px;--back-y:0px;--light-x:50%;--light-y:25%;--shadow-x:0px}
.channel-grid{transform:perspective(1100px) translate3d(var(--scene-x),var(--scene-y),0) rotateX(var(--scene-rx)) rotateY(var(--scene-ry));transform-origin:50% 50%}.spotlight .slides{translate:var(--back-x) var(--back-y)}.channel-art:after{background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffffac,#ffffff25 75%)}.channel{filter:drop-shadow(var(--shadow-x) 3px 4px #48627012)}body{background-position:var(--back-x) var(--back-y)}body.night .channel-art:after{background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffff25,#ffffff03 75%)}.gesture-feedback{position:fixed;left:50%;bottom:18px;translate:-50% 0;z-index:4;display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:24px;background:#ffffffdc;color:#62818d;border:1px solid #c9dce5;box-shadow:0 4px 15px #344d5a14;font-size:12px;pointer-events:none;opacity:0;transition:opacity .25s}.gesture-feedback.visible{opacity:1}.gesture-ring{width:19px;height:19px;border-radius:50%;background:conic-gradient(#78b2bd var(--progress,0deg),#dce9eb 0);mask:radial-gradient(transparent 48%,#000 52%)}body.night .gesture-feedback{background:#20323fed;color:#b5d3dd;border-color:#48616d}@media(prefers-reduced-motion:reduce){.channel-grid{transform:none}.spotlight .slides{translate:none}.gesture-feedback{display:none}}body.no-motion .channel-grid{transform:none}body.no-motion .spotlight .slides{translate:none}
.channel[data-channel="about"] .channel-art svg{width:86px;height:86px;filter:drop-shadow(0 5px 4px #49362722)}.adonis-avatar{float:right;width:112px;height:112px;margin:0 0 20px 24px;background:radial-gradient(circle at 40% 25%,#edf9f5,#b8ddd5);border:4px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 5px 16px #48786e1c}.adonis-avatar svg{display:block;width:100%;height:100%;padding:7px 4px 0}.journey{clear:both}body.night .adonis-avatar{background:radial-gradient(circle at 40% 25%,#406960,#263c3a);border-color:#42665f}@media(max-width:650px){.adonis-avatar{width:82px;height:82px;margin-left:15px;border-radius:21px}.channel[data-channel="about"] .channel-art svg{width:78px;height:78px}}