*{box-sizing:border-box;margin:0;padding:0}:root{--surface:#f9f9fb;--surface-container-lowest:#fff;--surface-container-low:#f3f3f5;--surface-container:#eeeef0;--surface-container-high:#e8e8ea;--surface-container-highest:#e2e2e4;--on-surface:#1a1c1d;--on-surface-variant:#414753;--primary:#0059b5;--primary-container:#0071e3;--on-primary:#fff;--on-primary-container:#fcfbff;--secondary:#5f5e60;--secondary-container:#e2dfe1;--on-secondary:#fff;--on-secondary-container:#636264;--tertiary:#5a5b5f;--tertiary-container:#737378;--on-tertiary:#fff;--on-tertiary-container:#fcfaff;--error:#ba1a1a;--error-container:#ffdad6;--on-error:#fff;--on-error-container:#93000a;--outline:#717785;--outline-variant:#c1c6d6;--shadow-ambient:0 20px 40px #1a1c1d0f;--shadow-card:0 4px 24px #1b1c1c08;--shadow-lift:0 24px 48px #1a1c1d1a;--radius-sm:.75rem;--radius-md:1.25rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-full:9999px}html.dark{--surface:#121212;--surface-container-lowest:#1e1e1e;--surface-container-low:#262626;--surface-container:#2e2e2e;--surface-container-high:#383838;--surface-container-highest:#424242;--on-surface:#e6e6e6;--on-surface-variant:#a0a0a0;--primary:#4da6ff;--primary-container:#006bcb;--on-primary:#003a6b;--on-primary-container:#d6eaff}html,body{scroll-behavior:smooth;height:100%;min-height:100dvh}body{background:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Noto Sans Thai,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,Noto Sans Thai,sans-serif}.material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.topbar{z-index:50;-webkit-backdrop-filter:blur(20px);background:#f9f9fbb3;justify-content:center;align-items:center;height:56px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}html.dark .topbar{background:#1a1c1db3}.topbar-title{letter-spacing:-.02em;color:var(--on-surface);font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:800}.topbar-btn{cursor:pointer;width:40px;height:40px;color:var(--on-surface-variant);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.dark-mode-btn{background:var(--surface-container-high);cursor:pointer;width:36px;height:36px;color:var(--on-surface-variant);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.dark-mode-btn:hover{background:var(--tertiary-container);color:var(--on-tertiary)}.dark-mode-btn .material-symbols-rounded{font-size:1.1rem}.export-btn,.import-btn{background:var(--surface-container-high);cursor:pointer;width:36px;height:36px;color:var(--on-surface-variant);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.export-btn:hover,.import-btn:hover{background:var(--primary-container);color:var(--on-primary)}.export-btn .material-symbols-rounded,.import-btn .material-symbols-rounded{font-size:1.1rem}.topbar-btn:hover{background:var(--surface-container-high);color:var(--on-surface)}.topbar-btn .material-symbols-rounded{font-size:1.25rem}.topbar-actions{align-items:center;gap:4px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.dark-mode-btn-mobile{background:var(--surface-container-high);cursor:pointer;width:36px;height:36px;color:var(--on-surface-variant);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.dark-mode-btn-mobile:hover{background:var(--primary-container);color:var(--on-primary)}.dark-mode-btn-mobile .material-symbols-rounded{font-size:1.1rem}.lang-toggle-btn{border-radius:var(--radius-full);background:var(--surface-container-high);cursor:pointer;width:36px;height:36px;color:var(--on-surface);letter-spacing:.05em;border:none;justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:700;transition:background .15s,color .15s;display:flex}.lang-toggle-btn:hover{background:var(--primary-container);color:var(--on-primary)}.lang-toggle-btn-desktop{border-radius:var(--radius-full);background:var(--surface-container-high);cursor:pointer;width:32px;height:32px;color:var(--on-surface);letter-spacing:.05em;border:none;justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:700;transition:background .15s,color .15s;display:flex}.lang-toggle-btn-desktop:hover{background:var(--primary-container);color:var(--on-primary)}.mobile-main{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;padding:72px 16px 128px;display:none}@media (max-width:1023px){.mobile-main{display:flex}.mobile-main--dashboard{min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}.dashboard-view{flex-direction:column;flex:1;justify-content:center;display:flex}.menus-view{flex-direction:column;gap:16px;display:flex}.hero-section{background:var(--surface-container-low);border-radius:var(--radius-xl);text-align:center;padding:24px 20px;position:relative;overflow:hidden}.hero-section--full{min-height:calc(100dvh - 72px - 96px - env(safe-area-inset-bottom,0px) - 24px);flex-direction:column;justify-content:center;padding:40px 24px;display:flex}.hero-glow{pointer-events:none;background:radial-gradient(circle,#005bb52e 0%,#0071e314 60%,#0000 100%);border-radius:50%;width:220px;height:220px;position:absolute;top:-32px;right:-32px}.hero-content{z-index:1;flex-direction:column;align-items:stretch;gap:12px;display:flex;position:relative}.hero-emoji{background:var(--surface-container-lowest);width:96px;height:96px;box-shadow:var(--shadow-card);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 4px;display:flex;overflow:hidden}.hero-emoji img{object-fit:cover;width:100%;height:100%}.hero-title{color:var(--on-surface);letter-spacing:-.02em;text-align:center;font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:800}.hero-subtitle{color:var(--on-surface-variant);text-align:center;margin-bottom:8px;font-size:.95rem}.hero-result{background:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:4px;margin:12px 0 4px;padding:24px 20px;display:flex}.hero-result-emoji{margin-bottom:4px;font-size:3rem;line-height:1}.hero-result-name{color:var(--on-surface);text-align:center;font-family:Plus Jakarta Sans,sans-serif;font-size:1.35rem;font-weight:700}.hero-result-cat{letter-spacing:.08em;text-transform:uppercase;color:var(--tertiary);text-align:center;margin-top:4px;font-size:.7rem;font-weight:600}.hero-clear{margin-top:-4px}.btn-random{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);width:100%;color:var(--on-primary);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 32px #005bb533}.btn-random:hover{transform:scale(1.02)}.btn-random:active{transform:scale(.98)}.btn-clear{width:100%;color:var(--on-surface-variant);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #c1c6d626;padding:12px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;transition:all .15s}.btn-clear:hover{background:var(--surface-container-lowest);color:var(--on-surface)}.add-section{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.add-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.add-section-title{color:var(--on-surface);font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700}.add-icon{color:var(--primary);font-size:1.25rem}.add-form{flex-direction:column;gap:10px;display:flex}.add-input{background:var(--surface-container-highest);border-radius:var(--radius-sm);width:100%;color:var(--on-surface);border:none;outline:none;padding:12px 16px;font-family:Inter,Noto Sans Thai,sans-serif;font-size:.9rem;transition:box-shadow .15s}.add-input:focus{box-shadow:0 0 0 2px var(--primary)}.add-input.has-error{box-shadow:0 0 0 2px var(--error)}.add-input::placeholder{color:var(--on-surface-variant);opacity:.6}.field-error{color:var(--error);font-size:.75rem;font-weight:500}.add-form-row{gap:8px;display:flex}.add-select{background:var(--surface-container-highest);border-radius:var(--radius-sm);color:var(--on-surface);appearance:none;cursor:pointer;border:none;outline:none;flex:1;padding:12px 14px;font-family:Inter,sans-serif;font-size:.875rem;transition:box-shadow .15s}.cat-filter-select{background:var(--surface-container-highest);border-radius:var(--radius-sm);width:100%;color:var(--on-surface);cursor:pointer;box-shadow:var(--shadow-card);border:none;outline:none;padding:12px 14px;font-family:Inter,Noto Sans Thai,sans-serif;font-size:1rem;transition:box-shadow .15s}.cat-filter-select:focus{box-shadow:var(--shadow-card), 0 0 0 2px var(--primary)}.add-select:focus{box-shadow:0 0 0 2px var(--primary)}.btn-submit{background:var(--secondary);color:var(--on-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:12px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:700;transition:background .15s,transform .15s}.btn-submit:hover{background:var(--on-surface);transform:scale(1.02)}.filter-section{flex-direction:column;gap:10px;display:flex}.search-wrap{position:relative}.search-icon{color:var(--on-surface-variant);opacity:.5;font-size:1.1rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{background:var(--surface-container-lowest);border-radius:var(--radius-full);width:100%;color:var(--on-surface);box-shadow:var(--shadow-card);-webkit-appearance:none;border:1px solid #c1c6d626;outline:none;padding:10px 14px 10px 42px;font-family:Inter,Noto Sans Thai,sans-serif;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.search-input::-webkit-search-cancel-button{appearance:none}.search-input:focus{border-color:var(--primary);box-shadow:var(--shadow-card), 0 0 0 2px var(--primary)}.search-input::placeholder{color:var(--on-surface-variant);opacity:.6}.cat-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:none;overflow-x:auto}.cat-scroll::-webkit-scrollbar{display:none}.cat-pill{border-radius:var(--radius-full);background:var(--surface-container-high);color:var(--on-surface);cursor:pointer;border:none;flex-shrink:0;padding:8px 16px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:all .15s}.cat-pill:hover{background:var(--tertiary-container);color:var(--on-tertiary)}.cat-pill.active{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 12px #005bb540}@media (max-width:1023px){.cat-filter-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23414753' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px;font-size:16px;display:block}.cat-scroll{display:none}.mobile-filter-row{align-items:center;gap:8px;display:flex}.mobile-filter-row .cat-pill{background:var(--surface-container-high);color:var(--on-surface);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .15s}.mobile-filter-row .cat-pill.active{background:var(--primary);color:var(--on-primary)}.mobile-filter-row .cat-pill.favorites-active{color:#fff;background:#f59e0b}.mobile-filter-row .cat-filter-select{flex:1;min-width:0}}@media (min-width:1024px){.cat-scroll{display:flex}.cat-filter-select{display:none}}.menu-section{flex-direction:column;gap:12px;display:flex}.menu-section-title{color:var(--on-surface);font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700}.menu-list{flex-direction:column;gap:10px;display:flex}.menu-item{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-items:center;gap:14px;padding:14px 16px;transition:transform .15s,box-shadow .15s;display:flex}.menu-item:hover{box-shadow:var(--shadow-lift);transform:translateY(-1px)}.menu-item-icon{background:var(--surface-container-low);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.menu-item-info{flex:1;min-width:0}.menu-item-name{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700;overflow:hidden}.menu-item-cat{color:var(--on-surface-variant);margin-top:2px;font-size:.75rem}.menu-item-del{background:var(--surface-container-high);cursor:pointer;width:36px;height:36px;color:var(--on-surface-variant);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.menu-item-del:hover{background:var(--error-container);color:var(--error)}.menu-item-del .material-symbols-rounded{font-size:1.1rem}.empty-state{text-align:center;color:var(--on-surface-variant);padding:40px 0;font-size:.9rem}.bottom-nav{z-index:50;background:var(--surface);-webkit-backdrop-filter:none;height:80px;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));border-top-left-radius:24px;border-top-right-radius:24px;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1a1c1d14}html.dark .bottom-nav{background:var(--surface);box-shadow:0 -8px 24px #0006}.nav-item{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 12px;text-decoration:none;transition:all .3s;display:flex}.nav-item .nav-icon-svg{width:24px;height:24px;color:var(--secondary);transition:color .3s}.nav-item .nav-label{letter-spacing:.05em;text-transform:uppercase;color:var(--secondary);opacity:.6;font-size:10px;font-weight:600;transition:all .3s}.nav-item.active .nav-icon-svg{color:var(--primary-container)}.nav-item.active .nav-label{color:var(--primary-container);opacity:1}.nav-item:active{transform:scale(.9)}.nav-item:hover{opacity:1}.layout{display:none}@media (max-width:1023px){.topbar,.mobile-main,.bottom-nav{display:flex}}@media (min-width:1024px){.topbar,.bottom-nav,.mobile-main{display:none}.layout{align-items:flex-start;gap:32px;max-width:1400px;min-height:100vh;margin:0 auto;padding:40px 24px 80px;display:flex}.picker{flex-direction:column;flex-shrink:0;gap:16px;width:300px;display:flex;position:sticky;top:40px}.brand{align-items:center;gap:10px;padding:0 4px;display:flex}.brand-icon{border-radius:var(--radius-sm);background:var(--primary-container);justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.brand-icon img{object-fit:cover;width:100%;height:100%}.brand-name{color:var(--primary);letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:800}.dark-mode-btn-desktop{background:var(--surface-container-high);cursor:pointer;width:32px;height:32px;color:var(--on-surface-variant);border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;transition:background .15s,color .15s;display:flex}.dark-mode-btn-desktop:hover{background:var(--tertiary-container);color:var(--on-tertiary)}.dark-mode-btn-desktop .material-symbols-rounded{font-size:1rem}.io-buttons-desktop{gap:8px;margin-top:8px;display:flex}.io-btn-desktop{background:var(--surface-container-low);border-radius:var(--radius-sm);color:var(--on-surface-variant);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.io-btn-desktop:hover{background:var(--surface-container-high);color:var(--on-surface)}.io-btn-desktop .material-symbols-rounded{font-size:1rem}.result-card-desktop{background:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-ambient);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;padding:40px 24px;display:flex}.result-card-desktop.has-result{background:var(--surface-container-low)}.result-emoji-desktop{margin-bottom:4px;font-size:3rem;line-height:1}.result-name-desktop{color:var(--on-surface);font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:700}.result-cat-desktop{letter-spacing:.08em;text-transform:uppercase;color:var(--tertiary);font-size:.7rem;font-weight:600}.result-placeholder-desktop{color:var(--on-surface-variant);font-size:.9rem}.btn-random-desktop{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);width:100%;color:var(--on-primary);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:18px;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 32px #005bb540}.btn-random-desktop:hover:not(:disabled){transform:scale(1.02);box-shadow:0 12px 40px #005bb54d}.btn-random-desktop:disabled{opacity:.7;cursor:not-allowed}.btn-clear-desktop{width:100%;color:var(--on-surface-variant);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #c1c6d626;padding:12px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;transition:all .15s}.btn-clear-desktop:hover{background:var(--surface-container-lowest);color:var(--on-surface)}.stats-desktop{text-align:center;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);margin-top:4px;font-size:.75rem;font-weight:500}.data-actions-desktop{gap:8px;margin-top:8px;display:flex}.data-btn-desktop{background:var(--surface-container-low);border-radius:var(--radius-sm);color:var(--on-surface-variant);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.data-btn-desktop:hover{background:var(--surface-container-high);color:var(--on-surface)}.data-btn-desktop .material-symbols-rounded{font-size:1rem}.manager{flex-direction:column;flex:1;gap:20px;min-width:0;display:flex}.manager-header{justify-content:space-between;align-items:center;display:flex}.manager-header h2{letter-spacing:-.03em;color:var(--on-surface);font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:800}.btn-add-desktop{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);color:var(--on-primary);border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 16px #005bb533}.btn-add-desktop:hover{transform:scale(1.03);box-shadow:0 6px 24px #005bb547}.add-panel-desktop{background:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:24px;display:flex}.add-input-desktop{background:var(--surface-container-highest);border-radius:var(--radius-sm);width:100%;color:var(--on-surface);border:none;outline:none;padding:14px 18px;font-family:Inter,Noto Sans Thai,sans-serif;font-size:.95rem;transition:box-shadow .15s}.add-input-desktop:focus{box-shadow:0 0 0 2px var(--primary)}.add-row-desktop{gap:10px;display:flex}.add-select-desktop{background:var(--surface-container-highest);border-radius:var(--radius-sm);color:var(--on-surface);appearance:none;cursor:pointer;border:none;outline:none;flex:1;padding:14px 16px;font-family:Inter,sans-serif;font-size:.9rem}.btn-submit-desktop{background:var(--secondary);color:var(--on-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:14px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:700;transition:background .15s,transform .15s}.btn-submit-desktop:hover{background:var(--on-surface);transform:scale(1.03)}.toolbar-desktop{flex-direction:column;gap:12px;display:flex}.search-wrap-desktop{position:relative}.search-icon-desktop{pointer-events:none;color:var(--on-surface-variant);opacity:.5;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input-desktop{background:var(--surface-container-lowest);border-radius:var(--radius-full);width:100%;color:var(--on-surface);box-shadow:var(--shadow-ambient);border:1px solid #c1c6d626;outline:none;padding:12px 16px 12px 44px;font-family:Inter,Noto Sans Thai,sans-serif;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.search-input-desktop:focus{border-color:var(--primary);box-shadow:var(--shadow-ambient), 0 0 0 2px var(--primary)}.cat-scroll-desktop{flex-wrap:wrap;gap:8px;padding-bottom:4px;display:flex}.cat-pill-desktop{border-radius:var(--radius-full);background:var(--surface-container-high);color:var(--on-surface);cursor:pointer;border:none;flex-shrink:0;padding:8px 16px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:all .15s}.cat-pill-desktop:hover{background:var(--tertiary-container);color:var(--on-tertiary)}.cat-pill-desktop.active{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 12px #005bb540}.menu-grid-desktop{columns:1;column-gap:20px}@media (min-width:640px){.menu-grid-desktop{column-count:2}}@media (min-width:1024px){.menu-grid-desktop{column-count:3}}@media (min-width:1280px){.menu-grid-desktop{column-count:4}}.menu-card-desktop{break-inside:avoid;background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:20px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.menu-card-desktop:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.menu-card-eyebrow-desktop{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.menu-card-cat-desktop{letter-spacing:.1em;text-transform:uppercase;color:var(--tertiary);font-size:.65rem;font-weight:700}.menu-card-icon-desktop{border-radius:var(--radius-sm);background:var(--surface-container-low);justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;font-size:1rem;display:flex}.menu-card-name-desktop{color:var(--on-surface);font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700}.menu-card-actions-desktop{opacity:0;gap:4px;transition:opacity .15s;display:flex}.menu-card-desktop:hover .menu-card-actions-desktop{opacity:1}.menu-card-edit-desktop{border-radius:var(--radius-full);background:var(--surface-container-high);cursor:pointer;width:28px;height:28px;color:var(--on-surface-variant);border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.menu-card-edit-desktop:hover{background:var(--primary-container);color:var(--on-primary)}.menu-card-edit-desktop .material-symbols-rounded{font-size:.9rem}.menu-card-del-desktop{border-radius:var(--radius-full);background:var(--surface-container-high);cursor:pointer;width:28px;height:28px;color:var(--on-surface-variant);border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.menu-card-del-desktop:hover{background:var(--error-container);color:var(--error)}.menu-card-del-desktop .material-symbols-rounded{font-size:.9rem}.empty-state-desktop{text-align:center;color:var(--on-surface-variant);padding:60px 0;font-size:.9rem}}.toast{z-index:100;border-radius:var(--radius-full);background:var(--on-surface);color:var(--surface);box-shadow:var(--shadow-lift);align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:500;animation:.3s ease-out toast-in;display:flex;position:fixed;top:72px;left:50%;transform:translate(-50%)}.toast-success{color:#fff;background:#1a7f37}.toast-error{background:var(--error);color:var(--on-error)}.toast-info{background:var(--on-surface);color:var(--surface)}.toast-icon{font-size:1.1rem}.toast-message{white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.dialog-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);background:#1a1c1d80;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dialog{background:var(--surface-container-lowest);border-radius:var(--radius-xl);width:100%;max-width:360px;box-shadow:var(--shadow-lift);padding:24px;animation:.25s ease-out dialog-in}@keyframes dialog-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dialog-title{color:var(--on-surface);margin-bottom:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:700}.dialog-message{color:var(--on-surface);margin-bottom:8px;font-size:.95rem}.dialog-hint{color:var(--on-surface-variant);margin-bottom:20px;font-size:.8rem}.dialog-input{background:var(--surface-container-highest);border-radius:var(--radius-sm);width:100%;color:var(--on-surface);border:none;outline:none;margin-bottom:12px;padding:12px 16px;font-family:Inter,Noto Sans Thai,sans-serif;font-size:.95rem;transition:box-shadow .15s}.dialog-input:focus{box-shadow:0 0 0 2px var(--primary)}.dialog-select{background:var(--surface-container-highest);border-radius:var(--radius-sm);width:100%;color:var(--on-surface);appearance:none;cursor:pointer;border:none;outline:none;margin-bottom:20px;padding:12px 16px;font-family:Inter,sans-serif;font-size:.9rem}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.dialog-btn{border-radius:var(--radius-full);cursor:pointer;border:none;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .15s}.dialog-btn-cancel{background:var(--surface-container-high);color:var(--on-surface)}.dialog-btn-cancel:hover{background:var(--surface-container-highest)}.dialog-btn-confirm{background:var(--error);color:var(--on-error)}.dialog-btn-confirm:hover{background:#a50000}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:.5s linear infinite spin}.btn-random:disabled,.btn-random-desktop:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.menu-item-edit{background:var(--surface-container-high);cursor:pointer;width:36px;height:36px;color:var(--on-surface-variant);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.menu-item-edit:hover{background:var(--primary-container);color:var(--on-primary)}.menu-item-edit .material-symbols-rounded{font-size:1.1rem}.menu-item-fav{background:var(--surface-container-high);cursor:pointer;width:36px;height:36px;color:var(--on-surface-variant);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.menu-item-fav:hover{color:var(--on-surface)}.menu-item-fav.is-favorited .material-symbols-rounded{color:#f59e0b;font-variation-settings:"FILL" 1!important}.menu-card-fav-desktop{border-radius:var(--radius-full);background:var(--surface-container-high);cursor:pointer;width:28px;height:28px;color:var(--on-surface-variant);border:none;justify-content:center;align-items:center;transition:color .15s;display:flex}.menu-card-fav-desktop:hover{color:var(--on-surface)}.menu-card-fav-desktop.is-favorited .material-symbols-rounded{color:#f59e0b;font-variation-settings:"FILL" 1!important}.menu-card-fav-desktop .material-symbols-rounded{font-size:.9rem}@media (max-width:1023px){.toast{top:72px}}@media (min-width:1024px){.toast{top:24px}}.sheet{background:var(--surface-container-lowest);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:80dvh;box-shadow:var(--shadow-lift);flex-direction:column;gap:14px;padding:20px;animation:.25s ease-out dialog-in;display:flex;overflow-y:auto}@media (max-width:1023px){.sheet{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));border-bottom-right-radius:0;border-bottom-left-radius:0;align-self:flex-end;max-height:85dvh;margin-bottom:0}.dialog-overlay:has(.sheet){align-items:flex-end;padding:0}}.sheet-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet-title-group{flex-direction:column;gap:2px;min-width:0;display:flex}.sheet-subtitle{letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);font-size:.75rem;font-weight:500}.sheet-close{background:var(--surface-container-high);cursor:pointer;width:36px;height:36px;color:var(--on-surface-variant);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.sheet-close:hover{background:var(--surface-container-highest);color:var(--on-surface)}.sheet-close .material-symbols-rounded{font-size:1.25rem}.settings-list{flex-direction:column;gap:8px;display:flex}.settings-row{background:var(--surface-container-low);border-radius:var(--radius-lg);cursor:pointer;color:var(--on-surface);text-align:left;border:none;align-items:center;gap:14px;padding:14px 16px;font-family:Inter,Noto Sans Thai,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.settings-row:hover{background:var(--surface-container)}.settings-row-icon{color:var(--primary);font-size:1.25rem}.settings-row-label{flex:1}.desktop-topnav-wrap,.desktop-content-view{display:none}@media (min-width:1024px){.desktop-topnav-wrap{z-index:50;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--outline-variant);background:#f9f9fbe0;display:block;position:sticky;top:0}html.dark .desktop-topnav-wrap{background:#121212e0}.desktop-topnav{align-items:center;gap:8px;max-width:1400px;height:64px;margin:0 auto;padding:0 24px;display:flex}.desktop-nav-brand{flex-shrink:0;align-items:center;gap:10px;margin-right:16px;display:flex}.desktop-nav-tabs{flex:1;align-items:center;gap:4px;display:flex}.desktop-nav-tab{border-radius:var(--radius-full);color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.desktop-nav-tab:hover{background:var(--surface-container-high);color:var(--on-surface)}.desktop-nav-tab.active{background:var(--primary);color:var(--on-primary)}.desktop-nav-tab .material-symbols-rounded{font-size:1.1rem}.desktop-nav-end{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.picker{top:80px}.toast{top:72px}.desktop-content-view{max-width:800px;margin:0 auto;padding:40px 24px 80px;display:block}.desktop-content-header{margin-bottom:32px}.desktop-content-title{letter-spacing:-.03em;color:var(--on-surface);margin-bottom:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:800}.desktop-content-subtitle{letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);font-size:.8rem;font-weight:600}.desktop-history-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.desktop-history-item{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-items:center;gap:16px;padding:16px 20px;transition:transform .15s,box-shadow .15s;display:flex}.desktop-history-item:hover{box-shadow:var(--shadow-lift);transform:translateY(-1px)}.desktop-history-rank{color:var(--on-surface-variant);opacity:.4;text-align:center;flex-shrink:0;min-width:28px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700}}.settings-row-chevron{color:var(--on-surface-variant);opacity:.4;margin-left:auto;font-size:1.1rem}.static-page{background:var(--surface);min-height:100dvh}.static-page-content{max-width:720px;margin:0 auto;padding:24px 24px 80px}.static-nav{margin-bottom:32px;padding-top:8px}.static-back-btn{background:var(--surface-container-high);border-radius:var(--radius-full);color:var(--on-surface);align-items:center;gap:8px;padding:8px 18px 8px 12px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.static-back-btn:hover{background:var(--surface-container-highest)}.static-back-btn .material-symbols-rounded{font-size:1.1rem}.static-title{letter-spacing:-.03em;color:var(--on-surface);margin-bottom:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:800}.static-meta{color:var(--on-surface-variant);margin-bottom:40px;font-size:.85rem}.static-section{margin-bottom:32px}.static-section h2{color:var(--on-surface);margin-bottom:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:700}.static-section p{color:var(--on-surface-variant);font-size:.95rem;line-height:1.75}.static-section strong{color:var(--on-surface);font-weight:700}.static-list{flex-direction:column;gap:8px;margin-top:12px;padding:0;list-style:none;display:flex}.static-list li{color:var(--on-surface-variant);padding-left:20px;font-size:.95rem;line-height:1.6;position:relative}.static-list li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;left:6px}.static-link{color:var(--primary);text-decoration:none;transition:opacity .15s}.static-link:hover{opacity:.7;text-decoration:underline}.desktop-footer{display:none}@media (min-width:1024px){.desktop-footer{text-align:center;max-width:1400px;margin:0 auto;padding:24px 24px 40px;display:block}.desktop-footer-links{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.desktop-footer-link{color:var(--on-surface-variant);font-size:.8rem;font-weight:500;line-height:1;text-decoration:none;transition:color .15s}.desktop-footer-link:hover{color:var(--on-surface)}.desktop-footer-link--external{align-items:center;gap:4px;line-height:1;display:inline-flex}.desktop-footer-ext-icon{opacity:.6;vertical-align:middle;font-size:.7rem}.desktop-footer-sep{color:var(--on-surface-variant);opacity:.3;-webkit-user-select:none;user-select:none;font-size:.75rem;line-height:1}.desktop-footer-credit{letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);opacity:.5;font-size:.7rem;font-weight:600}.desktop-footer-credit-link{color:inherit;text-decoration:none;transition:opacity .15s}.desktop-footer-credit-link:hover{opacity:.8;text-decoration:underline}}