*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;transition:background .5s;background:#1a1a2e}.app.warning{background:#2e1a1a}.app.on-break{background:#1a2e1a}.app-title{position:fixed;top:1.25rem;left:1.5rem;font-size:1.1rem;font-weight:700;color:#e94560;letter-spacing:1px;z-index:10}.top-bar{position:fixed;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:10}.icon-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#aaa;transition:all .2s}.icon-btn:hover{background:#ffffff26;color:#fff}.icon-btn.muted{color:#e94560}.timer-layout{display:flex;align-items:center;justify-content:center;gap:2rem;width:100%;max-width:1000px;flex:1}.blinds-panel{flex:0 1 200px;text-align:center;min-width:0}.left-panel:not(.dimmed){background:#ffffff0f;border:2px solid rgba(255,255,255,.25);border-radius:16px;padding:1.5rem 1rem}.panel-label{font-size:.85rem;text-transform:uppercase;letter-spacing:3px;color:#666;margin-bottom:1rem}.blind-big{font-size:2.2rem;font-weight:700;color:#fff;line-height:1.2}.blind-big.dim{color:#444}.blind-ante{font-size:.95rem;color:#e94560;margin-top:.25rem}.blind-level{font-size:.85rem;color:#666;margin-top:.5rem;text-transform:uppercase;letter-spacing:2px}.break-display{font-size:2rem;font-weight:700;color:#4ecca3;letter-spacing:4px}.blinds-panel.dimmed{opacity:.35}.circle-break-label{font-size:1.2rem;text-transform:uppercase;letter-spacing:4px;color:#4ecca3;font-weight:600}.center-panel{flex-shrink:0}.circle-timer{position:relative;width:360px;height:360px}.circle-timer svg{position:absolute;top:0;left:0}.circle-bg{fill:none;stroke:#2a2a4a}.circle-progress{fill:none;stroke:#e94560;transition:stroke-dashoffset 1s linear}.circle-warning{stroke:#f44}.circle-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.circle-inner{display:flex;flex-direction:column;align-items:center;gap:.25rem}.circle-level{font-size:.9rem;text-transform:uppercase;letter-spacing:3px;color:#888}.time-display{font-size:4.2rem;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;line-height:1}.time-warning{color:#f44;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.controls{display:flex;gap:.75rem;margin-top:2rem;margin-bottom:1rem}.btn{padding:.6rem 1.5rem;border:1px solid #333;border-radius:8px;background:#16213e;color:#ccc;font-size:1rem;cursor:pointer;transition:all .2s}.btn:hover:not(:disabled){border-color:#e94560;color:#fff}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-play{padding:.8rem 2.5rem;font-size:1.1rem;background:#e94560;border-color:#e94560;color:#fff;font-weight:600}.btn-play:hover:not(:disabled){background:#c73750}.btn-pause{background:#0f3460;border-color:#0f3460}.btn-pause:hover:not(:disabled){background:#0d2a50}.btn-break{background:transparent;border-color:#4ecca3;color:#4ecca3}.btn-break:hover{background:#4ecca31a;border-color:#4ecca3!important;color:#4ecca3!important}.break-info{margin-top:1.5rem;margin-bottom:-.5rem;font-size:.85rem;color:#4ecca3;letter-spacing:1px;text-align:center;min-height:1.2em}footer{padding:.5rem;color:#444;font-size:.8rem}kbd{background:#2a2a4a;padding:.1rem .4rem;border-radius:4px;font-size:.75rem;border:1px solid #444}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#1e1e3a;border:1px solid #333;border-radius:12px;width:90%;max-width:750px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #333}.modal-header h2{font-size:1.1rem;color:#fff;font-weight:600}.modal-close{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#fff}.modal-body{overflow-y:auto;padding:1rem 1.5rem;flex:1}.generator-toggle{margin-bottom:1rem}.btn-generator{width:100%;padding:.5rem;font-size:.9rem;background:#e9456014;border:1px dashed #e94560;color:#e94560;text-align:center}.btn-generator:hover{background:#e9456026;color:#fff}.generator{background:#ffffff08;border:1px solid #333;border-radius:8px;padding:1rem;margin-bottom:1rem}.gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.gen-grid label{display:flex;flex-direction:column;gap:.3rem}.gen-grid label>span{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:1px}.gen-input{background:#151530;border:1px solid #333;border-radius:6px;color:#ddd;padding:.45rem .5rem;font-size:.9rem;font-family:inherit}.gen-input:focus{outline:none;border-color:#e94560}.gen-checkbox{flex-direction:row!important;align-items:center!important;gap:.5rem!important}.gen-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#e94560;cursor:pointer}.gen-apply{margin-top:1rem;width:100%;text-align:center}.editor-table{width:100%;border-collapse:collapse}.editor-table thead th{padding:.4rem .5rem;text-align:center;color:#888;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;font-weight:500;border-bottom:1px solid #333}.editor-table tbody td{padding:.3rem .25rem;text-align:center;border-bottom:1px solid #252545}.editor-input{background:#151530;border:1px solid #333;border-radius:6px;color:#ddd;padding:.4rem .5rem;font-size:.9rem;text-align:center;width:100%;min-width:0;font-family:inherit}.editor-input:focus{outline:none;border-color:#e94560}.duration-input{width:100%}.editor-table td{min-width:70px}.editor-table td:first-child{min-width:35px}.editor-table td:last-child{min-width:30px}.level-num{color:#666;font-weight:600;font-size:.85rem}.break-row{background:#4ecca314}.break-label{color:#4ecca3;font-weight:600;font-size:.85rem;letter-spacing:2px;text-transform:uppercase;text-align:center!important}.drag-handle{cursor:grab;color:#555;font-size:1rem;-webkit-user-select:none;user-select:none;padding:0 .3rem!important;width:30px}.drag-handle:active{cursor:grabbing}.editor-table tbody tr{transition:background .15s,transform .15s}.editor-table tbody tr.dragging{opacity:.4}.editor-table tbody tr.drag-over{border-top:2px solid #e94560}.editor-table tbody tr[draggable=true]:hover .drag-handle{color:#aaa}.remove-btn{background:none;border:none;color:#555;font-size:1.2rem;cursor:pointer;padding:.2rem .4rem;border-radius:4px;line-height:1}.remove-btn:hover{color:#e94560;background:#e945601a}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #333}.add-buttons{display:flex;gap:.5rem}.btn-add{padding:.4rem 1rem;font-size:.85rem;background:transparent;border:1px dashed #444;color:#888}.btn-add:hover{border-color:#e94560;color:#e94560;background:#e945600d}.btn-save{padding:.5rem 2rem;background:#e94560;border-color:#e94560;color:#fff;font-weight:600}.btn-save:hover{background:#c73750}@media(min-width:1200px){.left-panel:not(.dimmed){padding:1.5rem 1rem}.blinds-panel{flex:0 1 220px}.blind-big{font-size:2.4rem}.blind-ante{font-size:1.1rem}.blind-level{font-size:1rem}.panel-label{font-size:1rem;letter-spacing:4px;margin-bottom:1rem}.circle-timer{width:440px;height:440px}.circle-timer svg{width:440px;height:440px}.circle-level,.circle-break-label{font-size:1.2rem}.time-display{font-size:5.5rem}.break-display{font-size:3rem}.timer-layout{gap:3rem;max-width:1100px}.btn{font-size:1.1rem;padding:.7rem 1.8rem}.btn-play{font-size:1.3rem;padding:.9rem 3rem}.app-title{font-size:1.3rem}}@media(min-width:1600px){.left-panel:not(.dimmed){padding:2rem 1.5rem;border-radius:20px}.blinds-panel{flex:0 1 260px}.blind-big{font-size:3rem}.blind-ante{font-size:1.4rem}.blind-level{font-size:1.2rem}.panel-label{font-size:1.2rem;letter-spacing:5px;margin-bottom:1.5rem}.circle-timer{width:520px;height:520px}.circle-timer svg{width:520px;height:520px}.circle-level,.circle-break-label{font-size:1.5rem}.time-display{font-size:6.5rem}.break-display{font-size:4rem}.timer-layout{gap:4rem;max-width:1400px}.btn{font-size:1.2rem;padding:.8rem 2rem}.btn-play{font-size:1.5rem;padding:1rem 3.5rem}.app-title{font-size:1.5rem}.icon-btn{width:52px;height:52px}.icon-btn svg{width:28px;height:28px}}@media(max-width:700px){.timer-layout{flex-direction:column;gap:1.5rem}.blinds-panel{order:2}.center-panel{order:1}.left-panel{order:2}.right-panel{order:3}.blind-big{font-size:1.6rem}.circle-timer{width:260px;height:260px}.circle-timer svg{width:260px;height:260px}.time-display{font-size:3.2rem}.modal{width:95%;max-height:90vh}.editor-input{font-size:.8rem;padding:.3rem}}.circle-edit-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a1ed9;border-radius:50%}.circle-edit-input{background:#ffffff1a;border:2px solid #e94560;border-radius:8px;color:#fff;font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;width:160px;padding:.3rem .5rem;font-family:inherit;outline:none}.circle-edit-input:focus{border-color:#fff}.circle-edit-buttons{display:flex;gap:1rem}.circle-edit-btn{width:44px;height:44px;border-radius:50%;border:2px solid;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.circle-edit-btn.confirm{background:#4ecca326;border-color:#4ecca3;color:#4ecca3}.circle-edit-btn.confirm:hover{background:#4ecca34d;color:#fff}.circle-edit-btn.cancel{background:#e9456026;border-color:#e94560;color:#e94560}.circle-edit-btn.cancel:hover{background:#e945604d;color:#fff}