:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--color-base: rgba(255, 255, 255, .87);--bg-base: #1a1a1a;--bg-section: rgba(255, 255, 255, .03);--bg-section-muted: rgba(255, 255, 255, .05);--border-section: rgba(255, 255, 255, .08);--text-secondary: rgba(255, 255, 255, .75);--text-muted: rgba(255, 255, 255, .5);--text-flavor: rgba(255, 255, 255, .65);--text-dim: rgba(255, 255, 255, .43);--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .15);--btn-secondary-bg: rgba(255, 255, 255, .08);--btn-secondary-color: rgba(255, 255, 255, .75);--border-header: rgba(255, 255, 255, .1);--color-accent: #646cff;--border-accent: rgba(100, 108, 255, .3);--color-success: #6fcf8a;--color-error: #ff7070;--color-warning: #ffd700;--bg-warning: #2c2610;--border-muted: #444;--color-loyalist: #5ec8ff;--bg-loyalist: rgba(0, 160, 255, .12);--color-mutineer: #ff7070;--bg-mutineer: rgba(220, 50, 50, .14);color:var(--color-base);background-color:var(--bg-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#2a2a2a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{--color-base: #1a202c;--bg-base: #f8f9fa;--bg-section: #ffffff;--bg-section-muted: #fbfcfd;--border-section: #e3e8ef;--text-secondary: #475569;--text-muted: #64748b;--text-flavor: #475569;--text-dim: #94a3b8;--input-bg: #ffffff;--input-border: #cbd5e1;--btn-secondary-bg: #f1f5f9;--btn-secondary-color: #334155;--border-header: #e2e8f0;--color-accent: #4f46e5;--border-accent: #c7d2fe;--color-success: #16a34a;--color-error: #dc2626;--color-warning: #b45309;--bg-warning: #fef3c7;--border-muted: #e2e8f0;--color-loyalist: #2563eb;--bg-loyalist: #eff6ff;--color-mutineer: #dc2626;--bg-mutineer: #fef2f2;color:var(--color-base);background-color:var(--bg-base)}a:hover{color:#747bff}button{background-color:#f1f3f5}}#root{max-width:100%;margin:0 auto;padding:0;text-align:left;width:100%}.dashboard{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;max-width:100%}@media(max-width:600px){#root{padding:1rem .5rem}.dashboard-header{flex-direction:column;align-items:flex-start!important;gap:.5rem}.status-grid{grid-template-columns:1fr!important}.berth-form{flex-direction:column}.berth-input{width:100%;min-width:0!important}.chat-panel{min-height:360px}.role-badge{font-size:1.2rem!important}}.dashboard-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-bottom:1px solid var(--border-header)}.dashboard-header h1{margin:0;font-size:1.8rem}.header-sub{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.did-badge{font-size:.72rem;font-family:monospace;background:var(--bg-section);border:1px solid var(--border-accent);border-radius:4px;padding:.25em .6em;color:var(--color-accent);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-section{background:var(--bg-section);border:1px solid var(--border-section);border-radius:12px;padding:1.5rem}.dashboard-section h2{margin-top:0;font-size:1.2rem;color:var(--text-secondary);letter-spacing:.03em}.role-card{border-radius:10px;padding:1.5rem;margin-top:.75rem;text-align:center}.role-loading{background:var(--bg-section);color:var(--text-muted);font-style:italic}.role-pending{background:#646cff14;border:1px dashed rgba(100,108,255,.35)}.role-pending h3{margin-top:0;color:var(--text-secondary)}.role-loyalist{background:linear-gradient(135deg,#0078c82e,#00508c1a);border:1px solid rgba(0,160,255,.25)}.role-mutineer{background:linear-gradient(135deg,#b41e1e38,#7800001f);border:1px solid rgba(255,80,80,.3)}.role-icon{font-size:3rem;margin-bottom:.5rem}.role-title{margin:0 0 .5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.role-badge{display:inline-block;font-size:1.5rem;font-weight:800;letter-spacing:.08em;padding:.3em 1em;border-radius:6px;margin-bottom:.75rem}.role-loyalist .role-badge{color:var(--color-loyalist);background:var(--bg-loyalist);border:1px solid var(--border-accent)}.role-mutineer .role-badge{color:var(--color-mutineer);background:var(--bg-mutineer);border:1px solid var(--border-accent)}.role-flavor{font-size:.92rem;color:var(--text-flavor);max-width:400px;margin:0 auto .75rem;line-height:1.55}.role-voyage{font-size:.78rem;color:var(--text-dim);margin:0}.waiting-count{font-size:.95rem;color:var(--text-muted);margin-top:0}.berth-form{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.berth-input{flex:1;min-width:200px;padding:.65em 1em;font-size:.95rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:inherit;font-family:inherit;outline:none;transition:border-color .2s}.berth-input:focus{border-color:#646cff}select.berth-input{color:var(--color-base);background:var(--input-bg)}select.berth-input option{background-color:var(--bg-base);color:var(--color-base)}.btn-primary{background:#646cff;color:#fff;font-weight:600;padding:.65em 1.4em;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .2s,transform .1s}.btn-primary:hover:not(:disabled){background:#535bf2}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-color);font-weight:500;padding:.5em 1.1em;border-radius:8px;border:1px solid var(--input-border);cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#ffffff24}.btn-logout{background:#ff46461f;color:#ff9090;border:1px solid rgba(255,70,70,.25);border-radius:6px;font-size:.85rem;padding:.4em .9em;cursor:pointer;transition:background .2s}.btn-logout:hover{background:#ff464638}.form-message{margin:.75rem 0 0;font-size:.9rem}.msg-success{color:var(--color-success)}.msg-error{color:var(--color-error)}.morning-report-card{border:1px solid var(--color-warning);background:var(--bg-warning);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;text-align:left}.morning-report-title{color:var(--color-warning);margin-top:0!important;font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em}.evening-report-card{border:1px solid var(--color-accent);background:#646cff1a;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;text-align:left}.evening-report-title{color:var(--color-accent);margin-top:0!important;font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em}.phase-banner-day{background:linear-gradient(135deg,#ffd70026,#ff8c001a);border-color:#ffd70080!important;box-shadow:inset 0 0 20px #ffd7000d,0 4px 15px #ffd7001a}.phase-banner-day .phase-header{color:var(--color-warning)!important;text-shadow:0 2px 4px rgba(255,215,0,.2)}.phase-banner-night{background:linear-gradient(135deg,#14142899,#28285066);border-color:#646cff80!important;box-shadow:inset 0 0 20px #646cff0d,0 4px 15px #646cff1a}.phase-banner-night .phase-header{color:var(--color-accent)!important;text-shadow:0 2px 4px rgba(100,108,255,.2)}.roster-list{list-style-type:none;padding:0;margin-top:1rem}.roster-item{padding:.75rem .5rem;border-bottom:1px solid var(--border-section);display:flex;justify-content:space-between;align-items:center}.roster-item:last-child{border-bottom:none}.vote-section,.action-section{margin-top:1.5rem;border-top:1px solid var(--border-muted);padding-top:1.25rem}.vote-section h4,.action-section h4{margin:0 0 .5rem;color:var(--text-secondary)}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.status-label{color:var(--text-muted);font-size:.85rem;display:block}.status-value{font-size:1.1rem;font-weight:700}.report-past{opacity:.6;transform:scale(.98);padding:1rem 1.25rem!important}.report-past:hover{opacity:.95;transform:scale(1);transition:all .2s ease-in-out}.report-past h3{font-size:.95rem}.report-past div{font-size:.9rem}.chat-panel{display:flex;flex-direction:column;min-height:480px;max-height:600px;border:1px solid var(--border-section);border-radius:12px;overflow:hidden;background:var(--bg-section)}.chat-tab-bar{display:flex;border-bottom:1px solid var(--border-section);background:var(--bg-section-muted);flex-shrink:0}.chat-tab-btn{flex:1;padding:.75rem .5rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.88rem;font-weight:500;color:var(--text-muted);transition:color .15s,border-color .15s}.chat-tab-btn:hover{color:var(--text-secondary)}.chat-tab-btn.active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600;background:var(--bg-section)}.chat-tab-btn.council.active{color:var(--color-mutineer);border-bottom-color:var(--color-mutineer)}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem;min-height:0}.chat-empty{color:var(--text-muted);text-align:center;margin:auto;line-height:1.7;font-size:.9rem}.chat-bubble{background:var(--bg-section-muted);border:1px solid var(--border-section);padding:.55rem .8rem;border-radius:8px}.council-bubble{border-left:3px solid var(--color-mutineer)}.council-bubble.mine{border-left-color:var(--color-accent)}.chat-bubble-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.chat-bubble-author{font-size:.8rem;font-weight:600;color:var(--color-accent)}.chat-bubble-time{font-size:.75rem;color:var(--text-muted);margin-left:auto}.chat-share-btn{background:none;border:none;cursor:pointer;padding:0;font-size:.9rem;opacity:.55;transition:opacity .15s}.chat-share-btn:hover{opacity:1}.chat-bubble-text{font-size:.92rem;color:var(--text-secondary);word-break:break-word;line-height:1.45}.chat-bubble-verify{margin-top:.4rem;padding-top:.4rem;border-top:1px dashed var(--border-section);font-size:.72rem;color:var(--text-muted);display:flex;justify-content:space-between}.chat-bubble-verify a{color:var(--color-accent);text-decoration:none}.chat-input-row{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--border-section);background:var(--bg-section-muted);flex-shrink:0}.chat-input{flex:1;padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-section);background:var(--bg-base);color:var(--color-base);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .15s}.chat-input:focus{border-color:var(--color-accent)}.chat-send-btn{padding:.5rem 1.1rem!important;font-size:.9rem}.chat-send-btn.council{background:var(--color-mutineer)!important}.chat-send-btn.council:hover:not(:disabled){background:#e05555!important}.chat-dm-pane{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.chat-convo-list{list-style:none;padding:0;margin:0}.chat-convo-item{padding:.75rem 1rem;border-bottom:1px solid var(--border-section);cursor:pointer;border-left:3px solid transparent;transition:background .15s}.chat-convo-item:hover{background:var(--bg-section-muted)}.chat-convo-item.unread{border-left-color:var(--color-accent)}.chat-convo-name{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-bottom:.2rem;font-size:.9rem}.chat-unread-badge{background:var(--color-error);color:#fff;border-radius:10px;padding:.1rem .45rem;font-size:.72rem;font-weight:700}.chat-convo-preview{font-size:.82rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-convo-header{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--border-section);background:var(--bg-section-muted);flex-shrink:0}.chat-back-btn{font-size:.8rem;padding:.25rem .6rem!important}.chat-muted-label{font-size:.8rem;color:var(--text-muted);margin-left:auto}.chat-dm-messages{flex:1;min-height:0}.chat-dm-bubble{align-self:flex-start;background:var(--bg-section-muted);color:var(--text-secondary);padding:.5rem .75rem;border-radius:10px;max-width:80%;word-break:break-word;font-size:.92rem;line-height:1.4}.chat-dm-bubble.mine{align-self:flex-end;background:var(--color-accent);color:#fff}.chat-dm-sender{font-size:.72rem;opacity:.7;margin-bottom:.2rem}.chat-cannot-reply{color:var(--color-error);font-size:.9rem;text-align:center;padding:.5rem;width:100%}.chat-council-banner{padding:.55rem 1rem;background:#dc32321a;border-bottom:1px solid rgba(220,50,50,.25);font-size:.82rem;color:var(--color-mutineer);flex-shrink:0}