*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #fdf6e3;--surface: #ffffff;--text: #2d2006;--text-muted: #8a7560;--primary: #e8740c;--primary-hover: #cf6700;--accent: #f5c842;--ring-bg: #f0e6d3;--ring-progress: #e8740c;--ring-expired: #e04040;--danger: #e04040;--radius: 16px}html,body{font-family:Comfortaa,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column}.landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem}.landing-title{font-size:3rem;font-weight:800;letter-spacing:-.02em}.landing-image{max-width:320px;width:100%;height:auto;border-radius:var(--radius)}.landing-link{font-size:1.2rem;font-weight:600;color:var(--primary);text-decoration:none;padding:.75rem 2rem;border:2px solid var(--primary);border-radius:var(--radius);transition:all .15s ease}.landing-link:hover{background:var(--primary);color:#fff}.home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2rem}.home-hero{text-align:center}.home-egg{font-size:4rem;display:block;margin-bottom:.5rem}.home-hero h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em}.home-subtitle{color:var(--text-muted);margin-top:.5rem;font-size:1.1rem}.duration-picker{width:100%;max-width:400px}.presets{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.preset-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem 1rem;background:var(--surface);border:2px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #0000000f}.preset-btn:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.preset-btn__emoji{font-size:2rem}.preset-btn__label{font-weight:700;font-size:.95rem}.preset-btn__time{color:var(--text-muted);font-size:.85rem}.custom-duration{display:flex;gap:.5rem}.custom-duration input{flex:1;padding:.75rem 1rem;border:2px solid var(--ring-bg);border-radius:var(--radius);font-size:1rem;background:var(--surface);outline:none;transition:border-color .15s}.custom-duration input:focus{border-color:var(--primary)}.room{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem;transition:background-color .3s}.room--expired{background-color:#fde8e8}.room-header{text-align:center}.room-egg{font-size:2.5rem;display:block}.room-header h1{font-size:1.5rem;font-weight:800}.loading{color:var(--text-muted);font-size:1.1rem}.timer-display{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center}.timer-ring{position:absolute;inset:0;width:100%;height:100%}.timer-ring__bg{stroke:var(--ring-bg)}.timer-ring__progress{stroke:var(--ring-progress);transition:stroke-dashoffset .15s linear}.timer-display--expired .timer-ring__progress{stroke:var(--ring-expired)}.timer-display__time{font-size:3.5rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;z-index:1}.timer-display__label{position:absolute;bottom:60px;color:var(--text-muted);font-size:.95rem;font-weight:500;z-index:1}.timer-display--expired .timer-display__time{color:var(--danger)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.timer-display--expired{animation:pulse .8s ease-in-out infinite}.controls{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.btn{padding:.75rem 1.75rem;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--secondary{background:var(--text);color:#fff}.btn--secondary:hover{opacity:.85}.btn--outline{background:transparent;border:2px solid var(--ring-bg);color:var(--text)}.btn--outline:hover{border-color:var(--primary);color:var(--primary)}.alert-overlay{position:fixed;inset:0;background:#e04040d9;display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.alert-overlay__content{text-align:center;color:#fff}.alert-overlay__emoji{font-size:5rem;display:block;margin-bottom:1rem;animation:bounce .6s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.alert-overlay__content h2{font-size:2rem;margin-bottom:.5rem}.alert-overlay__content p{opacity:.8;font-size:1rem}