.tab-bar{display:flex;border-top:1px solid var(--color-border);padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom,8px));background:var(--color-bg-primary);flex-shrink:0}.tab-bar__tab{flex:1;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:44px;justify-content:center;color:var(--color-text-muted)}.tab-bar__icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background .15s}.tab-bar__tab--active .tab-bar__icon{background:var(--color-lwhenever);color:var(--color-dwhenever)}.tab-bar__label{font-size:10px;font-weight:500}.tab-bar__tab--active .tab-bar__label{font-weight:700;color:var(--color-dwhenever)}.mini-player{display:flex;align-items:center;gap:8px;padding:0 16px;height:40px;background:#fef5ed;border-top:1px solid #F0DECA;flex-shrink:0}.mini-player__bars{display:flex;align-items:flex-end;gap:2px;height:14px;flex-shrink:0}.mini-player__bar{width:2.5px;border-radius:1.5px;background:#c8620a;animation:miniBarBounce .7s ease-in-out infinite alternate}.mini-player__bar:nth-child(1){height:6px;animation-delay:0s}.mini-player__bar:nth-child(2){height:12px;animation-delay:.15s}.mini-player__bar:nth-child(3){height:8px;animation-delay:.3s}@keyframes miniBarBounce{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.mini-player__label{font-size:13px;font-weight:600;color:#8b4513;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player__stop{font-size:12px;font-weight:600;color:#c8620a;min-height:40px;display:flex;align-items:center;padding:0 2px;flex-shrink:0}.item-row{display:flex;align-items:flex-start;width:100%;padding:13px 20px;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);min-height:44px;text-align:left;gap:12px;transition:background .1s}.item-row:active{background:var(--color-bg-secondary)}.item-row__body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.item-row__name{font-size:14px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.3px;line-height:1.3}.item-row__sub{font-size:12px;color:var(--color-text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-row__right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.item-row__amt{font-size:14px;font-weight:700;color:var(--color-text-primary)}.item-row__due{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.item-list{display:flex;flex-direction:column}.item-list__empty{display:flex;align-items:center;justify-content:center;padding:48px 24px;color:var(--color-text-muted);font-size:13px;text-align:center}.text-capture__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:100;display:flex;align-items:flex-end}.text-capture__sheet{width:100%;background:var(--color-bg-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:.5px solid var(--color-border);padding:12px 16px 32px;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.text-capture__handle{width:36px;height:4px;background:var(--color-border);border-radius:2px;margin:0 auto 16px}.text-capture__input{width:100%;padding:10px 14px;background:var(--color-bg-secondary);border:.5px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:13px;margin-bottom:10px;min-height:40px}.text-capture__input::placeholder{color:var(--color-text-muted)}.text-capture__input--main{font-size:15px;font-weight:500}.text-capture__row{display:flex;gap:10px}.text-capture__row .text-capture__input{flex:1}.text-capture__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23909090' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.text-capture__actions{display:flex;gap:10px;margin-top:6px}.text-capture__cancel{flex:1;padding:10px;background:var(--color-bg-secondary);border:.5px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13px;font-weight:500;min-height:40px}.text-capture__submit{flex:1;padding:10px;background:var(--color-accent);border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:500;min-height:40px}.text-capture__submit:disabled{opacity:.5}.confirm-card__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:100;display:flex;align-items:flex-end}.confirm-card__sheet{width:100%;max-height:85vh;background:var(--color-bg-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:.5px solid var(--color-border);padding:12px 16px 32px;display:flex;flex-direction:column;animation:confirmSlideUp .25s ease-out}@keyframes confirmSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.confirm-card__handle{width:36px;height:4px;background:var(--color-border);border-radius:2px;margin:0 auto 12px;flex-shrink:0}.confirm-card__flag{background:var(--color-info-bg);color:var(--color-info-text);font-size:13px;padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:12px;text-align:center;flex-shrink:0}.confirm-card__scroll{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.confirm-card__thumb{width:100%;max-height:120px;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-bg-secondary);margin-bottom:12px}.confirm-card__label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:10px}.confirm-card__input{width:100%;padding:10px 14px;background:var(--color-bg-secondary);border:.5px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:13px;min-height:40px}.confirm-card__input::placeholder{color:var(--color-text-muted)}.confirm-card__input--main{font-size:15px;font-weight:500}.confirm-card__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.confirm-card__textarea{resize:none;min-height:auto;line-height:1.4}.confirm-card__row{display:flex;gap:10px}.confirm-card__row .confirm-card__label{flex:1}.confirm-card__error{font-size:12px;color:var(--color-error);text-align:center;flex-shrink:0}.confirm-card__actions{display:flex;gap:10px;margin-top:12px;flex-shrink:0}.confirm-card__cancel{flex:1;padding:10px;background:var(--color-bg-secondary);border:.5px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13px;font-weight:500;min-height:40px}.confirm-card__cancel:disabled{opacity:.5}.confirm-card__submit{flex:1;padding:10px;background:var(--color-accent);border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:500;min-height:40px}.confirm-card__submit:disabled{opacity:.5}.photo-capture__input{position:absolute;opacity:0;pointer-events:none}.photo-capture__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:100;display:flex;align-items:flex-end}.photo-capture__sheet{width:100%;background:var(--color-bg-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:.5px solid var(--color-border);padding:12px 16px 32px;animation:photoSlideUp .25s ease-out}@keyframes photoSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.photo-capture__handle{width:36px;height:4px;background:var(--color-border);border-radius:2px;margin:0 auto 16px}.photo-capture__preview{width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-bg-secondary);margin-bottom:12px}.photo-capture__loading{display:flex;flex-direction:column;align-items:center;padding:40px 0;gap:12px}.photo-capture__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:photoSpin .8s linear infinite}@keyframes photoSpin{to{transform:rotate(360deg)}}.photo-capture__loading-text{font-size:13px;color:var(--color-text-muted)}.photo-capture__error{font-size:12px;color:var(--color-error);margin-bottom:10px;text-align:center}.photo-capture__done{display:flex;flex-direction:column;align-items:center;padding:24px 0;gap:16px}.photo-capture__done-text{font-size:15px;font-weight:500;color:var(--color-text-primary)}.photo-capture__actions{display:flex;gap:10px}.photo-capture__cancel{flex:1;padding:10px;background:var(--color-bg-secondary);border:.5px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13px;font-weight:500;min-height:40px}.photo-capture__submit{flex:1;padding:10px;background:var(--color-accent);border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:500;min-height:40px}.voice-capture__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:100;display:flex;align-items:flex-end}.voice-capture__sheet{width:100%;background:var(--color-bg-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:.5px solid var(--color-border);padding:12px 16px 32px;animation:voiceSlideUp .25s ease-out}@keyframes voiceSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.voice-capture__handle{width:36px;height:4px;background:var(--color-border);border-radius:2px;margin:0 auto 16px}.voice-capture__content{display:flex;flex-direction:column;align-items:center;padding:24px 0;gap:12px;min-height:120px;justify-content:center}.voice-capture__instruction{font-size:14px;color:var(--color-text-secondary);text-align:center}.voice-capture__pulse{width:48px;height:48px;border-radius:50%;background:#ef4444;animation:voicePulse 1s ease-in-out infinite}@keyframes voicePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.voice-capture__duration{font-size:20px;font-weight:600;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.voice-capture__hint{font-size:12px;color:var(--color-text-muted)}.voice-capture__error{font-size:12px;color:var(--color-error);text-align:center}.voice-capture__processing{display:flex;flex-direction:column;align-items:center;padding:40px 0;gap:12px}.voice-capture__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:voiceSpin .8s linear infinite}@keyframes voiceSpin{to{transform:rotate(360deg)}}.voice-capture__processing-text{font-size:13px;color:var(--color-text-muted)}.voice-capture__actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px}.voice-capture__cancel{padding:10px 20px;background:var(--color-bg-secondary);border:.5px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13px;font-weight:500;min-height:40px}.voice-capture__record{width:56px;height:56px;border-radius:50%;background:var(--color-bg-secondary);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:24px;touch-action:none;user-select:none;-webkit-user-select:none}.voice-capture__record--active{background:#fee2e2;border-color:#ef4444;transform:scale(1.1)}.capture-bar{display:flex;gap:8px;align-items:center;padding:10px 16px;border-top:1px solid var(--color-border);background:var(--color-bg-primary);flex-shrink:0}.capture-bar__hint{flex:1;background:var(--color-bg-secondary);border-radius:var(--radius-pill);padding:10px 16px;font-size:14px;color:var(--color-text-muted);border:1px solid var(--color-border)}.capture-bar__actions{display:flex;align-items:center;gap:8px}.capture-bar__action{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .1s}.capture-bar__action:active{transform:scale(.92)}.capture-bar__action--mic{background:#f5ede4}.capture-bar__action--camera{background:var(--color-lwhenever)}.capture-bar__action--text{background:var(--color-bg-secondary)}.capture-bar__action--disabled{opacity:.35}.capture-bar__action-icon{font-size:18px}.capture-bar__file-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.today-page{height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-app)}.today-page__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 10px;border-bottom:1px solid var(--color-border);background:var(--color-bg-primary);flex-shrink:0}.today-page__title{font-size:17px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.3px}.today-page__date{font-size:13px;font-weight:800;color:var(--color-text-muted);margin-top:1px}.today-page__badge{font-size:11px;font-weight:600;color:#5a4a35;background:#f0ebe3;padding:3px 10px;border-radius:var(--radius-pill)}.today-page__nudge{background:#fef5ed;border-bottom:1px solid #F0DECA;padding:10px 20px;font-size:13px;font-weight:500;color:var(--color-dtoday);line-height:1.4}.today-page__nudge strong{font-weight:700}.today-page__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--color-bg-primary)}.today-page__content::-webkit-scrollbar{display:none}.today-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.today-page__empty-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.today-page__empty-sub{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.today-page__seed-btn{margin-top:16px;padding:10px 20px;font-size:13px;font-weight:600;color:var(--color-accent);background:var(--color-bg-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);min-height:40px}.today-page__seed-error{margin-top:8px;font-size:12px;color:var(--color-error);max-width:280px;word-break:break-word}.page-loading,.page-error{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:13px}.all-items-page{height:100%;display:flex;flex-direction:column;overflow:hidden}.all-items-page__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 10px;border-bottom:1px solid var(--color-border);flex-shrink:0}.all-items-page__title{font-size:17px;font-weight:700;letter-spacing:-.3px}.all-items-page__count{font-size:11px;font-weight:600;color:var(--color-text-muted);background:var(--color-bg-secondary);padding:3px 10px;border-radius:var(--radius-pill)}.all-items-page__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.all-items-page__content::-webkit-scrollbar{display:none}.all-items-page__empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--color-text-muted);font-size:13px}.all-items-page__section-label{padding:10px 20px 6px;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;background:#f7f7f4;border-bottom:1px solid var(--color-border)}.all-items-page__snoozed-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-bottom:1px solid var(--color-border)}.all-items-page__snoozed-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.all-items-page__snoozed-name{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.all-items-page__snoozed-date{font-size:11px;color:var(--color-text-muted)}.all-items-page__wake-btn{flex-shrink:0;padding:8px 14px;background:transparent;border:1px solid var(--color-accent);border-radius:var(--radius);font-size:12px;font-weight:600;color:var(--color-accent);white-space:nowrap}.all-items-page__wake-btn:disabled{opacity:.5}.bd{padding:20px;display:flex;flex-direction:column;justify-content:center;min-height:280px}.bd__card{display:flex;flex-direction:column;gap:20px;animation:bdFadeIn .35s ease-out}.bd__card--intro{align-items:center;text-align:center;padding:12px 0}@keyframes bdFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bd__intro-text{font-size:17px;font-weight:500;line-height:1.55;color:var(--color-text-primary);max-width:300px}.bd__encouragement{font-size:15px;font-weight:600;color:var(--color-text-secondary)}.bd__recovery-text{font-size:15px;font-weight:500;line-height:1.5;color:var(--color-text-secondary)}.bd__progress{display:flex;gap:6px}.bd__progress-dot{height:4px;flex:1;border-radius:2px;background:var(--color-border);transition:background .3s}.bd__progress-dot--done{background:var(--color-success)}.bd__progress-dot--active{background:var(--color-accent)}.bd__step-display{display:flex;gap:14px;align-items:flex-start;padding:16px;background:var(--color-bg-secondary);border-radius:var(--radius);border:1px solid var(--color-border)}.bd__step-number{width:30px;height:30px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}.bd__step-body{flex:1;min-width:0;padding-top:4px}.bd__step-text{font-size:16px;font-weight:500;line-height:1.45;color:var(--color-text-primary)}.bd__copy-btn{display:inline-flex;align-items:center;margin-top:8px;padding:6px 12px;background:var(--color-lwhenever);border:none;border-radius:var(--radius-pill);font-size:13px;font-weight:700;color:var(--color-dwhenever);word-break:break-all}.bd__copy-btn:active{transform:scale(.97)}.bd__actions{display:flex;flex-direction:column;gap:8px}.bd__btn{width:100%;padding:14px 20px;border-radius:var(--radius);font-size:15px;font-weight:700;font-family:var(--font);min-height:48px;transition:all .12s}.bd__btn:active{transform:scale(.97)}.bd__btn--primary{background:var(--color-accent);color:#fff}.bd__btn--secondary{background:transparent;color:var(--color-text-muted);font-weight:500;font-size:14px;min-height:40px}.bd__btn--back{background:transparent;color:var(--color-text-muted);font-weight:400;font-size:13px;min-height:36px}.grounding{height:100%;display:flex;flex-direction:column;background:#f2f0fe}.grounding__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 10px;flex-shrink:0}.grounding__header-title{font-size:15px;font-weight:600;color:#352d9a}.grounding__skip{font-size:14px;font-weight:500;color:#6358c8;min-height:44px;display:flex;align-items:center}.grounding__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 28px;text-align:center;animation:groundingFadeIn .35s ease-out}@keyframes groundingFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.grounding__step-label{font-size:11px;font-weight:700;color:#6358c8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.grounding__instruction{font-size:22px;font-weight:700;color:#352d9a;letter-spacing:-.4px;line-height:1.3;max-width:300px;margin-bottom:12px}.grounding__hint{font-size:15px;font-weight:400;color:#6358c8;line-height:1.6;max-width:300px}.grounding__footer{flex-shrink:0;padding:16px 20px max(20px,env(safe-area-inset-bottom,20px));display:flex;flex-direction:column;align-items:center;gap:16px}.grounding__dots{display:flex;gap:6px}.grounding__dot{height:4px;width:20px;border-radius:2px;background:#6358c833;transition:background .3s}.grounding__dot--done{background:#6358c8}.grounding__dot--active{background:#352d9a}.grounding__actions{display:flex;flex-direction:column;gap:8px;width:100%}.grounding__btn{width:100%;padding:14px 20px;border-radius:var(--radius);font-size:15px;font-weight:700;font-family:var(--font);min-height:48px;transition:all .12s}.grounding__btn:active{transform:scale(.97)}.grounding__btn--primary{background:#6358c8;color:#fff}.grounding__btn--secondary{background:transparent;color:#6358c8;font-weight:500;font-size:14px;min-height:40px}.sound-support{height:100%;display:flex;flex-direction:column;background:var(--color-bg-app)}.sound-support__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 10px;flex-shrink:0}.sound-support__header-title{font-size:15px;font-weight:600;color:var(--color-text-primary)}.sound-support__close{font-size:14px;font-weight:500;color:var(--color-accent);min-height:44px;display:flex;align-items:center}.sound-support__body{flex:1;padding:12px 20px 0;display:flex;flex-direction:column;gap:14px;overflow-y:auto;-webkit-overflow-scrolling:touch}.sound-support__card{border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px;animation:soundCardFadeIn .3s ease-out}@keyframes soundCardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sound-support__card--boring{background:#fef5ed;border:1.5px solid #C8620A}.sound-support__card--focus{background:#e6f5f1;border:1.5px solid #148A72;animation-delay:.08s}.sound-support__card-emoji{font-size:28px}.sound-support__card-title{font-size:17px;font-weight:700;letter-spacing:-.3px}.sound-support__card--boring .sound-support__card-title{color:#8b4513}.sound-support__card--focus .sound-support__card-title{color:#0d5e4f}.sound-support__card-desc{font-size:14px;line-height:1.5;margin-bottom:4px}.sound-support__card--boring .sound-support__card-desc{color:#a0744a}.sound-support__card--focus .sound-support__card-desc{color:#3a8a7a}.sound-support__links{display:flex;flex-direction:column;gap:6px}.sound-support__link{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff9;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:#8b4513;min-height:44px;transition:all .12s;text-decoration:none}.sound-support__link:active{transform:scale(.97)}.sound-support__link--active{background:#c8620a;color:#fff}.sound-support__link-arrow{margin-left:auto;font-size:11px;color:#c8620a}.sound-support__link--active .sound-support__link-arrow{color:#ffffffb3}.sound-support__card-wifi{font-size:11px;font-weight:500;color:#a0744a;display:flex;align-items:center;gap:4px}.sound-support__card-wifi:before{content:"📶";font-size:10px}.sound-support__sounds{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sound-support__sound-btn{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#fff9;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:#0d5e4f;min-height:44px;transition:all .12s}.sound-support__sound-btn:active{transform:scale(.97)}.sound-support__sound-btn--active{background:#148a72;color:#fff}.sound-support__section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#3a8a7a;display:flex;align-items:center;gap:6px;margin-top:4px}.sound-support__section-wifi{font-size:10px;font-weight:500;text-transform:none;letter-spacing:0;color:#6ba89a}.sound-support__focus-playlists{display:flex;flex-direction:column;gap:6px}.sound-support__focus-pl{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff9;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:#0d5e4f;min-height:44px;transition:all .12s}.sound-support__focus-pl:active{transform:scale(.97)}.sound-support__focus-pl--active{background:#148a72;color:#fff}.sound-support__focus-pl-arrow{margin-left:auto;font-size:11px;color:#148a72}.sound-support__focus-pl--active .sound-support__focus-pl-arrow{color:#ffffffb3}.sound-support__now-playing{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#e6f5f1;border-bottom:1px solid rgba(20,138,114,.15);flex-shrink:0;animation:soundCardFadeIn .25s ease-out}.sound-support__np-indicator{display:flex;align-items:flex-end;gap:2px;height:16px}.sound-support__np-bar{width:3px;border-radius:1.5px;background:#148a72;animation:npBounce .8s ease-in-out infinite alternate}.sound-support__np-bar:nth-child(1){height:8px;animation-delay:0s}.sound-support__np-bar:nth-child(2){height:14px;animation-delay:.2s}.sound-support__np-bar:nth-child(3){height:10px;animation-delay:.4s}@keyframes npBounce{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.sound-support__np-label{font-size:13px;font-weight:600;color:#0d5e4f;flex:1}.sound-support__np-stop{font-size:13px;font-weight:600;color:#148a72;min-height:44px;display:flex;align-items:center;padding:0 4px}.sound-support__footer{flex-shrink:0;padding:16px 20px max(20px,env(safe-area-inset-bottom,20px));display:flex;justify-content:center}.sound-support__dismiss{font-size:14px;font-weight:500;color:var(--color-text-muted);min-height:44px;display:flex;align-items:center}.help-sheet__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:100;animation:helpSheetFadeIn .2s ease-out}@keyframes helpSheetFadeIn{0%{opacity:0}to{opacity:1}}.help-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-primary);border-radius:20px 20px 0 0;z-index:101;padding-bottom:max(16px,env(safe-area-inset-bottom,16px));animation:helpSheetSlideUp .28s ease-out;max-height:85vh;max-height:85dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes helpSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.help-sheet__handle{display:flex;justify-content:center;padding:10px 0 6px}.help-sheet__handle-bar{width:36px;height:4px;border-radius:2px;background:var(--color-border-strong)}.help-sheet__header{padding:4px 24px 16px}.help-sheet__title{font-size:17px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.3px}.help-sheet__subtitle{font-size:13px;color:var(--color-text-muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help-sheet__options{padding:0 16px;display:flex;flex-direction:column}.help-sheet__option{display:flex;align-items:center;gap:14px;padding:14px 8px;border-bottom:1px solid var(--color-border);min-height:60px;transition:background .1s;text-align:left}.help-sheet__option:last-child{border-bottom:none}.help-sheet__option:active{background:var(--color-bg-secondary)}.help-sheet__option-icon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.help-sheet__option-text{flex:1;min-width:0}.help-sheet__option-title{font-size:15px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.2px}.help-sheet__option-desc{font-size:12px;color:var(--color-text-muted);line-height:1.4;margin-top:1px}.help-sheet__option-arrow{font-size:14px;color:var(--color-text-muted);flex-shrink:0}.help-sheet__option--disabled{opacity:.4;pointer-events:none}.detail-page{height:100%;display:flex;flex-direction:column;overflow:hidden}.detail__nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 10px;border-bottom:1px solid var(--color-border);flex-shrink:0}.detail__back{font-size:14px;font-weight:500;color:var(--color-accent);min-height:44px;display:flex;align-items:center}.detail__nav-right{display:flex;align-items:center;gap:12px}.detail__edit-btn{font-size:14px;font-weight:500;color:var(--color-accent);min-height:44px;display:flex;align-items:center}.detail__badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill)}.detail__scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.detail__scroll::-webkit-scrollbar{display:none}.detail__title-block{padding:16px 20px 12px;border-bottom:1px solid var(--color-border)}.detail__title{font-size:22px;font-weight:800;color:var(--color-text-primary);letter-spacing:-.5px;line-height:1.2}.detail__gtk{background:var(--color-note-bg);border-bottom:1px solid var(--color-note-border);padding:14px 20px}.detail__gtk--today{background:#fef5ed;border-bottom-color:#f0deca}.detail__gtk-label{font-size:11px;font-weight:700;color:#7a6a55;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px;display:flex;align-items:center;gap:6px}.detail__gtk--today .detail__gtk-label{color:#8a4800}.detail__gtk-text{font-size:14px;color:var(--color-note-text);line-height:1.6}.detail__gtk--today .detail__gtk-text{color:#6a3800}.detail__block{padding:14px 20px;border-bottom:1px solid var(--color-border)}.detail__label{font-size:11px;font-weight:700;color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}.detail__val{font-size:15px;color:var(--color-text-primary);line-height:1.5}.detail__val--attention{font-weight:600;color:var(--color-dtoday)}.detail__val--muted{color:var(--color-text-secondary)}.detail__val strong{font-weight:800}.detail__link{color:var(--color-accent);font-weight:600}.detail__image{margin-top:6px;width:100%;border-radius:var(--radius-sm);max-height:300px;object-fit:cover}.detail__btn-pair{display:flex;gap:10px;padding:14px 20px;flex-shrink:0;border-top:1px solid var(--color-border)}.detail__btn{flex:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:15px;font-weight:700;padding:13px 20px;font-family:var(--font);min-height:48px;transition:all .12s}.detail__btn:active{transform:scale(.97)}.detail__btn--primary{color:#fff}.detail__btn--soft{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-strong);font-size:13px;padding:13px 16px}.detail__btn:disabled{opacity:.5}.detail__bottom-links{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 20px 16px;flex-shrink:0}.detail__text-link{font-size:13px;color:var(--color-text-muted)}.detail__text-sep{font-size:13px;color:var(--color-border-strong)}.detail__text-link--danger{color:var(--color-text-muted)}.detail__snooze-panel{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 20px 24px;flex-shrink:0;border-top:1px solid var(--color-border)}.detail__snooze-label{font-size:13px;font-weight:600;color:var(--color-text-primary);text-align:center}.detail__snooze-options{display:flex;gap:8px;width:100%}.detail__snooze-btn{flex:1;padding:10px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius);font-size:13px;font-weight:600;color:var(--color-accent);min-height:40px;font-family:var(--font)}.detail__snooze-btn:disabled{opacity:.35;color:var(--color-text-muted)}.detail__snooze-btn--help{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.detail__snooze-cancel{font-size:13px;color:var(--color-text-muted);padding:4px}.detail__confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.detail__confirm-sheet{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:24px 20px 20px;width:100%;max-width:320px;animation:celebrateFadeIn .15s ease-out}.detail__confirm-text{font-size:15px;font-weight:600;color:var(--color-text-primary);text-align:center;margin-bottom:20px;line-height:1.4}.detail__confirm-actions{display:flex;gap:10px}.detail__confirm-cancel{flex:1;padding:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius);color:var(--color-text-secondary);font-size:14px;font-weight:600;min-height:44px}.detail__confirm-delete{flex:1;padding:12px;background:var(--color-error, #e53e3e);border-radius:var(--radius);color:#fff;font-size:14px;font-weight:600;min-height:44px}.detail__confirm-delete:disabled{opacity:.5}.detail__help-error{font-size:12px;color:var(--color-error);text-align:center;padding:0 20px 12px}.detail__edit-form{padding:16px 20px;display:flex;flex-direction:column}.detail__edit-label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.detail__edit-input{width:100%;padding:10px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:14px;min-height:40px}.detail__edit-input::placeholder{color:var(--color-text-muted)}.detail__edit-input--main{font-size:15px;font-weight:600}.detail__edit-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23909090' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.detail__edit-textarea{resize:none;min-height:auto;line-height:1.4}.detail__edit-row{display:flex;gap:10px}.detail__edit-row .detail__edit-label{flex:1}.detail__edit-error{font-size:12px;color:var(--color-error);text-align:center;margin-bottom:8px}.detail__edit-actions{display:flex;gap:10px;margin-top:6px}.detail__edit-cancel{flex:1;padding:13px;background:var(--color-bg-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius);color:var(--color-text-secondary);font-size:14px;font-weight:600;min-height:44px}.detail__edit-save{flex:1;padding:13px;background:var(--color-accent);border-radius:var(--radius);color:#fff;font-size:14px;font-weight:600;min-height:44px}.detail__edit-save:disabled{opacity:.5}.celebrate{height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);animation:celebrateLife 2.8s ease-out forwards;cursor:pointer}@keyframes celebrateLife{0%{opacity:0}12%{opacity:1}75%{opacity:1}to{opacity:0}}.celebrate__content{padding:32px;text-align:center;animation:celebrateRise .6s cubic-bezier(.22,1,.36,1) both}@keyframes celebrateRise{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.celebrate__message{font-size:26px;font-weight:700;color:var(--color-text-primary);line-height:1.3;letter-spacing:-.3px}.done-page{height:100%;display:flex;flex-direction:column;overflow:hidden}.done-page__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 10px;border-bottom:1px solid var(--color-border);flex-shrink:0}.done-page__title{font-size:17px;font-weight:700;letter-spacing:-.3px}.done-page__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.done-page__content::-webkit-scrollbar{display:none}.done-page__hero{padding:20px 20px 16px;border-bottom:1px solid var(--color-border);text-align:center;background:var(--color-lregular)}.done-page__hero-number{font-size:48px;font-weight:800;color:var(--color-success);letter-spacing:-2px;line-height:1}.done-page__hero-label{font-size:14px;font-weight:500;color:var(--color-dregular);margin-top:4px}.done-page__empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--color-text-muted);font-size:13px}.done-page__list{display:flex;flex-direction:column}.done-page__item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--color-border)}.done-page__check{width:22px;height:22px;border-radius:50%;background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.done-page__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.done-page__item-name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.done-page__item-date{font-size:11px;color:var(--color-text-muted)}.done-page__undo{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text-muted)}.done-page__undo:disabled{opacity:.5}.settings-page{height:100%;display:flex;flex-direction:column;overflow:hidden}.settings-page__header{padding:12px 20px 10px;border-bottom:1px solid var(--color-border);flex-shrink:0}.settings-page__title{font-size:17px;font-weight:700;letter-spacing:-.3px}.settings-page__content{flex:1;overflow-y:auto;padding:16px 20px}.settings__section{margin-bottom:24px}.settings__section-label{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:0 0 8px}.settings__card{background:var(--color-bg-secondary);border-radius:var(--radius);border:1px solid var(--color-border);overflow:hidden}.settings__row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;min-height:44px}.settings__label{font-size:14px;color:var(--color-text-primary)}.settings__value{font-size:13px;color:var(--color-text-muted)}.settings__danger-btn{padding:8px 14px;background:transparent;border:1px solid var(--color-error);border-radius:var(--radius);color:var(--color-error);font-size:12px;font-weight:600}.settings__danger-btn:disabled{opacity:.5}.settings__signout{width:100%;padding:13px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-error);font-size:14px;font-weight:600;min-height:44px}.settings__sublabel{display:block;font-size:12px;color:var(--color-text-muted);margin-top:2px}.settings__toggle{position:relative;width:48px;height:28px;border-radius:14px;background:var(--color-border);border:none;padding:0;cursor:pointer;flex-shrink:0;transition:background .2s}.settings__toggle--on{background:var(--color-dregular)}.settings__toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000026}.settings__toggle--on .settings__toggle-knob{transform:translate(20px)}.settings__toggle:disabled{opacity:.5;cursor:not-allowed}.settings__row--hint{border-top:1px solid var(--color-border)}.settings__hint{font-size:12px;color:var(--color-text-muted)}.settings__version{font-size:11px;color:var(--color-text-muted);text-align:center;margin-top:24px}.welcome{height:100%;display:flex;flex-direction:column;background:var(--color-bg-primary)}.welcome__card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px 20px;text-align:center;animation:welcomeFadeIn .3s ease-out}@keyframes welcomeFadeIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.welcome__emoji{font-size:48px;margin-bottom:20px}.welcome__headline{font-size:26px;font-weight:800;color:var(--color-text-primary);letter-spacing:-.6px;line-height:1.2;max-width:300px;margin-bottom:12px}.welcome__body{font-size:15px;font-weight:400;color:var(--color-text-secondary);line-height:1.6;max-width:300px}.welcome__icons{display:flex;gap:12px;margin-top:16px}.welcome__icon-tag{font-size:13px;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--color-border)}.welcome__footer{flex-shrink:0;padding:20px 28px max(28px,env(safe-area-inset-bottom,28px));display:flex;flex-direction:column;align-items:center;gap:20px}.welcome__dots{display:flex;gap:7px}.welcome__dot{width:8px;height:8px;border-radius:50%;background:var(--color-border-strong);transition:all .2s}.welcome__dot--active{background:var(--color-accent);width:10px;height:10px}.welcome__btn{width:100%;max-width:300px;padding:14px 20px;background:var(--color-accent);color:#fff;border-radius:var(--radius);font-size:15px;font-weight:700;font-family:var(--font);min-height:48px;transition:all .12s}.welcome__btn:active{transform:scale(.97)}.onboarding{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.onboarding__content{width:100%;max-width:320px;text-align:center}.onboarding__title{font-size:28px;font-weight:600;margin-bottom:6px;color:var(--color-text-primary)}.onboarding__subtitle{font-size:13px;color:var(--color-text-muted);margin-bottom:32px;line-height:1.5}.onboarding__form{display:flex;flex-direction:column;gap:10px}.onboarding__input{width:100%;padding:12px 14px;background:var(--color-bg-secondary);border:.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:13px;text-align:center;min-height:44px}.onboarding__input::placeholder{color:var(--color-text-muted)}.onboarding__button{padding:12px;background:var(--color-accent);border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:500;min-height:44px}.onboarding__button:disabled{opacity:.5}.onboarding__error{color:var(--color-error-text);font-size:12px}.onboarding__sent{margin-top:20px}.onboarding__sent-title{font-size:15px;font-weight:500;margin-bottom:6px}.onboarding__sent-text{font-size:13px;color:var(--color-text-muted);margin-bottom:16px}.onboarding__retry{font-size:12px;color:var(--color-accent);text-decoration:underline}:root{--color-bg-primary: #FFFFFF;--color-bg-secondary: #F7F7F4;--color-bg-card: #FFFFFF;--color-bg-surface: #F7F7F4;--color-bg-app: #F2F1EE;--color-text-primary: #0C0C0C;--color-text-secondary: #525252;--color-text-muted: #909090;--color-accent: #2B6FD4;--color-today: #C8620A;--color-today-bg: #FEF5ED;--color-today-border: #F0DECA;--color-today-text: #7A3800;--color-success: #177A59;--color-success-bg: #E8F6F1;--color-success-text: #0A4D37;--color-info-bg: #EBF2FF;--color-info-text: #1A4FA0;--color-good-to-know-today: #FEF5ED;--color-good-to-know-default: #F6F3EE;--color-note-bg: #F6F3EE;--color-note-border: #DDD8CF;--color-note-text: #4A4035;--color-error: #B91C1C;--color-error-text: #A32D2D;--color-border: rgba(0,0,0,.08);--color-border-light: rgba(0,0,0,.08);--color-border-strong: rgba(0,0,0,.14);--color-urgency-today: #C8620A;--color-urgency-this-week: #7A7A00;--color-urgency-whenever: #2B6FD4;--color-urgency-regular: #177A59;--color-ltoday: #FEF5ED;--color-lweek: #FAFAEB;--color-lwhenever: #EBF2FF;--color-lregular: #E8F6F1;--color-dtoday: #7A3800;--color-dweek: #4A4A00;--color-dwhenever: #1A4FA0;--color-dregular: #0A4D37;--radius: 14px;--radius-sm: 8px;--radius-lg: 16px;--radius-pill: 999px;--font: "DM Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%}body{height:100%;margin:0;overflow:hidden;font-family:var(--font);background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;position:relative;overflow:hidden}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit;font-size:inherit}button:active{transform:scale(.97)}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--color-accent);text-decoration:none}