@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#eef2f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-primary:#eef2f8;--text-muted:#9fb2c7;--panel:#ffffff08;--panel-strong:#0c121ceb;background-color:#05080f;font-family:Space Grotesk,SF Pro Text,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{background:radial-gradient(circle at 20% 20%,#6cb2ff29,#0000 30%),radial-gradient(circle at 80% 10%,#62e8c124,#0000 32%),#05080f;height:100vh;min-height:100vh;margin:0;overflow:hidden}a{color:inherit;text-decoration:none}#root{height:100vh;min-height:100vh;overflow:hidden}.app-shell{height:100dvh;min-height:100dvh;padding:18px 16px max(16px,env(safe-area-inset-bottom));max-width:520px;color:var(--text-primary);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:12px}.muted{color:var(--text-muted)}.menu{margin-top:0}.menu-grid{grid-template-columns:1fr;gap:12px;display:grid}.zulu-time{text-align:center;color:var(--text-muted);letter-spacing:.04em;margin-top:10px;font-size:16px}.zulu-time strong{color:var(--text-primary);font-weight:700}.menu-card{text-align:left;background:var(--panel);width:100%;color:inherit;cursor:pointer;border:1px solid #ffffff0f;border-radius:16px;padding:16px;transition:transform .16s,border-color .16s,background .16s}.menu-card.accent{background:linear-gradient(135deg,#7a9aff33,#3fd7a41f);border-color:#ffffff29}.menu-card:active{transform:translateY(1px)}.menu-card:disabled{opacity:.5;cursor:not-allowed}.menu-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.menu-card h3{margin:0;font-size:18px}.pill{color:var(--text-primary);background:#ffffff14;border-radius:12px;padding:6px 10px;font-size:12px}.pill.subtle{color:var(--text-muted);background:#ffffff0a}.calculator{flex-direction:column;flex:1;gap:14px;min-height:0;margin-top:0;display:flex}.toolbar{align-items:center;gap:12px;display:flex}.toolbar h2{margin:4px 0 0;font-size:20px}.panel{background:var(--panel);border:1px solid #ffffff14;border-radius:16px;padding:14px 14px 12px;box-shadow:0 10px 30px #00000047}.panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.time-chip{text-align:left;color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.time-chip.active{background:#62e8c114;border-color:#62e8c1e6}.chip-label{color:var(--text-muted);font-size:12px}.chip-value{letter-spacing:.04em;font-size:22px;font-weight:700}.elapsed-row{color:var(--text-muted);background:#ffffff05;border:1px dashed #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 12px;display:flex}.elapsed-row strong{color:var(--text-primary);letter-spacing:.04em}.elapsed-values{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.tc-decimal{color:var(--text-muted);font-size:13px}.elapsed-row.total{background:linear-gradient(135deg,#ffffff0d,#62e8c114);border-style:solid}.totals{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.mini-hint{color:var(--text-muted);font-size:12px}.keypad-panel{padding-bottom:max(10px,env(safe-area-inset-bottom));margin-top:auto}.keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.key{color:var(--text-primary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:14px;font-size:18px;font-weight:700;transition:transform .14s,background .14s,border-color .14s}.key:active{background:#ffffff0f;transform:translateY(1px)}.key.action{background:#ffffff0f;border-color:#ffffff1f}.ghost{color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:12px;padding:10px 12px}.ghost.small{padding:8px 10px;font-size:14px}.primary{color:#051019;cursor:pointer;background:linear-gradient(135deg,#6cb2ff,#63e8c1);border:none;border-radius:12px;padding:12px 14px;font-weight:700;box-shadow:0 12px 30px #4cbbff47}.install-sheet{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#0006;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.sheet-card{background:var(--panel-strong);border:1px solid #ffffff1f;border-radius:18px;width:min(480px,100%);padding:18px;box-shadow:0 18px 50px #0006}.sheet-card h2{margin:6px 0 10px}.sheet-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.ios-tip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;padding:12px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.icon-btn{width:32px;height:32px;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:50%;font-size:18px}.ghost,.primary,.key,.time-chip,.menu-card{font-family:inherit}@media (min-width:600px){.app-shell{padding:28px 20px max(24px,env(safe-area-inset-bottom))}}@media (max-width:420px){.panel{padding:12px}.keypad{gap:6px}.key{padding:12px;font-size:16px}}
