:root{--bg: #ece4d5;--bg-deep: #d8c9b1;--panel: rgba(248, 244, 235, .88);--panel-solid: #f6f1e8;--panel-edge: rgba(255, 255, 255, .7);--ink: #2b2927;--muted: #7d766c;--line: rgba(43, 41, 39, .16);--accent: #ffc933;--accent-deep: #f0af00;--accent-soft: #ffe9a9;--success: #8acb83;--shadow: 0 30px 70px rgba(62, 45, 16, .18);--surface-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);--control-bg: rgba(255, 255, 255, .38);--toggle-bg: rgba(43, 41, 39, .06);--toggle-active: #2b2927;--toggle-active-ink: #f8f4ee;--bulb-opacity: 0;--bulb-glow: rgba(255, 203, 67, .35);--yolk-size: 46%;--yolk-scale-y: 1;--yolk-top: #ffd55b;--yolk-bottom: #efad00;--yolk-highlight: rgba(255, 242, 186, .88);--yolk-shadow: rgba(255, 181, 27, .28);--white-bg-top: hsl(36 30% 96%);--white-bg-bottom: hsl(38 22% 91%);--white-shadow-inset: rgba(198, 190, 179, .22)}body.is-dark{--bg: #121110;--bg-deep: #241d16;--panel: rgba(29, 27, 24, .82);--panel-solid: #1d1b18;--panel-edge: rgba(255, 248, 235, .07);--ink: #f2ede3;--muted: #b0a89b;--line: rgba(242, 237, 227, .14);--accent: #ffcf45;--accent-deep: #f0af00;--accent-soft: #ffea9f;--success: #99d890;--shadow: 0 34px 90px rgba(0, 0, 0, .48);--surface-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);--control-bg: rgba(255, 255, 255, .04);--toggle-bg: rgba(255, 255, 255, .06);--toggle-active: #ffcf45;--toggle-active-ink: #2b2927;--bulb-opacity: 1;--bulb-glow: rgba(255, 207, 69, .62)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}#root{width:100%;display:flex;justify-content:center}body{display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at top left,rgba(255,206,92,.22),transparent 28%),radial-gradient(circle at bottom right,rgba(255,255,255,.22),transparent 26%),linear-gradient(135deg,var(--bg),var(--bg-deep));color:var(--ink);font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif;transition:background .22s ease,color .22s ease}button,input,select{font:inherit}.app-shell{width:min(100%,1160px)}.poster{width:100%;position:relative;overflow:hidden;min-height:min(90svh,760px);padding:30px;border:1px solid var(--panel-edge);border-radius:40px;background:linear-gradient(180deg,#ffffff4d,#fff0 22%),var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);display:grid;gap:28px;transition:background .22s ease,border-color .22s ease}.poster.is-running .egg-stage{animation:bob 1.6s ease-in-out infinite}.poster.is-finished{background:radial-gradient(circle at top center,rgba(255,201,51,.18),transparent 28%),var(--panel)}.topbar{position:relative;z-index:12;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.content-grid{position:relative;z-index:1}.topbar-title{flex:1 1 auto}.eyebrow,.subline,.section-label,.detail-label,.minute-note{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.26em;font-size:.74rem;color:var(--muted)}.subline{margin-top:8px;font-size:1rem;color:var(--muted)}.toggles{display:flex;align-items:center;gap:12px}.toggle-inline-group{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:6px 8px 6px 16px;border-radius:999px;background:var(--toggle-bg)}.toggle-inline-label,.section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.toggle-select,.select-shell,.theme-toggle,.toggle-chip,.chip,.cta,.secondary{border:0;border-radius:999px;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease}.toggle-select,.theme-toggle{min-height:44px;padding:0 16px;color:var(--ink)}.select-shell{position:relative;display:inline-flex;align-items:center;min-width:156px;background:#ffffff94;box-shadow:inset 0 0 0 2px #ffc933a3}body.is-dark .select-shell{background:#ffffff14}.theme-toggle{cursor:pointer;background:var(--toggle-bg)}.toggle-chip{min-height:48px;padding:8px 16px;text-align:left;background:var(--toggle-bg);color:var(--ink);cursor:pointer;display:grid;gap:2px}.toggle-chip.is-active{background:var(--toggle-active);color:var(--toggle-active-ink)}.toggle-chip-title{font-size:.92rem;font-weight:600}.toggle-chip-sub{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.toggle-select{width:100%;padding-right:42px;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select-chevron{position:absolute;right:16px;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);color:var(--muted);pointer-events:none}.content-grid{display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(320px,.9fr);gap:28px;align-items:stretch}.hero-actions{display:flex;gap:12px;align-items:center;justify-content:center}.hero-cta{flex:1 1 auto;min-width:0;max-width:340px;margin-top:-6px}.hero-panel,.control-panel{border-radius:30px;background:var(--control-bg);box-shadow:var(--surface-shadow)}.hero-panel{padding:26px;display:grid;grid-template-rows:auto 1fr auto;gap:26px;min-height:100%}.timer-wrap{display:grid;justify-items:start;gap:8px;width:100%;min-height:158px}.timer-row{width:100%;position:relative;display:flex;justify-content:center}.timer{font-size:clamp(5rem,10vw,7.6rem);line-height:.9;font-weight:300;letter-spacing:-.08em}.timer-caption{color:var(--muted);font-size:1rem;max-width:28ch;min-height:3.2rem}.egg-stage{position:relative;align-self:center;justify-self:center;width:min(100%,360px);aspect-ratio:1 / 1.14;padding:0;border:0;background:transparent;cursor:pointer;transition:transform .18s ease}.egg-stage:hover{transform:translateY(-2px)}.egg-stage:active{transform:scale(.98)}.egg-stage:focus-visible,.chip:focus-visible,.cta:focus-visible,.secondary:focus-visible,.doneness:focus-visible,.minute-slider:focus-visible,.toggle-select:focus-visible,.theme-toggle:focus-visible,.toggle-chip:focus-visible,.mobile-controls-trigger:focus-visible,.sheet-close:focus-visible,.config-gear:focus-visible{outline:3px solid rgba(255,201,51,.72);outline-offset:4px}.egg-shadow{position:absolute;inset:auto 12% 4%;height:26px;border-radius:999px;background:#21201f1f;filter:blur(12px)}.egg-white{position:absolute;top:0;right:9%;bottom:8%;left:9%;border-radius:50% 50% 48% 48%/54% 54% 44% 44%;background:radial-gradient(circle at 50% 30%,#ffffffd9,#fff0 26%),linear-gradient(180deg,var(--white-bg-top),var(--white-bg-bottom));box-shadow:inset 0 -14px 26px var(--white-shadow-inset),inset 0 10px 18px #fff9;transition:background .24s ease,box-shadow .24s ease}.poster.is-running .egg-white:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.5) 0%,transparent 60%);animation:heat-shimmer 3s ease-in-out infinite alternate;pointer-events:none;mix-blend-mode:overlay;will-change:transform,opacity}@keyframes heat-shimmer{0%{transform:scale(1) translateY(0);opacity:.1}50%{transform:scale(1.03,.98) translateY(-3px);opacity:.7}to{transform:scale(.98,1.02) translateY(2px);opacity:.2}}.yolk{position:absolute;left:50%;top:52%;width:var(--yolk-size);aspect-ratio:1;transform:translate(-50%,-50%) scaleY(var(--yolk-scale-y));border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--yolk-highlight),rgba(255,236,167,0) 34%),linear-gradient(180deg,var(--yolk-top),#ffca2f 68%,var(--yolk-bottom));box-shadow:inset 0 6px 16px #fff7d361,0 14px 20px var(--yolk-shadow);transition:width .24s ease,border-radius .24s ease,transform .24s ease,background .24s ease}.shine{position:absolute;top:22%;left:31%;width:20%;aspect-ratio:1;border-radius:50%;background:#ffffff3d;filter:blur(3px)}.control-panel{padding:24px;display:grid;align-content:start;gap:18px;min-height:100%}.control-intro,.custom-block{display:grid;gap:12px}.range-head{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;min-height:2.25rem;column-gap:12px}.range-head span:nth-child(2){color:var(--ink);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.range-head span:last-child{text-align:right}.doneness,.minute-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.18));outline:none}.doneness::-webkit-slider-thumb,.minute-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--toggle-active);box-shadow:0 0 0 5px #ffc93329}.doneness::-moz-range-thumb,.minute-slider::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:var(--toggle-active);box-shadow:0 0 0 5px #ffc93329}.chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.chip{min-height:44px;padding:10px 12px;color:var(--muted);background:#ffffff14}.chip.is-active{background:var(--toggle-active);color:var(--toggle-active-ink)}.minutes-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.minute-readout{margin:0;font-size:1.05rem;color:var(--ink);min-width:76px;text-align:right}.minute-note{color:var(--muted);line-height:1.5}.minute-helper{margin:0;font-size:.94rem;color:var(--ink);line-height:1.4;min-height:2.7rem}.actions{margin-top:6px}.cta,.secondary{min-height:48px;padding:0 18px;cursor:pointer}.cta{flex:1 1 auto;background:linear-gradient(180deg,#f8f5ef,#ebe7e0);color:#2b2927;box-shadow:inset 0 -3px #0000000d}body.is-dark .cta{background:linear-gradient(180deg,#ffe08b,#ffc933)}.cta.is-running{background:linear-gradient(180deg,#ffd86a,#ffc933)}.cta.is-finished{background:linear-gradient(180deg,#abde9d,var(--success))}.secondary{background:transparent;color:var(--muted)}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:18px;border-top:1px solid var(--line)}.mobile-controls-trigger{width:40px;height:40px;border:0;border-radius:999px;padding:0;background:radial-gradient(circle at 32% 28%,#ffffffb3,#fff0 40%),linear-gradient(180deg,#ffe28c,#ffc933);color:var(--ink);cursor:pointer;display:none;align-items:center;justify-content:center;position:absolute;right:0;top:10px;box-shadow:0 10px 20px #ffc9333d,inset 0 -2px #c98a002e}.mobile-controls-trigger svg{width:16px;height:16px;fill:currentColor}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50}.sheet-backdrop.is-open{opacity:1;pointer-events:auto}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--panel-solid);border-top-left-radius:24px;border-top-right-radius:24px;padding:16px 18px 24px;max-height:78vh;overflow:auto;transform:translateY(100%);transition:transform .22s ease}.sheet-backdrop.is-open .sheet{transform:translateY(0)}.sheet-handle{width:48px;height:4px;border-radius:999px;background:#2b292733;margin:0 auto 12px}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-title{margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.sheet-close{border:0;background:transparent;color:var(--ink);font-weight:600;cursor:pointer}.config-gear{display:none;border:0;background:radial-gradient(circle at 32% 28%,#ffffffbf,#fff0 42%),linear-gradient(180deg,#fff7e8,#efe6d6);border-radius:999px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);margin-left:auto;box-shadow:0 8px 18px #3e2d101f,inset 0 -2px #0000000a}.config-gear svg{width:20px;height:20px;fill:currentColor}.config-gear.is-open{background:radial-gradient(circle at 32% 28%,#fff9,#fff0 42%),linear-gradient(180deg,#ffe08b,#ffc933);color:#2b2927}body.is-dark .config-gear{background:radial-gradient(circle at 32% 28%,#ffffff26,#fff0 42%),linear-gradient(180deg,#3c352a,#282218);box-shadow:0 8px 18px #0000004d,inset 0 -2px #0003}body.is-dark .config-gear.is-open{background:radial-gradient(circle at 32% 28%,#ffffff4d,#fff0 42%),linear-gradient(180deg,#ffc933,#e8a600);color:#1a1610}.config-backdrop,.config-popover{display:none}.config-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:transparent;cursor:default;z-index:48}.config-popover{position:absolute;top:12px;right:0;width:min(320px,90vw);background:var(--panel-solid);border-radius:20px;padding:16px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .16s ease,transform .16s ease;z-index:60}.config-popover.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.config-panel{display:grid;gap:12px}.sheet .control-panel{display:grid;padding:0;background:transparent;box-shadow:none}.detail-label{margin-bottom:6px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.detail-value{margin:0;font-size:1rem;line-height:1.55;min-height:3.1rem}.smoke-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:10;border-radius:inherit}.smoke-puff{position:absolute;bottom:-40px;width:140px;height:140px;margin-left:-70px;background:radial-gradient(circle at center,rgba(255,255,255,.25) 0%,rgba(255,255,255,.05) 50%,transparent 70%);filter:blur(12px);border-radius:50%;animation:smoke-rise linear infinite forwards;will-change:transform,opacity}body.is-dark .smoke-puff{background:radial-gradient(circle at center,rgba(255,255,255,.15) 0%,rgba(255,255,255,.03) 50%,transparent 70%)}@keyframes smoke-rise{0%{transform:translateY(0) translate(0) scale(calc(var(--scale) * .7));opacity:0}20%{opacity:1}60%{opacity:.8}to{transform:translateY(-900px) translate(var(--drift)) scale(calc(var(--scale) * 1.8));opacity:0}}.bulb-wrap{position:absolute;top:-18px;right:88px;width:140px;display:grid;justify-items:center;pointer-events:none;opacity:var(--bulb-opacity);transition:opacity .22s ease}.bulb-cord{width:2px;height:86px;background:#fff9e857}.bulb{position:relative;width:42px;height:42px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 35% 35%,#fff4bf,#ffd154 55%,#ffbc1c);box-shadow:0 0 16px #ffcf4570}.bulb:after{content:"";position:absolute;left:50%;bottom:-8px;width:18px;height:10px;transform:translate(-50%);border-radius:4px;background:#756b5d}.bulb-glow{margin-top:-8px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,var(--bulb-glow) 0%,rgba(255,203,67,0) 68%)}@keyframes bob{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(-5px) rotate(-1.2deg)}70%{transform:translateY(-7px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}.egg-stage.is-jiggling{animation:jiggle .56s cubic-bezier(.25,1,.5,1) both!important}@keyframes jiggle{0%{transform:scale(1) rotate(0)}12%{transform:scale(1.08,.92) rotate(-3deg)}28%{transform:scale(.94,1.06) rotate(4deg)}44%{transform:scale(1.05,.96) rotate(-2.5deg)}60%{transform:scale(.97,1.03) rotate(1.5deg)}76%{transform:scale(1.02,.99) rotate(-.8deg)}to{transform:scale(1) rotate(0)}}.bubbles-wrap{position:absolute;top:0;right:9%;bottom:8%;left:9%;border-radius:50% 50% 48% 48%/54% 54% 44% 44%;overflow:hidden;pointer-events:none}.bubble{position:absolute;bottom:6%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffffff2,#ffffff59 70%);box-shadow:0 0 0 1.5px #fff9;animation:bubble-rise linear infinite;will-change:transform,opacity}@keyframes bubble-rise{0%{transform:translateY(0) translate(0) scale(.6);opacity:0}15%{opacity:.8}50%{transform:translateY(-46%) translate(12px) scale(.9);opacity:.65}80%{opacity:.4}to{transform:translateY(-95%) translate(-10px) scale(1.1);opacity:0}}.confetti-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.confetti-piece{position:absolute;border-radius:50%;animation:confetti-fly forwards;will-change:transform,opacity}.confetti-rect{border-radius:2px;transform-origin:center}@keyframes confetti-fly{0%{transform:rotate(var(--c-angle)) translateY(0) scale(.4);opacity:1}60%{opacity:1}to{transform:rotate(var(--c-angle)) translateY(calc(-1 * var(--c-dist))) scale(1);opacity:0}}.poster.is-running{animation:heat-pulse 3.2s ease-in-out infinite}@keyframes heat-pulse{0%,to{box-shadow:var(--shadow)}50%{box-shadow:var(--shadow),inset 0 0 60px #ffc63312}}@media (max-width: 920px){body{padding:20px}.poster{padding:20px;border-radius:30px}.content-grid{grid-template-columns:1fr}.hero-panel,.control-panel{border-radius:24px}.timer-wrap{justify-items:center}.timer-caption{text-align:center}.steam-left{left:18px}.steam-right{right:18px}.bulb-wrap{right:32px}}@media (max-width: 620px){body{padding:12px}.poster{min-height:calc(100svh - 24px);padding:16px;gap:18px;border-radius:24px}.topbar,.actions,.minutes-head{flex-direction:column;align-items:stretch}.topbar{flex-direction:row;align-items:flex-start}.toggles{display:none}.config-gear{display:inline-flex}.config-backdrop,.config-popover{display:block}.toggle-inline-group,.select-shell,.theme-toggle,.toggle-chip,.cta,.secondary{width:100%}.hero-panel,.control-panel{padding:18px}.control-panel{display:none}.timer{font-size:clamp(4rem,18vw,5.4rem)}.mobile-controls-trigger{display:inline-flex}.details{grid-template-columns:1fr}.steam,.bulb-wrap{display:none}.hero-cta{max-width:100%;margin-top:0}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .secondary{width:100%}.config-popover{top:52px;right:0;width:min(320px,92vw)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}