@font-face{font-family:Wanted;src:url('/lunch-guide/fonts/wanted-sans-variable.woff2')}@font-face{font-family:Gmarket;src:url('/lunch-guide/fonts/gmarket-bold.woff2');font-weight:700}@font-face{font-family:Heritage;src:url('/lunch-guide/fonts/heritage-dolbom-b.woff2');font-weight:700}
*{box-sizing:border-box}body{margin:0;background:#e9e7e2;font:15px/1.65 Wanted,sans-serif;color:#242d31}.controls,.explanation{max-width:1120px;margin:24px auto;padding:0 24px}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 30px}.controls p{flex-basis:100%;margin:0;color:#45525a}.controls label{margin-left:auto}select{font:inherit;padding:9px;border:1px solid #969e9d;background:#fff;color:#202a31;max-width:100%}a{color:inherit;text-underline-offset:4px}.explanation{padding:24px;max-width:850px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b35416;outline-offset:5px}
main{--bg:#f8f9f8;--ink:#19313c;--muted:#495c63;--accent:#0c5f68;--panel:#e7eeeb;--line:#bbc7c8;--onaccent:#fff;max-width:1120px;margin:0 auto;background:var(--bg);color:var(--ink);padding:32px 42px 20px;overflow:hidden;border:1px solid var(--line)}main nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);gap:20px;font-size:12px}.logo{font-weight:850;font-size:30px;letter-spacing:-2px}.logo span{font-weight:500;font-size:13px;letter-spacing:0}.navnote{color:var(--muted)}.composition{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;padding:36px 0 28px}.hero{grid-column:span 4;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;margin:0 0 18px;color:var(--accent);font-weight:700}h1{font-family:Gmarket,Wanted,sans-serif;font-size:49px;line-height:1.35;letter-spacing:-2.5px;margin:0 0 22px;word-break:keep-all}h1 em{font-style:normal;color:var(--accent)}.lead{font-size:16px;color:var(--muted);margin:0 0 22px}#start{border:1px solid var(--accent);padding:13px 22px;border-radius:5px;background:var(--accent);color:var(--onaccent);font-weight:700}#status{font-size:12px;min-height:20px;margin:10px 0 0}.visual{grid-column:span 2;position:relative;min-height:280px;display:grid;place-items:center;background:var(--panel);overflow:hidden}.visual-label{font-family:Gmarket,Wanted,sans-serif;position:relative;z-index:1;line-height:1.1;font-size:28px;letter-spacing:-1px}.visual-label span{display:block;font:12px/1.5 Wanted,sans-serif;letter-spacing:1px;margin-top:18px}.orb{position:absolute;width:200px;height:200px;border-radius:50%;background:var(--accent);opacity:.15;transform:translate(65px,-65px)}.orbit{position:absolute;width:240px;height:240px;border:1px solid var(--accent);border-radius:50%;transform:translate(-55px,90px);opacity:.4}.feature{grid-column:span 2;padding:20px;background:var(--panel);position:relative;border-top:2px solid var(--accent)}.number{font-size:12px;color:var(--accent)}h2{font-size:18px;margin:6px 0;word-break:keep-all}.feature p{font-size:13px;color:var(--muted);margin:0}footer{display:flex;justify-content:space-between;gap:20px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer b{font-size:14px;color:var(--ink)}.cube{display:none}
.glass{--bg:#d1e1eb;--ink:#122e46;--muted:#354d65;--accent:#1e4b78;--panel:#ffffff66;--line:#ffffffae;background:radial-gradient(ellipse at 10% 20%,#e8c6cf 0,transparent 50%),radial-gradient(ellipse at 80% 80%,#7ea8c9 0,transparent 60%),#c2deed}.glass .hero{padding:28px;border:1px solid #ffffffb3;border-radius:22px;background:#ffffff63;backdrop-filter:blur(20px);box-shadow:0 18px 30px #36486716}.glass .feature,.glass .visual{border:1px solid #ffffffc9;border-radius:18px;backdrop-filter:blur(14px);box-shadow:0 10px 25px #36486715}.glass .orb{opacity:.28;background:#5c82a5}.glass #start{border-radius:30px}.glass h1{font-size:43px}
.brutal{--bg:#f9f439;--ink:#101010;--muted:#202020;--accent:#111;--panel:#f9f439;--line:#111;--onaccent:#f9f439;border:3px solid #111}.brutal nav{border-bottom:4px solid #111}.brutal .composition{gap:0}.brutal .hero{grid-column:span 4;border-right:3px solid #111;padding-right:18px}.brutal h1{font-size:60px;letter-spacing:-4px;line-height:1.22}.brutal h1 em{background:#111;color:#f9f439}.brutal .visual{border-bottom:3px solid #111;transform:rotate(-3deg);background:#111;color:#f9f439;margin:10px}.brutal .visual-label{font-size:40px}.brutal .orb,.brutal .orbit{display:none}.brutal .feature{border-top:3px solid #111;padding:20px 10px;background:none}.brutal .feature+.feature{border-left:3px solid #111}.brutal #start{border-radius:0;text-transform:uppercase}.brutal footer{border-top:3px solid #111}
.neumorphic{--bg:#e3e8eb;--ink:#283a4b;--muted:#445a6b;--accent:#305877;--panel:#e3e8eb;--line:#a9b8c0}.neumorphic .visual,.neumorphic .feature{border:1px solid #becbd3;border-radius:22px;box-shadow:9px 9px 22px #b8c2c9,-9px -9px 22px #fff}.neumorphic .visual{margin:12px}.neumorphic #start{background:var(--bg);color:var(--accent);border-radius:15px;border:1px solid #9aaebb;box-shadow:5px 5px 12px #b8c2c9,-5px -5px 12px #fff}.neumorphic #start:active{box-shadow:inset 4px 4px 8px #b8c2c9,inset -4px -4px 8px #fff}.neumorphic .orb{width:160px;height:160px;transform:translate(30px,-10px);opacity:1;background:var(--bg);box-shadow:inset 8px 8px 16px #b8c2c9,inset -8px -8px 16px #fff}.neumorphic .orbit{display:none}
.bento{--bg:#ecede8;--ink:#23332a;--muted:#4b5c50;--accent:#28563b;--panel:#dfe7d9;--line:#bac7b7}.bento .composition{gap:12px;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto auto}.bento .hero{grid-column:1/5;grid-row:1/3;background:#d6e2ce;padding:28px;border-radius:20px}.bento h1{font-size:45px}.bento .visual{grid-column:5/7;grid-row:1;background:#284b36;color:#f3f6e8;min-height:170px;border-radius:20px}.bento .f1{grid-column:5/7;grid-row:2;background:#e9cb7a}.bento .f2{grid-column:1/4;background:#fbfbf6}.bento .f3{grid-column:4/7;background:#e1e3dd}.bento .feature{border:0;border-radius:20px;padding:20px}.bento .number{display:block}.bento .visual-label{font-size:25px}.bento .orb{background:#d3e2bd;opacity:.3}
.dark{--bg:#101a1c;--ink:#eff6ed;--muted:#b4c5c1;--accent:#bbec7a;--panel:#1d2c2c;--line:#3c5350;--onaccent:#172719}.dark .visual{background:#223637;border:1px solid #4a665f}.dark .orb{opacity:.85;background:radial-gradient(circle at 30% 30%,#dfffbd,#70a64b 65%,#244a38);box-shadow:0 0 60px #90c76155}.dark .feature{border-top:1px solid #557361}.dark #start{border-radius:0}.dark h1 em{font-weight:inherit}
.immersive{--bg:#15253e;--ink:#edf2fb;--muted:#bbc9df;--accent:#e9b96a;--panel:#1d324c;--line:#526580;--onaccent:#202e3b;background:radial-gradient(ellipse at 90% 20%,#3c5273,transparent 60%),#15253e}.immersive .hero{grid-column:span 3}.immersive .visual{grid-column:span 3;overflow:visible;background:transparent;perspective:700px;min-height:310px}.immersive h1{font-size:43px}.immersive .visual-label{position:absolute;bottom:0;font:11px Wanted,sans-serif;letter-spacing:2px}.immersive .visual-label span{display:none}.immersive .orb{width:220px;height:50px;bottom:30px;background:#080d1a;filter:blur(15px);opacity:.5;transform:none}.immersive .orbit{display:none}.immersive .cube{display:block;position:relative;width:160px;height:160px;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(30deg);transition:transform 250ms ease-out}.cube i{position:absolute;inset:0;display:grid;place-items:center;border:1px solid #d0b07d;background:#e9b96a;color:#35475d;font:80px Gmarket,sans-serif;font-style:normal;backface-visibility:hidden}.cube .front{transform:translateZ(80px)}.cube .back{transform:rotateY(180deg) translateZ(80px);background:#ba864e}.cube .right{transform:rotateY(90deg) translateZ(80px);background:#ba864e}.cube .left{transform:rotateY(-90deg) translateZ(80px);background:#e2a762}.cube .top{transform:rotateX(90deg) translateZ(80px);background:#ffdf9c}.cube .bottom{transform:rotateX(-90deg) translateZ(80px);background:#b27d44}.immersive .feature{background:transparent;border-top:1px solid var(--line)}
.minimal{--bg:#fff;--ink:#252c2d;--muted:#505c5d;--accent:#252c2d;--panel:#fff;--line:#d5d9d8}.minimal .hero{padding:35px 0 20px}.minimal h1{font-family:Wanted,sans-serif;font-size:48px;font-weight:550;letter-spacing:-2px}.minimal .visual{background:none;border-left:1px solid #d5d9d8}.minimal .orb,.minimal .orbit{display:none}.minimal .visual-label{font-family:Wanted,sans-serif;font-weight:400;color:#6a7473;font-size:22px}.minimal #start{background:transparent;border:0;border-bottom:1px solid #252c2d;color:#252c2d;border-radius:0;padding:8px 0}.minimal .feature{border-top:1px solid #d5d9d8;padding-left:0}.minimal h2{font-weight:550}.minimal .number{color:#667371}
.mesh{--bg:#ead2e2;--ink:#302844;--muted:#4d4164;--accent:#5d305c;--panel:#fff9;--line:#d0a9bd;background:radial-gradient(ellipse at 0% 0%,#fed79e,transparent 50%),radial-gradient(ellipse at 90% 10%,#8ea8e9,transparent 52%),radial-gradient(ellipse at 70% 90%,#e996a8,transparent 60%),radial-gradient(ellipse at 5% 100%,#b8decd,transparent 45%),#f1d7e3}.mesh .hero{background:#fff9;padding:26px;border-radius:16px}.mesh h1{font-size:44px}.mesh .visual{background:transparent}.mesh .orb{background:#a5689766;width:250px;height:250px;filter:blur(24px);opacity:.8}.mesh .orbit{border-color:#fff;opacity:.8}.mesh .feature{border:0;border-radius:12px;background:#ffffffa8}.mesh #start{border-radius:30px}
.neo{--bg:#f5de77;--ink:#141317;--muted:#343138;--accent:#141317;--panel:#c7bbf3;--line:#141317;--onaccent:#fff;border:3px solid #141317}.neo .hero{padding:20px 18px 20px 0}.neo .visual{background:#f3a6af;border:3px solid #141317;box-shadow:8px 8px 0 #141317;overflow:hidden;margin:0 10px 10px 0}.neo .feature{border:3px solid #141317;box-shadow:6px 6px 0 #141317}.neo .f2{background:#bfe4cf}.neo .f3{background:#faf7e8}.neo #start{background:#c7bbf3;color:#141317;border:3px solid #141317;border-radius:0;box-shadow:5px 5px 0 #141317}.neo #start:active{transform:translate(3px,3px);box-shadow:2px 2px 0 #141317}.neo .orb{opacity:1;background:#f5de77;border:3px solid #141317}.neo .orbit{border:3px solid #141317;opacity:1}
.editorial{--bg:#f6efe3;--ink:#35291f;--muted:#65584b;--accent:#a23d25;--panel:#f6efe3;--line:#bfb09d}.editorial nav{border-top:2px solid #35291f;border-bottom:1px solid #35291f;padding:12px 0}.editorial .logo{font-family:Heritage,serif}.editorial h1{font-family:Heritage,serif;font-size:48px;font-weight:700;letter-spacing:-1px;line-height:1.5}.editorial h1 em{color:#35291f}.editorial .hero{grid-column:span 4}.editorial .visual{grid-column:span 2;background:#a23d25;color:#f6efe3;padding:28px;align-self:start;min-height:280px}.editorial .visual-label{font-family:Heritage,serif;font-size:31px;line-height:1.4}.editorial .orb,.editorial .orbit{display:none}.editorial .feature{border-top:1px solid #bfb09d;background:transparent;padding:16px 20px 10px 0}.editorial .number{font-family:Heritage,serif;font-size:24px}.editorial #start{border-radius:0;background:transparent;border:0;border-bottom:1px solid #a23d25;color:#a23d25;padding:8px 0}
@media(max-width:650px){.controls{display:block;margin:16px 0}.controls label{display:block;margin:12px 0}.controls select{display:block;width:100%;margin-top:6px}main{padding:22px 22px 18px;border-left:0;border-right:0}main nav{gap:10px}.navnote{display:none}main nav>span:last-child{font-size:9px}.composition{gap:16px;padding:26px 0}.hero,.visual,.feature{grid-column:1/-1!important;grid-row:auto!important}.hero{padding:0!important;border-right:0!important}.glass .hero,.mesh .hero,.bento .hero{padding:22px!important}.visual{min-height:190px}.feature{padding:18px!important}.feature+.feature{border-left:0!important}h1,.glass h1,.bento h1,.immersive h1,.mesh h1,.minimal h1,.editorial h1{font-size:32px;letter-spacing:-1.5px}.brutal h1{font-size:39px;letter-spacing:-2px}.lead{font-size:14px}.brutal .feature+.feature{border-top:3px solid #111}.bento .visual{min-height:190px}.immersive .visual{min-height:300px}.editorial .visual{min-height:200px;width:100%}.minimal .visual{min-height:120px}.controls p{font-size:13px}footer{flex-direction:column;gap:2px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}