:root{--font:"Nunito", -apple-system, system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", monospace;--r-card:22px;--r-island:26px;--r-chip:13px;--r-pill:999px;--positive:#219761;--negative:#da4645;--positive-soft:color-mix(in oklch, var(--positive) 13%, var(--card));--negative-soft:color-mix(in oklch, var(--negative) 13%, var(--card));--accent-ink:#fff;--accent-soft:color-mix(in oklch, var(--accent) 14%, var(--card));--accent-line:color-mix(in oklch, var(--accent) 30%, var(--card));--accent-ghost:color-mix(in oklch, var(--accent) 8%, var(--card))}@supports (color:lab(0% 0 0)){:root{--positive:lab(55.303% -42.7462 18.8107);--negative:lab(52.3258% 58.3811 35.1523)}}:root[data-mode=light]{--bg:#f9f6f3;--bg-grad-top:#fdf9f6;--card:#fff;--card-2:#f7f4f1;--card-inset:#f3efec;--text:#251f1b;--text-2:#6e6862;--text-3:#9d9792;--hairline:#e5e2e0;--hairline-2:#edebe8;--shadow-sm:0 1px 2px #28211a0d, 0 4px 14px #28211a0d;--shadow-md:0 2px 6px #28211a0f, 0 12px 30px #28211a14;--scrim:linear-gradient(to top, #120e0ab8 0%, #120e0a52 45%, #120e0a00 100%);--ph-a:#eae7e4;--ph-b:#e1ddd8}@supports (color:lab(0% 0 0)){:root[data-mode=light]{--bg:lab(97.103% .567943 1.79802);--bg-grad-top:lab(98.2636% .683099 2.15869);--card:lab(100% 0 0);--card-2:lab(96.291% .567943 1.79808);--card-inset:lab(94.7835% .683457 2.15888);--text:lab(12.4059% 1.82708 4.26539);--text-2:lab(44.3101% 1.74788 4.20309);--text-3:lab(62.8729% 1.43468 3.48753);--hairline:lab(90.1425% .453532 1.4379);--hairline-2:lab(93.0425% .453413 1.43782);--ph-a:lab(91.8835% .683695 2.15906);--ph-b:lab(88.4044% .917196 2.88221)}}:root[data-mode=dark]{--bg:#0e0e11;--bg-grad-top:#131317;--card:#19191d;--card-2:#222227;--card-inset:#1f2025;--text:#f5f5f7;--text-2:#a9aab2;--text-3:#73747c;--hairline:#34353a;--hairline-2:#2a2b2f;--shadow-sm:0 1px 2px #0000004d, 0 4px 14px #0000004d;--shadow-md:0 2px 8px #00000059, 0 14px 34px #0006;--scrim:linear-gradient(to top, #000000c7 0%, #00000057 45%, #0000 100%);--ph-a:#2d2d33;--ph-b:#36373e}@supports (color:lab(0% 0 0)){:root[data-mode=dark]{--bg:lab(4.02721% .275083 -1.49598);--bg-grad-top:lab(6.14112% .496626 -2.66419);--card:lab(8.87577% .578329 -2.94847);--card-2:lab(13.508% .646114 -3.31938);--card-inset:lab(12.3478% .649504 -3.31761);--text:lab(96.4977% .190109 -1.12108);--text-2:lab(69.748% .801355 -4.45908);--text-3:lab(48.8669% .817716 -4.44963);--hairline:lab(22.2175% .551075 -2.9631);--hairline-2:lab(17.5771% .558093 -2.95922);--ph-a:lab(18.7204% .712708 -3.69091);--ph-b:lab(23.344% .861451 -4.42583)}}:root[data-accent=coral]{--accent:#f27744}@supports (color:lab(0% 0 0)){:root[data-accent=coral]{--accent:lab(64.5521% 45.832 50.1577)}}:root[data-accent=indigo]{--accent:#4a6ad2}@supports (color:lab(0% 0 0)){:root[data-accent=indigo]{--accent:lab(46.5927% 14.6469 -58.657)}}:root[data-accent=teal]{--accent:#27a7aa}@supports (color:lab(0% 0 0)){:root[data-accent=teal]{--accent:lab(62.2149% -33.7989 -11.6203)}}:root[data-accent=amber]{--accent:#e8ad47;--accent-ink:#3e290f}@supports (color:lab(0% 0 0)){:root[data-accent=amber]{--accent:lab(75.059% 15.1276 58.9881);--accent-ink:lab(18.7182% 7.6988 20.5765)}}:root[data-accent=violet]{--accent:#9657d2}@supports (color:lab(0% 0 0)){:root[data-accent=violet]{--accent:lab(48.9163% 43.8975 -54.1545)}}*{box-sizing:border-box}@keyframes sk-mic-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 45%, transparent)}50%{box-shadow:0 0 0 16px color-mix(in oklch, var(--accent) 0%, transparent)}}.sk-mic-pulse{animation:1.6s ease-out infinite sk-mic-pulse}@keyframes sk-wave{0%,to{opacity:.6;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1.5)}}.sk-wave{transform-origin:50%;animation:.9s ease-in-out infinite sk-wave}@media (prefers-reduced-motion:reduce){.sk-mic-pulse,.sk-wave{animation:none}}button:focus-visible,input:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes sk-screen-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sk-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sk-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tut-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
html,body{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.45}body.app-bg{background:radial-gradient(1200px 600px at 85% -10%, var(--accent-ghost), transparent 60%), linear-gradient(180deg, var(--bg-grad-top), var(--bg) 40%);background-attachment:fixed}*{box-sizing:border-box}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}input,textarea,select{color:inherit;font-family:inherit}::selection{background:var(--accent-soft)}.tnum{font-variant-numeric:tabular-nums lining-nums}.mono{font-family:var(--mono)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--text-3) 40%, transparent);background-clip:content-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch, var(--text-3) 65%, transparent);background-clip:content-box}::-webkit-scrollbar-track{background:0 0}.display{letter-spacing:-.035em;font-size:54px;font-weight:800;line-height:1.02}.h1{letter-spacing:-.025em;font-size:30px;font-weight:800;line-height:1.1}.h2{letter-spacing:-.02em;font-size:22px;font-weight:800}.h3{letter-spacing:-.01em;font-size:17px;font-weight:800}.section-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);font-size:11.5px;font-weight:800}.muted{color:var(--text-2)}.muted-3{color:var(--text-3)}.pos{color:var(--positive)}.neg{color:var(--negative)}.set{color:var(--text-3)}.ico{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ico svg{width:100%;height:100%;display:block}.btn{letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:13px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:14.5px;font-weight:800;transition:transform .16s cubic-bezier(.2,.8,.2,1),background .16s,box-shadow .16s,color .16s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px -6px color-mix(in oklch, var(--accent) 60%, transparent)}.btn-primary:hover{box-shadow:0 10px 26px -6px color-mix(in oklch, var(--accent) 70%, transparent);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)scale(.97)}.btn-soft{background:var(--accent-soft);color:var(--accent)}.btn-soft:hover{background:color-mix(in oklch, var(--accent) 22%, var(--card))}.btn-ghost{background:var(--card-2);color:var(--text)}.btn-ghost:hover{background:var(--card-inset)}.btn-outline{box-shadow:inset 0 0 0 1.5px var(--hairline);color:var(--text);background:0 0}.btn-outline:hover{box-shadow:inset 0 0 0 1.5px var(--accent-line);background:var(--accent-ghost)}.btn-lg{border-radius:15px;height:52px;padding:0 26px;font-size:16px}.btn-sm{border-radius:10px;gap:6px;height:34px;padding:0 13px;font-size:13px}.btn-icon{border-radius:12px;width:42px;height:42px;padding:0}.btn-icon.btn-sm{width:34px;height:34px}.btn-block{width:100%;display:flex}.btn[disabled]{opacity:.5;pointer-events:none}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-sm);border:1px solid var(--hairline-2)}.card-pad{padding:20px}.card-hover{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--accent-line);transform:translateY(-3px)}.island{background:var(--card);border-radius:var(--r-island);box-shadow:var(--shadow-md);border:1px solid var(--hairline-2)}.pill{border-radius:var(--r-pill);background:var(--card-2);height:30px;color:var(--text-2);align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.pill.pos{background:var(--positive-soft);color:var(--positive)}.pill.neg{background:var(--negative-soft);color:var(--negative)}.pill.accent{background:var(--accent-soft);color:var(--accent)}.chip{border-radius:var(--r-pill);height:38px;color:var(--text-2);background:var(--card);border:1.5px solid var(--hairline);align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:800;transition:all .16s;display:inline-flex}.chip:hover{border-color:var(--accent-line);color:var(--text)}.chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 6px 16px -6px color-mix(in oklch, var(--accent) 60%, transparent)}.badge{background:var(--accent);min-width:20px;height:20px;color:var(--accent-ink);border-radius:99px;justify-content:center;align-items:center;padding:0 6px;font-size:11.5px;font-weight:800;display:inline-flex}.badge.count{background:var(--negative);color:#fff}.tag{background:var(--card-2);height:26px;color:var(--text-2);border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.seg{background:var(--card-2);border-radius:13px;gap:2px;padding:4px;display:inline-flex}.seg button{height:34px;color:var(--text-2);border-radius:10px;padding:0 16px;font-size:13.5px;font-weight:800;transition:color .15s;position:relative}.seg button.on{color:var(--text);background:var(--card);box-shadow:var(--shadow-sm)}.seg.lg button{height:40px;padding:0 22px;font-size:15px}.es-tab{height:44px;color:var(--text-3);margin:0 12px;padding:0 4px;font-size:15px;font-weight:800;transition:color .15s;position:relative}.es-tab:first-child{margin-left:4px}.es-tab:hover{color:var(--text-2)}.es-tab.on{color:var(--text)}.es-tab.on:after{content:"";background:var(--accent);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.av{color:#fff;background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex;overflow:hidden}.av-stack{display:inline-flex}.av-stack .av{box-shadow:0 0 0 2.5px var(--card);margin-left:-9px}.av-stack .av:first-child{margin-left:0}.av-more{background:var(--card-2);color:var(--text-2)}.row{border-radius:15px;align-items:center;gap:14px;padding:13px 14px;transition:background .15s;display:flex}.row.tappable{cursor:pointer}.row.tappable:hover{background:var(--card-2)}.row-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.divide>*+*{border-top:1px solid var(--hairline-2)}.cover{background-position:50%;background-size:cover;position:relative;overflow:hidden}.cover:after{content:"";background:var(--scrim);position:absolute;inset:0}.cover>*{z-index:1;position:relative}.cover-emoji{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border-radius:15px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff40}.cover-hero{box-shadow:var(--shadow-md);background-position:50%;background-size:cover;position:relative;overflow:hidden}.cover-hero .cover-slot{z-index:0;position:absolute;inset:0;width:100%!important;height:100%!important}.cover-hero .cover-veil{z-index:1;background:var(--scrim);pointer-events:none;position:absolute;inset:0}.cover-hero .cover-content{z-index:2;height:100%;min-height:inherit;pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:relative}.cover-hero .cover-content button{pointer-events:auto}.field{flex-direction:column;gap:7px;display:flex}.field>label{color:var(--text-2);letter-spacing:.01em;font-size:12.5px;font-weight:800}.input,.textarea{background:var(--card);border:1.5px solid var(--hairline);border-radius:13px;width:100%;height:46px;padding:0 14px;font-size:15px;font-weight:600;transition:border-color .15s,box-shadow .15s}.textarea{resize:vertical;height:auto;padding:12px 14px;line-height:1.5}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-ghost);outline:none}.input::-moz-placeholder{color:var(--text-3);font-weight:600}.textarea::-moz-placeholder{color:var(--text-3);font-weight:600}.input::placeholder,.textarea::placeholder{color:var(--text-3);font-weight:600}.input-group{align-items:center;display:flex;position:relative}.input-group .ico{color:var(--text-3);pointer-events:none;position:absolute;left:14px}.input-group .input{padding-left:42px}.input-lg{height:56px;font-size:17px;font-weight:700}.toggle{background:var(--card-inset);border-radius:99px;flex-shrink:0;width:46px;height:28px;transition:background .2s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(18px)}.track{background:var(--card-inset);border-radius:99px;height:9px;overflow:hidden}.track>i{background:var(--accent);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.stack-v{flex-direction:column;display:flex}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}#app{min-height:100vh;display:flex}.sidebar{background:color-mix(in oklch, var(--card) 70%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--hairline-2);z-index:20;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:6px 8px 16px;display:flex}.brand-mark{background:linear-gradient(140deg, var(--accent), color-mix(in oklch, var(--accent) 55%, #000 12%));width:38px;height:38px;box-shadow:0 6px 16px -5px color-mix(in oklch, var(--accent) 65%, transparent);border-radius:12px;justify-content:center;align-items:center;display:flex}.brand-name{letter-spacing:-.02em;font-size:20px;font-weight:800}.nav-new{margin:0 4px 14px}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{height:42px;color:var(--text-2);border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:14.5px;font-weight:800;transition:background .15s,color .15s;display:flex;position:relative}.nav-item .ico{color:var(--text-3);transition:color .15s}.nav-item:hover{background:var(--card-2);color:var(--text)}.nav-item:hover .ico{color:var(--text-2)}.nav-item.on{background:var(--accent-soft);color:var(--accent)}.nav-item.on .ico{color:var(--accent)}.nav-item.on:before{content:"";background:var(--accent);border-radius:0 4px 4px 0;width:3.5px;position:absolute;top:10px;bottom:10px;left:-14px}.nav-sec{margin:14px 12px 6px}.nav-spacer{flex:1}.nav-user{cursor:pointer;border-radius:14px;align-items:center;gap:11px;padding:9px;transition:background .15s;display:flex}.nav-user:hover{background:var(--card-2)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:15;background:color-mix(in oklch, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--hairline-2);align-items:center;gap:16px;height:68px;padding:0 44px;display:flex;position:sticky;top:0}.crumb{color:var(--text-3);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.crumb .now{color:var(--text);font-weight:800}.crumb a:hover{color:var(--text-2)}.content{width:100%;max-width:1280px;margin:0 auto;padding:32px 44px 64px}.content.wide{max-width:1460px}.screen{animation:.34s cubic-bezier(.2,.8,.2,1) scr-in}@keyframes scr-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.stagger>*{animation:.4s cubic-bezier(.2,.8,.2,1) backwards scr-in}.stagger>:first-child{animation-delay:20ms}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.14s}.stagger>:nth-child(5){animation-delay:.18s}.stagger>:nth-child(6){animation-delay:.22s}@media (prefers-reduced-motion:reduce){.screen,.stagger>*{animation:none}}.grid{gap:18px;display:grid}.two-col{grid-template-columns:1fr 340px}.two-col-wide{grid-template-columns:1fr 380px}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-2{grid-template-columns:repeat(2,1fr)}.scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;opacity:0;background:#14100c6b;transition:opacity .28s;position:fixed;inset:0}.scrim.show{opacity:1}[data-mode=dark] .scrim{background:#00000094}.drawer{z-index:101;background:var(--card);border-left:1px solid var(--hairline-2);flex-direction:column;width:480px;max-width:94vw;height:100vh;transition:transform .34s cubic-bezier(.2,.85,.25,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-20px 0 60px -20px #140e0866}.drawer.show{transform:none}.drawer-head{border-bottom:1px solid var(--hairline-2);align-items:center;gap:14px;padding:20px 22px;display:flex}.drawer-body{flex:1;padding:22px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--hairline-2);background:var(--card);gap:10px;padding:16px 22px;display:flex}.modal{z-index:101;opacity:0;background:var(--card);width:440px;max-width:92vw;box-shadow:var(--shadow-md);border:1px solid var(--hairline-2);border-radius:24px;padding:26px;transition:transform .28s cubic-bezier(.2,.85,.25,1),opacity .24s;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%)scale(.97)}.modal.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.toast-host{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow-md);pointer-events:auto;border-radius:15px;align-items:center;gap:11px;padding:13px 18px 13px 15px;font-size:14px;font-weight:800;animation:.3s cubic-bezier(.2,.8,.2,1) toast-in;display:flex}.toast .ico{color:var(--positive)}[data-mode=dark] .toast{background:var(--card-2);color:var(--text);border:1px solid var(--hairline)}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.cmdk{z-index:101;opacity:0;background:var(--card);width:560px;max-width:92vw;box-shadow:var(--shadow-md);border:1px solid var(--hairline-2);border-radius:20px;transition:transform .24s,opacity .2s;position:fixed;top:14vh;left:50%;overflow:hidden;transform:translate(-50%)scale(.98)}.cmdk.show{opacity:1;transform:translate(-50%)scale(1)}.cmdk-input{border-bottom:1px solid var(--hairline-2);align-items:center;gap:12px;padding:16px 18px;display:flex}.cmdk-input input{background:0 0;border:none;outline:none;flex:1;font-size:17px;font-weight:700}.cmdk-list{max-height:320px;padding:8px;overflow-y:auto}.cmdk-item{cursor:pointer;border-radius:11px;align-items:center;gap:12px;padding:11px 12px;font-size:14.5px;font-weight:700;display:flex}.cmdk-item.sel,.cmdk-item:hover{background:var(--accent-soft);color:var(--accent)}.cmdk-item .ico{color:var(--text-3)}.cmdk-item.sel .ico,.cmdk-item:hover .ico{color:var(--accent)}.kbd{background:var(--card-2);border:1px solid var(--hairline);height:22px;color:var(--text-3);border-radius:7px;align-items:center;padding:0 7px;font-size:11.5px;font-weight:800;display:inline-flex}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--hairline-2);cursor:pointer;-webkit-user-select:none;user-select:none;padding:14px 18px;font-size:11.5px;font-weight:800}.tbl th:hover{color:var(--text-2)}.tbl td{padding:14px 18px;font-size:14.5px}.tbl tbody tr{transition:background .13s}.tbl tbody tr:hover{background:var(--card-2)}.tbl tbody tr+tr td{border-top:1px solid var(--hairline-2)}.stat{background:var(--card-2);border-radius:18px;padding:16px 18px}.stat .k{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:800}.stat .v{letter-spacing:-.02em;margin-top:3px;font-size:26px;font-weight:800}.dots span{background:currentColor;border-radius:50%;width:7px;height:7px;margin:0 2px;animation:1.2s infinite dot;display:inline-block}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.fade-in{animation:.5s both sk-fade-in}.icon-btn{width:40px;height:40px;color:var(--text-2);background:0 0;border-radius:12px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.icon-btn:hover{background:var(--card-2);color:var(--text)}.swatch{cursor:pointer;border-radius:8px;width:24px;height:24px;transition:transform .15s;box-shadow:inset 0 0 0 2px #ffffff40}.swatch:hover{transform:scale(1.12)}.swatch.on{box-shadow:0 0 0 2.5px var(--card), 0 0 0 4.5px var(--text)}@media (max-width:1100px){.sidebar{width:74px;padding:18px 10px}.brand-name,.nav-item span,.nav-sec,.nav-user .grow,.nav-new .btn span{display:none}.nav-item{justify-content:center;padding:0}.nav-new .btn{width:46px;padding:0}.two-col,.two-col-wide{grid-template-columns:1fr}.cards-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.content{padding:20px 16px 80px}.topbar{padding:0 16px}.cards-3,.cards-2{grid-template-columns:1fr}.drawer{width:100%}}