:root{--bg:#f7f7f5;--surface:#ffffff;--fill:#f2f2ef;--fill-2:#e8e8e3;--ink:#0b0b0f;--ink-2:#51515a;--muted:#51515a;--ink-3:#8a8a94;--line:#e7e7e2;--line-2:#d6d6cf;--pink:#ec3f91;--blush:#fbe3ef;--plum:#0b0b0f;--vivid:linear-gradient(100deg,#3c3db8,#7a52cf 34%,#c13fa0 66%,#ec5a35);--vivid-text:linear-gradient(100deg,#4b3fe3,#8d4ee6 16%,#dc3c98 33%,#ff5b2e 50%,#dc3c98 67%,#8d4ee6 84%,#4b3fe3);--shadow-2:0 24px 60px -24px rgba(11,11,15,0.26),0 2px 8px rgba(11,11,15,0.04);--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--r:22px;--nav-h:64px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100dvh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.script{font-style:italic;font-weight:400;color:var(--pink);letter-spacing:-.01em}.mono{font-family:var(--mono);font-size:.82rem}.grad-text{background:var(--vivid-text);-webkit-background-clip:text;background-clip:text;color:transparent}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:50;justify-content:space-between;gap:12px;padding:12px 4vw;background:rgba(247,247,245,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.logo-pill,.topnav{display:flex;align-items:center}.logo-pill{gap:8px}.logo-mark{width:32px;height:32px;border-radius:50%;background:var(--plum);color:#fff;display:grid;place-items:center;font-weight:600;font-size:.85rem}.logo-pill b{font-weight:600;letter-spacing:-.03em;font-size:1.05rem}.logo-pill span{font-style:italic;color:var(--muted);font-size:1.05rem}.nav-pills{display:flex;gap:2px;flex-wrap:wrap}.nav-pills a{font-size:.88rem;padding:8px 12px;border-radius:99px;color:var(--muted);transition:.2s}.nav-pills a.on,.nav-pills a:hover{color:var(--ink);background:var(--surface)}.nav-r{display:flex;gap:8px;align-items:center}.sample-banner{background:var(--blush);color:var(--ink);font-size:.8rem;text-align:center;padding:8px 14px;border-bottom:1px solid #f3c5da}.sample-banner b{color:#c13fa0}.page{width:100%;max-width:1120px;margin:0 auto;padding:28px 4vw 100px;flex:1 1}.page-head{margin-bottom:28px}.page-head .eyebrow{font-size:.8rem;font-weight:500;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:10px}.page-head .eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pink)}.page-head h1{font-weight:400;font-size:clamp(1.9rem,4.5vw,2.8rem);letter-spacing:-.045em;line-height:1.05}.page-head p{color:var(--muted);margin-top:8px;max-width:540px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:28px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;transition:transform .25s,box-shadow .25s}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.stat .k{font-size:.8rem;color:var(--muted);margin-bottom:8px}.stat .n{font-size:2.4rem;letter-spacing:-.05em;line-height:1;font-weight:400}.stat.hot{background:var(--plum);color:#fff;border-color:var(--plum)}.stat.hot .k{color:rgba(255,255,255,.7)}.stat.hot .n{color:#fff}.stat.hot .n span{color:var(--pink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px}.card+.card{margin-top:12px}.card h2,.card h3{font-weight:500;letter-spacing:-.02em}.card h2{font-size:1.2rem;margin-bottom:14px}.card h3{font-size:1.05rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:500 .92rem var(--sans);background:var(--ink);color:#fff;padding:10px 18px;min-height:44px;border-radius:99px;border:1px solid var(--ink);cursor:pointer;transition:.2s}.btn:hover{background:#000}.btn.alt{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn.alt:hover{border-color:var(--ink)}.btn.pink{background:var(--pink);border-color:var(--pink)}.btn.full{width:100%}.btn.sm{min-height:36px;padding:6px 14px;font-size:.82rem}.btn:disabled{opacity:.55;cursor:not-allowed}label{display:block;font-size:.85rem;font-weight:500;margin-bottom:14px}input,select,textarea{display:block;width:100%;margin-top:7px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--pink);box-shadow:0 0 0 4px rgba(236,63,145,.15);background:#fff}.chip{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:500;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:4px 10px;white-space:nowrap}.chip.pink{background:var(--blush);border-color:transparent;color:#a12862}.chip.dark{background:var(--plum);color:#fff;border-color:var(--plum)}.chip.warn{background:#fff4e5;border-color:#f5d9a8;color:#8a5a00}.chip.ok{background:#e8f6ee;border-color:#b7e0c6;color:#1b6b3a}.list{display:flex;flex-direction:column;gap:10px}.list-row{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 18px;transition:border-color .2s,transform .2s}.list-row:hover{border-color:var(--line-2);transform:translateY(-1px)}.list-row .title{font-weight:500;letter-spacing:-.02em;font-size:1.05rem}.list-row .meta{color:var(--muted);font-size:.85rem;margin-top:2px}.list-row .right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;align-items:center}.toolbar input,.toolbar select{width:auto;min-width:0;flex:1 1;margin:0}.toolbar select{max-width:220px;flex:0 1 220px}.tracker{display:grid;grid-gap:8px;gap:8px}.tracker-step{display:grid;grid-template-columns:28px 1fr;grid-gap:12px;gap:12px;align-items:start;padding:10px 12px;border-radius:14px;border:1px solid transparent}.tracker-step .dot{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line-2);background:var(--bg);display:grid;place-items:center;font-size:.75rem;color:var(--muted)}.tracker-step.done .dot{background:var(--pink);border-color:var(--pink);color:#fff}.tracker-step.current{background:var(--blush);border-color:rgba(236,63,145,.25)}.tracker-step.current .dot{background:var(--plum);border-color:var(--plum);color:#fff}.tracker-step .label{font-weight:500;font-size:.92rem;letter-spacing:-.01em}.tracker-step .sub{font-size:.78rem;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:14px;gap:14px;align-items:start}.kv{display:grid;grid-gap:10px;gap:10px}.kv .row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.92rem}.kv .row span:first-child{color:var(--muted)}.kv .row:last-child{border-bottom:0}.disc-q{margin-bottom:14px}.disc-q dt{font-size:.78rem;color:var(--muted);margin-bottom:4px}.disc-q dd{font-size:.95rem}.msg{border:1px solid transparent;border-radius:18px;padding:12px 16px;background:#e9e9eb;color:var(--ink);max-width:min(92%,540px);margin-right:auto}.msg+.msg{margin-top:10px}.msg .who{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.72rem;color:var(--ink-3);margin-bottom:6px}.msg .body{font-size:.95rem;white-space:pre-wrap;line-height:1.45}.msg.out{background:#007AFF;border-color:transparent;color:#fff;margin-left:auto;margin-right:0}.msg.out .who{color:rgba(255,255,255,.78)}.msg.out .body{color:#fff}.msg.out a{color:#fff;text-decoration:underline}.empty{text-align:center;padding:48px 20px;color:var(--muted);border:1px dashed var(--line-2);border-radius:var(--r);background:var(--surface)}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(50% 50% at 80% 0,rgba(236,63,145,.16),transparent 70%),radial-gradient(40% 40% at 10% 80%,rgba(75,63,227,.08),transparent 70%),var(--bg)}.login-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:36px 28px;box-shadow:var(--shadow-2)}.login-card h1{font-weight:400;font-size:2rem;letter-spacing:-.045em;margin:10px 0 6px}.login-card .lead{color:var(--muted);margin-bottom:24px;font-size:.95rem}.err{color:#d92d20;font-size:.85rem;margin-bottom:12px}.bottom-nav{display:none;position:fixed;left:10px;right:10px;bottom:10px;z-index:60;background:var(--ink);color:#fff;border-radius:22px;padding:8px;justify-content:space-around;gap:4px;box-shadow:0 14px 40px rgba(0,0,0,.3)}.bottom-nav a{flex:1 1;text-align:center;padding:10px 4px;border-radius:16px;font-size:.7rem;color:rgba(255,255,255,.65);display:flex;flex-direction:column;gap:4px;align-items:center}.bottom-nav a.on{background:rgba(255,255,255,.1);color:#fff}.bottom-nav a .ico{font-size:1.05rem;line-height:1}.has-bottom{padding-bottom:90px}@media (max-width:900px){.stat-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.nav-pills{display:none}.bottom-nav{display:flex}.page{padding-bottom:110px}}@media (max-width:520px){.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat .n{font-size:1.9rem}.list-row{grid-template-columns:1fr}.list-row .right{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.logo-pill span{display:none}}