.logo[data-v-4539da50]{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-text[data-v-4539da50]{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-text-light[data-v-4539da50]{font-weight:400}.header[data-v-b850e92a]{display:flex;align-items:center;padding:32px 24px 16px}.bottom-nav[data-v-6f8cab37]{display:flex;justify-content:space-around;align-items:center;padding:10px 16px calc(10px + var(--safe-bottom));background:#fafaf6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;z-index:100}.nav-item[data-v-6f8cab37]{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--meta);font-size:12px;font-weight:500;text-decoration:none;transition:color .15s;padding:4px 0}.nav-item.active[data-v-6f8cab37]{color:var(--primary)}.nav-icon[data-v-6f8cab37]{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.nav-icon[data-v-6f8cab37] svg{width:24px;height:24px}.nav-dot[data-v-6f8cab37]{width:5px;height:5px;border-radius:var(--radius-full);background:var(--primary);opacity:0;transition:opacity .15s}.nav-item.active .nav-dot[data-v-6f8cab37]{opacity:1}.app-main[data-v-daeae81c]{flex:1;display:flex;flex-direction:column}.app-main.with-nav[data-v-daeae81c]{padding-top:var(--space-4);padding-bottom:calc(60px + var(--safe-bottom))}:root{--bg: #fafaf6;--surface: #f3f2ee;--surface-raised: #ffffff;--primary: #699a89;--primary-container: #7db5a0;--primary-dim: #c5dfd4;--on-primary: #ffffff;--on-primary-container: #fffbff;--secondary: #4a7c6b;--secondary-container: #6da38e;--tertiary: #5b8c7a;--tertiary-container: #699a89;--fg: #2d2b26;--muted: #5c5a54;--meta: #8c8980;--border: #ddd9d0;--border-soft: #eae6de;--error: #ba1a1a;--error-container: #ffdad6;--gradient-primary: linear-gradient(135deg, #699a89, #4a7c6b);--gradient-success: linear-gradient(135deg, #5b8c7a, #a8d5c0);--shadow-extrude: 6px 6px 12px rgba(200, 195, 188, .45), -6px -6px 12px #ffffff;--shadow-extrude-sm: 3px 3px 8px rgba(200, 195, 188, .35), -3px -3px 8px #ffffff;--shadow-inset: inset 2px 2px 6px rgba(200, 195, 188, .45), inset -2px -2px 6px #ffffff;--shadow-glow: 0 0 20px rgba(105, 154, 137, .25);--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--text-3xl: 28px;--text-timer: 48px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--safe-bottom: env(safe-area-inset-bottom, 20px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;outline:none}html{-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--font-body);background:var(--bg);color:var(--fg);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased;display:flex;justify-content:center;min-height:100vh}#app{width:100%;min-height:100vh;padding:0;display:flex;flex-direction:column;position:relative;overflow-x:hidden}button{cursor:pointer;border:none;background:none;font-family:inherit;-webkit-tap-highlight-color:transparent;outline:none}button:focus-visible{outline:2px solid var(--primary-dim);outline-offset:2px}input,textarea{font-family:inherit;outline:none;-webkit-tap-highlight-color:transparent}