:root{--ink:#14151a;--canvas:#f3f4f8;--white:#fff;--dark:#14151a;--yellow:#ffd43b;--pink:#ff8cc6;--green:#2fd08a;--blue:#7fa2ff;--orange:#ff7a30;--indigo:#3456ff;--ok:#2fd08a;--warn:#ff7a30;--bad:#ff5a5f;--muted:#4a4d57;--subtle:#c9ccd6;--border:#14151a;--shadow-card:4px 4px 0 var(--border);--shadow-lg:5px 5px 0 var(--border);--shadow-sm:2px 2px 0 var(--border);--f-display:"Bricolage Grotesque", system-ui, sans-serif;--f-ui:"Figtree", system-ui, -apple-system, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--r-sm:8px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--tabbar-h:76px;--sidenav-w:240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--f-ui);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}a{color:inherit}img,svg{display:block}input,button,select,textarea{font:inherit}.client-wrap{background:var(--canvas);min-height:100dvh;color:var(--ink)}.admin-wrap{background:var(--dark);min-height:100dvh;color:var(--white)}.admin-wrap .muted{color:var(--subtle)}.display{font-family:var(--f-display);letter-spacing:-.03em;font-weight:800}.display-lg{letter-spacing:-.04em;font-size:clamp(2.2rem,8vw,3.8rem);line-height:1}.display-md{letter-spacing:-.025em;font-size:clamp(1.4rem,4vw,1.8rem);line-height:1.1}.label-caps{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.mono{font-family:var(--f-mono)}.card{background:var(--white);border:2px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:16px}.card-sm{border-radius:var(--r-lg);padding:12px 14px}.card-accent{border-radius:var(--r-xl);padding:20px}.card-dark{background:var(--dark);border-radius:var(--r-xl);box-shadow:none;color:var(--white);border:2px solid #ffffff1a;padding:20px}.btn{font-family:var(--f-display);border:2px solid var(--border);border-radius:var(--r-md);background:var(--ink);min-height:52px;color:var(--yellow);cursor:pointer;box-shadow:3px 3px 0 var(--indigo);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--indigo);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--indigo);transform:translate(1px,1px)}.btn-outline{color:var(--ink);box-shadow:var(--shadow-sm);background:0 0}.btn-round{width:44px;height:44px;box-shadow:none;border-radius:50%;padding:0}.btn[disabled],.btn.disabled{opacity:.45;pointer-events:none}.pill{border:2px solid var(--border);border-radius:var(--r-pill);align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill-yellow{background:var(--yellow);color:var(--ink)}.pill-pink{background:var(--pink);color:var(--ink)}.pill-green{background:var(--green);color:var(--ink)}.pill-blue{background:var(--blue);color:var(--ink)}.pill-orange{background:var(--orange);color:var(--ink)}.pill-white{background:var(--white);color:var(--ink)}.pill-dark{background:var(--ink);color:var(--yellow);border-color:var(--ink)}.dot-badge{background:var(--bad);border:2px solid var(--canvas);border-radius:50%;width:14px;height:14px;position:absolute;top:-3px;right:-3px}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:14px;font-weight:700}.field input,.field textarea,.field select{border:2px solid var(--border);border-radius:var(--r-md);background:var(--white);min-height:52px;color:var(--ink);outline:none;padding:0 16px;font-size:16px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #3456ff26}.field textarea{resize:vertical;min-height:100px;padding:12px 16px}.c-page{max-width:430px;min-height:100dvh;padding:56px 20px var(--tabbar-h);flex-direction:column;gap:22px;margin:0 auto;display:flex}.c-page-full{padding:0}.c-tabbar{background:var(--ink);z-index:100;border-radius:26px;justify-content:space-around;align-items:center;width:calc(100% - 32px);max-width:398px;height:68px;padding:0 8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.c-tabbar a{color:#b9bcc8;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:6px 0;font-size:11px;font-weight:600;text-decoration:none;display:flex}.c-tabbar a[aria-current=page]{color:var(--yellow)}.c-tabbar .tab-ask{background:var(--yellow);border:3px solid var(--ink);width:56px;height:56px;box-shadow:0 0 0 4px var(--canvas);color:var(--ink);border-radius:20px;justify-content:center;align-items:center;margin-top:-30px;display:flex;transform:rotate(-8deg)}.c-sidenav{width:var(--sidenav-w);background:var(--white);border-right:2px solid var(--border);z-index:50;flex-direction:column;gap:0;padding:24px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.c-sidenav-logo{padding:0 20px 20px}.c-sidenav nav{flex-direction:column;flex:1;gap:2px;padding:0 12px;display:flex;overflow-y:auto}.c-sidenav a{color:var(--muted);border-radius:var(--r-md);align-items:center;gap:10px;padding:10px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.c-sidenav a:hover{background:var(--canvas);color:var(--ink)}.c-sidenav a[aria-current=page]{background:var(--ink);color:var(--yellow);font-weight:700}.c-sidenav-footer{border-top:2px solid var(--border);padding:12px}.c-sidenav-cta{border-radius:var(--r-md);background:var(--yellow);border:2px solid var(--border);font-family:var(--f-display);color:var(--ink);box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:800;text-decoration:none;display:flex}@media (width>=768px){.c-tabbar{display:none}.c-page{max-width:none;margin-left:var(--sidenav-w);padding:40px 48px}}@media (width<=767px){.c-sidenav{display:none}}.a-tabbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#1e1f26f2;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;height:72px;padding:0 8px 8px;display:flex;position:fixed;bottom:0;left:0;right:0}.a-tabbar a{color:#ffffff73;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:6px 0;font-size:11px;font-weight:600;text-decoration:none;display:flex}.a-tabbar a[aria-current=page]{color:var(--yellow)}.a-sidenav{width:var(--sidenav-w);z-index:50;background:#ffffff0a;border-right:1px solid #ffffff12;flex-direction:column;gap:0;padding:24px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.a-sidenav-logo{padding:0 20px 20px}.a-sidenav nav{flex-direction:column;flex:1;gap:2px;padding:0 12px;display:flex;overflow-y:auto}.a-sidenav a{color:#ffffff80;border-radius:var(--r-md);align-items:center;gap:10px;padding:10px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.a-sidenav a:hover{color:var(--white);background:#ffffff12}.a-sidenav a[aria-current=page]{color:var(--white);background:#ffffff1a;font-weight:700}.a-sidenav-footer{border-top:1px solid #ffffff12;padding:12px}@media (width>=768px){.a-tabbar{display:none}.a-page{margin-left:var(--sidenav-w);padding:40px 48px}}@media (width<=767px){.a-sidenav{display:none}.a-page{padding:20px 16px 80px}}.a-page{background:var(--dark);min-height:100dvh;color:var(--white)}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.grid-2{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.w-full{width:100%}.text-sm{font-size:13px}.text-xs{font-size:11px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.relative{position:relative}.overflow-hidden{overflow:hidden}.surge-mark{background:var(--ink);border:2px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;transform:rotate(-6deg)}