:root{--color-paper: #f4efe3;--color-paper-card: #faf6ea;--color-ink: #1a1d2e;--color-muted: #7a7363;--color-line: #d8cfb9;--color-navy: #1a1f7a;--color-navy-soft: #e8e9f5;--color-teal: #0e6b5b;--color-teal-soft: #dcefe9;--color-amber: #a8611a;--color-red: #a83333;--color-error-fill: #fbe9e4;--color-warn-bar: #c8871f;--font-ui: "Inter", system-ui, sans-serif;--font-pixel: "VT323", monospace;--space-screen-x: 20px;--space-card-pad: 16px;--space-card-gap: 12px;--space-row-y: 10px;--radius-chip: 6px;--radius-input: 10px;--radius-card: 16px;--radius-pill: 999px;--screen-max-width: 430px;--hero-shadow: 0 18px 44px -28px rgba(26, 29, 46, .32)}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%;margin:0;background:var(--color-paper)}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);background:var(--color-paper);color:var(--color-ink);overscroll-behavior-y:none}button,input{font:inherit}button{border:0}#root{display:flex;justify-content:center}.app-shell{width:100%;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;background:var(--color-paper)}.phone-frame{width:min(100%,var(--screen-max-width));min-height:100vh;min-height:100dvh;background:var(--color-paper);position:relative;overflow-x:clip;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--hero-shadow)}.screen{min-height:100vh;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 22px) var(--space-screen-x) calc(env(safe-area-inset-bottom) + 26px);display:flex;flex-direction:column;gap:18px;position:relative}.screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:4px 4px;opacity:.2;pointer-events:none}.screen>*{position:relative;z-index:1}.hero-panel{background:var(--color-paper-card);border:1px solid rgba(255,255,255,.45);border-radius:24px;padding:22px 18px 18px}.hero-stack{display:flex;flex-direction:column;gap:6px}.screen-kicker{font-family:var(--font-pixel);font-size:18px;letter-spacing:1.8px;text-transform:uppercase}.screen-title{font-size:30px;line-height:1.04;font-weight:700;letter-spacing:-.03em;margin:0}.screen-subtitle{margin:0;color:var(--color-muted);font-size:12.5px;line-height:1.5}.top-bar{display:flex;align-items:center;min-height:44px}.dashed-divider{height:2px;background:repeating-linear-gradient(90deg,var(--accent-color) 0 6px,transparent 6px 12px);opacity:.45;margin:6px 0}.time-chip,.meta-chip,.avg-chip,.you-pill{border-radius:var(--radius-pill);white-space:nowrap}.time-chip,.meta-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--color-line);font-size:11.5px;font-weight:600}.pixel-tile{position:relative;overflow:hidden}.pixel-tile:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:4px 4px;pointer-events:none}.pressable{transition:transform 90ms ease,box-shadow .16s ease,opacity .14s ease}.pressable:active{transform:translateY(1px)}.refresh-note{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--color-muted);line-height:1.45}.refresh-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-color) 14%,transparent);animation:pulse-dot 3s ease-in-out infinite;flex:0 0 auto}.empty-state{color:var(--color-muted);font-size:13px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#1a1d2e5c}.confirmation-dialog{width:min(100%,360px);display:grid;gap:12px;border:1.5px solid color-mix(in srgb,var(--accent-color) 28%,var(--color-line));border-radius:var(--radius-card);background:var(--color-paper-card);padding:18px;box-shadow:0 22px 44px -26px #1a1d2e9e}.confirmation-dialog__kicker{color:var(--accent-color);font-family:var(--font-pixel);font-size:18px;letter-spacing:1.6px;text-transform:uppercase}.confirmation-dialog__title{margin:0;color:var(--accent-color);font-size:21px;line-height:1.18}.confirmation-dialog__copy{margin:0;color:var(--color-muted);font-size:13px;line-height:1.5}.confirmation-dialog__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:4px}.confirmation-dialog__primary,.confirmation-dialog__secondary{min-height:44px;border-radius:var(--radius-input);padding:10px 12px;font-size:13px;font-weight:700}.confirmation-dialog__primary{background:var(--accent-color);color:#fff}.confirmation-dialog__secondary{border:1.5px solid var(--accent-color);background:transparent;color:var(--accent-color)}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.16);opacity:.72}}