:root{color:#1e1f1d;background:#fffdf7;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color:#f5c84b;background:#000;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#fffdf7f2,#f7faf6f2),radial-gradient(circle at 20% 10%,rgba(255,204,112,.24),transparent 28%),radial-gradient(circle at 85% 0%,rgba(52,168,118,.18),transparent 24%)}:root[data-theme=dark] body{background:#000}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}button,.ghost-button,.food-chip,.draw-button,.brand{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease}button:not(:disabled):active,.ghost-button:active,.food-chip:active,.draw-button:active,.brand:active{transform:translateY(1px) scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(224,68,47,.35);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}.app-shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;background:#fffdf7e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:#1e1f1d;background:transparent;text-align:left}.brand span{display:grid;gap:2px;min-width:0}.brand strong{font-size:clamp(1rem,2.5vw,1.35rem);line-height:1.15}.brand small{color:#666a61;font-size:.78rem;line-height:1.2;overflow-wrap:anywhere}.topbar nav{display:flex;gap:8px}.topbar nav button,.footer button,.bulk-actions button,.file-button,.form-actions button,.table-header button,.small-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #d9ded2;border-radius:8px;padding:0 14px;color:#263027;background:#fff;font-weight:700;line-height:1.2}.topbar nav button.active{color:#fff;background:#263027;border-color:#263027}.topbar nav button:not(.active):hover,.footer button:hover,.bulk-actions button:not(:disabled):hover,.small-button:hover,.ghost-button:hover{transform:translateY(-1px);border-color:#aeb8a9;box-shadow:0 8px 18px #26302714}main{padding:22px 0 36px}.page-stack{display:grid;gap:18px}.tool-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:24px;padding:34px;border:1px solid #dfe4d8;border-radius:8px;background:#ffffffb8}.hero-copy h1,.static-page h1{margin:4px 0 12px;font-size:clamp(2.1rem,6vw,4.4rem);line-height:1.02;letter-spacing:0}.hero-copy p,.static-page p{color:#5d625a;line-height:1.7}.content-proof{margin:32px 0}.content-proof img{display:block;width:100%;height:auto;border:1px solid #d9d4c8;border-radius:8px}.content-proof figcaption{margin-top:8px;color:#645f55;font-size:.9rem}.section-kicker{margin:0;color:#c0472d;font-size:.82rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.primary-actions{display:grid;gap:10px}.hero-note{margin:0;color:#5d625a;line-height:1.6;font-size:.95rem;font-weight:700}.draw-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:82px;border-radius:8px;padding:16px 18px;color:#fff;background:#e0442f;box-shadow:0 16px 34px #e0442f38;font-size:clamp(1.08rem,3.6vw,1.35rem);font-weight:900;line-height:1.2;text-align:center}.draw-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 20px 38px #e0442f47}.draw-button:not(:disabled):active{animation:button-pop .22s ease-out}.draw-button.secondary{color:#17251b;background:#f5c84b;box-shadow:0 16px 34px #97771d29}.result-panel{display:grid;gap:12px;justify-items:start;padding:28px;border-radius:8px;color:#fff;background:#263027}.category-result{color:#1f231f;background:var(--category-bg, #edf2e9);border:1px solid var(--category-border, #d4dccf)}.category-result span{color:#3f473f}.category-result .tag-row em{color:#1f231f;background:#ffffffb8}.final-result{position:relative;overflow:hidden;animation:result-slam .56s cubic-bezier(.2,1.45,.32,1)}.final-result:before{content:"";position:absolute;inset:-40%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.72) 50%,transparent 65%),radial-gradient(circle,rgba(255,255,255,.42),transparent 48%);transform:translate(-70%) rotate(12deg);animation:result-shine .72s ease-out .08s both;pointer-events:none}.final-result>*{position:relative;z-index:1}.final-result strong{animation:result-title-pop .68s cubic-bezier(.16,1.6,.35,1) both}.final-result .tag-row em{animation:result-chip-pop .38s ease-out both}.final-result .tag-row em:nth-child(2){animation-delay:.06s}.final-result .tag-row em:nth-child(3){animation-delay:.1s}.final-result .tag-row em:nth-child(4){animation-delay:.14s}.result-panel span{color:#dce7d7;font-weight:800}.result-panel.category-result span{color:#3f473f}.result-panel strong{font-size:clamp(2.2rem,9vw,5.8rem);line-height:1;overflow-wrap:anywhere}.rolling-result{position:relative;overflow:hidden;background:linear-gradient(120deg,#e0442ff0,#263027f5),#263027}.rolling-result:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 18px,rgba(255,255,255,.08) 18px,rgba(255,255,255,.08) 24px);animation:roll-stripes .45s linear infinite;pointer-events:none}.rolling-result>*{position:relative;z-index:1}.rolling-result strong{animation:roll-pop .14s ease-out infinite alternate}.rolling-bar{width:min(360px,100%);height:9px;overflow:hidden;border-radius:999px;background:#ffffff3d}.rolling-bar i{display:block;width:42%;height:100%;border-radius:inherit;background:#f5c84b;animation:roll-bar .55s ease-in-out infinite}.empty-result{color:#263027;background:#edf2e9}.error-result{color:#5b1f13;background:#ffe6e1;border:1px solid #ecaa9d}.error-result span{color:#9f3b29}.error-result strong{max-width:760px;font-size:clamp(1.5rem,5vw,3rem);line-height:1.16}.empty-result span{color:#687166}.empty-result strong{max-width:760px;font-size:clamp(1.35rem,4vw,2.4rem);line-height:1.16}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row em{border-radius:999px;padding:7px 10px;color:#263027;background:#fff;font-style:normal;font-weight:800;line-height:1}.ad-slot{display:grid;place-items:center;min-height:104px;border:1px dashed #aeb8a9;border-radius:8px;padding:18px;color:#697265;background:#ffffff94;text-align:center}.ad-slot span{font-weight:900}.ad-slot small{margin-top:4px}.ad-slot-live{display:block;min-height:120px;padding:0;border-style:solid;background:transparent}.picker-surface,.editor-panel,.table-wrap,.static-page{border:1px solid #dfe4d8;border-radius:8px;padding:24px;background:#ffffffd1}.surface-header,.table-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.surface-header h2,.editor-panel h2,.table-wrap h2{margin:4px 0 0;font-size:clamp(1.35rem,4vw,2rem);line-height:1.2}.selection-count{flex:0 0 auto;border-radius:999px;padding:9px 13px;color:#fff;background:#263027;font-weight:900}.selection-count-mobile{display:none}.filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px);gap:10px;margin-top:18px}.search-field{display:flex;align-items:center;gap:10px}.search-field,.filters select,.editor-panel input,.editor-panel select{min-height:48px;border:1px solid #cfd8ca;border-radius:8px;padding:0 12px;background:#fff}.search-field input{width:100%;min-width:0;border:0;outline:0}.bulk-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.bulk-actions .active-filter-button{color:#fff;background:#263027;border-color:#263027}.category-sections{display:grid;gap:12px}.food-category-section{display:grid;gap:10px}.category-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;border:1px solid #d9ded2;border-radius:8px;padding:0 14px;color:#263027;background:#ffffffc7;font-weight:900}.category-toggle span{display:inline-flex;align-items:center;gap:8px}.category-toggle em{color:#687166;font-style:normal;font-size:.9rem}.category-toggle:hover{transform:translateY(-1px);border-color:#aeb8a9;box-shadow:0 8px 18px #26302714}.food-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.food-chip{position:relative;display:grid;gap:8px;min-height:82px;border:1px solid var(--category-border, #d4dccf);border-radius:8px;padding:14px;color:#263027;background:var(--category-bg, #ffffff);text-align:left}.food-chip strong,.row-main strong{font-size:1.05rem;line-height:1.25;overflow-wrap:anywhere}.food-chip span,.row-main span{color:#687166;font-size:.9rem;line-height:1.35}.food-chip.selected{border-color:#263027;border-width:2px;padding:13px;background:var(--category-bg, #ffffff);color:#263027;box-shadow:inset 0 0 0 2px #ffffffa6}.food-chip.selected span{color:#687166}.food-chip:hover{transform:translateY(-1px);box-shadow:0 10px 20px #26302714}.food-chip.selected{animation:selected-pop .2s ease-out}.food-check{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;color:#fff!important;background:#263027}.category-korean{--category-bg: #fff1dc;--category-border: #f1c88d}.category-chinese{--category-bg: #ffe6e1;--category-border: #ecaa9d}.category-japanese{--category-bg: #e9f3ff;--category-border: #adccea}.category-western{--category-bg: #f0e9ff;--category-border: #c7b7ea}.category-snack{--category-bg: #fff5bd;--category-border: #e8d66b}.category-fastfood{--category-bg: #ffe9c7;--category-border: #e8ba72}.category-cafe{--category-bg: #e3f6e9;--category-border: #a7d8b7}.category-etc{--category-bg: #eef0f3;--category-border: #c7ccd2}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.editor-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:16px;align-items:start}.editor-panel{display:grid;gap:14px}.editor-panel label{display:grid;gap:7px;color:#384138;font-weight:800}.toggle-row{display:flex!important;grid-template-columns:none;align-items:center}.toggle-row input{width:18px;height:18px}.form-actions{display:flex;flex-wrap:wrap;gap:8px}.save-button{color:#fff!important;background:#263027!important}.empty-copy{margin:0;color:#c0472d;font-weight:800}.food-table{display:grid;gap:8px;margin-top:14px}.food-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:stretch}.row-main{display:grid;gap:4px;border:1px solid #dfe4d8;border-radius:8px;padding:12px;color:#263027;background:#fff;text-align:left}.status,.danger-icon{min-width:74px;border-radius:8px;padding:0 12px;color:#5d625a;background:#edf2e9;font-weight:900}.status.on{color:#fff;background:#2d7d57}.danger-icon{display:grid;place-items:center;min-width:48px;color:#fff;background:#c0472d}.static-page{max-width:760px;margin:0 auto}.home-content h2{margin:4px 0 12px;color:#263027;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.15}.content-section h3{margin:0 0 10px;color:#263027;font-size:clamp(1.18rem,3vw,1.45rem);line-height:1.25}.blog-hero{grid-template-columns:1fr}.blog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.blog-card{display:grid;gap:12px;align-content:start;min-height:300px;border:1px solid #dfe4d8;border-radius:8px;padding:22px;background:#ffffffd1}.blog-card h2{margin:0;color:#263027;font-size:clamp(1.2rem,3vw,1.55rem);line-height:1.24}.blog-card p{margin:0;color:#5d625a;line-height:1.65}.blog-meta{display:flex;flex-wrap:wrap;gap:8px;color:#687166;font-size:.88rem;font-weight:800}.blog-meta span:before{content:"/";margin-right:8px;color:#aeb8a9}.blog-tags em{background:#edf2e9}.blog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.blog-post-meta{margin:16px 0 10px}.content-section{margin-top:28px}.content-section h2{margin:0 0 10px;color:#263027;font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.25}.content-list{display:grid;gap:8px;margin:0;padding-left:20px;color:#5d625a;line-height:1.7}.contact-list{display:grid;gap:12px}.contact-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.contact-list div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px}.contact-list dt{font-weight:900}.contact-list dd{margin:0;overflow-wrap:anywhere}.footer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:20px 0 34px}.footer button{background:transparent}:root[data-theme=dark] .topbar{background:#000000e6}:root[data-theme=dark] .brand,:root[data-theme=dark] .hero-copy h1,:root[data-theme=dark] .static-page h1,:root[data-theme=dark] .home-content h2,:root[data-theme=dark] .surface-header h2,:root[data-theme=dark] .editor-panel h2,:root[data-theme=dark] .table-wrap h2,:root[data-theme=dark] .blog-card h2,:root[data-theme=dark] .content-section h2,:root[data-theme=dark] .content-section h3,:root[data-theme=dark] .contact-list dt,:root[data-theme=dark] .food-chip,:root[data-theme=dark] .row-main{color:#f5c84b}:root[data-theme=dark] .brand small,:root[data-theme=dark] .hero-copy p,:root[data-theme=dark] .hero-note,:root[data-theme=dark] .static-page p,:root[data-theme=dark] .blog-card p,:root[data-theme=dark] .blog-meta,:root[data-theme=dark] .content-list,:root[data-theme=dark] .contact-list dd,:root[data-theme=dark] .food-chip span,:root[data-theme=dark] .row-main span,:root[data-theme=dark] .category-toggle em,:root[data-theme=dark] .ad-slot,:root[data-theme=dark] .empty-result span{color:#e6c85c}:root[data-theme=dark] .section-kicker,:root[data-theme=dark] .empty-copy,:root[data-theme=dark] .error-result span{color:#ff9f1c}:root[data-theme=dark] .topbar nav button,:root[data-theme=dark] .footer button,:root[data-theme=dark] .bulk-actions button,:root[data-theme=dark] .file-button,:root[data-theme=dark] .form-actions button,:root[data-theme=dark] .table-header button,:root[data-theme=dark] .small-button,:root[data-theme=dark] .ghost-button,:root[data-theme=dark] .category-toggle{color:#f5c84b;background:#050505;border-color:#6f5b20}:root[data-theme=dark] .topbar nav button.active,:root[data-theme=dark] .bulk-actions .active-filter-button,:root[data-theme=dark] .selection-count,:root[data-theme=dark] .selection-count-mobile,:root[data-theme=dark] .save-button,:root[data-theme=dark] .food-check{color:#f5c84b!important;background:#000!important;border-color:#f5c84b}:root[data-theme=dark] .draw-button{color:#fff;background:#e0442f;box-shadow:0 16px 34px #e0442f57}:root[data-theme=dark] .tool-hero,:root[data-theme=dark] .picker-surface,:root[data-theme=dark] .editor-panel,:root[data-theme=dark] .table-wrap,:root[data-theme=dark] .static-page,:root[data-theme=dark] .blog-card,:root[data-theme=dark] .ad-slot,:root[data-theme=dark] .row-main{background:#050505;border-color:#6f5b20}:root[data-theme=dark] .search-field,:root[data-theme=dark] .filters select,:root[data-theme=dark] .editor-panel input,:root[data-theme=dark] .editor-panel select{color:#f5c84b;background:#000;border-color:#6f5b20}:root[data-theme=dark] .search-field input{color:#f5c84b;background:transparent}:root[data-theme=dark] .search-field input::placeholder{color:#9f8734}:root[data-theme=dark] .result-panel,:root[data-theme=dark] .empty-result,:root[data-theme=dark] .category-result,:root[data-theme=dark] .error-result,:root[data-theme=dark] .food-chip,:root[data-theme=dark] .food-chip.selected{--category-bg: #050505;--category-border: #6f5b20;color:#f5c84b;background:#050505;border-color:#6f5b20}:root[data-theme=dark] .result-panel span,:root[data-theme=dark] .result-panel.category-result span,:root[data-theme=dark] .category-result span,:root[data-theme=dark] .food-chip.selected span{color:#e6c85c}:root[data-theme=dark] .tag-row em,:root[data-theme=dark] .category-result .tag-row em,:root[data-theme=dark] .blog-tags em{color:#000;background:#f5c84b}:root[data-theme=dark] .rolling-result{background:linear-gradient(120deg,#e0442ff0,#000000f5),#000}@media(max-width:760px){.app-shell{width:min(100% - 20px,1120px)}.topbar{align-items:flex-start;gap:10px}.brand small{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar nav{flex:0 0 auto}.topbar nav button{width:48px;padding:0;font-size:0}.tool-hero,.editor-layout,.filters,.blog-list{grid-template-columns:1fr}.tool-hero,.picker-surface,.editor-panel,.table-wrap,.static-page{padding:18px}.surface-header{align-items:flex-start;flex-direction:column}.selection-count{display:none}.selection-count-mobile{position:sticky;top:78px;z-index:8;display:block;width:100%;border-radius:999px;padding:9px 13px;color:#fff;background:#263027;text-align:center;font-weight:900;box-shadow:0 10px 22px #2630271f}.primary-actions{width:100%}.draw-button{width:100%;min-height:74px}.food-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.category-sections{gap:10px}.food-category-section{gap:7px}.category-toggle{min-height:40px;padding:0 10px;font-size:.9rem}.food-chip{gap:5px;min-height:58px;padding:8px 6px}.food-chip.selected{padding:7px 5px}.food-chip strong{padding-right:16px;font-size:.78rem;line-height:1.16}.food-chip span{font-size:.68rem;line-height:1.2}.food-check{top:5px;right:5px;width:18px;height:18px}.food-check svg{width:12px;height:12px}.food-row{grid-template-columns:minmax(0,1fr) auto}.danger-icon{grid-column:2}.row-main{grid-row:span 2}.bulk-actions,.form-actions{width:100%}.bulk-actions button{font-size:.88rem;white-space:nowrap}.file-button,.bulk-actions button,.form-actions button{flex:1 1 150px}}@media(max-width:420px){.brand strong{font-size:1rem}.brand small{max-width:210px;font-size:.72rem}.bulk-actions button{gap:6px;padding:0 8px;font-size:.72rem}.result-panel{padding:20px}}@keyframes roll-stripes{0%{transform:translate(-24px)}to{transform:translate(24px)}}@keyframes roll-pop{0%{transform:translateY(1px) scale(.99);opacity:.78}to{transform:translateY(-1px) scale(1.01);opacity:1}}@keyframes roll-bar{0%{transform:translate(-110%)}to{transform:translate(250%)}}@keyframes button-pop{0%{transform:translateY(0) scale(1)}55%{transform:translateY(1px) scale(.96)}to{transform:translateY(0) scale(1)}}@keyframes selected-pop{0%{transform:scale(.98)}70%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes result-slam{0%{transform:translateY(18px) scale(.9) rotate(-1deg);opacity:0}55%{transform:translateY(-4px) scale(1.035) rotate(.4deg);opacity:1}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes result-shine{0%{transform:translate(-70%) rotate(12deg);opacity:0}35%{opacity:1}to{transform:translate(70%) rotate(12deg);opacity:0}}@keyframes result-title-pop{0%{transform:scale(.76);filter:blur(6px);opacity:0}58%{transform:scale(1.08);filter:blur(0);opacity:1}to{transform:scale(1);filter:blur(0);opacity:1}}@keyframes result-chip-pop{0%{transform:translateY(10px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}