:root{--banner-h: 38px;--bg: #faf9f6;--card: #ffffff;--accent: #34c759;--accent-dark: #248a3d;--accent-tint: #e9f8ee;--negative: #ff3b30;--negative-tint: #fdecea;--blue: #007aff;--blue-tint: #e8f2ff;--text: #1c1c1e;--muted: #8e8e93;--faint: #c7c7cc;--border: rgba(0, 0, 0, .07);--radius: 18px;--radius-sm: 12px;--shadow: 0 2px 14px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .14);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, sans-serif;--nav-h: 76px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100dvh;position:relative}@media (min-width: 520px) and (max-width: 899px){#root{box-shadow:0 0 40px #00000014}}h1,h2,.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}button{font-family:var(--font-body);border:none;background:none;cursor:pointer;color:inherit;font-size:1rem}input,textarea,select{font-family:var(--font-body);font-size:1rem;color:var(--text)}textarea{resize:vertical}.screen{--pad-x: 16px;padding:0 var(--pad-x) calc(var(--nav-h) + 24px);min-height:100dvh}.top-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 calc(var(--pad-x) * -1) 16px;padding:14px var(--pad-x) 10px;background:#faf9f6e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-main.impersonating .top-bar{top:var(--banner-h)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.row{display:flex;align-items:center;gap:8px}.spread{display:flex;align-items:center;justify-content:space-between;gap:8px}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:var(--muted)}.small{font-size:.82rem}.tiny{font-size:.72rem}.bold{font-weight:600}.green{color:var(--accent-dark)}.red{color:var(--negative)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:14px 18px;font-weight:600;font-size:.95rem;transition:transform .1s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:#f1f0ec;color:var(--text)}.btn-danger{background:var(--negative-tint);color:var(--negative)}.btn-ghost{color:var(--accent-dark);padding:10px 12px}.btn-block{width:100%}.btn-sm{padding:9px 14px;font-size:.85rem;border-radius:11px}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600;background:#f1f0ec;color:var(--muted);white-space:nowrap}.pill-green{background:var(--accent-tint);color:var(--accent-dark)}.pill-red{background:var(--negative-tint);color:var(--negative)}.pill-blue{background:var(--blue-tint);color:var(--blue)}.chip{border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:500;background:#f1f0ec;color:var(--text);white-space:nowrap}.chip.active{background:var(--text);color:#fff}.segmented{display:flex;background:#eceae5;border-radius:12px;padding:3px}.segmented button{flex:1;padding:8px 4px;border-radius:9px;font-size:.85rem;font-weight:500;color:var(--muted)}.segmented button.active{background:#fff;color:var(--text);font-weight:600;box-shadow:0 1px 4px #0000001a}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-h);background:#faf9f6eb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--border);display:flex;z-index:40;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--muted);font-size:.62rem;font-weight:600}.bottom-nav a.active{color:var(--accent-dark)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .18s ease}.sheet{background:var(--bg);width:100%;max-width:480px;max-height:92dvh;border-radius:24px 24px 0 0;overflow-y:auto;padding:8px 16px calc(24px + env(safe-area-inset-bottom));animation:slideUp .24s cubic-bezier(.2,.9,.3,1);text-align:left;font-size:1rem;color:var(--text)}.sheet-handle{width:38px;height:5px;border-radius:3px;background:var(--faint);margin:6px auto 14px}.modal-center{align-items:center;padding:20px}.modal-card{background:var(--bg);border-radius:22px;width:100%;max-width:400px;max-height:86dvh;overflow-y:auto;padding:22px 18px;animation:popIn .2s ease;text-align:left;font-size:1rem;color:var(--text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(60%)}to{transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.pin-dots{display:flex;gap:18px;justify-content:center}.pin-dot{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--faint);transition:background .12s ease}.pin-dot.filled{background:var(--text);border-color:var(--text)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:280px;margin:0 auto}.pin-key{width:68px;height:68px;justify-self:center;border-radius:50%;font-size:1.6rem;font-weight:400;background:#0000000a;transition:background .1s ease}.pin-key:active{background:#0000001f}.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(7px)}}.gradient-thumb{border-radius:var(--radius-sm);background:linear-gradient(135deg,#d9e8dc,#b8d4c2 55%,#93bfa4);position:relative;overflow:hidden}.glossary-dot{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1px solid var(--faint);color:var(--muted);font-size:.6rem;font-weight:700;margin-left:4px;vertical-align:middle;cursor:pointer}.fab{position:fixed;right:max(16px,calc(50% - 224px));bottom:calc(var(--nav-h) + 18px);width:54px;height:54px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #34c75973;z-index:45}.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);text-align:left;width:100%}.checklist-item:last-child{border-bottom:none}.checkbox{width:22px;height:22px;min-width:22px;border-radius:50%;border:1.5px solid var(--faint);display:flex;align-items:center;justify-content:center;color:#fff}.checkbox.done{background:var(--accent);border-color:var(--accent)}.done-text{text-decoration:line-through;color:var(--muted)}.assistant-msg{max-width:85%;padding:10px 14px;border-radius:18px;font-size:.92rem;line-height:1.45;white-space:pre-wrap}.assistant-msg.user{background:var(--accent);color:#fff;align-self:flex-end;border-bottom-right-radius:6px}.assistant-msg.assistant{background:#fff;box-shadow:var(--shadow);align-self:flex-start;border-bottom-left-radius:6px}.pop-complete{animation:popComplete .5s cubic-bezier(.2,1.4,.4,1)}@keyframes popComplete{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;margin:0 -16px;padding-left:16px;padding-right:16px;scroll-snap-type:x mandatory}.kanban-col{min-width:270px;scroll-snap-align:start}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.spinner.dark{border-color:#0000001f;border-top-color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.field-label{font-size:.78rem;font-weight:600;color:var(--muted);margin-bottom:5px;display:block}.input{width:100%;border:1px solid var(--border);background:#fff;border-radius:var(--radius-sm);padding:12px 14px;outline:none}.input:focus{border-color:var(--accent)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.auto-grid{display:grid;grid-template-columns:1fr;gap:12px}.grid-span{grid-column:1 / -1}.grid-2-4{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cols{display:block}@media (min-width: 1240px){.grid-2-4{grid-template-columns:repeat(4,1fr)}.cols{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:start}.cols.cols-left{grid-template-columns:380px minmax(0,1fr)}}.impersonation-banner{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:14px;height:var(--banner-h);padding:0 16px;background:var(--blue);color:#fff;font-size:.8rem;font-weight:500}.impersonation-banner strong{font-weight:700}.impersonation-banner button{background:#ffffff38;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700;color:#fff;white-space:nowrap}@media (max-width: 899px){.impersonation-banner .banner-detail{display:none}}.impersonation-banner .row{min-width:0;overflow:hidden}.impersonation-banner .row span{overflow:hidden;text-overflow:ellipsis}.view-as{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 26px 7px 12px;font-size:.78rem;font-weight:600;color:var(--text);max-width:150px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;outline:none}.view-as-wrap{position:relative;display:inline-flex;align-items:center}.view-as-wrap svg{position:absolute;right:9px;pointer-events:none;color:var(--muted)}.view-as.impersonating{background:var(--blue-tint);border-color:#007aff40;color:var(--blue)}.view-as.impersonating+svg{color:var(--blue)}@media (max-width: 899px){.view-as{max-width:104px;font-size:.72rem;padding:6px 22px 6px 10px}}.avatar-badge{position:absolute;top:-2px;right:-2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--negative);color:#fff;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.side-nav{display:none}@media (min-width: 900px){#root{max-width:none;margin:0}.side-nav{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:228px;padding:28px 14px 20px;border-right:1px solid var(--border);background:#faf9f6d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:40}.side-nav .brand{font-family:var(--font-display);font-weight:600;font-size:1.9rem;padding:0 12px 22px}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;text-decoration:none;color:var(--muted);font-size:.92rem;font-weight:500;margin-bottom:2px}.side-nav a.active{background:#fff;color:var(--text);font-weight:600;box-shadow:var(--shadow)}.side-nav a.active svg{color:var(--accent-dark)}.side-nav .side-profile{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;text-align:left;width:100%}.side-nav .side-profile:hover{background:#0000000a}.app-main{margin-left:228px}.screen{--pad-x: 36px;max-width:1120px;margin:0 auto;padding:0 var(--pad-x) 80px}.top-bar{padding-top:24px;padding-bottom:14px}.bottom-nav{display:none}.fab{right:28px;bottom:28px}.stat-grid{grid-template-columns:repeat(4,1fr)}.auto-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.overlay{align-items:center;padding:28px}.sheet{border-radius:24px;max-width:560px;max-height:86dvh;animation:popIn .2s ease;padding-bottom:24px}.sheet-handle{display:none}.kanban{margin:0;padding-left:0;padding-right:0}button.card{transition:transform .12s ease,box-shadow .12s ease}button.card:hover{transform:translateY(-1px);box-shadow:0 6px 22px #00000017}}