:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9e7d9;background:#101a20;font-family:Courier New,Apple SD Gothic Neo,Malgun Gothic,monospace}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:6px;outline:2px solid #efcc87}header{z-index:3;color:#abb8b8;justify-content:space-between;align-items:center;width:100%;padding:12px 24px;font-size:12px;display:flex;position:absolute;top:0}header button{color:#d8dfd5;background:0 0;border:1px solid #627572;border-radius:0;min-height:44px;padding:10px 14px}.clock{letter-spacing:1px;color:#99aaa5;font-family:monospace}main{height:calc(100svh - 48px);min-height:440px;position:relative}.title{z-index:2;pointer-events:none;position:absolute;top:76px;left:24px}h1{color:#d9e0d6;letter-spacing:0;margin:0;font-size:14px;font-weight:600}.kitchen{width:100%;height:100%;position:relative;overflow:hidden}canvas{image-rendering:pixelated;display:block;position:absolute}#timer,#action{z-index:2;position:absolute;transform:translate(-50%,-50%)rotate(0)}#timer{color:#c0e79d;white-space:nowrap;text-align:center;pointer-events:none;width:70px;font:700 22px monospace;top:42%;left:70%}#action{color:#fff4d9;width:80px;min-height:44px;box-shadow:none;touch-action:manipulation;background:#803d2c;border:2px solid #382d29;border-color:#b57351 #382d29 #382d29 #b57351;border-radius:0;padding:5px;font-size:12px;font-weight:700;top:60%;left:70%}#action:active{filter:brightness(.8)}#action:disabled{opacity:.5}[data-state=failure] #timer{color:#ffbc8c}.subtitles{text-align:center;pointer-events:none;text-shadow:1px 2px #101620;width:100%;padding:0 20px;position:absolute;bottom:54px}.subtitles h2{margin:0 0 8px;font-size:18px;font-weight:600}.subtitles p{color:#d5d7cd;margin:0;font-size:13px}.subtitles #result{color:#e9d2a3;margin-top:12px;font:17px monospace}.input-hint{text-align:center;color:#c2c8ce;width:100%;font-size:12px;position:absolute;bottom:10px}.input-hint span{color:#7f938e;margin-left:15px}kbd{border:1px solid #55645f;border-radius:0;padding:3px 6px;font-size:10px}footer{color:#93a59e;border-top:1px solid #263632;justify-content:space-between;padding:0 24px;font-size:12px;display:flex;position:relative}summary{cursor:pointer;min-height:44px;padding:14px 0}.notes{color:#b5c2bb;max-width:520px;padding:15px 0;line-height:1.9}.notes strong{color:#efdfbc;margin-left:12px}.skip{z-index:10;color:#101a20;background:#e9e7d9;padding:14px;position:fixed;top:-80px}.skip:focus{top:0}.fallback-oven{display:none}.no-art canvas{visibility:hidden}.no-art .fallback-oven{color:#17221a;background:#a1aa99;border:12px solid #525e51;border-radius:0;gap:20px;width:80%;height:30%;padding:20px;display:flex;position:absolute;top:32%;left:10%}.fallback-oven div{color:#d3c5a4;background:#222e25;padding:30px}#render-note{text-align:center;color:#becbc4;width:100%;font-size:11px;position:absolute;top:67%}.no-art #timer{top:40%!important;left:75%!important}.no-art #action{top:54%!important;left:75%!important}@media (width<=700px){header{padding:16px 20px}.clock{letter-spacing:1px;font-size:10px}main{height:calc(100svh - 48px);min-height:440px}.title{top:76px;left:24px}.subtitles{bottom:58px}.subtitles h2{font-size:19px}.subtitles p{font-size:12px}.input-hint span{margin:12px 0 0;display:block}footer{padding:0 20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.subtitles h2:empty,.subtitles p:empty{display:none}@media (height<=500px) and (width>=700px){.title{top:64px}.subtitles{bottom:40px}main{min-height:330px}}.kitchen{background:#10151f}#timer,#action{transform:translate(-50%,-50%)rotate(-3deg)}#timer{color:#b9ee73;text-shadow:1px 0 #789744}#action{color:#e6c9a7;background:0 0;border-color:#0000;min-height:44px}[data-state=running] #action{background:0 0}#action:hover{background:#fbd48e18}.no-art #action{background:#803d2c}.title{text-align:center;width:100%;top:64px;left:0}h1{text-shadow:2px 2px #0a0d15;font-size:clamp(18px,2.4vw,26px)}.situation{z-index:2;text-align:center;color:#edcf9b;text-shadow:2px 2px #0a0d15;pointer-events:none;width:100%;margin:0;font-size:13px;position:absolute;top:100px}.urgent,[data-critical=true] .quiet{display:none}[data-critical=true] .urgent{color:#ffd77a;display:inline}[data-state=success] .situation,[data-state=failure] .situation{display:none}[data-critical=true] #timer{color:#ffdb6e}#action{font-weight:900}#action:active{transform:translate(-50%,calc(3px - 50%))rotate(-3deg)}#family-line{z-index:3;color:#272434;background:#ede2bf;border:3px solid #272434;padding:12px 16px;font-size:clamp(18px,3vw,26px);font-weight:700;position:absolute;top:24%;right:max(80px,50% - 220px);box-shadow:4px 4px #080b14}.subtitles{bottom:52px}:is(main:has([data-state=success]) .subtitles,main:has([data-state=failure]) .subtitles){background:#0d1322eb;border-block:2px solid #8e8365;padding:16px 12px}.subtitles h2{color:#f5ddb0;font-size:clamp(26px,4vw,42px)}.subtitles #result{font-size:clamp(18px,2.5vw,26px);font-weight:700}main:has([data-state=failure]) .subtitles h2{color:#ffad75}@media (height<=500px) and (width>=700px){.title{top:48px}h1{font-size:18px}.situation{top:74px}.subtitles{bottom:28px}.subtitles h2{font-size:22px}:is(main:has([data-state=success]) .subtitles,main:has([data-state=failure]) .subtitles){padding:4px}.subtitles #result{margin-top:4px;font-size:16px}}#action{white-space:nowrap;padding:2px 0}