:root{--bg: #0c0c12;--bg-2: #101019;--surface: #16161f;--surface-2: #1e1e2a;--surface-3: #262635;--line: #29293a;--text: #f4f4f8;--muted: #9797ac;--muted-dim: #55556a;--violet: #00a2c2;--violet-bright: #59d7ef;--violet-soft: #0c2f3a;--pink: #ff5fa8;--pink-bright: #ff8cc4;--pink-soft: #37102b;--blue: #4a86ff;--green: #38c987;--amber: #f0b34a;--red: #f2678a;--radius: 14px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;letter-spacing:-.02em}p{margin:0}.icon{flex:none}.muted{color:var(--muted)}.small{font-size:13px}.spread{flex:1}.row{display:flex;align-items:center;gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.center-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:24px;background:radial-gradient(900px 520px at 68% -12%,rgba(255,95,168,.14) 0%,transparent 55%),radial-gradient(1100px 640px at 40% -10%,#0e2e3a 0%,var(--bg) 58%)}.stack{display:flex;flex-direction:column;gap:14px;width:100%;max-width:560px}.lede{color:var(--muted);text-align:center;max-width:440px;line-height:1.55}.logo{display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--pink) 0%,#8a63e8 48%,var(--violet-bright) 100%);color:#fff;border:1px solid rgba(255,255,255,.14)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:border-color .18s ease}.card-btn{display:flex;gap:16px;align-items:flex-start;width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit;transition:border-color .15s,transform .15s,background .15s}.card-btn:hover{border-color:var(--violet);background:var(--surface-2);transform:translateY(-1px)}.card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--violet-soft);color:var(--violet-bright);flex:none}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;border-radius:10px;padding:10px 15px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent;transition:filter .15s,background .15s,border-color .15s,transform .12s ease;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#17b6d8,#0090b3);color:#fff}.btn-primary:not(:disabled):hover{filter:brightness(1.12)}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--text)}.btn-ghost:not(:disabled):hover{background:var(--surface-2)}.btn-good{background:var(--violet);color:#fff}.btn-good:not(:disabled):hover{filter:brightness(1.12)}.btn-warn{background:transparent;border-color:#5a2733;color:var(--red)}.btn-warn:not(:disabled):hover{background:#f2678a14}.btn-danger{background:transparent;border-color:#5a2733;color:var(--red)}.btn-danger:not(:disabled):hover{background:#f2678a14}.btn-block{width:100%}.icon-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;padding:5px 8px;border-radius:8px;display:inline-grid;place-items:center}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--muted)}.field-hint{font-size:12px;color:var(--muted)}.input,textarea.input,select.input{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:11px 13px;color:var(--text);font:inherit;font-size:14px;width:100%}.input:focus{outline:none;border-color:var(--violet)}textarea.input{resize:vertical;min-height:76px}select.input{cursor:pointer}.error{color:var(--red);font-size:13px}.input:disabled{opacity:.55;cursor:not-allowed}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1200px;margin:14px auto 0;padding:10px 16px;background:color-mix(in srgb,var(--red) 14%,transparent);border:1px solid var(--red);border-radius:10px;color:var(--text);font-size:13px}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:0 22px;height:62px;background:#0c0c12e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--pink) 0%,#8a63e8 48%,var(--violet-bright) 100%)}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-size:19px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(100deg,var(--pink),var(--violet-bright));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{font-size:9.5px;font-weight:700;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}.nav{display:flex;gap:4px;margin:0 auto}.nav-item{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--muted);font:inherit;font-weight:600;font-size:14px;padding:8px 16px;border-radius:10px;cursor:pointer}.nav-item:hover{color:var(--text)}.nav-active{background:var(--violet);color:#fff}.nav-active:hover{color:#fff}.nav-icons{display:flex;align-items:center;gap:6px;position:relative}.nav-dot{position:absolute;top:4px;right:34px;width:8px;height:8px;border-radius:50%;background:var(--red);border:2px solid var(--bg)}.page{max-width:1120px;margin:0 auto;padding:26px 22px 72px}.page-head{margin-bottom:22px}.page-title{font-size:27px}.page-sub{color:var(--muted);margin-top:5px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{background:var(--surface-2);border:1px solid transparent;color:var(--muted);font:inherit;font-weight:600;font-size:13.5px;padding:9px 16px;border-radius:999px;cursor:pointer}.chip:hover{color:var(--text)}.chip-active{background:var(--violet-soft);color:var(--violet-bright);border-color:#1c5b6e}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.stat{display:flex;align-items:center;gap:14px}.stat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;flex:none}.stat-violet{background:var(--violet-soft);color:var(--violet-bright)}.stat-pink{background:var(--pink-soft);color:var(--pink-bright)}.stat-amber{background:#f0b34a24;color:var(--amber)}.stat-green{background:#38c98724;color:var(--green)}.stat-blue{background:#4a86ff24;color:var(--blue)}.stat-red{background:#f2678a24;color:var(--red)}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.stat-label{color:var(--muted);font-size:13px;margin-top:2px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-steps{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.section-title{font-size:16px;margin-bottom:4px;display:flex;align-items:center;gap:9px}.section-title .icon{color:var(--violet-bright)}.mt{margin-top:20px}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.pill-approved{background:#38c98726;color:var(--green)}.pill-pending{background:#f0b34a26;color:var(--amber)}.pill-revision{background:#f2678a26;color:var(--red)}.pill-ready{background:var(--violet-soft);color:var(--violet-bright)}.pill-locked,.pill-none{background:var(--surface-2);color:var(--muted)}.tag{display:inline-block;background:var(--surface-3);color:var(--text);font-size:12px;font-weight:600;padding:4px 10px;border-radius:7px}.progress{height:7px;border-radius:4px;background:var(--surface-2);overflow:hidden}.progress-fill{height:100%;background:var(--violet);border-radius:4px;transition:width .3s}.step-dots{display:flex;gap:7px;flex-wrap:wrap}.dot{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:12px;font-weight:700;flex:none;border:1px solid var(--line);color:var(--muted);background:var(--surface-2)}.dot-approved{background:var(--green);border-color:var(--green);color:#06301e}.dot-pending{background:#f0b34ae6;border-color:var(--amber);color:#3a2600}.dot-revision{background:#f2678ae6;border-color:var(--red);color:#3a0018}.avatar{display:grid;place-items:center;border-radius:50%;background:var(--violet-soft);color:var(--violet-bright);font-weight:700;flex:none}.avatar-gold{background:var(--pink);color:#47001f}.step-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:700;flex:none}.step-num-done{background:var(--green);border-color:var(--green);color:#06301e}.thumb{width:100%;max-height:340px;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}.thumb-sm{width:60px;height:60px;object-fit:cover;border-radius:8px;flex:none;border:1px solid var(--line)}.photo-placeholder{display:grid;place-items:center;gap:6px;padding:26px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:13px;text-align:center}.code-chip{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:19px;font-weight:700;letter-spacing:.16em;color:var(--violet-bright);background:var(--violet-soft);padding:8px 14px;border-radius:10px;display:inline-block}.note-quote{border-left:2px solid var(--line);padding-left:12px;color:var(--muted);font-size:13.5px;line-height:1.55;font-style:italic}.lb-head{margin:-18px -18px 0;padding:18px;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(120deg,var(--pink-soft),var(--violet-soft));border-bottom:1px solid var(--line)}.lb-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line)}.lb-row:last-child{border-bottom:none}.lb-rank{width:24px;text-align:center;color:var(--muted);font-weight:700}.lb-rank .icon{color:var(--pink)}.superstar{border:1px solid #4a1436;background:linear-gradient(180deg,rgba(255,95,168,.09),transparent)}.superstar .section-title .icon{color:var(--pink)}.chat-log{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow-y:auto;padding:4px}.msg{max-width:78%;padding:9px 13px;border-radius:12px;font-size:13.5px;line-height:1.5}.msg-them{align-self:flex-start;background:var(--surface-2);border-bottom-left-radius:4px}.msg-me{align-self:flex-end;background:var(--violet);color:#fff;border-bottom-right-radius:4px}.msg-who{font-size:11px;font-weight:700;opacity:.75;margin-bottom:2px}.chat-input{display:flex;gap:10px;margin-top:14px}.empty-mini{text-align:center;color:var(--muted);font-size:13.5px;padding:30px 0}.update{padding:12px 0;border-bottom:1px solid var(--line)}.update:last-child{border-bottom:none}.chart{width:100%;height:auto}.chart .grid-line{stroke:var(--line);stroke-dasharray:3 4}.chart .axis{fill:var(--muted);font-size:11px;font-family:var(--font)}.chart .area{fill:#7c5cff24}.chart .line{stroke:var(--violet);stroke-width:2;fill:none}.empty{display:grid;place-items:center;gap:8px;padding:60px 20px;color:var(--muted);text-align:center}.empty .icon{color:var(--violet-bright);box-sizing:content-box;padding:14px;border-radius:50%;background:linear-gradient(135deg,#ff5fa821,#00a2c22e);border:1px solid rgba(89,215,239,.22)}.empty h3{color:var(--text);font-size:18px}.empty p{font-size:14px;max-width:380px;line-height:1.55}.empty-box{border:1px dashed var(--line);border-radius:var(--radius)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050509bd;display:grid;place-items:center;padding:20px;z-index:50}.modal{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;width:100%;max-width:460px;max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-wide{max-width:620px}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:18px;display:flex;align-items:center;gap:9px}.btn:not(:disabled):active{transform:scale(.96)}.page{animation:page-in .28s ease both}.modal-backdrop{animation:fade-in .18s ease both}.modal{animation:modal-in .22s cubic-bezier(.2,.9,.3,1.15) both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}@media(prefers-reduced-motion:reduce){.page,.modal,.modal-backdrop{animation:none}.btn:not(:disabled):active{transform:none}}@media(max-width:720px){.nav-item span{display:none}.nav-item{padding:8px 11px}.brand-name{font-size:16px}.page{padding:18px 15px 56px}.page-title{font-size:22px}.page-head{margin-bottom:16px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat{gap:10px}.stat-value{font-size:21px}}@media(max-width:480px){.appbar{padding:0 10px;gap:8px;height:56px}.brand-sub{display:none}.nav{gap:0}.nav-item{padding:8px}.nav-icons{gap:2px}.icon-btn{padding:7px}h1{font-size:26px}}