:root{--black:#101010;--panel:#1a1a1a;--white:#f4f1e8;--pink:#ff477e;--blue:#49d9e8;--yellow:#f6ed55;--line:#3b3b3b}*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,"PingFang SC",sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 73% 30%,rgba(255,71,126,.12),transparent 25%),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#191919 25%)}header{height:76px;padding:0 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative}.logo{font-size:25px;font-weight:900;letter-spacing:-.08em}.logo span{color:var(--pink)}.logo sup{font-size:7px}.meter{display:flex;align-items:center;gap:8px;color:#7d8889;font:9px monospace;letter-spacing:.14em}.meter i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px var(--blue)}.scores{display:flex;gap:25px;font:9px monospace;color:#969696}.scores b{color:var(--yellow);font-size:19px;margin-left:6px}main{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(420px,1.1fr) minmax(210px,.65fr);gap:4vw;padding:55px 4vw 70px;position:relative;align-items:start}.index{font:10px/1.6 monospace;letter-spacing:.15em;color:var(--blue)}.side h1{font-size:clamp(43px,5vw,72px);line-height:.93;letter-spacing:-.065em;margin:35px 0}.side h1 em{font-style:normal;color:var(--pink)}.side>p:nth-of-type(2){color:#999;line-height:1.8;font-size:13px;max-width:350px}.taste-key{display:flex;flex-wrap:wrap;gap:6px;margin-top:35px}.taste-key span{font:9px monospace;border:1px solid var(--line);padding:6px 7px;color:#888}.card{background:var(--white);color:var(--black);padding:24px 30px 30px;min-height:620px;clip-path:polygon(0 0,97% 0,100% 3%,100% 100%,3% 100%,0 97%)}.card-head{display:flex;justify-content:space-between;border-bottom:1px solid #bbb;padding-bottom:16px;font:10px monospace;letter-spacing:.12em}.card-head button{border:0;background:transparent;font:11px Arial;cursor:pointer}.dish-icon{height:125px;display:grid;place-items:center;font-size:80px;color:var(--pink);text-shadow:20px 0 0 var(--yellow),-20px 0 0 var(--blue)}.scene-label{font:9px monospace;letter-spacing:.2em;color:#777;margin:0}.card h2{font-size:clamp(24px,3vw,38px);line-height:1.25;margin:12px 0}.detail{min-height:42px;color:#636363;font-size:13px;line-height:1.65;border-bottom:1px solid #bbb;padding-bottom:18px}fieldset{border:0;padding:0;margin:25px 0 0}legend{font-size:11px;font-weight:bold;margin-bottom:12px}.options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.option input{position:absolute;opacity:0}.option span{display:block;border:1px solid #111;padding:14px 5px;text-align:center;font-weight:bold;cursor:pointer}.option input:checked+span{background:var(--pink);box-shadow:3px 3px 0 #111;transform:translate(-2px,-2px)}form>button{width:100%;margin-top:14px;border:0;background:var(--black);color:white;padding:16px;text-align:left;display:flex;justify-content:space-between;font-weight:bold;cursor:pointer}form>button:disabled{opacity:.4}.feedback{margin-top:18px;border:2px solid;padding:14px;font-size:13px;line-height:1.6}.feedback.good{border-color:#188e83;background:#c7f0e8}.feedback.bad{border-color:#c92b59;background:#ffd1df}.feedback button{border:1px solid;background:transparent;padding:8px 12px;margin-top:8px;cursor:pointer}.confusion{border-top:1px solid var(--line)}.conf-head{display:flex;justify-content:space-between;padding:14px 0;font:9px monospace;color:#888}.conf-head b{font-size:20px;color:var(--pink)}.confusion h2{font-size:24px;margin:12px 0 25px}.conf-row{display:grid;grid-template-columns:38px 1fr 30px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.conf-row i{height:4px;background:var(--pink);display:block;margin-right:12px}.conf-row b{text-align:right;color:var(--yellow)}.empty{font-size:12px;color:#777;line-height:1.7}.reset{border:0;border-bottom:1px solid #666;background:transparent;color:#777;padding:4px 0;margin-top:25px;cursor:pointer}@media(max-width:920px){main{grid-template-columns:1fr 1.4fr}.confusion{grid-column:1/-1}.card{min-height:auto}.side h1{font-size:52px}}@media(max-width:650px){header{height:62px;padding:0 16px}.meter{display:none}.scores{gap:10px}.scores span{font-size:8px}.scores b{font-size:15px}main{display:block;padding:30px 16px 60px}.side h1{font-size:49px;margin:20px 0}.taste-key{margin:20px 0 30px}.card{padding:20px;clip-path:none}.dish-icon{height:90px;font-size:55px}.options{grid-template-columns:repeat(5,1fr)}.option span{font-size:12px;padding:12px 2px}.confusion{margin-top:40px}}