:root{--bg: #0b1220;--panel: #111a2b;--text: #e7eef8;--muted: #9fb0c3;--accent: #4f9cff;--accent-2: #67d9a4;--danger: #ff6b6b}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.container{height:100%;display:grid;grid-template-rows:auto 1fr auto;place-items:center;gap:8px;padding:8px}.controls{background:var(--panel);border-radius:8px;padding:12px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(48px,auto);gap:8px 12px;align-items:end;width:100%;max-width:920px}.controls label{display:flex;flex-direction:column;font-size:11px;color:var(--muted)}.controls input{margin-top:4px;background:#0e1726;border:1px solid #1e2a44;border-radius:6px;padding:8px 10px;color:var(--text);min-width:100px;font-size:14px}.buttons{display:flex;gap:8px}button{background:var(--accent);border:none;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}button.secondary{background:#314261}button.danger{background:var(--danger)}.gauge-wrap{background:var(--panel);width:min(80vw,280px);height:min(60vh,400px);border-radius:12px;padding:12px;display:grid;place-items:center}.gauge{position:relative;width:min(50vw,180px);height:calc(100% - 12px);border-radius:12px;background:#0e1726;border:2px solid #1e2a44;overflow:hidden}.fill{position:absolute;bottom:0;left:0;width:100%;height:0%;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-2) 100%);transition:height .12s linear}.time-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text);font-size:28px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:10}.phase-display{position:absolute;bottom:12px;left:50%;transform:translate(-50%);color:var(--text);font-size:14px;font-weight:600;text-align:center;z-index:10;background:rgba(0,0,0,.7);padding:4px 10px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 1px 2px rgba(0,0,0,.8)}.status{background:var(--panel);border-radius:8px;padding:12px 16px;display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;max-width:920px}.status-item{display:flex;flex-direction:column;align-items:center;gap:2px}.status-label{color:var(--muted);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.status-value{color:var(--text);font-size:16px;font-weight:700}@media (max-width: 720px){.container{gap:6px;padding:6px}.controls{grid-template-columns:1fr;grid-auto-rows:minmax(44px,auto);gap:6px;padding:10px}.controls label{font-size:10px}.controls input{padding:6px 8px;font-size:13px;min-width:80px}.buttons{justify-content:center;grid-column:1 / -1;gap:6px}button{padding:6px 10px;font-size:13px}.gauge-wrap{width:min(85vw,300px);height:min(55vh,350px);padding:10px}.gauge{width:min(55vw,200px)}.time-display{font-size:24px}.phase-display{font-size:12px;padding:3px 8px;bottom:10px}.status{padding:10px 12px;gap:16px}.status-item{flex-direction:row;gap:6px}.status-label{font-size:10px}.status-value{font-size:14px}}@media (max-width: 480px){.container{gap:4px;padding:4px}.controls{padding:8px;gap:4px}.controls input{padding:5px 6px;font-size:12px}button{padding:5px 8px;font-size:12px}.gauge-wrap{width:min(90vw,280px);height:min(50vh,320px);padding:8px}.gauge{width:min(60vw,180px)}.time-display{font-size:20px}.phase-display{font-size:11px;padding:2px 6px;bottom:8px}.status{padding:8px 10px;gap:12px}.status-value{font-size:13px}}