:root{--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--bg: oklch(.985 .005 75);--bg-elev: oklch(1 0 0);--bg-grouped: oklch(.965 .006 75);--label: oklch(.2 .01 75);--label-sec: oklch(.45 .01 75);--label-ter: oklch(.65 .008 75);--separator: oklch(.9 .005 75);--fill-1: oklch(.92 .008 75);--fill-2: oklch(.95 .006 75);--ok: oklch(.68 .13 145);--warn: oklch(.78 .14 75);--danger: oklch(.62 .18 25);--ok-bg: oklch(.94 .05 145);--warn-bg: oklch(.95 .07 75);--danger-bg: oklch(.95 .06 25);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}:root,.palette-sage{--accent: oklch(.62 .09 155);--accent-soft: oklch(.92 .05 155);--accent-strong: oklch(.45 .1 155);--accent-text: #ffffff}.palette-terracotta{--accent: oklch(.64 .13 45);--accent-soft: oklch(.94 .05 45);--accent-strong: oklch(.48 .14 40);--accent-text: #ffffff}.theme-dark{--bg: oklch(.16 .008 75);--bg-elev: oklch(.21 .008 75);--bg-grouped: oklch(.13 .006 75);--label: oklch(.97 .003 75);--label-sec: oklch(.7 .007 75);--label-ter: oklch(.5 .007 75);--separator: oklch(.32 .008 75);--fill-1: oklch(.28 .008 75);--fill-2: oklch(.24 .008 75);--ok-bg: oklch(.3 .06 145);--warn-bg: oklch(.32 .07 75);--danger-bg: oklch(.3 .07 25)}.theme-dark.palette-sage{--accent: oklch(.72 .1 155);--accent-soft: oklch(.3 .06 155);--accent-strong: oklch(.8 .11 155)}.theme-dark.palette-terracotta{--accent: oklch(.72 .13 45);--accent-soft: oklch(.32 .07 45);--accent-strong: oklch(.8 .14 45)}@media (prefers-color-scheme: dark){.theme-auto{--bg: oklch(.16 .008 75);--bg-elev: oklch(.21 .008 75);--bg-grouped: oklch(.13 .006 75);--label: oklch(.97 .003 75);--label-sec: oklch(.7 .007 75);--label-ter: oklch(.5 .007 75);--separator: oklch(.32 .008 75);--fill-1: oklch(.28 .008 75);--fill-2: oklch(.24 .008 75);--ok-bg: oklch(.3 .06 145);--warn-bg: oklch(.32 .07 75);--danger-bg: oklch(.3 .07 25)}.theme-auto.palette-sage{--accent: oklch(.72 .1 155);--accent-soft: oklch(.3 .06 155);--accent-strong: oklch(.8 .11 155)}.theme-auto.palette-terracotta{--accent: oklch(.72 .13 45);--accent-soft: oklch(.32 .07 45);--accent-strong: oklch(.8 .14 45)}}.mono{font-family:var(--font-mono)}.pp-placeholder{background-image:repeating-linear-gradient(135deg,var(--fill-1) 0 6px,var(--fill-2) 6px 12px);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:9px;color:var(--label-ter);text-transform:uppercase;letter-spacing:.04em;text-align:center;line-height:1.2}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:var(--bg);color:var(--label);font-family:var(--font-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior-y:none}body{font-size:15px;line-height:1.4;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}.scroll{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.scroll-x{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.tappable{transition:background .08s ease}.tappable:active{background:var(--fill-2)}.btn-bare{background:transparent;border:none;padding:0;margin:0;text-align:inherit;width:auto}@keyframes pulseFade{0%,to{opacity:.55}50%{opacity:1}}.pulse{animation:pulseFade 1.4s ease-in-out infinite}@keyframes scanLine{0%{transform:translateY(-90px);opacity:0}10%{opacity:1}50%{transform:translateY(90px);opacity:1}60%{opacity:0}to{transform:translateY(-90px);opacity:0}}.scan-line{animation:scanLine 2s ease-in-out infinite}.app-root{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg)}@media (min-width: 600px){.app-root{width:402px;height:874px;margin:24px auto;border-radius:44px;box-shadow:0 30px 60px #00000026,0 0 0 1px #00000014;overflow:hidden}html,body{background:#eae7e4}.theme-dark html,html.theme-dark,body.theme-dark{background:#070604}}
