@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg: #050b19;--surface: #0c1528;--glass: rgba(14, 25, 46, .76);--glass-soft: rgba(22, 39, 69, .46);--text: #edf2ff;--muted: #a1b0cc;--subtle: #8396b8;--line: rgba(136, 169, 232, .19);--line-bright: rgba(160, 184, 250, .4);--gold: #ffddb0;--gold-text: #3a281a;--pink: #ffa0ca;--blue: #a8c5ff;--purple: #a89cff;--logo-center: #17233c;--sidebar-width: 224px;--radius: 16px;--ease: cubic-bezier(.22, 1, .36, 1);font-family:Outfit,Noto Sans SC,sans-serif;color-scheme:dark}:root[data-theme=light]{--bg: #edf0fb;--surface: #f9faff;--glass: rgba(249, 250, 255, .88);--glass-soft: rgba(214, 224, 247, .65);--text: #203251;--muted: #506381;--subtle: #627492;--line: rgba(68, 98, 160, .2);--line-bright: rgba(68, 98, 160, .45);--blue: #385ea0;--purple: #6850b7;--pink: #c02e73;--logo-center: #f2ebdb;color-scheme:light}:root[data-theme=aurora]{--bg: #061719;--surface: #0b2529;--glass: rgba(10, 36, 40, .82);--glass-soft: rgba(33, 76, 76, .46);--text: #e5fff5;--muted: #abc9c2;--subtle: #93b6b3;--line: rgba(118, 213, 184, .23);--line-bright: rgba(152, 234, 205, .48);--blue: #9bddd7;--purple: #cab3ff;--pink: #f9b7de;--logo-center: #163638}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;min-width:320px;color:var(--text);background:var(--bg);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button{transition:color .2s,background .2s,border-color .2s,transform .2s var(--ease),box-shadow .2s}button:disabled{cursor:not-allowed;opacity:.5}button:active:not(:disabled){transform:scale(.97)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[data-theme=light] button:focus-visible,[data-theme=light] a:focus-visible{outline-color:var(--blue)}::selection{background:#8c79bb;color:#fff}img{display:block;width:100%}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}.sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:8px;left:8px;background:var(--gold);color:var(--gold-text);z-index:100;padding:12px 18px;border-radius:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}.app-shell{min-height:100dvh;background:radial-gradient(ellipse at 70% 30%,rgba(56,45,121,.14),transparent 55%),var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;z-index:40;border-right:1px solid var(--line);background:linear-gradient(180deg,#071022eb,#050b19fa),url(/assets/cosmic-citadel.webp) 14% top / auto 100%;padding:28px 17px 0;overflow-y:auto;scrollbar-width:thin}.brand-wordmark{display:flex;align-items:center;gap:12px;text-align:left;padding:0 6px;min-height:46px;white-space:nowrap}.compass-logo{width:37px;height:37px;color:var(--gold);filter:drop-shadow(0 0 9px rgba(255,221,176,.2))}.brand-wordmark>span{font-size:24px;line-height:1.1;letter-spacing:.3px}.brand-wordmark small{display:block;font-size:10px;color:var(--muted);letter-spacing:1.2px;margin-top:8px;font-weight:400}.sidebar-divider{height:1px;margin:25px 8px 16px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.primary-nav,.universe-nav{display:flex;flex-direction:column;gap:5px}.primary-nav button,.universe-nav button{display:flex;align-items:center;gap:14px;min-height:45px;border:1px solid transparent;text-align:left;padding:0 15px;border-radius:9px;color:var(--muted);font-size:13px;position:relative}.primary-nav button>svg{width:18px;height:18px}.primary-nav button:hover,.universe-nav button:hover{background:var(--glass-soft);color:var(--text)}.primary-nav button.active{color:var(--gold);background:linear-gradient(100deg,#f2d2a62b,#4f66a138);border-color:#e0d2b86b;box-shadow:inset 0 0 12px #8fa4de1f,0 0 14px #ffcda00f}.primary-nav button.active:before{content:"";position:absolute;left:-1px;width:2px;height:19px;border-radius:3px;background:var(--gold);box-shadow:0 0 10px var(--gold)}.primary-nav small{margin-left:auto;background:#e084bb21;color:var(--pink);padding:0 6px;border-radius:5px;font-size:10px}.nav-spark{font-size:8px;margin-left:auto;letter-spacing:.8px;color:var(--subtle);border:1px solid var(--line);border-radius:4px;padding:0 4px}.nav-section-label{display:flex;align-items:center;gap:10px;color:var(--subtle);font-size:10px;letter-spacing:1px;margin:29px 12px 12px}.label-line{height:1px;flex:1;background:var(--line)}.universe-nav{gap:3px}.universe-nav button{min-height:43px;gap:12px;padding:0 12px;font-size:12px}.nav-category-icon{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(125,157,230,.15);border-radius:7px;background:#5e82be1a;color:#c5d6fc}.nav-category-icon svg{width:14px;height:14px}.nav-chevron{opacity:0;margin-left:auto;width:12px}.universe-nav button:hover .nav-chevron,.universe-nav button.active .nav-chevron{opacity:1}.universe-nav button.active{background:var(--glass-soft);color:var(--text);border-color:var(--line)}.nav-icon-ai{color:#a4ccff}.nav-icon-design{color:#c7adff}.nav-icon-anime{color:#f2b4d7}.nav-icon-game{color:#ffe1ac}.sidebar-bottom{margin-top:auto;padding-top:32px}.sidebar-message{display:flex;gap:10px;align-items:center;background:linear-gradient(120deg,#405b9c21,#6c4b9514);border:1px solid var(--line);border-radius:10px;padding:14px 11px;margin-bottom:22px}.sidebar-message>svg{font-size:22px;color:#aabcdf}.sidebar-message span{font-size:10px;color:var(--muted)}.sidebar-message small{display:block;color:var(--subtle);font-size:9px;margin-top:4px}.sidebar-profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:20px 0}.sidebar-profile img{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:33% 25%;border:1px solid var(--gold);padding:2px}.sidebar-profile>span{font-size:11px;flex:1}.sidebar-profile small{display:flex;gap:4px;align-items:center;font-size:8px;color:var(--subtle);margin-top:3px}.sidebar-profile small span{width:4px;height:4px;background:#93c8c6;border-radius:50%}.sidebar-profile .icon-button{width:36px;min-width:36px;height:44px;border:0;background:none}.main-shell{margin-left:var(--sidebar-width);min-height:100dvh;position:relative;isolation:isolate}.main-shell:before{content:"";position:absolute;inset:0 0 auto;height:530px;pointer-events:none;z-index:-1;background:linear-gradient(180deg,rgba(7,13,31,.6),var(--bg)),url(/assets/cosmic-citadel.webp) center 36% / cover;opacity:.42}.home-shell .main-shell:before{height:840px;opacity:1;background:linear-gradient(180deg,rgba(5,13,32,.3) 0%,rgba(6,13,31,.16) 26%,rgba(5,12,29,.26) 54%,var(--bg) 95%),url(/assets/cosmic-citadel.webp) center 28% / cover}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:relative;z-index:30;gap:18px;border-bottom:1px solid rgba(142,169,229,.07)}.desktop-breadcrumb{display:flex;gap:10px;align-items:center;color:var(--subtle);font-size:11px;letter-spacing:.5px}.desktop-breadcrumb svg{font-size:11px;opacity:.6}.desktop-breadcrumb span:last-child{color:var(--muted)}.mobile-wordmark{display:none}.topbar-actions{display:flex;align-items:center;gap:12px;position:relative}.universe-status{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#1e2f5678;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;min-height:36px;padding:0 13px 0 7px;font-size:10px;color:#c5d5f4}.universe-status strong{color:#ffe4ba;font-weight:500}.universe-status>svg{font-size:12px;opacity:.6}.status-orbit{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 65% 30%,#ebadb4,#444899 62%,#243952);border:1px solid #8e9bd0;display:grid;place-items:center;box-shadow:0 0 12px #98a8fe4d}.status-orbit svg{font-size:13px;color:#fff0d4}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--glass-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);font-size:17px}.icon-button:hover{background:#6680c533;border-color:var(--line-bright)}.notification-button{position:relative}.notification-button i{width:5px;height:5px;background:#ffabb6;border:1px solid var(--surface);position:absolute;right:10px;top:8px;border-radius:50%}.avatar-button{padding:2px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,222,190,.8)}.avatar-button img{height:100%;border-radius:50%;object-fit:cover;object-position:33% 25%}.top-popover{position:absolute;top:54px;right:0;width:324px;border:1px solid var(--line-bright);border-radius:16px;padding:15px;background:var(--glass);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);box-shadow:0 16px 60px #0005;animation:enter .2s var(--ease)}.popover-title{display:flex;justify-content:space-between;align-items:center;padding:0 2px 8px}.popover-title h2{font-size:15px}.popover-title .icon-button{border:0;background:none;width:32px;height:32px;min-width:32px}.announcement{display:flex;gap:12px;padding:14px 3px;text-align:left;width:100%;border-top:1px solid var(--line)}.announcement-icon{display:grid;place-items:center;color:var(--blue);background:var(--glass-soft);border:1px solid var(--line);border-radius:10px;width:35px;height:35px;flex-shrink:0;font-size:17px}.announcement-icon.pink{color:var(--pink)}.announcement strong{display:block;font-size:12px}.announcement small{display:block;color:var(--muted);font-size:11px;line-height:1.8;margin-top:4px}.announcement em{font-style:normal;color:var(--blue);font-size:10px;display:flex;align-items:center;gap:5px;margin-top:8px}.profile-popover-heading{display:flex;align-items:center;gap:12px;padding:4px 4px 18px;border-bottom:1px solid var(--line);margin-bottom:8px}.profile-popover-heading img{width:44px;height:44px;border-radius:50%;object-fit:cover}.profile-popover-heading small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.top-popover>button:not(.announcement){min-height:44px;display:flex;gap:12px;align-items:center;width:100%;font-size:12px;padding:0 8px;border-radius:8px}.top-popover>button:not(.announcement):hover{background:var(--glass-soft)}.top-popover>button>span:last-child,.top-popover>button>svg:last-child:not(:first-child){margin-left:auto}.main-content{outline:none;min-height:calc(100dvh - 210px)}.home-hero{padding:27px 42px 0;margin:0 auto;max-width:1420px}.hero-intro{text-align:center;position:relative}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:9px;color:#d9cde8;letter-spacing:2.8px;margin-bottom:12px}.hero-eyebrow>span{height:4px;width:4px;border-radius:50%;background:#ffe0bb;box-shadow:0 0 10px #ffe0bb}.hero-intro h1{font-family:"Noto Serif SC",Songti SC,SimSun,serif;font-size:clamp(30px,3.1vw,44px);font-weight:600;letter-spacing:3px;line-height:1.5;color:#fff5ee;text-shadow:0 2px 24px #081740,0 0 25px #aba0ea40}.hero-intro>p{color:#d8e4ff;font-size:15px;letter-spacing:2px;margin-top:8px}.hero-intro>p>span{display:inline-block;margin:0 9px;color:#edd4aa}.search-container{width:100%;max-width:650px;position:relative;z-index:20}.hero-search-container{max-width:610px;margin:28px auto 0}.search-box{display:flex;align-items:center;gap:12px;border:1px solid rgba(171,193,244,.45);background:linear-gradient(110deg,#0a1833cc,#2d3761a8);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:32px;padding:4px 5px 4px 19px;min-height:52px;box-shadow:0 2px 14px #03091f55,inset 0 0 12px #8ba6de29;color:#d8e4ff}.search-box:focus-within{border-color:#cabdff;box-shadow:0 0 0 3px #8b8bd822,0 0 24px #adb5fc33}.search-box>svg{font-size:20px}.search-box input{width:100%;min-width:0;background:none;border:0;color:#f5f4ff;outline:none;height:39px;font-size:12px;letter-spacing:.5px}.search-box input::placeholder{color:#b7c4df}.search-box input:focus-visible{outline:none}.search-box kbd{font-family:inherit;font-size:11px;width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;border:1px solid #bac8f03b;border-radius:5px;color:#b7c7e6}.search-clear{color:#cbd6f3;width:36px;min-width:36px;height:40px;padding:0;font-size:17px}.search-submit{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 17px;height:42px;flex-shrink:0;color:#fff0d4;background:linear-gradient(115deg,#bda5a430,#898cd329);border:1px solid rgba(201,185,211,.23);border-radius:24px;font-size:11px}.search-submit:hover{background:#e0c8a733;border-color:#e0cfb183}.search-submit svg{font-size:15px}.search-suggestions{position:absolute;top:calc(100% + 9px);width:100%;padding:12px;border:1px solid var(--line-bright);border-radius:16px;background:var(--glass);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 20px 60px #0008}.search-suggestions>p{color:var(--subtle);font-size:10px;letter-spacing:1px;margin:2px 10px 7px}.search-suggestions :is([role=option],.all-results){display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:61px;padding:7px 10px;border-radius:8px}.search-suggestions :is([role=option],.all-results):hover,.search-suggestions :is([role=option],.all-results).selected{background:var(--glass-soft)}.search-suggestions :is([role=option],.all-results)>span:not(.brand-mark){font-size:13px}.search-suggestions small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.search-suggestions :is([role=option],.all-results)>svg:last-child{margin-left:auto;color:var(--subtle)}.search-suggestions .brand-mark{width:33px;height:33px;font-size:18px}.search-suggestions .all-results{min-height:45px;border-top:1px solid var(--line);border-radius:0;margin-top:7px;color:var(--blue);font-size:11px}.suggestion-empty{display:block;padding:16px 10px;font-size:12px;color:var(--muted)}.card-universe{position:relative;margin:25px auto 0;max-width:1140px;padding:8px 42px 0}.fan-cards{display:flex;align-items:flex-start;justify-content:center;gap:15px;height:350px;perspective:1500px}.world-card{--angle: 0deg;--rise: 0px;--scale: 1;position:relative;flex:0 0 calc((100% - 84px)/5);max-width:188px;height:285px;border:1px solid #93a8e2;border-radius:12px;background:#0c1733;box-shadow:inset 0 0 8px #a0b0dd33,0 14px 28px #02061377,0 0 10px #b2bcfd25;transform:translateY(var(--rise)) rotate(var(--angle)) scale(var(--scale));transition:transform .35s var(--ease),box-shadow .3s,border-color .3s;overflow:hidden;color:#fff;isolation:isolate}.world-card--0{--angle: -8deg;--rise: 27px}.world-card--1{--angle: -4deg;--rise: 9px}.world-card--3{--angle: 4deg;--rise: 9px}.world-card--4{--angle: 8deg;--rise: 27px}.world-card--center{height:320px;flex-basis:calc((100% - 44px)/5);max-width:208px;border:2px solid #ffe5c5;box-shadow:0 0 4px #fff6ee,0 0 18px #ffcab36b,0 0 35px #b19eff40,0 18px 38px #03091f66;z-index:3}.world-card:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(240,233,255,.17);border-radius:8px;pointer-events:none;z-index:3}.world-card:hover{--scale: 1.05;transform:translateY(calc(var(--rise) - 13px)) rotate(0) scale(var(--scale));border-color:var(--world-color);box-shadow:0 0 25px color-mix(in srgb,var(--world-color) 50%,transparent),0 20px 40px #01051988;z-index:5}.world-card img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;object-fit:cover;object-position:50% 30%;z-index:-2;transition:transform .6s var(--ease)}.world-card:hover img{transform:scale(1.08)}.world-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080f280d,#07122a00 30%,#071125a1 61%,#081227 97%);z-index:-1}.world-top{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;color:#eff0ff}.world-top>svg{font-size:14px;opacity:.85}.world-top>span{font-size:6px;letter-spacing:1.3px;opacity:.8}.world-copy{position:absolute;bottom:17px;left:16px;right:14px}.world-copy h2{font-size:20px;font-weight:600;letter-spacing:.5px;text-shadow:0 2px 10px #001028}.world-en{font-size:11px;color:#cfdbf3}.world-copy p{font-size:9px;color:#b1c2e2;margin:8px 0 10px;letter-spacing:.4px}.world-count{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:15px;font-size:9px;color:#d0dbf4;background:#6382b533;border:1px solid #a7bce31a}.world-count svg{font-size:9px}.world-card--center .world-copy h2{font-size:23px}.world-card--center .world-copy{bottom:20px}.world-explore{display:none;align-items:center;justify-content:space-between;font-size:10px;margin-top:12px;color:#ffe2b4}.world-card--center .world-explore{display:flex}.world-explore svg{font-size:14px}.center-glint{position:absolute;height:2px;width:50%;background:linear-gradient(90deg,transparent,#fff,transparent);top:-1px;left:25%;box-shadow:0 0 18px #fff}.universe-orbit{position:absolute;width:72%;height:80px;left:14%;bottom:17px;border:1px solid rgba(130,156,241,.18);border-radius:50%;transform:rotate(-4deg);box-shadow:0 8px 25px #6263ec1c;pointer-events:none}.universe-orbit:after{content:"";position:absolute;width:65%;height:55px;bottom:-12px;left:18%;border-radius:50%;border-bottom:2px solid rgba(190,155,255,.25);filter:blur(2px)}.fan-arrow{position:absolute;top:44%;width:36px;height:44px;border-radius:50%;border:1px solid rgba(164,192,239,.3);display:grid;place-items:center;background:#07152c80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:21px;color:#d3e2ff;z-index:8}.fan-arrow:hover{color:#ffe2be;border-color:#ffdfb97a;background:#37426ab3}.fan-prev{left:-3px}.fan-next{right:-3px}.carousel-controls{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:2px}.carousel-dots{display:flex;align-items:center;height:22px;gap:2px}.carousel-dots button{height:22px;width:22px;padding:0;position:relative}.carousel-dots button:after{content:"";width:5px;height:5px;border:1px solid #b8c5ed;border-radius:50%;display:block;margin:auto;background:#7383b5;transition:background .2s,transform .2s}.carousel-dots button.active:after{background:#ffe0b9;border-color:#ffe0b9;box-shadow:0 0 9px #ffe0b977;transform:scale(1.25)}.carousel-hint{color:#bac8e5;font-size:9px;letter-spacing:1px;display:flex;gap:6px;align-items:center}.carousel-hint svg{font-size:11px}.home-category-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:25px 0 0}.home-category-pills button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(139,168,221,.24);border-radius:24px;background:#102241a6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:40px;padding:0 16px;color:#c5d6f4;font-size:11px}.home-category-pills button>svg{font-size:14px}.home-category-pills button:hover{background:#45588aa6;border-color:#d8d7f288}.home-category-pills button.active{background:linear-gradient(115deg,#ffe6c4,#ffeaca);color:#362719;border-color:#ffd7a0;box-shadow:0 0 18px #ffcc9e3b,inset 0 0 12px #fff8ed;font-weight:600}.hero-caption{text-align:center;padding:21px 0 26px;font-size:9px;letter-spacing:1.5px;color:var(--subtle);border-bottom:1px solid var(--line)}.tiny-star{font-size:8px;margin:0 9px;color:#b3aaca}.content-section{max-width:1380px;margin:0 auto;padding-left:42px;padding-right:42px}.home-featured{padding-top:31px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.section-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:8px;color:var(--subtle);letter-spacing:2px;margin-bottom:9px}.section-eyebrow svg{font-size:11px}.section-heading h2{font-family:"Noto Serif SC",serif;font-size:24px;font-weight:600;display:flex;align-items:center;gap:20px;letter-spacing:.8px}.heading-line{width:50px;height:1px;background:linear-gradient(90deg,#e5caa788,transparent)}.section-heading p{font-size:11px;color:var(--muted);margin-top:7px}.text-button{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);min-height:44px;white-space:nowrap}.text-button:hover{color:var(--gold)}.text-button svg{font-size:15px}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.brand-card{border:1px solid var(--line);border-radius:13px;background:var(--glass);position:relative;min-width:0;overflow:hidden;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}.brand-card:hover{transform:perspective(900px) translateY(-6px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) scale(1.025);border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 12px 30px #0003,0 0 24px color-mix(in srgb,var(--accent) 10%,transparent)}.brand-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(circle at var(--glow-x, 50%) var(--glow-y, 30%),color-mix(in srgb,var(--accent) 14%,transparent),transparent 65%);transition:opacity .2s}.brand-card:hover:after,.brand-card:focus-within:after{opacity:1}.brand-card:focus-within{border-color:var(--accent)}.brand-card-link{display:block}.brand-cover{position:relative;aspect-ratio:1.7;overflow:hidden;background:linear-gradient(110deg,var(--surface),var(--glass-soft),var(--surface))}.brand-cover img{height:100%;object-fit:cover;object-position:center 35%;transition:transform .65s var(--ease),opacity .25s}.brand-card:hover img{transform:scale(1.06)}.brand-cover.image-loading img{opacity:0}.brand-cover.image-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent,#b0b9e512,transparent);animation:shimmer 1.2s infinite}.cover-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#050c2522,transparent 50%,#07122955)}.category-badge{position:absolute;left:11px;top:11px;display:inline-flex;align-items:center;gap:5px;border:1px solid #becbeb30;border-radius:6px;font-size:8px;color:#e3e9ff;background:#09162b77;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3px 7px}.category-badge svg{font-size:10px}.card-open{position:absolute;right:13px;bottom:11px;color:#fff4da;opacity:0;transform:translate(-4px,4px);transition:opacity .2s,transform .2s}.brand-card:hover .card-open{opacity:1;transform:none}.favorite-button{position:absolute;top:5px;right:5px;width:44px;height:44px;border-radius:50%;background:#07122966;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #c2d1ee1a;color:#e6edff;display:grid;place-items:center;font-size:17px}.favorite-button:hover{color:#ffb8d6;background:#3a224b99;border-color:#ffa2ce55}.favorite-button.saved,.icon-button.saved,.outline-button.saved{color:var(--pink)}.favorite-button.saved svg,.icon-button.saved svg,.outline-button.saved svg{fill:currentColor}.brand-card-body{padding:18px 15px 12px}.brand-card-title{display:flex;gap:11px;align-items:center}.brand-card-title>div{min-width:0}.brand-card-title h3{font-family:Outfit,Noto Sans SC,sans-serif;font-size:17px;font-weight:500;line-height:1.5}.brand-card-title p{color:var(--muted);font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark{width:38px;height:38px;min-width:38px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;color:#e8eafe;background:linear-gradient(135deg,#8492b52b,#43547920);border:1px solid #93a8de2e}.brand-mark--notion{background:#f4efdf;color:#10151f;border-color:#fff5d1}.brand-mark--figma{color:#bfb2ff;background:linear-gradient(145deg,#ae70bf66,#4e437baa)}.brand-mark--chatgpt,.brand-mark--supabase{color:#8fe0c0}.brand-mark--claude{color:#efb294}.brand-mark--bilibili{color:#8fccff}.brand-mark--genshin{color:#ffe2a7;background:linear-gradient(135deg,#7261af66,#283656aa)}.brand-mark--spotify{color:#8fe1b6}.brand-mark--github{color:#e7e9fc}.brand-card-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:15px;padding-top:11px;font-size:9px;color:var(--subtle)}.brand-card-meta>span:first-child{color:var(--text);display:inline-flex;align-items:center;gap:4px}.brand-card-meta svg{color:#e3c592;font-size:11px;fill:#e3c592}.brand-card-meta small{font-size:8px;margin-left:4px;color:var(--subtle)}.brand-card-meta>span:last-child{border:1px solid var(--line);border-radius:4px;padding:1px 5px}.discovery-banner{display:flex;align-items:center;justify-content:space-between;margin:40px 42px 0;padding:36px 35px;max-width:1296px;border:1px solid var(--line);border-radius:16px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 60%,#61478e25,transparent 50%),linear-gradient(120deg,#10224033,#231b3b33)}.discovery-banner h2{font-family:"Noto Serif SC",serif;font-size:24px;font-weight:500;letter-spacing:.5px}.discovery-banner p{color:var(--muted);font-size:11px;margin:10px 0 20px}.gold-button{background:linear-gradient(110deg,#ffe6c0,#ffedcf);color:var(--gold-text);border:1px solid #ffe0b6;box-shadow:0 0 18px #ffd19d1f,inset 0 0 12px #fff6e799;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:22px;padding:0 21px;min-height:44px;font-size:12px;font-weight:500;transition:box-shadow .2s,transform .2s}.gold-button:hover{box-shadow:0 0 25px #ffd19d4d;transform:translateY(-2px)}.gold-button svg{font-size:15px}.discovery-emblem{width:180px;height:150px;display:grid;place-items:center;position:relative;margin-right:35px;flex-shrink:0}.discovery-emblem>svg{width:65px;height:65px;color:#d4c5ed;filter:drop-shadow(0 0 20px #c3a4ec66);stroke-width:.7}.discovery-emblem span{width:160px;height:90px;border:1px solid #afaddc44;border-radius:50%;position:absolute;transform:rotate(-32deg)}.discovery-emblem span:last-child{transform:rotate(30deg);width:150px;height:125px;border-color:#b89ada22}.site-footer{max-width:1380px;margin:50px auto 0;padding:26px 42px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}.site-footer:before{content:"";position:absolute;top:0;left:42px;right:42px;height:1px;background:var(--line)}.footer-brand{display:flex;align-items:center;gap:10px;text-align:left;min-height:44px;padding:0}.footer-brand .compass-logo{width:27px;height:27px}.footer-brand>span{font-size:17px;letter-spacing:.5px}.footer-brand small{display:block;font-size:8px;color:var(--subtle);margin-top:2px;letter-spacing:.6px}.footer-note{font-size:9px;color:var(--subtle);letter-spacing:1px}.footer-copyright{color:var(--subtle);font-size:9px;letter-spacing:.8px}.catalog-page{max-width:1380px;margin:0 auto;padding:30px 42px 0}.page-intro{padding:24px 0 27px;position:relative}.page-intro .section-eyebrow{font-size:9px;letter-spacing:2.5px}.page-intro .section-eyebrow svg{font-size:15px}.page-intro h1{font-family:"Noto Serif SC",serif;font-size:clamp(28px,3vw,37px);letter-spacing:1px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.page-intro>p{font-size:12px;color:var(--muted);margin-top:13px;letter-spacing:.5px;max-width:640px}.page-intro--category{padding:32px;min-height:205px;border:1px solid var(--line);border-radius:16px;margin-bottom:28px;background:linear-gradient(90deg,var(--surface) 25%,#0b1837b3 65%,#07132c44),var(--intro-image) 100% 35% / 55% auto no-repeat}.page-intro--category h1{color:#eff1ff}.page-intro--category>p,.page-intro--category .section-eyebrow{color:#b8c9e9}.collection-stat{display:flex;align-items:center;gap:11px;margin-top:24px;color:var(--muted);font-size:11px}.collection-stat strong{color:var(--pink);font-size:32px;line-height:1;font-weight:400}.local-label{margin-left:14px;padding:3px 10px;border:1px solid var(--line);border-radius:20px;font-size:9px;color:var(--subtle)}.catalog-search{margin-bottom:29px}.catalog-search .search-container{max-width:720px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:6px 0 36px}.category-tile{position:relative;display:flex;align-items:center;min-height:109px;border:1px solid var(--line-bright);border-radius:12px;overflow:hidden;text-align:left;padding:20px 16px;gap:11px;background:#101c36;isolation:isolate}.category-tile img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;object-fit:cover;object-position:50% 25%;z-index:-2;opacity:.65;transition:transform .4s}.tile-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#08152aec,#0a143299 65%,#0a143230)}.category-tile>svg:first-of-type{font-size:20px;color:var(--accent)}.category-tile h2{font-size:15px;color:#eff0ff;font-weight:500}.category-tile div span{font-size:8px;color:#bccded;letter-spacing:.4px}.category-tile>svg:last-child{margin-left:auto;font-size:14px;color:#d6e0f5;opacity:.6}.category-tile:hover{border-color:var(--accent);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 15%,transparent);transform:translateY(-3px)}.category-tile:hover img{transform:scale(1.08)}.category-tabs{display:flex;flex-wrap:wrap;gap:9px;border-bottom:1px solid var(--line);padding-bottom:22px}.category-tabs button{min-height:42px;border:1px solid var(--line);background:var(--glass-soft);padding:0 14px;display:inline-flex;align-items:center;gap:8px;border-radius:21px;font-size:11px;color:var(--muted)}.category-tabs svg{font-size:14px}.category-tabs button:hover{color:var(--text);border-color:var(--line-bright)}.category-tabs button.active{background:#ffe5c4;border-color:#ffe5c4;color:#3d2f22}.filter-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:20px;font-size:11px;color:var(--muted)}.filter-bottom strong{color:var(--text);font-weight:500;margin:0 3px}.filter-bottom>div{display:flex;gap:12px;align-items:center}.saved-filter{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:10px;color:var(--muted)}.saved-filter.selected{color:var(--pink)}.saved-filter.selected svg{fill:currentColor}.sort-select{position:relative;display:flex;align-items:center}.sort-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--glass-soft);border-radius:8px;padding:0 32px 0 12px;color:var(--muted);cursor:pointer;min-height:40px;font-size:10px}.sort-select>svg{position:absolute;right:12px;font-size:11px;pointer-events:none}.sort-select option{background:var(--surface);color:var(--text)}.catalog-brand-grid{row-gap:24px}.catalog-end{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:var(--subtle);letter-spacing:1px;margin:40px 0 0}.catalog-end svg{font-size:14px;opacity:.7}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:380px;background:radial-gradient(ellipse at center,rgba(66,63,131,.15),transparent 60%),var(--glass);border:1px solid var(--line);border-radius:16px;text-align:center;padding:40px 25px}.empty-orbit{height:80px;width:120px;position:relative;display:grid;place-items:center;margin-bottom:28px}.empty-orbit>svg{font-size:31px;color:var(--purple);stroke-width:1}.empty-orbit span{width:120px;height:60px;border:1px solid var(--line-bright);border-radius:50%;transform:rotate(-23deg);position:absolute}.empty-orbit span:last-child{width:70px;height:70px;transform:none;border-color:var(--line)}.empty-state :is(h1,h2){font-family:"Noto Serif SC",serif;font-size:24px;font-weight:500}.empty-state p{margin:12px 0 22px;color:var(--muted);font-size:12px;line-height:1.8}.suggested-keywords{display:flex;justify-content:center;align-items:center;gap:15px;margin:25px 0;color:var(--subtle);font-size:11px}.suggested-keywords button{display:flex;gap:6px;align-items:center;color:var(--blue);min-height:44px}.history-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:var(--subtle);margin-top:26px}.detail-page{max-width:1340px;padding:11px 42px 0;margin:0 auto}.detail-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:20px;min-height:47px}.back-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:11px;padding:0;color:var(--muted)}.back-button svg{width:34px;height:34px;padding:9px;border:1px solid var(--line);border-radius:50%;background:var(--glass-soft)}.back-button:hover{color:var(--gold)}.detail-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--subtle);font-size:10px}.detail-breadcrumb button{color:var(--muted);min-height:44px;padding:0 3px}.detail-breadcrumb>svg{font-size:10px}.detail-toolbar-actions{margin-left:auto;display:flex;gap:10px}.detail-surface{border:1px solid var(--line-bright);border-radius:16px;background:var(--glass);overflow:hidden;box-shadow:0 15px 70px #0002}.detail-hero-image{height:290px;position:relative;background:#162445}.detail-hero-image>img{height:100%;object-fit:cover;object-position:center 33%}.detail-image-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05163222,transparent 45%,#0c1528e6)}.detail-curated{position:absolute;top:20px;right:22px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:9px;border:1px solid #e5eafa55;border-radius:20px;background:#14214255;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#eef4ff}.detail-curated svg{color:#f9dbab}.detail-image-caption{position:absolute;left:30px;bottom:30px;color:#cfddf4;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2px}.detail-image-caption svg{font-size:18px}.detail-summary{display:grid;grid-template-columns:1fr 240px;gap:42px;padding:0 30px 30px;position:relative}.detail-identity{display:flex;align-items:center;gap:19px;margin-top:-29px}.brand-mark.large{width:87px;height:87px;min-width:87px;border-radius:19px;font-size:52px;border:1px solid #ffe9c177;box-shadow:0 0 23px #ffcca122;background-color:var(--surface);z-index:2}.detail-identity>div{padding-top:15px}.detail-identity h1{font-size:29px;font-weight:500;letter-spacing:.4px}.detail-identity p{font-size:11px;color:var(--muted);margin-top:2px}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.detail-tags button{background:var(--glass-soft);color:var(--blue);border:1px solid var(--line);min-height:27px;border-radius:14px;padding:0 10px;font-size:9px}.detail-tags button:hover{border-color:var(--line-bright)}.brand-description{margin:23px 0 24px;color:var(--muted);font-size:12px;line-height:1.95;max-width:680px}.detail-stats{display:flex;gap:0;margin-bottom:24px}.detail-stats>div{display:flex;align-items:flex-start;gap:9px;padding-right:24px}.detail-stats>div+div{border-left:1px solid var(--line);padding-left:24px}.detail-stats svg{color:#dcc298;font-size:18px;margin-top:3px}.detail-stats>div:first-child>svg{fill:#dcc298}.detail-stats>div:nth-child(2)>svg{color:var(--blue)}.detail-stats>div:nth-child(3)>svg{color:#81c9d1}.detail-stats strong{display:block;font-size:16px;line-height:1.4;font-weight:500}.detail-stats strong>small{display:inline;font-size:10px}.detail-stats small{display:block;color:var(--subtle);font-size:9px;margin-top:5px}.detail-main-actions{display:flex;gap:13px}.detail-main-actions>*{flex:1;max-width:290px;min-height:44px}.outline-button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 22px;background:linear-gradient(180deg,#4358904a,#12234247);border:1px solid var(--line-bright);border-radius:22px;color:var(--text);font-size:11px;box-shadow:inset 0 0 12px #9bace511}.outline-button:hover{border-color:#d8badd88;background:var(--glass-soft)}.external-note{display:flex;align-items:center;gap:5px;margin-top:12px;font-size:8px;color:var(--subtle)}.external-note svg{font-size:9px}.quick-navigation{height:fit-content;margin-top:0;padding:17px 17px 12px;border:1px solid var(--line);border-radius:12px;background:#030e2038}.quick-navigation h2{font-size:13px;font-weight:500;display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.quick-navigation h2 svg{color:var(--subtle);font-size:15px}.quick-navigation>button,.quick-navigation>a{display:flex;align-items:center;gap:9px;width:100%;text-align:left;min-height:39px;font-size:10px;color:var(--muted);padding:0 4px;border-radius:6px}.quick-navigation>button:hover,.quick-navigation>a:hover{color:var(--text);background:var(--glass-soft)}.quick-navigation>button>svg:first-child,.quick-navigation>a>svg:first-child{font-size:13px;color:var(--blue)}.quick-navigation>button>svg:last-child,.quick-navigation>a>svg:last-child{font-size:11px;margin-left:auto}.quick-bottom{padding-top:14px;border-top:1px solid var(--line);margin-top:6px;display:flex;align-items:center;gap:7px;font-size:8px;color:var(--subtle)}.quick-bottom>span{width:4px;height:4px;background:#adcfc0;border-radius:50%}.detail-information{margin-top:28px;border:1px solid var(--line);border-radius:13px;background:var(--glass);overflow:hidden;scroll-margin-top:20px}.detail-tabs{display:flex;gap:13px;padding:0 22px;border-bottom:1px solid var(--line)}.detail-tabs button{min-height:51px;padding:0 14px;font-size:11px;color:var(--muted);position:relative}.detail-tabs button.active{color:var(--text)}.detail-tabs button.active:after{content:"";position:absolute;left:11px;right:11px;bottom:0;height:2px;background:var(--gold);box-shadow:0 0 12px #ffd6a455}.detail-tab-panel{padding:28px}.overview-panel{display:grid;grid-template-columns:1fr 220px;gap:45px;align-items:center}.overview-panel h2{font-size:18px;font-weight:500;margin-bottom:12px}.overview-panel p{font-size:11px;color:var(--muted);line-height:1.9}.overview-panel>img{height:145px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.overview-points{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.overview-points>span{font-size:9px;display:inline-flex;align-items:center;gap:6px;color:var(--blue)}.overview-points svg{color:#c1caae}.guide-panel h2{font-family:"Noto Serif SC",serif;font-weight:500;font-size:23px;margin-bottom:22px}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.guide-steps>div{border:1px solid var(--line);background:var(--glass-soft);border-radius:10px;padding:18px}.guide-steps>div>span{color:var(--purple);font-size:23px;font-weight:400}.guide-steps h3{font-size:13px;margin:8px 0;font-weight:500}.guide-steps p{font-size:11px;color:var(--muted);line-height:1.9}.guide-panel details{border-top:1px solid var(--line)}.guide-panel summary{display:flex;align-items:center;gap:9px;cursor:pointer;min-height:49px;list-style:none;font-size:11px}.guide-panel summary::-webkit-details-marker{display:none}.guide-panel summary>svg:first-child{color:var(--blue);font-size:14px}.guide-panel summary>svg:last-child{margin-left:auto}.guide-panel details[open] summary>svg:last-child{transform:rotate(90deg)}.guide-panel details p{font-size:11px;color:var(--muted);margin:0 0 20px 23px;line-height:1.9}.notes-panel>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px}.notes-panel h2{font-size:20px;font-weight:500}.notes-panel>div:first-child>span{font-size:9px;color:var(--subtle)}.notes-panel label{display:block;font-size:11px;color:var(--muted);margin:20px 0 9px}.notes-panel textarea{width:100%;min-height:160px;padding:15px;border:1px solid var(--line-bright);background:var(--glass-soft);border-radius:9px;color:var(--text);resize:vertical;font-size:13px;line-height:1.8}.notes-panel textarea::placeholder{color:var(--subtle)}.note-actions{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.note-actions>span{font-size:9px;color:var(--subtle)}.note-actions .gold-button{font-size:11px}.related-section{margin-top:35px}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-card.compact .brand-card-body{padding:13px}.brand-card.compact .brand-card-title h3{font-size:15px}.brand-card.compact .brand-card-title p{font-size:9px}.brand-card.compact .brand-mark{width:32px;height:32px;min-width:32px;font-size:18px}.brand-card.compact .brand-cover{aspect-ratio:2}.toast{position:fixed;bottom:28px;left:calc(50% + var(--sidebar-width) / 2);transform:translate(-50%);z-index:80;display:flex;align-items:center;gap:11px;border:1px solid var(--line-bright);border-radius:30px;padding:8px 9px 8px 18px;background:var(--glass);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);box-shadow:0 10px 35px #0006,0 0 20px #b9a0db1a;color:var(--text);font-size:12px;white-space:nowrap;max-width:calc(100vw - var(--sidebar-width) - 30px);animation:toast-enter .25s var(--ease)}.toast>svg{color:#c7d9b1;font-size:17px}.toast button{width:32px;height:32px;padding:0;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.toast button:hover{background:var(--glass-soft)}.storage-warning{position:fixed;bottom:0;right:0;color:var(--gold-text);background:var(--gold);z-index:100;padding:10px 20px;font-size:12px}.not-found{min-height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:30px;text-align:center}.not-found>svg{font-size:60px;color:var(--purple);stroke-width:1}.not-found h1{font-family:"Noto Serif SC",serif;font-size:30px}.mobile-bottom-nav{display:none}[data-theme=light] .sidebar{background:linear-gradient(180deg,#f4f6fff7,#e7ebf9fa)}.brand-wordmark .compass-logo{color:var(--gold)}[data-theme=light] .compass-logo{color:#ac8550}[data-theme=light] .primary-nav button.active{background:linear-gradient(90deg,#f1dfc4,#efe6db77);color:#725027;border-color:#b88b5855}[data-theme=light] .primary-nav button.active:before{background:#ae8551;box-shadow:none}[data-theme=light] .nav-category-icon{color:#5d65aa;background:#7585bf11}[data-theme=light] .main-shell:before{opacity:.2;background:linear-gradient(180deg,#eef0fc22,var(--bg)),url(/assets/cosmic-citadel.webp) center / cover}[data-theme=light] .home-shell .main-shell:before{opacity:1;background:linear-gradient(180deg,#edf0fbd9,#dde5f6b0 20%,#bdccec65 55%,var(--bg) 96%),url(/assets/cosmic-citadel.webp) center 28% / cover}[data-theme=light] .hero-intro h1{color:#26365f;text-shadow:0 2px 20px #fff8}[data-theme=light] .hero-intro>p,[data-theme=light] .hero-eyebrow{color:#485b84}[data-theme=light] .hero-intro>p>span{color:#7c6040}[data-theme=light] .universe-status{background:#f5f5ff99;color:var(--muted)}[data-theme=light] .universe-status strong{color:#6c527c}[data-theme=light] .carousel-hint{color:#495d84}[data-theme=light] .carousel-dots button:after{border-color:#586f9f}[data-theme=light] .carousel-dots button.active:after{background:#9e7950;border-color:#9e7950}[data-theme=light] .home-category-pills button:not(.active){color:#385076;background:#f4f5ffc4;border-color:#7085b34d}[data-theme=light] .search-box{background:#f7f9ffe6;color:var(--blue);border-color:#7085b355}[data-theme=light] .search-box input{color:var(--text)}[data-theme=light] .search-box input::placeholder,[data-theme=light] .search-box kbd,[data-theme=light] .search-clear{color:#596e93}[data-theme=light] .search-box kbd{border-color:var(--line)}[data-theme=light] .search-submit{color:#72542e;background:#f2e6d5;border-color:#d4b58855}[data-theme=light] .brand-mark:not(.brand-mark--notion){background-color:#7286bb}[data-theme=light] .brand-card:hover{border-color:#647bab88}[data-theme=light] .text-button:hover{color:#7c592c}[data-theme=light] .page-intro--category{background:linear-gradient(90deg,#edf0fb 25%,#e0e6f5cc 65%,#f1eafa44),var(--intro-image) 100% 35% / 55% auto no-repeat}[data-theme=light] .page-intro--category h1{color:var(--text)}[data-theme=light] .page-intro--category>p,[data-theme=light] .page-intro--category .section-eyebrow{color:var(--muted)}[data-theme=light] .detail-image-shade{background:linear-gradient(180deg,#15273a11,transparent 55%,#f9faff)}[data-theme=light] .detail-image-caption{color:#294c76}[data-theme=light] .quick-navigation{background:#e5eafb44}[data-theme=light] .detail-tabs button.active:after{background:#ab8756}[data-theme=light] .toast>svg{color:#547354}@keyframes enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes toast-enter{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(min-width:1680px){.home-hero{padding-top:40px}.fan-cards{height:400px}.world-card{height:325px;max-width:205px}.world-card--center{height:355px;max-width:223px}.card-universe{margin-top:35px}.discovery-banner{margin-left:auto;margin-right:auto}.home-shell .main-shell:before{height:960px}}@media(max-height:820px)and (min-width:1024px){.sidebar{padding-top:23px}.sidebar-divider{margin-top:20px}.primary-nav button{min-height:41px}.nav-section-label{margin-top:23px}.universe-nav button{min-height:37px}.sidebar-message{display:none}.sidebar-bottom{padding-top:20px}.sidebar-profile{padding:18px 0}}@media(max-width:1200px){:root{--sidebar-width: 202px}.sidebar{padding-left:12px;padding-right:12px}.brand-wordmark{gap:9px}.brand-wordmark>span{font-size:22px}.brand-wordmark small{font-size:8px}.brand-wordmark .compass-logo{width:33px;height:33px}.topbar{padding:0 28px}.home-hero,.content-section,.catalog-page,.detail-page{padding-left:28px;padding-right:28px}.hero-intro h1{font-size:34px;letter-spacing:2px}.card-universe{padding-left:27px;padding-right:27px}.fan-cards{gap:11px;height:335px}.world-card{flex-basis:calc((100% - 45px)/5);height:270px}.world-card--center{flex-basis:calc((100% - 15px)/5);height:303px}.world-copy{left:12px;right:12px}.world-copy h2{font-size:17px}.world-card--center .world-copy h2{font-size:20px}.world-copy p{font-size:8px}.home-category-pills{gap:7px}.home-category-pills button{padding:0 12px;font-size:10px}.brand-grid{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.home-featured .brand-grid>.brand-card:last-child{display:none}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-banner{margin-left:28px;margin-right:28px;padding:30px}.discovery-banner h2{font-size:21px}.discovery-emblem{margin-right:0}.site-footer{padding-left:28px;padding-right:28px}.site-footer:before{left:28px;right:28px}.footer-note{display:none}.detail-summary{grid-template-columns:1fr 200px;gap:24px;padding:0 24px 24px}.detail-hero-image{height:255px}.detail-stats>div{padding-right:14px;gap:6px}.detail-stats>div+div{padding-left:14px}.detail-stats strong{font-size:13px}.detail-stats svg{font-size:15px}.quick-navigation{padding:13px}.overview-panel{grid-template-columns:1fr 170px;gap:25px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1023px){:root{--sidebar-width: 0px}.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:74px}.desktop-breadcrumb{display:none}.mobile-wordmark{display:flex;align-items:center;gap:9px;padding:0}.mobile-wordmark .compass-logo{width:29px;height:29px}.mobile-wordmark strong{font-size:21px;font-weight:500;letter-spacing:.3px}.main-shell{padding-bottom:73px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--line-bright);border-radius:18px 18px 0 0;background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:50;padding:7px 12px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -6px 25px #0002}.mobile-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:49px;color:var(--muted);font-size:9px;justify-content:center;position:relative}.mobile-bottom-nav svg{width:18px;height:18px}.mobile-bottom-nav button.active{color:var(--gold)}.mobile-bottom-nav button.active svg{filter:drop-shadow(0 0 8px #ffd4a455)}.mobile-bottom-nav button.active:before{content:"";position:absolute;top:-8px;height:2px;width:30px;background:var(--gold);border-radius:2px}.toast{bottom:85px;left:50%;max-width:calc(100vw - 30px)}.storage-warning{bottom:72px}[data-theme=light] .mobile-bottom-nav button.active{color:#876439}[data-theme=light] .mobile-bottom-nav button.active:before{background:#876439}.hero-intro h1{font-size:38px}.card-universe{max-width:920px}.fan-cards{height:352px}.world-card{height:285px}.world-card--center{height:318px}.home-category-pills button{min-height:43px;font-size:11px}.home-featured .brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-featured .brand-grid>.brand-card:last-child{display:block}.brand-card-title{gap:9px}.brand-card-title h3{font-size:15px}.brand-card-title p{font-size:9px}.brand-card-body{padding:14px 12px 11px}.brand-mark{width:33px;height:33px;min-width:33px;font-size:20px}.brand-card-meta small{display:none}.detail-summary{grid-template-columns:1fr 220px}.detail-breadcrumb{font-size:11px}}@media(max-width:767px){.topbar{height:68px;padding:0 22px}.topbar-actions{gap:9px}.universe-status{display:none}.top-theme{display:inline-flex}.icon-button{min-width:40px;width:40px;height:40px}.home-hero{padding:26px 22px 0}.hero-intro h1{font-size:30px;letter-spacing:1.5px}.hero-intro>p{font-size:12px;letter-spacing:1px}.hero-eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:10px}.hero-search-container{margin-top:25px;max-width:520px}.search-box input{font-size:16px;letter-spacing:0}.search-box input::placeholder{font-size:12px}.search-box{gap:10px}.search-submit{padding:0 13px}.card-universe{padding:0 30px;margin-top:34px}.fan-cards{gap:10px;height:325px}.world-card{height:250px;flex-basis:calc((100% - 32px)/5)}.world-card--center{height:285px;flex-basis:calc((100% + 10px)/5)}.world-copy{left:10px;right:8px;bottom:13px}.world-copy h2{font-size:15px}.world-card--center .world-copy h2{font-size:18px}.world-top{padding:9px}.world-top>span{display:none}.world-copy p{font-size:7px;letter-spacing:0}.world-count{padding:2px 5px;font-size:8px}.world-card--0,.world-card--4{--rise: 35px}.world-en,.world-explore{font-size:9px}.world-card--center .world-copy{bottom:17px}.fan-arrow{width:32px;height:44px}.carousel-hint{font-size:9px}.home-category-pills{gap:8px;padding-top:22px}.home-category-pills button{padding:0 13px;min-height:42px;font-size:10px}.hero-caption{font-size:8px;letter-spacing:.8px;padding:20px 0 23px}.content-section,.catalog-page,.detail-page{padding-left:22px;padding-right:22px}.home-featured{padding-top:26px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:22px}.section-heading p{font-size:10px}.section-eyebrow{font-size:7px}.heading-line{display:none}.brand-grid,.home-featured .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.brand-card-title h3{font-size:17px}.brand-card-title p{font-size:10px}.brand-mark{width:37px;height:37px;min-width:37px}.brand-card-body{padding:16px 13px 12px}.brand-card-meta small{display:inline}.discovery-banner{margin:30px 22px 0;padding:27px}.discovery-banner h2{font-size:20px;max-width:360px;line-height:1.7}.discovery-emblem{width:110px;height:120px;margin-left:20px}.discovery-emblem>svg{width:46px;height:46px}.discovery-emblem span{width:110px;height:70px}.discovery-emblem span:last-child{width:95px;height:100px}.site-footer{padding:23px 22px 27px;margin-top:35px}.site-footer:before{left:22px;right:22px}.page-intro{padding:15px 0 25px}.page-intro h1{font-size:30px}.page-intro>p{font-size:12px;max-width:450px;line-height:1.9}.catalog-page{padding-top:23px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-tile{min-height:100px;padding:16px}.category-tile h2{font-size:15px}.category-tile div span{font-size:9px}.category-tabs{gap:8px;padding-bottom:19px}.category-tabs button{min-height:44px;font-size:11px;padding:0 13px}.filter-bottom{font-size:10px;padding:17px 0;gap:10px}.filter-bottom>div{gap:8px}.saved-filter{font-size:9px;gap:5px}.sort-select select{min-height:44px;padding-left:9px;font-size:10px}.page-intro--category{padding:25px;min-height:190px;background-size:auto,75% auto}.collection-stat{margin-top:21px}.detail-toolbar{margin-bottom:15px;gap:12px}.detail-breadcrumb{display:none}.detail-toolbar-actions{gap:8px}.detail-page{padding-top:8px}.detail-hero-image{height:240px}.detail-curated{top:15px;right:15px;font-size:8px}.detail-summary{grid-template-columns:1fr;gap:24px;padding:0 24px 24px}.quick-navigation{display:none}.detail-identity{gap:16px;margin-top:-25px}.brand-mark.large{width:78px;height:78px;min-width:78px;font-size:43px}.detail-identity h1{font-size:28px}.detail-identity>div{padding-top:12px}.detail-tags{gap:7px}.detail-tags button{min-height:30px;font-size:10px}.brand-description{font-size:13px;line-height:1.9;margin:23px 0}.detail-stats>div{padding-right:20px;gap:8px}.detail-stats>div+div{padding-left:20px}.detail-stats strong{font-size:15px}.detail-stats small{font-size:9px}.detail-stats svg{font-size:17px}.detail-main-actions{gap:10px}.detail-main-actions>*{max-width:none;min-height:46px;font-size:12px}.external-note{font-size:9px}.detail-image-caption{left:24px;bottom:35px}.detail-information{margin-top:22px}.detail-tabs{padding:0 15px}.detail-tabs button{min-height:52px;padding:0 13px;font-size:12px}.detail-tab-panel{padding:22px}.overview-panel{grid-template-columns:1fr 150px;gap:22px}.overview-panel p{font-size:12px}.overview-panel>img{height:130px}.guide-steps{grid-template-columns:1fr;gap:12px}.guide-steps>div{padding:16px}.guide-steps p,.guide-panel details p{font-size:12px}.guide-panel summary{font-size:12px;min-height:55px}.notes-panel>div:first-child{flex-direction:column;align-items:flex-start;gap:4px}.notes-panel label{font-size:12px}.notes-panel textarea{font-size:16px}.notes-panel>div:first-child>span{font-size:10px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-state :is(h1,h2){font-size:22px}.empty-state p{font-size:12px}.toast{font-size:11px;white-space:normal;width:max-content}.toast>span{max-width:calc(100vw - 110px)}}@media(max-width:540px){.topbar{padding:0 18px}.mobile-wordmark{gap:7px}.mobile-wordmark strong{font-size:20px}.mobile-wordmark .compass-logo{width:27px;height:27px}.topbar-actions{gap:7px}.top-theme,.notification-button{width:36px;min-width:36px;height:40px;font-size:16px}.avatar-button{width:34px;height:34px}.top-popover{width:min(324px,calc(100vw - 36px));top:49px}.home-hero{padding:25px 18px 0}.hero-intro h1{font-size:27px;max-width:350px;margin:0 auto;line-height:1.6;letter-spacing:1px}.hero-intro>p{font-size:11px;letter-spacing:.7px}.hero-eyebrow{font-size:6.5px;letter-spacing:1.65px;margin-bottom:12px}.hero-search-container{margin-top:23px}.search-box{min-height:50px;padding-left:14px;gap:9px}.search-box>svg{font-size:18px}.search-box input{height:38px}.search-box input::placeholder{font-size:11px;letter-spacing:0}.search-box kbd{display:none}.search-submit{width:42px;height:40px;padding:0}.search-submit span{display:none}.search-clear{min-width:30px;width:30px}.search-suggestions{padding:9px}.search-suggestions small{font-size:11px}.search-suggestions>p{font-size:11px}.search-suggestions :is([role=option],.all-results)>span:not(.brand-mark){font-size:14px}.search-suggestions .all-results{font-size:12px}.card-universe{padding:0;margin-top:30px;margin-left:-18px;margin-right:-18px;overflow:hidden}.fan-cards{height:328px;display:block;position:relative;perspective:1000px;padding-top:6px}.world-card{position:absolute;width:184px;max-width:none;height:274px;left:50%;margin-left:-92px;transform:translate(calc(var(--position) * 145px)) translateY(var(--rise)) rotate(var(--angle));transition:transform .3s var(--ease),box-shadow .3s}.world-card--0,.world-card--4{display:none}.world-card--1{--angle: -7deg;--rise: 21px}.world-card--3{--angle: 7deg;--rise: 21px}.world-card--center{width:197px;margin-left:-98.5px;height:305px}.world-card:hover{transform:translate(calc(var(--position) * 145px)) translateY(calc(var(--rise) - 5px)) rotate(var(--angle))}.world-copy{left:16px;right:15px;bottom:18px}.world-copy h2{font-size:21px}.world-card--center .world-copy h2{font-size:24px}.world-en{font-size:12px}.world-copy p{font-size:10px;margin-top:8px;margin-bottom:12px}.world-count{font-size:10px;padding:3px 9px}.world-card--center .world-copy{bottom:21px}.world-explore{font-size:11px;margin-top:12px}.world-top{padding:12px}.world-top>span{display:block;font-size:6px}.world-top>svg{font-size:15px}.fan-arrow{width:34px;height:44px;top:41%;background:#07132bd9;border-color:#bac8f24d}.fan-prev{left:10px}.fan-next{right:10px}.universe-orbit{width:90%;left:5%;bottom:8px}.carousel-controls{gap:4px;margin-top:0}.carousel-dots button{min-height:30px;width:28px}.carousel-hint{font-size:8px}.home-category-pills{gap:8px;flex-wrap:nowrap;overflow:auto;justify-content:flex-start;margin-left:-18px;margin-right:-18px;padding:21px 18px 4px;scrollbar-width:none}.home-category-pills::-webkit-scrollbar{display:none}.home-category-pills button{flex-shrink:0;min-height:44px;font-size:11px;padding:0 15px;gap:7px}.home-category-pills button>svg{font-size:14px}.hero-caption{padding:18px 0 23px;font-size:8px;letter-spacing:.2px}.tiny-star{margin:0 5px}.home-shell .main-shell:before{height:825px;background-position:center,58% 20%}.content-section,.catalog-page,.detail-page{padding-left:18px;padding-right:18px}.home-featured{padding-top:26px}.section-heading{gap:9px;align-items:flex-start;margin-bottom:18px}.section-heading h2{font-size:21px;letter-spacing:.3px}.section-heading p{font-size:10px;line-height:1.8;max-width:245px}.section-heading .text-button{font-size:10px;gap:5px;padding:0;margin-top:16px}.section-heading .text-button svg{font-size:12px}.brand-grid,.home-featured .brand-grid{gap:12px}.brand-cover{aspect-ratio:1.3}.brand-card-body{padding:13px 10px 10px}.brand-card-title{gap:7px;align-items:flex-start}.brand-card-title h3{font-size:16px;line-height:1.4}.brand-card-title p{font-size:9px;margin-top:3px;line-height:1.6}.brand-mark{width:29px;height:29px;min-width:29px;font-size:17px;border-radius:7px}.brand-card-meta{margin-top:12px;padding-top:10px;font-size:9px}.brand-card-meta small{display:none}.brand-card-meta>span:last-child{font-size:8px}.category-badge{left:8px;top:9px;padding:2px 5px;font-size:8px;gap:3px}.category-badge svg{font-size:9px}.favorite-button{width:40px;height:44px;font-size:16px;top:3px;right:3px;border-radius:16px}.discovery-banner{margin:28px 18px 0;padding:24px;min-height:228px;background:radial-gradient(ellipse at 95% 25%,#5c428522,transparent 70%),linear-gradient(120deg,#10224033,#231b3b33)}.discovery-banner h2{font-size:20px;line-height:1.8;max-width:260px;position:relative;z-index:1}.discovery-banner .section-eyebrow{font-size:7px;letter-spacing:1.5px}.discovery-banner p{font-size:10px;margin:9px 0 18px}.discovery-emblem{position:absolute;right:-26px;top:30px;opacity:.35;width:130px;height:130px}.discovery-banner .gold-button{min-height:44px;padding:0 18px;font-size:11px}.site-footer{padding:22px 18px 24px;gap:14px;flex-wrap:wrap;margin-top:32px}.site-footer:before{left:18px;right:18px}.footer-brand>span{font-size:16px}.footer-brand small,.footer-copyright{font-size:8px}.catalog-page{padding-top:22px}.page-intro h1{font-size:27px;letter-spacing:.5px}.page-intro>p{font-size:12px;margin-top:11px}.page-intro .section-eyebrow{font-size:8px;letter-spacing:1.8px}.category-grid{gap:10px;margin-bottom:27px}.category-tile{min-height:103px;padding:13px 12px;gap:8px;align-items:flex-start;flex-wrap:wrap}.category-tile>svg:first-of-type{font-size:18px}.category-tile>div{flex:1;min-width:90px}.category-tile h2{font-size:15px;margin-bottom:3px}.category-tile div span{font-size:8px}.category-tile>svg:last-child{position:absolute;bottom:12px;right:11px;font-size:12px}.category-tabs{gap:7px}.category-tabs button{font-size:10px;padding:0 11px;gap:6px;min-height:44px}.category-tabs button svg{font-size:13px}.filter-bottom{align-items:flex-start;flex-direction:column;gap:8px;padding:18px 0}.filter-bottom>div{width:100%;justify-content:flex-end}.filter-bottom>span{font-size:11px}.sort-select select{font-size:11px;padding-left:12px}.saved-filter{margin-right:auto;font-size:11px}.filter-bottom>div:has(.sort-select:only-child){justify-content:flex-start}.collection-stat{flex-wrap:wrap;gap:9px}.local-label{margin-left:5px;padding:3px 8px;font-size:8px}.page-intro--category{min-height:180px;padding:23px;background-size:auto,auto 120%;background-position:center,120% 30%}.page-intro--category>p{max-width:240px}.empty-state{min-height:365px;padding:30px 20px}.empty-state :is(h1,h2){font-size:21px;line-height:1.8}.empty-state p{font-size:12px}.empty-orbit{margin-bottom:22px}.suggested-keywords{gap:11px;font-size:10px}.suggested-keywords button{gap:3px}.catalog-end{font-size:9px;letter-spacing:.5px}.detail-surface{border-radius:13px}.detail-hero-image{height:202px}.detail-image-caption{font-size:7px;left:18px;bottom:27px;letter-spacing:1.5px}.detail-curated{top:12px;right:12px;font-size:7px;padding:4px 9px}.detail-summary{padding:0 18px 22px}.detail-identity{gap:13px;margin-top:-24px}.brand-mark.large{width:65px;height:65px;min-width:65px;border-radius:14px;font-size:37px}.detail-identity h1{font-size:25px;line-height:1.4}.detail-identity>div{padding-top:10px}.detail-identity p{font-size:10px}.detail-tags{gap:5px;margin-top:8px}.detail-tags button{font-size:9px;min-height:30px;padding:0 9px}.brand-description{font-size:12px;line-height:1.95;margin:21px 0}.detail-stats>div{padding-right:10px;gap:6px;flex:1}.detail-stats>div+div{padding-left:10px}.detail-stats strong{font-size:12px;white-space:nowrap}.detail-stats strong>small{font-size:8px}.detail-stats small{font-size:8px}.detail-stats svg{font-size:14px;margin-top:1px}.detail-main-actions>*{min-height:46px;font-size:11px;padding:0 12px;gap:7px}.detail-main-actions .gold-button>svg{font-size:14px}.external-note{font-size:7px;margin-top:13px}.detail-tab-panel{padding:21px 18px}.detail-tabs{gap:3px;padding:0 10px}.detail-tabs button{font-size:11px;padding:0 12px}.overview-panel{grid-template-columns:1fr;gap:19px}.overview-panel>img{width:100%;height:130px;object-position:center 30%}.overview-panel h2{font-size:18px}.overview-panel p{font-size:12px}.overview-panel .section-eyebrow{font-size:7px}.overview-points{gap:12px}.overview-points>span{font-size:10px}.guide-panel h2{font-size:21px}.guide-steps h3{font-size:14px}.guide-steps p{font-size:12px}.guide-panel summary{font-size:11px;gap:6px}.guide-panel details p{font-size:12px;margin-left:20px}.notes-panel textarea{min-height:175px}.notes-panel label{font-size:11px}.note-actions>span{font-size:9px}.related-section{margin-top:28px}.brand-card.compact .brand-card-title{gap:6px}.brand-card.compact .brand-mark{width:27px;height:27px;min-width:27px;font-size:16px}.brand-card.compact .brand-card-title h3{font-size:14px}.brand-card.compact .brand-card-body{padding:12px 9px}.brand-card.compact .brand-card-title p{font-size:8px}.brand-card.compact .brand-cover{aspect-ratio:1.5}.history-note{font-size:9px;text-align:center}.toast{bottom:calc(85px + env(safe-area-inset-bottom));font-size:11px;border-radius:15px;padding:10px 8px 10px 14px;gap:8px}.toast>svg{font-size:15px}.toast button{width:30px;height:32px;flex-shrink:0}.mobile-bottom-nav{padding-left:9px;padding-right:9px}.mobile-bottom-nav button{min-height:51px;font-size:9px}.mobile-bottom-nav svg{width:19px;height:19px}.main-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}@media(max-width:767px){.detail-tags button{min-height:44px;padding:0 12px}.fan-arrow,.carousel-dots button{width:44px;height:44px}.carousel-dots{height:44px;gap:0}.favorite-button{width:44px;height:44px}.top-theme,.notification-button{width:44px;height:44px;min-width:44px}.avatar-button{width:44px;height:44px}.topbar-actions{gap:6px}.detail-toolbar-actions .icon-button{width:44px;height:44px}.notes-panel .gold-button{min-height:44px}}@media(max-width:359px){.top-theme{display:none}.hero-intro h1{font-size:25px}.topbar-actions{gap:5px}.mobile-wordmark strong{font-size:18px}.brand-card-title h3{font-size:14px}.brand-card-title p{font-size:8px}.brand-mark{width:25px;height:25px;min-width:25px;font-size:16px}.local-label{margin-left:0}.detail-stats strong{font-size:10px}.detail-stats svg{font-size:12px}.category-tile h2{font-size:13px}}[data-theme=aurora] .app-shell{background:radial-gradient(ellipse at 80% 10%,#745aa12b,transparent 48%),radial-gradient(ellipse at 30% 45%,#3199881f,transparent 55%),var(--bg)}[data-theme=aurora] .sidebar{background:linear-gradient(180deg,#092628ed,#061719fa),url(/assets/cosmic-citadel.webp) 14% top / auto 100%}[data-theme=aurora] .home-shell .main-shell:before{background-image:linear-gradient(180deg,rgba(20,62,59,.38) 0%,rgba(55,39,77,.24) 26%,rgba(6,23,25,.3) 54%,var(--bg) 95%),url(/assets/cosmic-citadel.webp)}.guest-description{color:var(--muted);font-size:12px;margin:14px 4px}.theme-picker{display:flex;gap:8px;margin:12px 0}.theme-picker button{flex:1;min-height:44px;border:1px solid var(--line);border-radius:10px}.theme-picker button.active{border-color:var(--gold);background:var(--glass-soft)}.search-keywords{display:flex;flex-wrap:wrap;gap:8px;margin:8px 4px}.search-keywords button{border:1px solid var(--line);border-radius:10px;min-height:44px;padding:6px 12px;color:var(--blue)}.search-hint,.reorder-hint{color:var(--muted);font-size:12px;margin-top:10px}.reorder-hint{margin:0 0 16px}.catalog-card{min-width:0;border-radius:13px;transition:opacity .2s,outline-color .2s}.catalog-card.is-dragging{opacity:.55}.catalog-card.is-drop-target{outline:2px dashed var(--pink);outline-offset:5px}.catalog-card.is-dragging .brand-card,.catalog-card.is-drop-target .brand-card{transform:none}.catalog-card .brand-card{height:100%}.catalog-card:has(.card-order-controls) .brand-card{height:auto}.collections-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);padding:24px;margin:24px 0 16px}.collections-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.collections-heading h2{font-size:21px;margin-top:4px}.collection-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.collection-tabs button{display:flex;align-items:center;gap:10px;min-height:44px;max-width:100%;padding:8px 14px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere;text-align:left}.collection-tabs button.active{background:var(--glass-soft);border-color:var(--pink)}.collection-tabs small{color:var(--muted)}.collection-editor{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.collection-editor label{color:var(--muted)}.collection-editor input{min-height:44px;min-width:0;flex:1;color:var(--text);background:var(--surface);border:1px solid var(--line-bright);border-radius:8px;padding:10px 12px}.collection-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.collection-tools>span{color:var(--muted);font-size:12px;margin-right:auto}.collection-tools>button{min-height:44px;color:var(--blue);padding:6px 8px}.danger-text{color:var(--pink)!important}.collection-members,.collection-confirm{width:100%;border-top:1px solid var(--line);padding-top:12px}.collection-confirm p{margin-bottom:12px}.collection-confirm button{margin:0 8px 8px 0}.collection-members summary,.data-backup summary{cursor:pointer;min-height:44px;padding:10px 0}.collection-members p{color:var(--muted);padding:12px 0}.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;padding:12px 0}.member-grid label{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px;overflow-wrap:anywhere}.member-grid input{width:18px;height:18px;flex-shrink:0;accent-color:var(--pink)}.data-backup{border:1px solid var(--line);border-radius:12px;background:var(--glass);padding:10px 20px;margin:16px 0 28px}.data-backup summary span{color:var(--muted);font-size:12px;margin-left:12px}.data-backup p{color:var(--muted);max-width:78ch;margin:8px 0 16px;font-size:13px;line-height:1.8}.backup-actions,.backup-preview{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.backup-preview p{flex-basis:100%}.card-order-controls{display:flex;align-items:center;gap:4px;padding:6px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;background:var(--glass)}.card-order-controls button{min-height:44px;min-width:44px;padding:8px;border-radius:8px}.card-order-controls button:hover:not(:disabled){background:var(--glass-soft)}.card-order-controls .drag-handle{cursor:grab;display:flex;align-items:center;gap:6px;margin-right:auto;color:var(--muted);font-size:11px}.card-order-controls .drag-handle:active{cursor:grabbing}.card-order-controls .remove-member{font-size:12px;color:var(--pink)}.overview-panel h3{margin-top:20px;font-size:17px}.overview-panel ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px}.overview-panel li a{min-height:44px;border:1px solid var(--line);padding:10px 14px;border-radius:10px}.nav-icon-education{color:var(--gold)}@media(hover:none){.brand-card:hover{transform:none}}@media(max-width:767px){.brand-grid,.home-featured .brand-grid{grid-template-columns:minmax(0,1fr)}.home-featured .brand-grid>.brand-card:last-child{display:block}.brand-cover{aspect-ratio:1.85}.brand-card.compact .brand-cover{aspect-ratio:2.15}.brand-card-body{padding:18px}.brand-card-title{gap:12px;align-items:center}.brand-card-title h3{font-size:20px}.brand-card-title p{font-size:14px;margin-top:4px}.brand-mark{width:38px;height:38px;min-width:38px;font-size:21px}.brand-card-meta,.brand-card-meta>span:last-child{font-size:12px}.category-badge{font-size:11px;padding:5px 9px}.category-badge svg{font-size:12px}.favorite-button{width:44px;height:44px}.collections-panel{padding:18px}.collections-heading{align-items:flex-start;flex-wrap:wrap}.collections-heading h2{font-size:20px}.collection-editor label{width:100%}.collection-editor input{flex-basis:100%;font-size:16px}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-grid label{font-size:14px}.data-backup{padding:10px 16px}.data-backup summary span{display:block;margin-left:0}.data-backup p{font-size:14px}.collection-stat{flex-wrap:wrap}.local-label{margin-left:0;font-size:11px}.collection-tools>span{flex-basis:100%}.card-order-controls .drag-handle,.search-hint,.reorder-hint{font-size:12px}.search-suggestions{max-height:65dvh;overflow-y:auto}.search-suggestions small{font-size:12px}.overview-panel li a{font-size:13px}}@media(max-width:359px){.member-grid{grid-template-columns:minmax(0,1fr)}.carousel-dots{display:grid;grid-template-columns:repeat(4,44px);height:auto;gap:0 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.world-card:hover{transform:translateY(var(--rise)) rotate(var(--angle))}.brand-card:hover,.gold-button:hover{transform:none}}@media(max-width:540px)and (prefers-reduced-motion:reduce){.world-card:hover{transform:translate(calc(var(--position) * 145px)) translateY(var(--rise)) rotate(var(--angle))}}