:root{--color-yolk:#f5a623;--color-yolk-dark:#e0911a;--color-yolk-light:#fef3e2;--color-shell:#fffbf0;--color-surface:#fff;--color-border:#e8e0d0;--text-primary:#1a1208;--text-secondary:#6b5c3e;--text-muted:#9e8f76;--color-success-bg:#f0faf4;--color-success-border:#2d9a4e;--color-error:#c0392b;--color-error-bg:#fff0ee;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--pad-h:20px;--touch-min:48px;--font-sans:system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-shell);color:var(--text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root{max-width:480px;min-height:100dvh;padding:24px var(--pad-h) 48px;flex-direction:column;gap:22px;margin:0 auto;display:flex}.app-header h1{font-size:1.8rem;font-weight:700}.app-subtitle{color:var(--text-muted);margin-top:2px;font-size:.85rem}.field-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);margin-bottom:10px;font-size:.72rem;font-weight:700;display:block}.btn-primary{width:100%;min-height:var(--touch-min);background:var(--color-yolk);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;font-size:1.05rem;font-weight:600;transition:background .15s,transform .1s}.btn-primary:not(:disabled):active{background:var(--color-yolk-dark);transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{width:100%;min-height:var(--touch-min);color:var(--text-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:0 0;font-size:.95rem;font-weight:500;transition:border-color .15s,color .15s}.btn-secondary:active{border-color:var(--color-yolk);color:var(--color-yolk-dark)}.location-search-wrapper{position:relative}.location-search-icon{pointer-events:none;z-index:1;font-size:1rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.location-search-input{width:100%;height:var(--touch-min);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;padding:0 36px;font-size:1rem;font-weight:500;transition:border-color .15s;overflow:hidden}.location-search-input.editing{border-color:var(--color-yolk);white-space:normal;overflow:visible}.location-search-input:focus{border-color:var(--color-yolk);outline:none}.location-spinner{pointer-events:none;font-size:1rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.location-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);z-index:100;max-height:240px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.location-option{color:var(--text-primary);cursor:pointer;border-bottom:1px solid var(--color-border);padding:12px 14px;font-size:.9rem;line-height:1.3}.location-option:last-child{border-bottom:none}.location-option:hover,.location-option:active{background:var(--color-yolk-light)}.location-option--gps{color:var(--text-secondary);font-weight:600}.location-option--disabled{color:var(--text-muted);cursor:default;font-size:.85rem;font-style:italic}.location-option--disabled:hover{background:0 0}.location-hint{color:var(--color-error);margin-top:8px;font-size:.8rem}.location-hint-link{color:var(--color-error);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.egg-style-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.egg-style-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:center;gap:5px;min-height:80px;padding:10px 4px;transition:border-color .15s,background .15s,transform .1s;display:flex}.egg-style-card.selected{border-color:var(--color-yolk);background:var(--color-yolk-light);transform:scale(1.05)}.egg-style-card:active{transform:scale(.97)}.egg-icon{background:#fff;border:2px solid #e8dcc8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.yolk-dot{border-radius:50%;transition:width .2s,height .2s}.egg-style-label{color:var(--text-primary);text-align:center;font-size:.68rem;font-weight:600;line-height:1.2}.egg-style-sub{color:var(--text-muted);text-align:center;font-size:.62rem}.mass-input-row{align-items:center;gap:6px;display:flex}.stepper-btn{min-width:var(--touch-min);height:var(--touch-min);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);white-space:nowrap;padding:0 8px;font-size:.85rem;font-weight:600;transition:border-color .15s,color .15s}.stepper-btn:active{border-color:var(--color-yolk);color:var(--color-yolk-dark)}.stepper-btn--large{font-size:.8rem}.mass-input{height:var(--touch-min);text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--text-primary);flex:1;min-width:0;padding:0 4px;font-size:1.3rem;font-weight:700}.mass-input:focus{border-color:var(--color-yolk);outline:none}.mass-input::-webkit-inner-spin-button{-webkit-appearance:none}.mass-input::-webkit-outer-spin-button{-webkit-appearance:none}.mass-input{-moz-appearance:textfield}.mass-unit{color:var(--text-muted);font-size:.9rem;font-weight:500}.toggle-group{border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface);display:flex;overflow:hidden}.toggle-btn{min-height:var(--touch-min);cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex:1;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.toggle-btn.active{background:var(--color-yolk);color:#fff;font-weight:600}.error-banner{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);padding:12px 16px;font-size:.9rem}.result-view{flex-direction:column;gap:20px;display:flex}.result-card{background:var(--color-surface);border:2px solid var(--color-yolk);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 24px;display:flex}.result-card-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.8rem;font-weight:700}.result-card-time{font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:-2px;font-size:4rem;font-weight:800;line-height:1}.result-card-seconds{color:var(--text-muted);font-size:.9rem}@keyframes timer-done-pulse{0%,to{background-color:var(--color-shell)}50%{background-color:#ffe0a0}}.timer-view{text-align:center;min-height:calc(100dvh - 48px);margin:-24px calc(-1 * var(--pad-h));padding:24px var(--pad-h) 48px;flex-direction:column;align-items:center;gap:28px;display:flex}.timer-view--alarm{animation:.8s ease-in-out infinite timer-done-pulse}.timer-countdown{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.timer-remaining{font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:-3px;font-size:5.5rem;font-weight:800;line-height:1}.timer-progress-bar{background:var(--color-border);border-radius:99px;width:100%;height:8px;overflow:hidden}.timer-progress-fill{background:var(--color-yolk);border-radius:99px;height:100%;transition:width 1s linear}.timer-total-label{color:var(--text-muted);font-size:.85rem}.timer-done{flex-direction:column;align-items:center;gap:16px;display:flex}.timer-done-text{font-size:1.4rem;font-weight:600}.btn-stop-alarm{min-height:var(--touch-min);background:var(--color-error);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:0 28px;font-size:1rem;font-weight:600;transition:opacity .15s,transform .1s}.btn-stop-alarm:active{opacity:.85;transform:scale(.97)}.setup-view{flex-direction:column;gap:22px;display:flex}