*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#111;color:#eee;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}.app{display:flex;flex-direction:column;height:100dvh}.scroll{flex:1;overflow-y:auto}header{flex:none;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#1a1a1a;border-bottom:1px solid #2a2a2a}header .day{font-size:17px;font-weight:600}header .actions button{margin-left:8px;padding:6px 12px;border-radius:8px;border:1px solid #333;background:#222;color:#ddd;font-size:14px}footer{flex:none;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#1a1a1a;border-top:1px solid #2a2a2a}footer button{flex:1;padding:14px 0;border:none;border-radius:12px;background:#2d2d2d;color:#fff;font-size:16px}footer button:active{background:#3a3a3a}.grid{display:grid;gap:8px;padding:10px}.cell{padding:10px 4px;border:1px solid #444;border-radius:8px;background:#222;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eee;transition:opacity .15s;overflow:hidden}.cell b{font-size:16px}.cell small{font-size:11px;color:#aaa;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%;text-align:center}.cell small.cause{color:#e66}.cell.dead{background:#2a1212;border-color:#4a2222;opacity:.6}.cell.dim{opacity:.25}.timeline{padding:4px 10px 40px}.timeline .empty{color:#666;text-align:center;padding:30px 0;font-size:14px}.day{margin-top:12px}.day-title{font-size:13px;color:#888;margin-bottom:6px}.entry{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#1b1b1b;border-radius:8px;margin-bottom:6px;font-size:14px;line-height:1.4}.tag{flex:none;font-size:11px;padding:2px 6px;border-radius:4px;background:#333;color:#ddd}.tag.claim{background:#234a6b;color:#cfe6ff}.tag.vote{background:#5a4a1a;color:#ffe9b0}.tag.death{background:#5a1a1a;color:#ffc9c9}.text{flex:1}.clear-filter{position:sticky;bottom:8px;margin:12px auto 0;width:fit-content;padding:8px 16px;background:#333;border-radius:20px;font-size:13px;color:#eee}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:#111;z-index:50;display:flex;flex-direction:column}.drawer header{background:#1a1a1a}.drawer .body{flex:1;overflow-y:auto;padding:16px}h1{font-size:26px;margin:24px 0 4px}h3{font-size:15px;color:#aaa;margin:18px 0 8px;font-weight:500}.seat-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.seat-btn{aspect-ratio:1;border:1px solid #333;border-radius:10px;background:#1b1b1b;color:#eee;font-size:18px}.seat-btn.on{background:#2a5a8a;border-color:#3d7ab8;color:#fff}.btn-list{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:10px 14px;border-radius:10px;border:1px solid #333;background:#1b1b1b;color:#ddd;font-size:14px}.chip.on{background:#2a5a8a;border-color:#3d7ab8;color:#fff}.primary{display:block;width:100%;margin-top:18px;padding:14px 0;border:none;border-radius:12px;background:#2a5a8a;color:#fff;font-size:16px}.primary:disabled{background:#333;color:#777}.primary.big{font-size:18px;padding:16px 0}.ghost{margin-top:18px;width:100%;padding:12px 0;border:1px solid #333;border-radius:12px;background:transparent;color:#bbb;font-size:15px}.drawer header .ghost{margin:0;width:auto;padding:6px 12px;font-size:14px}textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #333;background:#1b1b1b;color:#eee;font-size:15px;resize:vertical}.progress{font-size:12px;color:#666;margin-bottom:10px}.step h3{margin-top:0;font-size:16px;color:#eee}.group{margin-bottom:16px}.group-title{font-size:13px;color:#777;margin-bottom:6px}.new-session{padding:0 20px 40px}.new-session .sub{color:#777;font-size:13px;margin:0 0 12px}.new-session input[type=range]{width:100%;accent-color:#2a5a8a}.count-preview{text-align:center;color:#ccc;margin-top:6px;font-size:15px}