@font-face{font-family:Cinzel;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f13700f23fbdc6fd-s.0q1bf9cc3c0ui.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:400;font-display:swap;src:url(../media/cc014fcb166cf364-s.p.0rbrcy8kuidpb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(../media/f13700f23fbdc6fd-s.0q1bf9cc3c0ui.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(../media/cc014fcb166cf364-s.p.0rbrcy8kuidpb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(../media/f13700f23fbdc6fd-s.0q1bf9cc3c0ui.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(../media/cc014fcb166cf364-s.p.0rbrcy8kuidpb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Fallback;src:local(Times New Roman);ascent-override:71.31%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:136.86%}.cinzel_26b4ca94-module__rYqEWG__className{font-family:Cinzel,Cinzel Fallback;font-style:normal}.cinzel_26b4ca94-module__rYqEWG__variable{--font-title:"Cinzel", "Cinzel Fallback"}
:root{--bg:#07060c;--panel:#0e0a16f7;--panel-strong:#140d20fc;--line:#8c5a7838;--line-bright:#c8829680;--accent:#8b1a1a;--accent-lit:#b02222;--accent-soft:#d87070;--moon:#e0cfb0;--moon-dim:#c4b49a;--danger:#e04545;--success:#6a8a50;--text:#d8ccb8;--muted:#7a6a7a;--shadow:0 20px 70px #000000e0, 0 4px 18px #0000008c}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--text);font-family:var(--font-body), "Noto Serif KR", serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(110% 50% at 50% 0,#640a0a6b 0%,#0000 62%),radial-gradient(circle at 5% 95%,#12062c80 0%,#0000 46%),radial-gradient(circle at 94% 78%,#24060652 0%,#0000 38%),#07060c}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 12% 8%,#ffffff40 0%,#0000 100%),radial-gradient(1px 1px at 28% 16%,#ffffff2e 0%,#0000 100%),radial-gradient(1px 1px at 44% 6%,#ffffff38 0%,#0000 100%),radial-gradient(1px 1px at 60% 12%,#ffffff26 0%,#0000 100%),radial-gradient(1px 1px at 76% 5%,#fff3 0%,#0000 100%),radial-gradient(1px 1px at 88% 18%,#ffffff24 0%,#0000 100%),radial-gradient(1px 1px at 20% 28%,#ffffff1f 0%,#0000 100%),radial-gradient(1px 1px at 52% 24%,#ffffff29 0%,#0000 100%),radial-gradient(1px 1px at 70% 32%,#ffffff1a 0%,#0000 100%),radial-gradient(1px 1px at 92% 10%,#ffffff2e 0%,#0000 100%),radial-gradient(1.5px 1.5px at 35% 4%,#fff0c84d 0%,#0000 100%),radial-gradient(1.5px 1.5px at 82% 9%,#fff0c838 0%,#0000 100%);position:fixed;inset:0}body>*{z-index:1;position:relative}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}ul{list-style:none}.app-shell{width:min(1120px,100vw - 32px);margin:0 auto;padding:44px 0 100px}.hero-card,.panel,.flow-panel,.compact-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;position:relative;overflow:hidden}.panel:before,.flow-panel:before,.compact-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#c8787833 40%,#dc968c59 50%,#c8787833 60%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.hero-card{border-color:#a0646459;margin-bottom:20px;padding:44px 40px}.hero-card:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent-lit) 25%, var(--accent-soft) 50%, var(--accent-lit) 75%, transparent 100%);pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.hero-card h1{font-family:var(--font-body), serif;letter-spacing:-.02em;color:var(--moon);font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1.08}.hero-copy{max-width:52rem;color:var(--muted);font-size:.98rem;line-height:1.8;font-family:var(--font-sans), sans-serif;margin-top:16px}.eyebrow,.mini-label{font-family:var(--font-title), "Cinzel", serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-soft);align-items:center;gap:8px;margin-bottom:8px;font-size:.66rem;display:inline-flex}.phase-pill{font-family:var(--font-title), "Cinzel", serif;letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:3px;align-items:center;gap:6px;padding:3px 10px;font-size:.64rem;display:inline-flex}.phase-pill[data-phase=lobby]{color:#90aad0;background:#121024eb;border-color:#5a6ebe59}.phase-pill[data-phase=night]{color:var(--accent-soft);background:#320606eb;border-color:#8c1e1e8c}.phase-pill[data-phase=discussion]{color:#d8c060;background:#2c2406eb;border-color:#aa8c1e7a}.phase-pill[data-phase=voting]{color:#d89050;background:#3c1206eb;border-color:#be501e7a}.phase-pill[data-phase=resolved]{color:var(--moon);background:#1c1608eb;border-color:#b496466b}.action-row{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.button-primary,.button-secondary,.button-ghost{min-height:46px;font-family:var(--font-title), "Cinzel", serif;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;padding:10px 22px;font-size:.76rem;font-weight:600;transition:background .13s,border-color .13s,box-shadow .13s,color .13s;display:inline-flex}.button-primary{background:var(--accent);color:#f0e4d4;border:1px solid #b432328c}.button-primary:hover:not(:disabled){background:var(--accent-lit);border-color:#d24646b3;box-shadow:0 4px 22px #82101080}.button-primary:disabled{opacity:.42;cursor:not-allowed}.button-secondary{border:1px solid var(--line);color:var(--text);background:#100a18fa}.button-secondary:hover:not(:disabled){border-color:var(--line-bright);background:#181024}.button-secondary:disabled{opacity:.42;cursor:not-allowed}.button-ghost{border:1px solid var(--line);color:var(--muted);background:0 0}.button-ghost:hover:not(:disabled){color:var(--text);border-color:var(--line-bright)}.button-ghost:disabled{opacity:.42;cursor:not-allowed}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.panel,.flow-panel,.compact-panel{padding:26px}.panel h2,.flow-panel h2,.compact-panel h2{color:var(--moon);letter-spacing:.01em;margin-bottom:10px;font-size:1.12rem;font-weight:700}.detail-list{color:var(--muted);font-family:var(--font-sans), sans-serif;gap:10px;margin-top:16px;font-size:.9rem;display:grid}.detail-list li{padding-left:18px;line-height:1.6;position:relative}.detail-list li:before{content:"—";color:var(--accent-soft);opacity:.7;position:absolute;left:0}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.page-header h1{color:var(--moon);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.08}.muted{color:var(--muted)}.grid-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;display:grid}.stack{align-content:start;gap:16px;display:grid}.form-grid{gap:14px;margin-top:16px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:.74rem;font-family:var(--font-title), "Cinzel", serif;letter-spacing:.1em;text-transform:uppercase}.field input,.field select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#040309bf;border-radius:4px;padding:10px 14px;transition:border-color .12s}.field input:focus,.field select:focus{border-color:#a03c3c8c;outline:none}.player-grid,.role-grid,.vote-grid,.choice-grid{gap:10px;display:grid}.player-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.role-grid{grid-template-columns:repeat(auto-fit,minmax(188px,1fr));margin-top:16px}.vote-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));margin-top:14px}.role-card,.seat-card,.vote-card,.result-card{border:1px solid var(--line);background:#080510b8;border-radius:6px;padding:14px 16px;position:relative}.role-card[data-team=werewolf]{border-left:3px solid #a01c1cd9}.role-card[data-team=village]{border-left:3px solid #325aa0bf}.role-card[data-team=outsider]{border-left:3px solid #6e32a0bf}.role-card strong,.seat-card strong,.vote-card strong{color:var(--moon);font-size:.97rem;font-weight:700;display:block}.role-badge{width:32px;height:32px;color:var(--accent-soft);font-family:var(--font-title), "Cinzel", serif;letter-spacing:.06em;background:#46101099;border:1px solid #82232366;border-radius:3px;justify-content:center;align-items:center;margin-bottom:10px;font-size:.58rem;display:inline-flex}.role-card[data-team=village] .role-badge{color:#80a8d0;background:#10244c99;border-color:#325aa066}.role-card[data-team=outsider] .role-badge{color:#a888d8;background:#2c104c99;border-color:#6e32a066}.inline-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.status-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.helper-text{color:var(--muted);font-size:.88rem;line-height:1.68;font-family:var(--font-sans), sans-serif;margin-top:4px}.divider{background:var(--line);height:1px;margin:16px 0}.countdown{font-family:var(--font-sans), monospace;color:#d8c060;letter-spacing:.06em;font-size:1rem}.danger{color:var(--danger)}.success{color:var(--success)}.report-list{gap:10px;margin-top:14px;display:grid}.report-item{background:#05030cd1;border:1px solid #6e465a33;border-left:3px solid #965a6e80;border-radius:6px;padding:14px 16px}.report-item h3{color:var(--moon-dim);margin-bottom:6px;font-size:.9rem;font-weight:700}.privacy-screen{text-align:center;background:radial-gradient(at 50% 40%,#3c060647 0%,#0000 68%);place-items:center;gap:18px;min-height:380px;padding:40px 32px;display:grid}.privacy-screen h2{color:var(--moon);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.15}.vote-card{text-align:left;cursor:pointer;min-height:58px;transition:background .12s,border-color .12s,box-shadow .12s}.vote-card:hover:not(:disabled){background:#46101073;border-color:#a032328c;box-shadow:0 4px 18px #5a080859}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.roles-page-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.rules-list{counter-reset:rules;gap:14px;margin-top:14px;padding:0;list-style:none;display:grid}.rules-list li{counter-increment:rules;grid-template-columns:auto 1fr;align-items:baseline;gap:10px 14px;padding-left:0;display:grid}.rules-list li:before{content:counter(rules);font-family:var(--font-title), "Cinzel", serif;color:var(--accent-soft);text-align:right;min-width:18px;padding-top:2px;font-size:.7rem}.rules-list strong{color:var(--moon-dim);grid-area:1/2;font-size:.92rem}.rules-list span{color:var(--muted);font-size:.88rem;line-height:1.65;font-family:var(--font-sans), sans-serif;grid-area:2/2}.rules-list li{grid-template-rows:auto auto;grid-template-columns:24px 1fr;display:grid}@keyframes seat-select{0%{transform:scale(1)}35%{transform:scale(1.06)}65%{transform:scale(.96)}to{transform:scale(1)}}@keyframes center-flip-anim{0%{transform:rotateY(0)scale(1)}30%{transform:rotateY(90deg)scale(.88)}58%{transform:rotateY(0)scale(1.07)}to{transform:rotateY(0)scale(1)}}.selectable-seat.is-animating{animation:.38s seat-select}.selectable-center.is-animating{animation:.52s center-flip-anim}.reveal-overlay{z-index:300;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#040209eb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reveal-eyebrow{font-family:var(--font-title), "Cinzel", serif;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:24px;font-size:.68rem}.reveal-scene{perspective:900px;width:min(300px,82vw);margin-bottom:30px}.reveal-card-inner{width:100%;min-height:196px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.45,.05,.55,.95);position:relative}.reveal-card-inner.is-flipped{transform:rotateY(180deg)}.reveal-face{backface-visibility:hidden;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:30px 24px;display:flex;position:absolute;inset:0}.reveal-front{background:var(--panel-strong);border:1px solid #8c506459;border-top:2px solid var(--accent)}.reveal-back{text-align:center;background:#06040efa;border:1px solid #a0823c7a;border-top:2px solid #a89030;transform:rotateY(180deg)}.reveal-glyph{opacity:.5;font-size:3.6rem;line-height:1}.reveal-back h3{color:var(--moon);margin-bottom:10px;font-size:1.45rem;font-weight:700}.reveal-back p{font-family:var(--font-sans), sans-serif;color:var(--muted);margin-bottom:4px;font-size:.88rem;line-height:1.65}@keyframes hint-blink{0%,to{opacity:.4}50%{opacity:1}}.reveal-hint{font-family:var(--font-title), "Cinzel", serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.62rem;animation:1.8s infinite hint-blink}@keyframes report-appear{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.card-select-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin-top:10px;display:grid}.center-card-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.selectable-seat,.selectable-center{border:1px solid var(--line);cursor:pointer;text-align:left;font:inherit;color:var(--text);background:#080510b8;border-radius:6px;width:100%;padding:12px 14px;transition:background .12s,border-color .12s,box-shadow .12s}.selectable-seat:hover:not(:disabled),.selectable-center:hover:not(:disabled){border-color:var(--line-bright);background:#120a1ee6}.selectable-seat.is-primary{background:#3c080899;border-color:#a01c1cd9;box-shadow:0 0 14px #780a0a59}.selectable-seat.is-secondary{background:#08143299;border-color:#325aa0cc;box-shadow:0 0 14px #1432784d}.selectable-center.is-primary{background:#3c080899;border-color:#a01c1cd9;box-shadow:0 0 14px #780a0a59}.selectable-center.is-secondary{background:#08143299;border-color:#325aa0cc;box-shadow:0 0 14px #1432784d}.selectable-seat .seat-num{font-family:var(--font-title), "Cinzel", serif;color:var(--accent-soft);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:.62rem}.selectable-seat.is-secondary .seat-num{color:#80a8d0}.selectable-seat .seat-name{color:var(--moon);font-size:.95rem;font-weight:700}.selectable-center{text-align:center;padding:14px 10px}.selectable-center .card-glyph{opacity:.55;margin-bottom:6px;font-size:1.7rem;line-height:1;display:block}.selectable-center .center-label{font-family:var(--font-title), "Cinzel", serif;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem}.selectable-center.is-primary .center-label,.selectable-center.is-secondary .center-label{color:var(--moon-dim)}.seer-tabs{border:1px solid var(--line);border-radius:4px;margin-bottom:4px;display:flex;overflow:hidden}.seer-tab{color:var(--muted);font-family:var(--font-title), "Cinzel", serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex:1;padding:9px 14px;font-size:.68rem;transition:background .12s,color .12s}.seer-tab.is-active{color:var(--accent-soft);background:#64101080}.seer-tab:first-child{border-right:1px solid var(--line)}.select-hint{font-family:var(--font-sans), sans-serif;color:var(--muted);margin-bottom:2px;font-size:.78rem}.discussion-timer{margin:6px 0 12px}.timer-number{font-family:var(--font-title), "Cinzel", serif;letter-spacing:.08em;color:#d8c060;margin-bottom:12px;font-size:clamp(2.8rem,7vw,4.2rem);font-weight:700;line-height:1}.timer-number.timer-urgent{color:var(--danger)}.timer-bar-track{background:#ffffff12;border-radius:3px;height:5px;overflow:hidden}.timer-bar-fill{background:#a89030;border-radius:3px;height:100%;transition:width 1s linear}.timer-bar-fill.is-urgent{background:var(--danger)}.chat-column{flex-direction:column;align-self:start;display:flex;position:sticky;top:24px}.chat-column .chat-panel{height:clamp(400px,100vh - 240px,700px)}.chat-panel{flex-direction:column;height:340px;min-height:340px;padding:0;display:flex;overflow:hidden}.chat-panel-header{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;padding:14px 18px 12px;display:flex}.chat-panel-header h2{margin:0;font-size:.92rem}.chat-status-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:7px;height:7px}.chat-status-dot.is-connected{background:var(--success);box-shadow:0 0 6px #64a0468c}.chat-messages{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 16px;display:flex;overflow-y:auto}.chat-empty{color:var(--muted);font-size:.82rem;font-family:var(--font-sans), sans-serif;text-align:center;opacity:.7;margin:auto}.chat-msg{flex-direction:column;gap:2px;display:flex}.chat-msg.is-self{align-items:flex-end}.chat-msg-meta{font-family:var(--font-title), "Cinzel", serif;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.chat-msg.is-self .chat-msg-meta{color:#6080a8}.chat-msg-bubble{border:1px solid var(--line);max-width:86%;font-family:var(--font-sans), sans-serif;color:var(--text);word-break:break-word;background:#0e0a1ce6;border-radius:6px;padding:7px 11px;font-size:.88rem;line-height:1.5}.chat-msg.is-self .chat-msg-bubble{background:#3c123c8c;border-color:#64327873}@keyframes chat-msg-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-msg{animation:.25s both chat-msg-appear}.chat-input-row{border-top:1px solid var(--line);flex-shrink:0;gap:8px;padding:10px 14px;display:flex}.chat-input{border:1px solid var(--line);min-height:38px;color:var(--text);font:inherit;font-family:var(--font-sans), sans-serif;background:#040309cc;border-radius:4px;flex:1;padding:8px 12px;font-size:.88rem;transition:border-color .12s}.chat-input:focus{border-color:#a03c3c8c;outline:none}.chat-input:disabled{opacity:.45;cursor:not-allowed}.my-role-card[data-team=werewolf]{border-left:3px solid #a01c1cd9}.my-role-card[data-team=village]{border-left:3px solid #325aa0bf}.my-role-card[data-team=outsider]{border-left:3px solid #6e32a0bf}.my-role-body{align-items:flex-start;gap:14px;margin-top:10px;display:flex}.my-role-badge{flex-shrink:0;width:42px;height:42px;font-size:.66rem}.my-role-name{color:var(--moon);letter-spacing:.01em;font-size:1.18rem;font-weight:700;display:block}.my-role-desc{margin-top:4px;line-height:1.6}.player-notes-list{flex-direction:column;gap:6px;display:flex}.player-note-item{border:1px solid var(--line);background:#08051099;border-radius:6px;overflow:hidden}.player-note-header{width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;padding:10px 14px;transition:background .12s;display:flex}.player-note-header:hover,.player-note-header.is-open{background:#140c22e6}.player-note-seat{font-family:var(--font-title), "Cinzel", serif;color:var(--accent-soft);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;font-size:.62rem}.player-note-name{color:var(--moon);flex-shrink:0;font-size:.95rem;font-weight:700}.note-marks-row{flex-wrap:wrap;flex:1;gap:4px;display:flex}.note-mark{font-size:.66rem;font-family:var(--font-sans), sans-serif;border-radius:3px;padding:2px 6px}.note-mark.is-maybe{color:#d8b840;background:#b48c1438;border:1px solid #b48c1466}.note-mark.is-no{color:var(--accent-soft);opacity:.7;background:#78141438;border:1px solid #8c1e1e66;text-decoration:line-through}.note-chevron{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:.6rem}.note-role-grid{border-top:1px solid var(--line);background:#04020a80;flex-wrap:wrap;gap:6px;padding:10px 14px 14px;display:flex}.note-chip{border:1px solid var(--line);color:var(--muted);font:inherit;font-family:var(--font-sans), sans-serif;cursor:pointer;background:#0e0a1ccc;border-radius:4px;align-items:center;gap:5px;padding:5px 10px;font-size:.8rem;transition:background .1s,border-color .1s,color .1s;display:inline-flex}.note-chip:hover{border-color:var(--line-bright);color:var(--text)}.note-chip.is-maybe{color:#d8b840;background:#b48c142e;border-color:#c8a01e8c}.note-chip.is-no{color:var(--accent-soft);opacity:.75;background:#7814142e;border-color:#8c1e1e80;text-decoration:line-through}.note-chip-icon{text-align:center;flex-shrink:0;width:14px;font-size:.75rem}.chat-fab{background:var(--accent);cursor:pointer;z-index:200;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.3rem;transition:background .12s,transform .12s;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0000008c,0 0 0 1px #c8505033}.chat-fab:hover{background:var(--accent-lit);transform:scale(1.06)}.chat-fab-badge{background:var(--danger);color:#fff;min-width:18px;height:18px;font-family:var(--font-sans), sans-serif;border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.chat-drawer-backdrop{z-index:210;-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#040209a6;transition:opacity .28s;display:none;position:fixed;inset:0}.chat-drawer-backdrop.is-open{opacity:1;pointer-events:auto}.chat-drawer{background:var(--panel-strong);border-top:1px solid var(--line-bright);z-index:220;border-radius:16px 16px 0 0;flex-direction:column;height:82vh;transition:transform .3s cubic-bezier(.32,.72,0,1);display:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 40px #000000b3}.chat-drawer-handle{background:var(--line-bright);cursor:pointer;border-radius:2px;flex-shrink:0;width:38px;height:4px;margin:12px auto 4px}.chat-drawer .chat-panel{border-top:1px solid var(--line);border-radius:0;flex:1;height:auto;min-height:0}@media (max-width:880px){.grid-two,.grid-layout,.two-columns{grid-template-columns:1fr}.app-shell{width:min(100vw - 20px,1120px);padding-top:24px;padding-bottom:80px}.hero-card,.panel,.flow-panel,.compact-panel{padding:20px}.hero-card{padding:28px 20px}.chat-column{display:none!important}.chat-fab{display:flex}.chat-drawer-backdrop{display:block}.chat-drawer{display:flex}.chat-drawer.is-open{transform:translateY(0)}.page-header{flex-wrap:wrap}.page-header .inline-actions{flex-direction:row;margin-top:0}.page-header h1{font-size:clamp(1.5rem,6vw,2rem)}}