.update-banner{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:2000;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:10px 12px 10px 16px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-primary);box-shadow:0 6px 24px #0000002e;font-size:13px;color:var(--color-text-primary)}.update-banner button{flex-shrink:0;padding:6px 12px;border:none;border-radius:6px;background:var(--color-primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.update-banner button:hover{background:var(--color-primary-hover)}.update-banner button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 480px){.update-banner{left:16px;right:16px;transform:none;max-width:none;justify-content:space-between}}:root{--color-primary: #89b929;--color-primary-hover: #7aa824;--color-primary-light: rgba(137, 185, 41, .1);--color-primary-lighter: rgba(137, 185, 41, .15);--brunch-accent: #d9742e;--brunch-accent-hover: #c0631f;--brunch-accent-light: rgba(217, 116, 46, .12);--brunch-accent-lighter: rgba(217, 116, 46, .18);--type-til: #f59e0b;--type-insight: #3b82f6;--type-retro: #8b5cf6;--type-essay: #10b981;--type-longform: var(--brunch-accent);--type-place: #ef4444;--type-question: #6b7280;--color-secondary: #2f80ed;--color-secondary-hover: #2563eb;--color-secondary-light: rgba(47, 128, 237, .1);--color-secondary-lighter: rgba(47, 128, 237, .15);--color-success: #89b929;--color-success-light: #e8f5e0;--color-error: #e03e3e;--color-error-hover: #c93131;--color-error-light: #fce8e8;--color-error-lighter: rgba(224, 62, 62, .1);--color-warning: #f5a623;--color-warning-light: rgba(245, 166, 35, .1);--color-info: #2f80ed;--color-info-light: #e8f0fc;--color-text-primary: #37352f;--color-text-secondary: #787774;--color-text-tertiary: #9b9a97;--color-text-muted: #b4b4b0;--color-bg-primary: #ffffff;--color-bg-secondary: #f7f6f3;--color-bg-tertiary: #fafaf9;--color-bg-hover: #f1f1ef;--color-bg-active: #ebebea;--color-border: #e3e2e0;--color-border-hover: #c4c4c0;--color-border-light: #f0f0f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .2);--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 12px;--radius-full: 50%;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: 10px;--text-sm: 11px;--text-base: 12px;--text-md: 13px;--text-lg: 14px;--text-xl: 16px;--text-2xl: 18px;--text-3xl: 22px;--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .2s ease}.layout.dark{color:var(--color-text-primary);--color-text-primary: #ffffffcf;--color-text-secondary: #b0afab;--color-text-tertiary: #93928d;--color-text-muted: #82817b;--color-bg-primary: #191919;--color-bg-secondary: #202020;--color-bg-tertiary: #252525;--color-bg-hover: #2f2f2f;--color-bg-active: #333333;--color-border: #3f3f3f;--color-border-hover: #4f4f4f;--color-border-light: #333333;--color-primary-light: rgba(137, 185, 41, .2);--color-primary-lighter: rgba(137, 185, 41, .25);--brunch-accent: #e3935a;--brunch-accent-hover: #ec9f68;--brunch-accent-light: rgba(227, 147, 90, .2);--brunch-accent-lighter: rgba(227, 147, 90, .26);--type-til: #fbbf24;--type-insight: #60a5fa;--type-retro: #a78bfa;--type-essay: #34d399;--type-longform: var(--brunch-accent);--type-place: #f87171;--type-question: #9ca3af;--color-secondary-light: rgba(47, 128, 237, .2);--color-secondary-lighter: rgba(47, 128, 237, .25);--color-error-light: rgba(224, 62, 62, .15);--color-error-lighter: rgba(224, 62, 62, .2);--color-success-light: rgba(137, 185, 41, .15);--color-info-light: rgba(47, 128, 237, .15)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}html,body{overflow-x:clip;max-width:100%}body{margin:0;padding:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-bg-primary);touch-action:pan-x pan-y}input,textarea,select,button{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:60px;min-height:calc(2lh + 28px)}textarea[rows="2"]{min-height:60px;min-height:calc(2lh + 28px)}textarea[rows="3"]{min-height:78px;min-height:calc(3lh + 28px)}textarea[rows="4"]{min-height:96px;min-height:calc(4lh + 28px)}textarea[rows="5"]{min-height:114px;min-height:calc(5lh + 28px)}textarea[rows="6"]{min-height:132px;min-height:calc(6lh + 28px)}textarea[rows="8"]{min-height:168px;min-height:calc(8lh + 28px)}textarea{scrollbar-width:none}textarea::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary);border:2px solid transparent;background-clip:content-box}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-primary)}.loading-spinner{display:flex;align-items:center;justify-content:center}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::selection{background-color:var(--color-primary-light)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:16px!important}}