:root{--background: #f6ede1;--card-background: #ffffff;--meat-accent: #c8862f;--dairy-accent: #5b8ba6;--success-accent: #4c8c6b;--text-primary: #2b2420;--text-secondary: #6b6058;--border-subtle: rgba(43, 36, 32, .08);--danger: #b8503d;--radius: 20px;--shadow: 0 8px 24px rgba(43, 36, 32, .08)}@media (prefers-color-scheme: dark){:root{--background: #1d1a17;--card-background: #29241f;--meat-accent: #e0a659;--dairy-accent: #7fb0cc;--success-accent: #6fbf94;--text-primary: #f3ece2;--text-secondary: #b8ab9d;--border-subtle: rgba(255, 255, 255, .08);--danger: #e37c64;--shadow: 0 8px 24px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--background);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0 0 8px}p{margin:0 0 12px;color:var(--text-secondary);line-height:1.5}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 8px}.app-header__title{display:flex;align-items:baseline;gap:10px}.app-header__wordmark{font-size:22px;font-weight:700}.app-header__subtitle{color:var(--text-secondary);font-size:14px}.profile-switcher{border:1px solid var(--border-subtle);background:var(--card-background);border-radius:10px;padding:4px 8px}.app-header__actions{display:flex;gap:6px}.icon-button{border:none;background:transparent;font-size:20px;padding:8px;border-radius:12px;cursor:pointer;line-height:1}.icon-button:hover{background:var(--border-subtle)}.app-main{flex:1;padding:12px 20px 32px;display:flex;flex-direction:column;gap:24px}.empty-state{text-align:center;padding:40px 12px}.empty-state__icon{font-size:40px;margin-bottom:8px}.empty-state__title{font-weight:600;color:var(--text-primary);margin:0 0 4px}.empty-state__body{color:var(--text-secondary);margin:0}.timer-list{display:flex;flex-direction:column;gap:14px}.timer-card{background:var(--card-background);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border-left:5px solid var(--meat-accent);position:relative}.timer-card--dairy{border-left-color:var(--dairy-accent)}.timer-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.timer-card__title{font-weight:600}.timer-card__badge{font-size:12px;font-weight:600;color:var(--text-secondary)}.timer-card__badge--done{color:var(--success-accent)}.timer-card__countdown{font-size:40px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--meat-accent);margin:4px 0 12px}.timer-card--dairy .timer-card__countdown{color:var(--dairy-accent)}.timer-card__countdown--done{color:var(--success-accent);font-size:28px}.timer-card__divider{border:none;border-top:1px solid var(--border-subtle);margin:12px 0}.timer-card__details{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-secondary)}.timer-card__details>div{display:flex;justify-content:space-between}.timer-card__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;padding:14px 18px;font-weight:600;cursor:pointer;width:100%;text-decoration:none}.button--primary{background:var(--meat-accent);color:#fff}.button--secondary{background:var(--border-subtle);color:var(--text-primary)}.button--destructive{background:transparent;color:var(--danger);border:1px solid var(--danger)}.button:disabled{opacity:.5;cursor:not-allowed}.link-button{border:none;background:none;color:var(--dairy-accent);font-weight:600;font-size:14px;cursor:pointer;padding:0}.link-button--destructive{color:var(--danger)}.link-button--muted{color:var(--text-secondary);font-weight:500}.action-buttons{display:flex;flex-direction:column;gap:14px}.big-action-button{display:flex;align-items:center;gap:16px;padding:18px 20px;border:none;border-radius:var(--radius);cursor:pointer;min-height:88px;text-align:left;color:#fff}.big-action-button--meat{background:var(--meat-accent)}.big-action-button--dairy{background:var(--dairy-accent)}.big-action-button__icon{font-size:28px}.big-action-button__title{display:block;font-size:17px;font-weight:700}.big-action-button__subtitle{display:block;font-size:13px;opacity:.85}.onboarding{max-width:480px;margin:0 auto;min-height:100vh;padding:24px;display:flex;flex-direction:column}.onboarding__dots{display:flex;gap:6px;justify-content:center}.dot{width:8px;height:8px;border-radius:4px;background:var(--border-subtle)}.dot--active{background:var(--dairy-accent);width:20px}.onboarding__content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 0}.onboarding__page{text-align:center}.onboarding__page--left{text-align:left;width:100%}.onboarding__icon{font-size:48px;margin-bottom:12px}.onboarding__nav{display:flex;justify-content:space-between;align-items:center;gap:12px}.onboarding__nav .button{width:auto;min-width:120px}.waiting-period-picker{margin-bottom:16px}.waiting-period-picker__label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.waiting-period-picker__label{font-weight:600;font-size:14px}.waiting-period-picker__inputs{display:flex;align-items:center;gap:6px;margin-bottom:8px}.waiting-period-picker__inputs input{width:64px;padding:8px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--card-background);text-align:center}.waiting-period-picker__unit{color:var(--text-secondary);font-size:13px}.waiting-period-picker__presets{display:flex;gap:8px;margin-bottom:6px}.chip{border:1px solid var(--border-subtle);background:var(--card-background);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer}.waiting-period-picker__summary{font-size:12px;color:var(--text-secondary);margin:0}.link-button.link-button--small{font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14100c73;display:flex;align-items:flex-end;justify-content:center;z-index:40}@media (min-width: 560px){.modal-backdrop{align-items:center}}.modal{background:var(--card-background);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;border-radius:24px 24px 0 0;padding:20px}@media (min-width: 560px){.modal{border-radius:var(--radius)}}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal__actions{display:flex;gap:12px;margin-top:16px}.modal__actions--column{flex-direction:column}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input[type=text],.field input[type=email],.field input[type=datetime-local],.field select{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--background)}.field-note{font-size:12px;color:var(--text-secondary)}.field-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-subtle);font-size:14px}.field--toggle label{display:flex;align-items:center;gap:8px;font-weight:500}.option-group{border:none;padding:0;margin:0 0 16px}.option-group legend{font-weight:600;font-size:14px;margin-bottom:8px}.option-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-subtle);cursor:pointer}.option-row__hint{margin-left:auto;color:var(--text-secondary);font-size:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.toggle-row--locked{opacity:.6}.notice{background:var(--border-subtle);border-radius:14px;padding:14px;margin-bottom:16px}.notice--warning{background:#b8503d1f}.notice--success{background:#4c8c6b26;color:var(--success-accent);font-weight:600;text-align:center;padding:16px;border-radius:14px}.notice--muted{background:transparent;border:1px dashed var(--border-subtle)}.settings-section{background:var(--card-background);border-radius:var(--radius);padding:16px 20px;margin-bottom:16px;box-shadow:var(--shadow)}.settings-row{display:flex;justify-content:space-between;align-items:center;width:100%;border:none;background:none;padding:12px 0;border-bottom:1px solid var(--border-subtle);cursor:pointer;text-align:left;color:var(--text-primary)}.settings-row:last-child{border-bottom:none}.settings-row__status--active{color:var(--success-accent);font-weight:600}.settings-row--destructive{color:var(--danger)}.history-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.history-row{border-bottom:1px solid var(--border-subtle);padding-bottom:12px}.history-row__top{display:flex;justify-content:space-between;font-weight:600;margin-bottom:2px}.history-row__date{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.history-row__details{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.badge--success{color:var(--success-accent);background:#4c8c6b26}.badge--dairy{color:var(--dairy-accent);background:#5b8ba626}.badge--muted{color:var(--text-secondary);background:var(--border-subtle)}.resource-list{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.resource-row{display:block;text-decoration:none;padding:12px;border-radius:14px;background:var(--border-subtle);color:inherit}.resource-row__title{display:block;font-weight:600;margin-bottom:2px}.resource-row__subtitle{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.resource-row__byline{display:block;font-size:11px;color:var(--text-secondary);opacity:.8}.feature-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px}.restore-form{margin-top:20px;display:flex;flex-direction:column;gap:8px}.restore-form input{padding:12px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--background)}.profile-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.profile-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:12px;background:var(--border-subtle)}.profile-row--active{outline:2px solid var(--success-accent)}.profile-row__actions{display:flex;gap:12px;align-items:center}.add-profile-form{display:flex;gap:8px}.add-profile-form input{flex:1;padding:12px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--background)}.add-profile-form .button{width:auto}