/* Authorized v4 controls and theme refinements. */
#bookmark-editor .bookmark-editor-logo-row{display:flex;align-items:center;gap:12px;min-width:0}
#bookmark-editor .bookmark-editor-logo-preview{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;padding:9px;box-sizing:border-box;border-radius:10px;background:var(--soft);overflow:hidden;color:var(--accent);font-size:20px}
#bookmark-editor .bookmark-editor-logo-preview :is(img,svg){display:block;width:100%;height:100%;object-fit:contain}
#bookmark-editor .bookmark-editor-logo-row input{flex:1;min-width:0}
@font-face{font-family:'Shiyu Youfeng Preview';font-style:normal;font-weight:400;font-display:block;src:url('assets/fonts/shiyu-youfeng/ShiyuYoufeng-Preview-Regular.woff2') format('woff2')}
@font-face{font-family:'Shiyu Qingya Song Preview';font-style:normal;font-weight:400;font-display:block;src:url('assets/fonts/shiyu-qingya-song/ShiyuQingyaSong-Preview-Regular.woff2') format('woff2')}
@font-face{font-family:'Shiyu Wenrun Kai Preview';font-style:normal;font-weight:400;font-display:block;src:url('assets/fonts/shiyu-wenrun-kai/ShiyuWenrunKai-Preview-Regular.woff2') format('woff2')}
.film-road .poster-title,.film-road .poster-title .eyebrow,.film-road .poster-title p{color:#34302a!important}.film-road .poster-title h1{text-shadow:none!important}body[data-poster=road][data-view=home] header,body[data-poster=road][data-view=home] .brand-mark,body[data-poster=road][data-view=home] .poster-top{color:#34302a!important}
.settings-panel .mini-cinema{background-image:linear-gradient(#00152233,#00152266),url('poster-sea.png');background-size:cover;background-position:center}.poster-photo{filter:brightness(.9)}body[data-dark=false] .poster-photo{filter:brightness(1.05)}.home-cinema .film-poster:before{content:'';position:absolute;inset:0;background:var(--accent);opacity:.1;mix-blend-mode:color;pointer-events:none;z-index:1}.poster-title,.poster-top,.poster-bottom{z-index:2}
.header-right{gap:12px}.header-right .icon-button{display:grid;place-items:center;width:38px;height:38px}.settings-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:18px 0 22px}.settings-tabs button{font-size:12px;padding:10px 0;color:var(--muted);border-bottom:2px solid transparent}.settings-tabs [aria-selected=true]{color:var(--ink);border-color:var(--accent)}.settings-panel{min-height:330px}.settings-panel .theme-preview{height:65px}.settings-panel .theme-gallery{gap:10px}.dialog-done{position:sticky;bottom:-28px;background:var(--surface);padding:18px 0 0;margin-top:24px;display:flex;justify-content:flex-end;z-index:9}.dialog-done button{background:var(--accent);color:#fff;padding:10px 28px;border-radius:9px;font-size:12px}.font-specimen{padding:50px 0;font-size:27px;line-height:1.8}.font-specimen.serif{font-family:'SimSun',serif}.font-specimen.sans{font-family:'Microsoft YaHei',sans-serif}.font-specimen small{display:block;font-size:15px;color:var(--muted)}.width-specimen{display:flex;gap:10px;margin:40px 0;padding:20px 40px;background:var(--bg);border-radius:10px}.width-specimen.wide{padding:20px 10px}.width-specimen i{height:100px;background:var(--soft);border-radius:6px;flex:1}
.select-wrap{position:relative;display:inline-flex;min-width:0}.select-source{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)}.select-trigger{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;border-radius:8px;font-size:12px;text-align:left;width:100%}.select-trigger:hover{background:var(--soft)}.select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger small{font-size:13px;color:var(--muted)}.select-options{position:absolute;top:calc(100% + 5px);left:0;min-width:100%;width:max-content;max-width:min(360px,85vw);max-height:245px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:5px;box-shadow:0 12px 35px #0002;z-index:40}.select-options[hidden]{display:none}.select-options button{display:flex;justify-content:space-between;gap:20px;width:100%;padding:11px 12px;border-radius:6px;text-align:left;font-size:12px}.select-options button:hover,.select-options button:focus{background:var(--soft)}.select-options [aria-selected=true]{color:var(--accent)}.player-controls .select-wrap{flex:1}.group-heading .select-wrap{margin-left:auto}.group-heading .select-options{left:auto;right:0}.sidebar>.select-wrap{width:100%;margin-bottom:30px}.sidebar>.select-wrap>.select-trigger{font-size:17px;padding-left:0}.search-box .select-trigger{font-size:11px;padding:6px}.search-box .select-wrap{max-width:110px}label>.select-wrap{display:flex;width:100%;margin-top:10px;background:var(--bg)}.music-info .player-controls .mute-control{width:32px;height:32px;display:grid;place-items:center;padding:0}.vinyl{animation:record-spin 32s linear infinite!important;animation-play-state:paused!important}.vinyl.spinning{animation-play-state:running!important}.equalizer i{animation:equalize 1.3s ease-in-out infinite alternate!important;animation-play-state:paused!important}.equalizer.moving i{animation-play-state:running!important}.equalizer i:nth-child(2){animation-delay:-.6s!important}.equalizer i:nth-child(3){animation-delay:-.3s!important}
body[data-view=home] .dock{bottom:72px!important}.home .scroll-invitation{bottom:17px!important;position:absolute}.home-cinema .scroll-invitation{position:fixed}.home{padding-bottom:170px}.home-cinema{padding-bottom:0}.dock-options{bottom:78px;gap:12px;max-width:92vw}.space-film{display:flex!important;flex-direction:column;justify-content:space-between;width:100px;height:145px;background-size:cover;background-position:center;border-radius:4px;padding:10px;color:#fff!important;text-shadow:0 1px 6px #000}.space-film em{font:10px Georgia,serif;text-align:left}.space-film b{font:14px 'SimSun',serif}.dock-cinema .space-option{padding:4px;min-width:0}.space-record{display:grid!important;place-items:center;width:78px;height:78px;border-radius:50%;background:repeating-radial-gradient(#171815 0 2px,#373931 3px,#151714 4px);margin:0 auto 12px}.space-record i{width:27px;height:27px;background:var(--record-color);border:10px solid var(--record-color);border-radius:50%;box-shadow:inset 0 0 0 2px #222}.space-planet{display:block;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 28% 25%,#dedee2,var(--planet-color) 28%,#1a2033 80%);margin:0 auto 17px!important}.dock-music .space-option,.dock-cosmos .space-option{padding:12px;min-width:100px}.orbit-track{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%;pointer-events:none}.orbit-body.is-center{cursor:grab;touch-action:none}.orbit-body.is-center:active{cursor:grabbing}.orbit-hint{display:none}.rain-calendar{display:inline-block;font-size:19px;line-height:1.8}.rain-date{animation:none!important}.newspaper{max-width:1320px;width:94vw}.home-paper{padding-left:3vw;padding-right:3vw}.paper-lead .landscape{height:195px}.paper-meta{font-size:11px}.paper-bottom{font-size:10px}.clock-seconds{align-self:flex-end;padding:0 0 15px 15px;display:flex;flex-direction:column;gap:12px;color:var(--muted);min-width:65px}.clock-seconds span{font:300 43px/1 'Segoe UI',sans-serif;font-variant-numeric:tabular-nums}.clock-seconds small{font:7px 'Segoe UI',sans-serif;letter-spacing:2px}.focus-controls{flex-wrap:wrap}.focus-controls p{flex-basis:100%;font-size:11px;color:var(--muted);margin:0;text-align:center}.digit-flap-bottom{position:absolute;inset:0;font:inherit;display:grid;place-items:center;clip-path:inset(50% 0 0 0);transform-origin:center;opacity:0;background:var(--soft);backface-visibility:hidden}.flipping .digit-flap{animation:old-half .28s ease-in forwards}.flipping .digit-flap-bottom{animation:new-half .28s .28s ease-out both}@keyframes old-half{from{opacity:1;transform:rotateX(0)}to{opacity:1;transform:rotateX(-90deg)}}@keyframes new-half{from{opacity:1;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}
.poster-photo{width:100%;height:100%;object-fit:cover}.home-cinema .film-poster:after{background:linear-gradient(0deg,#061b26b0,transparent 43%),linear-gradient(90deg,#00152638,transparent 70%)}.home-cinema .poster-title{top:29%;left:9%}.home-cinema .poster-title h1{font-size:clamp(64px,9vw,140px)!important;letter-spacing:.07em!important;line-height:1.2;font-weight:500!important;margin:28px 0 25px!important}.home-cinema .poster-title p{font-size:12px;letter-spacing:4px}.home-cinema .poster-title .eyebrow{font-size:11px;letter-spacing:6px}.home-cinema .poster-bottom{bottom:215px}.poster-choices{position:fixed;bottom:153px;left:9%;display:flex;gap:22px;z-index:3}.poster-choices button{font-size:11px;color:#f6f1e0aa;padding:10px 0;border-bottom:1px solid transparent}.poster-choices .selected{color:#fff;border-color:#fff}.film-sea .poster-title{color:#f9f6df}.film-night .poster-title h1{font-family:'Microsoft YaHei',sans-serif;font-weight:800!important;letter-spacing:.13em!important}.film-night .poster-title{top:32%}.film-road .poster-title{color:#f8efd8;top:24%}.film-road .poster-title h1{font-family:'SimSun',serif;font-weight:900!important}.home-cinema .utility-search{bottom:25px}.poster-photo{transition:filter .4s}.home-cinema .poster-top{top:120px}.home-cinema .poster-bottom small{font-size:15px}.home-cinema .poster-top>span:last-child{font-size:11px}
@media(max-height:800px) and (min-width:761px){.paper-lead .landscape{height:120px}.home-cinema .poster-top{top:90px}.home-cinema .poster-title{top:27%}.home-cinema .poster-title h1{font-size:80px!important}.home-cinema .poster-bottom{bottom:190px}.poster-choices{bottom:137px}}
@media(max-width:760px){.settings-panel{min-height:250px}.settings-panel .theme-preview{height:60px}.dialog-done{bottom:-22px}.settings-tabs{gap:22px}.home .scroll-invitation{bottom:15px!important;font-size:8px}.home-cinema .poster-title{left:8%;top:29%}.home-cinema .poster-title h1{font-size:51px!important;letter-spacing:3px!important}.home-cinema .poster-title .eyebrow{font-size:8px;letter-spacing:2px}.home-cinema .poster-title p{font-size:9px;letter-spacing:1px}.home-cinema .poster-top{top:105px}.home-cinema .poster-bottom{bottom:230px}.poster-choices{bottom:171px;left:8%;gap:17px}.poster-choices button{font-size:9px}.home-cinema .utility-search{bottom:24px;left:auto;right:5%}.home-cinema .utility-search span{display:none}.poster-photo{object-position:60% center}.film-night .poster-photo{object-position:65% center}.newspaper{width:100%}.paper-lead .landscape{height:165px}.paper-meta{font-size:8px;flex-wrap:wrap;gap:6px}.paper-meta>span:nth-child(2){display:initial}.paper-meta>span:last-child{display:none}.rain-calendar{font-size:14px}.clock-seconds{padding-left:4px;min-width:31px;padding-bottom:10px}.clock-seconds span{font-size:24px}.clock-seconds small{font-size:5px;letter-spacing:0}.home-flip .digit{width:57px;height:90px;font-size:54px}.home-flip .flip-face{gap:5px}.space-film{width:77px;height:113px}.space-record{width:61px;height:61px}.dock-music .space-option,.dock-cosmos .space-option{min-width:80px;padding:7px}.space-planet{width:48px;height:48px}.sidebar>.select-wrap{margin-bottom:5px}.select-trigger{font-size:11px}.space-film b{font-size:12px}.dock-options{gap:6px}.focus-controls{gap:18px}.home-cinema{min-height:calc(100svh - 76px)}}
@media(prefers-reduced-motion:reduce){.vinyl,.equalizer i{animation:none!important}.digit-flap,.digit-flap-bottom{display:none}}

/* V5: only requested global controls, previews, dock objects and solar appearance. */
.header-right{gap:9px}.header-right .icon-button{border-radius:11px;transition:background .2s,transform .2s}.header-right .icon-button:hover{transform:translateY(-1px)}.header-right svg{width:20px;height:20px}.is-fullscreen header,.is-fullscreen #dock,.is-fullscreen .scroll-invitation,.is-fullscreen .utility-search,.is-fullscreen .poster-choices{transition:opacity .5s}.fullscreen-idle header,.fullscreen-idle #dock,.fullscreen-idle .scroll-invitation,.fullscreen-idle .utility-search,.fullscreen-idle .poster-choices{opacity:0;pointer-events:none}.fullscreen-idle{cursor:none}.live-settings-note{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 15px}.font-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.font-choice{background:var(--bg);padding:17px 14px;border:1px solid transparent;border-radius:10px;text-align:left}.font-choice.selected{border-color:var(--accent)}.font-choice>span{display:block;font-size:23px;line-height:1.7}.font-choice>small{display:flex;justify-content:space-between;font:10px 'Microsoft YaHei',sans-serif;color:var(--muted);margin-top:12px}.font-choice i{font-style:normal}.preview-example{margin:28px 0 0;padding:20px 0 0;border-top:1px dashed var(--line);pointer-events:none;user-select:text}.preview-example figcaption{font:10px 'Microsoft YaHei',sans-serif;color:var(--muted);letter-spacing:1px}.preview-example .font-specimen{padding:25px 0 10px;font-size:25px}.preview-example .width-specimen{margin:22px 0 12px;background:transparent;border:1px dashed var(--line);border-radius:0}.preview-example .width-specimen i{border-radius:0;background:var(--soft)}body[data-font=youfeng] h1,body[data-font=youfeng] h2,body[data-font=qingya] h1,body[data-font=qingya] h2,body[data-font=wenrun] h1,body[data-font=wenrun] h2,body[data-font=kai] h1,body[data-font=kai] h2,body[data-font=fang] h1,body[data-font=fang] h2,body[data-font=hei] h1,body[data-font=hei] h2,body[data-font=mono] h1,body[data-font=mono] h2{font-family:var(--chosen-font)!important}
.space-option{transition:transform .25s,background .25s}.space-option:hover,.space-option:focus-visible{transform:translateY(-5px)}.space-option>small{display:block}.space-train{display:flex!important;align-items:center;justify-content:center;gap:3px;width:86px;height:62px;position:relative}.space-train i{display:block;width:24px;height:21px;border-radius:4px;background:var(--accent);position:relative}.space-train i:after{content:'••';position:absolute;bottom:-12px;left:2px;font-size:17px;letter-spacing:7px;color:var(--ink)}.space-train i:before{content:'';position:absolute;inset:5px 4px 9px;background:var(--bg)}.space-train b{font:9px var(--font);padding:6px;border-radius:4px;background:var(--soft)}.space-option:hover .space-train,.space-option:focus-visible .space-train{animation:train-tiny .7s ease-in-out infinite alternate}.space-newspaper{display:flex!important;flex-direction:column;gap:7px;width:102px;height:126px;background:var(--bg);color:var(--ink)!important;padding:9px;border-top:3px double var(--ink);text-align:left;transform:rotate(-3deg);transition:transform .3s;box-shadow:3px 4px 0 var(--soft)}.space-newspaper em{font:8px 'SimSun',serif;border-bottom:1px solid var(--line);padding-bottom:4px}.space-newspaper b{font:700 13px 'SimSun',serif}.space-newspaper i{display:block;height:2px;background:var(--line);width:100%}.space-newspaper i:nth-of-type(2){width:75%}.space-newspaper small{font-size:8px;margin-top:auto}.space-option:hover .space-newspaper{transform:rotate(0) scale(1.05)}.space-flip{position:relative;display:grid!important;place-items:center;width:68px;height:70px;border-radius:7px;background:var(--soft);color:var(--ink)!important;font:36px 'Segoe UI',sans-serif;overflow:hidden}.space-flip b{font-weight:400}.space-flip i{position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--bg)}.space-option:hover .space-flip b{animation:mini-flip .45s ease}.space-rain{height:75px;width:80px;display:flex!important;align-items:center;justify-content:center;gap:6px;overflow:hidden}.space-rain b{font:35px monospace}.space-rain i{font:12px monospace;opacity:.35;align-self:flex-start}.space-rain i:last-child{align-self:flex-end}.space-option:hover .space-rain i{animation:mini-rain 1s ease-in infinite}.space-option:hover .space-rain i:last-child{animation-delay:.4s}.space-option:hover .space-record,.space-option:focus-visible .space-record{animation:record-spin 9s linear infinite}.space-film{transition:transform .35s,filter .35s}.space-option:hover .space-film{transform:rotate(-2deg) scale(1.04);filter:brightness(1.12)}.space-solar{display:block!important;width:66px;height:66px;position:relative;margin:3px auto 14px!important;border-radius:50%}.solar-preview{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 28% 24%,var(--planet-light),var(--planet-shadow) 75%);overflow:hidden}.space-subtitle{display:block;font-size:8px;font-style:normal;color:var(--muted);margin-top:6px}.solar-preview:after,.solar-surface:after{content:'';position:absolute;inset:0;border-radius:50%;background-image:repeating-linear-gradient(174deg,transparent 0 10px,#ffffff15 12px,transparent 19px);background-size:180% 100%;background-position:var(--longitude,0%) center;filter:none}.space-option:hover .solar-preview:after{animation:solar-texture 5s linear infinite}.space-option:hover .space-solar{transform:translateY(-3px);transition:transform .3s}.solar-surface{overflow:hidden}.orbit-body[data-solar=sun] .planet-surface{background:radial-gradient(circle at 35% 25%,#d2b478,#b68c4c 38%,#725432 85%);box-shadow:inset -15px -10px 25px #0003}.orbit-body[data-solar=sun] .planet-surface:after{background:repeating-radial-gradient(ellipse at 30% 40%,#d8b56e22 0 3px,transparent 5px 13px);opacity:.55}.orbit-body[data-solar=earth] .planet-surface:after,[data-solar=earth] .solar-preview:after{background-image:radial-gradient(ellipse at 35% 25%,#8b9d62 0 15%,transparent 18%),radial-gradient(ellipse at 60% 60%,#699067 0 17%,transparent 21%),repeating-linear-gradient(166deg,transparent 0 18px,#ffffff30 21px,transparent 27px);background-size:160% 100%}.orbit-body[data-solar=jupiter] .planet-surface:after,[data-solar=jupiter] .solar-preview:after{background-image:repeating-linear-gradient(176deg,#a4785344 0 8px,#e0c7a655 9px 14px,#86634766 16px 20px);background-size:180% 100%}.orbit-body[data-solar=mars] .planet-surface:after,[data-solar=mars] .solar-preview:after{background-image:radial-gradient(ellipse at 30% 55%,#65392c77 0 15%,transparent 30%),radial-gradient(ellipse at 80% 35%,#d6a48666,transparent 35%)}.orbit-body[data-solar=mercury] .planet-surface:after,[data-solar=mercury] .solar-preview:after{background-image:radial-gradient(circle at 30% 35%,#34333088 0 6%,transparent 8%),radial-gradient(circle at 65% 60%,#33333066 0 9%,transparent 12%),radial-gradient(circle at 70% 25%,#eee2d533 0 5%,transparent 8%)}.orbit-body[data-solar=saturn]{overflow:visible}.orbit-body[data-solar=saturn]:after,.saturn-ring{content:'';position:absolute;left:-35%;top:30%;width:170%;height:40%;border:6px solid #b7a57a88;border-radius:50%;transform:rotate(-24deg);pointer-events:none}.orbit-body[data-solar=saturn].is-center:after{border-width:13px}.space-solar[data-solar=saturn] .saturn-ring{border-width:4px}.dock-cosmos .space-option{min-width:95px}.orbit-body .planet-name{z-index:8}
@keyframes train-tiny{to{transform:translateX(4px)}}@keyframes mini-flip{50%{transform:rotateX(70deg)}}@keyframes mini-rain{from{transform:translateY(-25px);opacity:0}to{transform:translateY(45px);opacity:.7}}@keyframes solar-texture{to{background-position:180% center}}
@media(max-width:760px){.header-right{gap:5px}.header-right .icon-button{width:34px;height:34px}.font-choice{padding:12px}.font-choice>span{font-size:20px}.space-newspaper{width:76px;height:110px}.space-solar{width:52px;height:52px}.dock-cosmos .space-option{min-width:76px}.space-train{width:65px}.space-train i{width:20px}.space-flip{width:54px;height:62px}.space-rain{width:60px}.dock-options{overflow-x:auto;max-width:92vw}.preview-example .font-specimen{font-size:23px}}
@media(prefers-reduced-motion:reduce){.space-option,.space-film,.space-newspaper{transition:none}.space-option *{animation:none!important}}


/* Sparse background meteors, active only on the cosmos cover. */
.home-cosmos .meteor-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.meteor-sky i{position:absolute;left:15%;top:7%;width:110px;height:1px;background:linear-gradient(90deg,transparent,var(--muted));opacity:0;transform:rotate(32deg);animation:cosmos-meteor 19s 2s linear infinite}.meteor-sky i:nth-child(2){left:55%;top:4%;width:85px;animation-duration:27s;animation-delay:9s}.meteor-sky i:nth-child(3){left:37%;top:31%;width:70px;animation-duration:31s;animation-delay:17s}.meteor-sky i:after{content:'';position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:var(--ink);box-shadow:0 0 6px var(--muted)}@keyframes cosmos-meteor{0%{opacity:0;transform:translate(0,0) rotate(32deg)}1%{opacity:.5}6%{opacity:0;transform:translate(220px,138px) rotate(32deg)}100%{opacity:0;transform:translate(220px,138px) rotate(32deg)}}@media(prefers-reduced-motion:reduce){.meteor-sky{display:none}}
/* V6 requested per-theme copy, page-sized newspaper, poster cards and axial drag. */
.orbit-system .orbit-body.is-center,.orbit-system .orbit-body.is-center:active{cursor:default;touch-action:auto}.orbit-system{touch-action:pan-y}
body[data-theme=paper][data-view=home]{position:relative}body[data-theme=paper][data-view=home] .dock{position:absolute}
.settings-tabs{gap:20px}.copy-scope,.copy-note{font-size:11px;line-height:1.8;color:var(--muted)}.copy-theme-list{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.copy-theme-list button{font-size:11px;padding:8px 12px;border-radius:8px;background:var(--bg);color:var(--muted)}.copy-theme-list [aria-pressed=true]{background:var(--soft);color:var(--ink)}.copy-label>span{display:flex;justify-content:space-between;font-size:12px}.copy-label small{font-size:10px;color:var(--muted);font-weight:400}.copy-label>textarea{display:block;width:100%;margin:10px 0 7px;padding:13px 14px;font:14px/1.7 var(--font);resize:vertical;min-height:85px;max-height:190px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px}.copy-label>textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.copy-label>textarea[readonly]{border-style:dashed;opacity:.75;cursor:default}.copy-preview h3{display:block!important;font-size:22px;line-height:1.5;margin:20px 0 12px;white-space:pre-line;overflow-wrap:anywhere}.copy-preview p{font-size:12px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}.customizable-copy{white-space:pre-line;overflow-wrap:anywhere}.music-personal-intro,.cosmos-personal-intro{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 18px;max-width:430px}.flip-personal-title{font-size:15px;letter-spacing:3px;color:var(--muted);margin:0 0 18px}.flip-personal-intro{font-size:11px;line-height:1.7;color:var(--muted);margin:15px auto 0}.has-custom-copy{max-width:100%}.home-cinema .poster-title h1.has-custom-copy{font-size:clamp(38px,6.1vw,88px)!important;line-height:1.35;max-width:1000px}.home-cinema .poster-title p.has-custom-copy{line-height:1.85;letter-spacing:2px;max-width:760px}.home-music .music-info h1.has-custom-copy,.home-cosmos .cosmos-copy h1.has-custom-copy{font-size:clamp(25px,2.7vw,39px);line-height:1.5;max-width:510px}
.home-paper{justify-content:flex-start;min-height:calc(100svh - 86px);padding:0 3vw 175px}.home-paper .newspaper{width:100%;max-width:none;margin:0;min-height:calc(100svh - 255px);display:flex;flex-direction:column}.home-paper .paper-meta{padding:9px 0 12px}.home-paper .masthead{padding:12px 0 18px}.home-paper .masthead h1{font-size:clamp(58px,6.5vw,100px)!important;letter-spacing:20px}.home-paper .paper-columns{grid-template-columns:1.5fr 1fr .7fr;gap:32px;padding:24px 0;flex:1}.home-paper .paper-lead h2{font-size:clamp(25px,2.3vw,37px);margin:6px 0 17px;line-height:1.45}.home-paper .paper-lead .landscape{height:clamp(160px,21vh,290px)}.home-paper .paper-lead>p{font-size:12px;line-height:1.9}.home-paper .paper-saved h3{font-size:27px}.home-paper .paper-saved p{font-size:12px;line-height:1.8}.paper-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:18px 0 22px;border-top:3px double var(--ink)}.paper-more article+article{border-left:1px solid var(--line);padding-left:25px}.paper-more .paper-kicker{margin-bottom:12px}.paper-more a{display:block;margin:10px 0 0}.paper-more a b{font-size:15px;font-weight:500}.paper-more a span{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin:5px 0}.home-paper .paper-bottom{margin-top:auto}.home-paper .utility-search{bottom:23px}
.dock-cinema .space-film{width:119px;height:173px;position:relative;isolation:isolate;padding:11px;overflow:hidden;background-color:#1b242c;background-position:center;box-shadow:0 5px 14px #0002}.space-film:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07111bd9 0%,#07111b33 30%,#07111b88 48%,#07111bf5 77%)}.space-film>em{font:6px/1.6 'Segoe UI',sans-serif;letter-spacing:1px;color:#fff}.space-film-copy{display:flex!important;flex-direction:column;gap:8px;text-align:left;color:#fff!important;margin-top:auto!important;margin-bottom:0!important}.space-film-copy small{font:6px 'Segoe UI','Microsoft YaHei',sans-serif;letter-spacing:.5px;color:#cfd8df}.space-film-copy b{font:700 22px/1.25 'SimSun',serif;letter-spacing:1px;color:#fff;white-space:normal}.space-film-copy i{font:7px 'Microsoft YaHei',sans-serif;color:#cfd8df;font-style:normal}.orbit-system{touch-action:none}.orbit-body[data-solar=sun] .planet-surface:after{inset:-2px;background-image:radial-gradient(ellipse at 18% 30%,#72503255 0 4%,transparent 12%),radial-gradient(ellipse at 48% 65%,#deb97455 0 6%,transparent 19%),radial-gradient(ellipse at 70% 28%,#84603555 0 7%,transparent 18%),radial-gradient(ellipse at 90% 78%,#dbb96f55 0 4%,transparent 12%),repeating-linear-gradient(8deg,transparent 0 18px,#d0a66315 22px,transparent 30px);background-size:200% 100%;background-position:var(--longitude,0%) center;opacity:.8;filter:blur(2px)}
@media(max-height:800px) and (min-width:761px){.home-paper .masthead h1{font-size:58px!important}.home-paper .paper-columns{padding:17px 0;gap:24px}.home-paper .paper-lead .landscape{height:150px}.home-paper .paper-saved h3{font-size:21px}.paper-more{padding:14px 0}.home-cinema .poster-title h1.has-custom-copy{font-size:54px!important}}
@media(max-width:760px){.settings-tabs{gap:17px}.settings-tabs button{font-size:11px}.copy-theme-list button{padding:7px 9px}.home-paper{padding:0 18px 165px}.home-paper .masthead h1{font-size:44px!important;letter-spacing:11px}.home-paper .paper-columns{grid-template-columns:1fr 1fr;gap:18px;padding:18px 0}.home-paper .paper-lead h2{font-size:25px}.home-paper .paper-lead .landscape{height:185px}.home-paper .paper-saved h3{font-size:21px}.home-paper .paper-saved p{font-size:11px}.paper-more{grid-template-columns:1fr;gap:20px;padding:20px 0}.paper-more article+article{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:15px}.paper-more .paper-kicker{margin-bottom:10px}.home-cinema .poster-title h1.has-custom-copy{font-size:34px!important;letter-spacing:1px!important}.home-cinema .poster-title p.has-custom-copy{font-size:10px;letter-spacing:.5px;max-width:90%}.home-music .music-info h1.has-custom-copy,.home-cosmos .cosmos-copy h1.has-custom-copy{font-size:25px}.music-personal-intro,.cosmos-personal-intro{font-size:11px;max-width:100%}.dock-cinema .space-film{width:79px;height:128px;padding:8px}.space-film-copy b{font-size:17px}.space-film-copy small{font-size:5px}.space-film-copy i{font-size:6px}.space-film>em{font-size:5px}}
/* Planet viewpoint changes atmosphere without moving the established layout. */
body.planet-observer{background:#09121f;--ink:#e5edf4;--muted:#a7b7c8;--accent:#a6c7d4;--bg:#09121f;--surface:#182433;--soft:#202f40;--line:#344557;transition:background 1s,color .6s}.planet-horizon{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 85% 70%,color-mix(in srgb,var(--observer-color) 30%,transparent),transparent 65%);z-index:0}.planet-horizon:after{content:'';position:absolute;width:160%;height:65%;left:-30%;bottom:-40%;border-radius:50%;transform:rotate(-10deg);background:repeating-radial-gradient(ellipse at 40% 10%,#ffffff08 0 3px,transparent 5px 12px),radial-gradient(ellipse at 60% 0%,var(--observer-color),#101824 65%);box-shadow:0 -3px 24px color-mix(in srgb,var(--observer-color) 60%,transparent),0 -1px 2px #ffffff66;animation:horizon-arrive 1s ease both}.planet-observer .orbit-body[aria-pressed=true]{outline:1px solid var(--observer-color);outline-offset:6px}.orbit-system .orbit-body{cursor:pointer}.orbit-body[data-solar=saturn]:after{border-width:2px}.planet-observer .cosmos-composition{position:relative;z-index:1}@keyframes horizon-arrive{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.planet-horizon:after{animation:none}}
body.planet-observer{--ink:#e5edf4!important;--muted:#a7b7c8!important;--accent:#a6c7d4!important;--bg:#09121f!important;--surface:#182433!important;--soft:#202f40!important;--line:#344557!important}
body[data-view=space]>header{display:none}body[data-view=space] .workspace{margin-top:0;padding-top:48px;min-height:calc(100svh - 130px)}.space-heading{font-size:21px;font-weight:500;margin:6px 0 32px}.quiet-action{font-size:12px;color:var(--muted);padding:10px 12px;border-radius:8px}.quiet-action:hover{background:var(--soft);color:var(--ink)}.new-scene{display:block;margin-top:16px}.scene-manage{font-size:10px;margin-left:8px}.group-tab-bar{display:flex;align-items:center;gap:12px;margin:22px 0 20px;border-bottom:1px solid var(--line)}.group-tabs{display:flex;gap:24px;overflow:auto;flex:1;min-width:0}.group-tabs button{white-space:nowrap;padding:14px 0;color:var(--muted);font-size:14px;border-bottom:2px solid transparent}.group-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--accent)}.group-tabs small{margin-left:8px;font-size:10px;opacity:.6}.group[hidden]{display:none!important}.group:not([hidden]){width:100%}.group-heading h2,.group-heading .count,.group-heading .rule{display:none}.group-heading{justify-content:flex-end}.space-management{flex:0 0 100%;display:flex;justify-content:space-between;padding:12px 4px 0;border-top:1px solid var(--line);gap:20px}.space-management button{font-size:11px;white-space:nowrap;color:var(--muted)}.dock-options{flex-wrap:wrap;width:max-content;max-width:min(92vw,700px);justify-content:center}.organization-list>div{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.organization-list span{flex:1;overflow-wrap:anywhere}.organization-list button{font-size:11px;color:var(--muted);white-space:nowrap}#organization{width:min(440px,calc(100vw - 32px))}#organization-form{display:grid;gap:14px}#organization-form input{width:100%;background:var(--soft);color:var(--ink);padding:14px;border:0;border-radius:10px}#organization-form small{color:var(--muted)}#organization-form .primary{justify-self:end}.organization-confirm{display:flex;justify-content:flex-end;gap:20px;margin-top:24px}@media(max-width:760px){body[data-view=space] .workspace{padding-top:24px}.space-heading{margin-bottom:15px}.group-tabs{gap:20px}.space-management{gap:12px}.new-scene,.scene-manage{display:inline-block}}
#organization:has(#organization-form)>.dialog-done{display:none}.space-heading{white-space:normal;overflow-wrap:anywhere}
.dock-options{display:block;width:min(calc(var(--space-count,3) * 128px + 24px),calc(100vw - 24px));max-width:calc(100vw - 24px);padding:12px}.space-strip{display:flex;overflow-x:auto;gap:8px;scrollbar-width:thin;align-items:center}.space-strip>.space-option{flex:1 0 calc((100% - 16px)/3);min-width:100px;margin:0;user-select:none;touch-action:pan-x;padding:10px 5px}.space-management{width:100%;margin-top:10px;padding:10px 0 0;gap:0}.space-management button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:9px;border-radius:8px}.space-management button:hover{background:var(--soft);color:var(--ink)}.dock.sorting .dock-options{visibility:visible;opacity:1}.space-dragging{opacity:.65;outline:1px dashed var(--accent);cursor:grabbing;transform:scale(.95)!important}.scene-actions{display:flex;align-items:stretch;border:1px dashed var(--line);border-radius:10px;margin:16px 0 0;width:100%}.scene-actions button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;margin:0;padding:12px 4px;font-size:11px}.scene-actions button+button{border-left:1px solid var(--line);border-radius:0 9px 9px 0}.organization-list>div{padding:13px 12px;border:1px dashed var(--line);border-radius:9px;margin:8px 0}.organization-list>div:hover{background:var(--soft)}#organization>.quiet-action{display:block;width:100%;border:1px dashed var(--line);margin-top:14px;text-align:left;padding:13px 12px}#organization .dialog-heading{display:flex;justify-content:space-between;align-items:center}#organization .dialog-heading>button{margin-left:auto;width:30px;height:30px}.bookmark .remove{top:8px;right:8px}.space-strip .space-film{margin-left:auto;margin-right:auto}@media(max-width:760px){.scene-actions{max-width:100%;flex:0 0 100%}.space-strip>.space-option{min-width:90px}.dock-options{overflow:visible}.space-strip .space-film{width:78px}}
.space-strip>.space-option{flex:1 0 112px}.dock-cinema .space-strip>.space-option{flex-basis:127px}@media(max-width:760px){.space-strip>.space-option{flex-basis:90px}.dock-cinema .space-strip>.space-option{flex-basis:94px}}
/* Align vehicle artwork and its space name on the same center line. */ .space-strip .space-option>.space-train{margin-left:auto;margin-right:auto}.space-strip .space-option>small{text-align:center}
.dock-trigger>.train{align-self:center;margin-left:auto;margin-right:auto}
/* Fit the actual space artwork before allowing horizontal navigation. */
.dock-options{width:max-content;min-width:min(384px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:12px}.space-strip{scrollbar-width:none;-ms-overflow-style:none;gap:8px}.space-strip::-webkit-scrollbar{display:none}.space-strip>.space-option,.dock-cinema .space-strip>.space-option{flex:1 0 auto;min-width:112px;width:max-content}.space-scroll{position:absolute;top:35%;width:28px;height:36px;border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:0 2px 10px #0002;font:24px/1 sans-serif;z-index:3}.space-scroll.previous{left:2px}.space-scroll.next{right:2px}.space-scroll:disabled{opacity:.25;cursor:default}.space-scroll[hidden]{display:none}.has-overflow .space-strip{margin:0 20px}.space-scroll:focus-visible{outline-offset:1px}@media(max-width:760px){.space-strip>.space-option,.dock-cinema .space-strip>.space-option{min-width:100px}}
.scene-actions .scene-manage{border:0;border-radius:9px;width:100%}.sidebar .scene-button{user-select:none;touch-action:pan-x}.sidebar .scene-button.scene-dragging{opacity:.65;outline:1px dashed var(--accent);cursor:grabbing;background:var(--soft)}
.organization-list .inline-create{border-color:var(--accent);gap:8px}.inline-create input{min-width:0;flex:1;width:100%;border:0;outline:none;background:transparent;color:var(--ink);font:inherit}.inline-create small{font-size:10px;color:var(--muted);white-space:nowrap}.inline-create input[aria-invalid=true]{color:#bb6655}
.entity-icon{width:17px;height:17px;flex-shrink:0;vertical-align:middle}.group-tabs button{display:flex;align-items:center;gap:8px}.group-tabs small{margin-left:0}.organization-list .entity-icon-button{width:30px;height:30px;flex:0 0 30px;padding:6px;border-radius:7px;color:var(--ink)}.entity-icon-button:hover{background:var(--soft)}#entity-icon-picker{width:min(380px,calc(100vw - 32px))}.entity-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.entity-icon-grid button{display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 6px;border-radius:10px}.entity-icon-grid button:hover,.entity-icon-grid button[aria-pressed=true]{background:var(--soft);color:var(--accent)}.entity-icon-grid small{font-size:10px}.entity-icon-grid .entity-icon{width:22px;height:22px}
.group-tabs [data-group-tab]{user-select:none;touch-action:pan-y}.group-tabs .group-dragging{background:var(--soft);outline:1px dashed var(--accent);outline-offset:-2px;border-radius:8px;opacity:.75;cursor:grabbing}.space-dragging,.scene-dragging,.group-dragging{position:relative;z-index:2}
/* Give lifted artwork room inside the horizontal scroll viewport. */ .space-strip{padding-top:18px;padding-bottom:12px}.space-management{justify-content:center}.space-management button:only-child{flex:0 1 auto;min-width:132px;padding:9px 22px}
/* Keep long management lists within the viewport. */
#organization:has(.organization-list)[open]{display:flex;flex-direction:column;max-height: min(680px,calc(100svh - 48px));overflow:hidden;gap:0}#organization:has(.organization-list)>.dialog-heading,#organization:has(.organization-list)>.quiet-action,#organization:has(.organization-list)>.dialog-done{flex-shrink:0}#organization .organization-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 25%,transparent) transparent;padding:0 3px}#organization .organization-list::-webkit-scrollbar{width:4px}#organization .organization-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 25%,transparent);border-radius:4px}#organization:has(.organization-list)>.dialog-done{position:static;margin-top:14px}@media(max-width:760px){#organization:has(.organization-list)[open]{max-height:calc(100svh - 32px)}}
@media(max-width:760px){#organization:has(.organization-list)[open]{max-height:min(680px,calc(100svh - 32px))}}
.space-strip>.space-option{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.space-strip>.space-option>span{margin-left:auto!important;margin-right:auto!important}.space-strip>.space-option>small,.space-strip>.space-option>.space-subtitle{align-self:center;text-align:center}.clock-seconds .second-card{position:relative;display:grid;place-items:center;width:72px;height:88px;background:var(--soft);border-radius:8px;perspective:400px;overflow:hidden;color:var(--ink);font:300 43px/1 'Segoe UI',sans-serif}.second-card:after{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--bg);z-index:4}.clock-seconds .second-card>span,.second-card>i{font:inherit;position:absolute;inset:0;display:grid;place-items:center;background:var(--soft);font-style:normal}.second-old{clip-path:inset(0 0 50% 0);transform-origin:center;backface-visibility:hidden}.second-new{clip-path:inset(50% 0 0 0);transform-origin:center;backface-visibility:hidden;opacity:0}.second-flipping .second-old{animation:old-half .24s ease-in forwards}.second-flipping .second-new{animation:new-half .24s .24s ease-out both}.clock-seconds{align-items:center}.focus-duration{display:flex;align-items:center;justify-content:center;gap:8px;margin:-14px auto 24px;font-size:11px;color:var(--muted)}.focus-duration input{width:47px;border:0;border-bottom:1px dashed var(--muted);background:transparent;color:var(--ink);text-align:center;padding:4px 0;font:inherit}.focus-duration input:disabled{opacity:.5}@media(max-width:760px){.clock-seconds .second-card{width:35px;height:49px;font-size:24px}.focus-duration{margin-top:-12px;margin-bottom:18px}}
/* Synchronize all flip-card halves in one continuous motion. */
.flipping .digit-flap,.second-flipping .second-old{animation:old-half .36s cubic-bezier(.4,0,.2,1) both}.flipping .digit-flap-bottom,.second-flipping .second-new{animation:new-half .36s cubic-bezier(.4,0,.2,1) both;animation-delay:0s}.focus-duration[hidden]{display:none}.focus-duration input{appearance:textfield;-moz-appearance:textfield}.focus-duration input::-webkit-inner-spin-button,.focus-duration input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media(min-width:761px){.home-paper{height:calc(100svh - 86px);min-height:0;padding:0 3vw 140px;overflow:hidden}.home-paper .newspaper{height:100%;min-height:0;display:grid;grid-template-rows:30px 100px minmax(0,1fr) 102px 22px}.home-paper .paper-meta{padding:4px 0;font-size:10px}.home-paper .masthead{padding:4px 0 8px}.home-paper .masthead h1{font-size:54px!important;line-height:1.15;margin:5px 0!important}.home-paper .paper-columns{min-height:0;overflow:hidden;padding:12px 0;gap:24px}.home-paper .paper-columns>*{min-height:0;overflow:hidden}.home-paper .paper-lead{display:flex;flex-direction:column}.home-paper .paper-lead h2{font-size:clamp(20px,2vw,29px);line-height:1.3;margin:6px 0 10px}.home-paper .paper-lead .landscape{flex:1;min-height:0;height:0;width:100%}.home-paper .paper-lead>p{font-size:11px;line-height:1.5;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-paper .paper-saved a{padding:7px 0}.home-paper .paper-saved h3{font-size:21px;margin:7px 0}.home-paper .paper-saved p{font-size:11px;margin:5px 0}.home-paper .paper-index button{padding:8px 0}.home-paper .paper-quote{margin-top:10px;padding-top:10px;font-size:11px}.home-paper .paper-more{min-height:0;overflow:hidden;padding:9px 0;gap:24px}.home-paper .paper-more .paper-kicker{margin-bottom:6px}.home-paper .paper-more a{margin-top:5px}.home-paper .paper-more a b{font-size:12px}.home-paper .paper-more a span{display:none}.home-paper .paper-bottom{margin:0;font-size:9px}.home-paper .paper-kicker{font-size:9px;margin-bottom:5px}.home-paper .paper-saved a:nth-of-type(n+4){display:none}}
@media(min-width:761px) and (max-height:760px){.home-paper .newspaper{grid-template-rows:24px 74px minmax(0,1fr) 78px 20px}.home-paper .masthead h1{font-size:40px!important}.home-paper .paper-lead h2{font-size:20px}.home-paper .paper-saved h3{font-size:17px;margin:3px 0}.home-paper .paper-saved p{margin:3px 0}.home-paper .paper-quote{display:none}.home-paper .paper-more{padding:5px 0}}
@media(min-width:761px){.home-paper .paper-saved{display:grid;grid-template-rows:24px repeat(3,minmax(0,1fr))}.home-paper .paper-saved a{margin:0;padding:6px 0;min-height:0;overflow:hidden}.home-paper .paper-saved h3{font-size:20px;line-height:1.2;margin:5px 0}.home-paper .paper-saved p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0;line-height:1.3}.home-paper .paper-saved small{font-size:8px}}
.focus-duration{align-items:center;line-height:28px}.focus-duration input{box-sizing:border-box;height:30px;line-height:28px;padding:0 4px;border:1px solid var(--line);border-radius:6px;vertical-align:middle;outline-offset:2px}.player-controls .select-trigger small{display:none}.equalizer i{transform-origin:center bottom;animation:music-pulse .7s ease-in-out infinite alternate!important}.equalizer i:nth-child(2){animation-duration:.48s!important}.equalizer i:nth-child(3){animation-duration:.82s!important}.equalizer i:nth-child(4){animation-duration:.6s!important;animation-delay:-.2s!important}@keyframes music-pulse{0%{transform:scaleY(.2)}100%{transform:scaleY(1)}}.focus-unit-face{justify-content:center;gap:22px}.focus-unit{display:flex;flex-direction:column;align-items:center;gap:12px}.focus-unit>small{font-size:10px;color:var(--muted);letter-spacing:2px}.focus-unit-card{display:block;position:relative;width:clamp(100px,17vw,220px);height:clamp(135px,21vw,275px);background:var(--soft);border-radius:12px;font:300 clamp(65px,10vw,140px)/1 'Segoe UI',sans-serif;perspective:600px;overflow:hidden}.focus-unit-card>span,.focus-unit-card>i{position:absolute;inset:0;display:grid;place-items:center;background:var(--soft);font:inherit}.focus-unit-card:after{content:'';position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--bg);z-index:4}.drag-origin{opacity:.2!important}.drag-visual{opacity:.95!important;background:var(--surface);border-radius:10px;box-shadow:0 8px 25px #0002;display:flex;align-items:center;gap:8px;color:var(--ink)}.drag-visual.space-option{flex-direction:column;justify-content:center}.drag-visual>span{margin-left:auto;margin-right:auto}@media(max-width:760px){.focus-unit-face{gap:10px}.focus-unit-card{width:90px;height:125px;font-size:58px}}@media(prefers-reduced-motion:reduce){.equalizer i{animation:none!important}}
.music-info .mute-control{color:var(--muted);opacity:.65}.music-info .mute-control.is-audible{color:var(--accent);opacity:1}.equalizer{display:inline-flex;align-items:flex-end;height:24px;gap:4px}.equalizer i{display:block;width:3px;height:22px;transform-origin:center bottom}.equalizer:not(.moving) i{animation-play-state:paused!important;transform:scaleY(.25)}.equalizer.moving i{animation-play-state:running!important}
/* Preserve the old lower half until the incoming lower half unfolds. */
.digit>.flip-old-bottom,.second-card>.flip-old-bottom,.focus-unit-card>.flip-old-bottom{position:absolute;inset:0;display:grid;place-items:center;background:var(--soft);font:inherit;font-style:normal;clip-path:inset(50% 0 0 0);z-index:1;pointer-events:none}.flipping>.flip-old-bottom,.second-flipping>.flip-old-bottom{animation:hold-old-bottom .48s linear forwards}.flipping .digit-flap,.second-flipping .second-old{z-index:3;animation:old-half .24s ease-in forwards}.flipping .digit-flap-bottom,.second-flipping .second-new{z-index:2;animation:new-half .24s .24s ease-out both}.digit-value,.second-value,.focus-unit-card>span{z-index:0}@keyframes hold-old-bottom{0%,99%{opacity:1}100%{opacity:0}}.focus-unit-card{border-radius:12px;box-shadow:0 14px 32px #0001}.focus-unit-card:before{content:'';position:absolute;top:calc(50% - 5px);left:0;right:0;height:10px;border-left:4px solid var(--muted);border-right:4px solid var(--muted);z-index:5;pointer-events:none}.focus-unit-face>.flip-colon{align-self:center;margin-bottom:25px;color:var(--accent)}@media(prefers-reduced-motion:reduce){.flip-old-bottom,.second-old,.second-new{display:none!important}}
.focus-controls [data-v2=focus-reset]{padding:12px 20px;border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,var(--bg));color:var(--ink);font:inherit}.focus-duration{display:flex;align-items:center;justify-content:center;gap:8px;line-height:1;height:32px}.focus-duration>span{display:flex;align-items:center;height:32px}.focus-duration input{display:block;box-sizing:border-box;width:58px;height:32px;line-height:normal;margin:0;padding:0 5px;vertical-align:middle;text-align:center}body[data-view=space] .top-return{position:static;display:flex;align-items:center;justify-content:center;gap:14px;margin:20px auto 0;padding:9px 14px;font-size:12px;color:var(--muted);width:max-content;max-width:100%;transform:none}.top-return span{font-size:10px;opacity:.7}body[data-view=space] .workspace{padding-top:24px}.group-tabs{scrollbar-width:thin;max-width:100%}.workspace-content{min-width:0}.sidebar{max-height:calc(100svh - 170px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}@media(max-width:760px){body[data-view=space] .top-return{font-size:11px;gap:8px;margin-top:12px}.top-return span{font-size:9px}.sidebar{max-height:240px}}
body[data-view=space] .peek-return{position:fixed;top:8px;left:50%;bottom:auto;transform:translate(-50%,-150%);margin:0;padding:10px 20px;border-radius:20px;background:var(--surface);z-index:30;opacity:0;pointer-events:none;transition:transform .25s,opacity .25s}.peek-return.revealed{transform:translate(-50%,0)!important;opacity:1!important;pointer-events:auto!important}body[data-view=space] .workspace{padding-top:32px;align-items:start}.sidebar{position:sticky;top:24px;height:calc(100svh - 48px);max-height:none;display:flex;flex-direction:column;overflow:hidden;min-height:0}.sidebar .space-heading,.sidebar>.eyebrow,.sidebar>.scene-actions{flex-shrink:0}.scene-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:8px}.scene-scroll .scene-button{width:100%}.sidebar>.scene-actions{margin-top:12px;margin-bottom:0}.workspace-content{padding-right:10px}html,.scene-scroll,.group-tabs{scrollbar-width:thin;scrollbar-color:transparent transparent}html.scroll-active,.scene-scroll.scroll-active,.group-tabs.scroll-active{scrollbar-color:color-mix(in srgb,var(--muted) 22%,transparent) transparent}::-webkit-scrollbar-button{display:none;width:0;height:0}.scene-scroll::-webkit-scrollbar,.group-tabs::-webkit-scrollbar{width:4px;height:4px}.scene-scroll::-webkit-scrollbar-thumb,.group-tabs::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.scene-scroll.scroll-active::-webkit-scrollbar-thumb,.group-tabs.scroll-active::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 22%,transparent)}.group-tabs{cursor:grab;padding-bottom:5px}.group-tabs:active{cursor:grabbing}@media(max-width:760px){.sidebar{position:relative;top:0;height:280px;max-height:280px;display:flex;flex-direction:column;flex-wrap:nowrap}.scene-scroll{width:100%}.sidebar>.scene-actions{width:100%}.workspace-content{padding-right:4px}}
/* Keep a faint draggable thumb for overflowing group tabs. */
.group-tabs{overflow-x:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 9%,transparent) transparent;overscroll-behavior:contain}.group-tabs:hover,.group-tabs.scroll-active{scrollbar-color:color-mix(in srgb,var(--muted) 18%,transparent) transparent}.group-tabs::-webkit-scrollbar{height:6px}.group-tabs::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 9%,transparent);border-radius:9px}.group-tabs:hover::-webkit-scrollbar-thumb,.group-tabs.scroll-active::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 18%,transparent)}.scene-scroll{overscroll-behavior-y:contain}
.group-tabs,.group-tabs:hover,.group-tabs.scroll-active{scrollbar-width:none}.group-tabs::-webkit-scrollbar{display:none}.group-scroll-arrow{flex:0 0 26px;width:26px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--muted);font:23px/1 sans-serif}.group-scroll-arrow:hover{background:var(--soft);color:var(--ink)}.group-scroll-arrow:disabled{opacity:.22;cursor:default}.group-scroll-arrow[hidden]{display:none}.group-view-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:11px}.group-view-controls label{display:flex;align-items:center;gap:6px}.group-view-controls label>.select-wrap{display:inline-flex;width:auto;margin:0;background:none}.group-view-controls .select-trigger{padding:7px 9px}.cards[data-display=cards],.cards[data-display=list],.cards[data-display=poker]{display:grid;grid-template-columns:repeat(var(--group-columns,3),minmax(0,1fr));gap:14px}.cards[data-display=list] .bookmark{padding:12px;min-width:0}.cards[data-display=list] .bookmark a{display:block}.cards[data-display=list] .bookmark p{margin-top:7px}.cards[data-display=poker]{gap:42px 20px;padding:8px 6px 30px}.cards[data-display=poker] .bookmark{position:relative;min-height:180px;border-radius:12px;transform:rotate(calc((var(--stack) - 1)*1.5deg));transition:transform .25s;box-shadow:3px 5px 0 var(--soft),6px 10px 0 var(--line);border:1px solid var(--line)}.cards[data-display=poker] .bookmark:hover{transform:translateY(-8px) rotate(0);box-shadow:5px 9px 0 var(--soft),10px 18px 0 var(--line)}.poker-corner{display:block;margin-bottom:18px;font:17px Georgia,serif;color:var(--accent)}.cloud-stage{display:block!important;height:480px;position:relative;overflow:hidden;perspective:850px}.cloud-sphere{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--pitch,0deg)) rotateY(var(--yaw,0deg));transition:transform .15s ease-out}.cloud-sphere .bookmark{position:absolute;left:50%;top:50%;width:max-content;max-width:180px;min-height:0;padding:6px 10px;background:transparent;border:0;box-shadow:none;transform:translate(-50%,-50%) translate3d(calc(var(--cx)*260px),calc(var(--cy)*190px),calc(var(--cz)*100px));font-size:var(--cloud-size)}.cloud-sphere .bookmark a{display:block}.cloud-sphere .bookmark p,.cloud-sphere .site-icon{display:none}.cloud-sphere .bookmark-head{display:block}.cloud-sphere .bookmark strong{font:inherit;color:var(--ink)}.cloud-sphere .bookmark:hover{background:var(--soft);z-index:10}.cloud-sphere .remove{right:-12px;top:-8px}.cloud-lines{position:absolute;left:calc(50% - 260px);top:calc(50% - 190px);width:520px;height:380px;overflow:visible;pointer-events:none}.cloud-lines line{stroke:var(--muted);stroke-width:.002;opacity:.25}.cloud-links-toggle{padding:7px 10px;border-radius:7px}.cloud-links-toggle:hover{background:var(--soft)}@media(max-width:760px){.cards[data-display=cards],.cards[data-display=list],.cards[data-display=poker]{grid-template-columns:repeat(min(var(--group-columns),2),minmax(0,1fr))}.cloud-sphere .bookmark{transform:translate(-50%,-50%) translate3d(calc(var(--cx)*125px),calc(var(--cy)*175px),calc(var(--cz)*60px));max-width:120px}.cloud-lines{left:calc(50% - 125px);top:calc(50% - 175px);width:250px;height:350px}.group-view-controls{gap:8px}}@media(prefers-reduced-motion:reduce){.cloud-sphere,.cards[data-display=poker] .bookmark{transition:none}}
.cloud-sphere .bookmark a{animation:cloud-drift 6s ease-in-out infinite alternate}.cloud-sphere .bookmark:nth-child(3n) a{animation-delay:-2s}.cloud-sphere .bookmark:nth-child(3n + 1) a{animation-delay:-4s}@keyframes cloud-drift{from{translate:0 -3px}to{translate:0 3px}}@media(prefers-reduced-motion:reduce){.cloud-sphere .bookmark a{animation:none}}
.view-settings-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;color:var(--muted);font-size:11px;background:var(--soft)}.view-settings-trigger:hover{color:var(--ink)}.view-settings-trigger small{opacity:.5}#link-view-settings{width:min(460px,calc(100vw - 32px))}.view-setting-note{font-size:12px;color:var(--muted)}.link-view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.link-view-grid button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 8px;border-radius:12px;font-size:12px}.link-view-grid button:hover,.link-view-grid button[aria-pressed=true]{background:var(--soft);color:var(--accent)}.link-column-setting{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:12px}.link-column-setting button{width:30px;height:30px;border-radius:8px;color:var(--muted)}.link-column-setting button[aria-pressed=true]{background:var(--soft);color:var(--ink)}.cards:is([data-display=paper],[data-display=record],[data-display=film],[data-display=planet],[data-display=calendar]){display:grid;grid-template-columns:repeat(var(--group-columns),minmax(0,1fr));gap:28px 22px}.cards:is([data-display=paper],[data-display=record],[data-display=film],[data-display=planet],[data-display=calendar]) .bookmark{background:none;padding:8px;border:0;box-shadow:none;min-width:0}.link-name{display:block;text-align:center;margin:14px 0 5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-domain{display:block;text-align:center;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis}.link-emblem{display:grid;place-items:center;font-size:23px;font-weight:600}.link-paper{display:flex;flex-direction:column;min-height:220px;padding:16px;background:var(--surface);color:var(--ink);border-top:3px double var(--ink);font-family:Georgia,'SimSun',serif;gap:14px}.link-paper small{font-size:9px;border-bottom:1px solid var(--line);padding-bottom:10px}.link-paper b{font-size:22px}.link-paper i{height:25px;background:repeating-linear-gradient(transparent 0 5px,var(--line) 6px 7px)}.link-paper .link-emblem{height:50px;background:var(--soft)}.link-paper em,.link-film em{font-size:9px;font-style:normal;overflow:hidden;text-overflow:ellipsis}.link-record{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(#181b1c 0 3px,#363a3c 4px,#181b1c 5px);max-width:180px;margin:auto;box-shadow:0 7px 15px #0002}.link-record .link-emblem{width:38%;height:38%;border-radius:50%;background:var(--accent);color:var(--surface);border:4px solid #ffffff22}.bookmark:hover .link-record{animation:record-spin 14s linear infinite}.link-film{display:flex;flex-direction:column;gap:14px;aspect-ratio:2/3;background-size:cover;background-position:center;padding:17px;border-radius:7px;color:#fff}.link-film small{font-size:7px;letter-spacing:1px}.link-film .link-emblem{margin-top:auto;align-self:flex-start}.link-film b{font:700 23px Georgia,'SimSun',serif}.link-planet{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:150px;margin:16px auto;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffff99,var(--orb) 35%,#14202e 85%);box-shadow:inset -10px -8px 20px #0004,0 8px 24px #0001;transition:transform .3s}.link-planet .link-emblem{color:white;text-shadow:0 2px 8px #0006;font-size:25px}.link-planet i{position:absolute;left:-15%;width:130%;height:35%;border:4px solid #b9b29c55;border-radius:50%;transform:rotate(-24deg)}.bookmark:hover .link-planet{transform:translateY(-5px)}.link-calendar{display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 0 18px;min-height:175px;background:var(--surface);border-radius:10px;overflow:hidden;border-top:4px solid var(--accent)}.link-calendar small{width:100%;padding:9px;text-align:center;background:var(--soft);font-size:10px;letter-spacing:3px}.link-calendar b{font-size:12px}.link-calendar .link-emblem{font-size:34px}@media(max-width:760px){.cards:is([data-display=paper],[data-display=record],[data-display=film],[data-display=planet],[data-display=calendar]){grid-template-columns:repeat(min(var(--group-columns),2),minmax(0,1fr));gap:18px 10px}.link-paper{padding:10px}.link-film{padding:12px}.link-film b{font-size:18px}}@media(prefers-reduced-motion:reduce){.bookmark:hover .link-record{animation:none}}
.cards[data-display=poker] .bookmark{transform:rotate(-2deg)}#column-settings{width:min(380px,calc(100vw - 32px))}.column-options{display:flex;gap:8px;margin:24px 0}.column-options button{flex:1;padding:16px 5px;border-radius:10px;font-size:20px}.column-options small{display:block;font-size:10px;margin-top:7px;color:var(--muted)}.column-options button:hover,.column-options button[aria-pressed=true]{background:var(--soft);color:var(--accent)}
.link-paper .paper-site-identity{display:flex;align-items:center;gap:12px;min-height:62px;border-bottom:1px solid var(--line);padding-bottom:13px}.paper-site-identity .link-emblem{width:44px;height:44px;flex:0 0 44px;border-radius:6px;font:600 21px var(--font);background:var(--soft)}.paper-site-identity b{font-size:20px;line-height:1.35;overflow-wrap:anywhere;min-width:0}.link-paper>i{flex:1;min-height:40px}.link-paper>em{margin-top:auto}
.bookmark-logo-image{width:100%;height:100%;object-fit:contain;border-radius:inherit}.link-emblem,.site-icon{overflow:hidden}.cloud-sphere .cloud-logo{display:inline-grid!important;place-items:center;width:24px;height:24px;margin-right:7px;font-size:12px;border-radius:50%;background:var(--soft);vertical-align:middle}.cloud-sphere .bookmark-head{display:inline}.link-planet.matte-orbit{background:radial-gradient(ellipse at 30% 25%,var(--orb),color-mix(in srgb,var(--orb) 70%,#24313b));box-shadow:inset -8px -6px 18px #0002,0 5px 14px #0001}.matte-orbit .link-emblem{display:grid;place-items:center;width:44%;height:44%;border-radius:50%;background:var(--surface);color:var(--ink);font-size:22px;text-shadow:none;z-index:1;padding:5px}.matte-orbit:after{content:'';position:absolute;inset:10%;border:1px solid #ffffff13;border-radius:50%;transform:rotate(var(--site-angle)) scaleX(.7)}.link-film{position:relative;isolation:isolate;overflow:hidden}.link-film:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(var(--site-angle),transparent 0 30px,#ffffff04 31px 32px),radial-gradient(ellipse at var(--poster-x) 25%,#ffffff10,transparent 60%)}.link-film .link-emblem{width:44px;height:44px;background:#ffffff15;border:1px solid #ffffff20;border-radius:50%;padding:7px}.link-film em,.link-domain{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cards:is([data-display=book],[data-display=note],[data-display=icons]){display:grid;grid-template-columns:repeat(var(--group-columns),minmax(0,1fr));gap:24px}.cards:is([data-display=book],[data-display=note],[data-display=icons]) .bookmark{background:none;border:0;padding:8px;box-shadow:none;min-width:0}.link-book{display:flex;flex-direction:column;gap:18px;min-height:220px;padding:20px 16px 20px 25px;background:var(--site-tone);border-radius:3px 10px 10px 3px;color:#f7f5ef;box-shadow:inset 7px 0 #0002,3px 4px 0 var(--line);transition:transform .25s}.link-book small{font-size:7px;letter-spacing:1px}.link-book .link-emblem{width:46px;height:46px;background:#ffffff15;border-radius:8px;padding:5px}.link-book b{font:600 19px/1.5 Georgia,'SimSun',serif;overflow-wrap:anywhere}.link-book i{margin-top:auto;height:2px;width:30px;background:#ffffff66}.bookmark:hover .link-book{transform:rotateY(-8deg) translateY(-3px)}.link-note{display:flex;flex-direction:column;gap:15px;min-height:185px;padding:20px;background:color-mix(in srgb,var(--site-tone) 12%,var(--surface));border-radius:3px 3px 22px 3px}.link-note .link-emblem{width:38px;height:38px;background:var(--surface);border-radius:8px;padding:4px}.link-note b{font-size:15px}.link-note small{color:var(--muted);font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-app-icon{width:64px;height:64px;margin:0 auto;border-radius:17px;background:color-mix(in srgb,var(--site-tone) 15%,var(--surface));color:var(--ink);padding:12px}.link-view-grid{max-height:50svh;overflow:auto;scrollbar-width:thin}@media(max-width:760px){.cards:is([data-display=book],[data-display=note],[data-display=icons]){grid-template-columns:repeat(min(var(--group-columns),2),minmax(0,1fr));gap:14px}.link-book{padding:15px;min-height:195px}}
.view-section-title{font-size:11px;color:var(--muted);margin:20px 0 0}.link-view-grid .follow-priority{grid-column:1/-1;flex-direction:row;justify-content:center;background:var(--soft)}.more-link-views{border-top:1px solid var(--line);padding-top:17px;margin-top:18px}.more-link-views summary{font-size:12px;color:var(--muted);cursor:pointer}.more-link-views .link-view-grid{margin:16px 0}.bookmark-edit{position:absolute;top:8px;right:8px;width:25px;height:25px;padding:4px;border-radius:7px;background:var(--surface);color:var(--muted);opacity:0;z-index:12}.bookmark:hover .bookmark-edit,.bookmark:focus-within .bookmark-edit{opacity:1}.bookmark-edit:hover{color:var(--ink);background:var(--soft)}.cloud-sphere .bookmark-edit{top:-23px;right:8px}.bookmark a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#bookmark-editor{width:min(450px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto}#bookmark-editor-form{display:grid;gap:14px}#bookmark-editor-form label{display:grid;gap:8px;font-size:12px}#bookmark-editor-form input,#bookmark-editor-form textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);font:inherit;box-sizing:border-box}#bookmark-editor-form small{font-size:10px;color:var(--muted)}#bookmark-editor-form .primary{justify-self:end}#bookmark-editor>.dialog-done{display:none}.edit-error{margin:0;color:#bb6655;font-size:11px}@media(hover:none){.bookmark-edit{opacity:1}}
#link-view-settings[open]{display:flex;flex-direction:column;height:min(650px,calc(100svh - 40px));overflow:hidden}#link-view-settings>.dialog-heading{flex-shrink:0}.style-scroll-body{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;padding:0 3px}.style-scroll-body .link-view-grid{max-height:none;overflow:visible}#link-view-settings>.dialog-done,#add>.dialog-done{display:none}#add{max-height:calc(100svh - 32px);overflow-y:auto;scrollbar-width:thin}#add-form textarea{width:100%;box-sizing:border-box;background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:10px;font:inherit}.new-logo-row{display:flex;gap:15px;align-items:center;margin:16px 0;font-size:12px}.new-logo-row>div>div{display:flex;gap:14px;align-items:center;margin-top:9px}.new-logo-row button,.upload-logo{font-size:11px;cursor:pointer;color:var(--muted)}#new-logo-preview{width:52px;height:52px;border-radius:12px;background:var(--soft);padding:8px;flex-shrink:0}.destination-cascade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.destination-cascade label{min-width:0}.destination-cascade .select-wrap{width:100%}.destination-cascade .select-options{max-width:220px}#add-logo-picker{width:min(380px,calc(100vw - 32px))}
.link-calendar{height:220px;gap:12px}.link-calendar>small{font-size:16px;letter-spacing:0}.link-calendar>b{padding:0 14px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.link-calendar .calendar-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.6;text-align:center;padding:0 14px;margin:0;width:100%;box-sizing:border-box}
.link-calendar{position:relative}.calendar-orbit-mark{position:absolute;right:9px;top:8px;width:23px;height:23px;color:var(--muted)}.calendar-orbit-mark svg{position:absolute;inset:4px;width:15px;height:15px}.calendar-orbit-mark i{position:absolute;inset:0;border:1px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:record-spin 12s linear infinite}.link-film{aspect-ratio:auto;height:210px;gap:10px;padding:14px}.link-film b{font-size:19px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-film .link-emblem{width:36px;height:36px}.link-note{position:relative;padding-top:29px}.link-note:before{content:'';position:absolute;left:16px;top:10px;width:23px;height:5px;border:1px solid var(--muted);border-radius:2px;transform:rotate(-8deg);opacity:.65}.poker-corner.red-suit{color:#af6464}.workspace-top{position:relative;padding-right:38px}.display-scope-button{position:absolute;right:0;top:8px;width:30px;height:30px;color:var(--muted);border-radius:8px}.display-scope-button:hover{background:var(--soft)}.scene-view-controls{justify-content:flex-end;margin:16px 0 0}.scope-options{display:grid;gap:9px;margin:20px 0}.scope-options button{display:flex;flex-direction:column;gap:8px;padding:16px;text-align:left;border-radius:11px}.scope-options button:hover,.scope-options button[aria-pressed=true]{background:var(--soft)}.scope-options b{font-size:13px;font-weight:500}.scope-options small{font-size:11px;color:var(--muted)}#display-scope-dialog{width:min(420px,calc(100vw - 32px))}@media(prefers-reduced-motion:reduce){.calendar-orbit-mark i{animation:none}}
.workspace-top{padding-right:108px}.space-share{position:absolute;right:35px;top:8px;display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:12px;color:var(--muted);border-radius:8px}.space-share:hover{background:var(--soft)}#space-share-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto}#space-share-dialog>.dialog-done{display:none}#share-form fieldset{border:0;padding:0;margin:22px 0;display:grid;gap:12px}#share-form legend{margin-bottom:12px;font-size:12px;color:var(--muted)}#share-form label{font-size:13px}#share-form input[type=radio]{width:auto;margin-right:8px}#share-password-fields input{width:100%;padding:12px;box-sizing:border-box;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:8px;margin:8px 0}#random-share-password{font-size:11px;color:var(--accent)}.share-note{font-size:11px;line-height:1.8;color:var(--muted)}#share-result{font-size:12px}
.share-selection{display:grid;gap:18px;margin:24px 0}.share-selection>label{display:grid;gap:9px;font-size:12px;color:var(--muted)}.share-selection label>.select-wrap{margin:0;display:flex;width:100%;background:var(--soft);border-radius:12px}.share-selection .select-trigger{padding:16px;font-size:14px;min-height:52px;color:var(--ink)}.share-selection label:last-child .select-trigger{min-height:62px}.share-selection .select-options{width:100%;max-width:100%;box-sizing:border-box}.share-access-options{grid-template-columns:1fr 1fr!important;gap:12px!important}.share-access-card{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px 10px;background:var(--soft);border:1px solid transparent;border-radius:12px;cursor:pointer}.share-access-card.selected{border-color:var(--accent);color:var(--accent)}#share-form .share-access-card input{width:14px;height:14px;margin:0;accent-color:var(--accent)}#share-password-fields{background:var(--soft);border-radius:12px;padding:15px}#share-password-fields[hidden]{display:none}
.share-range-heading{font-size:12px;margin:24px 0 10px;color:var(--muted)}.share-selection{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;margin:0 0 24px}.share-selection>label{min-width:0}.share-selection .select-trigger,.share-selection label:last-child .select-trigger{min-height:54px;padding:14px 10px;font-size:13px}#share-result input{width:100%;box-sizing:border-box;padding:10px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:8px;margin:8px 0}#copy-share-link{font-size:12px;color:var(--accent)}#copy-share-status{display:block;color:var(--muted);font-size:11px;margin-top:6px}
body[data-view=space]{overflow-anchor:none}.workspace-top{padding-right:0;align-items:center}.space-top-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.space-top-actions .space-share,.space-top-actions .display-scope-button{position:static;display:grid;place-items:center;width:34px;height:34px;padding:7px;margin:0}.space-top-actions .primary{height:38px;padding:8px 15px}.workspace-tools{display:flex;align-items:center;gap:10px}.workspace-tools #filter{flex:1;min-width:80px}.workspace-tools .group-view-controls{flex-shrink:0;display:flex;align-items:center;gap:10px;margin-left:auto}.workspace-tools .view-settings-trigger{white-space:nowrap}.group-heading:empty{display:none}@media(max-width:760px){.space-top-actions{gap:4px}.space-top-actions .primary{padding:8px;font-size:11px}.workspace-tools{flex-wrap:wrap}.workspace-tools .group-view-controls{gap:6px}.workspace-tools #filter{min-width:120px}}
#space-share-dialog{background:color-mix(in srgb,var(--paper,var(--soft)) 94%,white 6%)}#share-password-fields{position:relative;padding:8px 0 0;background:transparent;margin-top:-10px}#share-password-fields>label{display:block}.share-key{width:15px;height:15px;vertical-align:-3px;margin-right:6px}#random-share-password{position:absolute;right:0;top:8px;padding:0;line-height:18px}#share-password-fields input{display:block;margin-top:9px}.share-expiry{display:grid;gap:8px;margin:14px 0}.share-expiry .select-trigger{width:100%}#share-feedback{display:block;color:var(--muted);margin:5px 0}#share-result textarea{width:100%;min-height:90px}.bookmark-drag-ghost{box-sizing:border-box;opacity:.95!important;box-shadow:0 12px 30px #0002;transition:none!important;animation:none!important}.bookmark{touch-action:pan-y}
#share-form .share-access-options{margin-bottom:12px}#share-password-fields{margin-top:0;padding-top:0}#share-password-fields>label{margin:0;padding:0}#random-share-password{top:0}#space-share-dialog{background:color-mix(in srgb,var(--soft) 76%,white 24%)}.share-expiry .select-wrap{border-radius:8px;overflow:visible}
.bookmark-drag-ghost{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.bookmark-drag-ghost>a{background:transparent!important;box-shadow:none!important}#share-form{display:flex;flex-direction:column;gap:0}#share-form .share-range-heading{margin:4px 0 10px}#share-form .share-selection{margin:0 0 20px;gap:12px}#share-form .share-selection>label{gap:0;margin:0}#share-form fieldset{margin:0 0 18px;padding:0}#share-form legend{margin:0 0 10px;padding:0}#share-form .share-access-card{margin:0;padding:14px 10px}#share-password-fields{margin:0 0 18px;padding:0}#share-password-fields>label{margin:0;line-height:20px}#share-password-fields input{margin:8px 0 0}#random-share-password{top:0;line-height:20px}#share-form .share-expiry{margin:0;gap:8px}#share-form .share-validity-note{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 14px}#share-form .share-once{display:flex;align-items:flex-start;gap:9px;margin:0 0 18px}#share-form .share-once input{width:14px;height:14px;margin:3px 0;accent-color:var(--accent)}.share-once small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:5px}#share-result{margin:0 0 12px}#generated-share-link{user-select:none;pointer-events:none;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 0}#share-form>button[type=submit]{width:100%;min-height:42px;align-self:stretch}#share-feedback:empty{display:none}
.link-note:before{display:none}.link-note{padding-top:39px}.note-pin{position:absolute;left:14px;top:8px;color:var(--muted);transform:rotate(-18deg)}.note-pin svg{width:21px;height:21px}.bookmark .site-icon,.bookmark .link-emblem,.bookmark .link-app-icon,.bookmark .cloud-logo{border-radius:50%!important;aspect-ratio:1;flex-shrink:0;box-sizing:border-box;display:inline-grid;place-items:center;overflow:hidden}.bookmark-logo-image{object-fit:contain;padding:3px;box-sizing:border-box}.font-choice em{font-size:12px;font-style:normal}.space-setting-heading,.space-setting-section h3{font-size:13px;font-weight:500;margin:18px 0 10px}.space-setting-section{padding-top:8px;border-top:1px solid var(--line);margin-top:18px}.space-inherited{font-size:12px;color:var(--muted);line-height:1.8}.space-inherited span{display:block;color:var(--ink)}.space-style-shortcuts{display:flex;gap:10px}.space-style-shortcuts button{padding:9px 14px;background:var(--soft);border-radius:8px;font-size:12px}#display-scope-dialog{max-height:calc(100svh - 48px);overflow:auto;scrollbar-width:thin}.space-setting-section .font-options{grid-template-columns:1fr 1fr}
.space-setting-section .font-choice>span{font-size:18px;line-height:1.7}.space-setting-section .font-choice{padding:12px}.space-setting-section .font-choice em{font-size:10px;white-space:nowrap}
.settings-panel .setting-section>.segmented{margin-bottom:26px}.layout-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.layout-card{padding:14px;border:1px solid transparent;border-radius:13px;background:var(--soft);text-align:left}.layout-card.selected{border-color:var(--accent)}.layout-card>span{display:block;font-size:12px;margin-top:12px}.layout-mini{height:100px;background:var(--surface);border-radius:7px;display:flex;align-items:center;padding:12px}.layout-mini>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%}.layout-mini.safe>div{width:64%;margin:auto}.layout-mini i{height:24px;background:color-mix(in srgb,var(--accent) 22%,var(--surface));border-radius:3px}.layout-card:disabled{opacity:1;cursor:default}.inherited-font-preview{padding:24px;background:var(--soft);border-radius:12px;font-size:24px;line-height:1.8}.inherited-font-preview small{font-size:15px}.inherited-font-preview p{font:12px var(--font);color:var(--muted);margin-bottom:0}#settings[open]{display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;max-height:calc(100svh - 20px)}#settings-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1;padding-right:3px}#settings>.dialog-done{position:static;flex-shrink:0;margin:0;padding:16px 0 0;background:transparent}#settings>.dialog-done button,#display-scope-dialog>.dialog-done button{width:100%;min-height:42px}#display-scope-dialog .space-tab-content{min-height:220px}.space-tab-content .font-choice>span{font-size:18px}.space-tab-content .font-choice em{font-size:11px}.space-tab-content .font-options{gap:12px}.space-tab-content .scope-options{margin-top:20px}
/* Note paper and space scope selection */
.link-note{background:color-mix(in srgb,var(--site-tone) 25%,var(--surface));box-shadow:0 2px 5px #00000009,inset 0 0 0 1px color-mix(in srgb,var(--site-tone) 14%,transparent)}.note-pin{left:15px;top:9px;color:var(--ink);opacity:.72;transform:rotate(28deg)}.note-pin svg{width:22px;height:22px;stroke-width:1.6}#display-scope-dialog .scope-options button{background:var(--soft);border:1px solid transparent;transition:border-color .18s,background .18s}#display-scope-dialog .scope-options button[aria-pressed=true]{border-color:var(--accent)}#display-scope-dialog .scope-options button:hover{background:color-mix(in srgb,var(--accent) 8%,var(--soft))}
.column-auto{width:100%;padding:13px;margin:15px 0;background:var(--soft);border:1px solid transparent;border-radius:9px;font-size:13px}.column-auto[aria-pressed=true]{border-color:var(--accent)}.space-heading{position:relative;z-index:25}.heading-space-switch{display:flex;align-items:center;gap:12px;font:inherit;width:100%;text-align:left}.heading-space-switch>span{font:14px sans-serif;color:var(--muted);opacity:.5}.heading-space-switch:hover>span{opacity:1}.heading-space-menu{position:absolute;top:calc(100% + 10px);left:0;width:240px;max-width:calc(100vw - 48px);max-height:330px;overflow:auto;scrollbar-width:thin;background:var(--surface);padding:8px;border-radius:13px;box-shadow:0 10px 35px #00000014}.heading-space-menu button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 9px;font:13px var(--font);text-align:left;border-radius:8px}.heading-space-menu button:hover,.heading-space-menu button[aria-current=true]{background:var(--soft)}.space-menu-number{font-size:10px;color:var(--muted)}.heading-space-menu small{margin-left:auto;color:var(--accent)}.editable-scene-description{cursor:text;min-height:20px;outline:none;border-bottom:1px solid transparent;max-width:600px}.editable-scene-description:empty:before{content:attr(data-placeholder);opacity:.55}.editable-scene-description:hover,.editable-scene-description:focus{border-bottom-color:var(--line)}.workspace-top .editable-scene-description.has-description{color:color-mix(in srgb,var(--ink) 55%,var(--muted))}
.heading-space-switch>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;transition:background .18s,transform .18s}.heading-space-switch>span svg{width:16px;height:16px}.heading-space-switch:hover>span{background:var(--soft)}.heading-space-switch[aria-expanded=true]>span{transform:rotate(180deg)}.heading-space-menu{box-sizing:border-box;overflow-x:hidden;border-radius:14px;clip-path:inset(0 round 14px);scrollbar-width:none}.heading-space-menu::-webkit-scrollbar{display:none}.heading-space-menu button{box-sizing:border-box;border-radius:9px;min-width:0}.space-management button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.space-management button svg{width:15px;height:15px}
/* Let the space popover extend beyond the independently scrolling scene list. */
.sidebar{overflow:visible}.heading-space-menu{z-index:50}
.dock-trigger>.dock-object,.dock-trigger>.train{transform-origin:center;will-change:transform}
#dock[data-dock-theme=base] .dock-trigger:is(:hover,:focus-visible)>.train{animation:dock-train-hover 1.2s ease-in-out infinite!important}
#dock[data-dock-theme=paper] .dock-trigger:is(:hover,:focus-visible)>.dock-object{animation:dock-paper-hover 1.5s ease-in-out infinite!important}
#dock[data-dock-theme=music] .dock-trigger:is(:hover,:focus-visible)>.dock-object{animation:dock-record-hover 3s linear infinite!important}
#dock[data-dock-theme=cinema] .dock-trigger:is(:hover,:focus-visible)>.dock-object{animation:dock-film-hover 1.7s ease-in-out infinite!important}
#dock[data-dock-theme=cosmos] .dock-trigger:is(:hover,:focus-visible)>.dock-object{animation:dock-orbit-hover 2.4s ease-in-out infinite!important}
#dock[data-dock-theme=flip] .dock-trigger:is(:hover,:focus-visible)>.dock-object{animation:dock-flip-hover 1.8s ease-in-out infinite!important}
#dock[data-dock-theme=rain] .dock-trigger:is(:hover,:focus-visible)>.dock-object{animation:dock-rain-hover 1.4s ease-in-out infinite!important}
@keyframes dock-train-hover{0%,100%{transform:translateX(-5px)}50%{transform:translate(5px,-2px)}}
@keyframes dock-paper-hover{0%,100%{transform:rotate(0) translateY(0)}35%{transform:rotate(-9deg) translateY(-4px)}70%{transform:rotate(5deg) translateY(-2px)}}
@keyframes dock-record-hover{to{transform:rotate(360deg)}}
@keyframes dock-film-hover{0%,100%{transform:perspective(180px) rotateY(-12deg)}50%{transform:perspective(180px) rotateY(12deg) translateY(-4px)}}
@keyframes dock-orbit-hover{0%,100%{transform:rotate(-12deg) scale(1)}50%{transform:rotate(12deg) scale(1.12)}}
@keyframes dock-flip-hover{0%,100%{transform:perspective(160px) rotateX(0)}45%{transform:perspective(160px) rotateX(-32deg) translateY(-3px)}}
@keyframes dock-rain-hover{0%,100%{transform:translateY(0);opacity:1}40%{transform:translateY(5px);opacity:.65}60%{transform:translateY(-5px);opacity:.65}}
@media(prefers-reduced-motion:reduce){.dock-trigger:is(:hover,:focus-visible)>.dock-object,.dock-trigger:is(:hover,:focus-visible)>.train{animation:none!important}}
/* Match the space chooser to the scene sidebar. */
.heading-space-menu{width:100%;max-width:100%;box-sizing:border-box}.heading-space-menu button{overflow:hidden;overflow-wrap:anywhere}.heading-space-menu .space-menu-number,.heading-space-menu small{flex-shrink:0}
/* Reserve space for the swatch selection ring inside the scrolling panel. */
#settings .swatches{padding:6px;justify-content:flex-start;box-sizing:border-box}#settings .swatch{flex-shrink:0}
#display-scope-dialog .swatches{padding:6px;box-sizing:border-box;margin-top:24px}.inherited-color{display:flex;align-items:center;gap:14px;padding:20px;background:var(--soft);border-radius:12px;font-size:13px}.inherited-color>span{width:35px;height:35px;border-radius:50%;border:1px solid var(--line)}
.default-copy-notice{display:flex;align-items:center;gap:13px;background:var(--soft);padding:22px 18px;border-radius:12px;margin-top:20px;color:var(--muted);font-size:13px}.default-copy-notice svg{width:22px;height:22px;flex-shrink:0}.space-detail-icon{display:inline-flex;align-items:center;color:var(--muted);flex-shrink:0}.space-detail-icon svg{width:21px;height:21px}#entity-icon-picker,#add-logo-picker{width:min(580px,calc(100vw - 40px));max-height:calc(100svh - 40px);overflow:auto;scrollbar-width:thin}.icon-library-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.icon-library-tabs button{font-size:12px;padding:8px 10px;border-radius:8px;color:var(--muted)}.icon-library-tabs button[aria-pressed=true]{background:var(--soft);color:var(--ink)}#entity-icon-picker .entity-icon-grid,#add-logo-picker .entity-icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto}.entity-icon-grid button{min-width:0}.entity-icon-grid small{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.icon-library-tabs{position:relative;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 2px;gap:7px}.icon-library-tabs::-webkit-scrollbar{display:none}.icon-library-tabs button{flex:0 0 auto;white-space:nowrap}dialog .dialog-heading>button[data-action=close],#settings>button[data-action=close],dialog>button.close{display:grid;place-items:center;width:34px;height:34px;min-width:34px;padding:0;border-radius:50%;background:var(--soft);font:24px/1 sans-serif;color:var(--muted);flex-shrink:0}dialog .dialog-heading>button[data-action=close]:hover{color:var(--ink);background:var(--line)}#quick-search .search-box{border:1px solid var(--line);background:var(--soft);box-shadow:none;border-radius:13px;min-height:60px;padding:8px 12px}#quick-search .search-box:focus-within{border-color:var(--accent)}#quick-search #search-input{min-height:40px;font-size:17px}#quick-search .dialog-done{display:none!important}.search-exit-hint{font-size:12px;color:var(--muted);text-align:center;margin:24px 0 0}.search-exit-hint kbd{display:inline-block;padding:3px 7px;margin:0 3px;border:1px solid var(--line);border-radius:5px;font:11px var(--font)}
.brand-mark{display:inline-flex;align-items:center}.brand-mark svg{width:28px;height:28px}.group-tab-bar{position:sticky;top:0;z-index:20;background:var(--bg);padding-top:12px;padding-bottom:8px}.sidebar-collapse{display:grid;place-items:center;align-self:flex-end;width:30px;height:30px;border-radius:8px;color:var(--muted);flex-shrink:0;margin-bottom:6px}.sidebar-collapse:hover{background:var(--soft)}.workspace.sidebar-collapsed{grid-template-columns:40px minmax(0,1fr)}.sidebar-collapsed .sidebar>:not(.sidebar-collapse){display:none!important}.sidebar-collapsed .sidebar-collapse{align-self:center}.sidebar-collapsed .sidebar-collapse svg{transform:rotate(180deg)}.page-hidden{display:none!important}#bookmark-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:28px 0 100px;padding:16px 0;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}#bookmark-pagination label{display:flex;align-items:center;gap:7px}#bookmark-pagination .page-navigation{display:flex;align-items:center;gap:6px;margin-left:auto}#bookmark-pagination button{width:32px;height:32px;border-radius:8px;background:var(--soft);font-size:20px}#bookmark-pagination button:disabled{opacity:.3;cursor:default}#bookmark-page-jump{width:40px;padding:7px 4px;text-align:center;background:var(--soft);border:0;border-radius:7px;color:var(--ink);font:inherit}#bookmark-pagination .select-trigger{min-width:65px;padding:8px}.sidebar{top:16px;height:calc(100svh - 32px)}@media(max-width:760px){.workspace.sidebar-collapsed{display:grid;grid-template-columns:32px minmax(0,1fr)}.sidebar-collapsed .sidebar{height:40px}#bookmark-pagination{gap:10px}.group-tab-bar{top:0}}
.sidebar-section-heading{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin:14px 0 16px}.sidebar-section-heading>.eyebrow{margin:0}.sidebar-section-heading .sidebar-collapse{margin:0;width:24px;height:24px;min-height:24px;align-self:center;background:transparent}.sidebar-collapse svg{width:16px;height:16px}.sidebar-collapsed .sidebar>.sidebar-section-heading{display:flex!important;justify-content:center;margin-top:0}.sidebar-collapsed .sidebar-section-heading>.eyebrow{display:none}.sidebar-collapsed .sidebar-collapse svg{transform:none}#bookmark-pagination{gap:18px;flex-wrap:wrap;font:12px/1.4 var(--font);align-items:center}#bookmark-pagination>label{margin-left:auto;gap:8px;white-space:nowrap}#bookmark-pagination .page-navigation{margin-left:0;gap:6px;align-items:center}#bookmark-pagination .page-navigation>label{margin:0 5px;gap:7px;align-items:center}#bookmark-pagination .page-navigation button{display:grid;place-items:center;box-sizing:border-box;padding:0;width:30px;height:30px;min-width:30px;font:12px/1 var(--font);border:1px solid transparent}#bookmark-pagination .page-navigation button svg{display:block;width:15px;height:15px}#bookmark-page-jump{box-sizing:border-box;height:30px;width:36px;margin:0;padding:0 4px;font:12px/1 var(--font)}#bookmark-pagination .select-wrap{margin:0;display:inline-flex;align-items:center}#bookmark-pagination .select-trigger{box-sizing:border-box;height:30px;min-height:30px;min-width:62px;padding:0 9px;font:12px/1 var(--font);display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:7px}#bookmark-pagination .select-trigger span,#bookmark-pagination .select-options button{font:12px/1.4 var(--font)!important}#bookmark-pagination .select-options{min-width:70px;padding:4px;bottom:calc(100% + 6px);top:auto}#bookmark-pagination .select-options button{padding:7px 9px;min-height:28px}#bookmark-pagination button:not(:disabled):hover{border-color:var(--line);color:var(--ink)}
#bookmark-pagination .select-options button{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;height:auto;min-height:30px;gap:12px;background:transparent;color:var(--ink);border:0}#bookmark-pagination .select-options button:hover{background:var(--soft)}#bookmark-pagination .select-options button[aria-selected=true]{background:var(--ink);color:var(--surface)}#bookmark-pagination .select-options button[aria-selected=true] *{color:inherit}.home-base .utility-search{position:fixed;right:4%;bottom:24px;z-index:4}.home-base .utility-search span{display:inline}
#bookmark-pagination .select-options button[aria-selected=true]{background:var(--accent);color:var(--selection-contrast,#fff)}#bookmark-pagination .select-options button:hover:not([aria-selected=true]){background:color-mix(in srgb,var(--accent) 14%,var(--surface))}#quick-search .search-box{border-color:transparent}#quick-search .search-box:focus-within{border-color:transparent}.home-base .search-box{border-color:transparent;box-shadow:none}.ai-links{flex-wrap:wrap}.ai-icon{display:inline-flex;align-items:center;justify-content:center}.ai-icon svg{width:21px;height:21px;stroke-width:1.5}.ai-links a{display:inline-flex;align-items:center;gap:6px}
.brand-ai-icon svg{width:21px;height:21px;stroke:none;fill:currentColor}.play-toggle{display:grid;place-items:center}.play-toggle svg{display:block}
.music-info .player-controls{align-items:center}.music-info .player-controls .mute-control,.music-info .player-controls .equalizer{box-sizing:border-box;width:32px;height:32px;min-width:32px;flex:0 0 32px;margin:0;padding:5px;align-self:center}.music-info .player-controls .mute-control svg{display:block;width:22px;height:22px}.music-info .player-controls .equalizer{display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:6px 5px}.music-info .equalizer i{width:3px;height:20px;flex:0 0 3px}.dock-trigger>.record-object{display:grid;place-items:center}.dock-trigger>.record-object svg{width:36px;height:36px;display:block}body[data-dark=true] header .brand,body[data-dark=true] header .header-right .icon-button{color:#eceeea;opacity:1}body[data-dark=true] header .brand-mark{color:#eceeea}body[data-dark=true] header .header-right .icon-button:hover{background:#ffffff14}body[data-dark=true] header .header-right svg circle[fill]{fill:var(--bg)}
#login,#account-center{width:min(440px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto;scrollbar-width:thin}.account-note,.account-status{font-size:11px;line-height:1.8;color:var(--muted)}.account-login-content{min-height:205px}.account-login-content label,#account-center>label{display:block;font-size:12px;margin:16px 0 8px}.account-login-content input,#profile-name{box-sizing:border-box;width:100%;background:var(--soft);border:1px solid transparent;border-radius:9px;padding:12px;color:var(--ink);font:13px var(--font);margin-top:8px}.account-input-row{display:flex;align-items:center;gap:8px}.account-input-row button{white-space:nowrap;font-size:12px;color:var(--accent)}.account-login-content>.primary{margin-top:18px;width:100%}.account-third-party{display:flex;justify-content:center;gap:24px;margin:20px 0;font-size:12px}.account-demo,.account-signout{color:var(--accent);font-size:12px;padding:12px 0}.account-summary{display:flex;align-items:center;gap:16px;margin:24px 0}.account-summary small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.account-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--soft);overflow:hidden}.account-avatar svg{width:32px;height:32px}.account-avatar img,.account-entry img{width:100%;height:100%;object-fit:cover;border-radius:50%}.account-avatars{display:flex;gap:8px;flex-wrap:wrap}.account-avatars button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--soft);border:1px solid transparent}.account-avatars button[aria-pressed=true]{border-color:var(--accent)}.avatar-upload{color:var(--accent)}.avatar-upload input{display:block;margin-top:10px;font-size:11px;max-width:100%}.wechat-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:var(--soft);border-radius:12px}.wechat-placeholder svg{width:48px;height:48px}.wechat-placeholder span{font-size:11px;color:var(--muted)}#profile-error{color:#b66;font-size:12px}#login>.dialog-done{display:none}
#login{position:relative;isolation:isolate;padding:30px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:22px}#login .dialog-heading{position:relative;z-index:1;align-items:flex-start;padding-right:0}#login .dialog-heading h2{font-size:26px;line-height:1.4;margin-top:12px;font-weight:500}#login .dialog-heading .eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted)}.login-theme-art{position:absolute;right:52px;top:23px;width:82px;height:82px;color:var(--accent);opacity:.13;pointer-events:none;z-index:-1}.login-theme-art svg{display:block;width:100%;height:100%}#login .account-note{margin:15px 0 22px}#login .settings-tabs{gap:20px;margin:0 0 22px}#login .settings-tabs button{white-space:nowrap;font-size:12px}#login .account-login-content label{margin-top:14px}#login .account-login-content input{background:color-mix(in srgb,var(--accent) 6%,var(--surface));border:1px solid transparent;transition:border-color .2s}#login .account-login-content input:focus{outline:none;border-color:var(--accent)}#login .account-login-content>.primary{min-height:42px;border-radius:9px}#login .account-third-party{padding-top:18px;border-top:1px solid var(--line);margin:22px 0 12px}#login .account-status{margin:14px 0 0;font-size:10px}#login .account-demo{padding:10px 0 0;font-size:11px}#login[data-login-theme=paper]{border-radius:6px}#login[data-login-theme=paper] .dialog-heading{border-top:3px double var(--line);padding-top:14px}#login[data-login-theme=paper] .dialog-heading h2{font-family:Georgia,'SimSun',serif}#login[data-login-theme=paper] .login-theme-art{top:40px;transform:rotate(8deg)}#login[data-login-theme=music] .login-theme-art{width:108px;height:108px;right:53px;top:18px;opacity:.12}#login[data-login-theme=cinema] .dialog-heading h2{font-family:Georgia,'SimSun',serif;letter-spacing:2px}#login[data-login-theme=cosmos]{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 48%),var(--surface)}#login[data-login-theme=flip] .login-theme-art{transform:rotate(-6deg)}#login[data-login-theme=rain] .login-theme-art{opacity:.18}@media(max-width:520px){#login{padding:24px}#login .settings-tabs{gap:14px}#login .settings-tabs button{font-size:11px}.login-theme-art{right:45px}}
.header-right .account-entry{background:color-mix(in srgb,var(--accent) 18%,var(--surface));border:1px solid var(--line);border-radius:50%;margin-left:7px}.header-right .account-entry svg{width:24px;height:24px}.header-right .account-entry:hover{background:color-mix(in srgb,var(--accent) 28%,var(--surface))}.people-avatars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:8px 0 20px}.people-avatars button{width:100%;height:auto;aspect-ratio:auto;border-radius:12px;padding:10px 3px;gap:8px}.people-avatars svg{width:28px;height:28px}.people-avatars small{font-size:10px;color:var(--muted)}.account-go-login{width:100%;margin-top:12px}.account-avatar svg{width:38px;height:38px}#account-center>.dialog-done button{width:100%}
.login-brand-name{color:var(--accent)}#login .account-third-party{flex-wrap:wrap;gap:18px}#login .account-third-party button{display:inline-flex;align-items:center;gap:6px;font-size:11px}#login .account-third-party svg{width:17px;height:17px}#account-password-step{width:min(420px,calc(100vw - 32px))}#account-password-step label{display:block;font-size:12px;margin:16px 0}#account-password-step input{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:12px;border:0;border-radius:8px;background:var(--soft);color:var(--ink)}#account-center>[data-account-signout],.onboarding-finish{width:100%;margin-top:24px;min-height:42px}.password-step-error{font-size:12px;color:#b66}
#account-center>.dialog-done,#account-password-step>.dialog-done{display:none}
#login .account-third-party{gap:20px}#login .account-third-party button{display:grid;place-items:center;box-sizing:border-box;width:46px;height:46px;border-radius:50%;padding:0;background:var(--soft);color:var(--ink)}#login .account-third-party button svg{width:24px;height:24px}#login .account-third-party button:hover{background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.account-password-rules{font-size:11px;line-height:1.8;color:var(--muted);margin:8px 0 16px}
#login .account-login-content input{background:var(--soft);border:1px solid var(--line);min-height:44px}#login .account-login-content>label{display:flex;align-items:center;gap:12px;white-space:nowrap}#login .account-login-content>label>input,#login .account-input-row{flex:1;min-width:0}#login .account-login-content input{margin-top:0;min-width:0}.account-input-row input{width:100%}#login [data-login-confirm-wrap][hidden]{display:none!important}#login .account-login-content input{background:var(--soft)!important;color:var(--ink);cursor:text;user-select:text;-webkit-box-shadow:0 0 0 1000px var(--soft) inset;-webkit-text-fill-color:var(--ink)}#login .account-login-content input:-webkit-autofill{background:var(--soft)!important;-webkit-box-shadow:0 0 0 1000px var(--soft) inset;-webkit-text-fill-color:var(--ink)}#login .account-country-input{display:flex;align-items:center;flex:1;min-width:0;min-height:44px;box-sizing:border-box;background:var(--soft);border:0;border-radius:9px;padding:0 12px;color:var(--muted)}#login .account-country-input input{flex:1;background:transparent!important;border:0;box-shadow:none;-webkit-box-shadow:none;-webkit-text-fill-color:var(--ink)}#login .account-input-row button:disabled{opacity:.42;cursor:not-allowed}#login .account-input-row button.is-ready{color:var(--accent);font-weight:600;opacity:1}#login .account-login-content input::placeholder,#wechat-bind-flow input::placeholder{color:var(--muted);opacity:.55}#login .account-login-content input:focus::placeholder,#wechat-bind-flow input:focus::placeholder{opacity:.4}#login [data-wechat-login]{display:grid;place-items:center;width:46px;height:46px;margin:0 auto;padding:0;border-radius:50%;background:var(--soft);color:var(--accent)}#wechat-bind-flow .wechat-qr-placeholder{display:grid;place-items:center;width:188px;height:188px;margin:20px auto;border-radius:10px;background:repeating-linear-gradient(45deg,var(--ink) 0 4px,transparent 4px 8px),repeating-linear-gradient(-45deg,transparent 0 5px,var(--ink) 5px 8px);color:var(--surface);font-size:12px;font-weight:600;letter-spacing:2px;box-shadow:inset 0 0 0 12px var(--surface),inset 0 0 0 14px var(--ink)}#wechat-bind-flow .wechat-scan-status{text-align:center}#login [data-wechat-login] svg{width:25px;height:25px}#account-password-step>label{display:flex;align-items:center;gap:12px;white-space:nowrap}#account-password-step>label input{flex:1;min-width:0;margin-top:0}#account-password-step>[data-onboard-skip]{display:block;margin:8px auto 0;text-align:center}.profile-demographics>label{display:block;font-size:12px;margin:18px 0 9px}.profile-demographics small{font-size:10px;color:var(--muted);margin-left:6px}.profile-gender{display:flex;gap:9px}.profile-gender button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:10px 6px;background:var(--soft);border:1px solid transparent;border-radius:9px;font-size:12px}.profile-gender button[aria-pressed=true]{border-color:var(--accent)}.profile-gender svg{width:17px;height:17px}#profile-birthday{box-sizing:border-box;width:100%;padding:11px;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:9px;font:13px var(--font)}
.account-field-caption{flex:0 0 60px;width:60px;text-align:left}#login .account-login-content>label{gap:12px}#account-password-step>label{gap:12px}#account-password-step .account-password-rules{margin-left:72px}.brand-discovery{position:relative}.brand-theme-menu{display:none;position:absolute;top:100%;left:0;width:190px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;z-index:80;box-shadow:0 8px 30px #0001}.brand-discovery:hover .brand-theme-menu,.brand-discovery:focus-within .brand-theme-menu{display:block}.brand-theme-menu button{display:flex;justify-content:space-between;width:100%;padding:10px;border-radius:7px;font:12px var(--font);color:var(--ink)}.brand-theme-menu button:hover,.brand-theme-menu button[aria-pressed=true]{background:var(--soft)}.brand-guide{position:absolute;top:calc(100% + 12px);left:0;width:260px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;z-index:70;color:var(--ink);box-shadow:0 8px 30px #0001}.brand-guide>b{font-size:13px;font-weight:500}.brand-guide>p{font-size:11px;line-height:1.8;color:var(--muted);margin:8px 0 0}.brand-guide>button{position:absolute;right:5px;top:4px;font-size:20px;color:var(--muted)}.brand-discovery:hover .brand-guide{visibility:hidden}.brand-guide:hover{visibility:visible!important}.birthday-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px;background:var(--soft);border-radius:9px;color:var(--ink);font:13px var(--font)}.birthday-trigger svg{width:18px;height:18px;color:var(--muted)}.birthday-panel{margin-top:8px;padding:14px;background:var(--soft);border-radius:10px}.birthday-selects{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:9px}.birthday-selects label{font-size:11px;color:var(--muted)}.birthday-selects select{display:block;width:100%;margin-top:6px;padding:8px 4px;border:0;border-radius:6px;background:var(--surface);color:var(--ink);font:13px var(--font)}.birthday-actions{display:flex;justify-content:space-between;margin-top:14px;font-size:12px;color:var(--accent)}
#login .account-input-row{position:relative;flex:1;min-width:0;width:100%}#login .account-input-row:has(button) input{padding-right:96px}#login .account-input-row>button{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:1;padding:6px 0}
.empty-create{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:110px;width:100%;box-sizing:border-box;border:1px dashed var(--line);border-radius:13px;background:transparent;color:var(--muted);padding:20px;transition:background .2s,color .2s}.empty-create>span{font:28px/1 sans-serif}.empty-create>b{font-size:12px;font-weight:400}.empty-create:hover{background:var(--soft);color:var(--accent)}.empty-space-content{padding:45px 0;max-width:560px}.empty-space-content p,.empty-bookmarks p{font-size:12px;color:var(--muted);text-align:center;margin-top:16px}.empty-bookmarks{grid-column:1/-1;width:100%;padding:20px 0}.scene-scroll>.empty-create{margin-top:18px;min-height:100px}
#birthday-dialog{width:min(380px,calc(100vw - 32px));box-sizing:border-box;border-radius:18px;background:var(--surface);color:var(--ink);padding:26px}#birthday-dialog .birthday-panel{margin-top:18px;padding:16px}#birthday-dialog .birthday-actions{margin-top:22px;align-items:center}#birthday-dialog [data-birth-save]{background:var(--accent);color:var(--selection-contrast,#fff);padding:9px 22px;border-radius:8px}#birthday-dialog>.dialog-done{display:none}
#birthday-dialog{overflow:hidden!important;max-height:calc(100svh - 40px)}.birth-column-labels,.birth-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.birth-column-labels{text-align:center;color:var(--muted);font-size:12px;margin:22px 0 10px}.birth-column{position:relative;height:min(240px,45svh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;background:var(--soft);border-radius:10px;padding:6px}.birth-column button{display:block;width:100%;height:36px;border-radius:7px;background:transparent;color:var(--ink);font-size:14px;text-align:center}.birth-column button:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.birth-column button[aria-selected=true]{background:var(--accent);color:var(--bg)}.birth-footer{display:flex;justify-content:space-between;gap:18px;padding-top:22px}.birth-footer button{padding:10px 20px;border-radius:9px}.birth-footer button:last-child,.paper-editor-done{background:var(--accent);color:var(--bg)}
.home-paper .editorial-paper{grid-template-rows:30px 100px 32px minmax(0,1fr) 22px}.paper-newsline{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ink);font-size:11px}.paper-newsline span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paper-newsline button{flex:none;font-size:10px;color:var(--muted)}.editorial-paper .paper-columns{grid-template-columns:1.5fr 1fr .8fr}.paper-cover{width:100%;flex:1;min-height:0;height:0;object-fit:cover;filter:saturate(.55)}.editorial-paper .paper-daily-link{display:flex;align-items:flex-start;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.paper-link-number{font:italic 23px Georgia,serif;color:var(--muted)}.editorial-paper .paper-daily-link h3{font-size:18px;margin:0 0 6px}.paper-daily-link>div{min-width:0}.paper-daily-link h3,.paper-daily-link p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paper-editor-note{margin-top:22px;font-size:12px;line-height:1.9;color:var(--muted)}.editorial-paper .paper-index button{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:20px 0;gap:9px;border-bottom:1px solid var(--line)}.editorial-paper .paper-index b{font-size:24px}.editorial-paper .paper-index span{font-size:11px}#paper-editor{width:min(560px,92vw);max-height:85svh;overflow:hidden}#paper-editor[open]{display:flex;flex-direction:column}.paper-editor-fields{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:8px 3px;display:grid;gap:14px}.paper-editor-fields>label{display:grid;gap:8px;font-size:12px}.paper-editor-fields input:not([type=checkbox]),.paper-editor-fields textarea{width:100%;box-sizing:border-box;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:10px;color:var(--ink);font:inherit}.paper-editor-fields fieldset{border:0;margin:0;padding:12px;background:var(--soft);border-radius:10px;max-height:170px;overflow:auto;scrollbar-width:thin}.paper-editor-fields legend{font-size:12px;padding:8px 0}.paper-choice{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px}.paper-editor-done{flex:none;width:100%;margin-top:18px;padding:12px;border-radius:9px}#paper-editor>.dialog-done{display:none}
@media(min-width:761px) and (max-height:760px){.home-paper .editorial-paper{grid-template-rows:24px 74px 28px minmax(0,1fr) 20px}.editorial-paper .paper-daily-link{padding:8px 0}.editorial-paper .paper-index button{padding:10px 0}.paper-editor-note{margin-top:10px}}
.home-paper .editorial-paper .paper-saved a:nth-of-type(n+4){display:flex}.editorial-paper .paper-saved{display:flex;flex-direction:column}.editorial-paper .paper-daily-link{flex:1;min-height:0}.editorial-paper .paper-editor-note{flex:none}
.birth-column{padding-block:calc(min(240px,45svh)/2 - 18px);box-sizing:content-box;height:36px;max-height:none}.birth-footer{justify-content:stretch}.birth-footer button:last-child{width:100%}.brand-theme-menu button{display:flex;align-items:center;gap:10px}.brand-theme-menu button>svg,.theme-tile-label b>svg{width:17px;height:17px;flex:none}.brand-theme-menu button b{font-weight:400;flex:1;text-align:left}.theme-switch-hint{font-size:10px;line-height:1.8;padding:12px 10px 4px;margin:8px 0 0;border-top:1px solid var(--line);color:var(--muted)}body[data-dark=true] header .brand-mark,body[data-dark=true][data-view=home] header .brand-mark{color:#f0f2ed!important;background:transparent!important}body[data-dark=false] header .brand-mark{color:var(--ink)!important;background:transparent!important}.brand-mark svg{stroke:currentColor!important;fill:none!important}.theme-tile-label b{display:flex;align-items:center;gap:7px}.theme-gallery .theme-preview{height:auto!important;aspect-ratio:240/135;padding:0!important;overflow:hidden;background:var(--soft)!important}.theme-gallery .theme-preview>svg{display:block;width:100%;height:100%}.theme-gallery .theme-preview::before,.theme-gallery .theme-preview::after{display:none!important}.named-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}.named-color{padding:7px;background:var(--soft);border-radius:12px;text-align:left;border:1px solid transparent}.named-color[aria-pressed=true]{border-color:var(--accent)}.color-sample{height:74px;background:var(--swatch);border-radius:7px;display:flex;align-items:center;justify-content:center}.color-sample i{font-style:normal;color:#fff;font-size:23px}.named-color b{display:block;padding:11px 6px 5px;font-size:12px;font-weight:400;color:var(--ink)}
.home-cinema .poster-title{width:82%;box-sizing:border-box}.customizable-copy{white-space:pre;overflow-wrap:normal;word-break:normal;max-width:100%}.custom-color .color-sample{background:conic-gradient(from 30deg,#b28bbf,#8098be,#78a993,#c2b97e,#c18b79,#b28bbf)}#custom-color-dialog{width:min(360px,90vw);padding:26px}.custom-color-picker{display:flex;flex-direction:column;gap:16px;font-size:13px;margin:24px 0}.custom-color-picker input{width:100%;height:110px;border:0;padding:0;background:transparent;cursor:pointer}.custom-color-confirm{width:100%;border-radius:9px;padding:12px;background:var(--accent);color:var(--selection-contrast)}#custom-color-dialog>.dialog-done{display:none}
.custom-color .color-sample{position:relative}.custom-palette-badge{position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:50%;background:conic-gradient(#ca7b87,#b38ac7,#749dcc,#7db197,#d7bf7e,#ca7b87);border:2px solid #fff;box-shadow:0 1px 4px #0002}.light-button-contrast,.light-button-contrast :is(span,b,small,i,svg){color:#17201b!important}.birth-footer button:last-child,.paper-editor-done,.dialog-done button,.primary,.search-box .submit,.custom-color-confirm{color:var(--selection-contrast,#fff)}
.inline-color-plane{display:block;width:100%;height:190px;border-radius:10px;touch-action:none;cursor:crosshair}.custom-color-picker .inline-color-hue{height:20px;padding:0;width:100%;accent-color:var(--accent);background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px}.inline-color-value{display:flex;align-items:center;gap:12px}.inline-color-value span{width:32px;height:32px;border:1px solid var(--line);border-radius:8px}.custom-color-picker .inline-color-value input{height:36px;flex:1;min-width:0;border-radius:8px;background:var(--soft);color:var(--ink);font:13px monospace;padding:0 12px}.music-composition .tonearm{pointer-events:auto!important;cursor:pointer}.music-composition .tonearm:focus-visible{outline:2px solid var(--accent);outline-offset:8px}.music-composition .tonearm>*{pointer-events:none}
.music-composition .tonearm>*{pointer-events:auto;cursor:pointer}.music-composition .arm-head:before{content:'';position:absolute;inset:-8px;background:transparent}.custom-color-picker .inline-color-hue{appearance:none;-webkit-appearance:none;display:block;height:14px;min-height:14px;margin:5px 0;border:0;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.inline-color-hue::-webkit-slider-runnable-track{height:14px;border-radius:7px;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.inline-color-hue::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-3px;border-radius:50%;border:3px solid #fff;background:transparent;box-shadow:0 1px 4px #0006}.inline-color-hue::-moz-range-track{height:14px;border-radius:7px;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.inline-color-hue::-moz-range-thumb{width:16px;height:16px;border:3px solid white;background:transparent;border-radius:50%}.inline-color-value{align-items:center}.inline-color-value>span{box-sizing:border-box;width:36px;height:36px;flex:none;margin:0}.custom-color-picker .inline-color-value input{box-sizing:border-box;height:36px;margin:0;line-height:36px}.music-info .mute-control{color:var(--control-accent)!important}.music-info .equalizer i,.music-info .equalizer span,.music-info #music-progress{background:var(--control-accent)!important}.music-info .equalizer{color:var(--control-accent)!important}.music-info [data-v3="audio-play"]{background:var(--control-accent)!important;color:var(--bg)!important}
.music-composition .arm-shaft{background:linear-gradient(90deg,color-mix(in srgb,var(--control-accent) 65%,#333),color-mix(in srgb,var(--control-accent) 55%,white) 40%,var(--control-accent) 70%,#555);box-shadow:0 0 0 1px #ffffff25}.music-composition .arm-pivot{background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--control-accent) 45%,white),var(--control-accent) 65%,#414642);border-color:color-mix(in srgb,var(--control-accent) 60%,#555)}.music-composition .arm-head{width:16px;height:27px;border-radius:2px 3px 5px 2px;transform:rotate(-26deg);background:linear-gradient(90deg,var(--control-accent),color-mix(in srgb,var(--control-accent) 60%,white));box-shadow:0 0 0 1px #ffffff40}.music-composition .arm-head:after{content:'';position:absolute;width:3px;height:17px;left:2px;top:23px;transform:rotate(24deg);transform-origin:top;background:linear-gradient(#dadbd5,#8c938c);clip-path:polygon(0 0,100% 0,55% 100%)}
.home-projection{padding:20px 6vw 170px;justify-content:center}.projection-stage{width:min(1280px,100%);margin:auto}.projection-caption,.projection-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:10px;letter-spacing:2px;color:var(--muted)}.projection-set{position:relative;display:flex;align-items:center;gap:12%;height:clamp(300px,48vh,550px);margin:30px 0}.projector-machine{position:relative;width:220px;height:230px;flex:none;background:transparent!important;color:var(--control-accent);z-index:3;filter:drop-shadow(0 18px 20px #0002)}.projector-reel{position:absolute;left:0;top:0;width:106px;height:106px;border:7px solid var(--control-accent);border-radius:50%;background:var(--soft);box-shadow:inset 0 0 0 2px #ffffff30;animation:projector-spin 9s linear infinite;animation-play-state:paused}.projector-reel:nth-child(2){left:115px;top:9px;animation-direction:reverse}.projector-reel i{position:absolute;left:37px;top:10px;width:20px;height:23px;border-radius:50%;background:var(--bg);transform-origin:10px 36px}.projector-reel i:nth-child(2){transform:rotate(72deg)}.projector-reel i:nth-child(3){transform:rotate(144deg)}.projector-reel i:nth-child(4){transform:rotate(216deg)}.projector-reel i:nth-child(5){transform:rotate(288deg)}.projector-reel b{position:absolute;left:41px;top:41px;width:10px;height:10px;border-radius:50%;background:var(--control-accent)}.projector-body{position:absolute;left:20px;top:105px;width:170px;height:95px;border-radius:12px 20px 8px 8px;background:linear-gradient(135deg,var(--control-accent),color-mix(in srgb,var(--control-accent) 50%,#303632));border:1px solid #ffffff35}.projector-body>b{position:absolute;left:16px;top:16px;font:10px monospace;color:var(--bg)}.projector-grille{position:absolute;left:16px;bottom:16px;width:62px;height:27px;background:repeating-linear-gradient(0deg,#0006 0 2px,transparent 2px 6px)}.projector-switch{position:absolute;right:15px;top:36px;color:var(--bg)}.projector-lens{position:absolute;left:191px;top:123px;width:30px;height:48px;background:var(--control-accent);border-right:5px solid #d1cbb6;border-radius:3px}.projector-foot{position:absolute;left:45px;top:200px;width:130px;height:14px;border-bottom:7px solid var(--control-accent)}.projector-beam{position:absolute;left:200px;right:0;top:12%;height:76%;clip-path:polygon(0 50%,100% 0,100% 100%);background:linear-gradient(90deg,#e5d6a533,#e5d6a509);opacity:0;transition:opacity 1s;pointer-events:none}.projection-screen{position:relative;flex:1;height:100%;min-width:0;overflow:hidden;border:10px solid #353a37;border-radius:3px;background:#1b2328;box-shadow:0 18px 55px #0002;color:#eee8d4}.projection-screen-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;z-index:2}.projection-screen-copy small{font-size:9px;letter-spacing:5px}.projection-screen-copy h1{width:100%;font:36px/1.5 var(--display-font);margin:22px 0 10px}.projection-screen-copy p{width:100%;font-size:11px;letter-spacing:2px}.projection-screen-copy time{font:32px Georgia,serif;margin-top:24px}.projection-landscape{position:absolute;inset:0;background:linear-gradient(#52646c,#a4997d);opacity:.4;transition:opacity 1s}.projection-landscape i{position:absolute;inset:25% -20% -20%;background:#263f42;clip-path:polygon(0 75%,30% 10%,65% 70%,80% 38%,100% 95%,100% 100%,0 100%);animation:projection-drift 24s ease-in-out infinite alternate;animation-play-state:paused}.projection-landscape b{position:absolute;left:70%;top:18%;width:60px;height:60px;border-radius:50%;background:#d8cda8}.projection-landscape.scene-1{background:linear-gradient(#584e62,#a6877b)}.projection-landscape.scene-2{background:linear-gradient(#284b52,#7aa5a1)}.projection-footer button{font:inherit;color:var(--ink);padding:10px 0}.is-projecting .projector-reel,.is-projecting .projection-landscape i{animation-play-state:running}.is-projecting .projector-beam{opacity:1}.is-projecting .projection-landscape{opacity:.85}@keyframes projector-spin{to{transform:rotate(360deg)}}@keyframes projection-drift{to{transform:translateX(-30px) scale(1.1)}}@media(max-width:760px){.projection-set{gap:5%;height:330px}.projector-machine{zoom:.55}.projection-screen-copy{padding:15px}.projection-screen-copy h1{font-size:24px}.projection-caption{font-size:8px}.projection-footer{letter-spacing:0;font-size:9px}.projector-beam{left:100px}}@media(prefers-reduced-motion:reduce){.projector-reel,.projection-landscape i{animation:none}}
.music-composition .arm-head{width:20px;height:32px;border-radius:3px 3px 7px 7px;transform:rotate(-6deg);box-shadow:none}.music-composition .arm-head:after{left:10px;top:auto;bottom:-7px;width:2px;height:9px;transform:none;clip-path:none;background:#d5d4b9}.projector-controls{position:absolute;right:10px;top:31px;display:flex;flex-direction:column;gap:6px}.projector-controls button{display:grid;place-items:center;width:28px;height:25px;padding:0;border-radius:5px;background:color-mix(in srgb,var(--control-accent) 35%,#202623);color:#f0eee4;box-shadow:inset 0 1px 1px #ffffff25}.projector-controls button:hover{background:#465049}.projector-controls svg{width:15px;height:15px}.projector-controls button[aria-pressed=true]{box-shadow:inset 0 1px 4px #0007;color:#fff}.projection-footer{justify-content:flex-start}@media(max-width:760px){.music-composition .arm-head{width:15px;height:26px}}
.home-projection .projection-set{display:block;height:clamp(340px,57vh,650px);margin:24px 0 20px}.home-projection .projection-screen{width:90%;height:100%;margin-left:auto;border:7px solid #303634;box-sizing:border-box;box-shadow:0 22px 65px #0003}.home-projection .projector-machine{position:absolute;left:-15px;bottom:-16px;transform:scale(.65);transform-origin:left bottom;z-index:5;cursor:pointer}.home-projection .projector-beam{left:120px;right:20%;top:20%;height:75%;z-index:1}.home-projection .projection-screen-copy h1{font-size:clamp(30px,4.5vw,64px);letter-spacing:.08em}.home-projection .projection-screen-copy time{font-size:48px}.home-projection .projection-screen-copy p{font-size:13px}.home-projection .projection-screen-copy{padding:40px 7%;background:linear-gradient(0deg,#101e2e65,transparent 75%)}.home-projection .projection-landscape{background:radial-gradient(ellipse at 70% 15%,#ead7b6,transparent 40%),linear-gradient(#748e9b,#b9b3a0 65%,#51665f)}.home-projection .projection-landscape i{background:linear-gradient(135deg,#719092,#233e48);clip-path:polygon(0 74%,10% 59%,24% 65%,40% 10%,51% 40%,63% 29%,78% 70%,91% 46%,100% 65%,100% 100%,0 100%)}.home-projection .projection-landscape:after{content:'';position:absolute;inset:60% -10% -20%;background:linear-gradient(160deg,#809e97,#223b3f);clip-path:polygon(0 55%,20% 10%,40% 40%,60% 15%,90% 60%,100% 50%,100% 100%,0 100%)}.home-projection .projection-landscape.scene-1{background:radial-gradient(ellipse at 65% 20%,#e3bc97,transparent 45%),linear-gradient(#6c6481,#bd8b83)}.home-projection .projection-landscape.scene-2{background:linear-gradient(#2b5968,#9cbfbb)}.home-projection .projection-landscape.scene-2 i{clip-path:polygon(0 75%,100% 60%,100% 100%,0 100%);background:repeating-linear-gradient(0deg,#487e83 0 6px,#769d9c 7px 8px)}.screen-next{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:4;width:36px;height:48px;border-radius:20px;background:#101a2230;color:#eee8d4;display:grid;place-items:center;opacity:.65}.screen-next:hover{opacity:1;background:#101a2255}.screen-next svg{width:18px;height:18px}.home-projection .projection-footer{padding-left:10%}.projector-machine:focus-visible{outline:1px solid var(--control-accent);outline-offset:8px}.space-screen-ticket{display:flex;flex-direction:column;align-items:center;width:125px;gap:10px;padding:8px;color:var(--ink)}.ticket-frame{display:grid;place-items:center;width:115px;height:70px;background:linear-gradient(150deg,#769196,#253e49);border:4px solid #424b48;border-radius:3px;transition:transform .25s,box-shadow .25s}.ticket-frame svg{width:22px;height:22px;color:#eee8d4}.space-screen-ticket small{font:6px monospace;letter-spacing:1px;color:var(--muted)}.space-screen-ticket b{font-size:13px;font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-option:hover .ticket-frame{transform:translateY(-4px);box-shadow:0 8px 18px #b2c5a933}.dock-trigger .cinema-object svg{width:34px;height:34px}.home-projection .projector-controls{top:40px}.home-projection .projector-controls button{width:32px;height:30px}@media(max-width:760px){.home-projection .projection-screen{width:100%}.home-projection .projector-machine{left:-8px;bottom:-25px;transform:scale(.75)}.home-projection .projection-screen-copy{padding:22px}.home-projection .projection-footer{padding-left:90px}.home-projection .projection-screen-copy h1{font-size:28px}}
.home-projection .projector-beam{z-index:2;pointer-events:none;background:linear-gradient(90deg,#f0dfaa55,#f0dfaa09)}.projection-cloud{position:absolute;left:-35%;top:18%;width:55%;height:15%;border-radius:50%;background:radial-gradient(ellipse,#f5eddd65,transparent 70%);filter:blur(9px);animation:screen-cloud-travel 22s linear infinite;animation-play-state:paused}.projection-cloud.cloud-two{top:33%;width:38%;height:10%;animation-duration:31s;animation-delay:-14s}.home-projection .projection-landscape i{animation:screen-mountain-travel 14s ease-in-out infinite alternate;animation-play-state:paused}.home-projection .projection-landscape:after{animation:screen-foreground-travel 19s ease-in-out infinite alternate;animation-play-state:paused}.projection-water{position:absolute;inset:74% -20% -10%;z-index:1;opacity:.25;background:repeating-linear-gradient(175deg,transparent 0 12px,#d9ede355 13px 14px,transparent 15px 28px);animation:screen-water-travel 7s linear infinite;animation-play-state:paused}.is-projecting .projection-cloud,.is-projecting .projection-water,.home-projection .is-projecting .projection-landscape:after{animation-play-state:running}@keyframes screen-cloud-travel{to{transform:translateX(270%)}}@keyframes screen-mountain-travel{from{transform:translateX(-2%) scale(1.08)}to{transform:translateX(3%) scale(1.16)}}@keyframes screen-foreground-travel{from{transform:translateX(2%) scale(1.08)}to{transform:translateX(-4%) scale(1.13)}}@keyframes screen-water-travel{to{transform:translate(28px,14px)}}@media(prefers-reduced-motion:reduce){.projection-cloud,.projection-water,.home-projection .projection-landscape:after{animation:none}}
.home-projection .is-projecting .projection-landscape i{animation-play-state:running}
const alignBeforeShortBeam=alignProjectionBeam;alignProjectionBeam=function(){alignBeforeShortBeam();const stage=$('.projection-set'),screen=$('.projection-screen'),beam=$('.projector-beam');if(!stage||!screen||!beam)return;const a=stage.getBoundingClientRect(),s=screen.getBoundingClientRect(),left=parseFloat(beam.style.left);beam.style.width=Math.max(1,s.left-a.left+s.width*.24-left)+'px'};
const homeBeforeDayNight=home;home=function(){homeBeforeDayNight();if(effective().theme!=='projection')return;const scene=$('.projection-landscape');scene?.querySelector('b')?.remove();scene?.insertAdjacentHTML('beforeend','<span class="screen-sky-cycle"></span><span class="screen-stars"></span><span class="screen-sun"></span><span class="screen-moon"></span>');requestAnimationFrame(alignProjectionBeam)};render();
.home-projection .projection-screen{width:84%}.home-projection .projector-machine{left:-38px;bottom:10px;transform:scale(.6)}.home-projection .projection-landscape{opacity:.85;isolation:isolate}.screen-sky-cycle{position:absolute;inset:0;z-index:-2;background:#8ebaca;animation:screen-day-sky 24s linear infinite;animation-play-state:paused}.screen-sun,.screen-moon{position:absolute;left:0;top:0;width:55px;height:55px;border-radius:50%;z-index:-1;animation:screen-sun-path 24s linear infinite;animation-play-state:paused}.screen-sun{background:#ffe3a0;box-shadow:0 0 40px #ffe3a060}.screen-moon{background:#e1e9e4;box-shadow:inset -13px -4px 0 #adbabf,0 0 25px #d3e6ed30;animation-name:screen-moon-path}.screen-stars{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,#f1f2ed 1px,transparent 1.5px),radial-gradient(circle,#f1f2edaa 1px,transparent 1.5px);background-size:91px 77px,153px 111px;animation:screen-night-stars 24s linear infinite;animation-play-state:paused}.home-projection .projection-landscape i{z-index:1;animation:screen-mountain-travel 10s ease-in-out infinite alternate,screen-mountain-color 24s linear infinite;animation-play-state:paused}.home-projection .projection-landscape:after{z-index:2;animation:screen-foreground-travel 12s ease-in-out infinite alternate,screen-mountain-color 24s linear infinite;animation-play-state:paused}.projection-cloud{z-index:0;animation-duration:12s}.projection-cloud.cloud-two{animation-duration:17s;animation-delay:-7s}.projection-water{z-index:3}.is-projecting .screen-sky-cycle,.is-projecting .screen-stars,.is-projecting .screen-sun,.is-projecting .screen-moon{animation-play-state:running}
@keyframes screen-day-sky{0%,100%{background:#ba8990}20%{background:#82bcd0}40%{background:#d69f78}52%{background:#5b577e}65%,85%{background:#162b49}94%{background:#555579}}@keyframes screen-sun-path{0%{left:-7%;top:73%;opacity:1}15%{left:20%;top:18%;opacity:1}28%{left:46%;top:7%;opacity:1}42%{left:75%;top:30%;opacity:1}50%{left:100%;top:78%;opacity:0}51%,100%{left:-7%;top:78%;opacity:0}}@keyframes screen-moon-path{0%,49%{left:-7%;top:78%;opacity:0}50%{left:-7%;top:78%;opacity:1}65%{left:20%;top:18%;opacity:1}78%{left:46%;top:7%;opacity:1}92%{left:75%;top:30%;opacity:1}100%{left:100%;top:78%;opacity:0}}@keyframes screen-night-stars{0%,45%,100%{opacity:0}60%,85%{opacity:.8}}@keyframes screen-mountain-color{0%,100%{filter:brightness(.8) sepia(.25)}20%{filter:brightness(1.25) sepia(0)}42%{filter:brightness(.9) sepia(.55)}62%,85%{filter:brightness(.35) saturate(.6)}94%{filter:brightness(.6)}}@media(max-width:760px){.home-projection .projection-screen{width:88%}.home-projection .projector-machine{left:-18px;bottom:-15px;transform:scale(.65)}}@media(prefers-reduced-motion:reduce){.screen-sky-cycle,.screen-stars,.screen-sun,.screen-moon{animation:none}}
.screen-sky-cycle{z-index:0}.screen-stars{z-index:1}.screen-sun,.screen-moon{z-index:2;width:64px;height:64px}.screen-sun{background:#ead298;box-shadow:0 0 14px #eedab020}.screen-moon{background:#d7e0df;box-shadow:inset -16px -3px 0 #8799ae;animation-name:visible-moon-arc}.screen-sun{animation-name:visible-sun-arc}.home-projection .projection-landscape i{z-index:3}.projection-cloud{z-index:4;pointer-events:none}.home-projection .projection-landscape:after{z-index:5}.projection-water{z-index:6}.home-projection .projection-screen-copy time{font-size:clamp(48px,5.4vw,78px);line-height:1.15}.projection-screen{cursor:pointer}.screen-playback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:7;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:#17212c75;color:#f0eee4;backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .2s}.screen-playback svg{width:45px;height:45px;stroke-width:2.2}.screen-paused .screen-playback{opacity:1;pointer-events:auto}.projection-screen:not(.screen-paused):hover .screen-playback{opacity:.75;pointer-events:auto}.screen-paused .projection-screen-copy h1,.screen-paused .projection-screen-copy p{visibility:hidden}.screen-paused .projection-screen-copy small{position:absolute;top:16%;left:0;width:100%}.screen-paused .projection-screen-copy time{position:absolute;bottom:12%;margin:0}.projection-screen:not(.screen-paused):hover .screen-playback{left:auto;top:auto;right:18px;bottom:16px;transform:none;width:44px;height:44px}.projection-screen:not(.screen-paused):hover .screen-playback svg{width:23px;height:23px}
@keyframes visible-sun-arc{0%{left:-8%;top:68%;opacity:1}10%{left:13%;top:30%;opacity:1}20%{left:34%;top:11%;opacity:1}25%{left:46%;top:8%;opacity:1}30%{left:58%;top:11%;opacity:1}40%{left:80%;top:30%;opacity:1}49%{left:103%;top:68%;opacity:1}50%,100%{left:103%;top:68%;opacity:0}}@keyframes visible-moon-arc{0%,49%{left:-8%;top:68%;opacity:0}50%{left:-8%;top:68%;opacity:1}60%{left:13%;top:30%;opacity:1}70%{left:34%;top:11%;opacity:1}75%{left:46%;top:8%;opacity:1}80%{left:58%;top:11%;opacity:1}90%{left:80%;top:30%;opacity:1}100%{left:103%;top:68%;opacity:1}}
.screen-sun,.screen-moon{width:74px;height:74px}.screen-sun{background:#f0ce7d;box-shadow:0 0 0 7px #f0ce7d12;animation-timing-function:linear}.screen-moon{background:#edf0e8;box-shadow:inset -18px -4px 0 #8092a7;animation-timing-function:linear}.home-projection .projection-landscape{opacity:1!important}.home-projection .projection-landscape i,.home-projection .projection-landscape:after{animation-timing-function:ease-in-out,linear}.screen-paused .projection-screen-copy small{font-size:16px;letter-spacing:3px;top:19%;padding:0 20px;box-sizing:border-box}.screen-playback svg{stroke-linecap:round;stroke-linejoin:round}
@keyframes screen-mountain-color{0%{filter:brightness(.8)}15%,35%{filter:brightness(1.2)}46%{filter:brightness(.8) sepia(.3)}50%,98%{filter:brightness(.16) saturate(.3)}100%{filter:brightness(.8)}}@keyframes screen-day-sky{0%{background:#b39893}15%,35%{background:#86b8ca}46%{background:#bd846d}50%,96%{background:#15233d}99%{background:#27304b}100%{background:#b39893}}@keyframes screen-night-stars{0%,47%,100%{opacity:0}51%,96%{opacity:.8}}
@keyframes visible-sun-arc{0%{left:-9%;top:65%;opacity:1}10%{left:13%;top:22%;opacity:1}20%{left:35%;top:5%;opacity:1}25%{left:46%;top:3%;opacity:1}30%{left:57%;top:5%;opacity:1}40%{left:79%;top:22%;opacity:1}49.9%{left:103%;top:65%;opacity:1}50%,100%{left:103%;top:65%;opacity:0}}@keyframes visible-moon-arc{0%,49.9%{left:-9%;top:65%;opacity:0}50%{left:-9%;top:65%;opacity:1}60%{left:13%;top:22%;opacity:1}70%{left:35%;top:5%;opacity:1}75%{left:46%;top:3%;opacity:1}80%{left:57%;top:5%;opacity:1}90%{left:79%;top:22%;opacity:1}100%{left:103%;top:65%;opacity:1}}
.screen-paused .projection-landscape{filter:brightness(.38);transition:filter .35s}.projection-screen:not(.screen-paused) .projection-landscape{filter:brightness(1);transition:filter .35s}.screen-paused .screen-next{display:none!important}.screen-paused .projection-screen-copy small{font-family:var(--display-font);font-size:clamp(22px,3vw,42px);line-height:1.4;letter-spacing:.06em;top:17%;color:#eee8d4}.screen-paused .screen-playback{top:53%}
body[data-dark=true] .screen-sky-cycle{background:#12213a!important;animation-name:none}body[data-dark=true] .screen-sun{display:none}body[data-dark=true] .screen-moon{background:#f0f1df;box-shadow:inset -17px -4px 0 #8a9bb2,0 0 22px #c6d3ec20;animation-name:screen-night-moon;animation-duration:24s}body[data-dark=true] .screen-stars{opacity:.85;animation-name:none}body[data-dark=true] .home-projection .projection-landscape i{animation-name:screen-mountain-travel;filter:brightness(.28) saturate(.5)}body[data-dark=true] .home-projection .projection-landscape:after{animation-name:screen-foreground-travel;filter:brightness(.2) saturate(.4)}
@keyframes screen-night-moon{0%{left:-9%;top:65%;opacity:1}20%{left:13%;top:22%;opacity:1}40%{left:35%;top:5%;opacity:1}50%{left:46%;top:3%;opacity:1}60%{left:57%;top:5%;opacity:1}80%{left:79%;top:22%;opacity:1}100%{left:103%;top:65%;opacity:1}}
.projector-sound-hub{position:absolute;left:34px;top:34px;width:38px;height:38px;padding:7px;border-radius:50%;z-index:6;display:grid;place-items:center;background:var(--control-accent);color:var(--bg);border:2px solid color-mix(in srgb,var(--control-accent) 65%,var(--bg));box-shadow:0 1px 4px #0004;cursor:pointer}.projector-sound-hub svg{width:21px;height:21px;pointer-events:none}.projector-sound-hub[aria-pressed=false]{background:var(--soft);color:var(--muted)}.projector-sound-hub:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.projector-next-hub{position:absolute;left:149px;top:43px;width:38px;height:38px;padding:7px;border-radius:50%;z-index:6;display:grid;place-items:center;background:var(--control-accent);color:var(--bg);border:2px solid color-mix(in srgb,var(--control-accent) 65%,var(--bg));box-shadow:0 1px 4px #0004;cursor:pointer}.projector-next-hub svg{width:21px;height:21px;pointer-events:none}.projector-next-hub:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
/* Playback overlay is only visible when paused, never on hover. */
.projection-screen:not(.screen-paused) .screen-playback,.projection-screen:not(.screen-paused):hover .screen-playback{display:none!important;opacity:0;pointer-events:none;transition:none}.screen-paused .screen-playback{display:grid;transition:none}
.home-projection .projection-screen{margin-left:auto;margin-right:auto}.home-projection .projector-machine{left:-58px;filter:drop-shadow(0 10px 15px #0002)}.home-projection .projector-body{background:linear-gradient(135deg,color-mix(in srgb,var(--control-accent) 60%,#e8e9df),color-mix(in srgb,var(--control-accent) 85%,#bcc5bc));border-color:#ffffff55}.home-projection .projector-reel{background:color-mix(in srgb,var(--control-accent) 20%,#c4cac2);box-shadow:inset 0 0 0 2px #ffffff55}.home-projection .projector-grille{opacity:.55}.home-projection .projector-body>b{color:#26332d}.home-projection .projection-footer{padding-left:8%}@media(max-width:760px){.home-projection .projector-machine{left:-24px}.home-projection .projection-footer{padding-left:90px}}
.film-space-object{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:120px;text-align:center}.film-space-reel{position:relative;display:block;width:80px;height:80px}.film-space-reel .projector-reel{transform:scale(.7);transform-origin:top left;left:3px;top:3px;animation:none;background:color-mix(in srgb,var(--control-accent) 25%,var(--surface))}.film-space-object>small{display:block;width:100%;margin:0!important;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.space-option:hover .film-space-reel{transform:rotate(24deg)}.film-space-reel{transition:transform .4s}body[data-theme=projection] .space-option,body[data-theme=wallfilm] .space-option{display:flex!important;align-items:center;justify-content:center;flex-direction:column;padding:12px!important}
.home-wallfilm .projection-stage{position:fixed;inset:0;width:100%;margin:0}.home-wallfilm .projection-set{position:absolute;inset:0;margin:0;height:100%;width:100%}.home-wallfilm .projection-screen{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;box-shadow:none}.home-wallfilm .projection-screen-copy{padding:12vh 14vw 26vh}.home-wallfilm .projection-screen-copy h1{font-size:clamp(40px,5vw,82px)}.home-wallfilm .projection-screen-copy time{font-size:clamp(60px,7vw,110px)}.home-wallfilm .projector-machine{left:calc(50% - 66px);bottom:145px;transform:scale(.6);transform-origin:left bottom;z-index:9}.home-wallfilm .projector-beam{left:25%!important;top:17%!important;right:auto!important;width:50%!important;height:65%!important;clip-path:polygon(0 0,100% 0,50% 100%)!important;z-index:3;background:linear-gradient(0deg,#f0dfaa28,transparent)!important}.home-wallfilm .projection-caption{position:absolute;top:105px;left:6%;right:6%;z-index:5;pointer-events:none}.home-wallfilm .projection-footer{position:absolute;left:6%;bottom:35px;padding:0;z-index:5;color:#eee8d4}.home-wallfilm .screen-next{right:5%}.home-wallfilm .screen-paused .projection-screen-copy time{bottom:32%}.home-wallfilm .screen-paused .projection-screen-copy small{top:27%}.home-wallfilm .screen-paused .screen-playback{top:45%}body[data-theme=wallfilm] header{position:relative;z-index:20}body[data-theme=wallfilm] .dock{z-index:25}body[data-theme=wallfilm] .utility-search,body[data-theme=wallfilm] .scroll-invitation{z-index:12}
.screen-next{background:transparent!important;opacity:.35;color:#eee8d4}.screen-next:hover{opacity:.8;background:#17212c18!important}.film-space-object{box-sizing:border-box;align-items:center!important;text-align:center!important;margin:0 auto!important}.film-space-object .film-space-reel{position:relative;width:80px;height:80px;display:block;margin:0 auto!important;flex:none}.film-space-reel .projector-reel{box-sizing:content-box;width:92px;height:92px;left:3px!important;top:3px!important;margin:0!important}.film-space-object>small{box-sizing:border-box;display:block!important;width:100%!important;text-align:center!important;padding:0!important;margin:0!important;transform:none!important;align-self:center!important}body[data-theme=projection] .space-option,body[data-theme=wallfilm] .space-option{gap:0!important;text-align:center!important}
.membership-dialog{--ink:inherit;--muted:inherit;--accent:inherit;--bg:inherit;--surface:inherit;--soft:color-mix(in srgb,var(--accent) 15%,var(--surface));--line:color-mix(in srgb,var(--accent) 23%,var(--surface));background:var(--bg);color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',sans-serif;width:min(940px,92vw);max-height:90svh;padding:32px 42px;border-radius:22px;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.membership-dialog .dialog-done{display:none!important}.member-heading{position:static!important;display:flex;justify-content:space-between;align-items:center;padding:0!important;height:auto!important;background:none!important;font:9px monospace;letter-spacing:3px;color:#7f866f}.member-heading button{width:32px;height:32px;font-size:25px;border-radius:50%;background:#e9ebdf;color:#58614b}.membership-dialog h2{font-family:Georgia,'SimSun',serif;font-size:34px;font-weight:400;margin:22px 0 12px}.member-sub{font-size:13px;color:#818676}.member-status{display:flex;justify-content:space-between;gap:15px;margin:26px 0;font-size:12px;color:#6e765e}.member-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.member-plans>button{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border-radius:14px;background:#eceee5;color:#35402e;border:1px solid transparent;text-align:left}.member-plans>button[aria-pressed=true]{border-color:#85916c;background:#e4e8d9}.member-plans small{font:8px monospace;letter-spacing:2px}.member-plans h3{font-size:17px;font-weight:400;margin:20px 0}.member-plans strong{font:45px Georgia,serif}.member-plans em{font:12px sans-serif;margin-left:7px}.member-plans span{font-size:12px;color:#788064;margin-top:10px}.member-plans b{font-size:11px;font-weight:400;margin-top:24px}.member-comparison{margin:30px 0}.membership-dialog h3{font-size:15px;font-weight:500}.member-comparison table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.member-comparison th{font-weight:400;color:#858b7b;padding:14px 8px}.member-comparison td{padding:14px 8px;border-top:1px solid #e0e3d8;line-height:1.7}.member-comparison td:last-child{color:#596546}.member-policy{font-size:11px;line-height:1.9;color:#858978}.member-invite{display:flex;width:100%;justify-content:space-between;align-items:center;background:#edeee5;border-radius:12px;padding:20px;text-align:left;color:#555f49;margin:24px 0}.member-invite b{font-weight:400;font-size:14px}.member-invite small{display:block;font-size:11px;margin-top:8px}.member-invite>span:last-child{font-size:11px}.member-checkout{position:sticky;bottom:-32px;background:#f6f5ef;display:flex;align-items:center;justify-content:space-between;padding:20px 0;margin-top:20px;font-size:12px;border-top:1px solid #dce0d1}.member-checkout small{display:block;color:#929787;font-size:10px;margin-top:6px}.member-primary{border:0;border-radius:9px;background:#667153!important;color:#fff!important;padding:13px 30px;font-size:12px}.member-primary:disabled{opacity:.45;cursor:not-allowed}#member-gate{width:min(540px,90vw)}.member-benefits{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:30px 0 15px}.member-benefits article{flex:0 0 100%;scroll-snap-align:start;box-sizing:border-box;padding:20px;background:#eceee4;border-radius:14px}.member-benefits h3{font-size:26px;font-family:'SimSun',serif;margin:24px 0 10px}.member-benefits p{font-size:12px;color:#858a79}.member-feature-number{font:9px monospace;color:#8e957e}.member-limit{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;gap:20px;font-size:10px;color:#858a79}.member-limit b{display:block;font-size:13px;color:#5d6850;margin-top:10px;font-weight:400}.member-carousel-nav{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8b907f;margin:10px 0 24px}.member-carousel-nav button{font-size:20px;color:#677052}#member-gate>.member-primary{width:100%}.member-invite-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 0;margin:20px 0;background:#eceee4;border-radius:14px;text-align:center;font-size:11px;color:#828976}.member-invite-stats strong{display:block;font:30px Georgia,serif;color:#606c4f;margin-bottom:10px}.member-invite-rules p{font-size:12px;line-height:1.9;color:#838977}.member-empty{padding:35px;text-align:center;background:#eeefe7;border-radius:12px;color:#858a79;font-size:13px;line-height:2}.member-empty small{font-size:11px}.member-order-summary{padding:25px;background:#e9eddf;border-radius:12px;margin:25px 0}.member-order-summary p{font-size:12px;color:#848c75}.member-order-summary strong{font-size:22px;font-weight:400}.member-payments{display:flex;gap:16px}.member-payments button{flex:1;padding:22px;background:#eceee5;border-radius:10px;color:#707961}.member-payments small{display:block;font-size:10px;margin-top:8px}.profile-membership{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px;background:var(--soft);border-radius:10px;color:var(--ink);margin:15px 0}.profile-membership small{font-size:10px;color:var(--muted)}.membership-badge{font-size:12px;color:#a39368;margin-left:5px}@media(max-width:650px){.membership-dialog{padding:22px}.member-plans{gap:8px}.member-plans>button{padding:13px}.membership-dialog h2{font-size:26px}.member-status{flex-direction:column}.member-comparison{overflow:auto}.member-checkout{bottom:-22px}.member-comparison table{min-width:430px}}
.account-menu-wrap{position:relative;display:flex;align-items:center}.account-menu{position:absolute;right:0;top:100%;padding:8px;margin-top:10px;width:170px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 30px #0002;display:none;z-index:90}.account-menu:before{content:'';position:absolute;left:0;right:0;top:-14px;height:15px}.account-menu-wrap:hover .account-menu,.account-menu-wrap:focus-within .account-menu{display:block}.account-menu button{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border-radius:8px;font-size:12px;color:var(--ink);text-align:left}.account-menu button:hover{background:var(--soft)}.account-menu svg{width:17px;height:17px}.account-menu [data-account-signout]{border-top:1px solid var(--line);margin-top:5px;border-radius:0 0 8px 8px;color:var(--muted)}
#member-center.membership-page{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;padding:35px max(5vw,calc((100vw - 1050px)/2));box-sizing:border-box}#member-center .member-heading{margin-bottom:52px}#member-center .member-heading button{width:auto;padding:8px 14px;font-size:12px}#member-center h2{font-size:clamp(32px,4vw,54px)}.membership-page-kicker{font:9px monospace;letter-spacing:3px;color:#838c74;margin-bottom:24px}#member-center .member-plans{margin:34px 0}#member-center .member-plans>button{padding:30px;min-height:240px}#member-center .member-checkout{bottom:-35px}.membership-page::backdrop{background:var(--bg)}
body[data-dark=true] .membership-dialog{background:var(--bg);color:var(--ink);--bg:inherit;--surface:inherit;--soft:color-mix(in srgb,var(--accent) 15%,var(--surface));--ink:inherit;--muted:inherit;--line:color-mix(in srgb,var(--accent) 23%,var(--surface))}body[data-dark=true] .membership-dialog :is(.member-plans>button,.member-benefits article,.member-invite,.member-invite-stats,.member-empty,.member-payments button){background:#283129;color:#d5dec8}body[data-dark=true] .member-plans>button[aria-pressed=true]{background:#35412f;border-color:#8a9a70}body[data-dark=true] .member-checkout{background:#1c231f;border-color:#3c4739}body[data-dark=true] .member-comparison td{border-color:#354132}body[data-dark=true] .member-comparison td:last-child,body[data-dark=true] .member-limit b{color:#becda6}body[data-dark=true] .membership-dialog :is(.member-sub,.member-policy,.member-status,.member-plans span,.member-invite-rules p){color:#a4ad98}body[data-dark=true] .member-order-summary{background:#2b3729}body[data-dark=true] .member-heading button{background:#333e31;color:#dde5d2}@media(max-width:650px){#member-center.membership-page{padding:24px 18px}#member-center .member-plans>button{padding:15px;min-height:210px}#member-center .member-checkout{bottom:-24px}}
.menu-identity{display:flex;align-items:center;gap:12px;padding:13px 9px 17px;border-bottom:1px solid var(--line);margin-bottom:6px}.menu-avatar{position:relative;width:40px;height:40px;flex:none}.menu-avatar>svg{width:40px;height:40px}.menu-avatar i{position:absolute;right:-4px;bottom:-2px;font-style:normal;font-size:12px;background:#b3a174;color:#fff;border-radius:50%;width:16px;height:16px;text-align:center}.menu-identity b{font-size:13px;display:block;font-weight:500}.menu-identity small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.account-menu{width:205px}.account-menu .menu-orders{font-size:11px;color:var(--muted)}#member-center .member-heading button{flex:none;width:72px;height:32px;padding:4px;font-size:12px}#member-center .member-plans{grid-template-columns:repeat(4,minmax(0,1fr))}#member-center .member-plans>button{padding:22px}.member-plans del{font-size:12px;margin:8px 0 0;color:#919780}.price-placeholder{visibility:hidden}.member-plans span{line-height:1.8}.member-purchase-options{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.member-payments button[aria-pressed=true]{outline:1px solid #8c9972;background:#e2e8d7}.comparison-section th{padding-top:26px!important;color:#7d876b;text-align:left;border-bottom:1px solid #dce0d4}.member-comparison tbody th{text-align:left;font-size:12px;font-weight:400;padding:14px 8px;border-top:1px solid #e0e3d8}.member-comparison .benefit-check{color:#6b8559!important;font-size:16px}.member-checkout>strong{margin-left:auto;margin-right:24px;font-size:25px;font-weight:400}.invite-reward-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.invite-reward-cards article{padding:22px;background:var(--soft);border-radius:12px}.invite-reward-cards small{font-size:12px;color:var(--muted)}.invite-reward-cards strong{display:block;font:36px Georgia;margin-top:15px}.invite-reward-cards em{font:12px sans-serif;margin-left:8px}.invite-tabs{display:flex;gap:24px;margin:30px 0 20px;border-bottom:1px solid var(--line)}.invite-tabs button{font-size:13px;padding:12px 0;color:var(--muted)}.invite-tabs button[aria-pressed=true]{color:var(--ink);border-bottom:2px solid #8b9a70}.member-empty small{display:block}body[data-dark=true] .member-comparison tbody th{border-color:#354132}body[data-dark=true] .member-payments button[aria-pressed=true]{background:#3a4932}@media(max-width:760px){#member-center .member-plans{grid-template-columns:repeat(2,1fr)}.member-purchase-options{grid-template-columns:1fr}.member-checkout>strong{margin-right:12px;font-size:20px}}
#member-center.member-aligned{padding:28px max(30px,calc((100vw - 1420px)/2))}#member-center.member-aligned .member-heading{margin-bottom:34px}#member-center.member-aligned .member-heading button{background:transparent;width:30px;height:30px;font-size:26px;color:var(--muted)}.member-title-invite{position:absolute;right:max(30px,calc((100vw - 1420px)/2));top:105px;width:230px!important;gap:12px;margin:0;padding:17px}.member-title-invite>svg{width:25px;height:25px;flex:none}#member-center.member-aligned h2{padding-right:260px;font-size:38px}#member-center.member-aligned .member-plans{display:grid;grid-template-columns:270px repeat(5,minmax(0,1fr));gap:0;margin-bottom:0}#member-center.member-aligned .member-plans>button{border-radius:12px 12px 0 0;padding:22px 14px;min-height:240px;margin:0 3px}#member-center.member-aligned .member-plans h3{font-size:15px}#member-center.member-aligned .member-plans strong{font-size:37px}.plan-label{display:flex;justify-content:center;flex-direction:column;font-size:17px}.plan-label small{margin-top:10px;font-size:11px;color:var(--muted)}.member-aligned .member-comparison{margin-top:0}.member-aligned .member-comparison>h3,.member-aligned .member-comparison>p{display:none}.member-aligned .member-comparison>.member-expiry-policy{display:block;margin:18px 6px 0}.member-aligned .member-comparison table{table-layout:fixed}.member-aligned .member-comparison th:first-child{width:270px;box-sizing:border-box}.member-aligned .member-comparison thead{display:none}.member-aligned .member-comparison tbody th{display:flex;align-items:center;gap:12px;min-height:60px;font-size:11px}.benefit-category{display:flex;align-items:center;gap:7px;width:99px;flex:none;font-size:12px}.benefit-category b{font-weight:500}.benefit-category svg{width:16px;height:16px}.member-aligned .member-comparison td{text-align:center;font-size:13px}.member-aligned .selected-entitlement{background:#e8eddd}body[data-dark=true] .member-aligned .selected-entitlement{background:#303d2b}.member-aligned .member-checkout{bottom:-28px;flex-wrap:wrap;gap:14px;padding:18px 0}.checkout-choice{display:flex;align-items:center;gap:10px}.checkout-choice b{font-size:13px}.checkout-choice span{font-size:17px}.checkout-choice del{font-size:12px;color:var(--muted)}.checkout-methods{display:flex;gap:8px;margin-left:auto}.checkout-methods button{display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:8px;background:var(--soft);color:var(--ink);font-size:12px}.checkout-methods svg{width:20px;height:20px}.checkout-methods [aria-pressed=true]{outline:1px solid #899872}.checkout-legal{display:flex;align-items:center;gap:4px;font-size:10px;flex-basis:calc(100% - 180px);order:3;color:var(--muted)}.checkout-legal label{display:flex;align-items:center;gap:5px}.checkout-legal button{font-size:10px;text-decoration:underline;color:var(--ink)}.member-aligned .member-checkout>.member-primary{order:4;margin-left:auto}@media(max-width:1100px){.member-aligned .member-plans,.member-aligned .member-comparison{min-width:1050px}#member-center.member-aligned{overflow:auto}.member-title-invite{position:static;width:100%!important;margin:20px 0}.member-aligned .member-checkout{min-width:700px}#member-center.member-aligned h2{padding-right:0}}
#member-center.member-polished{--ink:inherit;--muted:inherit;--surface:inherit;--soft:color-mix(in srgb,var(--accent) 15%,var(--surface));--line:color-mix(in srgb,var(--accent) 23%,var(--surface));background:var(--surface);color:var(--ink)}body[data-dark=true] #member-center.member-polished{--ink:inherit;--muted:inherit;--surface:inherit;--soft:color-mix(in srgb,var(--accent) 15%,var(--surface));--line:color-mix(in srgb,var(--accent) 23%,var(--surface));background:var(--surface)}#member-center.member-polished .member-plans>button{background:var(--soft);color:var(--ink);margin:0;border:0}#member-center.member-polished .member-plans>button[aria-pressed=true]{background:#e7defb;box-shadow:inset 0 3px #9473d4;color:#4d357c}body[data-dark=true] #member-center.member-polished .member-plans>button[aria-pressed=true]{background:#49365f;color:#fff}#member-center.member-polished .selected-entitlement{background:#f0eafa;color:#4d357c}body[data-dark=true] #member-center.member-polished .selected-entitlement{background:#372b48;color:#e6d8ff}.member-polished .member-comparison table,.member-polished .member-comparison tbody{display:block}.member-polished .member-comparison tr{display:grid;grid-template-columns:270px repeat(5,minmax(0,1fr))}.member-polished .member-comparison thead{display:none}.member-polished .member-comparison tbody{padding-top:14px}.member-polished .member-comparison tbody th,.member-polished .member-comparison td{border:0!important;display:flex;align-items:center;justify-content:center;min-height:54px;box-sizing:border-box}.member-polished .member-comparison tbody th{justify-content:flex-start}.member-polished .member-comparison .benefit-check{color:#9672d6!important;font-size:21px;font-weight:600}.member-polished .member-comparison tbody{border:0}.member-polished .member-plans span,.member-polished .member-plans small,.member-polished .member-status,.member-polished .member-sub{color:var(--muted)!important}.member-polished .member-checkout{background:var(--surface);display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center;min-height:70px;padding:12px 0!important;border-color:var(--line)}#member-center.member-polished .member-checkout{background:#fff}body[data-dark=true] #member-center.member-polished .member-checkout{background:#1b1a20}.member-polished .checkout-legal{grid-column:1;grid-row:1;order:0;white-space:nowrap;flex-wrap:nowrap;font-size:10px;gap:4px}.checkout-legal input{appearance:none;width:18px;height:18px;border:1px solid #a69ab8;border-radius:5px;flex:none;margin:0 5px 0 0}.checkout-legal input:checked{background:#9270cc;border-color:#9270cc}.checkout-legal input:checked:after{content:'✓';display:block;color:#fff;text-align:center;font-size:13px;line-height:16px}.member-polished .checkout-choice{grid-column:2;grid-row:1;flex-wrap:wrap;gap:6px;font-size:12px;max-width:250px}.member-polished .checkout-choice span{font-size:16px}.member-polished .checkout-methods{grid-column:3;grid-row:1;position:relative;margin:0}.member-polished .member-checkout>.member-primary{grid-column:4;grid-row:1;order:0;margin:0;background:#8863c5!important;white-space:nowrap}.checkout-methods svg{fill:currentColor}.payment-choice-menu{position:absolute;bottom:calc(100% + 9px);left:0;right:0;background:var(--surface);padding:5px;border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 22px #0002}.payment-choice-menu[hidden]{display:none}.payment-choice-menu button{width:100%;border-radius:6px;white-space:nowrap}.simulation-note{display:none}.member-polished .member-title-invite{width:315px!important;background:var(--soft);border:0}.member-title-invite>svg{width:35px;height:35px;color:#9878cc}.account-menu .menu-orders{font-size:12px;color:var(--ink)}.payment-result-symbol{font-size:45px;color:#9672d6;margin:30px 0}.demo-cancel{margin-left:20px;color:var(--muted)}@media(max-width:1200px){.member-polished .member-checkout{grid-template-columns:1fr auto auto}.member-polished .checkout-legal{grid-row:2;grid-column:1/4}.member-polished .checkout-choice{grid-column:1}.member-polished .checkout-methods{grid-column:2}.member-polished .member-checkout>.member-primary{grid-column:3}}
.membership-dialog{--accent:inherit;--soft:color-mix(in srgb,var(--accent) 15%,var(--surface));--line:color-mix(in srgb,var(--accent) 23%,var(--surface));background:var(--bg);color:var(--ink)}.membership-dialog .member-primary{background:var(--member-accent)!important}.membership-dialog :is(.member-benefits article,.member-invite-stats,.member-empty,.member-invite,.member-order-summary,.member-payments button){background:#f0edf5;color:#51465f}.membership-dialog :is(.member-heading,.member-limit b,.member-carousel-nav button,.member-invite-stats strong){color:var(--member-accent)}body[data-dark=true] .membership-dialog{background:var(--bg);--soft:color-mix(in srgb,var(--accent) 15%,var(--surface));--line:color-mix(in srgb,var(--accent) 23%,var(--surface));color:var(--ink)}body[data-dark=true] .membership-dialog :is(.member-benefits article,.member-invite-stats,.member-empty,.member-invite,.member-order-summary,.member-payments button){background:#2c2635;color:#e3d8ef}#member-center.member-polished .member-plans>button{margin:0 7px;text-align:center;align-items:center}#member-center .member-plans button>b{display:none}.member-polished .member-comparison tbody tr:nth-child(even){background:#85808f06}body[data-dark=true] .member-polished .member-comparison tbody tr:nth-child(even){background:#ffffff05}.member-polished .member-comparison tbody{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.member-polished .benefit-category{border-left:2px solid var(--member-accent);padding-left:8px;box-sizing:border-box}.member-polished .member-comparison tr:hover{background:#9874c60c}.checkout-legal,.checkout-legal button,.checkout-legal label{font-size:11px!important;line-height:20px!important}.checkout-legal label{align-items:center}.checkout-legal input{vertical-align:middle}.membership-badge{display:inline-flex;vertical-align:middle;align-items:center}.membership-badge svg{width:15px;height:15px}.menu-avatar i svg{width:13px;height:13px}.menu-avatar i{display:grid;place-items:center;background:var(--member-accent)}#member-gate{width:min(630px,90vw)}#member-gate h2{font-size:32px;margin:30px 0 16px}.member-benefit-art{height:165px;background:linear-gradient(135deg,#e4ddec,#f7f5fa);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.member-benefit-art>svg{width:35px;height:35px;color:var(--member-accent)}.member-benefit-art>span{font:10px monospace;letter-spacing:4px;color:var(--member-accent)}.member-benefit-art>div{display:flex;gap:9px}.member-benefit-art i{width:44px;height:25px;border-radius:4px;background:#b9a6d259}.member-carousel-nav button{width:38px;height:38px;border-radius:50%;background:#a88ccc24;font-size:24px}.member-benefits article{padding:22px}.member-benefits article h3{margin-top:20px}.order-detail-drawer{position:fixed;inset:14px 14px 14px auto;width:min(460px,94vw);height:calc(100dvh - 28px);max-height:none;margin:0;padding:28px}.order-detail-drawer dl>div{padding:18px 0;border-bottom:1px solid var(--line)}.order-detail-drawer dt{font-size:11px;color:var(--muted);margin-bottom:8px}.order-detail-drawer dd{font-size:13px;margin:0;overflow-wrap:anywhere}.member-order-row{width:100%;display:flex;justify-content:space-between;text-align:left;padding:18px;background:transparent;color:inherit;border-bottom:1px solid var(--line)}.member-order-row small{font-size:10px;color:var(--muted);display:block}.member-order-row>span:last-child{text-align:right}body[data-dark=true] .member-benefit-art{background:linear-gradient(135deg,#493957,#302737)}
.checkout-legal input{width:13px;height:13px;border-radius:3px;margin-right:3px}.checkout-legal input:checked:after{font-size:10px;line-height:11px}.member-polished .checkout-choice .checkout-price{font-size:27px;font-weight:600;color:var(--member-accent);line-height:1.1}.checkout-choice b{white-space:nowrap}#space-share-dialog{--accent:inherit;--ink:inherit;--muted:inherit;--surface:inherit;--bg:inherit;--soft:inherit;--line:inherit;--selection-contrast:inherit;background:var(--surface);color:var(--ink)}body[data-dark=true] #space-share-dialog{--accent:inherit;--ink:inherit;--muted:inherit;--surface:inherit;--bg:inherit;--soft:inherit;--line:inherit;--selection-contrast:inherit}#space-share-dialog button{color:var(--ink)}#space-share-dialog .primary{background:var(--accent);color:var(--selection-contrast)}
.account-menu-wrap.menu-pinned .account-menu{display:block}.menu-identity{flex-wrap:wrap}.menu-membership-expiry{flex-basis:100%;padding-top:7px}.menu-membership-expiry>span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--member-accent)}.menu-membership-expiry svg{width:15px;height:15px}.menu-membership-expiry>small{margin-top:6px;font-size:10px;color:var(--muted)}
#member-center .checkout-legal input[type=checkbox]{appearance:none!important;box-sizing:border-box!important;width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;max-width:12px!important;max-height:12px!important;flex:0 0 12px!important;padding:0!important;margin:0 5px 0 0!important;border-radius:3px;align-self:center;line-height:10px!important}#member-center .checkout-legal input[type=checkbox]:checked:after{font-size:9px!important;line-height:10px!important}#member-center .checkout-legal label{display:inline-flex;align-items:center;gap:0;margin:0;padding:0;line-height:16px!important}#member-center .checkout-legal{align-items:center}#member-center .plan-label{padding:24px 20px 24px 0;box-sizing:border-box;gap:12px}#member-center .plan-label strong{font-size:32px;font-weight:400;letter-spacing:2px;color:var(--ink)}#member-center .plan-label small{font-size:14px;margin:0;line-height:1.8;color:var(--muted)}#member-center .member-heading{color:var(--ink)!important;gap:12px}#member-center .member-heading>span{color:var(--ink)!important;margin-right:auto}#member-center .member-heading .member-mode-toggle{display:grid;place-items:center;width:30px;height:30px;padding:5px;background:transparent;color:var(--ink)}.member-mode-toggle svg{width:19px;height:19px}
#member-center [data-free-plan]:disabled{cursor:default;opacity:1}.agreement-required-shake{animation:agreement-required-shake .4s ease-in-out}#agreement-required-dialog{width:min(430px,90vw)}#agreement-required-dialog .member-sub{line-height:1.9}#agreement-required-dialog>.member-primary{width:100%;margin-top:16px}@keyframes agreement-required-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@media(prefers-reduced-motion:reduce){.agreement-required-shake{animation:none;outline:1px solid var(--member-accent)}}
#member-invite-dialog.invite-monochrome{--ink:inherit;--muted:inherit;--soft:color-mix(in srgb,var(--accent) 15%,var(--surface));--line:color-mix(in srgb,var(--accent) 23%,var(--surface));--accent:inherit;--member-accent:inherit;background:var(--surface);color:var(--ink);width:min(780px,92vw)}body[data-dark=true] #member-invite-dialog.invite-monochrome{--ink:inherit;--muted:inherit;--soft:color-mix(in srgb,var(--accent) 15%,var(--surface));--line:color-mix(in srgb,var(--accent) 23%,var(--surface));--accent:inherit;--member-accent:inherit;background:var(--surface);color:var(--ink)}#member-invite-dialog.invite-monochrome .member-heading,#member-invite-dialog.invite-monochrome h3,#member-invite-dialog.invite-monochrome strong{color:var(--ink)}#member-invite-dialog.invite-monochrome .member-heading button{background:var(--soft);color:var(--ink)}#member-invite-dialog.invite-monochrome .member-sub{color:var(--muted)}#member-invite-dialog.invite-monochrome .invite-reward-cards article{background:var(--soft)}#member-invite-dialog.invite-monochrome>.member-primary{background:var(--ink)!important;color:var(--surface)!important;width:100%;margin-top:22px}#member-invite-dialog.invite-monochrome{--surface:#fff}body[data-dark=true] #member-invite-dialog.invite-monochrome{--surface:#1e1e1e}.invitation-rules-block{margin-top:25px}.invitation-rules-block h3,.invitation-records-block h3{display:flex;align-items:center;gap:10px;font-size:15px}.invitation-rules-block h3>small,.invitation-records-block h3>small{font:10px monospace;color:var(--muted)}.invite-rule-summary{font-size:11px;line-height:1.9;color:var(--muted);margin-bottom:26px}.invitation-records-block{border-top:1px solid var(--line);padding-top:17px}.invitation-records-block h3>span{margin-left:auto;font-size:10px;color:var(--muted)}.invite-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.invite-summary-grid article{background:var(--soft);border-radius:10px;padding:17px}.invite-summary-grid small,.invite-summary-grid article>span{display:block;font-size:11px;color:var(--muted)}.invite-summary-grid strong{display:block;font:30px Georgia,serif;margin:10px 0}.invite-summary-grid em{font:11px sans-serif;margin-left:7px}.invite-record-head,.invite-record-row{display:grid;grid-template-columns:1.4fr 1fr 1fr .6fr;gap:12px;align-items:center;padding:13px 10px;font-size:12px}.invite-record-head{font-size:10px;color:var(--muted)}.invite-record-row{border-top:1px solid var(--line)}.invite-record-row b,.invite-record-row strong{font-weight:400}.invite-record-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.invite-record-row>strong,.invite-record-head>span:last-child{text-align:right}
#agreement-required-dialog .agreement-inline-link{display:inline;padding:0;background:transparent;color:var(--ink);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#member-center .member-heading{display:flex!important;align-items:center!important;min-height:32px;line-height:1;margin-top:0;padding:0!important}#member-center .member-heading>span{display:flex;align-items:center;min-height:32px;line-height:1}#member-center .member-heading>button{display:grid!important;place-items:center!important;box-sizing:border-box;width:32px!important;height:32px!important;min-height:32px;padding:0!important;margin:0!important;line-height:1!important;align-self:center}.member-polished .benefit-category{width:126px;flex:0 0 126px;gap:6px}.member-polished .benefit-category b{white-space:nowrap;font-size:12px}.member-polished .benefit-category svg{flex:none}#member-center.member-polished .member-plans>button{display:grid;grid-template-rows:20px 44px 54px 24px minmax(52px,1fr);align-content:start;justify-items:center;align-items:center;row-gap:7px;padding:22px 12px}#member-center.member-polished .member-plans>button>small{grid-row:1;font-size:11px;letter-spacing:1px}#member-center.member-polished .member-plans>button>h3{grid-row:2;font-size:17px;margin:0}#member-center.member-polished .member-plans>button>strong{grid-row:3;margin:0}#member-center.member-polished .member-plans>button>del{grid-row:4;font-size:12px;margin:0}#member-center.member-polished .member-plans>button>span{grid-row:5;align-self:start;font-size:13px;line-height:1.7;margin:0;max-width:100%;color:#67616f!important}body[data-dark=true] #member-center.member-polished .member-plans>button>span,body[data-dark=true] #member-center.member-polished .member-plans>button>small{color:#d1cbd9!important}
/* Agreement review and explicit consent. */
#agreement-required-dialog .member-heading{display:flex;align-items:center;justify-content:space-between}
#agreement-required-dialog [data-member-close]{display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;line-height:1;flex:0 0 32px}
#agreement-required-dialog [data-member-close] svg{display:block}
#agreement-required-dialog .member-sub{display:grid;gap:12px;margin:22px 0}
#agreement-required-dialog .agreement-inline-link{text-align:left;line-height:1.7}
#agreement-required-dialog>.member-primary{background:#29282d!important;color:#fff!important}
body[data-dark="true"] #agreement-required-dialog>.member-primary{background:#eeedf0!important;color:#242328!important}
#member-gate.grouped-member-gate{width:min(680px,94vw)}
.grouped-member-gate .gate-carousel{position:relative;margin-top:24px}
.grouped-member-gate .member-benefits{margin:0;overscroll-behavior:contain}
.grouped-member-gate .member-benefits article{padding:24px 48px}
.grouped-member-gate .gate-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:42px;padding:0;border-radius:12px;background:var(--surface);color:var(--ink);font:30px/1 sans-serif;box-shadow:0 2px 10px #0000000a}
.grouped-member-gate .gate-prev{left:7px}.grouped-member-gate .gate-next{right:7px}.grouped-member-gate .gate-arrow:disabled{opacity:.25;cursor:default}
.grouped-member-gate .gate-feature-preview{height:212px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;border-radius:10px;background:color-mix(in srgb,var(--member-accent) 9%,transparent)}
.grouped-member-gate .gate-feature-preview>svg{width:76px;height:76px;color:var(--member-accent)}
.grouped-member-gate .gate-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.gate-tags span{font-size:11px;padding:7px 9px;border-radius:6px;background:var(--surface);color:var(--ink)}
.grouped-member-gate .gate-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;padding:12px;width:100%;box-sizing:border-box}.gate-theme-grid svg{width:100%;display:block;border-radius:5px}.gate-theme-grid span{display:block;text-align:center;font-size:10px;margin-top:5px}
.grouped-member-gate .member-benefits h3{font-size:25px;margin:20px 0 10px}.grouped-member-gate .member-benefits p{line-height:1.8;min-height:44px;color:var(--muted)}.gate-feature-detail{font-size:13px;line-height:1.8;min-height:48px;color:var(--ink)}.gate-position{text-align:center;margin:15px 0 20px;font-size:11px;color:var(--muted)}
.gate-style-grid{display:flex;align-items:center;justify-content:center;gap:18px;width:100%}.gate-style-grid>div{display:flex;flex-direction:column;align-items:center;gap:18px;font-size:12px}.gate-style-grid i{display:block;width:80px;height:80px;box-sizing:border-box}.gate-record{border-radius:50%;background:repeating-radial-gradient(circle,#37333d 0 3px,#514857 4px 5px);position:relative}.gate-record:after{content:'';position:absolute;inset:27px;border-radius:50%;background:var(--member-accent)}.gate-note{background:#e8dcc3;color:#605644;padding:27px 7px;font:12px serif;transform:rotate(-5deg);border-radius:2px 2px 12px 2px}.gate-simple{border-radius:10px;background:var(--surface);padding:13px}.gate-simple b{display:block;width:22px;height:22px;background:var(--member-accent);border-radius:50%;margin-bottom:8px}.gate-simple em{display:block;height:4px;border-radius:2px;background:var(--muted);margin-top:5px;opacity:.4}
@media(max-width:520px){.grouped-member-gate .member-benefits article{padding:18px 36px}.gate-style-grid{gap:8px}.gate-style-grid i{width:62px;height:62px}.gate-record:after{inset:20px}.gate-note{padding:22px 3px;font-size:10px}.grouped-member-gate .gate-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.grouped-member-gate .gate-feature-preview{height:230px}}
#member-gate.grouped-member-gate .gate-arrow{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:50%;box-sizing:border-box}
#member-gate.grouped-member-gate .member-benefits article{background:color-mix(in srgb,var(--member-accent) 10%,var(--surface));color:var(--ink)}
#member-gate.grouped-member-gate{font-family:var(--font)}
#member-gate.grouped-member-gate .member-benefits h3{font-family:var(--display-font,var(--font))}
#member-gate.grouped-member-gate .gate-note{background:color-mix(in srgb,var(--member-accent) 18%,var(--surface));color:var(--ink)}
#member-gate .gate-theme-grid{max-height:100%;overflow-y:auto;overscroll-behavior:contain}
#member-gate .gate-demo-window{padding:14px;min-width:0;box-sizing:border-box;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:12px;box-shadow:0 8px 20px #00000008}
#member-gate .gate-demo-window>b{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;margin-bottom:13px;white-space:nowrap}
#member-gate .gate-demo-window>b>svg{width:18px;height:18px;flex-shrink:0;color:var(--accent)}
#member-gate .gate-demo-link{display:flex;align-items:center;gap:7px;padding:9px 7px;margin-top:6px;border-radius:7px;background:color-mix(in srgb,var(--accent) 7%,transparent);font-size:10px;white-space:nowrap}
#member-gate .gate-demo-link i{width:15px;height:15px;flex-shrink:0;background:color-mix(in srgb,var(--accent) 22%,transparent);border-radius:4px}
#member-gate .gate-demo-link em{margin-left:auto;width:5px;height:5px;border-top:1px solid var(--muted);border-right:1px solid var(--muted);transform:rotate(45deg)}
#member-gate .gate-space-preview{display:flex;align-items:center;justify-content:center;width:94%}
#member-gate .gate-space-preview .gate-demo-window{width:38%;position:relative}
#member-gate .gate-space-preview .gate-demo-window:first-child{transform:rotate(-6deg) translateX(16px);z-index:1}
#member-gate .gate-space-preview .gate-demo-window:nth-child(2){transform:translateY(-8px);z-index:2}
#member-gate .gate-space-preview .gate-demo-window:last-child{transform:rotate(6deg) translateX(-16px);z-index:1}
#member-gate .gate-demo-board{width:80%;max-width:310px}
#member-gate .gate-demo-tabs{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:0 0 12px;border-bottom:1px solid color-mix(in srgb,var(--accent) 12%,transparent)}
#member-gate .gate-demo-tabs b{color:var(--accent);font-weight:500}
#member-gate .gate-demo-tabs span{color:var(--muted)}
#member-gate .gate-demo-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:94%}
#member-gate .gate-demo-groups .gate-demo-window{padding:12px 8px}
#member-gate .gate-demo-groups .gate-demo-window>b{font-size:11px;gap:5px}
#member-gate .gate-demo-groups .gate-demo-link{padding:9px 4px;gap:5px}
#member-gate .gate-demo-groups .gate-demo-link em{display:none}
#member-gate .gate-corner-preview .gate-demo-window:first-child{transform:rotate(-5deg)}
#member-gate .gate-corner-preview .gate-demo-window:last-child{transform:rotate(5deg)}
#member-gate .gate-share-link{display:flex;justify-content:space-between;padding:12px;border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:11px;color:var(--muted)}
#member-gate .gate-share-link span{color:var(--accent)}
#member-gate .gate-share-options{display:grid;gap:12px;margin-top:16px;font-size:11px}
#member-gate .gate-share-options>span{display:flex;justify-content:space-between;color:var(--muted)}
#member-gate .gate-share-options b{color:var(--ink);font-weight:500}
#member-gate>[data-member-center]{position:sticky;bottom:0;z-index:3}
.account-menu .menu-membership-copy b{display:flex;align-items:center;gap:6px}
.account-menu .menu-membership-copy b>.membership-badge{margin:0;display:inline-flex}
#member-center .member-current-status{margin-left:auto;margin-right:14px;font:12px/1.5 var(--font);letter-spacing:0;color:var(--muted);text-align:right}
@media(max-width:520px){#member-center .member-current-status{max-width:150px;font-size:11px;margin-right:8px}}
@media(max-width:520px){#member-gate .gate-demo-groups{gap:5px;width:98%}#member-gate .gate-demo-groups .gate-demo-window{padding:10px 5px}#member-gate .gate-demo-groups .gate-demo-window>b{flex-direction:column;gap:6px}#member-gate .gate-demo-groups .gate-demo-link{font-size:9px;justify-content:center}#member-gate .gate-demo-groups .gate-demo-link i{display:none}#member-gate .gate-space-preview .gate-demo-window{padding:10px 7px}#member-gate .gate-space-preview .gate-demo-window>b{font-size:10px;gap:4px}#member-gate .gate-space-preview .gate-demo-link{padding:8px 4px;font-size:9px}#member-gate .gate-space-preview .gate-demo-link i,#member-gate .gate-space-preview .gate-demo-link em{display:none}}
#link-view-settings .more-link-views [data-link-view]{position:relative}
#link-view-settings .more-link-views [data-link-view]>.membership-badge{position:absolute;top:7px;right:7px;margin:0;display:grid;place-items:center;width:18px;height:18px;pointer-events:none}
#link-view-settings .more-link-views [data-link-view]>.membership-badge svg{width:14px;height:14px}
#link-view-settings .more-link-views [data-link-view]>span:not(.membership-badge)>svg{width:24px;height:24px;display:block;margin:auto}
/* Emphasize the membership headline and invitation entry only. */
#member-center>h2{font-weight:600}
#member-center .member-title-invite{background:#70509f!important;color:#fff!important}
#member-center .member-title-invite :is(b,small,span,svg){color:#fff!important}
#member-center .member-title-invite b{font-weight:600}
#member-center .member-title-invite:hover{background:#60418e!important}
body[data-dark=true] #member-center .member-title-invite{background:#7855aa!important}
body[data-dark=true] #member-center .member-title-invite:hover{background:#8662b8!important}
.music-composition .vinyl,.music-composition .vinyl-label{cursor:pointer}
.music-composition .vinyl:focus-visible,.music-composition .vinyl-label:focus-visible{outline:2px solid var(--control-accent,var(--accent));outline-offset:5px}
@media(min-width:1100px){.home-music .music-composition{width:min(88vw,1500px);max-width:none;gap:clamp(60px,7vw,180px)}.home-music .music-info{flex:1;min-width:0}.home-music .record-sleeve{zoom:clamp(1,calc(100vw / 1600px),1.4)}.home-music .music-time{font-size:clamp(56px,5vw,100px)}}
@media(min-width:1100px){.home-music .music-composition{display:flex;align-items:center;justify-content:center}.home-music .record-sleeve{flex-shrink:0}.home-music .music-info{flex:1}.home-music .music-info h1{font-size:clamp(38px,3vw,64px)}}
.music-composition .record-sleeve .incoming-record{position:absolute;left:50%;top:50%;margin:0;animation:none!important;pointer-events:none;z-index:2;box-shadow:0 10px 35px #0002}

.music-composition .incoming-record *{pointer-events:none!important}
.music-composition .record-sleeve>.vinyl:not(.incoming-record){z-index:1}
.music-composition .record-stack-layer{position:absolute;left:50%;top:50%;width:365px;height:365px;border-radius:50%;transform:translate(-50%,-50%) translate(calc(var(--layer)*6px),calc(var(--layer)*6px));background:repeating-radial-gradient(circle,#29292a 0 4px,#39393b 5px 6px);border:1px solid #7776;box-shadow:0 3px 6px #0003;z-index:-1;pointer-events:none}
@media(min-width:1600px){.music-composition .record-stack-layer{width:410px;height:410px}}
@media(max-height:800px) and (min-width:761px){.music-composition .record-stack-layer{width:315px;height:315px}}
@media(max-width:760px){.music-composition .record-stack-layer{width:235px;height:235px}}

/* Keep the resting record circular; retain the switching animation. */
.music-composition .record-stack-layer{display:none}
/* Separate fixed lower-disc light from the rotating outgoing reflection. */
.music-composition .vinyl::after{content:'';position:absolute;inset:1px;border-radius:50%;pointer-events:none;background:conic-gradient(from 25deg,transparent 0deg,#ffffff03 35deg,#ffffff32 65deg,#ffffff08 92deg,transparent 130deg,transparent 190deg,#ffffff22 225deg,#ffffff05 253deg,transparent 290deg);z-index:0;mix-blend-mode:screen}
.music-composition .vinyl>.vinyl-label{z-index:1}
.music-composition .vinyl.record-switching{animation-play-state:paused!important}
.music-composition .incoming-record::after{animation:outgoing-record-light 2.2s ease-in-out both}
@keyframes outgoing-record-light{from{transform:rotate(0deg)}to{transform:rotate(145deg)}}
@media(prefers-reduced-motion:reduce){.music-composition .incoming-record::after{animation:none}}

/* Remove the caption beneath the music record. */
.music-composition .record-calibration{display:none!important}
/* Keep the brand symbol in the same foreground color as its label. */
body[data-dark][data-view] header .brand .brand-mark,body[data-poster][data-view] header .brand .brand-mark{color:inherit!important;background:transparent!important}
body[data-dark][data-view] header .brand .brand-mark svg{color:inherit!important;stroke:currentColor!important}
.home-cosmos .coordinates{transition:transform 1s ease;transform-origin:left center}
.home-cosmos .coordinates.observer-raised{transform:translateY(-36px) rotate(-5deg)}
.planet-observer .cosmos-personal-intro{line-height:1.9;max-width:430px}
@media(prefers-reduced-motion:reduce){.home-cosmos .coordinates{transition:none}}
@media(min-width:1000px){.home-cosmos .orbit-system{scale:1.22;transform-origin:center;transition:scale 1.1s ease}.planet-observer .home-cosmos .orbit-system{scale:.88}}
@media(min-width:1800px){.home-cosmos .orbit-system{scale:1.45}.planet-observer .home-cosmos .orbit-system{scale:1}}
.home-cosmos .observer-introduction{position:absolute;top:7%;right:6%;width:min(330px,30vw);font-size:17px;line-height:2;color:var(--ink);z-index:3;animation:horizon-arrive 1s ease both}
.planet-observer .home-cosmos .cosmos-personal-intro{visibility:hidden}
.home-cosmos .horizon-return{position:absolute;bottom:0;left:0;width:100%;height:18%;background:transparent;border:0;border-radius:0;z-index:2;cursor:pointer}
.home-cosmos .horizon-return:focus-visible{outline:1px solid var(--observer-color);outline-offset:-5px}
@media(max-width:999px){.home-cosmos .orbit-system{transition:scale 1s ease}.planet-observer .home-cosmos .orbit-system{scale:.85}.home-cosmos .observer-introduction{top:2%;right:6%;width:65%;font-size:13px}}
@media(prefers-reduced-motion:reduce){.home-cosmos .orbit-system{transition:none}.home-cosmos .observer-introduction{animation:none}}
@media(min-width:1000px){body:not(.planet-observer) .home-cosmos .orbit-system{scale:1.38}}
@media(min-width:1800px){body:not(.planet-observer) .home-cosmos .orbit-system{scale:1.6}}
.planet-observer .home-cosmos .coordinates{visibility:hidden}
.home-cosmos .sun-observer-copy{position:absolute;left:50%;top:-30px;transform:translateX(-50%);width:340px;text-align:center;z-index:10;pointer-events:none;color:#f3f2e9;text-shadow:0 2px 12px #09121f;animation:horizon-arrive 1s ease both}
.sun-observer-name{display:flex;justify-content:center;align-items:baseline;gap:12px}.sun-observer-name strong{font-size:25px;font-weight:500;letter-spacing:4px}.sun-observer-name span{font:11px/1.5 sans-serif;letter-spacing:4px;opacity:.8}.sun-observer-copy p{font-size:13px;line-height:1.9;margin:10px 0 0}
@media(max-width:760px){.home-cosmos .sun-observer-copy{width:290px;top:-40px}}
@media(prefers-reduced-motion:reduce){.home-cosmos .sun-observer-copy{animation:none}}

.planet-observer .home-cosmos .coordinates{text-align:right}.coordinates .planet-copy-line{display:block}
.orbit-system .earth-moon{position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#efeee3,#b2b4b1 45%,#60666e 80%);box-shadow:0 0 5px #ddd9c733;pointer-events:none}
.orbit-system .earth-moon{pointer-events:auto;cursor:pointer;z-index:3}
.orbit-system .earth-moon:before{content:'';position:absolute;inset:-5px;border-radius:50%}
.orbit-system .earth-moon:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
.orbit-system .moon-orbit{position:absolute;width:2px;height:2px;left:calc(50% - 1px);top:calc(50% - 1px);pointer-events:none;color:color-mix(in srgb,var(--accent) 40%,transparent);transform-origin:center}
.orbit-system .moon-orbit svg{display:block;overflow:visible}
.orbit-system>.earth-moon{left:0;top:0;width:28px;height:28px;padding:0;border:0;background:transparent;box-shadow:none;z-index:12;border-radius:50%}
.orbit-system>.earth-moon:before{inset:11px;background:radial-gradient(circle at 30% 25%,#efeee3,#b2b4b1 45%,#60666e 80%);box-shadow:0 0 5px #ddd9c733;pointer-events:none}
.orbit-system>.earth-moon:hover{background:#ffffff12}
.orbit-system .asteroid-belt{position:absolute;inset:0;pointer-events:none;z-index:1}
.orbit-system .asteroid-belt i{position:absolute;left:0;top:0;background:var(--muted);border-radius:35% 60% 40% 50%;pointer-events:none}
/* Match lunar hover feedback without changing the planet geometry. */
.orbit-system .orbit-body:before{content:'';position:absolute;inset:-6px;border-radius:50%;background:transparent;transition:background .18s;pointer-events:none}
.orbit-system .orbit-body:hover:before,.orbit-system .orbit-body:focus-visible:before{background:#ffffff12}
.orbit-system .orbit-body[data-solar=earth] .planet-surface{overflow:hidden;border-radius:50%}
.orbit-system .orbit-body[data-solar=earth] .planet-surface:after{background-image:radial-gradient(ellipse at 60% 60%,#699067 0 17%,transparent 21%),repeating-linear-gradient(166deg,transparent 0 18px,#ffffff30 21px,transparent 27px)}

/* Move only the default solar-system caption away from the orbits. */
body:not(.planet-observer) .home-cosmos .coordinates{transform:translate(24px,28px)}
/* Match the return hit area to the visible curved horizon itself. */
.planet-observer .home-cosmos .planet-horizon{z-index:2}
.planet-observer .home-cosmos .planet-horizon:after{pointer-events:auto;cursor:pointer}
.planet-observer .home-cosmos .horizon-return{display:none}
.dock-trigger .cosmos-object>svg{display:block;width:46px;height:46px;margin:auto;overflow:visible}
.dock-trigger .cosmos-object{display:grid;place-items:center}
.dock-trigger:hover .dock-satellite{transform-origin:24px 24px;animation:dock-satellite-orbit 5s linear infinite}
@keyframes dock-satellite-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.dock-trigger:hover .dock-satellite{animation:none}}
.solar-space-drag-card{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-115%);padding:13px 20px;border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 8px 28px #0002;min-width:105px;text-align:center}
.solar-space-drag-card b{display:block;font-size:13px;font-weight:500}.solar-space-drag-card small{display:block;font-size:10px;color:var(--muted);margin-top:5px}
.dock-cosmos .solar-drop-target .space-solar{filter:drop-shadow(0 0 9px var(--accent));outline:1px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:6px;border-radius:50%}
.dock-cosmos .space-option small{border-radius:5px}
/* Remove the isolated green oval from the space Earth preview. */
.dock-cosmos [data-solar=earth] .solar-preview:after{background-image:repeating-linear-gradient(166deg,transparent 0 18px,#ffffff30 21px,transparent 27px)}
/* Remove the remaining isolated green patch on the orbital Earth. */
.orbit-system .orbit-body[data-solar=earth] .planet-surface:after{background-image:repeating-linear-gradient(166deg,transparent 0 18px,#ffffff18 21px,transparent 27px)}
/* One card color across static and animated clock halves. */
.home-flip .digit{--flip-upper:color-mix(in srgb,var(--surface) 96%,#000);--flip-lower:var(--surface);background:linear-gradient(var(--flip-upper) 49.6%,var(--flip-lower) 50%)}
.home-flip .digit .digit-flap{background:var(--flip-upper)}
.home-flip .digit .digit-flap-bottom,.home-flip .digit>.flip-old-bottom{background:var(--flip-lower)}
/* Scale the existing clock and focus composition together on large displays. */
@media(min-width:1200px) and (min-height:850px){.home-flip .flip-composition{zoom:clamp(1,min(calc(100vw / 1500px),calc(100svh / 850px)),1.65)}}
/* Center hours/minutes independently of seconds; focus centers all its cards. */
.home-flip .flip-face{position:relative;width:max-content;max-width:100%;margin-inline:auto;justify-content:center}
.home-flip .flip-face:not(.focus-unit-face)>.clock-seconds{position:absolute;left:100%;bottom:0;margin-left:18px;padding:0}
.home-flip .focus-unit-face{margin-inline:auto;justify-content:center}
@media(max-width:760px){.home-flip .flip-face:not(.focus-unit-face)>.clock-seconds{margin-left:9px}}

/* Strengthen main clock and countdown numerals. */
.home-flip .digit,.home-flip .focus-unit-card{font-weight:500}
.rain-date-piece{display:inline-block;margin-inline:3px}.rain-calendar-host{display:block}
#rain-field .rain-drop.physical-rain{position:absolute;left:0;top:0;width:40px;height:40px;display:grid;place-items:center;font-size:28px;line-height:1;animation:none!important;opacity:.55;will-change:transform}
/* Shared ground line for falling seconds and the assembled date/time. */
.home-rain .rain-field{bottom:0}
.home-rain .rain-landed{align-items:flex-end;padding-bottom:0}
.home-rain .rain-date{align-self:flex-end;margin-bottom:0}
.home-rain .rain-date>small{position:absolute;top:100%;left:0;right:0}
.home-rain .rain-cycle-ghost{pointer-events:none;border-color:transparent!important;z-index:3}
.home-rain .rain-landed:not(.rain-cycle-ghost){z-index:2;pointer-events:none}
.home-rain .rain-dissolving{pointer-events:none}
.rain-calendar-host{display:flex;align-items:flex-end;justify-content:center;gap:8px}
.rain-date-piece{font-size:18px;line-height:1.4;white-space:nowrap;margin:0}
.rain-date-piece:nth-child(2),.rain-date-piece:nth-child(3){font-size:24px}
@media(max-width:760px){.rain-calendar-host{gap:5px}.rain-date-piece{font-size:13px}.rain-date-piece:nth-child(2),.rain-date-piece:nth-child(3){font-size:18px}}
.home-rain .rain-hour,.home-rain .rain-minute{font-size:clamp(110px,11vw,180px)}
.home-rain .rain-date-piece:nth-child(2){color:color-mix(in srgb,var(--accent) 78%,var(--ink))}
.home-rain .rain-date-piece:nth-child(3){color:color-mix(in srgb,var(--accent) 48%,var(--ink))}
@media(max-width:760px){.home-rain .rain-hour,.home-rain .rain-minute{font-size:clamp(78px,20vw,110px)}}
/* The ground clips outgoing components as they fall below it. */
.home-rain .rain-landed{clip-path:inset(-1500px -500px 0 -500px)}
.home-rain .rain-hour,.home-rain .rain-minute{font-size:clamp(165px,16.5vw,270px)}
@media(max-width:760px){.home-rain .rain-hour,.home-rain .rain-minute{font-size:clamp(117px,30vw,165px)}}
.home-rain .rain-date-piece:nth-child(1),.home-rain .rain-date-piece:nth-child(2){color:#bd892f}
.home-rain .rain-date-piece:nth-child(3){color:#3d9eac}
.home-rain .rain-date-piece:nth-child(4){color:#9272c8}
body[data-dark=true] .home-rain .rain-date-piece:nth-child(1),body[data-dark=true] .home-rain .rain-date-piece:nth-child(2){color:#efc46d}
body[data-dark=true] .home-rain .rain-date-piece:nth-child(3){color:#87d9e0}
body[data-dark=true] .home-rain .rain-date-piece:nth-child(4){color:#c6a5f2}

.home-rain .rain-value .rain-time-unit{display:inline-block;position:static;font-size:28px;font-weight:inherit;line-height:1;margin-left:6px;vertical-align:baseline;letter-spacing:0;color:inherit;animation:none;transform:none}

.home-rain .rain-minute .rain-value .rain-time-unit{color:var(--muted);opacity:.55;text-shadow:none}

.home-rain .rain-value .rain-time-unit{font-size:28px;color:var(--muted);opacity:.55;text-shadow:none}
/* Keep both time units quiet and extend the shared physical ground. */
.home-rain .rain-value .rain-time-unit{font-weight:400;color:var(--muted);opacity:.55}
.home-rain .rain-composition{width:min(1240px,100%)}
.home-rain .rain-field,.home-rain .rain-landed{bottom:-24px}
.mode-pull-cord{position:fixed;top:0;right:22px;width:32px;height:139px;padding:0;z-index:25;color:var(--ink);background:none;border:0;touch-action:none;cursor:grab;display:flex;align-items:center;flex-direction:column;transform-origin:top center}
.mode-pull-cord:active{cursor:grabbing}.mode-cord-line{position:absolute;bottom:31px;width:1px;height:calc(108px + var(--pull,0px));background:currentColor;opacity:.35;pointer-events:none}
.mode-cord-handle{position:absolute;bottom:0;display:grid;place-items:center;width:28px;height:34px;border-radius:14px;background:var(--surface);box-shadow:0 2px 7px #00000012;pointer-events:none}.mode-cord-handle svg{width:19px;height:19px}.mode-pull-cord:hover .mode-cord-handle{background:var(--soft)}
body:not([data-view=home]):not([data-view=space]) .mode-pull-cord{display:none}
@media(max-width:760px){.mode-pull-cord{right:5px;height:116px}.mode-cord-line{height:calc(85px + var(--pull,0px))}}
@media(prefers-reduced-motion:reduce){.mode-pull-cord{animation:none!important}}
/* The pull cord replaces the original header mode shortcut. */
header .header-right [data-v5="mode"]{display:none!important}
/* Pull cord uses neutral contrast independent of the selected accent. */
body[data-dark=false] .mode-pull-cord{color:#000}
body[data-dark=true] .mode-pull-cord{color:#fff}
.mode-pull-cord .mode-cord-line{opacity:1;background:currentColor}
.mode-pull-cord .mode-cord-handle,.mode-pull-cord:hover .mode-cord-handle{background:transparent;border:1px solid currentColor;box-shadow:none}
.mode-pull-cord .mode-cord-handle svg{color:inherit;stroke:currentColor}
/* A fine cord with a small sculpted pull, retaining the larger hit area. */
.mode-pull-cord .mode-cord-line{width:.5px;bottom:23px;height:calc(116px + var(--pull,0px))}
.mode-pull-cord .mode-cord-handle,.mode-pull-cord:hover .mode-cord-handle{width:11px;height:23px;bottom:0;border:0;border-radius:50% 50% 46% 46% / 72% 72% 28% 28%;background:currentColor;box-shadow:none}
.mode-pull-cord .mode-cord-handle svg{display:none}
@media(max-width:760px){.mode-pull-cord .mode-cord-line{height:calc(93px + var(--pull,0px))}}

.mode-pull-cord[data-next-mode=dark] .mode-cord-handle{background:#111;outline:1px solid #ffffff80}
.mode-pull-cord[data-next-mode=light] .mode-cord-handle{background:#fff;outline:1px solid #00000050}
.mode-pull-cord[data-next-mode=system] .mode-cord-handle{background:linear-gradient(135deg,#fff 0 49%,#151515 51% 100%);outline:1px solid #8888}
.color-pull-cord{position:fixed;top:0;right:52px;width:34px;height:112px;padding:0;z-index:24;background:none;border:0;touch-action:none;cursor:grab;display:flex;align-items:center;flex-direction:column;transform-origin:top center;color:var(--ink)}
.color-pull-cord:active{cursor:grabbing}.color-cord-line{position:absolute;bottom:24px;width:.5px;height:calc(87px + var(--pull,0px));background:currentColor;opacity:.48;pointer-events:none}.color-cord-handle{position:absolute;bottom:0;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--cord-color);outline:1px solid color-mix(in srgb,currentColor 35%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--cord-color) 18%,transparent);pointer-events:none}.color-cord-handle i{display:block;width:6px;height:6px;border-radius:50%;background:var(--next-color);box-shadow:0 0 0 1px #ffffff80}
.color-pull-cord:hover .color-cord-handle{box-shadow:0 0 0 5px color-mix(in srgb,var(--cord-color) 25%,transparent),0 4px 14px #00000018}
body:not([data-view=home]):not([data-view=space]) .color-pull-cord{display:none}
body[data-dark=false] .color-pull-cord{color:#000}
body[data-dark=true] .color-pull-cord{color:#fff}
@media(max-width:760px){.color-pull-cord{right:32px;height:94px}.color-cord-line{height:calc(68px + var(--pull,0px))}}
@media(prefers-reduced-motion:reduce){.color-pull-cord{animation:none!important}}
.inherited-settings-link{display:inline-flex;align-items:center;margin-left:12px;padding:3px 5px;font:inherit;color:var(--ink);text-decoration:underline;text-underline-offset:4px;opacity:.8}.inherited-settings-link:hover{opacity:1}
/* Keep fullscreen header controls faint but discoverable, including idle state. */
body.is-fullscreen>header{opacity:1!important;pointer-events:auto!important}
body.is-fullscreen>header>.brand-discovery,body.is-fullscreen>header>.brand,body.is-fullscreen>header>.header-right{opacity:.08;transition:opacity .25s ease}
body.is-fullscreen>header>.brand-discovery:hover,body.is-fullscreen>header>.brand-discovery:focus-within,body.is-fullscreen>header>.brand:hover,body.is-fullscreen>header>.brand:focus-visible,body.is-fullscreen>header>.header-right:hover,body.is-fullscreen>header>.header-right:focus-within{opacity:1}

.brand-theme-menu{width:174px}
.brand-origin-link{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;margin:8px 0 0;padding:12px 8px 7px;border-top:1px solid var(--line);border-radius:0 0 7px 7px;color:color-mix(in srgb,var(--ink) 60%,var(--surface));transition:background .35s ease,color .35s ease}
.brand-origin-link>svg{width:20px;height:20px;color:inherit;opacity:.7;stroke:currentColor;fill:none}
.brand-origin-link>span{display:flex;min-width:0;flex-direction:column;gap:2px}
.brand-origin-link b{font-size:11px;font-weight:400;letter-spacing:.04em}
.brand-origin-link small{overflow:hidden;color:inherit;font-size:9px;line-height:1.5;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis}
.brand-origin-link:hover,.brand-origin-link:focus-visible{background:var(--soft)}
body.is-fullscreen .mode-pull-cord,body.is-fullscreen .color-pull-cord{opacity:.08;transition:opacity .25s ease}
body.is-fullscreen .mode-pull-cord:hover,body.is-fullscreen .mode-pull-cord:focus-visible,body.is-fullscreen .color-pull-cord:hover,body.is-fullscreen .color-pull-cord:focus-visible{opacity:1}
/* Both space views keep their global cords visible; only an open overlay hides them. */
body[data-view=space] .mode-pull-cord,body[data-view=space] .color-pull-cord{display:flex;opacity:.28;z-index:95;transition:opacity .25s ease}
body[data-view=space].is-fullscreen .mode-pull-cord,body[data-view=space].is-fullscreen .color-pull-cord{opacity:.08}
body[data-view=space] .mode-pull-cord:hover,body[data-view=space] .mode-pull-cord:focus-visible,body[data-view=space] .mode-pull-cord:active,body[data-view=space] .color-pull-cord:hover,body[data-view=space] .color-pull-cord:focus-visible,body[data-view=space] .color-pull-cord:active{opacity:1}
body:has(dialog[open]:not(#space-atlas)) .mode-pull-cord,body:has(dialog[open]:not(#space-atlas)) .color-pull-cord,
body:has(#space-atlas[open] .at-drawer:not([hidden])) .mode-pull-cord,body:has(#space-atlas[open] .at-drawer:not([hidden])) .color-pull-cord{visibility:hidden;pointer-events:none;opacity:0;transition:none}
.paper-editing [contenteditable]{outline:1px dashed var(--line);outline-offset:4px;cursor:text;min-height:1em}.paper-editing [contenteditable]:focus{outline-color:var(--ink)}
body:not(.app-ready) #main,body:not(.app-ready) #dock,body:not(.app-ready) .header-right{visibility:hidden}
.paper-inline-upload{position:relative;display:grid;place-items:center;min-height:100px;flex:1;border:1px dashed var(--muted);background-size:cover;background-position:center;cursor:pointer;margin:8px 0 14px}.paper-inline-upload>span{padding:10px 14px;background:var(--surface);font-size:13px;color:var(--ink)}.paper-inline-upload small{display:block;font-size:10px;margin-top:6px;color:var(--muted)}
.paper-inline-actions{position:fixed;right:7%;top:90px;z-index:40;display:flex;gap:10px;padding:6px;background:var(--surface);border-radius:8px}.paper-inline-actions button{padding:9px 15px;font-size:12px}.paper-inline-actions [data-paper-save]{background:var(--ink);color:var(--bg);border-radius:5px}
.paper-inline-choices{overflow:auto;max-height:250px;padding:8px 2px}.paper-inline-choices>small{display:block;margin-bottom:12px;color:var(--muted)}.paper-inline-choices label{display:flex;align-items:center;gap:8px;padding:8px 2px;font-size:12px;cursor:pointer}.paper-inline-choices input{width:14px;height:14px;flex-shrink:0;accent-color:var(--ink)}
@media(max-width:760px){.paper-inline-actions{top:76px;right:18px}.paper-inline-choices{max-height:190px}}

body.paper-edit-active{overflow:hidden}
.paper-edit-active #dock,.paper-edit-active .scroll-invitation{display:none!important}
.paper-edit-active .paper-inline-actions{top:auto;bottom:72px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}
.paper-remove-cover{position:absolute;right:10px;top:10px;background:var(--surface);color:var(--ink);padding:7px 10px;border-radius:5px;font-size:12px}.paper-remove-cover[hidden]{display:none}
body[data-view=space] #main{display:flow-root}
#organization .organization-list>[data-organization-id]{position:relative;user-select:none;touch-action:pan-x;cursor:grab}
#organization .organization-list.organization-sorting{cursor:grabbing}
#organization .organization-list>[data-organization-id].organization-dragging{z-index:2;opacity:.7;outline:1px dashed var(--accent);outline-offset:-1px;cursor:grabbing;background:var(--soft)}

/* Space detail accents stay tied to the selected palette even when the
   workspace itself opens with the neutral default presentation. */
body[data-view=space]{--space-accent-soft:color-mix(in srgb,var(--accent) 14%,var(--surface));--space-accent-hover:color-mix(in srgb,var(--accent) 32%,var(--surface))}
body[data-view=space] .scene-button.active,
body[data-view=space] .view-settings-trigger,
body[data-view=space] .column-auto{background:var(--space-accent-soft)}
body[data-view=space] .workspace .cards[data-display=cards] .site-icon{background:var(--space-accent-soft)!important}
body[data-view=space] .space-top-actions .primary,
body[data-view=space] #space-atlas .at-header-actions>.primary{background:var(--accent)}
body[data-view=space] :is(.space-share,.display-scope-button,.global-search-trigger):is(:hover,:focus-visible){background:var(--space-accent-hover);color:var(--accent)}
body[data-view=space] .empty-bookmarks .empty-create[data-action=add]{background:var(--space-accent-soft);border-color:color-mix(in srgb,var(--accent) 42%,var(--surface));color:var(--ink)}
body[data-view=space] .empty-bookmarks .empty-create[data-action=add]>span{color:var(--accent)}
body[data-view=space] .empty-bookmarks .empty-create[data-action=add]:is(:hover,:focus-visible){background:var(--space-accent-hover);border-color:var(--accent)}
body[data-view=space] .sidebar .scene-button:not(.active):is(:hover,:focus-visible){background:var(--space-accent-soft)}
body[data-view=space] :is(.scene-actions [data-organize=scene],.group-tab-bar>[data-organize=group],.group-scroll-arrow:not(:disabled)):is(:hover,:focus-visible){background:var(--space-accent-hover);color:var(--accent)}
body[data-view=space] #space-mode-menu>button[aria-pressed=true]{background:var(--space-accent-soft);color:var(--accent)}
body[data-view=space] #space-mode-menu>button:is(:hover,:focus-visible){background:var(--space-accent-hover);color:var(--accent)}
body[data-view=space] #organization:is([data-list-kind=scene],[data-list-kind=group]) .organization-list>[data-organization-id]:not(.organization-dragging):is(:hover,:focus-within){background:var(--space-accent-hover)}
body[data-view=space] #organization:is([data-list-kind=scene],[data-list-kind=group]) .entity-icon-button:is(:hover,:focus-visible){background:var(--space-accent-soft);color:var(--accent)}

@media(min-width:761px){body[data-view=space] .workspace-tools:has(>.group-view-controls){height:0;min-height:0;margin:0;padding:0}body[data-view=space] .workspace-tools>.group-view-controls{position:fixed;right:max(32px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:40;margin:0;flex-wrap:nowrap}}

 /* Ordinary form fields and dialog close controls use the resolved theme tokens. */
 body{--accent-hover:color-mix(in srgb,var(--accent) 88%,var(--ink));--accent-soft:color-mix(in srgb,var(--accent) 12%,var(--surface));--accent-soft-strong:color-mix(in srgb,var(--accent) 20%,var(--surface));--accent-line:color-mix(in srgb,var(--accent) 32%,var(--line));--accent-focus:color-mix(in srgb,var(--accent) 36%,transparent)}
 :is(dialog .dialog-heading>[data-action=close],dialog .dialog-heading>[aria-label^="关闭"],dialog .member-heading>[data-member-close],dialog [data-detail-close],dialog>button.close,#settings>button[data-action=close]){color:var(--ink)!important;background:color-mix(in srgb,var(--accent) 8%,transparent)!important}
 :is(dialog .dialog-heading>[data-action=close],dialog .dialog-heading>[aria-label^="关闭"],dialog .member-heading>[data-member-close],dialog [data-detail-close],dialog>button.close,#settings>button[data-action=close]):is(:hover,:focus-visible){color:var(--ink)!important;background:color-mix(in srgb,var(--accent) 14%,transparent)!important}
 :is(dialog .dialog-heading>[data-action=close],dialog .dialog-heading>[aria-label^="关闭"],dialog .member-heading>[data-member-close],dialog [data-detail-close],dialog>button.close,#settings>button[data-action=close]) :is(span,b,small,i,svg){color:var(--ink)!important}
 dialog :is(input:not([type]),input:is([type=text],[type=url],[type=email],[type=password],[type=tel],[type=search],[type=number],[type=date]),textarea):not(.search-box input,.at-search input,.inline-create input){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important;caret-color:var(--accent)!important}
 dialog :is(input:not([type]),input:is([type=text],[type=url],[type=email],[type=password],[type=tel],[type=search],[type=number],[type=date]),textarea):not(.search-box input,.at-search input,.inline-create input):hover:not(:focus-visible){background:var(--soft)!important}
 dialog :is(input:not([type]),input:is([type=text],[type=url],[type=email],[type=password],[type=tel],[type=search],[type=number],[type=date]),textarea):not(.search-box input,.at-search input,.inline-create input)::placeholder{color:var(--muted)!important}
 dialog :is(input:not([type]),input:is([type=text],[type=url],[type=email],[type=password],[type=tel],[type=search],[type=number],[type=date]),textarea):not(.search-box input,.at-search input,.inline-create input):focus-visible{border-color:var(--accent)!important;outline:2px solid var(--accent-focus)!important;outline-offset:1px}

/* Only the requested space controls inherit the selected palette. */
body[data-view=space] #bookmark-page-jump{background:var(--space-accent-soft);caret-color:var(--accent)}
body[data-view=space] #bookmark-page-jump:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
body[data-view=space] #bookmark-page-jump::selection{background:var(--space-accent-hover);color:var(--ink)}
body[data-view=space] #link-view-settings .link-view-grid button[aria-pressed=true]{background:var(--space-accent-soft)}
body[data-view=space] #link-view-settings .link-view-grid button:is(:hover,:focus-visible){background:var(--space-accent-hover)}
body[data-view=space] #link-view-settings .link-view-grid button:is([aria-pressed=true],:hover,:focus-visible),body[data-view=space] #link-view-settings .link-view-grid button:is([aria-pressed=true],:hover,:focus-visible) :is(span,b,small,i,svg){color:var(--accent)!important}
body[data-view=space] .workspace .cards .bookmark>.bookmark-edit:is(:hover,:focus-visible){background:var(--space-accent-hover)!important;color:var(--accent)!important}
body[data-view=space] .workspace .cards .bookmark>.bookmark-edit:is(:hover,:focus-visible) :is(span,b,small,i,svg){color:var(--accent)!important}
/* Pagination belongs to the scrolling URL list; style controls keep their dock position. */
@media(min-width:761px){
 body[data-view=space]:not(.atlas-active) #bookmark-pagination{position:static;margin:16px 0 0;padding:10px 0 0;border-top:1px solid var(--line);background:var(--bg);gap:12px;min-height:34px;flex-wrap:wrap}
 body[data-view=space] .workspace-tools>.group-view-controls{bottom:max(76px,env(safe-area-inset-bottom));min-height:34px}
 body[data-view=space] #bookmark-pagination label{margin-top:0;margin-bottom:0}
 body[data-view=space] #bookmark-pagination>label{margin-left:0}
}
@media(min-width:761px) and (max-width:1100px){
 body[data-view=space] .workspace-tools>.group-view-controls{bottom:88px}
 body[data-view=space]:not(.atlas-active) #bookmark-pagination{gap:7px;font-size:11px}
}
@media(min-width:761px){
 body[data-view=space]:not(.atlas-active){overflow:hidden}
 body[data-view=space]:not(.atlas-active) .workspace{height:100dvh;min-height:0;margin-bottom:0;padding-bottom:0;box-sizing:border-box}
 body[data-view=space]:not(.atlas-active) .workspace-content{height:calc(100dvh - 32px);min-height:0;display:flex;flex-direction:column}
 body[data-view=space]:not(.atlas-active) .workspace-content>:not(#groups){flex-shrink:0}
 body[data-view=space]:not(.atlas-active) #groups{display:flex;flex-direction:column;flex:1;min-height:0}
 body[data-view=space]:not(.atlas-active) .group-tab-bar{position:relative;top:auto;flex-shrink:0}
 body[data-view=space]:not(.atlas-active) #groups>.group:not([hidden]){flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding-bottom:calc(104px + env(safe-area-inset-bottom));scrollbar-width:thin}
}

/* Menu identity uses the popover palette, independent of cover/header ink. */
.account-menu .menu-identity{color:var(--ink)}
.account-menu .menu-avatar{color:var(--ink)}
.account-menu .menu-avatar>img{width:40px;height:40px;object-fit:cover;border-radius:50%}


/* Daily newspaper: editorial content instead of saved links. */
.paper-life [data-paper-life]{white-space:pre-wrap;overflow-wrap:anywhere}
.home-paper .paper-life .paper-columns>section,.home-paper .paper-life .paper-columns>div{overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
.home-paper .paper-life .paper-life-story{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);flex:1;align-items:center}
.paper-life-story>div{min-width:0}.paper-life-story .paper-link-number{flex:none;align-self:flex-start;margin-top:3px}
.home-paper .paper-life .paper-life-story h3{font-size:clamp(17px,1.5vw,22px);line-height:1.5;margin:0 0 7px;font-weight:600}
.home-paper .paper-life .paper-life-story p,.home-paper .paper-life .paper-life-column p{font-size:12px;line-height:1.9;white-space:pre-wrap;margin:0;overflow:visible;color:var(--muted)}
.home-paper .paper-life .paper-index{display:flex;flex-direction:column}
.paper-life-column{padding:19px 0;border-bottom:1px solid var(--line);flex:1}
.paper-life-column:last-child{border-bottom:0}.paper-life-column h3{font-size:25px;line-height:1.4;margin:10px 0}
.home-paper .paper-life .paper-lead>p{display:block;overflow:visible;-webkit-line-clamp:unset;line-height:1.9;flex:none}
.paper-life .paper-editor-note{white-space:pre-wrap;margin-top:18px}
.paper-life .paper-visual-upload{border:0;margin:0;min-height:140px;overflow:hidden;cursor:default}
.home-paper .paper-visual-upload>.paper-cover,.home-paper .paper-visual-upload>.landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.paper-visual-upload .paper-upload-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:rgba(0,0,0,.2);text-shadow:0 1px 3px #0006;cursor:pointer;font-size:13px;transition:background .2s}
.paper-visual-upload .paper-upload-cover:hover{background:rgba(0,0,0,.35)}
.paper-upload-cover svg{width:21px;height:21px;fill:none;stroke:currentColor}
.paper-visual-upload .paper-remove-cover{position:absolute;right:10px;bottom:10px;padding:7px 10px;background:var(--surface);color:var(--ink);font-size:11px;border-radius:4px}
.paper-visual-upload [hidden]{display:none!important}
@media(min-width:761px){.home-paper .paper-life .paper-lead>.landscape,.home-paper .paper-life .paper-lead>.paper-cover{min-height:100px}.home-paper .paper-life .paper-saved,.home-paper .paper-life .paper-index{overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}}
@media(min-width:761px) and (max-height:850px){.home-paper .paper-life .paper-life-story{padding:9px 0}.home-paper .paper-life .paper-life-story h3{font-size:16px;margin-bottom:4px}.home-paper .paper-life .paper-life-story p,.home-paper .paper-life .paper-life-column p{font-size:11px;line-height:1.6}.paper-life-column{padding:10px 0}.paper-life-column h3{font-size:21px;margin:6px 0}.paper-life .paper-editor-note{margin-top:9px;font-size:11px}}
@media(max-width:760px){.home-paper .paper-life .paper-columns{grid-template-columns:1fr}.home-paper .paper-life .paper-saved,.home-paper .paper-life .paper-index{border-left:0;padding-left:0}.home-paper .paper-life .paper-lead>.paper-cover{height:220px;flex:auto}.paper-life .paper-visual-upload{height:220px;flex:auto}.home-paper .paper-life .paper-life-story h3{font-size:20px}.paper-life-column{padding:18px 0}.home-paper .paper-life .paper-index{margin-top:12px}}
.paper-visual-upload .paper-remove-cover{top:auto;left:auto;height:auto;min-height:0}
.home-paper .paper-life .paper-columns>*{overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.paper-life .paper-lead h2,.paper-life .paper-lead .paper-kicker{flex:none}
@media(max-width:760px){body.paper-edit-active:has(.paper-life){overflow-y:auto}}
@media(max-width:760px){.home-paper .paper-life .paper-columns>*{overflow:visible;overscroll-behavior:auto}}
/* Match the atlas view picker baseline. */
@media(min-width:761px){body[data-view=space] .workspace-tools>.group-view-controls{bottom:max(24px,env(safe-area-inset-bottom))}}

/* Shared dialog close geometry; the surrounding heading keeps its own layout. */
 dialog button.dialog-close-control{box-sizing:border-box!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;aspect-ratio:1!important;padding:0!important;border:0!important;border-radius:50%!important;line-height:1!important;letter-spacing:0!important;color:var(--ink)!important;background:color-mix(in srgb,var(--accent) 8%,transparent)!important}
 dialog button.dialog-close-control:is(:hover,:focus-visible){color:var(--ink)!important;background:color-mix(in srgb,var(--accent) 14%,transparent)!important}
dialog button.dialog-close-control>[data-dialog-close-icon]{display:block!important;position:static!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;margin:0!important;padding:0!important;transform:none!important;color:inherit!important}

/* Space view popovers use the same palette surfaces as the other space controls. */
#search-form .select-trigger>small{display:grid;place-items:center;flex:0 0 12px;width:12px;height:12px;font-size:0;line-height:1}
#search-form .select-trigger>small:after{content:'';width:6px;height:6px;box-sizing:border-box;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-1.5px) rotate(45deg)}
#search-form .select-wrap{max-width:140px;flex-shrink:0}
#search-form .select-options{width:270px;max-width:calc(100vw - 48px);max-height:min(380px,42svh);padding:7px}
#search-form .search-engine-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
#search-form .search-engine-group+.search-engine-group{margin-top:7px;padding-top:7px;border-top:1px solid var(--line)}
#search-form .search-engine-heading{grid-column:1/-1;padding:5px 9px;font-size:10px;color:var(--muted)}
#search-form .search-engine-group>button{min-width:0;gap:5px;padding:9px;font-size:11px}
.brand-discovery .brand-theme-menu{top:calc(100% + 12px)}
.brand-discovery .brand-theme-menu:before{content:'';position:absolute;left:0;right:0;top:-13px;height:13px}
.brand-theme-menu>button+button{position:relative;margin-top:7px}
.brand-theme-menu>button+button:before{content:'';position:absolute;left:9px;right:9px;top:-4px;border-top:1px solid var(--line);pointer-events:none}
body[data-view=space] :is(#space-mode-menu,#link-view-settings,#space-atlas .at-layout-menu){background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
body[data-view=space] :is(.workspace-tools .space-mode-entry,#space-atlas .at-view-tools>.space-mode-entry,.workspace-tools [data-link-settings]):is(:hover,:focus-visible),
body[data-view=space] #space-atlas .at-view-picker>.at-quiet:has([aria-expanded=true]){background:var(--space-accent-hover)}
body[data-view=space] #space-atlas .at-view-tabs{background:var(--space-accent-soft)}
body[data-view=space] #space-atlas .at-view-tabs>button[aria-selected=true]{background:var(--space-accent-hover)}
body[data-view=space] #space-atlas .at-view-panel>button[aria-pressed=true]{background:var(--space-accent-soft)}
body[data-view=space] #space-atlas :is(.at-view-tabs>button,.at-view-panel>button):is(:hover,:focus-visible){background:var(--space-accent-hover)}

/* Pagination scrolls with the URL list, with column settings following it. */
.bookmark :is(.site-icon,.link-emblem):not(:has(img,svg)){line-height:1;overflow:visible;text-align:center}
.bookmark .link-calendar>.link-emblem{width:48px;height:48px;flex:none}
.bookmark .link-film>.link-emblem:not(:has(img,svg)){padding:0;font-size:20px}
.bookmark .link-record>.link-emblem:not(:has(img,svg)){font-size:18px}
#organization .organization-list.organization-sorting>[data-organization-id]{background:transparent!important}
#organization .organization-list.organization-sorting>[data-organization-id] *{background:transparent!important}
#organization .organization-list.organization-sorting>.organization-dragging{opacity:0;outline:0}
#organization .organization-list>.organization-drag-preview{position:fixed;z-index:10;box-sizing:border-box;margin:0;pointer-events:none;background:var(--soft);box-shadow:0 5px 18px #0002;cursor:grabbing}
#add-form .new-logo-row{display:flex;align-items:center;gap:12px}
#add-form .new-logo-control{position:relative;flex:none;margin:0}
#add-form #new-logo-preview{display:grid;place-items:center;width:52px;height:52px;margin:0;line-height:1}
#add-form #new-logo-preview svg{width:28px;height:28px}
#add-form .new-logo-row>input{flex:1;min-width:0;margin:0;box-sizing:border-box;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:12px var(--font)}
#add-form #choose-logo{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:23px;height:23px;padding:3px;border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:0 2px 6px #0002;opacity:0}
#add-form #choose-logo svg{width:16px;height:16px}
#add-form .new-logo-control:is(:hover,:focus-within) #choose-logo{opacity:1}
@media(hover:none){#add-form #choose-logo{opacity:1}}
body.atlas-active #bookmark-pagination{display:none}
body[data-view=space]:not(.atlas-active) #bookmark-pagination{position:static;width:auto;margin:16px 0 0;padding:10px 0;border-top:0;background:transparent;gap:10px}
#bookmark-pagination>[hidden]{display:none!important}
body[data-view=space] #bookmark-pagination>label{margin-left:0}
#bookmark-pagination>[data-column-settings]{display:flex;align-items:center;gap:7px;width:auto;height:30px;padding:0 10px;white-space:nowrap;font:12px var(--font)}
#bookmark-pagination>[data-column-settings] small{font-size:10px}
body[data-view=space] :is(.workspace-tools .space-mode-entry,.workspace-tools [data-link-settings],#space-atlas .at-focus-scene,#space-atlas .at-view-tools>.space-mode-entry,#space-atlas .at-view-picker>.at-quiet){box-shadow:0 2px 8px #00000014,0 5px 18px #0000000a}
body[data-view=space][data-dark=true] :is(.workspace-tools .space-mode-entry,.workspace-tools [data-link-settings],#space-atlas .at-focus-scene,#space-atlas .at-view-tools>.space-mode-entry,#space-atlas .at-view-picker>.at-quiet){box-shadow:0 2px 8px #00000029,0 5px 18px #0000001a}
@media(max-width:760px){
 body[data-view=space] .workspace-tools>.group-view-controls{position:fixed;right:22px;bottom:123px;z-index:40;margin:0;flex-wrap:nowrap}
 .workspace-tools .group-view-controls>.space-mode-entry{width:30px;height:30px;flex-basis:30px}
}
/* Keep the view switch and style control anchored across both presentations. */
body[data-view=space] .workspace-tools>.group-view-controls{gap:8px}
body[data-view=space] .workspace-tools [data-link-settings]{height:40px;box-sizing:border-box;flex:none}
body[data-view=space] .workspace-tools [data-link-settings]{display:flex;align-items:center;gap:8px;padding:0 14px}
.workspace-tools [data-link-settings]>span{white-space:nowrap}
body[data-view=space] :is(.workspace-tools .space-mode-entry,#space-atlas .at-view-tools>.space-mode-entry){width:40px;height:40px;flex:0 0 40px;box-sizing:border-box}
@media(max-width:760px){body[data-view=space] #space-atlas .at-footer{right:22px}}
/* A shared footprint keeps both footer controls still when changing views. */
body[data-view=space] :is(.workspace-tools [data-link-settings],#space-atlas .at-view-picker>.at-quiet){width:148px;height:40px;box-sizing:border-box;flex:none}
.workspace-tools [data-link-settings]>span{flex:1;text-align:left}
.workspace-tools [data-link-settings]>small{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}
.workspace-tools [data-link-settings]>small>svg{width:18px;height:18px}
#space-atlas .at-view-picker>.at-quiet>.at-view-current{flex:1;padding-right:14px;box-sizing:border-box}
#space-atlas .at-view-picker>.at-quiet>.at-view-current>svg:last-child{margin-left:auto}

.workspace-guide{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--ink);overflow:hidden}
.workspace-guide::backdrop{background:transparent}
.workspace-guide-ring{position:fixed;box-sizing:border-box;border:2px solid var(--accent);border-radius:12px;box-shadow:0 0 0 100vmax #0007;pointer-events:none}
.workspace-guide-panel{position:fixed;box-sizing:border-box;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border-radius:16px;background:var(--surface);box-shadow:0 10px 40px #0003;font:13px/1.65 var(--font);color:var(--ink)}
.workspace-guide-panel h2{font:600 18px/1.4 var(--font);margin:8px 0 12px}.workspace-guide-panel p{margin:0 0 20px;color:var(--ink)}
.workspace-guide-progress{font-size:11px;color:var(--muted)}.workspace-guide-actions{display:flex;align-items:center;gap:10px}.workspace-guide-actions>span{flex:1}.workspace-guide-actions button{padding:7px 10px;border-radius:8px;font-size:12px;white-space:nowrap}.workspace-guide-actions button:disabled{opacity:.35}.workspace-guide-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Home/space transition: a solid home cover over a stationary space layer.
   These rules exist only while this specific page transition is active. */
html[data-home-cover] body{transition:none}
html[data-home-cover] #toast,html[data-home-cover] .scroll-invitation,#toast.navigation-transition,.scroll-invitation.navigation-transition{opacity:0!important}
html[data-home-cover]::view-transition{pointer-events:none}
html[data-home-cover]::view-transition-group(root){animation:none}
html[data-home-cover]::view-transition-image-pair(root){isolation:isolate}
html[data-home-cover]::view-transition-old(root),html[data-home-cover]::view-transition-new(root){
  animation:none;mix-blend-mode:normal;opacity:1;width:100%;height:100%;object-fit:fill;
}
html[data-home-cover=leaving]::view-transition-new(root),html[data-home-cover=returning]::view-transition-old(root){
  z-index:1;transform:none;
}
html[data-home-cover=leaving]::view-transition-old(root){z-index:2;animation:home-cover-lift 1050ms cubic-bezier(.22,.72,.18,1) both,home-cover-ripple 1050ms ease-in-out both;filter:drop-shadow(0 7px 7px color-mix(in srgb,var(--accent) 28%,transparent))}
html[data-home-cover=returning]::view-transition-new(root){z-index:2;animation:home-cover-lower 1050ms cubic-bezier(.22,.72,.18,1) both,home-cover-ripple 1050ms ease-in-out both;filter:drop-shadow(0 7px 7px color-mix(in srgb,var(--accent) 28%,transparent))}
@keyframes home-cover-lift{from{transform:translateY(0)}to{transform:translateY(-100%)}}
@keyframes home-cover-lower{from{transform:translateY(-100%)}to{transform:translateY(0)}}
/* Only the moving cover edge ripples; the page and its existing motion stay intact. */
@keyframes home-cover-ripple{
  0%{clip-path:polygon(0 0,100% 0,100.000% calc(100% - 0.0px),95.833% calc(100% - 0.0px),91.667% calc(100% - 0.0px),87.500% calc(100% - 0.0px),83.333% calc(100% - 0.0px),79.167% calc(100% - 0.0px),75.000% calc(100% - 0.0px),70.833% calc(100% - 0.0px),66.667% calc(100% - 0.0px),62.500% calc(100% - 0.0px),58.333% calc(100% - 0.0px),54.167% calc(100% - 0.0px),50.000% calc(100% - 0.0px),45.833% calc(100% - 0.0px),41.667% calc(100% - 0.0px),37.500% calc(100% - 0.0px),33.333% calc(100% - 0.0px),29.167% calc(100% - 0.0px),25.000% calc(100% - 0.0px),20.833% calc(100% - 0.0px),16.667% calc(100% - 0.0px),12.500% calc(100% - 0.0px),8.333% calc(100% - 0.0px),4.167% calc(100% - 0.0px),0.000% calc(100% - 0.0px))}
  24%{clip-path:polygon(0 0,100% 0,100.000% calc(100% - 81.0px),95.833% calc(100% - 77.6px),91.667% calc(100% - 55.1px),87.500% calc(100% - 29.0px),83.333% calc(100% - 16.6px),79.167% calc(100% - 20.5px),75.000% calc(100% - 29.7px),70.833% calc(100% - 34.5px),66.667% calc(100% - 37.7px),62.500% calc(100% - 48.6px),58.333% calc(100% - 67.7px),54.167% calc(100% - 81.6px),50.000% calc(100% - 76.2px),45.833% calc(100% - 52.5px),41.667% calc(100% - 27.2px),37.500% calc(100% - 16.5px),33.333% calc(100% - 21.5px),29.167% calc(100% - 30.5px),25.000% calc(100% - 34.7px),20.833% calc(100% - 38.3px),16.667% calc(100% - 50.1px),12.500% calc(100% - 69.4px),8.333% calc(100% - 82.1px),4.167% calc(100% - 74.6px),0.000% calc(100% - 49.9px))}
  52%{clip-path:polygon(0 0,100% 0,100.000% calc(100% - 56.4px),95.833% calc(100% - 61.8px),91.667% calc(100% - 62.8px),87.500% calc(100% - 68.3px),83.333% calc(100% - 73.7px),79.167% calc(100% - 66.4px),75.000% calc(100% - 42.8px),70.833% calc(100% - 15.8px),66.667% calc(100% - 5.1px),62.500% calc(100% - 17.7px),58.333% calc(100% - 41.0px),54.167% calc(100% - 57.4px),50.000% calc(100% - 61.9px),45.833% calc(100% - 63.2px),41.667% calc(100% - 68.8px),37.500% calc(100% - 73.7px),33.333% calc(100% - 64.9px),29.167% calc(100% - 40.2px),25.000% calc(100% - 14.0px),20.833% calc(100% - 5.4px),16.667% calc(100% - 19.6px),12.500% calc(100% - 42.9px),8.333% calc(100% - 58.2px),4.167% calc(100% - 61.9px),0.000% calc(100% - 63.4px))}
  78%{clip-path:polygon(0 0,100% 0,100.000% calc(100% - 9.3px),95.833% calc(100% - 5.8px),91.667% calc(100% - 15.6px),87.500% calc(100% - 33.5px),83.333% calc(100% - 47.3px),79.167% calc(100% - 48.9px),75.000% calc(100% - 41.4px),70.833% calc(100% - 33.9px),66.667% calc(100% - 30.6px),62.500% calc(100% - 27.2px),58.333% calc(100% - 18.8px),54.167% calc(100% - 8.6px),50.000% calc(100% - 6.1px),45.833% calc(100% - 17.0px),41.667% calc(100% - 35.1px),37.500% calc(100% - 48.0px),33.333% calc(100% - 48.4px),29.167% calc(100% - 40.7px),25.000% calc(100% - 33.5px),20.833% calc(100% - 30.3px),16.667% calc(100% - 26.5px),12.500% calc(100% - 17.9px),8.333% calc(100% - 7.9px),4.167% calc(100% - 6.6px),0.000% calc(100% - 18.6px))}
  100%{clip-path:polygon(0 0,100% 0,100.000% calc(100% - 0.0px),95.833% calc(100% - 0.0px),91.667% calc(100% - 0.0px),87.500% calc(100% - 0.0px),83.333% calc(100% - 0.0px),79.167% calc(100% - 0.0px),75.000% calc(100% - 0.0px),70.833% calc(100% - 0.0px),66.667% calc(100% - 0.0px),62.500% calc(100% - 0.0px),58.333% calc(100% - 0.0px),54.167% calc(100% - 0.0px),50.000% calc(100% - 0.0px),45.833% calc(100% - 0.0px),41.667% calc(100% - 0.0px),37.500% calc(100% - 0.0px),33.333% calc(100% - 0.0px),29.167% calc(100% - 0.0px),25.000% calc(100% - 0.0px),20.833% calc(100% - 0.0px),16.667% calc(100% - 0.0px),12.500% calc(100% - 0.0px),8.333% calc(100% - 0.0px),4.167% calc(100% - 0.0px),0.000% calc(100% - 0.0px))}
}
@media(prefers-reduced-motion:reduce){
  html[data-home-cover]::view-transition-old(root),html[data-home-cover]::view-transition-new(root){animation:none}
}
 .theme-preview-notice{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:90;display:grid;gap:4px;width:min(390px,calc(100vw - 32px));padding:14px 18px;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,var(--accent));color:var(--ink);font:12px var(--font);line-height:1.55;text-align:left;box-shadow:0 12px 34px #00000018;backdrop-filter:blur(14px);cursor:pointer;transition:transform .2s,box-shadow .2s}
.theme-preview-notice:hover,.theme-preview-notice:focus-visible{transform:translateX(-50%) translateY(-2px);box-shadow:0 15px 38px #00000024;outline:none}
.theme-preview-notice[hidden]{display:none!important}
.theme-preview-notice-title{font-size:14px;font-weight:600;letter-spacing:.02em}
.theme-preview-notice-copy{color:var(--muted)}
.theme-preview-notice-action{margin-top:4px;color:var(--accent);font-size:11px}
body.theme-preview-notice-active .scroll-invitation{display:none!important}
body.theme-preview-corner-disabled #dock .corner-entry{opacity:.38;cursor:not-allowed;filter:saturate(.35)}
body.theme-preview-corner-disabled #dock .corner-entry:disabled{pointer-events:none}
body.theme-preview-corner-disabled #dock .corner-dock-preview{display:none!important}
@media(max-width:760px){.theme-preview-notice{bottom:15px;width:calc(100vw - 30px);padding:12px 15px}}
 .account-field-error{display:block;min-height:0;margin:-3px 0 8px 72px;color:#d34d4d;font-size:10px;font-weight:600;line-height:1.6}
 #login .account-login-content input:focus{outline:none;border-color:var(--line);box-shadow:none}
 #login .account-input-row button.is-ready{color:var(--accent);font-weight:600;opacity:1}
 #login .account-input-row button.is-ready:disabled{color:var(--muted);opacity:.72}
 .account-security-entry{display:flex;align-items:center;justify-content:space-between;width:100%;margin:12px 0 4px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
 .account-security-entry span{font-size:13px}.account-security-entry small{color:var(--muted);font-size:10px}
 .account-security-entry:hover{border-color:var(--accent)}
 .account-forgot-password{display:block;margin:8px auto 0;border:0;background:none;color:var(--muted);font-size:11px;cursor:pointer}.account-forgot-password:hover{color:var(--accent)}
 #account-security{width:min(520px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));padding:24px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px}
 #account-security::backdrop{background:rgb(0 0 0 / .58);backdrop-filter:blur(8px)}
 .security-summary{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0;padding:12px 14px;border-radius:8px;background:var(--surface);color:var(--muted);font-size:11px}
 .security-sections{display:grid;gap:12px}.security-sections section{padding:15px;border:1px solid var(--line);border-radius:9px}.security-sections h3{margin:0 0 5px;font-size:14px}.security-sections p{margin:0 0 10px;color:var(--muted);font-size:11px;line-height:1.6}
 .security-form{display:grid;gap:8px}.security-form input{width:100%;box-sizing:border-box}.security-form button{justify-self:start}.security-sections section>button:disabled{padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted)}
 #account-security [data-security-status]{margin-top:12px}.account-status[data-kind=error]{color:#c77b68}.account-status[data-kind=success]{color:#86a989}
 .profile-view-summary{display:flex;align-items:center;gap:14px;padding:12px 0 18px}.profile-view-summary b{display:block;font-size:16px}.profile-view-summary small{display:block;margin-top:5px;color:var(--muted);font-size:11px}
 .profile-view-summary{width:100%;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
 .profile-view-summary{cursor:default}.profile-avatar-trigger{display:grid;place-items:center;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:var(--soft);color:var(--ink);cursor:pointer}.profile-avatar-trigger:hover{background:color-mix(in srgb,var(--accent) 16%,var(--soft))}.profile-avatar-trigger svg{width:30px;height:30px}
 #profile-item-editor input,#account-security-editor .security-form input{box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);font:13px var(--font);outline:none;box-shadow:none}#profile-item-editor input:focus,#account-security-editor .security-form input:focus{border-color:var(--line);outline:none;box-shadow:none}#profile-item-editor input::placeholder,#account-security-editor .security-form input::placeholder{color:var(--muted);opacity:.65}
 .profile-view-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.profile-view-list button{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;background:var(--surface);color:var(--ink);text-align:left}.profile-view-list button:hover{background:var(--soft)}.profile-view-list b{font-size:12px;font-weight:500}.profile-view-list span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.profile-view-list span svg{width:25px;height:25px;color:var(--ink)}
 #profile-item-editor,#account-security-editor{width:min(430px,calc(100vw - 32px));padding:24px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px}#profile-item-editor::backdrop,#account-security-editor::backdrop{background:rgb(0 0 0 / .58);backdrop-filter:blur(8px)}
 .profile-editor-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.profile-editor-options button{display:grid;place-items:center;gap:5px;padding:10px 5px;border:1px solid transparent;border-radius:8px;background:var(--soft);color:var(--ink)}.profile-editor-options button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.profile-editor-options svg{width:28px;height:28px}.profile-editor-options small{font-size:10px}.profile-gender-options{grid-template-columns:repeat(3,1fr)}
 .security-overview{display:grid;gap:1px;margin-top:16px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.security-overview button{display:flex;align-items:center;justify-content:space-between;padding:15px;background:var(--surface);color:var(--ink);text-align:left}.security-overview button:hover{background:var(--soft)}.security-overview b{font-size:13px;font-weight:500}.security-overview small{color:var(--muted);font-size:11px}.security-overview button:after{content:'›';margin-left:12px;color:var(--muted);font-size:18px}.profile-row-arrow{margin-left:9px;color:var(--muted);font-size:18px;font-style:normal;line-height:1}
 .account-entry{position:relative}
.header-membership-badge{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--member-accent);color:#fff;pointer-events:none}
.header-membership-badge svg{width:13px;height:13px}

/* Membership and shared-space surfaces consume the resolved global theme tokens. */
.membership-dialog{--accent:inherit;--member-accent:inherit;--ink:inherit;--muted:inherit;--bg:inherit;--surface:inherit;--soft:color-mix(in srgb,var(--accent) 15%,var(--surface));--line:color-mix(in srgb,var(--accent) 23%,var(--surface));background:var(--bg);color:var(--ink)}
.membership-dialog :is(.member-plans>button,.member-benefits article,.member-invite,.member-invite-stats,.member-empty,.member-payments button,.member-order-summary){background:var(--soft);color:var(--ink)}
.membership-dialog .member-plans>button[aria-pressed=true]{background:var(--accent-soft-strong);border-color:var(--accent);color:var(--ink)}
.membership-dialog .member-primary{background:var(--accent)!important;color:var(--selection-contrast,#fff)!important}
.membership-dialog .member-checkout{background:var(--surface);border-color:var(--line)}
.membership-dialog :is(.member-heading,.member-limit b,.member-carousel-nav button,.member-invite-stats strong,.member-comparison td:last-child,.member-polished .benefit-check,.payment-result-symbol,.checkout-choice .checkout-price){color:var(--accent)}
.membership-dialog :is(.member-sub,.member-policy,.member-status,.member-plans span,.member-invite-rules p,.member-comparison th,.member-checkout small,.member-order-summary p){color:var(--muted)}
.membership-dialog .member-comparison td,.membership-dialog .member-comparison tbody th{border-color:var(--line)}
.member-benefit-art{background:linear-gradient(135deg,var(--accent-soft-strong),var(--surface))}
.member-carousel-nav button{background:var(--accent-soft);color:var(--accent)}
.member-payments button[aria-pressed=true]{outline-color:var(--accent);background:var(--accent-soft-strong)}
.member-polished .member-comparison .benefit-check{color:var(--accent)!important}
.member-polished .member-title-invite>svg{color:var(--accent)}
#member-center.member-polished{--accent:inherit;--member-accent:inherit;--ink:inherit;--muted:inherit;--bg:inherit;--surface:inherit;--soft:color-mix(in srgb,var(--accent) 15%,var(--surface));--line:color-mix(in srgb,var(--accent) 23%,var(--surface));background:var(--surface);color:var(--ink)}
#member-center.member-polished .member-plans>button[aria-pressed=true]{background:var(--accent-soft-strong);box-shadow:inset 0 3px var(--accent);color:var(--ink)}
#member-center.member-polished .selected-entitlement{background:var(--accent-soft);color:var(--ink)}
#member-center.member-polished .member-checkout{background:var(--surface)}
#member-center.member-polished .member-checkout>.member-primary{background:var(--accent)!important;color:var(--selection-contrast,#fff)!important}
#member-center.member-polished .member-plans>button>span{color:var(--muted)!important}
#member-center.member-polished .member-plans>button>small{color:var(--muted)!important}
#member-center .member-title-invite{background:var(--accent)!important;color:var(--selection-contrast,#fff)!important}
#member-center .member-title-invite :is(b,small,span,svg){color:var(--selection-contrast,#fff)!important}
#member-center .member-title-invite:hover{background:var(--accent-hover)!important}
#agreement-required-dialog>.member-primary{background:var(--accent)!important;color:var(--selection-contrast,#fff)!important}
#member-invite-dialog.invite-monochrome{--accent:inherit;--member-accent:inherit;--ink:inherit;--muted:inherit;--bg:inherit;--surface:inherit;--soft:color-mix(in srgb,var(--accent) 15%,var(--surface));--line:color-mix(in srgb,var(--accent) 23%,var(--surface));background:var(--surface);color:var(--ink)}
#member-invite-dialog.invite-monochrome .invite-reward-cards article,#member-invite-dialog.invite-monochrome .member-heading button{background:var(--soft);color:var(--ink)}
#member-invite-dialog.invite-monochrome>.member-primary{background:var(--accent)!important;color:var(--selection-contrast,#fff)!important}
#space-share-dialog{--accent:inherit;--ink:inherit;--muted:inherit;--surface:inherit;--bg:inherit;--soft:inherit;--line:inherit;--selection-contrast:inherit;background:var(--surface);color:var(--ink)}
#space-share-dialog .primary{background:var(--accent);color:var(--selection-contrast,#fff)}
.membership-dialog :is(.member-feature-number,.member-limit,.member-carousel-nav,.membership-page-kicker){color:var(--muted)}
.membership-badge{color:var(--member-accent)}
.member-benefit-art i{background:color-mix(in srgb,var(--accent) 24%,transparent)}
.membership-dialog .member-plans del{color:var(--muted)}
.membership-dialog .member-comparison .benefit-check{color:var(--accent)!important}
.membership-dialog .selected-entitlement{background:var(--accent-soft);color:var(--ink)}
.member-polished .member-comparison tbody tr:nth-child(even){background:color-mix(in srgb,var(--accent) 3%,transparent)}
.member-polished .member-comparison tr:hover{background:var(--accent-soft)}
body[data-dark=true] .membership-dialog :is(.member-sub,.member-policy,.member-status,.member-plans span,.member-invite-rules p,.member-comparison th,.member-checkout small,.member-order-summary p){color:var(--muted)}
body[data-dark=true] .membership-dialog :is(.member-comparison td:last-child,.member-limit b){color:var(--accent)}
body[data-dark=true] .membership-dialog .member-plans>button[aria-pressed=true]{background:var(--accent-soft-strong);border-color:var(--accent);color:var(--ink)}
body[data-dark=true] .membership-dialog .member-comparison td,body[data-dark=true] .membership-dialog .member-comparison tbody th{border-color:var(--line)}
body[data-dark=true] .membership-dialog .member-payments button[aria-pressed=true]{outline-color:var(--accent);background:var(--accent-soft-strong)}
body[data-dark=true] .member-polished .member-comparison tbody tr:nth-child(even){background:color-mix(in srgb,var(--accent) 3%,transparent)}
body[data-dark=true] .member-polished .member-comparison tr:hover{background:var(--accent-soft)}
body[data-dark=true] .membership-dialog{--accent:inherit;--member-accent:inherit;--ink:inherit;--muted:inherit;--bg:inherit;--surface:inherit;--soft:color-mix(in srgb,var(--accent) 15%,var(--surface));--line:color-mix(in srgb,var(--accent) 23%,var(--surface));background:var(--bg);color:var(--ink)}
body[data-dark=true] .membership-dialog :is(.member-plans>button,.member-benefits article,.member-invite,.member-invite-stats,.member-empty,.member-payments button,.member-order-summary){background:var(--soft);color:var(--ink)}
body[data-dark=true] .member-benefit-art{background:linear-gradient(135deg,var(--accent-soft-strong),var(--surface))}
body[data-dark=true] #member-center.member-polished{--accent:inherit;--member-accent:inherit;--ink:inherit;--muted:inherit;--bg:inherit;--surface:inherit;--soft:color-mix(in srgb,var(--accent) 15%,var(--surface));--line:color-mix(in srgb,var(--accent) 23%,var(--surface));background:var(--surface);color:var(--ink)}
body[data-dark=true] #member-center.member-polished .member-checkout{background:var(--surface)}
body[data-dark=true] #member-invite-dialog.invite-monochrome{--accent:inherit;--member-accent:inherit;--ink:inherit;--muted:inherit;--bg:inherit;--surface:inherit;--soft:color-mix(in srgb,var(--accent) 15%,var(--surface));--line:color-mix(in srgb,var(--accent) 23%,var(--surface));background:var(--surface);color:var(--ink)}
body[data-dark=true] #agreement-required-dialog>.member-primary{background:var(--accent)!important;color:var(--selection-contrast,#fff)!important}

/* Search engine picker tabs. */
#search-form .search-engine-tabs-list{width:min(340px,calc(100vw - 48px));max-width:none;padding:10px;overflow:visible}
#search-form .search-engine-tabs-nav{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);padding-bottom:5px;margin-bottom:8px}
#search-form .search-engine-tabs-nav>button{flex:0 0 auto;width:auto;padding:7px 9px;border-radius:7px;color:var(--muted);font-size:11px;white-space:nowrap}
#search-form .search-engine-tabs-nav>button[aria-selected=true]{background:var(--accent);color:var(--selection-contrast,#fff);font-weight:600}
#search-form .search-engine-tab-panel[hidden]{display:none}
#search-form .search-engine-filter input{width:100%;min-width:0;margin:0;padding:0;border:0;background:transparent;color:var(--ink);outline:none;font-size:11px}
#search-form .search-engine-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
#search-form .search-engine-options>button{display:flex;align-items:center;gap:7px;min-width:0;padding:8px 7px;border-radius:7px;text-align:left;font-size:11px;color:var(--ink)}
#search-form .search-engine-options>button:hover{background:var(--soft)}
#search-form .search-engine-options>button[aria-selected=true]{color:var(--ink);background:color-mix(in srgb,var(--accent) 18%,var(--surface))}
#search-form .search-engine-options>button[hidden]{display:none}
#search-form .search-engine-options>button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#search-form .search-engine-options>button>b{margin-left:auto;color:var(--accent);font-weight:600}
#search-form .search-engine-logo{width:17px;height:17px;object-fit:contain;flex:none;color:var(--muted)}
#search-form .search-engine-tabs-list{background:color-mix(in srgb,var(--surface) 94%,var(--accent) 6%);border-color:color-mix(in srgb,var(--line) 72%,var(--accent) 28%);color:var(--ink)}
#search-form .search-engine-tabs-nav>button:hover:not([aria-selected=true]),#search-form .search-engine-options>button:hover:not([aria-selected=true]){background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--ink)}

/* The birthday picker keeps a fixed selection window in the middle. */
#birthday-dialog .birth-column{position:relative}
#birthday-dialog .birth-column::before{content:"";position:absolute;z-index:0;left:6px;right:6px;top:50%;height:36px;transform:translateY(-50%);border-radius:7px;background:var(--accent);pointer-events:none}
#birthday-dialog .birth-column button{position:relative;z-index:1;background:transparent;color:var(--ink)}
#birthday-dialog .birth-column button[aria-selected=true],#birthday-dialog .birth-column button.birth-center{background:transparent;color:var(--selection-contrast,#fff);font-weight:600}

/* Membership marker stays compact and anchored to the avatar corner. */
.header-membership-badge{right:-2px;top:-2px;bottom:auto;width:13px;height:13px}
.header-right .account-entry .header-membership-badge svg{display:block;width:9px;height:9px}
.menu-avatar i{right:-2px;top:-2px;bottom:auto;width:13px;height:13px;font-size:0}
.menu-avatar i svg{width:9px;height:9px}
.account-menu .menu-membership-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0 8px;padding:11px 10px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:10px;color:var(--ink)}.account-menu .menu-membership-card:hover{background:color-mix(in srgb,var(--accent) 17%,var(--surface))}.menu-membership-copy{min-width:0;width:100%}.menu-membership-copy b,.menu-membership-copy small{display:block}.menu-membership-copy b{font-size:12px;font-weight:600;color:var(--accent)}.menu-membership-copy small{margin-top:4px;font-size:10px;line-height:1.5;color:var(--muted);white-space:nowrap}.menu-membership-arrow{position:absolute;right:10px;top:10px;font-size:15px;color:var(--accent);flex:none}
/* The graph benefit illustration uses the same theme tokens as the existing carousel. */
#member-gate .gate-atlas-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--accent);width:100%;height:100%}
#member-gate .gate-atlas-preview>svg{width:178px;height:152px;stroke-width:1.6}
#member-gate .gate-atlas-preview>span{font-size:12px;color:var(--muted)}
#member-gate .gate-feature-detail{overflow-wrap:anywhere}
#member-center .member-checkout[hidden]{display:none}
#member-center [data-published-plan="free"]:disabled{opacity:1;cursor:default}
/* Resource details share the existing package columns and theme tokens. */
#member-center .member-benefit-title{display:flex;align-items:center;flex-wrap:wrap;gap:3px 7px;min-width:0}
#member-center .member-benefit-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px 0;border:0;background:transparent;color:var(--accent);font:inherit;white-space:nowrap;cursor:pointer}
#member-center .member-benefit-toggle svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .16s}
#member-center .member-benefit-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
#member-center .member-benefit-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
#member-center .member-comparison .member-resource-detail{background:color-mix(in srgb,var(--accent) 3%,var(--surface))}
#member-center .member-comparison .member-resource-detail:hover{background:var(--accent-soft)}
#member-center .member-resource-detail th,#member-center .member-resource-detail td{min-height:42px;padding:9px 8px;font-size:12px}
#member-center .member-resource-label{display:flex;align-items:center;gap:9px;padding-left:138px;color:var(--muted);overflow-wrap:anywhere}
#member-center .member-resource-preview{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;border-radius:50%}
#member-center .member-resource-preview[hidden]{display:none}
#member-center .member-resource-preview.color{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 15%,transparent)}
#member-center .member-resource-preview.font{width:23px;height:20px;border-radius:0;font-size:15px;color:var(--ink)}
#member-center .member-resource-preview.custom{background:conic-gradient(var(--accent),var(--surface),var(--accent))}
#member-center .member-resource-check{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--muted) 45%,transparent);border-radius:4px;color:var(--accent)}
#member-center [data-included=true] .member-resource-check{border-color:var(--accent);background:var(--accent-soft)}
#member-center .member-resource-check svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){#member-center .member-benefit-toggle svg{transition:none}}
[data-entitlement-badge]{flex-shrink:0}

.welcome-gift-dialog{width:min(420px,calc(100vw - 32px));max-width:none;box-sizing:border-box;padding:36px 34px 32px;border:1px solid color-mix(in srgb,var(--accent) 65%,white);border-radius:24px;background:color-mix(in srgb,var(--accent) 86%,var(--surface));color:var(--gift-ink);box-shadow:0 26px 90px #0005;text-align:center;overflow:visible;animation:welcome-gift-enter .42s cubic-bezier(.2,.8,.2,1) both}
.welcome-gift-dialog::backdrop{background:#111b21a8;backdrop-filter:blur(7px)}
.welcome-gift-close{position:absolute;right:16px;top:13px;border:0;background:transparent;color:inherit;font:25px/1 sans-serif;opacity:.72;cursor:pointer}
.welcome-gift-kicker{font:10px/1.4 sans-serif;letter-spacing:.25em;opacity:.72}
.welcome-gift-symbol{position:relative;display:flex;align-items:center;justify-content:center;height:94px;margin:5px auto 7px;font-size:31px}
.welcome-gift-symbol span{display:inline-block;filter:drop-shadow(0 4px 10px #0003);animation:welcome-gift-float 3.4s ease-in-out infinite}
.welcome-gift-symbol span:nth-child(1){font-size:21px;transform:translate(12px,17px);animation-delay:-.9s}.welcome-gift-symbol span:nth-child(2){font-size:61px;animation-delay:-.3s}.welcome-gift-symbol span:nth-child(3){font-size:24px;transform:translate(-12px,-14px);animation-delay:-1.7s}
.welcome-gift-dialog h2{margin:0;font-size:26px;font-weight:600;letter-spacing:.05em;color:inherit}.welcome-gift-dialog p{margin:13px 0 24px;font-size:13px;opacity:.85}
.welcome-gift-preview{display:grid;justify-items:center;gap:3px;padding:17px;border:1px solid currentColor;border-radius:14px;background:color-mix(in srgb,var(--surface) 12%,transparent);border-color:color-mix(in srgb,currentColor 23%,transparent)}
.welcome-gift-preview b{font:500 42px/1.1 Georgia,serif}.welcome-gift-preview span{font-size:13px}.welcome-gift-preview small{margin-top:6px;font-size:11px;opacity:.72}
.welcome-gift-accept{display:block;width:100%;margin-top:25px;padding:13px;border:0;border-radius:10px;background:var(--gift-ink);color:var(--accent);font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,opacity .2s}.welcome-gift-accept:hover{transform:translateY(-2px);opacity:.9}
.welcome-gift-note{display:block;margin-top:12px;font-size:10px;line-height:1.7;opacity:.68}
.welcome-gift-mote{position:fixed;z-index:10000;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 75%,white);pointer-events:none}
.welcome-gift-target{outline:2px solid var(--accent)!important;outline-offset:5px;transition:outline-offset .35s}
.welcome-gift-arrived{position:fixed;z-index:10000;max-width:225px;padding:9px 14px;border-radius:999px;background:var(--accent);color:var(--gift-ink,#fff);box-shadow:0 8px 26px #0003;font-size:12px;pointer-events:none;animation:welcome-gift-hint .3s ease-out both}
@keyframes welcome-gift-enter{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes welcome-gift-float{50%{translate:0 -8px}}
@keyframes welcome-gift-hint{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:540px){.welcome-gift-dialog{padding:34px 24px 28px}}
@media(prefers-reduced-motion:reduce){.welcome-gift-dialog,.welcome-gift-symbol span,.welcome-gift-arrived{animation:none}.welcome-gift-accept{transition:none}}

/* A quiet, fixed return notch for space and world views; existing return controls remain untouched. */
.space-home-tab{display:none;position:fixed;top:0;left:50%;z-index:29;width:120px;height:48px;padding:0;transform:translateX(-50%);opacity:.58;isolation:isolate;transition:opacity .2s ease}
body[data-view=space] .space-home-tab{display:block}
body.world-active .space-home-tab{display:block;top:auto;bottom:0;z-index:130;pointer-events:auto}
body.world-active .space-home-tab-shape{transform:rotate(180deg)}
body.world-active .space-home-tab-icon{top:auto;bottom:7px}
#space-atlas>.space-home-tab{display:block;z-index:90;pointer-events:auto}
#space-atlas>.space-home-tab .space-home-tab-shape{width:100%;height:100%}
#space-atlas>.space-home-tab .space-home-tab-icon svg{width:15px;height:15px}
.space-home-tab-shape{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:color-mix(in srgb,var(--accent) 10%,var(--surface));filter:drop-shadow(0 3px 5px #00000012);transition:fill .2s ease,filter .2s ease}
.space-home-tab-icon{position:absolute;top:7px;left:50%;display:grid;place-items:center;width:20px;height:20px;color:var(--muted);transform:translateX(-50%);transition:color .18s ease,opacity .18s ease,transform .18s ease}
.space-home-tab-icon svg{display:block;width:15px;height:15px}
.space-home-tab-arrow{opacity:0;transform:translate(-50%,6px)}
.space-home-tab:is(:hover,:focus-visible){opacity:1}
.space-home-tab:is(:hover,:focus-visible) .space-home-tab-icon{color:var(--ink)}
.space-home-tab:is(:hover,:focus-visible) .space-home-tab-shape{fill:color-mix(in srgb,var(--accent) 38%,var(--surface));filter:drop-shadow(0 5px 10px color-mix(in srgb,var(--accent) 30%,transparent))}
.space-home-tab:is(:hover,:focus-visible) .space-home-tab-house{opacity:0;transform:translate(-50%,-6px)}
.space-home-tab:is(:hover,:focus-visible) .space-home-tab-arrow{opacity:1;transform:translate(-50%,0)}
.space-home-tab:focus-visible{outline:none}
.space-home-tab:focus-visible .space-home-tab-shape{stroke:var(--accent);stroke-width:2px}
@media(max-width:760px){.space-home-tab{width:104px;height:42px}.space-home-tab-icon{top:5px}body.world-active .space-home-tab-icon{top:auto;bottom:5px}}
@media(prefers-reduced-motion:reduce){.space-home-tab,.space-home-tab-shape,.space-home-tab-icon{transition:none}}

/* Reveal the header as one unit after its language control is mounted. */
html:not([data-header-ready]) body>header .header-right{visibility:hidden}