@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";:root,[data-theme=light]{--green-50:#EAFFF0;--green-100:#C9FFDA;--green-200:#96FBB9;--green-300:#5CF092;--green-400:#22E36E;--green-500:#00D95F;--green-600:#00B84F;--green-700:#009142;--green-800:#046B33;--green-900:#0A4D28;--yellow-50:#FFFAEB;--yellow-100:#FFF0C2;--yellow-200:#FFE28C;--yellow-300:#FFD24D;--yellow-400:#FFC940;--yellow-500:#F5B800;--yellow-600:#D69900;--yellow-700:#A87600;--ink-0:#FFFFFF;--ink-50:#F7F8F6;--ink-100:#EDEFEA;--ink-200:#DBDFD4;--ink-300:#B7BEB0;--ink-400:#8A9282;--ink-500:#616B5A;--ink-600:#454E3F;--ink-700:#2E362A;--ink-800:#1B2117;--ink-900:#0F130C;--ink-950:#080A06;--coral-500:#FF5C6C;--coral-600:#E8465A;--sky-500:#2FB6E0;--brand-primary:var(--green-500);--brand-primary-hover:var(--green-600);--brand-primary-press:var(--green-700);--brand-primary-tint:var(--green-50);--brand-accent:var(--yellow-400);--brand-accent-hover:var(--yellow-500);--surface-page:var(--ink-0);--surface-card:var(--ink-0);--surface-sunken:var(--ink-50);--surface-inverse:var(--ink-900);--surface-overlay:rgba(15,19,12,.55);--surface-glass:rgba(255,255,255,.78);--surface-filled:var(--ink-50);--surface-hover:var(--ink-100);--surface-inverse-hover:var(--ink-700);--border-subtle:var(--ink-100);--border-default:var(--ink-200);--border-strong:var(--ink-300);--text-primary:var(--ink-900);--text-secondary:var(--ink-500);--text-tertiary:var(--ink-400);--text-inverse:var(--ink-0);--text-on-brand:var(--ink-900);--text-brand:var(--green-700);--icon-default:var(--ink-700);--nav-active:var(--green-600);--avatar-bg:var(--green-100);--avatar-text:var(--green-700);--focus-ring:0 0 0 3px rgba(0,217,95,.35);--success:var(--green-600);--warning:var(--yellow-500);--error:var(--coral-600);--info:var(--sky-500);--rating-star:var(--yellow-400)}[data-theme=dark]{--brand-primary:var(--green-500);--brand-primary-hover:var(--green-400);--brand-primary-press:var(--green-300);--brand-primary-tint:rgba(0,217,95,.16);--brand-accent:var(--yellow-400);--brand-accent-hover:var(--yellow-300);--surface-page:var(--ink-900);--surface-card:var(--ink-800);--surface-sunken:var(--ink-950);--surface-inverse:var(--ink-50);--surface-overlay:rgba(0,0,0,.72);--surface-glass:rgba(27,33,23,.78);--surface-filled:var(--ink-700);--surface-hover:var(--ink-700);--surface-inverse-hover:var(--ink-200);--border-subtle:var(--ink-700);--border-default:var(--ink-600);--border-strong:var(--ink-500);--text-primary:var(--ink-50);--text-secondary:var(--ink-300);--text-tertiary:var(--ink-400);--text-inverse:var(--ink-900);--text-on-brand:var(--ink-900);--text-brand:var(--green-300);--icon-default:var(--ink-200);--nav-active:var(--green-400);--avatar-bg:rgba(0,217,95,.18);--avatar-text:var(--green-200);--focus-ring:0 0 0 3px rgba(34,227,110,.45);--shadow-sm:0 1px 3px rgba(0,0,0,.5);--shadow-md:0 4px 16px rgba(0,0,0,.55);--shadow-lg:0 12px 32px rgba(0,0,0,.65);--shadow-brand:0 8px 24px rgba(0,217,95,.22);--success:var(--green-400);--warning:var(--yellow-300);--error:var(--coral-500);--info:var(--sky-500);color-scheme:dark}@media (prefers-color-scheme:dark){[data-theme=auto]{--brand-primary:var(--green-500);--brand-primary-hover:var(--green-400);--brand-primary-press:var(--green-300);--brand-primary-tint:rgba(0,217,95,.16);--brand-accent:var(--yellow-400);--brand-accent-hover:var(--yellow-300);--surface-page:var(--ink-900);--surface-card:var(--ink-800);--surface-sunken:var(--ink-950);--surface-inverse:var(--ink-50);--surface-overlay:rgba(0,0,0,.72);--surface-glass:rgba(27,33,23,.78);--surface-filled:var(--ink-700);--surface-hover:var(--ink-700);--surface-inverse-hover:var(--ink-200);--border-subtle:var(--ink-700);--border-default:var(--ink-600);--border-strong:var(--ink-500);--text-primary:var(--ink-50);--text-secondary:var(--ink-300);--text-tertiary:var(--ink-400);--text-inverse:var(--ink-900);--text-on-brand:var(--ink-900);--text-brand:var(--green-300);--icon-default:var(--ink-200);--nav-active:var(--green-400);--avatar-bg:rgba(0,217,95,.18);--avatar-text:var(--green-200);--focus-ring:0 0 0 3px rgba(34,227,110,.45);--shadow-sm:0 1px 3px rgba(0,0,0,.5);--shadow-md:0 4px 16px rgba(0,0,0,.55);--shadow-lg:0 12px 32px rgba(0,0,0,.65);--shadow-brand:0 8px 24px rgba(0,217,95,.22);--success:var(--green-400);--warning:var(--yellow-300);--error:var(--coral-500);--info:var(--sky-500);color-scheme:dark}}:root{--font-display:"Poppins",-apple-system,"Segoe UI",sans-serif;--font-body:"Poppins",-apple-system,"Segoe UI",sans-serif;--font-mono:"SFMono-Regular",Consolas,monospace;--text-display-xl:700 32px/1.1 var(--font-display);--text-display-lg:700 26px/1.15 var(--font-display);--text-display-md:700 22px/1.2 var(--font-display);--text-display-sm:600 18px/1.25 var(--font-display);--text-title:700 16px/1.3 var(--font-display);--text-body-lg:500 15px/1.4 var(--font-body);--text-body:400 14px/1.45 var(--font-body);--text-body-sm:400 12px/1.4 var(--font-body);--text-caption:500 11px/1.3 var(--font-body);--text-label:700 11px/1.2 var(--font-body);--font-numeric-tnum:"tnum" 1, "lnum" 1;--tracking-tight:-.01em;--tracking-caps:.06em}:root{--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--touch-target-min:48px;--radius-xs:5px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--shadow-sm:0 1px 3px rgba(15,19,12,.08);--shadow-md:0 4px 16px rgba(15,19,12,.1);--shadow-lg:0 12px 32px rgba(15,19,12,.14);--shadow-brand:0 8px 20px rgba(0,217,95,.28);--shadow-btn-inner:inset 0 1.5px 0 rgba(255,255,255,.35)}:root{--duration-fast:.15s;--duration-base:.22s;--duration-slow:.32s;--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.22,.61,.36,1);--press-scale:.96}@keyframes myeats-spin{to{transform:rotate(360deg)}}@keyframes myeats-pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes myeats-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes myeats-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{box-sizing:border-box;font-family:var(--font-body, "Poppins", sans-serif);-webkit-tap-highlight-color:transparent!important}html,body{margin:0!important;padding:0!important}html,body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,p,span,div,a{font-family:var(--font-body, "Poppins", sans-serif)!important;-webkit-tap-highlight-color:transparent!important}button,a,input,select,textarea,[role=button],[tabindex]{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;outline:none}button:focus,button:focus-visible,[role=button]:focus,[role=button]:focus-visible{outline:none!important;box-shadow:none}button,[role=button]{transition:transform var(--duration-fast, .15s) var(--ease-bounce, cubic-bezier(.16, 1, .3, 1)),background var(--duration-fast, .15s) ease,box-shadow var(--duration-fast, .15s) ease}button:active:not(:disabled),[role=button]:active:not([aria-disabled=true]),.code-toggle-btn:active,.code-copy-btn:active,.view-btn:active,.hamburger-btn:active,.drawer-close-btn:active{transform:scale(.96)!important}input::placeholder,.myeats-input-field::placeholder{color:var(--text-tertiary);opacity:.85}[data-theme=dark] input::placeholder,[data-theme=dark] .myeats-input-field::placeholder{color:var(--ink-300);opacity:.95}.header{position:fixed;top:16px;left:20px;right:20px;max-width:1468px;margin:0 auto;height:auto;z-index:1000;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;padding:0;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:none;pointer-events:none}.brand-group{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:8px 20px 8px 10px;border-radius:var(--radius-pill);background:var(--surface-glass, rgba(255, 255, 255, .78));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);transition:all .2s ease}[data-theme=dark] .brand-group{background:var(--surface-glass, rgba(27, 33, 23, .78));border-color:#ffffff1f;box-shadow:0 12px 32px #0000008c}.brand-logo{height:32px;width:auto;object-fit:contain}.brand-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.brand-subtitle{font-size:12px;color:var(--text-secondary);margin:0}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-primary);cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);padding:0;outline:none;box-shadow:var(--shadow-sm);flex-shrink:0}.hamburger-btn:active{transform:scale(.92);background:var(--brand-primary-tint);border-color:var(--brand-primary);color:var(--text-brand)}.hamburger-btn i.ph,.hamburger-btn .ph{font-size:24px}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f130c8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1100;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.16,1,.3,1)}.nav-overlay.active{opacity:1;pointer-events:auto}.mobile-nav-drawer{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85vw;background:var(--surface-card);z-index:1200;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:6px 0 28px #0000002e;overflow:hidden}.mobile-nav-drawer.active{transform:translate(0)}.drawer-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:var(--surface-sunken)}.drawer-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px}.drawer-close-btn{width:36px;height:36px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.drawer-close-btn:active{transform:scale(.92);background:var(--border-subtle);color:var(--text-primary)}.drawer-body{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.drawer-section-heading{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-tertiary);margin:18px 8px 8px}.drawer-section-heading:first-child{margin-top:4px}.drawer-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.drawer-nav-item a{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-pill);color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:600;transition:all .15s ease;background:transparent}.drawer-nav-item a:hover,.drawer-nav-item a.active{background:var(--brand-primary-tint);color:var(--text-brand)}.drawer-nav-item .nav-link-left{display:flex;align-items:center;gap:10px}.drawer-nav-item .nav-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-pill);background:var(--border-subtle);color:var(--text-secondary);font-family:var(--font-mono)}.drawer-footer{padding:14px 16px;border-top:1px solid var(--border-subtle);background:var(--surface-sunken);font-size:11px;color:var(--text-tertiary);text-align:center}.view-switcher{pointer-events:auto;display:flex;align-items:center;gap:4px;padding:6px;border-radius:var(--radius-pill);background:var(--surface-glass, rgba(255, 255, 255, .78));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);transition:all .2s ease}[data-theme=dark] .view-switcher{background:var(--surface-glass, rgba(27, 33, 23, .78));border-color:#ffffff1f;box-shadow:0 12px 32px #0000008c}.bottom-sheet-glass{background:#ffffffe0!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid var(--border-subtle)!important;border-bottom:none!important;box-shadow:0 20px 50px #00000059!important}[data-theme=dark] .bottom-sheet-glass{background:#1b2117e0!important;border-color:#ffffff26!important;box-shadow:0 24px 60px #000000b3!important}.view-btn{border:none;background:transparent;width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.view-btn i.ph,.view-btn .ph{font-size:22px}.view-btn:hover{color:var(--text-primary);background:#0000000d}[data-theme=dark] .view-btn:hover{background:#ffffff14}.view-btn.active{background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.app-container{display:flex;max-width:1500px;margin:0 auto;padding-top:92px}.sidebar{width:240px;padding:16px 12px;border-right:1px solid var(--border-subtle);position:sticky;top:92px;height:calc(100vh - 92px);overflow-y:auto;flex-shrink:0;background:var(--surface-card)}.sidebar-heading{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-tertiary);margin:14px 10px 6px}.sidebar-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.sidebar-item a,.sidebar-btn-link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:600;transition:all .15s ease;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.sidebar-item a:hover,.sidebar-item a.active,.sidebar-btn-link:hover{background:var(--brand-primary-tint);color:var(--text-brand)}@media (max-width: 768px){.header{top:10px;left:10px;right:10px}.brand-group{padding:6px 14px 6px 8px;gap:10px}.hamburger-btn{width:38px;height:38px}.hamburger-btn i.ph,.hamburger-btn .ph{font-size:20px}.view-btn{width:38px;height:38px}.view-btn i.ph,.view-btn .ph{font-size:20px}.app-container{padding-top:78px}.sidebar,.brand-subtitle{display:none}.brand-title{font-size:16px}}.main-content{flex:1;padding:24px 28px;min-width:0}@media (max-width: 768px){.main-content{padding:16px 12px 100px}}.mobile-bottom-dock{display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:1050;justify-content:center;align-items:center;width:calc(100% - 32px);max-width:480px;pointer-events:none}.mobile-bottom-dock>*{pointer-events:auto}.pages-viewport-container{max-width:460px;margin:20px auto 40px;background:var(--surface-page);border-radius:36px;border:4px solid var(--border-subtle);box-shadow:0 16px 48px #0000002e;overflow:hidden;position:relative;min-height:calc(100vh - 80px)}@media (max-width: 600px){.pages-viewport-container{max-width:100%;margin:0;border-radius:0;border:none;box-shadow:none;min-height:100vh}}.myeats-toast{bottom:86px!important}.section-title{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;scroll-margin-top:75px}.section-desc{font-size:14px;color:var(--text-secondary);margin:0 0 20px;line-height:1.45}.component-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:28px;overflow:hidden}.component-header{padding:14px 18px;border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background:var(--surface-sunken);gap:8px}.component-name{font-family:var(--font-display);font-size:16px;font-weight:700;margin:0;color:var(--text-primary)}.component-tag{font-size:11px;font-weight:600;background:var(--border-subtle);color:var(--text-secondary);padding:3px 8px;border-radius:var(--radius-pill);font-family:var(--font-mono)}.preview-split{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 900px){.preview-split{grid-template-columns:1fr}}.show-light-only .preview-panel.dark-panel{display:none!important}.show-light-only .preview-split{grid-template-columns:1fr!important}.show-dark-only .preview-panel.light-panel{display:none!important}.show-dark-only .preview-split{grid-template-columns:1fr!important}.preview-panel{padding:20px;display:flex;flex-direction:column;gap:16px;position:relative;min-width:0}.preview-panel.light-panel{background-color:#fff;color:#0f130c}.preview-panel.dark-panel{background-color:#0f130c;color:#f7f8f6;border-left:1px solid rgba(255,255,255,.08)}@media (max-width: 900px){.preview-panel.dark-panel{border-left:none;border-top:1px solid rgba(255,255,255,.1)}}.panel-badge{align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:2px 8px;border-radius:4px;margin-bottom:4px}.light-panel .panel-badge{background:#edefea;color:#454e3f}.dark-panel .panel-badge{background:#2e362a;color:#96fbb9}.code-box{background:var(--ink-900);color:#e2e8f0;font-family:var(--font-mono);font-size:12px;padding:12px 16px;border-top:1px solid var(--border-subtle);overflow-x:auto;margin:0;line-height:1.45;-webkit-overflow-scrolling:touch}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.swatch{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-sm)}.swatch-color{height:48px;width:100%}.swatch-info{padding:6px 8px}.swatch-name{font-weight:700;font-size:11px;color:var(--text-primary)}.swatch-hex{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);margin-top:2px}.row-wrap{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.col-wrap{display:flex;flex-direction:column;gap:12px;width:100%}.lock-screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0f130ce0;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);display:flex;align-items:center;justify-content:center;padding:20px;animation:lockFadeIn .3s ease-out forwards}@keyframes lockFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.lock-screen-card{width:100%;max-width:420px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl, 28px);padding:36px 28px;box-shadow:0 24px 60px #00000073;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;transition:transform .2s ease}[data-theme=dark] .lock-screen-card{background:#181e15f2;border-color:#ffffff1f}.lock-icon-badge{width:64px;height:64px;border-radius:var(--radius-pill);background:var(--brand-primary-tint);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 8px 24px #00d95f40}.lock-title{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--text-primary);margin:0 0 6px}.lock-subtitle{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.4}.lock-input-wrap{width:100%;margin-top:4px}.lock-pin-input{width:100%;height:52px;border-radius:var(--radius-pill);border:2px solid var(--border-subtle);background:var(--surface-sunken);color:var(--text-primary);font-family:var(--font-mono, monospace);font-size:22px;font-weight:700;letter-spacing:10px;text-align:center;outline:none;transition:all .2s ease}.lock-pin-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-primary-tint)}.lock-error-msg{color:var(--color-coral, #FF5C6C);font-size:13px;font-weight:600;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:6px}.lock-submit-btn{width:100%;height:48px;margin-top:16px;border-radius:var(--radius-pill);background:var(--brand-primary);color:#000;font-weight:700;font-size:15px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;box-shadow:0 4px 16px #00d95f4d}.lock-submit-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.lock-submit-btn:active{transform:scale(.97)}.lock-hint-badge{font-size:12px;color:var(--text-tertiary);background:var(--surface-sunken);padding:8px 14px;border-radius:var(--radius-pill);display:flex;align-items:center;gap:6px;border:1px solid var(--border-subtle);line-height:1.3}.lock-shake{animation:lockShake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes lockShake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}.code-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.code-toggle-btn:hover,.code-toggle-btn.active{background:var(--brand-primary-tint);color:var(--text-brand);border-color:var(--brand-primary)}.code-toggle-btn i.ph{font-size:15px}.component-code-panel{background:#0f130c;color:#e6edf3;border-top:1px solid var(--border-subtle);padding:16px 20px;font-family:monospace;font-size:13px;overflow-x:auto;display:flex;flex-direction:column;gap:12px}.code-header-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.code-title{font-size:12px;font-weight:700;color:var(--green-400);display:flex;align-items:center;gap:6px;font-family:var(--font-body)}.code-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:var(--font-body)}.code-copy-btn:hover{background:var(--brand-primary);color:#0f130c}.code-specs-row{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;font-family:var(--font-body)}.code-spec-chip{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-pill);padding:2px 10px;color:#a0aec0}.code-spec-chip span{color:#63b3ed;font-weight:600}.code-snippet-pre{margin:0;padding:0;white-space:pre-wrap;word-break:break-word;line-height:1.5;color:#68d391}.code-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f130cbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s ease}.code-modal-overlay.active{opacity:1;pointer-events:auto}.code-modal-window{width:100%;max-width:960px;height:85vh;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.code-modal-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);background:var(--surface-sunken);display:flex;align-items:center;justify-content:space-between;gap:16px}.code-modal-tabs{display:flex;align-items:center;gap:6px;background:var(--surface-card);padding:4px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle)}.code-modal-tab-btn{border:none;background:transparent;padding:6px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.code-modal-tab-btn.active{background:var(--brand-primary);color:var(--text-on-brand)}.code-modal-body{flex:1;padding:20px;background:#0f130c;color:#68d391;font-family:monospace;font-size:13px;overflow-y:auto;line-height:1.5}.code-modal-body pre{margin:0;white-space:pre-wrap;word-break:break-word}.mobile-screen-wrap{display:flex;flex-direction:column;width:100%;height:100%;min-height:100%;background:var(--surface-page);overflow:hidden;position:relative}.mobile-status-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 4px;flex-shrink:0}.status-time{font-size:13px;font-weight:600;color:var(--text-primary)}.status-icons{display:flex;align-items:center;gap:4px;color:var(--text-primary)}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 8px;gap:8px;flex-shrink:0}.mobile-header-title{font-size:17px;font-weight:700;color:var(--text-primary);flex:1;text-align:center}.mobile-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.location-gps-banner{display:flex;gap:12px;align-items:flex-start;background:#2fb6e01f;border:1px solid rgba(47,182,224,.25);border-radius:var(--radius-lg);padding:14px;margin-bottom:16px}.location-banner-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#2fb6e026;display:flex;align-items:center;justify-content:center}.location-banner-body{display:flex;flex-direction:column;gap:4px}.location-banner-title{font-size:14px;font-weight:700;color:var(--text-primary)}.location-banner-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.location-selected-card{background:var(--surface-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:12px 14px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.location-selected-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.location-selected-value{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary)}.location-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text-tertiary);font-size:12px;font-weight:500}.location-divider:before,.location-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.location-results-list{background:var(--surface-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-top:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.location-result-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:none;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--duration-fast) ease}.location-result-item:last-child{border-bottom:none}.location-result-item:active{background:var(--surface-sunken)}.location-result-left{display:flex;align-items:center;gap:12px}.location-result-name{font-size:15px;font-weight:600;color:var(--text-primary)}.location-result-state{font-size:12px;color:var(--text-tertiary);margin-top:1px}.location-section-label{font-size:12px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:20px 0 10px}.location-quick-cities{display:flex;flex-wrap:wrap;gap:8px}.location-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;color:var(--text-tertiary)}.location-empty-title{font-size:16px;font-weight:600;color:var(--text-secondary)}.location-empty-desc{font-size:13px;color:var(--text-tertiary)}.cafe-header-logo{display:flex;align-items:center;gap:8px}.cafe-logo-box{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--ink-900);display:flex;align-items:center;justify-content:center}.cafe-header-name{font-size:15px;font-weight:700;color:var(--text-primary)}.cafe-hero-gallery{display:flex;gap:4px;height:200px;padding:0;flex-shrink:0}.cafe-hero-main{flex:3;background:linear-gradient(135deg,var(--ink-800) 0%,var(--ink-600) 100%);position:relative;border-radius:0}.cafe-hero-thumb{flex:1;background:linear-gradient(135deg,var(--green-900) 0%,var(--ink-700) 100%)}.cafe-hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,19,12,.6) 0%,transparent 50%)}.cafe-hero-overlay{position:absolute;bottom:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between}.cafe-hero-rating{display:flex;align-items:center;gap:4px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-pill);padding:4px 10px;color:#fff;font-size:13px;font-weight:700}.cafe-hero-reviews{font-size:11px;font-weight:400;opacity:.7;margin-left:2px}.cafe-tabs-bar{background:var(--surface-card);border-bottom:1px solid var(--border-subtle);flex-shrink:0;position:sticky;top:0;z-index:10}.cafe-tab-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:96px}.cafe-about-content,.cafe-eatshots-content,.cafe-reviews-content{padding:16px;display:flex;flex-direction:column;gap:16px}.cafe-social-banner{background:linear-gradient(135deg,var(--sky-500) 0%,#1a8fb0 100%);border-radius:var(--radius-lg);padding:16px;color:#fff;display:flex;flex-direction:column;gap:10px}.cafe-social-banner-text{font-size:14px;line-height:1.4}.cafe-social-bold{font-weight:700}.cafe-social-avatars{display:flex;align-items:center}.cafe-info-section{background:var(--surface-card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px}.cafe-info-top-row{display:flex;align-items:center;justify-content:space-between}.veg-dot{width:12px;height:12px;border-radius:2px;border:1px solid currentColor}.cafe-info-title{margin:0;font-size:17px;font-weight:700;color:var(--text-primary);line-height:1.3}.cafe-info-tagline{margin:0;font-size:13px;color:var(--text-secondary)}.cafe-info-status{display:flex;align-items:center;gap:8px}.cafe-info-closes{font-size:13px;color:var(--text-secondary)}.cafe-info-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.cafe-actions-row{display:flex;gap:8px;align-items:center}.cafe-section-card{background:var(--surface-card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.cafe-section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text-primary)}.cafe-hours-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-subtle)}.cafe-hours-row:last-child{border-bottom:none}.cafe-hours-day{font-size:14px;font-weight:500;color:var(--text-primary)}.cafe-hours-time{font-size:13px;color:var(--text-secondary);text-align:right}.cafe-owner-row{display:flex;align-items:center;gap:12px}.cafe-owner-name{font-size:15px;font-weight:700;color:var(--text-primary)}.cafe-owner-role{font-size:12px;color:var(--text-tertiary)}.cafe-owner-bio{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.cafe-eatshots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.cafe-eatshot-tile{aspect-ratio:9/14;background:linear-gradient(135deg,var(--ink-700) 0%,var(--ink-500) 100%);border-radius:var(--radius-sm);position:relative;overflow:hidden;cursor:pointer}.cafe-eatshot-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.cafe-eatshot-meta{position:absolute;bottom:6px;right:6px;display:flex;align-items:center;gap:3px;font-size:11px;color:#ffffffd9;font-weight:600}.cafe-eatshot-creator{position:absolute;bottom:6px;left:6px}.cafe-rating-hero{display:flex;align-items:center;gap:16px;background:var(--surface-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.cafe-rating-score{font-size:52px;font-weight:800;color:var(--yellow-400);line-height:1}.cafe-rating-count{font-size:12px;color:var(--text-tertiary);margin-top:4px}.cafe-review-card{background:var(--surface-card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.cafe-review-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cafe-reviewer-name{font-size:14px;font-weight:700;color:var(--text-primary)}.cafe-review-date{font-size:11px;color:var(--text-tertiary);flex-shrink:0}.cafe-review-text{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.cafe-sticky-footer{position:sticky;bottom:0;background:var(--surface-card);border-top:1px solid var(--border-subtle);padding:12px 16px;z-index:20;flex-shrink:0}.eatshot-step-indicator{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px}.eatshot-step-dot{width:6px;height:6px;border-radius:50%;background:var(--border-default);transition:background var(--duration-fast) ease,transform var(--duration-fast) ease}.eatshot-step-dot.active{background:var(--brand-primary);transform:scale(1.3)}.eatshot-step-line{width:20px;height:2px;background:var(--border-subtle);border-radius:1px}.eatshot-hero-prompt{text-align:center;padding:8px 0 16px}.eatshot-prompt-title{margin:0 0 6px;font-size:20px;font-weight:700;color:var(--text-primary)}.eatshot-prompt-desc{margin:0;font-size:13px;color:var(--text-secondary)}.eatshot-media-picker{width:100%;aspect-ratio:4/3;border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--surface-sunken);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease;margin-bottom:16px;position:relative;overflow:hidden}.eatshot-media-picker:active{transform:scale(.98)}.eatshot-media-picker.has-media{border:none;background:linear-gradient(135deg,var(--ink-800) 0%,var(--ink-600) 100%)}.eatshot-media-preview{position:absolute;top:0;right:0;bottom:0;left:0}.eatshot-media-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,19,12,.7) 0%,transparent 50%)}.eatshot-media-overlay{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between}.eatshot-picker-icon{color:var(--text-tertiary)}.eatshot-picker-label{font-size:14px;font-weight:600;color:var(--text-secondary)}.eatshot-picker-hint{font-size:11px;color:var(--text-tertiary)}.eatshot-upsell-banner{display:flex;align-items:flex-start;gap:10px;background:#ff5c6c14;border:1px solid rgba(255,92,108,.2);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:16px;font-size:13px;color:var(--text-primary);font-weight:500;line-height:1.4}.eatshot-section{background:var(--surface-card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.eatshot-section-header{display:flex;align-items:center;gap:8px}.eatshot-section-title{font-size:15px;font-weight:700;color:var(--text-primary);flex:1}.eatshot-tagged-chips{display:flex;flex-wrap:wrap;gap:8px}.eatshot-user-chip{display:flex;align-items:center;gap:6px;background:var(--brand-primary-tint);border-radius:var(--radius-pill);padding:4px 8px 4px 4px;font-size:12px;font-weight:600;color:var(--text-brand)}.eatshot-chip-remove{background:none;border:none;cursor:pointer;color:var(--text-brand);display:flex;align-items:center;padding:0;opacity:.7}.eatshot-suggestion-list{display:flex;flex-direction:column;gap:4px}.eatshot-suggestion-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);background:none;border:1px solid transparent;cursor:pointer;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease;text-align:left}.eatshot-suggestion-item:active{background:var(--surface-sunken)}.eatshot-suggestion-item.selected{background:var(--brand-primary-tint);border-color:#00d95f4d}.eatshot-suggestion-info{flex:1;min-width:0}.eatshot-suggestion-name{font-size:14px;font-weight:600;color:var(--text-primary);display:block}.eatshot-suggestion-handle{font-size:12px;color:var(--text-tertiary);display:block}.eatshot-cafe-avatar{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}.eatshot-preview-card{background:var(--surface-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:12px}.eatshot-preview-thumb{height:200px;background:linear-gradient(135deg,var(--ink-800) 0%,var(--ink-500) 100%);display:flex;align-items:center;justify-content:center;position:relative}.eatshot-preview-cafe-tag{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#fff;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-pill);padding:4px 10px}.eatshot-preview-info{padding:12px}.eatshot-preview-user{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);font-weight:500}.eatshot-food-tags-grid{display:flex;flex-wrap:wrap;gap:8px}.eatshot-schedule-row{background:var(--surface-card);border-radius:var(--radius-lg);padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow-sm);margin-bottom:12px}.eatshot-schedule-info{flex:1}.eatshot-schedule-title{font-size:14px;font-weight:700;color:var(--text-primary);display:block}.eatshot-schedule-desc{font-size:12px;color:var(--text-tertiary);display:block;margin-top:2px}.eatshot-sticky-footer{position:sticky;bottom:0;background:var(--surface-card);border-top:1px solid var(--border-subtle);padding:12px 16px;z-index:20;flex-shrink:0}.eatshot-success-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:16px;text-align:center}.eatshot-success-icon{animation:eatshot-pop .5s var(--ease-bounce, cubic-bezier(.34, 1.56, .64, 1)) forwards}@keyframes eatshot-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.eatshot-success-title{margin:0;font-size:24px;font-weight:800;color:var(--text-primary)}.eatshot-success-desc{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}