*{box-sizing:border-box;margin:0;padding:0}body{color:#00ff41;background-color:#0a0a0a;min-height:100vh;font-family:Courier New,Courier,monospace}:root{--primary:#00ff41;--primary-hover:#0c3;--primary-dim:#00ff4120;--secondary:#0d1f0d;--card:#0f1f0f;--card-hover:#162916;--border:#1a3a1a;--text-muted:#4a8a4a;--danger:#ff4141;--success:#00ff41;--accent:#00ff41;--warning:#fc0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#1a3a1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00ff41}button{color:var(--primary);border:1px solid var(--primary);cursor:pointer;letter-spacing:1px;background-color:#0000;border-radius:4px;padding:8px 16px;font-family:Courier New,Courier,monospace;font-size:14px;transition:all .2s}button:hover{background-color:var(--primary);color:#0a0a0a;box-shadow:0 0 10px var(--primary)}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}input,select,textarea{border:1px solid var(--border);color:var(--primary);background-color:#0f1f0f;border-radius:4px;outline:none;width:100%;padding:10px 14px;font-family:Courier New,Courier,monospace;font-size:14px;transition:border .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 8px var(--primary-dim)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{color:var(--primary);background-color:#0f1f0f}.auth-container{background:radial-gradient(#0d1f0d 0%,#0a0a0a 70%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-box{background-color:var(--card);border:1px solid var(--border);border-radius:8px;width:100%;max-width:420px;padding:40px;box-shadow:0 0 30px #00ff4115}.auth-title{color:var(--primary);text-align:center;text-shadow:0 0 10px var(--primary);letter-spacing:3px;margin-bottom:4px;font-size:28px;font-weight:800}.auth-subtitle{color:var(--text-muted);text-align:center;letter-spacing:2px;margin-bottom:28px;font-size:13px}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-size:12px}.btn-primary{background-color:var(--primary);color:#0a0a0a;cursor:pointer;letter-spacing:2px;text-transform:uppercase;border:none;border-radius:4px;margin-top:8px;padding:12px;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;transition:all .2s}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 0 15px var(--primary)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.error-msg{border:1px solid var(--danger);color:var(--danger);letter-spacing:1px;background-color:#1f0d0d;border-radius:4px;margin-bottom:12px;padding:10px 14px;font-size:13px}.auth-switch{text-align:center;color:var(--text-muted);letter-spacing:1px;margin-top:20px;font-size:13px}.auth-switch a{color:var(--primary);font-weight:700;text-decoration:none}.auth-switch a:hover{text-shadow:0 0 8px var(--primary)}.dashboard{max-width:900px;margin:0 auto;padding:30px 20px}.dashboard-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.dashboard-title{letter-spacing:4px;text-shadow:0 0 10px var(--primary);font-size:24px}.dashboard-actions{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.join-form{flex:1;gap:10px;display:flex}.join-form input{text-transform:uppercase;letter-spacing:3px}.story-card{background-color:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:6px;margin-bottom:12px;padding:16px 20px;transition:all .2s}.story-card:hover{border-color:var(--primary);transform:translate(4px);box-shadow:0 0 15px #00ff4115}.story-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.story-card-title{letter-spacing:1px;font-size:16px}.story-card-badges{gap:6px;display:flex}.badge{letter-spacing:1px;border:1px solid;border-radius:20px;padding:2px 10px;font-size:11px}.badge-genre{border-color:var(--primary);color:var(--primary)}.badge-private{border-color:var(--text-muted);color:var(--text-muted)}.badge-open{border-color:var(--warning);color:var(--warning)}.story-card-opening{color:var(--text-muted);margin-bottom:10px;font-size:13px;font-style:italic}.story-card-meta{color:var(--text-muted);letter-spacing:1px;gap:16px;font-size:12px;display:flex}.status-active{color:var(--success)}.status-waiting{color:var(--warning)}.status-completed{color:var(--text-muted)}.create-form{background-color:var(--card);border:1px solid var(--border);border-radius:6px;margin-bottom:30px;padding:24px}.create-form h2{letter-spacing:3px;color:var(--primary);margin-bottom:20px;font-size:16px}.create-form-grid{flex-direction:column;gap:14px;display:flex}.form-label{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:11px;display:block}.checkbox-group{gap:24px;display:flex}.checkbox-label{color:var(--text-muted);cursor:pointer;letter-spacing:1px;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-label input[type=checkbox]{width:auto;accent-color:var(--primary)}.section-title{letter-spacing:3px;color:var(--primary);text-transform:uppercase;margin-bottom:16px;font-size:14px}.story-room{max-width:800px;margin:0 auto;padding:20px}.story-room-header{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:16px}.story-room-title{letter-spacing:2px;text-shadow:0 0 8px var(--primary);margin:8px 0;font-size:22px}.story-room-meta{color:var(--text-muted);letter-spacing:1px;gap:16px;font-size:12px;display:flex}.opening-line{background:var(--card);border-left:3px solid var(--primary);border-radius:0 6px 6px 0;margin-bottom:24px;padding:16px 20px;box-shadow:0 0 10px #00ff4110}.opening-line-label{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:11px}.opening-line-text{color:var(--primary);font-style:italic;line-height:1.6}.entry-card{background:var(--card);border:1px solid var(--border);border-radius:6px;margin-bottom:12px;padding:16px 20px;transition:border .2s}.entry-card:hover{border-color:#2a4a2a}.entry-header{justify-content:space-between;margin-bottom:10px;display:flex}.entry-author{color:var(--primary);letter-spacing:1px;font-size:13px;font-weight:700}.entry-turn{color:var(--text-muted);letter-spacing:1px;font-size:12px}.entry-content{color:#cfc;margin-bottom:12px;font-size:14px;line-height:1.7}.entry-reactions{flex-wrap:wrap;gap:8px;display:flex}.reaction-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);letter-spacing:1px;background:#0f1f0f;border-radius:20px;padding:4px 12px;font-size:13px;transition:all .2s}.reaction-btn:hover{border-color:var(--primary);color:var(--primary);box-shadow:none;background:#0f1f0f}.reaction-btn.reacted{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.write-entry{background:var(--card);border:1px solid var(--border);border-radius:6px;margin-top:20px;padding:20px}.write-entry-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.write-entry-title{letter-spacing:3px;text-transform:uppercase;font-size:14px}.timer{letter-spacing:2px;font-size:18px;font-weight:700}.timer-green{color:var(--success);text-shadow:0 0 8px var(--success)}.timer-red{color:var(--danger);text-shadow:0 0 8px var(--danger)}.char-count{color:var(--text-muted);letter-spacing:1px;font-size:12px}.typing-indicator{color:var(--text-muted);letter-spacing:1px;margin-bottom:8px;font-size:12px;font-style:italic}.notification{background:var(--primary-dim);border:1px solid var(--primary);color:var(--primary);text-align:center;letter-spacing:1px;border-radius:4px;margin-bottom:16px;padding:10px 16px;font-size:13px;box-shadow:0 0 10px #00ff4120}.story-completed{background:var(--card);border:1px solid var(--primary);text-align:center;border-radius:6px;padding:30px;box-shadow:0 0 20px #00ff4115}.story-completed h2{letter-spacing:3px;margin-bottom:8px;font-size:20px}.archive{max-width:800px;margin:0 auto;padding:30px 20px}.archive-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.archive-title{letter-spacing:4px;text-shadow:0 0 10px var(--primary);font-size:22px}.archive-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:6px;margin-bottom:16px;padding:20px;transition:all .2s}.archive-card:hover{border-color:var(--primary);transform:translate(4px);box-shadow:0 0 15px #00ff4115}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}.auth-title{animation:4s infinite flicker}