:root{--accent:#8acbff;--accent-rgb:112,178,255;--accent-end:#7c70f0;--theme-bg:#050b17;--theme-glow:#163976;--theme-glow2:#28205c;--glass:rgba(16,28,48,.61);--glass-deep:rgba(8,17,33,.9);--theme-line:rgba(163,196,230,.16)}
body[data-theme="pet"]{--accent:#dfc1ed;--accent-rgb:214,177,235;--accent-end:#b9879c;--theme-bg:#161322;--theme-glow:#453854;--theme-glow2:#40302b;--glass:rgba(40,33,50,.6);--glass-deep:rgba(27,23,35,.94);--theme-line:rgba(226,199,231,.17)}
body[data-theme="art"]{--accent:#e5b7a5;--accent-rgb:220,170,159;--accent-end:#a981bc;--theme-bg:#130e19;--theme-glow:#493145;--theme-glow2:#47352c;--glass:rgba(38,27,40,.65);--glass-deep:rgba(30,23,33,.94);--theme-line:rgba(222,188,193,.18)}
body[data-theme="cosmos"]{--accent:#b9b6fa;--accent-rgb:163,158,248;--accent-end:#6070d4;--theme-bg:#070818;--theme-glow:#232658;--theme-glow2:#271647;--glass:rgba(25,27,55,.63);--glass-deep:rgba(15,18,40,.94);--theme-line:rgba(166,167,231,.18)}
body[data-theme="nature"]{--accent:#9ce5d5;--accent-rgb:136,218,197;--accent-end:#447f8d;--theme-bg:#061613;--theme-glow:#12473e;--theme-glow2:#143d46;--glass:rgba(15,40,35,.62);--glass-deep:rgba(8,28,25,.94);--theme-line:rgba(160,214,199,.16)}
body[data-theme="architecture"]{--accent:#e4d9b7;--accent-rgb:219,204,164;--accent-end:#999083;--theme-bg:#171718;--theme-glow:#363d42;--theme-glow2:#403b2d;--glass:rgba(39,40,42,.61);--glass-deep:rgba(27,28,30,.94);--theme-line:rgba(217,214,200,.17)}
body{background:var(--theme-bg);isolation:isolate;overflow-x:clip;transition:background-color .7s ease;--line:var(--theme-line);--line-strong:rgba(var(--accent-rgb),.33);--text:#f1f4fb;--muted:#9daabc;--dim:#77859b;--blue:var(--accent);--cyan:var(--accent);--violet:var(--accent-end)}
/* One page backdrop, then one full-viewport particle layer, then the glass UI.
   Section backgrounds must stay transparent so they cannot erase this layer. */
body:before{display:block;content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 12% 66%,var(--theme-glow),transparent 55%),radial-gradient(ellipse at 92% 24%,var(--theme-glow2),transparent 52%);filter:none;animation:none}
body:after,.aurora{display:none}
#particleCanvas{position:fixed;inset:0;width:100%;height:100%;display:block;opacity:1;z-index:1;pointer-events:none;mix-blend-mode:normal;contain:strict}
.app-shell{isolation:isolate;z-index:2}
.topbar{position:sticky;top:0;left:auto;right:auto;height:84px;padding:0 36px;grid-template-columns:minmax(140px,1fr) auto;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.brand-copy b{font-size:20px;letter-spacing:.19em}.brand-copy small{font-size:10px;letter-spacing:.2em;color:#8b9aac}
.brand-mark{background:linear-gradient(140deg,rgba(var(--accent-rgb),.24),rgba(var(--accent-rgb),.03));border-color:rgba(var(--accent-rgb),.38);box-shadow:inset 0 1px 0 #ffffff26,0 0 26px rgba(var(--accent-rgb),.1)}
.brand-mark i{background:var(--accent);box-shadow:0 0 12px var(--accent)}
.top-actions{gap:11px}.utility-nav{height:45px;gap:5px;max-width:none;overflow:visible}.utility-link{width:38px;height:38px;flex-basis:38px;background:transparent;border-color:transparent;color:#a0adbf;border-radius:12px}.utility-icon svg{width:19px;height:19px}
.utility-link:hover,.utility-link:focus-visible,.utility-link.active{color:var(--accent);border-color:var(--theme-line);background:rgba(var(--accent-rgb),.08);box-shadow:none}
.utility-label{top:43px;background:var(--glass-deep);color:var(--text);font-size:13px;z-index:60}.service-state{display:none}
.notice-button,.account-button{background:rgba(var(--accent-rgb),.045);border-color:var(--theme-line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.account-avatar{background:linear-gradient(145deg,rgba(var(--accent-rgb),.52),var(--accent-end));box-shadow:inset 0 1px 0 #ffffff32}.account-copy b{font-size:13px}.account-copy small{font-size:11px;color:var(--muted)}
.notice-popover{background:var(--glass-deep);border-color:var(--theme-line);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.notice-popover:before{background:var(--glass-deep)}.notice-popover p{font-size:14px}.notice-popover h2{font-size:16px}
.search-landing{height:100svh;min-height:720px;position:relative;isolation:isolate;overflow:clip;background:none}
@supports not (overflow:clip){.search-landing{overflow:hidden}.search-landing>.topbar{position:absolute;left:0;right:0}}
#worldCanvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;transition:opacity .45s ease;outline-offset:-7px}
#worldCanvas:active{cursor:grabbing}body.world-changing #worldCanvas{opacity:.15}
.world-vignette{display:none}
.landing-weather{position:absolute;top:110px;right:40px;z-index:3;display:flex;gap:12px;align-items:center;color:#c8d2e0}
.landing-weather .weather-icon{font-size:26px;width:auto;height:auto;background:none;box-shadow:none}.landing-weather>div{display:grid;gap:5px}.landing-weather strong{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:400}.landing-weather #weatherTemperature{font-size:22px;font-variant-numeric:tabular-nums}.landing-weather #weatherCity{font-size:12px;color:#a1adbf}.weather-details{position:absolute;right:0;top:100%;padding-top:10px;white-space:nowrap;font-size:12px;color:#8e9bac;opacity:0;transition:opacity .2s}.landing-weather:hover .weather-details{opacity:1}
.landing-center{width:min(790px,calc(100% - 40px));position:absolute;z-index:8;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}
.landing-date{display:flex;justify-content:center;align-items:center;gap:14px;color:#b1bfce;font-size:14px;letter-spacing:.08em}.landing-date #lunarDate{font-size:12px;letter-spacing:0;color:#95a4b6}.date-divider{width:20px;height:1px;background:#a6b7ca66}
.landing-center .clock-time{margin:18px 0 12px;font-size:clamp(92px,8.8vw,144px);font-weight:250;line-height:1;letter-spacing:-.045em;transform:translateX(-.025em);color:#f4f7fc;text-shadow:0 4px 40px rgba(0,0,0,.15)}
.clock-time span{color:inherit;opacity:.7;display:inline-block;transform:translateY(-.055em);margin:0 .04em}
.landing-greeting{display:flex;justify-content:center;align-items:center;gap:9px;margin:0;color:#dbe3ed;font-size:19px;font-weight:350;letter-spacing:.05em}.landing-greeting #dayPhase{font-size:18px;color:var(--accent)}
.landing-center h1{margin:27px 0 23px;font-size:clamp(17px,1.6vw,24px);font-weight:450;letter-spacing:.025em;color:#e3eaf4;line-height:1.7}
.landing-center .search-box{height:70px;pointer-events:auto;border:1px solid rgba(var(--accent-rgb),.32);border-radius:21px;background:linear-gradient(120deg,rgba(255,255,255,.095),rgba(255,255,255,.026) 34%),var(--glass);backdrop-filter:blur(30px) saturate(135%);-webkit-backdrop-filter:blur(30px) saturate(135%);box-shadow:inset 0 1px 1px rgba(255,255,255,.18),inset 0 -1px 1px rgba(255,255,255,.04),0 20px 65px #00000035;transition:border-color .2s,box-shadow .2s}
.landing-center .search-box:focus-within{border-color:rgba(var(--accent-rgb),.65);box-shadow:inset 0 1px 1px #ffffff24,0 0 0 4px rgba(var(--accent-rgb),.065),0 20px 65px #00000038}
.engine-picker{flex-basis:163px}.engine-trigger{background:transparent;grid-template-columns:32px 1fr 16px;padding:0 15px;gap:9px;border-radius:20px 0 0 20px}.engine-trigger:hover,.engine-trigger[aria-expanded="true"]{background:rgba(var(--accent-rgb),.08)}.engine-trigger>span:nth-child(2){font-size:14px}.engine-logo{width:32px;height:32px}.engine-logo img{width:22px;height:22px}.engine-trigger svg{color:#a4b1c3}
.engine-menu{top:80px;z-index:50;background:var(--glass-deep);border-color:var(--theme-line);text-align:left;max-height:320px;overflow-y:auto}.engine-menu:before{display:none}.engine-option{height:47px}.engine-option>span:nth-child(2){font-size:14px}.engine-option.selected{background:rgba(var(--accent-rgb),.1);border-color:var(--theme-line)}.engine-option:hover{background:rgba(var(--accent-rgb),.09)}.engine-option .option-check{color:var(--accent)}
.search-box>input{font-size:16px;color:#f0f4fa;padding:0 16px}.search-box>input::placeholder{color:#93a1b5}.search-icon{color:#a0b2c8}.search-box kbd{font-size:12px;color:#95a8c1}.search-divider{height:25px}.search-button{height:49px;padding:0 24px;margin-right:10px;border-radius:14px;font-size:15px;background:linear-gradient(130deg,rgba(var(--accent-rgb),.44),var(--accent-end));box-shadow:inset 0 1px 0 #ffffff36,0 8px 23px #00000024}
.landing-center .daily-quote{margin-top:24px;font-size:14px;font-weight:350;letter-spacing:.04em;color:#a1adbf;line-height:1.8}
.landing-bottom{position:absolute;z-index:5;left:38px;right:38px;bottom:24px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:end;pointer-events:none}
.world-caption{align-self:center;display:grid;gap:7px}.world-caption>span{font-size:11px;letter-spacing:.16em;color:#8394ac}.world-caption strong{font-size:16px;letter-spacing:.08em;font-weight:450}.world-caption p{margin:0;color:#8e9eaf;font-size:12px}
.theme-switcher{display:flex;align-items:center;flex-direction:column;gap:20px;pointer-events:auto}.theme-dock{padding:7px;display:flex;gap:4px;border:1px solid var(--theme-line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),var(--glass);box-shadow:inset 0 1px 0 #ffffff14,0 16px 60px #00000028;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)}
.theme-choice{width:88px;height:63px;padding:8px 6px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;border:1px solid transparent;border-radius:15px;background:transparent;color:#a0afc1;cursor:pointer;transition:background .2s,color .2s,transform .2s}.theme-choice svg{width:21px;height:21px;stroke-width:1.5}.theme-choice span{font-size:12px;white-space:nowrap}.theme-choice:hover{color:#fff;background:rgba(255,255,255,.035);transform:translateY(-2px)}.theme-choice.selected{border-color:rgba(var(--accent-rgb),.27);color:var(--accent);background:linear-gradient(145deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.045));box-shadow:inset 0 1px 0 #ffffff12}
.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:6px;color:#95a5ba;font-size:12px;letter-spacing:.08em}.scroll-cue:hover{color:var(--accent)}.scroll-cue svg{width:18px;height:18px;animation:scrollBreathe 2.6s ease-in-out infinite}
.world-controls{justify-self:end;align-self:center;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:auto}.world-controls>span{font-size:12px;color:#8d9bb0}.world-controls>div{display:flex;gap:8px}.world-controls button{width:35px;height:35px;display:grid;place-items:center;color:#b4c3d5;border:1px solid var(--theme-line);border-radius:11px;background:rgba(255,255,255,.035);cursor:pointer}.world-controls button:hover{background:rgba(var(--accent-rgb),.14);color:var(--accent)}.world-controls svg{width:16px;height:16px}
.collection-section{position:relative;z-index:9;scroll-margin-top:0;padding:64px 0 12px;background:none;border-top:1px solid var(--theme-line)}
.collection-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(24px,4vw,76px) 32px}.collection-intro>div>span{font-size:11px;letter-spacing:.17em;color:#788a9e}.collection-intro h2{margin:10px 0 0;font-size:27px;font-weight:450;letter-spacing:.025em}.collection-intro>a{display:flex;align-items:center;gap:7px;font-size:14px;color:#acbacc}.collection-intro>a svg{width:18px;height:18px}.collection-intro>a:hover{color:var(--accent)}
.page-grid{padding:0 clamp(24px,4vw,76px);grid-template-columns:220px minmax(0,1fr) 310px;gap:22px;align-items:stretch}.left-rail{position:sticky;top:96px;height:min(750px,calc(100svh - 114px));min-height:630px;border-radius:21px;background:var(--glass)}
.main-content{height:auto;gap:22px;z-index:2}.directory-panel{flex:1;min-height:310px;background:var(--glass);padding:25px;border-radius:23px}.activity-panel{min-height:230px;background:var(--glass);grid-template-columns:1.1fr .9fr}.right-rail{height:auto;z-index:1}.hot-panel{background:var(--glass);padding:23px;min-height:620px}.left-rail,.directory-panel,.activity-panel,.hot-panel{border-color:var(--theme-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 18px 55px #00000019;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
.category-button{height:46px;flex-basis:46px}.category-button>span:nth-child(2){font-size:14px}.category-button em{font-size:12px;color:#8495a9}.category-button.active{background:linear-gradient(110deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.035));border-color:var(--theme-line);box-shadow:inset 3px 0 0 var(--accent)}.category-button{color:#a5b5c8}.category-icon{color:#a5bacf;background:rgba(var(--accent-rgb),.055)}.category-button.personal .category-icon,.category-button.recommended .category-icon{color:var(--accent);background:rgba(var(--accent-rgb),.1)}
.rail-heading span{font-size:14px}.rail-heading small{font-size:12px}.rail-account{background:rgba(var(--accent-rgb),.04);border-color:var(--theme-line);margin-top:20px}.rail-account strong{font-size:13px}.rail-account small{font-size:12px}.rail-account button{color:var(--accent);font-size:13px;background:rgba(var(--accent-rgb),.06);border-color:var(--theme-line)}
.section-title h2{font-size:20px}.section-title p{font-size:13px;color:#8c9cb0;line-height:1.6}.accent-bar{background:linear-gradient(var(--accent),var(--accent-end))}.recommendation-note{background:rgba(var(--accent-rgb),.05);border-color:var(--theme-line);padding:12px;margin:18px 0}.recommendation-note p{font-size:13px;line-height:1.7}.recommendation-note p strong{color:var(--accent)}.recommendation-note p span{font-size:12px;color:#8b9caf}.recommendation-spark{color:var(--accent)}
.site-grid{grid-template-columns:repeat(auto-fill,minmax(114px,1fr));gap:12px}.site-card{min-height:112px;gap:11px;background:rgba(var(--accent-rgb),.035);border-color:rgba(var(--accent-rgb),.08);box-shadow:inset 0 1px 0 #ffffff05}.site-card strong{font-size:14px;font-weight:400}.site-card:hover{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.35);box-shadow:0 10px 30px #00000028}.site-logo{width:45px;height:45px}.site-logo img{width:28px;height:28px}
.text-button,.plain-link{font-size:13px;color:#a3b5cb}.text-button{background:rgba(var(--accent-rgb),.05)}.text-button:hover{border-color:var(--theme-line);color:var(--accent)}.activity-heading h2{font-size:16px}.activity-heading p{font-size:12px}.activity-heading .plain-link{font-size:12px}.recent-center-list{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-copy strong{font-size:13px}.recent-copy small{font-size:12px}.recent-center-list .recent-item{background:rgba(var(--accent-rgb),.035)}.recent-empty{font-size:13px}.inspiration-panel{background:rgba(var(--accent-rgb),.035)}.inspiration-layout{grid-template-columns:1fr 1.05fr}.inspiration-heading{font-size:10px}.inspiration-copy>small{font-size:12px}.inspiration-copy>strong{font-size:15px}.inspiration-copy>p{font-size:12px}.inspiration-copy a,.inspiration-copy button{font-size:12px}.inspiration-copy a{color:var(--accent);background:rgba(var(--accent-rgb),.08);border-color:var(--theme-line)}.inspiration-copy>div{flex-wrap:wrap}
.side-header h2{font-size:17px}.side-icon{background:rgba(var(--accent-rgb),.09);color:var(--accent)}.api-state{font-size:11px;color:var(--accent);background:rgba(var(--accent-rgb),.08);border-color:var(--theme-line)}.hot-tabs{margin:22px 0 12px;background:#00000025}.hot-tabs button{font-size:14px}.hot-tabs button.active{background:rgba(var(--accent-rgb),.17)}.hot-list li{min-height:44px}.hot-list a{font-size:14px}.hot-list .rank{font-size:12px}.hot-list li:nth-child(-n+3) .rank{color:var(--accent)}.hot-badge{font-size:11px}.hot-update{font-size:12px;margin-top:22px;color:#8192a5}
.site-footer{background:none;padding:25px 24px 30px;min-height:80px;color:#8794a6;font-size:12px}.dialog{background:var(--glass-deep);border-color:var(--theme-line);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)}.dialog-description,.dialog label{font-size:14px}.dialog input{font-size:16px}.dialog-submit{font-size:15px}.privacy-note{font-size:12px}.picker-item strong{font-size:13px}.picker-footer{background:var(--glass-deep)}.picker-footer span{font-size:13px}.toast{font-size:14px;background:var(--glass-deep);border-color:var(--theme-line)}
@keyframes scrollBreathe{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(4px);opacity:1}}
@media(min-width:1800px){.page-grid{grid-template-columns:250px minmax(0,1fr) 340px;gap:28px}.site-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.landing-center{width:820px}.theme-choice{width:96px}}
@media(max-width:1350px){.page-grid{grid-template-columns:190px minmax(0,1fr) 280px;gap:16px;padding-inline:24px}.category-button{padding-inline:5px;gap:5px}.directory-panel{padding:20px}.activity-panel{grid-template-columns:1fr}.recent-center{border-right:0;border-bottom:1px solid var(--theme-line)}.inspiration-layout{grid-template-columns:140px 1fr;height:150px}.hot-panel{padding:19px}.landing-bottom{left:26px;right:26px}.world-caption p{max-width:150px;line-height:1.6}.theme-choice{width:77px}.world-controls>span{max-width:135px;text-align:right;line-height:1.6}.landing-center{width:710px}.landing-center .clock-time{font-size:116px}}
@media(max-width:1100px){.topbar{padding-inline:24px}.account-copy,.account-button>svg{display:none}.account-button{width:44px;justify-content:center;padding:3px}.landing-center{width:min(690px,calc(100% - 54px))}.landing-weather{top:106px;right:28px}.landing-bottom{grid-template-columns:1fr;bottom:23px}.theme-switcher{justify-self:center}.world-caption{position:absolute;left:0;bottom:55px}.world-controls{position:absolute;right:0;bottom:48px}.world-caption p,.world-controls>span{display:none}.world-caption strong{font-size:13px}.world-caption>span{font-size:10px}.page-grid{grid-template-columns:180px minmax(0,1fr)}.right-rail{grid-column:2;display:block;height:auto}.hot-panel{min-height:0}.hot-list{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.hot-list li{min-width:0}.left-rail{grid-row:1 / span 2;min-height:630px}.main-content{height:auto}.directory-panel{flex:none;min-height:320px}.activity-panel{grid-template-columns:1fr}.collection-intro{padding-inline:24px}}
@media(max-width:880px){.mobile-menu-button{display:grid}.brand-copy small{display:none}.utility-nav{overflow:visible;max-width:none}.page-grid{display:block;padding-inline:20px}.left-rail{min-height:0;height:100dvh;z-index:55;top:0}.main-content{gap:16px}.right-rail{margin-top:16px}.landing-center .clock-time{font-size:108px}.landing-center h1{font-size:19px}.world-caption{bottom:20px}.world-controls{bottom:15px}.theme-switcher{gap:20px}.theme-choice{width:81px}.collection-intro{padding-inline:20px}.collection-section{padding-top:92px}.search-landing{min-height:740px}.landing-center{top:43%}}
@media(max-width:650px){.topbar{height:70px;padding:0 16px;grid-template-columns:auto minmax(0,1fr);gap:12px}.topbar-left{gap:0}.brand-copy{display:none}.brand-mark{width:35px;height:35px;flex-basis:35px}.mobile-menu-button{width:33px;height:35px;margin-right:8px}.top-actions{gap:6px}.utility-nav{gap:0;max-width:none}.utility-link{width:30px;height:35px;flex-basis:30px;border-radius:9px}.utility-icon svg{width:16px;height:16px}.utility-label{font-size:12px}.notice-button{width:33px;height:35px}.account-button{width:36px;height:37px;min-width:36px}.account-avatar{width:29px;height:29px;flex-basis:29px;border-radius:9px}.notice-dot{right:4px;top:4px}.notice-popover{top:76px}.landing-weather{top:93px;right:22px;gap:8px}.landing-weather .weather-icon{font-size:21px}.landing-weather strong{font-size:12px;gap:6px}.landing-weather #weatherTemperature{font-size:19px}.landing-weather #weatherCity{font-size:11px}.landing-center{width:calc(100% - 34px);top:43%;}.landing-date{font-size:12px;gap:9px;letter-spacing:.02em}.landing-date #lunarDate{display:none}.landing-center .clock-time{font-size:92px;margin-top:18px}.landing-greeting{font-size:16px}.landing-center h1{font-size:16px;max-width:350px;margin:25px auto 18px;line-height:1.75}.landing-center .search-box{height:61px;border-radius:18px}.engine-picker{flex-basis:62px}.engine-trigger{grid-template-columns:29px 12px;padding:0 8px;gap:4px}.engine-logo{width:29px;height:29px}.engine-logo img{width:20px;height:20px}.engine-trigger>span:nth-child(2){display:none}.engine-trigger svg{width:12px}.search-box>input{font-size:16px;padding:0 10px}.search-icon{display:none}.search-divider{display:block;height:23px}.search-box kbd{display:none}.search-button{height:44px;padding:0 17px;margin-right:7px;font-size:14px}.engine-menu{top:70px;width:205px}.landing-center .daily-quote{font-size:12px;max-width:330px;margin:20px auto 0}.landing-bottom{left:16px;right:16px;bottom:20px}.theme-dock{padding:5px;gap:1px;border-radius:18px;max-width:100%}.theme-choice{width:52px;height:59px;padding:5px 0;border-radius:12px;gap:7px}.theme-choice span{font-size:10px}.theme-choice svg{width:20px;height:20px}.theme-switcher{gap:25px}.scroll-cue{font-size:11px}.world-caption{bottom:4px;gap:4px}.world-caption strong{font-size:11px}.world-caption>span{font-size:9px}.world-controls{bottom:3px}.world-controls>div{gap:6px}.world-controls button{width:29px;height:29px;border-radius:9px}.world-controls svg{width:14px;height:14px}.collection-section{padding-top:84px}.collection-intro{padding-bottom:25px}.collection-intro h2{font-size:22px}.collection-intro>a{font-size:12px}.collection-intro>div>span{font-size:10px}.page-grid{padding-inline:14px}.site-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.site-card strong{font-size:13px}.site-card{min-height:103px;padding-inline:4px}.directory-panel{padding:19px 14px}.section-title h2{font-size:18px}.section-title p{font-size:12px}.recommendation-note p span{font-size:12px}.section-actions .text-button{font-size:0;width:33px}.section-actions .text-button svg{width:16px}.inspiration-layout{grid-template-columns:130px 1fr}.hot-list{display:block}.hot-list li{min-height:45px}.site-footer{gap:8px 12px;font-size:11px}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.topbar{padding-inline:10px;gap:5px}.top-actions{gap:3px}.utility-link{width:27px;flex-basis:27px}.brand-mark{width:29px;height:32px;flex-basis:29px}.mobile-menu-button{width:29px;margin-right:5px}.theme-choice{width:46px}.search-button{padding-inline:12px}.landing-center h1{font-size:15px}}
@media(max-height:740px) and (min-width:881px){.search-landing{min-height:660px}.landing-center{top:45%}.landing-center .clock-time{font-size:95px;margin:12px 0}.landing-center h1{margin:18px 0}.landing-center .daily-quote{margin-top:17px}.landing-center .search-box{height:63px}.theme-choice{height:55px}.landing-bottom{bottom:17px}.theme-switcher{gap:13px}.landing-weather{top:99px}}
@media(prefers-reduced-motion:reduce){.scroll-cue svg{animation:none}body,.search-landing,#worldCanvas{transition:none}}

/* Keep the collection's collapsible rail independent from the immersive screen. */
body[data-theme="network"]{--accent:#8dcedd;--accent-rgb:119,192,214;--accent-end:#427c9c;--theme-bg:#050c17;--theme-glow:#103048;--theme-glow2:#132e42;--glass:rgba(18,37,51,.64);--glass-deep:rgba(9,24,37,.94)}
body[data-theme="pet"]{--accent:#dfd0bd;--accent-rgb:217,199,179;--accent-end:#948795;--theme-bg:#14151d;--theme-glow:#373c47;--theme-glow2:#423b3b;--glass:rgba(38,37,46,.64);--glass-deep:rgba(26,26,34,.94)}
body[data-theme="architecture"]{--theme-glow:#303c42;--theme-glow2:#3b3c36;--accent:#d8d3c3}
.network-hud{position:absolute;z-index:3;top:calc(45% - 156px);left:calc(51% + min(23vw,410px) + clamp(24px,3vw,60px));right:auto;width:clamp(220px,16vw,280px);padding:20px;color:#9cc2cf;border:1px solid rgba(151,208,220,.13);border-radius:22px;background:linear-gradient(140deg,rgba(131,195,210,.075),rgba(27,72,92,.035));box-shadow:inset 0 1px 0 #ffffff0a,0 18px 50px #0000000e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none;opacity:.86;transition:opacity .45s,visibility .45s}
body:not([data-theme="network"]) .network-hud{opacity:0;visibility:hidden}
.network-hud:before,.network-hud:after{display:none}
.network-hud header,.network-hud footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.network-hud header{font-size:12px;letter-spacing:.07em;flex-wrap:wrap;gap:8px}.network-hud header span{display:flex;align-items:center;gap:8px}.network-hud header i{width:4px;height:4px;border-radius:50%;background:#94d6dd;box-shadow:none}.network-hud header em{color:#698b99;font-size:12px;font-style:normal;letter-spacing:0}
.network-radar{height:88px;margin:14px 0 12px;overflow:visible}.network-radar svg{width:100%;height:100%;overflow:visible}.network-radar path{fill:none;vector-effect:non-scaling-stroke}.radar-grid{stroke:rgba(118,180,199,.09);stroke-width:1}.radar-route{stroke-width:1.1;stroke-dasharray:3 7;animation:networkRoute 7s linear infinite}.route-a{stroke:rgba(134,229,233,.55)}.route-b{stroke:rgba(85,153,184,.28);animation-duration:11s;animation-direction:reverse}.network-radar circle{fill:#adfbef;filter:drop-shadow(0 0 5px #5edbe5)}
.network-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid rgba(121,193,210,.11);border-bottom:1px solid rgba(121,193,210,.11)}.network-metrics>div{padding:14px 0}.network-metrics>div+div{padding-left:14px;border-left:1px solid rgba(121,193,210,.11)}.network-metrics span{display:block;margin-bottom:8px;color:#91afbb;font-size:14px;letter-spacing:.03em}.network-metrics strong{color:#c1e3e8;font-size:26px;font-weight:350;letter-spacing:.02em;font-variant-numeric:tabular-nums}.network-metrics small{font-size:12px;color:#7797a6;font-weight:400}
.network-spectrum{height:22px;margin:11px 0 8px;display:flex;align-items:end;gap:5px}.network-spectrum i{width:100%;height:34%;border-radius:4px 4px 1px 1px;background:linear-gradient(to top,rgba(77,155,180,.12),rgba(132,231,232,.56));transform-origin:bottom;animation:networkBars 2.8s ease-in-out infinite}.network-spectrum i:nth-child(3n+1){height:72%;animation-delay:-.7s}.network-spectrum i:nth-child(3n+2){height:48%;animation-delay:-1.5s}.network-spectrum i:nth-child(5n){height:88%;animation-delay:-2.1s}
.network-hud footer{color:#71929f;font-size:12px;letter-spacing:0;flex-wrap:wrap;gap:6px}.network-hud footer b{color:#89b8c3;font-size:12px;font-weight:450;letter-spacing:.06em}.world-dragging .network-hud{opacity:.94}.network-pulse .network-radar circle{animation:nodePulse .8s ease-out}
@keyframes networkRoute{to{stroke-dashoffset:-40}}
@keyframes networkBars{0%,100%{transform:scaleY(.44);opacity:.38}50%{transform:scaleY(1);opacity:.88}}
@keyframes hudPulse{0%{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 rgba(92,220,229,0)}35%{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 42px rgba(92,220,229,.12)}100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 rgba(92,220,229,0)}}
@keyframes nodePulse{0%{r:3px;opacity:1}100%{r:11px;opacity:.25}}
:root{--rail-width:220px;--right-width:310px}
.page-grid{grid-template-columns:var(--rail-width) minmax(0,1fr) var(--right-width)}
body.mobile-rail-open .collection-section{z-index:60}
@media(min-width:1800px){:root{--rail-width:250px;--right-width:340px}}
@media(max-width:1350px){:root{--rail-width:190px;--right-width:280px}}
@media(min-width:1220px){body[data-theme="network"] .landing-center{left:51%;width:min(46vw,820px)}}
@media(max-width:1219px){.network-hud{display:none}}
@media(max-width:1100px){:root{--rail-width:180px}.page-grid{grid-template-columns:var(--rail-width) minmax(0,1fr)}}
@media(max-width:880px){.network-hud{display:none}}
@media(max-width:650px){.theme-choice span{font-size:12px;letter-spacing:-.035em}.landing-center h1{pointer-events:none}}
@media(max-width:380px){.topbar-left .brand{display:none}.theme-dock{gap:0}.theme-choice{width:calc((100vw - 46px)/6)}.theme-choice span{letter-spacing:-.065em}}
@media(prefers-reduced-motion:reduce){.radar-route,.network-spectrum i,.network-pulse .network-hud,.network-pulse .network-radar circle{animation:none}}
.collection-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.collection-actions a,.collection-menu-button{display:flex;align-items:center;gap:7px;font-size:14px;line-height:1.5;color:#acbacc}
.collection-actions svg{width:18px;height:18px;flex-shrink:0}
.collection-menu-button{display:none;border:1px solid var(--theme-line);border-radius:11px;background:var(--glass);padding:9px 12px;cursor:pointer}
@media(min-width:881px){.left-rail{top:24px;height:min(750px,calc(100svh - 48px))}}
@media(max-width:880px){.collection-menu-button{display:flex}.collection-section{padding-top:48px}.collection-intro{align-items:flex-start;flex-wrap:wrap}.collection-actions{gap:14px}}
body[data-motion="paused"] .radar-route,body[data-motion="paused"] .network-spectrum i{animation-play-state:paused}