.icon{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;display:inline-flex;align-items:center;justify-content:center;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";-webkit-user-select:none;user-select:none;flex-shrink:0}.icon--sm{font-size:18px;width:18px;height:18px}.icon--md{font-size:24px;width:24px;height:24px}.icon--lg{font-size:32px;width:32px;height:32px}.icon--interactive{cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);min-width:44px;min-height:44px;box-sizing:border-box}@media (min-width: 1024px){.icon--interactive{min-width:0;min-height:0}}.icon--interactive:hover{background-color:var(--color-bg-tertiary)}.icon--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:1100;display:flex;flex-direction:column;gap:var(--space-sm)}@media (max-width: 640px){.toast-container{top:var(--space-md);right:var(--space-md);left:var(--space-md)}}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:3px solid var(--color-primary);animation:toast-slide-in var(--transition-normal) ease;min-width:280px;max-width:420px}.toast--success{border-left-color:var(--color-primary)}.toast--error{border-left-color:var(--color-danger)}.toast--info{border-left-color:var(--color-warm)}.toast__icon--success{color:var(--color-primary)}.toast__icon--error{color:var(--color-danger)}.toast__icon--info{color:var(--color-warm)}.toast__message{flex:1;font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text)}.toast__close{flex-shrink:0;color:var(--color-text-muted)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 640px){@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:1.5px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;text-decoration:none;white-space:nowrap;min-height:44px}@media (min-width: 1024px){.button--sm{min-height:0}}.button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.button:disabled{cursor:not-allowed}.button:disabled:not(.button--loading){background-color:var(--color-bg-tertiary);border-color:var(--color-bg-tertiary);color:var(--color-text-muted)}.button--ghost:disabled:not(.button--loading){background-color:transparent;border-color:var(--color-border);color:var(--color-text-muted)}.button--primary{background-color:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.button--secondary{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.button--secondary:hover:not(:disabled){background-color:var(--color-primary-light)}.button--ghost{background-color:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.button--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-text-muted)}.button--danger{background-color:var(--color-danger);color:#fff}.button--danger:hover:not(:disabled){background-color:#a8452e}.button--sm{padding:6px 12px;font-size:var(--text-small)}.button--md{padding:10px 20px;font-size:var(--text-body)}.button--lg{padding:12px 24px;font-size:var(--text-body)}.button--full-width{width:100%}.button--icon-right{flex-direction:row-reverse}.button--loading{color:transparent;pointer-events:none}.button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:button-spin .6s linear infinite}.button--primary .button__spinner,.button--danger .button__spinner{border-color:#ffffff4d;border-top-color:#fff}.button--secondary .button__spinner,.button--ghost .button__spinner{border-color:var(--color-border);border-top-color:var(--color-primary)}@keyframes button-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.navbar{position:sticky;top:0;z-index:100;height:var(--nav-height);background-color:var(--color-bg);border-bottom:1px solid var(--color-border)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);height:100%;margin:0 auto;padding:0 var(--space-md);padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right))}@media (min-width: 1024px){.navbar__inner{padding-left:max(var(--space-lg),env(safe-area-inset-left));padding-right:max(var(--space-lg),env(safe-area-inset-right))}}.navbar__logo{font-family:var(--font-display);font-size:var(--text-h2);color:var(--color-primary);text-decoration:none}.navbar__nav{display:none;gap:var(--space-sm)}@media (min-width: 768px){.navbar__nav{display:flex}}.navbar__link{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-body);color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.navbar__link:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.navbar__link--active{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.navbar__right{display:flex;align-items:center;gap:var(--space-sm)}.navbar__settings{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.navbar__settings:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.bottom-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;height:calc(var(--bottom-tabs-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background-color:var(--color-bg);border-top:1px solid var(--color-border)}.bottom-tabs__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 0;min-width:0;gap:2px;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.bottom-tabs__tab--active{color:var(--color-primary)}.bottom-tabs__label{font-size:11px;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){.bottom-tabs{display:none}}.app-layout__content{width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-md);padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right));padding-bottom:calc(var(--bottom-tabs-height) + var(--space-md) + env(safe-area-inset-bottom))}@media (min-width: 768px){.app-layout__content{padding-bottom:var(--space-md)}}@media (min-width: 1024px){.app-layout__content{padding:var(--space-lg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-2xl);text-align:center}.empty-state__icon{color:var(--color-text-muted);margin-bottom:var(--space-xs)}.empty-state__title{font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-text-secondary);margin:0}.empty-state__description{font-family:var(--font-body);font-size:var(--text-small);color:var(--color-text-muted);margin:0;max-width:300px}.empty-state__action{margin-top:var(--space-sm)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl)}.loading-state__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:loading-spin .8s linear infinite}.loading-state__message{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-muted)}@keyframes loading-spin{to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{overflow-x:hidden}body{min-height:100vh;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{background:none;border:none;cursor:pointer;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{min-height:100vh;display:flex;flex-direction:column}:root{--color-bg: #faf7f2;--color-bg-secondary: #f5f0ea;--color-bg-tertiary: #e8e0d8;--color-border: #d4cdc6;--color-text-muted: #9a9088;--color-text-secondary: #6b6460;--color-text: #2d2926;--color-primary: #7a8c6e;--color-primary-dark: #5a6b50;--color-primary-light: #e8efe4;--color-accent: #c4785a;--color-accent-light: #f5e0d6;--color-warm: #d4a574;--color-warm-light: #f2eacc;--color-plum: #8e7a9a;--color-plum-light: #ede6f0;--color-danger: #c2553a;--color-danger-light: #f5d5cc;--shadow-sm: 0 1px 3px rgba(45, 41, 38, .08);--shadow-md: 0 2px 8px rgba(45, 41, 38, .08), 0 4px 16px rgba(45, 41, 38, .04);--shadow-lg: 0 4px 16px rgba(45, 41, 38, .1), 0 8px 32px rgba(45, 41, 38, .06);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-display: "DM Serif Display", serif;--font-body: "Source Sans 3", sans-serif;--text-display: 32px;--text-h1: 24px;--text-h2: 20px;--text-body: 15px;--text-small: 13px;--text-caption: 12px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--max-width: 1200px;--nav-height: 64px;--bottom-tabs-height: 64px;--focus-ring: 0 0 0 2px rgba(122, 140, 110, .3)}[data-theme=dark]{--color-bg: #1e1c1a;--color-bg-secondary: #242220;--color-bg-tertiary: #282523;--color-border: #3a3633;--color-text-muted: #8a847e;--color-text-secondary: #b0a89e;--color-text: #f5efe8;--color-primary-light: #2a3326;--color-accent-light: #3a2820;--color-warm-light: #352e1e;--color-plum-light: #2d2630;--color-danger-light: #3a2220;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .2), 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .25), 0 8px 32px rgba(0, 0, 0, .15)}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-display);line-height:1.2}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}::selection{background-color:var(--color-primary-light);color:var(--color-text)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}