*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background:var(--color-background);color:var(--color-on-background)}.app{min-height:var(--app-min-height)}body[data-view=simple] [data-bugreport]{--bugreport-fab: none}:root{color-scheme:light;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--kb-inset: 0px;--app-min-height: calc(100dvh - var(--kb-inset, 0px));--color-primary: #1C1915;--color-primary-hover: #33302A;--color-on-primary: #FCFAF4;--color-primary-container: #A7F3C4;--color-on-primary-container: #002109;--color-secondary: #0D3326;--color-secondary-hover: #0a2a1f;--color-on-secondary: #FFFFFF;--color-secondary-container: #A7F3C4;--color-on-secondary-container: #002109;--color-surface: #FCFAF4;--color-on-surface: #1C1915;--color-surface-variant: #EFEAE0;--color-on-surface-variant: #6B655A;--color-background: #F4F0E7;--color-on-background: #1C1915;--color-outline: #6B655A;--color-outline-variant: rgba(28, 25, 21, .14);--color-error: #A03A2A;--color-on-error: #FFF8EE;--color-success: #4E7A46;--color-warning: #B07A2E;--color-info: #2D5A7B;--color-special: #7B3A8A;--color-green: var(--color-secondary);--color-charcoal: #2B2B2B;--color-orange: #B07A2E;--color-blue: #9EC7DB;--color-white: var(--color-surface);--color-gray-light: var(--color-outline-variant);--color-gray-medium: var(--color-outline);--font-primary: "Geist", system-ui, -apple-system, sans-serif;--font-display: "Libre Caslon Text", Georgia, serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--label-spacing-wide: .14em;--type-display-large: clamp(3.5rem, 8vw, 4.75rem);--type-display-medium: clamp(2.75rem, 6vw, 3.5rem);--type-display-small: clamp(2.25rem, 5vw, 2.75rem);--type-headline-large: clamp(1.875rem, 4vw, 2.25rem);--type-headline-medium: 1.75rem;--type-headline-small: 1.375rem;--type-title-large: 1.25rem;--type-title-medium: 1.125rem;--type-title-small: .9375rem;--type-body-large: .9375rem;--type-body-medium: .875rem;--type-body-small: .75rem;--type-label-large: .8125rem;--type-label-medium: .6875rem;--type-label-small: .625rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--elevation-0: none;--elevation-1: 0 1px 2px rgba(28, 22, 15, .06), 0 0 0 1px rgba(28, 22, 15, .06);--elevation-2: 0 2px 6px rgba(28, 22, 15, .08), 0 0 0 1px rgba(28, 22, 15, .06);--elevation-3: 0 12px 32px -8px rgba(28, 22, 15, .18);--elevation-4: 0 20px 44px -12px rgba(28, 22, 15, .22);--elevation-5: 0 32px 56px -28px rgba(28, 22, 15, .3);--radius-xs: 2px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--ease-out: cubic-bezier(.23, 1, .32, 1);--motion-easing-standard: cubic-bezier(.32, .72, 0, 1);--motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);--motion-easing-accelerate: cubic-bezier(.3, 0, 1, 1);--motion-duration-short: .12s;--motion-duration-medium: .22s;--motion-duration-long: .42s;--transition-fast: .12s var(--motion-easing-standard);--transition-normal: .22s var(--motion-easing-standard);--transition-slow: .42s var(--motion-easing-standard);--header-height: 64px;--sidebar-width: 380px;--max-content-width: 1200px;--composer-max-width: 920px;--composer-input-max-width: 1760px;--touch-target-min: 44px;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-min-width: 64px;--card-padding: var(--space-6);--card-radius: var(--radius-md);--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}[data-theme=dark]{color-scheme:dark;--color-primary: #EFE9DC;--color-primary-hover: #FFFDF6;--color-on-primary: #16130E;--color-primary-container: rgba(167, 243, 196, .16);--color-on-primary-container: #A7F3C4;--color-secondary: #A7F3C4;--color-secondary-hover: #C5F7D6;--color-on-secondary: #002109;--color-secondary-container: rgba(167, 243, 196, .16);--color-on-secondary-container: #A7F3C4;--color-surface: #1F1B14;--color-on-surface: #EFE9DC;--color-surface-variant: #282318;--color-on-surface-variant: rgba(239, 233, 220, .6);--color-background: #16130E;--color-on-background: #EFE9DC;--color-outline: rgba(239, 233, 220, .6);--color-outline-variant: rgba(239, 233, 220, .14);--color-error: #D46A52;--color-on-error: #2B0E07;--color-success: #93AC6B;--color-warning: #D2B35E;--color-info: #7AA2C4;--color-special: #C496D6;--elevation-1: 0 1px 2px rgba(0, 0, 0, .4), 0 0 0 1px rgba(239, 233, 220, .08);--elevation-2: 0 2px 6px rgba(0, 0, 0, .45), 0 0 0 1px rgba(239, 233, 220, .08);--elevation-3: 0 12px 32px -8px rgba(0, 0, 0, .55)}@media (max-width: 768px){:root{--type-display-large: clamp(2.5rem, 6vw, 3rem);--type-display-medium: clamp(2rem, 5vw, 2.5rem);--type-display-small: clamp(1.75rem, 4vw, 2rem);--type-headline-large: clamp(1.5rem, 3.5vw, 1.75rem);--type-headline-medium: clamp(1.25rem, 3vw, 1.5rem);--type-headline-small: clamp(1.125rem, 2.5vw, 1.25rem);--header-height: 56px;--card-padding: var(--space-4)}}@media (prefers-reduced-motion: reduce){:root{--motion-duration-short: 0ms;--motion-duration-medium: 0ms;--motion-duration-long: 0ms}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width: 1024px){:root{--composer-max-width: 1080px}}@media (min-width: 1440px){:root{--composer-max-width: 1200px}}@media (min-width: 1600px){:root{--composer-max-width: 1320px}}:root{--color-primary: #3e5836;--color-primary-hover: #30482a;--color-on-primary: #fff;--color-secondary: #3e5836;--color-secondary-hover: #30482a;--color-background: #faf9f6;--color-on-background: #2c3629;--color-surface: #fffefa;--color-on-surface: #2c3629;--color-surface-variant: #edf2e5;--color-on-surface-variant: #64715b;--color-outline: #707d65;--color-outline-variant: #dfe5d5}[data-theme=dark]{--color-primary: #b6cda5;--color-primary-hover: #c6dbb6;--color-on-primary: #172013;--color-secondary: #b6cda5;--color-secondary-hover: #c6dbb6;--color-background: #1d231b;--color-on-background: #edf0e5;--color-surface: #242c21;--color-on-surface: #edf0e5;--color-surface-variant: #2c3925;--color-on-surface-variant: #abb89e;--color-outline: #abb89e;--color-outline-variant: #3d4935}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);font-size:var(--type-body-large);line-height:1.55;color:var(--color-on-background);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.2;letter-spacing:-.01em;color:var(--color-on-surface)}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary-hover)}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:var(--button-min-width);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);font-family:var(--font-primary);font-size:var(--type-label-large);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}button{transition:transform .16s var(--ease-out)}button,.btn{--press-scale: .97}[role=button]{transition:transform .16s var(--ease-out);--press-scale: .97}button:not(:disabled):active,.btn:not(:disabled):active,[role=button]:not([aria-disabled=true]):active{transform:scale(var(--press-scale));transition-duration:40ms}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-secondary);color:var(--color-on-secondary)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-hover)}.btn-outline{background:transparent;color:var(--color-on-surface);border:1px solid var(--color-outline-variant)}.btn-outline:hover:not(:disabled){background:#1c19150f;border-color:var(--color-outline)}.btn-danger{background:var(--color-error);color:var(--color-on-error)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-error) 85%,black)}.btn-sm{min-height:var(--button-height-sm);min-width:0;padding:var(--space-1) var(--space-3);font-size:var(--type-label-medium)}.card{background:var(--color-surface);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--elevation-1)}.card-elevated{box-shadow:var(--elevation-2)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--type-body-large);color:var(--color-on-surface);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #0d33261f}.input::placeholder{color:var(--color-outline)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--type-label-small);font-weight:500;letter-spacing:var(--label-spacing-wide);text-transform:uppercase;border-radius:var(--radius-full)}.badge-primary{background:var(--color-primary);color:var(--color-on-primary)}.badge-secondary{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.badge-success{background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}.badge-warning{background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:var(--color-warning)}.badge-error{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error)}.badge-info{background:color-mix(in srgb,var(--color-info) 12%,transparent);color:var(--color-info)}.badge-special{background:color-mix(in srgb,var(--color-special) 12%,transparent);color:var(--color-special)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-muted{color:var(--color-outline)}.bg-surface{background:var(--color-surface)}.bg-background{background:var(--color-background)}.bg-primary{background:var(--color-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}::selection{background:var(--color-secondary);color:var(--color-background)}:root.kb-open,:root.kb-open body{overflow:hidden;height:100%}
