:root{--color-bg: #f5f5f7;--color-surface: #ffffff;--color-sidebar: rgba(246, 246, 246, .85);--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .15);--color-text-primary: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-tertiary: #aeaeb2;--color-accent: #007aff;--color-accent-hover: #0066d6;--color-accent-light: rgba(0, 122, 255, .1);--color-red: #ff3b30;--color-red-light: rgba(255, 59, 48, .1);--color-orange: #ff9500;--color-orange-light: rgba(255, 149, 0, .1);--color-green: #34c759;--color-green-light: rgba(52, 199, 89, .1);--color-yellow: #ffcc00;--color-yellow-light: rgba(255, 204, 0, .1);--color-tag-bg: rgba(0, 0, 0, .04);--color-tag-text: #6e6e73;--color-hover: rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}[data-theme=dark]{--color-bg: #1e1e1e;--color-surface: #2a2a2a;--color-sidebar: rgba(30, 30, 30, .85);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-text-primary: #f5f5f7;--color-text-secondary: #a1a1a6;--color-text-tertiary: #636366;--color-accent: #0a84ff;--color-accent-hover: #409cff;--color-accent-light: rgba(10, 132, 255, .15);--color-red: #ff453a;--color-red-light: rgba(255, 69, 58, .15);--color-orange: #ff9f0a;--color-orange-light: rgba(255, 159, 10, .15);--color-green: #30d158;--color-green-light: rgba(48, 209, 88, .15);--color-yellow: #ffd60a;--color-yellow-light: rgba(255, 214, 10, .15);--color-tag-bg: rgba(255, 255, 255, .06);--color-tag-text: #a1a1a6;--color-hover: rgba(255, 255, 255, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .2)}@media (prefers-color-scheme: dark){[data-theme=system]{--color-bg: #1e1e1e;--color-surface: #2a2a2a;--color-sidebar: rgba(30, 30, 30, .85);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-text-primary: #f5f5f7;--color-text-secondary: #a1a1a6;--color-text-tertiary: #636366;--color-accent: #0a84ff;--color-accent-hover: #409cff;--color-accent-light: rgba(10, 132, 255, .15);--color-red: #ff453a;--color-red-light: rgba(255, 69, 58, .15);--color-orange: #ff9f0a;--color-orange-light: rgba(255, 159, 10, .15);--color-green: #30d158;--color-green-light: rgba(48, 209, 88, .15);--color-yellow: #ffd60a;--color-yellow-light: rgba(255, 214, 10, .15);--color-tag-bg: rgba(255, 255, 255, .06);--color-tag-text: #a1a1a6;--color-hover: rgba(255, 255, 255, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .2)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text-primary);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer;font:inherit;border:none;background:none}input,textarea,select{font:inherit;outline:none}ul,ol{list-style:none}.page-title{font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--color-text-primary)}.section-title{font-size:20px;font-weight:600;color:var(--color-text-primary)}.card-title{font-size:16px;font-weight:600;color:var(--color-text-primary)}.text-secondary{font-size:12px;color:var(--color-text-secondary)}.text-tertiary{font-size:12px;color:var(--color-text-tertiary)}.app-layout{display:flex;min-height:100vh}.sidebar{width:220px;position:fixed;top:0;bottom:0;left:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-sidebar);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100;padding:16px 12px;overflow-y:auto}.main-content{flex:1;margin-left:220px;padding:32px;min-height:100vh;background:var(--color-bg);overflow-x:hidden}.tab-bar{display:none}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-static{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:500;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-tag-bg);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-border)}.btn-danger{background:transparent;color:var(--color-red)}.btn-danger:hover{background:var(--color-red-light)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-tag-bg)}.btn-sm{padding:4px 10px;font-size:12px}.btn-lg{padding:12px 24px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font-size:14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #007aff26}.input::placeholder{color:var(--color-text-tertiary)}.input-error{border-color:var(--color-red)}.input-error:focus{box-shadow:0 0 0 3px #ff3b3026}textarea.input{resize:vertical;min-height:80px}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;background:var(--color-tag-bg);color:var(--color-tag-text);white-space:nowrap;line-height:1.3}.tag-accent{background:var(--color-accent-light);color:var(--color-accent)}.tag-red{background:var(--color-red-light);color:var(--color-red)}.tag-green{background:var(--color-green-light);color:var(--color-green)}.tag-orange{background:var(--color-orange-light);color:var(--color-orange)}.fab{position:fixed;bottom:32px;right:32px;width:56px;height:56px;border-radius:50%;background:var(--color-accent);color:#fff;box-shadow:var(--shadow-lg);font-size:24px;z-index:50;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.fab:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.fab:active{transform:scale(.95)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:480px;width:calc(100% - 32px);max-height:90vh;overflow-y:auto}.modal-header{padding:20px 24px 0;display:flex;align-items:center;justify-content:space-between}.modal-body{padding:16px 24px}.modal-footer{padding:0 24px 20px;display:flex;justify-content:flex-end;gap:8px}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-tertiary)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.4}.empty-state-title{font-size:16px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}.empty-state-text{font-size:14px;max-width:300px;margin:0 auto}.skeleton{background:var(--color-tag-bg);border-radius:var(--radius-sm);animation:shimmer 1.5s infinite;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer-slide 1.5s infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .15s ease-out}.scale-in{animation:scaleIn .2s ease-out}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff26}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (prefers-color-scheme: dark){[data-theme=system] ::-webkit-scrollbar-thumb{background:#ffffff26}[data-theme=system] ::-webkit-scrollbar-thumb:hover{background:#ffffff40}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.w-full{width:100%}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.restaurant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.dish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.stats-number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.stats-flex{display:flex;gap:24px;flex-wrap:wrap}.stats-flex>*{min-width:0}.history-row{display:grid;grid-template-columns:64px 52px 1fr;padding:10px 14px;align-items:center}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0;padding:16px 16px 100px}.tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-sidebar);border-top:1px solid var(--color-border);justify-content:space-around;align-items:flex-start;padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:100}.tab-bar-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;font-size:10px;color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.tab-bar-item.active{color:var(--color-accent)}.tab-bar-item-icon{font-size:22px;line-height:1}.fab{bottom:100px;right:16px;width:48px;height:48px}.page-title{font-size:22px}.section-title{font-size:17px}.modal-content{max-width:none;margin:16px;width:calc(100% - 32px)}.card-static,.card{border-radius:var(--radius-sm)}.empty-state{padding:40px 16px}.btn{padding:8px 14px;font-size:13px}.btn-sm{padding:4px 8px;font-size:12px}.btn-lg{padding:10px 20px;font-size:15px}.tag{padding:3px 8px;font-size:11px}.input{font-size:16px}.restaurant-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.dish-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.stats-flex{gap:16px}.hide-mobile{display:none}}@media (max-width: 480px){.main-content{padding:12px 12px 100px}.page-title{font-size:20px}.section-title{font-size:16px}.tag{padding:2px 7px;font-size:11px}.restaurant-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.dish-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.stats-number-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stats-flex{flex-direction:column;gap:16px}.history-row{grid-template-columns:56px 44px 1fr;padding:8px 10px;font-size:12px}}@media (min-width: 769px){.hide-desktop{display:none}}.mac-toaster>div{background:transparent!important}.mac-toast{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;background:var(--color-surface)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;border-radius:10px!important;padding:10px 14px!important;max-width:340px!important;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}[data-theme=dark] .mac-toast{box-shadow:0 8px 32px #0006,0 2px 8px #00000040!important}@media (prefers-color-scheme: dark){[data-theme=system] .mac-toast{box-shadow:0 8px 32px #0006,0 2px 8px #00000040!important}}[data-theme=dark] .mac-toast [class*=go],[data-theme=dark] .mac-toast>div:first-child{background:transparent!important}@media (prefers-color-scheme: dark){[data-theme=system] .mac-toast [class*=go],[data-theme=system] .mac-toast>div:first-child{background:transparent!important}}