:root{--bg:#231b30;--bg2:#18121f;--card:#362a3d;--card2:#43344a;--ink:#fff4e0;--ink2:#d9c8b4;--orange:#f2762e;--orange2:#ff9447;--cream:#fff0d6;--bulb:#ffd95a;--gold:#ffcf3f;--good:#ff9a4a;--plain:#c9b9a6;--oops:#b996ff;--font:Jua, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;overflow-x:hidden}body{background:radial-gradient(120% 60% at 50% 0%, #34264a 0%, var(--bg) 55%, var(--bg2) 100%) fixed;background-color:var(--bg);color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;min-height:100dvh;font-size:18px;line-height:1.45}body.noscroll{overflow:hidden}#app{max-width:480px;padding:0 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}button,input{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit}.hidden{display:none!important}.primary{background:linear-gradient(180deg, var(--orange2), var(--orange));color:#2a140a;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:20px;justify-content:center;align-items:center;padding:14px 22px;font-size:20px;text-decoration:none;transition:transform 60ms,box-shadow 60ms;display:inline-flex;box-shadow:0 5px #b34f17,0 10px 24px #f2762e59}.primary:active,.primary.on{transform:translateY(4px);box-shadow:0 1px #b34f17,0 4px 12px #f2762e4d}.primary:disabled{filter:grayscale(.6)brightness(.8)}.primary.big{width:100%;padding:18px;font-size:22px}.primary.huge{border-radius:26px;width:100%;padding:24px 18px;font-size:27px}.block{width:100%;margin-top:12px;display:flex}.ghost{background:var(--card);color:var(--ink);border-radius:16px;justify-content:center;padding:14px;font-size:18px}.link{color:var(--ink2);padding:10px;font-size:15px;text-decoration:underline}.home{text-align:center;padding-top:0;position:relative}.awning{background:repeating-linear-gradient(90deg, var(--orange) 0 48px, var(--cream) 48px 96px);height:74px;margin:0 -16px;-webkit-mask:radial-gradient(24px at 24px 50px,#000 98%,#0000) 0 0/48px 100% repeat-x,linear-gradient(#000 0 50px,#0000 0);mask:radial-gradient(24px at 24px 50px,#000 98%,#0000) 0 0/48px 100% repeat-x,linear-gradient(#000 0 50px,#0000 0)}.bulbs{justify-content:space-between;padding:6px 4px 0;display:flex;position:relative}.bulbs:before{content:"";border-bottom:2px solid #4a3c50;border-radius:0 0 50% 50%;height:18px;position:absolute;top:0;left:0;right:0}.bulbs i{background:var(--bulb);border-radius:50%;width:14px;height:14px;margin-top:12px;animation:2.4s ease-in-out infinite glow;box-shadow:0 0 14px 5px #ffd95a73}.bulbs i:nth-child(2n){margin-top:16px;animation-delay:.8s}.bulbs i:nth-child(3n){animation-delay:1.5s}.bulbs.small{margin:0 -4px}@keyframes glow{50%{opacity:.65;box-shadow:0 0 8px 2px #ffd95a4d}}.title{letter-spacing:1px;text-shadow:0 3px #b34f17,0 0 24px #ffc85a59;margin:22px 0 0;font-size:46px;font-weight:400}.tag{color:var(--ink2);margin:4px 0 18px;font-size:17px}.board{background:#2c3a2c;border:6px solid #7a5232;border-radius:12px;flex-direction:column;padding:10px 26px 12px;display:inline-flex;transform:rotate(-2deg);box-shadow:0 6px 18px #00000059}.board span{color:#cfe3c8;font-size:15px}.board b{color:#fffbe8;font-size:32px;font-weight:400}.smokes{height:54px;position:relative}.smokes i{background:#e6e1eb2e;border-radius:50%;width:26px;height:26px;animation:3.6s ease-in infinite rise;position:absolute;bottom:0;left:50%}.smokes i:nth-child(2){margin-left:-38px;animation-delay:1.2s}.smokes i:nth-child(3){margin-left:26px;animation-delay:2.4s}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.6)}30%{opacity:1}to{opacity:0;transform:translateY(-50px)scale(1.6)}}.count{color:var(--ink2);margin:16px 0 4px}.mineNote a{background:var(--card);border-radius:999px;padding:8px 16px;text-decoration:none;display:inline-block}.mineNote b{color:var(--bulb);font-weight:400}.links{color:var(--ink2);justify-content:center;gap:8px;margin-top:10px;display:flex}.links a{color:var(--ink2);padding:10px 6px}.tomorrow{text-align:center;color:var(--ink2);margin-top:26px;font-size:16px}.tomorrow b{color:var(--cream);font-weight:400}.tomorrow span{opacity:.7}.cook{text-align:center;-webkit-user-select:none;user-select:none;padding-top:14px}.stepRow{justify-content:center;align-items:center;gap:10px;font-size:24px;display:flex}.stepRow b{font-weight:400}.stepNo{background:var(--card);color:var(--ink2);border-radius:999px;padding:2px 12px;font-size:16px}.panWrap{justify-content:center;margin:10px auto 0;display:flex;position:relative}.panWrap canvas{touch-action:none;max-width:100%;display:block}.fb{opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#1e141ed9;border-radius:18px;max-width:92%;padding:10px 18px;font-size:22px;transition:all .18s;position:absolute;top:40%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.8)}.fb.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.fb.good{color:var(--bulb)}.fb.meh{color:var(--cream)}.hint{min-height:52px;color:var(--ink2);margin:8px 0 6px;font-size:17px}.gauge{background:var(--card);border-radius:999px;height:22px;margin:0 4px 16px;position:relative;overflow:hidden}.gauge .zone{border-left:2px solid var(--bulb);border-right:2px solid var(--bulb);background:#ffd95a73;position:absolute;top:0;bottom:0}.gauge .fill{background:linear-gradient(90deg, #ffe7a8, var(--orange2));opacity:.9;border-radius:999px;width:0;position:absolute;top:0;bottom:0;left:0}.ctrl{min-height:80px}.hold{touch-action:none}.heatRow{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.heat{background:var(--card);border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px 4px;font-size:20px;display:flex;box-shadow:0 4px #241a29}.heat:active{transform:translateY(3px);box-shadow:0 1px #241a29}.heat .fl{letter-spacing:-4px;font-size:18px}.result{text-align:center;padding-top:18px}.gradeRow{justify-content:center;align-items:center;gap:12px;display:flex}.grade{color:#2a1c14;border-radius:999px;padding:6px 20px;font-size:26px;display:inline-block}.grade.sm{padding:2px 10px;font-size:14px}.g-gold{background:var(--gold);box-shadow:0 0 18px #ffcf3f80}.g-good{background:var(--good)}.g-plain{background:var(--plain)}.g-oops{background:var(--oops)}.score{color:var(--ink2);font-size:22px}.plateBig{max-width:400px;margin:10px auto 0}.plateBig canvas{display:block}.quip{margin:6px 0 16px;font-size:20px}.postForm{background:var(--card);text-align:left;border-radius:22px;flex-direction:column;gap:12px;padding:16px;display:flex}.postForm label{flex-direction:column;gap:6px;font-size:17px;display:flex}.postForm small{color:var(--ink2);margin-left:4px;font-size:14px}.postForm input{background:var(--bg2);border:2px solid #0000;border-radius:14px;outline:none;width:100%;padding:12px 14px;font-size:18px}.postForm input:focus{border-color:var(--orange2)}.postForm input::placeholder{color:#8d7f8f;font-size:15px}.cool{color:var(--ink2);text-align:center;margin:0;font-size:15px}.row2{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.table,.mine{padding-top:4px}.pageTitle{text-align:center;margin:18px 0 2px;font-size:30px;font-weight:400}.sub{text-align:center;color:var(--ink2);margin:0 0 14px;font-size:15px}.ranks{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rank{background:var(--card);border-radius:18px;min-width:0;padding:10px 8px}.rank.gold{box-shadow:inset 0 0 0 2px #ffcf3f73}.rank.oops{box-shadow:inset 0 0 0 2px #b996ff73}.rank h3{text-align:center;margin:0 0 6px;font-size:17px;font-weight:400}.rlist{flex-direction:column;gap:6px;display:flex}.ritem{text-align:left;background:var(--card2);border-radius:12px;align-items:center;gap:6px;min-width:0;padding:4px;display:flex}.rthumb{flex:none;width:46px}.rtext{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;overflow:hidden}.rtext b{color:var(--bulb);font-weight:400}.rtext small{color:var(--ink2);font-size:12px;display:block}.tabs{justify-content:center;gap:8px;margin:18px 0 12px;display:flex}.tabs button{background:var(--card);color:var(--ink2);border-radius:999px;padding:8px 20px;font-size:17px}.tabs button.on{background:var(--cream);color:#2a1c14}.grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pcard{background:var(--card);text-align:left;border-radius:18px;flex-direction:column;gap:2px;min-width:0;padding:6px 8px 10px;display:flex}.pcard:active{transform:scale(.98)}.thumb{margin:0 -4px}.meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mineTag{background:var(--card2);color:var(--bulb);border-radius:999px;padding:1px 8px;font-size:12px}.day{color:var(--ink2);font-size:12px}.nick{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.msg{color:var(--ink2);overflow-wrap:anywhere;font-size:14px}.cnts{color:var(--ink2);gap:8px;margin-top:2px;font-size:14px;display:flex}.empty{color:var(--ink2);text-align:center;margin:8px 0;font-size:14px}.empty.big{grid-column:1/-1;padding:24px 0;font-size:18px}.mineSum{text-align:center;margin:4px 0 16px;font-size:20px}.mineSum b{color:var(--bulb);font-weight:400}.note{text-align:center;color:var(--ink2);font-size:14px}.sheet{z-index:20;background:#0a060eb8;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.sheetBox{background:var(--bg);width:100%;max-width:480px;padding:18px 16px calc(18px + env(safe-area-inset-bottom));text-align:center;border-radius:26px 26px 0 0;max-height:100dvh;animation:.2s ease-out up;overflow-y:auto}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.nick.big{white-space:normal;margin-top:4px;font-size:22px}.msg.big{margin:2px 0 0;font-size:18px}.reacts{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.react{background:var(--card);border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 2px;font-size:15px;display:flex}.react .em{font-size:30px;line-height:1.1}.react b{color:var(--bulb);font-size:18px;font-weight:400}.react.on{border-color:var(--orange2);background:var(--card2)}.react:disabled:not(.on){opacity:.55}.reactNote{color:var(--ink2);margin:8px 0 0;font-size:14px}.report{margin:8px auto 0;display:block}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));opacity:0;background:var(--cream);color:#2a1c14;z-index:30;pointer-events:none;text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:10px 20px;font-size:17px;transition:all .2s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}