: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)}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:linear-gradient(180deg,rgba(255,255,255,.36),transparent 24%),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:radial-gradient(circle at top,rgba(255,255,255,.72),transparent 50%),linear-gradient(180deg,#ffffff61,#ffffff1a);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}.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}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.16);opacity:.72}}