:root{--bg:#08090b;--surface:#121419;--surface-2:#191c22;--muted:#8b909b;--text:#f6f5f1;--stroke:rgba(255,255,255,.075);--accent:#f5b75a;--radius:23px;--shadow:0 19px 50px rgba(0,0,0,.29);color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans HK","PingFang HK",sans-serif}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.3;cursor:default}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sprite{position:absolute;width:0;height:0;overflow:hidden}.ambient{position:fixed;z-index:-1;pointer-events:none;opacity:.35;filter:blur(65px);border-radius:50%}.ambient-a{top:-260px;right:-250px;width:530px;height:530px;background:radial-gradient(circle,#584229,transparent 64%)}.ambient-b{left:-290px;top:570px;width:510px;height:510px;background:radial-gradient(circle,#1b273a,transparent 70%)}.app-shell{width:min(100% - 44px,940px);margin:0 auto;padding-bottom:145px}.topbar{height:103px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{position:relative;width:39px;height:39px;border:1px solid rgba(246,186,93,.42);background:radial-gradient(circle at 55% 47%,rgba(243,184,98,.16),transparent 75%),#181712;display:grid;place-items:center;border-radius:14px;transform:rotate(-9deg)}.sun-core{background:#ffd18a;width:13px;height:13px;box-shadow:0 0 18px rgba(253,184,78,.6);border-radius:50%}.sun-ring{position:absolute;width:26px;height:26px;border:1px solid rgba(250,211,143,.5);border-radius:50%;transform:rotate(40deg) scaleX(.72)}.brand-type{display:flex;flex-direction:column;gap:2px;letter-spacing:.105em;font-size:13px;font-weight:800;line-height:1.1}.brand-dot,.period{color:var(--accent)}.brand-type small{color:#8b9096;font-size:8px;letter-spacing:.20em;font-weight:600}.top-avatar{width:41px;height:41px;border:1px solid rgba(255,255,255,.16);color:#fae9cb;font-size:14px;font-weight:800;border-radius:15px;background:linear-gradient(140deg,#31343a,#17181b);position:relative}.avatar-ping{position:absolute;bottom:0px;right:-1px;width:10px;height:10px;border-radius:50%;background:#8ddf9e;border:2px solid #0c0d0f}.view{display:none;animation:fade-in .22s ease}.view.active{display:block}.hero{padding-top:24px}.hero-meta{font-size:10px;letter-spacing:.19em;color:#a3a5a7;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow-line{width:18px;height:2px;background:var(--accent);border-radius:4px}.hero h1{font-size:clamp(38px,8.1vw,59px);line-height:1.14;letter-spacing:-.057em;margin:24px 0 13px;font-weight:750}.hero h1>span{color:#92969e}.hero p{font-size:13px;color:#9a9da5;letter-spacing:.02em;margin:0;line-height:1.8}.hero-status{display:flex;align-items:center;gap:5px;margin-top:26px;color:#a7a9aa;font-size:11px}.hero-status #totalCount{font-weight:800;color:#f5f1e9;margin-left:5px}.status-orb{height:7px;width:7px;background:#84caa7;border-radius:50%;box-shadow:0 0 12px rgba(88,226,156,.4)}.search-row{margin-top:28px}.search-box{height:51px;display:flex;align-items:center;gap:14px;padding:0 15px;background:rgba(23,25,29,.86);border:1px solid rgba(255,255,255,.085);border-radius:15px;transition:border-color .2s}.search-box:focus-within{border-color:rgba(245,183,90,.48)}.search-box .ico{width:19px;height:19px;color:#777e89;flex:none}.search-box input{min-width:0;width:100%;background:transparent;border:0;outline:0;color:var(--text);font-size:13px}.search-box input::placeholder{color:#777b83}.search-box input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.keycap{display:grid;place-items:center;font-size:16px;font-weight:400;flex:none;color:#797f8b;border:1px solid #33343b;width:24px;height:24px;border-radius:6px}.section-heading{margin:31px 0 15px;display:flex;align-items:flex-end;justify-content:space-between}.mini-label{font-size:9px;letter-spacing:.17em;color:#7c828b;font-weight:800}.section-heading h2{font-size:21px;margin:6px 0 0;letter-spacing:-.04em;font-weight:720}.h2-count{font-size:11px;font-weight:750;color:#b1b3b6;vertical-align:top;margin-left:4px;letter-spacing:0}.text-button{background:none;border:0;color:#d9c6a7;padding:8px 0 3px 16px;font-size:11px;font-weight:700}.text-button span{margin-left:5px}.filter-row{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 17px;padding-bottom:1px}.filter-row::-webkit-scrollbar{display:none}.filter-button{white-space:nowrap;padding:8px 13px;background:#16181c;color:#92959d;border:1px solid rgba(255,255,255,.075);border-radius:999px;font-size:11px;font-weight:600;transition:.18s}.filter-button.active{background:#e9e7e1;border-color:#e9e7e1;color:#111216}.filter-button:not(.active):hover{color:#fff;background:#24262c}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-card{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:216px;padding:16px;border-radius:21px;border:1px solid var(--card-edge);background:var(--card-bg);transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}.app-card:active{transform:scale(.98)}.app-card:hover{border-color:var(--card-edge-hover);box-shadow:var(--shadow)}.app-card.featured{grid-column:1/-1;min-height:242px;padding:21px 22px}.app-card .card-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start}.app-card .app-glyph{display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.08);color:var(--card-accent)}.app-card .app-glyph svg{width:21px;height:21px;stroke-width:1.7}.app-card .card-open{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(0,0,0,.11);color:rgba(255,255,255,.75)}.app-card .card-open svg{width:15px;height:15px}.app-card .card-copy{z-index:2;position:relative;min-width:0}.app-card .card-kicker{font-size:8px;letter-spacing:.15em;font-weight:800;color:var(--card-accent);opacity:.86;text-transform:uppercase;margin-bottom:8px}.app-card h3{font-size:16px;line-height:1.25;letter-spacing:-.024em;font-weight:760;margin:0;overflow-wrap:anywhere}.app-card p{color:rgba(235,239,239,.56);font-size:10px;line-height:1.55;letter-spacing:.005em;margin:7px 0 0;max-width:90%;overflow-wrap:anywhere}.app-card.featured h3{font-size:24px}.app-card.featured p{font-size:12px;max-width:70%}.app-card.featured .app-glyph{width:42px;height:42px}.card-art{position:absolute;pointer-events:none;z-index:0}.featured .card-art{width:200px;height:190px;right:-22px;top:30px}.app-card:not(.featured) .card-art{width:145px;height:130px;right:-39px;top:42px}.orbit-art{height:100%;width:100%;position:relative}.orbit{position:absolute;border:1px solid currentColor;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-21deg);opacity:.22}.orbit:nth-child(1){width:65%;height:65%;border-width:11px;opacity:.11}.orbit:nth-child(2){width:95%;height:95%;border-width:1px}.orbit:nth-child(3){width:124%;height:124%;border-width:1px;opacity:.11}.orbit-symbol{position:absolute;top:46%;left:45%;font-size:59px;letter-spacing:-.1em;font-style:italic;font-weight:900;opacity:.42;transform:translate(-50%,-50%) rotate(-10deg)}.shoe-art{width:100%;height:100%;position:relative}.shoe-art svg{width:112px;height:112px;position:absolute;top:12px;left:8px;stroke-width:.75;opacity:.18;transform:rotate(-18deg)}.shoe-art::before,.shoe-art::after{content:"";position:absolute;inset:8px 0 auto auto;width:85px;height:85px;border:1px solid currentColor;border-radius:28px;transform:rotate(23deg);opacity:.1}.shoe-art::after{inset:31px 0 auto auto;transform:rotate(49deg);opacity:.08}.cards-art{position:relative;width:100%;height:100%}.cards-art::before,.cards-art::after,.cards-art span{position:absolute;content:"";display:block;width:77px;height:105px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.24)}.cards-art::before{right:24px;top:0;background:#5b4c9c;border:2px solid rgba(255,255,255,.10);transform:rotate(17deg)}.cards-art::after{right:37px;top:14px;background:#d16b5b;border:2px solid rgba(255,255,255,.12);transform:rotate(-15deg)}.cards-art span{right:26px;top:13px;display:grid;place-items:center;color:#ffe4be;font-size:30px;font-weight:900;font-style:italic;background:linear-gradient(160deg,#ba4256,#6b385a);border:2px solid rgba(255,255,255,.14);transform:rotate(5deg)}.mecha-art{position:relative;width:100%;height:100%}.mecha-art svg{position:absolute;top:5px;left:4px;width:133px;height:133px;stroke-width:.8;opacity:.23;transform:rotate(-12deg)}.mecha-art::before,.mecha-art::after{content:"";position:absolute;border:1px solid currentColor;opacity:.12;transform:rotate(24deg)}.mecha-art::before{inset:10px 15px;border-radius:35px}.mecha-art::after{inset:24px 29px;border-radius:25px;transform:rotate(60deg)}.mini-art{position:absolute;inset:0;display:grid;place-items:center;font-size:78px;letter-spacing:-.1em;font-weight:850;opacity:.085;transform:rotate(-14deg)}.theme-amber{--card-bg:radial-gradient(ellipse at 87% 36%,#3c3225 0%,#252019 48%,#201d1a 90%);--card-edge:rgba(238,187,111,.17);--card-edge-hover:rgba(238,187,111,.4);--card-accent:#f5be75}.theme-mint{--card-bg:linear-gradient(155deg,#182c27,#12221d 65%,#14231e);--card-edge:rgba(123,217,175,.16);--card-edge-hover:rgba(123,217,175,.42);--card-accent:#90e9bc}.theme-rose{--card-bg:linear-gradient(150deg,#30212b,#271b26 65%,#211924);--card-edge:rgba(240,153,178,.16);--card-edge-hover:rgba(240,153,178,.42);--card-accent:#f5a8b9}.theme-violet{--card-bg:linear-gradient(140deg,#22243b,#1a1e31);--card-edge:rgba(169,167,245,.18);--card-edge-hover:rgba(169,167,245,.45);--card-accent:#c9b9ff}.theme-blue{--card-bg:linear-gradient(140deg,#192638,#151e2e);--card-edge:rgba(132,194,245,.16);--card-edge-hover:rgba(132,194,245,.45);--card-accent:#98cfff}.theme-neutral{--card-bg:linear-gradient(140deg,#25272c,#1b1e22);--card-edge:rgba(210,216,222,.14);--card-edge-hover:rgba(210,216,222,.37);--card-accent:#e4e6e9}.add-tile{border:1px dashed #3b3d43;background:linear-gradient(140deg,rgba(29,30,34,.8),rgba(20,21,24,.5));border-radius:20px;grid-column:1/-1;min-height:92px;display:flex;align-items:center;gap:14px;padding:16px 18px;text-align:left;color:#e7e8ea;transition:border-color .2s}.add-tile:hover{border-color:#bda883}.add-icon{display:grid;place-items:center;border:1px solid #42444a;color:#c1c2c7;background:#282a2e;border-radius:13px;height:40px;width:40px;flex:none}.add-icon svg{width:19px;height:19px}.add-title{font-size:13px;font-weight:700;display:block}.add-caption{font-size:10px;color:#8b8e96;margin-top:5px;display:block}.add-chevron{margin-left:auto;color:#93969a}.home-footer{display:flex;align-items:center;gap:7px;padding:28px 1px 0;color:#686d76;font-size:10px}.footer-sparkle{color:var(--accent);font-size:14px}.footer-version{margin-left:auto;white-space:nowrap;letter-spacing:.1em;font-size:9px}.bottom-dock{position:fixed;z-index:25;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100vw - 43px),370px);height:69px;padding:7px;display:flex;align-items:stretch;justify-content:space-around;background:rgba(30,32,36,.77);border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 14px 50px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.055);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dock-tab{min-width:76px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;background:transparent;border:0;border-radius:17px;color:#888e97;font-size:9px;font-weight:650;letter-spacing:.025em}.dock-tab svg{height:21px;width:21px}.dock-tab.active{color:#f2dbb6;background:rgba(245,199,132,.085)}.dock-divider{align-self:center;background:#484a4c;height:27px;width:1px;margin:0 7px}.page-intro{padding-top:28px;margin-bottom:25px}.page-intro h1{font-size:clamp(38px,8.1vw,58px);letter-spacing:-.058em;margin:17px 0 8px;line-height:1.13}.page-intro p{font-size:13px;color:var(--muted);margin:0}.library-search{margin-bottom:21px}.list-heading{margin-top:32px}.tiny-add{display:grid;place-items:center;border-radius:11px;width:34px;height:34px;background:#f2dfbd;color:#1c1b1b;border:0}.tiny-add svg{width:19px;height:19px}.library-list,.manage-list{display:flex;flex-direction:column;gap:10px}.library-item{display:flex;align-items:center;gap:14px;border:1px solid var(--stroke);border-radius:18px;padding:15px;background:rgba(24,26,30,.85);transition:background .2s}.library-item:hover{background:#24262a}.library-icon{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:15px;color:var(--card-accent);background:var(--card-bg);border:1px solid var(--card-edge)}.library-icon svg{width:22px;height:22px}.library-copy{min-width:0;flex:1}.library-copy strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-copy span{display:block;color:#8f949c;font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-item>.ico{width:18px;height:18px;color:#b3b3b5}.settings-panel{border:1px solid var(--stroke);background:rgba(23,25,29,.83);border-radius:21px;margin-top:16px;padding:18px}.setting-heading{display:flex;align-items:center;gap:12px;margin-bottom:19px}.setting-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:14px}.setting-icon.purple{color:#ccbaff;background:#312944}.setting-icon.mint{color:#b7e7ca;background:#1e3930}.setting-heading h2,.reset-panel h2{font-size:14px;margin:0 0 5px}.setting-heading p,.reset-panel p{font-size:11px;color:#92969d;margin:0;line-height:1.55}.manage-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid rgba(255,255,255,.07)}.manage-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--card-bg);color:var(--card-accent);border:1px solid var(--card-edge);flex:none}.manage-icon .ico{height:18px;width:18px}.manage-name{min-width:0;flex:1;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-actions{display:flex;gap:3px}.manage-actions button{width:29px;height:31px;background:none;border:1px solid transparent;color:#aeb0b5;display:grid;place-items:center;border-radius:8px}.manage-actions button:hover{background:#30343a}.manage-actions button svg{width:16px;height:16px}.manage-actions .danger{color:#e6a7ad}.manage-actions .reorder{font-size:14px;font-weight:700}.primary-action{min-height:44px;background:#f4dcaf;border:1px solid #f4dcaf;color:#181817;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;font-size:12px;font-weight:800}.primary-action svg{width:17px;height:17px}.settings-panel>.primary-action{margin-top:15px;width:100%}.backup-actions{display:flex;gap:9px}.outline-action{min-height:43px;background:#282a30;border:1px solid rgba(255,255,255,.1);color:#efeff1;border-radius:12px;padding:10px 15px;display:flex;justify-content:center;align-items:center;gap:8px;flex:1;font-size:12px;font-weight:650}.outline-action svg{width:16px;height:16px}.small-note{line-height:1.7;color:#8e929a;font-size:11px;margin:15px 0 0}.reset-panel{display:flex;align-items:center;justify-content:space-between;gap:15px}.reset-panel>div{flex:1}.reset-action{background:transparent;border:1px solid #655047;color:#e7b9a4;border-radius:10px;font-size:11px;padding:9px 12px;white-space:nowrap}.bottom-note{text-align:center;font-size:9px;color:#616671;letter-spacing:.12em;padding:30px 0}.bottom-note span{color:#e2b880;margin:0 5px}.app-dialog{position:fixed;margin:auto auto 0;width:min(100%,520px);max-height:min(90dvh,740px);background:#1c1e23;border:1px solid #3e4045;box-shadow:0 24px 90px rgba(0,0,0,.78);border-radius:25px 25px 0 0;color:var(--text);padding:21px 22px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.app-dialog::backdrop{background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font-size:25px;letter-spacing:-.04em;margin:5px 0 0}.icon-button{display:grid;place-items:center;width:33px;height:33px;background:#303239;color:#e5e5e8;border:0;border-radius:11px}.icon-button svg{width:17px;height:17px}.field-label{display:block;color:#c9cbd0;font-size:11px;font-weight:750;margin:16px 0 8px}.field-label span{color:#edba76}.app-dialog input,.app-dialog select{width:100%;height:43px;border:1px solid #41444c;border-radius:11px;background:#272a31;color:#f5f5f6;padding:0 12px;font-size:13px;outline:none}.app-dialog input:focus,.app-dialog select:focus{border-color:#eac48c}.app-dialog input::placeholder{color:#777b84}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-choices{display:flex;gap:10px;flex-wrap:wrap}.color-choice{position:relative;height:30px;width:30px;border:3px solid #1d1e21;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px transparent}.color-choice.selected{box-shadow:0 0 0 2px #ddd}.color-choice.selected::before{position:absolute;content:'✓';font-size:13px;font-weight:800;left:6px;top:3px;color:#151515}.form-error{color:#f5aaac;font-size:11px;line-height:1.6}.form-bottom{display:flex;gap:10px;margin-top:26px}.form-bottom .primary-action{flex:1.5}.form-bottom .outline-action{flex:1}.toast{z-index:100;position:fixed;bottom:calc(105px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,15px);max-width:calc(100vw - 36px);pointer-events:none;opacity:0;background:#eee7d9;color:#171717;border-radius:11px;padding:11px 16px;white-space:nowrap;font-size:12px;transition:opacity .23s,transform .23s;box-shadow:0 12px 30px rgba(0,0,0,.4)}.toast.visible{opacity:1;transform:translate(-50%,0)}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:160px;color:#8b9097;background:rgba(21,23,26,.6);border:1px dashed #393a3e;border-radius:19px;grid-column:1/-1;text-align:center;padding:16px}.empty-state strong{color:#efeff1;font-size:14px}.empty-state span{font-size:11px}.empty-state svg{color:#b3a78f;margin-bottom:6px}.library-list .empty-state{min-height:180px}.app-card:focus-visible,.bottom-dock button:focus-visible,.filter-button:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #f6c37f;outline-offset:3px}@keyframes fade-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:700px){.app-shell{width:min(100% - 80px,940px)}.hero{padding-top:45px}.hero h1{font-size:68px}.hero p{font-size:15px}.hero-status{margin-top:30px}.app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.app-card.featured{grid-column:span 2;min-height:270px}.app-card{min-height:270px}.app-card:not(.featured) .card-art{width:165px;height:155px;top:45px}.add-tile{grid-column:span 2;min-height:116px}.app-card h3{font-size:18px}.app-card p{font-size:12px}.app-dialog{border-radius:25px;margin:auto;padding:25px 29px}.topbar{height:110px}.bottom-dock{bottom:25px}.library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:365px){.app-shell{width:calc(100% - 30px)}.app-card{padding:14px;min-height:205px}.app-card.featured{padding:18px}.hero h1{font-size:36px}.bottom-dock{width:calc(100% - 30px)}.app-card h3{font-size:14px}.app-card.featured h3{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}