*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:#0a0e1a;color:#f4ecd8;font-family:system-ui,-apple-system,sans-serif;image-rendering:pixelated;overflow:hidden}.hud{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0e1ad9;border-bottom:2px solid #1d2640;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;font-family:ui-monospace,monospace;color:#f4ecd8;font-size:13px;letter-spacing:1px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hud-brand{color:#e8b13b;font-weight:700}.hud-sep{color:#6b7895;margin:0 8px}.hud-room{color:#67e8f9}.hud-user{color:#b8b8d0;margin-right:12px}.hud-btn{background:#1d2640;color:#e8b13b;border:2px solid #e8b13b;font-family:inherit;font-size:11px;letter-spacing:1.5px;padding:6px 10px;cursor:pointer}.hud-btn:hover{background:#e8b13b;color:#1d2640}.urgency-stack{position:fixed;bottom:18px;right:18px;z-index:150;display:flex;flex-direction:column;gap:8px;pointer-events:none}.urgency{background:#14102eeb;border:3px solid #67c8d8;color:#f4ecd8;padding:8px 12px;font-family:ui-monospace,monospace;font-size:12px;display:flex;gap:10px;align-items:center;min-width:240px;box-shadow:4px 4px #000}.urgency-warn{border-color:#ff9450}.urgency-critical{border-color:#ff4d4d;animation:urgency-shake 2.4s ease-in-out infinite}@keyframes urgency-shake{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px)}94%{transform:translate(2px)}96%{transform:translate(-2px)}}.urgency-source{background:#67c8d8;color:#14102e;font-size:9px;padding:2px 6px;letter-spacing:1px;text-transform:uppercase}.urgency-warn .urgency-source{background:#ff9450;color:#14102e}.urgency-critical .urgency-source{background:#ff4d4d;color:#fff}.urgency-desc{flex:1}.urgency-due{font-size:10px;color:#b8b8d0}.palette{position:fixed;top:60px;right:14px;z-index:180;width:220px;background:#f4ecd8;border:4px solid #1d2640;color:#1d2640;font-family:ui-monospace,monospace;box-shadow:6px 6px #1d2640}.palette-head{background:#1d2640;color:#e8b13b;padding:10px;text-align:center;font-size:12px;letter-spacing:2px;border-bottom:4px solid #1d2640}.palette-list{display:flex;flex-direction:column;padding:8px;gap:6px}.palette-item{display:flex;align-items:center;gap:10px;background:#fff;color:#1d2640;border:2px solid #1d2640;border-left-width:6px;padding:8px 10px;cursor:grab;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:1px}.palette-item:hover{background:#fffbed}.palette-item:disabled{opacity:.6;cursor:wait}.palette-swatch{display:inline-block;width:18px;height:18px;border:2px solid #1d2640}.palette-foot{padding:10px;border-top:2px dashed #d9cfa8;font-size:10px;color:#6b7895;display:flex;flex-direction:column;gap:8px;align-items:stretch}.palette-foot p{margin:0 0 4px}.palette-close{background:#e8b13b;color:#1d2640;border:2px solid #1d2640;padding:6px;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.palette-close:hover{background:#f0bc46}.palette-error{background:#d96868;color:#fff;padding:8px 10px;margin:0 8px 8px;border:2px solid #1d2640;font-size:11px}.board-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;background:#0a0e1a99;display:flex;align-items:center;justify-content:center}.board-window{width:min(640px,95%);max-height:80vh;display:flex;flex-direction:column;background:#f4ecd8;color:#1d2640;border:4px solid #1d2640;box-shadow:0 12px #00000073;font-family:ui-monospace,monospace}.board-title{background:#1d2640;color:#e8b13b;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:2px;border-bottom:4px solid #1d2640}.board-close{background:transparent;color:#e8b13b;border:2px solid #e8b13b;width:28px;height:28px;cursor:pointer;font-size:12px;font-family:inherit}.board-add{padding:12px 16px;display:flex;gap:8px;border-bottom:2px dashed #d9cfa8}.board-add-row{flex-wrap:wrap}.board-add input{background:#fff;border:2px solid #1d2640;padding:8px;font-family:inherit;font-size:13px;flex:1;min-width:100px;outline:none}.board-add-btn{background:#e8b13b;color:#1d2640;border:2px solid #1d2640;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;letter-spacing:1px}.board-add-btn:hover{background:#f0bc46}.board-list{padding:8px 12px;overflow-y:auto;flex:1}.board-empty{text-align:center;color:#7a7268;padding:24px;font-style:italic}.board-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-bottom:1px solid #d9cfa8;font-size:13px}.board-row.done{opacity:.5;text-decoration:line-through}.board-status{background:#1d2640;color:#e8b13b;font-size:9px;padding:2px 6px;letter-spacing:1px;text-transform:uppercase;min-width:60px;text-align:center}.board-row-text{flex:1}.board-amount{font-variant-numeric:tabular-nums;color:#6b7895}.board-due{font-size:11px;color:#7a7268;font-variant-numeric:tabular-nums}.board-actions{display:flex;gap:4px}.board-btn,.board-btn-del{background:#e8b13b;color:#1d2640;border:2px solid #1d2640;padding:4px 8px;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:1px;cursor:pointer}.board-btn-del{background:#d96868;color:#fff}.board-btn:hover{background:#f0bc46}.board-btn-del:hover{background:#c04040}.inspector-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a0e1a99;display:flex;align-items:center;justify-content:center}.inspector-window{width:min(440px,92%);background:#f4ecd8;color:#1d2640;border:4px solid #1d2640;box-shadow:inset 0 0 0 2px #f4ecd8,inset 0 0 0 4px #d9cfa8,0 12px #00000073;font-family:ui-monospace,SF Mono,Menlo,monospace}.inspector-title{background:#1d2640;color:#e8b13b;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:4px solid #1d2640}.inspector-kind{background:#e8b13b;color:#1d2640;padding:4px 8px;font-size:11px;letter-spacing:1px;font-weight:700}.inspector-name{flex:1;font-size:14px;letter-spacing:1px}.inspector-close{background:transparent;border:2px solid #e8b13b;color:#e8b13b;width:28px;height:28px;cursor:pointer;font-family:inherit;font-size:13px}.inspector-close:hover{background:#e8b13b;color:#1d2640}.inspector-body{padding:18px 20px}.inspector-fields{width:100%;border-collapse:collapse;font-size:13px}.inspector-fields td{padding:6px 8px;vertical-align:top;border-bottom:1px solid #d9cfa8}.inspector-key{color:#6b7895;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;width:110px}.inspector-val{color:#1d2640;word-break:break-word}.inspector-footer{padding:14px 20px;display:flex;justify-content:flex-end;gap:10px;border-top:2px dashed #d9cfa8}.inspector-btn{background:#e8b13b;color:#1d2640;border:3px solid #1d2640;padding:8px 14px;font-family:inherit;font-size:12px;cursor:pointer;letter-spacing:1px;font-weight:700;text-transform:uppercase;box-shadow:0 4px #1d2640}.inspector-btn:hover{background:#f0bc46}.inspector-btn:active{transform:translateY(4px);box-shadow:0 0 #1d2640}.login-stage{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0e1a}.login-window{width:min(420px,92%);background:#f4ecd8;color:#1d2640;border:4px solid #1d2640;box-shadow:inset 0 0 0 2px #f4ecd8,inset 0 0 0 4px #d9cfa8,0 12px #00000073;padding:22px 24px;font-family:ui-monospace,SF Mono,Menlo,monospace}.login-title{font-size:22px;letter-spacing:4px;text-align:center;color:#1d2640;background:#e8b13b;margin:-22px -24px 18px;padding:14px;border-bottom:4px solid #1d2640;font-weight:700}.login-mode-tabs{display:flex;gap:0;margin-bottom:18px}.login-tab{flex:1;background:#d9cfa8;border:2px solid #1d2640;padding:8px;color:#1d2640;cursor:pointer;font-family:inherit;font-size:12px;letter-spacing:1px;text-transform:uppercase}.login-tab.active{background:#1d2640;color:#e8b13b}.login-field{display:flex;flex-direction:column;margin-bottom:14px}.login-field span{font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}.login-field input{background:#fff;color:#1d2640;font-family:inherit;font-size:15px;padding:10px;border:3px solid #1d2640;outline:none}.login-field input:focus{background:#fffbed;box-shadow:0 0 0 3px #e8b13b}.login-error{background:#d96868;color:#fff;padding:8px 12px;border:2px solid #1d2640;margin-bottom:12px;font-size:13px}.login-submit{width:100%;background:#e8b13b;color:#1d2640;border:4px solid #1d2640;padding:14px;font-family:inherit;font-size:14px;letter-spacing:2px;cursor:pointer;font-weight:700;text-transform:uppercase;box-shadow:0 6px #1d2640;transition:transform .05s,box-shadow .05s}.login-submit:hover:not(:disabled){background:#f0bc46}.login-submit:active:not(:disabled){transform:translateY(6px);box-shadow:0 0 #1d2640}.login-submit:disabled{opacity:.6;cursor:not-allowed}.pause-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0a0e1ad9;display:flex;align-items:center;justify-content:center}.pause-window{width:min(520px,92%);background:#f4ecd8;color:#1d2640;border:4px solid #1d2640;box-shadow:0 16px #0000008c;font-family:ui-monospace,monospace}.pause-title{background:#1d2640;color:#e8b13b;padding:16px;text-align:center;font-size:16px;letter-spacing:4px;border-bottom:4px solid #1d2640}.pause-body{padding:18px 20px}.pause-section-title{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#6b7895;margin-bottom:10px}.pause-rooms{list-style:none;padding:0;margin:0}.pause-room{padding:10px 12px;border:2px solid #d9cfa8;margin-bottom:6px;cursor:pointer;display:flex;gap:12px;align-items:center}.pause-room:hover{background:#e8dfc4}.pause-room.current{background:#e8b13b;border-color:#1d2640;font-weight:700}.pause-room-kind{background:#1d2640;color:#e8b13b;font-size:9px;letter-spacing:1px;padding:2px 6px;text-transform:uppercase}.pause-room-name{flex:1}.pause-footer{padding:14px 20px;border-top:2px dashed #d9cfa8;text-align:center}.pause-btn{background:#e8b13b;color:#1d2640;border:3px solid #1d2640;padding:10px 18px;font-family:inherit;font-size:12px;letter-spacing:2px;font-weight:700;cursor:pointer;box-shadow:0 4px #1d2640}.pause-btn:hover{background:#f0bc46}.pause-btn:active{transform:translateY(4px);box-shadow:0 0 #1d2640}.vault-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#0a0e1ad9;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,monospace}.vault-window{width:min(460px,92%);background:#f4ecd8;color:#1d2640;border:4px solid #1d2640;box-shadow:0 12px #00000073}.vault-title{background:#1d2640;color:#e8b13b;padding:14px;text-align:center;font-size:14px;letter-spacing:3px;border-bottom:4px solid #1d2640}.vault-body{padding:18px 22px}.vault-explain{font-size:12px;line-height:1.5;color:#4a4549;margin-bottom:14px}.vault-field{display:flex;flex-direction:column}.vault-field span{font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}.vault-field input{background:#fff;border:3px solid #1d2640;padding:10px;font-family:inherit;font-size:15px;outline:none}.vault-field input:focus{box-shadow:0 0 0 3px #e8b13b}.vault-error{background:#d96868;color:#fff;padding:8px 12px;border:2px solid #1d2640;margin-top:12px;font-size:12px}.vault-footer{padding:14px 20px;border-top:2px dashed #d9cfa8;display:flex;justify-content:space-between}.vault-btn,.vault-btn-skip{background:#e8b13b;color:#1d2640;border:3px solid #1d2640;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:1.5px;cursor:pointer;box-shadow:0 4px #1d2640}.vault-btn-skip{background:#d9cfa8}.vault-btn:active,.vault-btn-skip:active{transform:translateY(4px);box-shadow:0 0 #1d2640}.vault-btn:disabled{opacity:.6;cursor:not-allowed}