/* A quiet stage inside the application shell. */
#desk-app.in-arrival #desk-main{padding:0 54px;max-width:none;width:100%}#desk-app.in-arrival .topbar{border-bottom-color:transparent}#desk-app.in-arrival .top-sub,#desk-app.in-arrival .top-separator,#desk-app.in-arrival footer,#desk-app.in-arrival .side-chapters{display:none}#desk-app.in-arrival .sidebar-bottom>p{display:none}#desk-app.in-arrival .sidebar nav{margin-top:36px}#desk-app.in-arrival .nav-item{opacity:.62}#desk-app.in-arrival .top-title{color:var(--text-dim)}:where(#desk-app) .replay-opening{display:flex;justify-content:space-between;gap:12px;margin:0 0 24px;width:100%;color:var(--text-mid)}
:where(#desk-app) .arrival{max-width:1100px;min-height:calc(100svh - 77px);margin:auto;display:flex;flex-direction:column;position:relative}:where(#desk-app) .arrival-top{display:flex;justify-content:space-between;align-items:center;padding:25px 0 0;gap:20px}:where(#desk-app) .arrival-top .section-label{font-size:9px;letter-spacing:.16em}:where(#desk-app) .arrival-top .text-button{font-size:11px;color:var(--text-dim)}:where(#desk-app) .arrival-scene{position:relative;flex:1;min-height:530px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:26px 0 38px}:where(#desk-app) .browser-universe{height:155px;position:relative;width:100%;perspective:700px}:where(#desk-app) .browser-orbit{position:absolute;left:calc(50% - 34px);top:36px;width:68px;display:flex;flex-direction:column;align-items:center;gap:13px;transform:translateX(calc((var(--slot) - 4.5)*84px));transition:transform 1.25s cubic-bezier(.2,.7,.1,1),opacity .8s ease,filter .9s ease;will-change:transform,opacity}:where(#desk-app) .browser-orbit img{width:49px;height:49px;object-fit:contain;filter:saturate(.85)}:where(#desk-app) .browser-orbit span{font-size:9px;color:var(--text-dim);white-space:nowrap;transition:opacity .4s}:where(#desk-app) .is-ready .browser-orbit:not(.is-chosen){transform:translate3d(calc((var(--slot) - var(--chosen))*220px),-50px,-250px) scale(.35);opacity:0;filter:blur(6px);pointer-events:none;visibility:hidden;transition:transform 1.25s cubic-bezier(.2,.7,.1,1),opacity .8s ease,filter .9s ease,visibility 0s 1.25s}:where(#desk-app) .is-ready .browser-orbit.is-chosen{transform:translateX(0) scale(1.65)}:where(#desk-app) .is-ready .browser-orbit.is-chosen span{opacity:0}:where(#desk-app) .browser-universe.has-left{display:none}:where(#desk-app) .browser-logo{object-fit:contain}:where(#desk-app) .unknown-browser{font-size:50px;color:var(--green)}
:where(#desk-app) .clue-ribbon{display:flex;justify-content:center;align-items:center;min-height:155px;gap:20px;padding:15px 0 28px}:where(#desk-app) .clue-ribbon.first-clue{display:none}:where(#desk-app) .clue{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:66px;max-width:120px;transition:opacity .3s,transform .5s;animation:clue-in .65s cubic-bezier(.2,.7,.1,1) both}:where(#desk-app) .clue svg,:where(#desk-app) .clue img{width:44px;height:44px}:where(#desk-app) .clue svg{color:var(--green)}:where(#desk-app) .clue>span{font-size:10px;line-height:1.5;color:var(--text-mid);max-width:115px;overflow-wrap:anywhere}:where(#desk-app) .clue.previous{opacity:.48;transform:scale(.82)}:where(#desk-app) .clue:hover{opacity:1}:where(#desk-app) .clue.current{transform:scale(1.18);margin-inline:8px}:where(#desk-app) .clue-join{width:24px;height:1px;background:var(--green-deep);opacity:.65}:where(#desk-app) .arrival-final .clue{opacity:1;transform:scale(1)}
:where(#desk-app) .arrival-copy{animation:copy-in .55s ease both;max-width:800px;margin:0 auto;width:100%}:where(#desk-app) .arrival-kicker{color:var(--green);font:9px var(--font-body);letter-spacing:.18em;margin:0 0 24px}:where(#desk-app) .arrival h1{font:clamp(45px,5.3vw,78px)/1.04 var(--font-accent);letter-spacing:-.045em;margin:0 auto 22px;max-width:820px;outline:none}:where(#desk-app) .arrival h1 em{color:var(--green);font-weight:400}:where(#desk-app) .arrival-description{color:var(--text-mid);font-size:14px;line-height:1.85;max-width:435px;margin:0 auto;text-wrap:pretty}:where(#desk-app) .browser-correct{display:inline-flex;align-items:center;gap:15px;margin:17px auto 0;color:var(--text-dim);font-size:11px}:where(#desk-app) .browser-correct:hover{color:var(--green)}:where(#desk-app) .observed-value{color:var(--green);font:clamp(23px,3.5vw,42px)/1.2 var(--font-body);font-weight:400;letter-spacing:-.04em;margin:0 auto 22px;overflow-wrap:anywhere;max-width:720px}:where(#desk-app) .gpu-value{font-size:clamp(21px,2.8vw,34px)}:where(#desk-app) .value-unit{font-size:11px;color:var(--text-dim);letter-spacing:0;display:block;margin-top:8px}:where(#desk-app) .renderer-detail{border:0;padding:0;margin:18px auto 0;max-width:470px}:where(#desk-app) .renderer-detail summary{font-size:10px;color:var(--text-dim)}:where(#desk-app) .renderer-detail p{font:10px/1.7 monospace;overflow-wrap:anywhere}:where(#desk-app) .arrival-reassurance{font:24px var(--font-accent);color:var(--green);margin:20px 0 0}:where(#desk-app) .arrival-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:860px;width:100%;margin:0 auto;padding:22px 0;border-top:1px solid #ffffff0d}:where(#desk-app) .arrival-progress{display:flex;align-items:center;gap:6px}:where(#desk-app) .arrival-progress>span:not(.arrival-count){width:20px;height:2px;background:#2a2d2b}:where(#desk-app) .arrival-progress>span.filled{background:var(--green)}:where(#desk-app) .arrival-count{font:9px var(--font-body);letter-spacing:.07em;color:var(--text-dim);margin-left:12px;white-space:nowrap}:where(#desk-app) .arrival-buttons{display:flex;gap:26px;align-items:center}:where(#desk-app) .arrival-buttons .text-button{font-size:11px}:where(#desk-app) .arrival .product-btn-accent{font-size:12px;padding:15px 22px;border-radius:50px;min-height:48px;gap:30px}:where(#desk-app) .arrival-local{display:flex;justify-content:center;align-items:center;gap:8px;font-size:9px;letter-spacing:.02em;color:var(--text-dim);margin:0 0 20px}:where(#desk-app) .arrival-local>span{width:4px;height:4px;background:var(--green);border-radius:50%}
:where(#desk-app) .browser-picker{position:absolute;z-index:5;inset:20px 0 auto;max-width:580px;margin:auto;text-align:left;padding:25px;background:#121413;border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 25px 100px #000c}:where(#desk-app) .picker-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}:where(#desk-app) .picker-heading p{font:26px var(--font-accent);margin:0}:where(#desk-app) .picker-note{font-size:11px;color:var(--text-mid);margin:8px 0 22px}:where(#desk-app) .browser-picker>div:last-child{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}:where(#desk-app) .browser-picker [data-browser]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:10px;padding:15px 2px;border:1px solid transparent;border-radius:7px}:where(#desk-app) .browser-picker [data-browser]:hover,:where(#desk-app) .browser-picker [aria-pressed=true]{background:var(--green-soft-bg);border-color:var(--green-deep)}:where(#desk-app) .browser-picker img{width:35px;height:35px}:where(#desk-app) .browser-picker span{text-align:center}:where(#desk-app) .arrival-scene{overflow:clip}:where(#desk-app) .browser-picker{overflow:visible}
@keyframes clue-in{from{opacity:0;translate:35px 0}to{translate:0 0}}@keyframes copy-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(min-height:950px){:where(#desk-app) .arrival-scene{padding-bottom:80px}:where(#desk-app) .browser-universe,:where(#desk-app) .clue-ribbon{margin-bottom:25px}}
@media(max-width:1100px){#desk-app.in-arrival #desk-main{padding-inline:32px}:where(#desk-app) .browser-orbit{transform:translateX(calc((var(--slot) - 4.5)*66px))}:where(#desk-app) .browser-orbit img{width:43px;height:43px}:where(#desk-app) .arrival h1{font-size:62px}}
@media(max-width:800px){#desk-app.in-arrival #desk-main{padding-inline:26px}#desk-app.in-arrival .sidebar nav{margin-top:0}:where(#desk-app) .arrival{min-height:calc(100svh - 126px)}:where(#desk-app) .arrival-scene{min-height:485px}:where(#desk-app) .arrival h1{font-size:58px}:where(#desk-app) .arrival-controls{gap:15px}:where(#desk-app) .arrival-buttons{gap:15px}:where(#desk-app) .arrival-progress>span:not(.arrival-count){width:13px}:where(#desk-app) .arrival-count{margin-left:5px}:where(#desk-app) .clue-ribbon{gap:12px}:where(#desk-app) .clue-join{width:12px}:where(#desk-app) .arrival-top{padding-top:18px}}
@media(max-width:520px){#desk-app.in-arrival #desk-main{padding-inline:20px}:where(#desk-app) .arrival-top .section-label{font-size:8px;letter-spacing:.09em}:where(#desk-app) .arrival-top .text-button{font-size:9px}:where(#desk-app) .arrival-scene{min-height:460px;padding-block:15px 30px}:where(#desk-app) .arrival h1{font-size:45px}:where(#desk-app) .arrival-description{font-size:12px;max-width:310px}:where(#desk-app) .browser-universe{height:130px}:where(#desk-app) .browser-orbit{transform:translateX(calc((var(--slot) - 4.5)*52px));top:25px}:where(#desk-app) .browser-orbit img{width:38px;height:38px}:where(#desk-app) .browser-orbit span{font-size:8px}:where(#desk-app) .arrival-kicker{font-size:8px;margin-bottom:22px}:where(#desk-app) .clue-ribbon{gap:7px;min-height:130px}:where(#desk-app) .clue{min-width:47px;gap:12px}:where(#desk-app) .clue img,:where(#desk-app) .clue svg{width:32px;height:32px}:where(#desk-app) .clue>span{font-size:8px;max-width:76px}:where(#desk-app) .clue-join{width:9px}:where(#desk-app) .clue.current{margin-inline:3px}:where(#desk-app) .arrival-controls{flex-wrap:wrap;justify-content:center;padding-top:20px;gap:21px}:where(#desk-app) .arrival-buttons{width:100%;justify-content:center}:where(#desk-app) .arrival .product-btn-accent{font-size:11px;gap:22px}:where(#desk-app) .arrival-buttons .text-button{font-size:10px}:where(#desk-app) .arrival-local{margin-top:7px;margin-bottom:20px;font-size:8px}:where(#desk-app) .arrival-progress>span:not(.arrival-count){width:18px}:where(#desk-app) .browser-picker{inset:12px 0 auto;padding:20px 12px}:where(#desk-app) .picker-heading p{font-size:23px}:where(#desk-app) .browser-picker>div:last-child{grid-template-columns:repeat(3,1fr);gap:2px}:where(#desk-app) .browser-picker [data-browser]{font-size:9px;padding:10px 2px}:where(#desk-app) .browser-picker img{width:28px;height:28px}:where(#desk-app) .picker-note{font-size:10px}:where(#desk-app) .arrival-reassurance{font-size:21px}}

:where(#desk-app) .desk-home-heading{padding:45px 0 36px;border-bottom:1px solid var(--border)}:where(#desk-app) .desk-home-heading h1{font-size:clamp(38px,4.5vw,62px);line-height:1.1;margin:25px 0 18px}:where(#desk-app) .desk-home-heading>p{color:var(--text-mid);font-size:13px;max-width:440px;margin-bottom:24px}:where(#desk-app) .desk-home-heading .product-btn-accent{font-size:12px}:where(#desk-app) .desk-home-heading+.journey-heading{margin-top:35px}
@media(prefers-reduced-motion:reduce){:where(#desk-app) .arrival *,:where(#desk-app) .arrival *:before,:where(#desk-app) .arrival *:after{animation:none!important;transition:none!important}:where(#desk-app) .is-ready .browser-orbit:not(.is-chosen){visibility:hidden}}
/* Desk, second edition: one visual language from the first hello onward. */
:where(#desk-app) .home-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}:where(#desk-app) .home-actions>.text-button{font-size:12px;color:var(--text-mid)}:where(#desk-app) .desk-home-heading{padding-block:48px}:where(#desk-app) .desk-home-heading .product-btn-accent{border-radius:40px}:where(#desk-app) .journey-heading h2{font-size:30px}:where(#desk-app) .route-card p{line-height:1.8}:where(#desk-app) .route-card{transition:opacity .2s,translate .2s}:where(#desk-app) .route-card:hover{translate:0 -3px}:where(#desk-app) .expanded .clue-ribbon{max-width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--green-deep) transparent;gap:17px;min-height:128px;padding:18px 10px 25px;margin:0 auto 10px;width:max-content}:where(#desk-app) .expanded .clue{flex:0 0 66px;min-width:66px}:where(#desk-app) .expanded .clue svg,:where(#desk-app) .expanded .clue img{width:34px;height:34px}:where(#desk-app) .expanded .clue.current{margin-inline:6px}:where(#desk-app) .expanded .arrival-progress>span:not(.arrival-count){width:13px}:where(#desk-app) .expanded .arrival-scene{padding-top:10px}:where(#desk-app) .expanded .arrival-kicker{margin-bottom:18px}:where(#desk-app) .expanded .arrival-copy{max-width:850px}:where(#desk-app) .expanded .arrival-final .clue{opacity:.75}:where(#desk-app) .expanded .observed-value small{display:block;font-size:11px;letter-spacing:0;margin-top:8px;color:var(--text-mid)}:where(#desk-app) .expanded .more-computer{font-size:13px;color:var(--green);margin-top:22px}:where(#desk-app) .arrival-copy>.intro-canvas{display:block;max-width:100%;width:430px;height:auto;margin:-8px auto 0}:where(#desk-app) .canvas-status{font-size:9px;color:var(--text-dim);min-height:15px;margin:0 auto 5px}:where(#desk-app) .expanded .arrival-description{margin-top:14px}:where(#desk-app) .live-clock{font:clamp(36px,5vw,64px)/1.2 var(--font-body);font-variant-numeric:tabular-nums;color:var(--green);letter-spacing:-.04em;margin:15px auto}:where(#desk-app) .clock-zone{font-size:12px;color:var(--text-mid);margin:0 0 20px}:where(#desk-app) .touch-demo{position:relative;width:160px;height:110px;margin:10px auto 20px}:where(#desk-app) .touch-demo>svg{width:100px;height:80px;color:var(--green)}:where(#desk-app) .touch-demo>span:last-child{display:block;font-size:10px;color:var(--text-mid)}:where(#desk-app) .input-indicator{position:absolute;top:27px;left:76px;font:37px Georgia;color:var(--cream);animation:touch-point 2.4s ease-in-out infinite}:where(#desk-app) .input-indicator svg{width:40px;height:45px;fill:var(--bg);stroke:var(--text);stroke-width:1.3}:where(#desk-app) .has-pointer .input-indicator{animation:pointer-move 3s ease-in-out infinite}:where(#desk-app) .juggle{display:flex;justify-content:center;gap:8px;align-items:center;height:60px;margin:15px 0}:where(#desk-app) .juggle i{display:block;width:12px;height:12px;border:1px solid var(--green);border-radius:3px;animation:juggle 2s calc(var(--i)*-.2s) ease-in-out infinite}:where(#desk-app) .memory-demo{margin:0 auto 8px}:where(#desk-app) .keepsake-art{width:90px;height:90px;display:block;margin:0 auto 12px}:where(#desk-app) .keepsake-choices{display:flex;justify-content:center;gap:8px}:where(#desk-app) .keepsake-choices button{font-size:11px;padding:7px 14px;border:1px solid var(--border);border-radius:25px}:where(#desk-app) .keepsake-choices [aria-pressed=true]{border-color:var(--green);color:var(--green)}:where(#desk-app) .keepsake-colors{display:flex;justify-content:center;gap:12px;margin:16px 0}:where(#desk-app) .keepsake-colors button{width:22px;height:22px;border-radius:50%;background:var(--swatch);border:4px solid var(--bg);outline:1px solid transparent}:where(#desk-app) .keepsake-colors [aria-pressed=true]{outline-color:var(--text)}:where(#desk-app) .memory-demo .text-button{display:block;margin:10px auto;color:var(--text-mid);font-size:11px}:where(#desk-app) .memory-status{font-size:10px;color:var(--green);min-height:16px}#desk-app.scene-light #desk-main{background:#e8e6d8;--text:#222923;--text-mid:#50574e;--text-dim:#62675d;--green:#326247;--green-deep:#9faa95;--border:#bac0ae;--bg:#e8e6d8;color:var(--text);transition:background .7s,color .7s}#desk-app.scene-light .arrival-controls{border-top-color:#2222}#desk-app.scene-light .arrival-progress>span:not(.filled):not(.arrival-count){background:#bdc4b7}#desk-app.scene-light .arrival-top .text-button{color:#62675d}
:where(#desk-app) .computer-page{max-width:1050px;margin:auto}:where(#desk-app) .computer-heading{padding:42px 0 35px}:where(#desk-app) .computer-heading h1{font:clamp(42px,5vw,67px)/1.08 var(--font-accent);letter-spacing:-.04em;margin:25px 0 20px}:where(#desk-app) .computer-heading>p{max-width:450px;color:var(--text-mid);font-size:13px;line-height:1.9;margin-bottom:24px}:where(#desk-app) .computer-heading .text-button{color:var(--green);font-size:11px}:where(#desk-app) .computer-clues{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0;margin-bottom:60px}:where(#desk-app) .computer-clue{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 17px;border-radius:8px;min-width:0}:where(#desk-app) .computer-clue:hover{background:var(--green-soft-bg)}:where(#desk-app) .computer-clue img,:where(#desk-app) .computer-clue svg{width:30px;height:30px;color:var(--green);margin-bottom:4px}:where(#desk-app) .computer-clue span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}:where(#desk-app) .computer-clue strong{font-size:11px;line-height:1.6;max-height:54px;overflow:hidden;overflow-wrap:anywhere;color:var(--text);font-weight:400}:where(#desk-app) .invitation{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:0 0 48px;border-bottom:1px solid var(--border)}:where(#desk-app) .invitation h2{font:42px/1.1 var(--font-accent);letter-spacing:-.03em;margin:18px 0}:where(#desk-app) .invitation h2 em{color:var(--green)}:where(#desk-app) .invitation p{font-size:12px;color:var(--text-mid);line-height:1.9;max-width:390px}:where(#desk-app) .permission-list>div{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--border);font-size:12px}:where(#desk-app) .permission-list strong{font-weight:400;color:var(--green)}:where(#desk-app) .permission-list button{font-size:11px;color:var(--green);margin:18px 0 10px}:where(#desk-app) .permission-list p{font-size:10px}:where(#desk-app) .computer-checks{display:grid;grid-template-columns:1fr 1fr;column-gap:45px}:where(#desk-app) .computer-check{padding:35px 0;border-bottom:1px solid var(--border);min-width:0}:where(#desk-app) .computer-check h2{font:30px var(--font-accent);margin:17px 0}:where(#desk-app) .computer-check>p{color:var(--text-mid);font-size:12px;line-height:1.85}:where(#desk-app) .computer-check .check-note{font-size:10px;margin-top:17px}:where(#desk-app) .computer-check .product-btn-secondary{font-size:11px;padding:11px 16px;border-radius:25px}:where(#desk-app) .check-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin:20px 0 0}:where(#desk-app) .check-actions .text-button{font-size:10px;color:var(--green)}:where(#desk-app) .check-result{margin-top:20px;padding:17px 0 0;border-top:1px dashed var(--border);font-size:11px;color:var(--text-mid);line-height:1.9;overflow-wrap:anywhere;min-height:46px}:where(#desk-app) .check-result ul{list-style:none;padding:0;margin:0}:where(#desk-app) .check-result li{display:grid;gap:3px;padding:8px 0;border-bottom:1px solid #ffffff08}:where(#desk-app) .check-result li strong{font-weight:400;color:var(--text)}:where(#desk-app) .check-result code{font-size:10px}:where(#desk-app) .breakdown{padding:50px 0 0}:where(#desk-app) .breakdown>h2{font:38px var(--font-accent);margin:20px 0 30px}:where(#desk-app) .breakdown-row{scroll-margin-top:35px;display:grid;grid-template-columns:55px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--border)}:where(#desk-app) .breakdown-row>div:first-child svg,:where(#desk-app) .breakdown-row img{width:32px;height:32px;color:var(--green);margin-top:8px}:where(#desk-app) .breakdown-row h3{font:24px var(--font-accent);margin:0 0 8px}:where(#desk-app) .breakdown-row strong{color:var(--green);font-size:12px;font-weight:400;overflow-wrap:anywhere;display:block;max-width:700px}:where(#desk-app) .breakdown-row p{font-size:12px;color:var(--text-mid);max-width:570px;line-height:1.9;margin:10px 0}:where(#desk-app) .detail-canvas{display:block;width:350px;max-width:100%;height:auto}:where(#desk-app) .breakdown-row .keepsake-art{margin:10px 0 0}:where(#desk-app) .detail-clock{font-variant-numeric:tabular-nums;font-size:24px;color:var(--green)}:where(#desk-app) .computer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--border);padding:25px 0;color:var(--text-dim);font-size:10px}:where(#desk-app) .computer-bottom button{font-size:10px;color:var(--text-mid)}
@keyframes juggle{0%,100%{transform:translateY(7px);background:transparent}50%{transform:translateY(-9px);background:var(--green-soft-bg)}}@keyframes touch-point{0%,100%{transform:translateY(7px);opacity:.5}50%{transform:translateY(0);opacity:1}}@keyframes pointer-move{0%,100%{transform:translate(8px,8px)}50%{transform:translate(-8px,-4px)}}
@media(max-width:800px){:where(#desk-app) .computer-clues{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:35px}:where(#desk-app) .invitation{gap:30px}:where(#desk-app) .computer-heading{padding-top:20px}:where(#desk-app) .computer-checks{column-gap:25px}:where(#desk-app) .expanded .clue-ribbon{gap:10px}:where(#desk-app) .expanded .arrival-progress>span:not(.arrival-count){width:10px}:where(#desk-app) .expanded .arrival-controls{flex-wrap:wrap;justify-content:center}:where(#desk-app) .expanded .arrival-buttons{justify-content:center}}
@media(max-width:520px){:where(#desk-app) .expanded .arrival-scene{padding-bottom:25px;overflow:visible}:where(#desk-app) .expanded .clue-ribbon{gap:6px;min-height:105px;width:100%;margin-bottom:15px}:where(#desk-app) .expanded .clue{flex-basis:49px;min-width:49px}:where(#desk-app) .expanded .clue img,:where(#desk-app) .expanded .clue svg{width:28px;height:28px}:where(#desk-app) .expanded .clue.current{margin-inline:3px}:where(#desk-app) .expanded .arrival-progress{gap:4px}:where(#desk-app) .expanded .arrival-progress>span:not(.arrival-count){width:10px}:where(#desk-app) .expanded h1{font-size:40px}:where(#desk-app) .expanded .intro-canvas{width:310px}:where(#desk-app) .expanded .arrival-description{font-size:11px}:where(#desk-app) .expanded .arrival-kicker{font-size:8px}:where(#desk-app) .live-clock{font-size:42px}:where(#desk-app) .keepsake-art{width:75px;height:75px}:where(#desk-app) .computer-clues{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:8px}:where(#desk-app) .computer-clue{padding:18px 10px}:where(#desk-app) .invitation{grid-template-columns:1fr;gap:15px;padding-bottom:25px}:where(#desk-app) .invitation h2{font-size:37px}:where(#desk-app) .computer-checks{grid-template-columns:1fr}:where(#desk-app) .computer-check{padding-block:30px}:where(#desk-app) .computer-heading h1{font-size:43px}:where(#desk-app) .breakdown-row{grid-template-columns:34px 1fr;gap:14px}:where(#desk-app) .breakdown-row>div:first-child svg,:where(#desk-app) .breakdown-row img{width:27px;height:27px}:where(#desk-app) .computer-bottom{flex-direction:column;align-items:flex-start;gap:8px}:where(#desk-app) .home-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){:where(#desk-app) .expanded *,:where(#desk-app) .expanded *:before,:where(#desk-app) .expanded *:after{animation:none!important;transition:none!important}:where(#desk-app) .route-card{transition:none}:where(#desk-app) .route-card:hover{translate:none}#desk-app.scene-light #desk-main{transition:none}}

#desk-app.scene-light .arrival h1{color:#222923}#desk-app.scene-light .arrival .product-btn-accent{color:#173523}#desk-app.scene-light .arrival-copy{color:#222923}
:where(#desk-app) .memory-demo .keepsake-save{display:flex;justify-content:center;margin:19px auto 14px;min-width:205px;min-height:52px;font-size:13px;padding:15px 25px;box-shadow:0 4px 20px #0003}
:where(#desk-app) .more-reveal{padding:0 0 35px;border-bottom:1px solid var(--border)}:where(#desk-app) .more-reveal>h2{font:clamp(34px,4vw,48px)/1.1 var(--font-accent);letter-spacing:-.03em;margin:18px 0}:where(#desk-app) .more-reveal>h2 em{color:var(--green)}:where(#desk-app) .more-reveal>p{font-size:13px;line-height:1.9;color:var(--text-mid);max-width:570px}:where(#desk-app) .media-invitations{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 18px;max-width:780px}:where(#desk-app) .media-invitations>button{min-height:76px;display:flex;justify-content:space-between;gap:20px;padding:22px 26px;font-size:15px;border-radius:12px;text-align:left}:where(#desk-app) .media-invitations>.product-btn-secondary{border-color:var(--green-mid);color:var(--green)}:where(#desk-app) .more-reveal>.check-note{font-size:10px;max-width:730px}:where(#desk-app) .reveal-results{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:10px}:where(#desk-app) .reveal-results .computer-check{border-bottom:0;padding-bottom:0}:where(#desk-app) .reveal-results h3{font:28px var(--font-accent);margin:15px 0}:where(#desk-app) .reveal-results .text-button{font-size:11px;color:var(--green);margin:15px 0 0}:where(#desk-app) .reveal-results .check-result{min-height:65px}:where(#desk-app) .location-invitation{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:38px 0;border-bottom:1px solid var(--border)}:where(#desk-app) .location-invitation h2{font:32px var(--font-accent);margin:17px 0}:where(#desk-app) .location-invitation p{font-size:12px;line-height:1.9;color:var(--text-mid);max-width:400px}:where(#desk-app) .location-invitation .check-note{font-size:10px}:where(#desk-app) .location-invitation button{border-radius:30px;font-size:12px;padding:14px 23px}:where(#desk-app) .computer-clues{margin-bottom:45px}
@media(max-width:600px){:where(#desk-app) .media-invitations{grid-template-columns:1fr;gap:12px}:where(#desk-app) .media-invitations>button{min-height:64px;font-size:14px;padding:19px 22px}:where(#desk-app) .reveal-results,:where(#desk-app) .location-invitation{grid-template-columns:1fr;gap:20px}:where(#desk-app) .more-reveal>p{font-size:12px}:where(#desk-app) .location-invitation{padding:30px 0}:where(#desk-app) .reveal-results .computer-check{padding:24px 0 0}:where(#desk-app) .computer-clues{margin-bottom:32px}}

:where(#desk-app) .reveal-results[hidden]{display:none}:where(#desk-app) .inspect-without-access{font-size:11px;color:var(--green);margin-top:14px}
:where(#desk-app) .manage-access-button{display:inline-flex;font-size:11px;color:var(--green);margin:12px 22px 0 0}:where(#desk-app) .access-management{margin:24px 0 12px;padding:24px 28px;border:1px solid var(--border);border-radius:12px;max-width:740px;background:var(--green-soft-bg)}:where(#desk-app) .access-management[hidden]{display:none}:where(#desk-app) .access-management h3{font:28px var(--font-accent);margin:0 0 14px}:where(#desk-app) .access-management p,:where(#desk-app) .access-management li{font-size:12px;line-height:1.9;color:var(--text-mid)}:where(#desk-app) .access-management ol{padding-left:20px;margin:20px 0}:where(#desk-app) .access-management li{padding:4px 0}:where(#desk-app) .access-management a{font-size:11px;color:var(--green);text-decoration:underline;text-underline-offset:4px}:where(#desk-app) .access-management .access-browser-note,:where(#desk-app) .access-management .check-note{font-size:10px}:where(#desk-app) .access-management .product-btn-secondary{font-size:11px;border-radius:25px;padding:12px 20px}:where(#desk-app) .access-states{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0;padding-block:17px;border-block:1px solid var(--border)}:where(#desk-app) .access-states>div{display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--text-mid)}:where(#desk-app) .access-states strong{font-size:12px;font-weight:400;color:var(--green)}:where(#desk-app) .location-invitation{display:block}:where(#desk-app) .location-invitation>div{max-width:640px}:where(#desk-app) .location-invitation p{max-width:560px}:where(#desk-app) .location-invitation button{margin:12px 0 8px}:where(#desk-app) .location-invitation .check-result{margin-top:20px}:where(#desk-app) .computer-heading h1{max-width:970px}
@media(max-width:520px){:where(#desk-app) .access-management{padding:20px 17px}:where(#desk-app) .access-management h3{font-size:25px}:where(#desk-app) .access-states{gap:12px}:where(#desk-app) .access-states strong{font-size:11px}:where(#desk-app) .access-management p,:where(#desk-app) .access-management li{font-size:11px}:where(#desk-app) .computer-heading h1{font-size:40px}}
/* These finite presentation values must work under the site's strict CSP. */

:where(#desk-app) [data-slot="0"]{--slot:0}:where(#desk-app) [data-chosen="0"]{--chosen:0}
:where(#desk-app) [data-slot="1"]{--slot:1}:where(#desk-app) [data-chosen="1"]{--chosen:1}
:where(#desk-app) [data-slot="2"]{--slot:2}:where(#desk-app) [data-chosen="2"]{--chosen:2}
:where(#desk-app) [data-slot="3"]{--slot:3}:where(#desk-app) [data-chosen="3"]{--chosen:3}
:where(#desk-app) [data-slot="4"]{--slot:4}:where(#desk-app) [data-chosen="4"]{--chosen:4}
:where(#desk-app) [data-slot="5"]{--slot:5}:where(#desk-app) [data-chosen="5"]{--chosen:5}
:where(#desk-app) [data-slot="6"]{--slot:6}:where(#desk-app) [data-chosen="6"]{--chosen:6}
:where(#desk-app) [data-slot="7"]{--slot:7}:where(#desk-app) [data-chosen="7"]{--chosen:7}
:where(#desk-app) [data-slot="8"]{--slot:8}:where(#desk-app) [data-chosen="8"]{--chosen:8}
:where(#desk-app) [data-slot="9"]{--slot:9}:where(#desk-app) [data-chosen="9"]{--chosen:9}
:where(#desk-app) [data-task="0"]{--i:0}
:where(#desk-app) [data-task="1"]{--i:1}
:where(#desk-app) [data-task="2"]{--i:2}
:where(#desk-app) [data-task="3"]{--i:3}
:where(#desk-app) [data-task="4"]{--i:4}
:where(#desk-app) [data-task="5"]{--i:5}
:where(#desk-app) [data-task="6"]{--i:6}
:where(#desk-app) [data-task="7"]{--i:7}
:where(#desk-app) [data-task="8"]{--i:8}
:where(#desk-app) [data-task="9"]{--i:9}
:where(#desk-app) [data-task="10"]{--i:10}
:where(#desk-app) [data-task="11"]{--i:11}
:where(#desk-app) .keepsake-colors [data-color="#7ab89a"]{--swatch:#7ab89a}
:where(#desk-app) .keepsake-colors [data-color="#d7bb85"]{--swatch:#d7bb85}
:where(#desk-app) .keepsake-colors [data-color="#b5a3cb"]{--swatch:#b5a3cb}

/* Returning visitors find their own keepsake before entering Desk. */
#desk-app .desk-welcome{max-width:720px;margin:0 auto;min-height:calc(100svh - 180px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 0;gap:22px}
#desk-app .desk-welcome h1{font-family:var(--font-accent);font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.1;font-weight:400;color:var(--text-bright);text-wrap:balance}
#desk-app .desk-welcome p{max-width:480px;color:var(--text-dim);line-height:1.65}
#desk-app .desk-welcome .section-label{color:var(--green);margin:0}
#desk-app .welcome-keepsake .keepsake-art{width:180px;height:180px}
#desk-app .welcome-actions{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}
#desk-app .welcome-actions .product-btn-accent{min-height:48px}
#desk-app .welcome-timer{font-size:.8rem}
@media(max-width:600px){#desk-app .desk-welcome{padding:40px 0}#desk-app .welcome-actions{flex-direction:column;gap:20px}}