@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=IBM+Plex+Mono:wght@500;700&display=swap";.landing-page{background-color:var(--color-paper);min-height:100vh;color:var(--color-ink);flex-direction:column;display:flex}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--border-hairline);padding:var(--space-4) var(--space-6);background:#f7f9faeb;position:sticky;top:0}.landing-nav__container{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.landing-nav__brand{align-items:center;gap:var(--space-3);display:flex}.landing-nav__logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold)}.landing-nav__actions{align-items:center;gap:var(--space-4);display:flex}.landing-nav__link{font-size:var(--text-sm);color:var(--color-ink-muted);font-weight:var(--weight-medium)}.landing-nav__link:hover{color:var(--color-ink);text-decoration:none}.landing-hero{max-width:1100px;padding:var(--space-12) var(--space-6);gap:var(--space-10);grid-template-columns:1.2fr 1fr;align-items:center;margin:0 auto;display:grid}.landing-hero__badge{background:var(--color-alert-light);color:var(--color-duo-red);font-size:var(--text-xs);font-weight:var(--weight-bold);margin-bottom:var(--space-4);border:1px solid #ffcdd2;border-radius:999px;padding:6px 14px;display:inline-block}.landing-hero__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4);line-height:1.15}.landing-hero__subtitle{font-size:var(--text-lg);color:var(--color-ink-muted);margin-bottom:var(--space-6);line-height:1.6}.landing-hero__ctas{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.auth-google-hero-btn{align-items:center;gap:var(--space-2);display:inline-flex}.landing-hero__stats{gap:var(--space-6);padding-top:var(--space-6);border-top:var(--border-hairline);flex-wrap:wrap;display:flex}.landing-stat{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-ink-muted);display:flex}.landing-hero__preview{justify-content:center;display:flex}.demo-timer-card{width:100%;max-width:380px;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);border:var(--border-card);padding:var(--space-6);text-align:center;background:#fff;position:relative}.demo-timer-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.demo-timer-phase{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-duo-red);margin-bottom:var(--space-2)}.demo-timer-clock{font-size:3.5rem;font-weight:var(--weight-bold);color:var(--color-ink);margin-bottom:var(--space-4)}.demo-timer-controls{gap:var(--space-2);margin-bottom:var(--space-6);justify-content:center;display:flex}.demo-badges{gap:var(--space-2);flex-direction:column;display:flex}.demo-badge{padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--text-xs);font-weight:var(--weight-semibold);justify-content:space-between;align-items:center;display:flex}.demo-badge--streak{background:var(--color-growth-light);border:1px solid var(--color-duo-green-shadow)}.demo-badge--reward{background:var(--color-gold-light);border:1px solid var(--color-duo-gold-shadow)}.landing-features{max-width:1100px;padding:var(--space-12) var(--space-6);width:100%;margin:0 auto}.landing-features__header{text-align:center;margin-bottom:var(--space-10)}.landing-section-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.landing-features__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.feature-card{padding:var(--space-6);transition:transform var(--transition-fast)}.feature-card:hover{transform:translateY(-4px)}.feature-card__icon{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.feature-card__title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.feature-card__body{font-size:var(--text-sm);color:var(--color-ink-muted);line-height:1.6}.landing-auth-section{max-width:1100px;padding:var(--space-12) var(--space-6);justify-content:center;width:100%;margin:0 auto;display:flex}.landing-auth-card{background:var(--color-paper-raised);border:var(--border-card);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:var(--space-8);box-shadow:var(--shadow-lg)}.auth-brand{text-align:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:var(--border-hairline)}.auth-brand__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-ink);margin-bottom:var(--space-1)}.auth-brand__subtitle{font-size:var(--text-sm);color:var(--color-ink-muted)}.auth-tabs{margin-bottom:var(--space-6);border-bottom:var(--border-hairline);display:flex}.auth-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px}.auth-tab:hover{color:var(--color-ink)}.auth-tab--active{color:var(--color-ink);border-bottom-color:var(--color-ink)}.auth-form{flex-direction:column;display:flex}.auth-error{color:var(--color-alert);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:var(--color-alert-light);border-radius:var(--radius);margin-bottom:var(--space-3)}.auth-submit{margin-top:var(--space-2)}.auth-divider{align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-ink-muted);font-size:var(--text-sm);display:flex}.auth-divider:before,.auth-divider:after{content:"";border-top:var(--border-hairline);flex:1}.auth-google-btn{gap:var(--space-3);padding:var(--space-3)}.landing-footer{border-top:var(--border-hairline);padding:var(--space-6);text-align:center;font-size:var(--text-xs);color:var(--color-ink-muted);margin-top:auto}@media (width<=860px){.landing-hero{text-align:center;padding:var(--space-8) var(--space-4);grid-template-columns:1fr}.landing-hero__title{font-size:var(--text-3xl)}.landing-hero__ctas,.landing-hero__stats{justify-content:center}}.friends-sideboard{background:var(--color-paper-raised);border:1px solid var(--color-rule);padding:var(--space-5);border-radius:16px;flex-direction:column;display:flex;box-shadow:0 4px 12px #1f2a440a}.friends-sideboard__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.friends-sideboard__title-wrap{align-items:center;gap:6px;display:flex}.friends-sideboard__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink);margin:0;font-weight:700}.friends-sideboard__badge{font-size:1.1rem}.friends-add-form{background:var(--color-paper);border:1px solid var(--color-rule);padding:var(--space-3);margin-bottom:var(--space-4);border-radius:8px}.friends-sideboard__msg{margin-bottom:var(--space-3);border-radius:6px;padding:6px 10px}.friends-sideboard__msg--error{color:var(--color-alert);background:#fff5f5;border:1px solid #feb2b2}.friends-sideboard__msg--success{color:var(--color-growth);background:#f0fff4;border:1px solid #9ae6b4}.outgoing-invites{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:8px;padding:8px 12px}.outgoing-invite-row{border-bottom:1px dashed var(--color-rule);padding:4px 0}.outgoing-invite-row:last-child{border-bottom:none}.friends-tabs{border-bottom:1px solid var(--color-rule);margin-bottom:var(--space-4);display:flex}.friends-tab{color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 4px;font-size:.8rem;font-weight:600;transition:all .15s}.friends-tab:hover{color:var(--color-ink)}.friends-tab--active{color:var(--color-growth);border-bottom-color:var(--color-growth)}.friends-list{flex-direction:column;gap:6px;max-height:420px;padding-right:2px;display:flex;overflow-y:auto}.friend-row{align-items:center;gap:var(--space-3);background:var(--color-paper);border:1px solid #0000;border-radius:10px;padding:8px 10px;transition:all .15s;display:flex;position:relative}.friend-row:hover{border-color:var(--color-rule);transform:translate(2px)}.friend-row--self{background:#f0fdf4;border-color:#bbf7d0}.friend-row__rank{color:var(--color-ink-muted);text-align:center;min-width:20px;font-size:.82rem;font-weight:700}.friend-row__avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 4px #0000001a}.friend-row__info{flex:1;min-width:0}.friend-row__you-tag{color:var(--color-growth);background:#dcfce7;border-radius:4px;padding:1px 4px;font-size:.7rem;font-weight:700}.status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot--active{background:var(--color-growth);box-shadow:0 0 0 2px #3f6b4f33}.status-dot--pending{background:#ed8936}.friend-row__streak{background:#ff960014;border:1px solid #ff960033;border-radius:12px;align-items:center;gap:2px;padding:4px 8px;display:flex}.friend-row__flame{font-size:.85rem}.friend-row__count{color:#dd6b20;font-size:.88rem}.friend-row__remove-btn{color:var(--color-ink-muted);cursor:pointer;opacity:0;background:0 0;border:none;padding:4px;font-size:.75rem;transition:opacity .15s}.friend-row:hover .friend-row__remove-btn{opacity:1}.friend-row__remove-btn:hover{color:var(--color-alert)}.notif-bell-container{display:inline-block;position:relative}.notif-bell-btn{border:2px solid var(--color-duo-card-border);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex;position:relative;box-shadow:0 2px #0000000a}.notif-bell-btn:hover{background:var(--color-paper-hover);transform:scale(1.05)}.notif-bell-icon{font-size:1.15rem}.notif-badge{background:var(--color-duo-red);color:#fff;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #00000026}.notif-dropdown{background:var(--color-paper-raised);border:2px solid var(--color-duo-card-border);z-index:600;border-radius:16px;flex-direction:column;width:340px;max-height:460px;display:flex;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 10px 25px #1f2a4426}.notif-dropdown__header{border-bottom:2px solid var(--color-duo-card-border);background:var(--color-paper-raised);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-dropdown__title{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-ink);margin:0;font-weight:800}.notif-mark-all-btn{padding:4px 10px;font-size:.72rem}.notif-tabs{background:var(--color-paper);border-bottom:2px solid var(--color-duo-card-border);display:flex}.notif-tab{font-family:var(--font-display);color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:8px 12px;font-size:.78rem;font-weight:700;transition:all .15s}.notif-tab:hover{color:var(--color-ink);background:#00000005}.notif-tab--active{color:var(--color-duo-blue);border-bottom-color:var(--color-duo-blue);background:#fff}.notif-list{max-height:340px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--color-rule);padding:12px 36px 12px 16px;transition:background .15s,opacity .15s;position:relative}.notif-item:last-child{border-bottom:none}.notif-item--unread{border-left:4px solid var(--color-duo-green);background:#fffdf0}.notif-item--read{background:#fff}.notif-item--accepted,.notif-item--read{opacity:.65;background:#f9fafb}.notif-item--accepted:hover,.notif-item--read:hover{opacity:.9}.notif-text{color:var(--color-ink);margin:0;line-height:1.4}.notif-item__remove-btn{color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;transition:all .12s;display:flex;position:absolute;top:10px;right:10px}.notif-item__remove-btn:hover{color:var(--color-duo-red);background:#ff4b4b1a}.notif-empty{text-align:center;padding:32px 16px}.notif-status-tag{margin-top:4px;display:inline-block}.invite-page-card{max-width:460px;margin:var(--space-8) auto;text-align:center;padding:var(--space-8) var(--space-6)}.invite-avatar{color:#fff;width:72px;height:72px;font-size:var(--text-2xl);margin:0 auto var(--space-4);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:0 4px 12px #00000026}.invite-title{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-2)}.invite-badge{align-items:center;gap:var(--space-2);color:#d97706;font-size:var(--text-xs);margin-bottom:var(--space-4);background:#ff96001f;border-radius:20px;padding:4px 12px;font-weight:600;display:inline-flex}.invite-actions{gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.duo-streak-card{text-align:center;padding:var(--space-6) var(--space-5);margin-bottom:var(--space-6);background:var(--color-paper-raised);border:1px solid var(--color-rule);border-radius:16px;flex-direction:column;align-items:center;display:flex;box-shadow:0 4px 12px #1f2a440a}.duo-streak-flame-wrap{margin-bottom:var(--space-2);justify-content:center;display:flex}.duo-flame-container{justify-content:center;align-items:center;width:76px;height:90px;display:flex}.duo-flame-container--active{animation:2.5s ease-in-out infinite alternate duoFlameFloat}@keyframes duoFlameFloat{0%{transform:translateY(0)scale(1)}to{transform:translateY(-6px)scale(1.04)}}.duo-flame-svg{width:100%;height:100%}.duo-flame-container--inactive{opacity:.4;filter:grayscale(.8)}.duo-streak-counter{margin-bottom:var(--space-6);flex-direction:column;align-items:center;display:flex}.duo-streak-number{font-family:var(--font-display);color:var(--color-duo-red);letter-spacing:-.02em;text-shadow:0 2px 4px #d32f2f33;font-size:3.2rem;font-weight:800;line-height:1}.duo-streak-label{color:var(--color-duo-red);margin-top:2px;font-size:1.1rem;font-weight:700}.duo-week-row{width:100%;max-width:360px;margin-bottom:var(--space-5);justify-content:space-around;align-items:center;gap:var(--space-2);display:flex}.duo-day-col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.duo-day-label{color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.8rem;font-weight:700}.duo-day-label--today{color:var(--color-duo-red);font-weight:800}.duo-day-label--active{color:var(--color-duo-red)}.duo-day-badge{-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s,box-shadow .15s;display:flex}.duo-day-badge:hover{transform:scale(1.08)}.duo-icon-svg{color:#fff;width:20px;height:20px}.duo-icon-svg--placeholder{color:var(--color-duo-red);opacity:.5}.duo-day-badge--studied{background:linear-gradient(135deg,#e53935 0%,#b71c1c 100%);box-shadow:0 3px 8px #b71c1c66}.duo-day-badge--frozen{background:linear-gradient(135deg,#0288d1 0%,#01579b 100%);border-radius:50% 50% 50% 12px;box-shadow:0 3px 8px #0288d159}.duo-day-badge--today-pending{border:2px dashed var(--color-duo-red);background:#d32f2f14;animation:2s ease-in-out infinite duoPulseRing}@keyframes duoPulseRing{0%,to{box-shadow:0 0 #d32f2f4d}50%{box-shadow:0 0 0 5px #d32f2f00}}.duo-day-badge--missed{border:2px solid var(--color-rule);color:var(--color-ink-muted);background:0 0}.duo-day-badge--future{border:2px dotted var(--color-rule);opacity:.5;background:0 0}.duo-dash-symbol{color:var(--color-ink-muted);font-size:1rem}.duo-dot-symbol{background:var(--color-rule);border-radius:50%;width:6px;height:6px}.duo-streak-message{color:var(--color-ink-muted);max-width:320px;margin-bottom:var(--space-5);font-size:.92rem;font-weight:500;line-height:1.4}.duo-streak-message p{margin:0}.duo-streak-pills{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.duo-pill{border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:flex}.duo-pill--freeze{color:#0077b6;background:#ebf8ff;border:1px solid #bee3f8}.duo-pill--longest{color:#744210;background:#fefcbf;border:1px solid #feebc8}.duo-pill-icon{font-size:.95rem}.duo-streak-timer{margin-bottom:var(--space-5);border-radius:24px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000000d}.duo-streak-timer--pending{color:#c53030;background:linear-gradient(135deg,#fff5f5 0%,#ffe3e3 100%);border:1px solid #feb2b2}.duo-streak-timer--secured{color:#22543d;background:linear-gradient(135deg,#f0fff4 0%,#c6f6d5 100%);border:1px solid #9ae6b4}.duo-timer-icon{font-size:1rem}.duo-timer-clock{letter-spacing:.03em;font-size:.95rem}@media (prefers-reduced-motion:reduce){.duo-flame-container--active,.duo-day-badge--today-pending{animation:none}}@media (width<=480px){.duo-streak-number{font-size:2.8rem}.duo-day-badge{width:32px;height:32px}.duo-icon-svg{width:17px;height:17px}.duo-week-row{gap:2px}}.streak-celebration-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;animation:.25s ease-out streakFadeIn;display:flex}.streak-celebration-modal{width:92%;max-width:460px;padding:var(--space-6);background:var(--color-paper-raised);border-radius:24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) streakModalPop;position:relative;box-shadow:0 20px 40px #0003}.streak-celebration-close-btn{color:var(--color-ink-muted);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:background .15s;display:flex;position:absolute;top:16px;right:16px}.streak-celebration-close-btn:hover{background:var(--color-paper-hover);color:var(--color-ink)}.streak-celebration-header{text-align:center;margin-bottom:var(--space-4)}.streak-celebration-badge{margin-bottom:6px;padding:4px 12px;font-size:.85rem}.streak-celebration-title{color:var(--color-ink);margin-bottom:0;font-size:1.4rem}.streak-celebration-modal .duo-streak-card{margin-bottom:var(--space-4);box-shadow:none;border:1px solid var(--color-rule)}.streak-celebration-btn{padding:12px 24px;font-size:1.05rem}@keyframes streakFadeIn{0%{opacity:0}to{opacity:1}}@keyframes streakModalPop{0%{opacity:0;transform:scale(.85)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.reward-planner{margin-top:var(--space-4);border:2px solid var(--color-duo-card-border);border-radius:16px}.reward-planner__title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-duo-card-border);font-weight:800}.reward-planner-toggle{gap:var(--space-3);align-items:center;display:flex}.reward-preview{padding:var(--space-4);margin-top:var(--space-4);background:#fffdf0;border:2px solid #feebc8;border-radius:14px}@media (width<=480px){.reward-planner__bonus-row{grid-template-columns:1fr}}.reward-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}.reward-modal-card{border:2px solid var(--color-duo-card-border);background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 12px 32px #0003}.reward-modal__header{border-bottom:2px solid var(--color-duo-card-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.reward-modal__title{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:1.25rem;font-weight:800}.reward-modal__close-btn{color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:1.2rem;transition:background .1s}.reward-modal__close-btn:hover{background:var(--color-paper-hover);color:var(--color-ink)}.reward-planner__bonus-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.reward-preview{background:#fffdf0;border:2px solid #feebc8;border-radius:14px;margin-top:16px;padding:14px}.reward-preview__title{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:#d69e2e;margin-bottom:8px;font-weight:800}.reward-preview__table{font-size:var(--text-sm)}.reward-preview__row--threshold td{color:var(--color-ink);font-weight:800}.reward-preview__row--threshold td:last-child{color:#d69e2e}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.reward-planner__bonus-row{grid-template-columns:1fr}}@keyframes stamp-in{0%{opacity:0;transform:rotate(-2deg)scale(1.4)}60%{opacity:1;transform:rotate(-3deg)scale(.95)}to{opacity:1;transform:rotate(-2deg)scale(1)}}@keyframes stamp-in-grey{0%{opacity:0;transform:rotate(2deg)scale(1.3)}60%{opacity:1;transform:rotate(3deg)scale(.97)}to{opacity:1;transform:rotate(2deg)scale(1)}}@media (prefers-reduced-motion:reduce){@keyframes stamp-in{0%{opacity:0}to{opacity:1}}@keyframes stamp-in-grey{0%{opacity:0}to{opacity:1}}}.reward-stamp{align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-4);flex-direction:column;display:flex}.stamp-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.reward-stamp--earned .stamp-circle{border:5px solid var(--color-gold);background:var(--color-gold-light);box-shadow:0 0 0 2px var(--color-paper), 0 0 0 4px var(--color-gold);animation:.12s ease-out both stamp-in;transform:rotate(-2deg)}.reward-stamp--not-reached .stamp-circle{border:4px dashed var(--color-rule);opacity:.7;background:0 0;animation:.12s ease-out both stamp-in-grey;transform:rotate(2deg)}.stamp-circle__content{align-items:center;gap:var(--space-1);text-align:center;padding:var(--space-2);flex-direction:column;display:flex}.stamp-amount{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-gold);line-height:1.1}.stamp-amount--empty{color:var(--color-ink-muted);font-size:var(--text-lg)}.stamp-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold)}.reward-stamp--not-reached .stamp-label{color:var(--color-ink-muted)}.stamp-breakdown{border:var(--border-hairline);border-radius:var(--radius);width:100%;max-width:300px;overflow:hidden}.stamp-breakdown__line{padding:var(--space-2) var(--space-4);border-bottom:var(--border-hairline);justify-content:space-between;align-items:center;display:flex}.stamp-breakdown__total{padding:var(--space-3) var(--space-4);background:var(--color-gold-light);border-top:2px solid var(--color-rule);justify-content:space-between;align-items:center;display:flex}.stamp-miss-note{text-align:center;max-width:280px}.wallet-balance{gap:var(--space-1);background:linear-gradient(135deg,#fffde7 0%,#fff8e1 100%);border:2px solid #fff59d;border-radius:20px;flex-direction:column;padding:24px;display:flex;box-shadow:0 6px #fbc02d}.wallet-balance__label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);color:#c68a00;font-weight:800}.wallet-balance__amount{font-family:var(--font-mono);color:#c68a00;text-shadow:0 2px 4px #c68a0026;font-size:3.5rem;font-weight:800;line-height:1.1}.wallet-balance__sub{color:#795548;font-weight:600}.wallet-history-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800}.wallet-table-wrap{border:2px solid var(--color-duo-card-border);border-radius:16px;overflow-x:auto}@media (width<=480px){.wallet-balance__amount{font-size:2.5rem}}.history-filter{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.history-filter__input{max-width:280px}.history-filter__count{white-space:nowrap}.history-table-wrap{overflow-x:auto}@media (width<=480px){.history-filter{flex-direction:column;align-items:flex-start}.history-filter__input{width:100%;max-width:100%}.ledger-table th:nth-child(3),.ledger-table td:nth-child(3){display:none}.history-td-date,.history-td-subject{padding-bottom:var(--space-1);border-bottom:none;display:block}.history-td-duration,.history-td-reward{padding:var(--space-1) var(--space-2) var(--space-1) 0;border-bottom:none;display:inline-block}tr{padding:var(--space-3) 0;border-bottom:var(--border-hairline);display:block}tr:last-child{border-bottom:none}}.streak-popover-container{display:inline-block;position:relative}.duo-status-badge--streak-btn{cursor:pointer;color:var(--color-duo-orange);background:#fffaf0;border:2px solid #feebc8;transition:transform .15s,box-shadow .15s,background .15s}.duo-status-badge--streak-btn:hover{background:#fff5e6;transform:scale(1.05)}.streak-popover-dropdown{background:var(--color-paper-raised);border:2px solid var(--color-duo-card-border);z-index:600;text-align:center;border-radius:16px;flex-direction:column;align-items:center;width:320px;padding:20px 16px 16px;display:flex;position:absolute;top:48px;left:0;box-shadow:0 10px 25px #1f2a4426}@media (width<=600px){.streak-popover-dropdown{left:auto;right:-40px}}.streak-popover__flame{width:54px;height:64px;margin-bottom:4px}.streak-popover__counter{margin-bottom:12px}.streak-popover__num{font-family:var(--font-display);color:var(--color-duo-red);font-size:2.2rem;font-weight:800;line-height:1}.streak-popover__label{color:var(--color-duo-red);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.streak-popover__timer{border-radius:16px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.streak-popover__timer--pending{color:#c53030;background:#fff5f5;border:1px solid #feb2b2}.streak-popover__timer--secured{color:#22543d;background:#f0fff4;border:1px solid #9ae6b4}.streak-popover__week{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:12px;justify-content:space-around;align-items:center;gap:4px;width:100%;margin-bottom:12px;padding:8px 4px;display:flex}.streak-popover__day{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.streak-popover__day-label{color:var(--color-ink-muted);font-size:.72rem;font-weight:700}.streak-popover__day-label--today{color:var(--color-duo-red);font-weight:800}.streak-popover__badge{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}.streak-popover__badge--studied{color:#fff;background:linear-gradient(135deg,#e53935 0%,#b71c1c 100%);box-shadow:0 2px 6px #b71c1c4d}.streak-popover__badge--frozen{color:#fff;background:linear-gradient(135deg,#0288d1 0%,#01579b 100%)}.streak-popover__badge--today-pending{border:2px dashed var(--color-duo-red);background:#d32f2f14}.streak-popover__badge--missed{border:1px solid var(--color-rule);color:var(--color-ink-muted);background:0 0}.streak-popover__badge--future{border:1px dotted var(--color-rule);opacity:.4;background:0 0}.streak-popover__msg{color:var(--color-ink-muted);margin-bottom:12px;font-size:.8rem;font-weight:500;line-height:1.35}.streak-popover__pills{justify-content:center;gap:8px;width:100%;display:flex}.streak-popover__pill{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:flex}.streak-popover__pill--freeze{color:#0077b6;background:#ebf8ff;border:1px solid #bee3f8}.streak-popover__pill--longest{color:#744210;background:#fefcbf;border:1px solid #feebc8}.streak-modal__badge{margin-bottom:var(--space-4);display:inline-flex}.streak-modal__body{color:var(--color-ink-muted);margin-bottom:var(--space-4);line-height:1.65}.streak-modal__tokens{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-gold-light);border-radius:var(--radius);border:1px solid #b8862b33;display:flex}.streak-modal__actions{flex-wrap:wrap}.streak-modal__freeze-btn{flex:1}.streak-modal__no-tokens{text-align:center}.duo-top-nav{z-index:500;background:var(--color-paper-raised);border-bottom:2px solid var(--color-duo-card-border);width:100%;position:sticky;top:0;box-shadow:0 2px 8px #0000000a}.duo-top-nav__inner{max-width:1100px;padding:0 var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);height:64px;margin:0 auto;display:flex}.duo-nav-tabs{align-items:center;gap:var(--space-2);height:100%;display:flex}.duo-tab-item{font-family:var(--font-display);color:var(--color-ink-muted);border:2px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.duo-tab-item:hover{background:var(--color-paper-hover);color:var(--color-ink);text-decoration:none}.duo-tab-item--active{border-color:var(--color-duo-red);color:var(--color-duo-red);background:#ffebee}.duo-tab-icon{font-size:1.1rem}.duo-tab-text{letter-spacing:.05em}.duo-top-nav__status{align-items:center;gap:var(--space-4);display:flex}.duo-status-badge{border:2px solid var(--color-duo-card-border);background:var(--color-paper-raised);-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:6px;padding:6px 14px;font-size:.9rem;font-weight:700;display:flex}.duo-status-badge--streak{color:var(--color-duo-orange);background:#fff3e0;border-color:#ffe0b2}.duo-status-badge--wallet{color:#c68a00;background:#fffde7;border-color:#fff59d}.duo-status-icon{font-size:1.1rem}.duo-status-num{font-family:var(--font-mono);font-weight:700}.duo-profile-menu-container{position:relative}.duo-avatar-btn{background:var(--color-duo-red);color:#fff;border:2px solid var(--color-duo-red-shadow);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:800;transition:transform .1s;display:flex;box-shadow:0 2px 4px #0000001a}.duo-avatar-btn:hover{transform:scale(1.05)}.duo-profile-dropdown{width:220px;padding:var(--space-4);z-index:600;background:var(--color-paper-raised);border:2px solid var(--color-duo-card-border);border-radius:14px;position:absolute;top:48px;right:0;box-shadow:0 10px 25px #0000001f}@media (width<=840px){.duo-top-nav__inner{padding:0 var(--space-3);flex-wrap:wrap;height:auto;padding-top:8px;padding-bottom:8px}.duo-nav-tabs{order:2;width:100%;padding-bottom:4px;overflow-x:auto}.duo-top-nav__status{order:1;justify-content:space-between;width:100%}}.goals-form__title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-6)}.goals-form__row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.goal-card{border:2px solid var(--color-duo-card-border);border-radius:16px;box-shadow:0 4px #00000008}.goal-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.goal-card__title{font-family:var(--font-display);margin-bottom:var(--space-1);font-size:1.15rem;font-weight:800}.goal-card__meta{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.goal-card__actions{gap:var(--space-2);flex-shrink:0;display:flex}.goal-card__progress{margin-top:var(--space-3)}.goal-card__progress-labels{justify-content:space-between;margin-bottom:6px;display:flex}.goal-progress-track{background:var(--color-duo-card-border);border-radius:999px;height:14px;position:relative;overflow:hidden}.goal-progress-fill{background:linear-gradient(135deg,#e53935 0%,#b71c1c 100%);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1);position:relative}.goal-progress-fill--complete{background:linear-gradient(135deg,#ffb300 0%,#c68a00 100%)}.goal-card--completed{opacity:.75}.goal-celebration-toast{background:var(--color-duo-red);color:#fff;border:2px solid var(--color-duo-red-shadow);font-family:var(--font-display);z-index:1000;border-radius:16px;padding:16px 24px;font-weight:800;animation:.3s cubic-bezier(.34,1.56,.64,1) both toastPop;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #8b000059}@keyframes toastPop{0%{opacity:0;transform:translateY(100px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.goals-form__row{grid-template-columns:1fr}.goal-card__header{flex-direction:column}.goal-card__actions{justify-content:flex-start;width:100%}}.pomo-settings-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}.pomo-settings-card{border:2px solid var(--color-duo-card-border);background:#fff;border-radius:20px;width:100%;max-width:440px;padding:24px;box-shadow:0 12px 32px #0003}.pomo-settings__header{border-bottom:2px solid var(--color-duo-card-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.pomo-settings__title{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:1.25rem;font-weight:800}.pomo-settings__close-btn{color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:1.2rem;transition:background .1s}.pomo-settings__close-btn:hover{background:var(--color-paper-hover);color:var(--color-ink)}.pomodoro-timer{gap:var(--space-6);flex-direction:column;max-width:560px;margin:0 auto;display:flex}.pomodoro-display{text-align:center;border:2px solid var(--color-duo-card-border);background:var(--color-paper-raised);box-shadow:0 6px 0 var(--color-duo-card-border);transition:background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);border-radius:20px;padding:40px 24px}.pomodoro-display--working{box-shadow:0 6px 0 var(--color-duo-red);background:#ffebee;border-color:#ff8a80}.pomodoro-display--break{box-shadow:0 6px 0 var(--color-duo-gold);background:#fff8e1;border-color:#ffe082}.pomodoro-phase{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);margin-bottom:var(--space-2);font-size:.85rem;font-weight:800}.pomodoro-display--working .pomodoro-phase{color:var(--color-duo-red)}.pomodoro-display--break .pomodoro-phase{color:#c68a00}.pomodoro-countdown{font-family:var(--font-mono);color:var(--color-ink);letter-spacing:-.02em;margin-bottom:var(--space-4);text-shadow:0 2px #0000000d;font-size:5rem;font-weight:800;line-height:1}@media (width<=480px){.pomodoro-countdown{font-size:3.5rem}}.pomodoro-cycles{color:var(--color-ink-muted);font-weight:600}.pomodoro-controls{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.pomodoro-settings-toggle{justify-content:center;display:flex}.pomodoro-result{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.pomodoro-result__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800}.dashboard-page{max-width:1060px;margin:0 auto}.dashboard-grid{gap:var(--space-6);grid-template-columns:1fr 340px;align-items:start;display:grid}@media (width<=920px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-focus-card{padding:var(--space-6)}.focus-card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-ink);margin-bottom:2px}.focus-card-subtitle{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0}.dash-side-card{background:var(--color-paper-raised);border:1px solid var(--color-rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px}.dash-side-card__title{font-family:var(--font-display);font-size:1.05rem;font-weight:var(--weight-bold);color:var(--color-ink);margin:0}.dash-progress-track{background:var(--color-paper-hover);border-radius:6px;height:12px;overflow:hidden}.dash-progress-fill{background:var(--color-growth);border-radius:6px;height:100%;transition:width .3s}.dash-weekly-chart{border-top:1px solid var(--color-rule);margin-top:14px;padding-top:12px}.dash-chart-bars{align-items:flex-end;gap:6px;height:72px}.dash-chart-col{flex:1;justify-content:flex-end;height:100%}.dash-chart-bar{background:var(--color-paper-hover);border-radius:4px 4px 0 0;width:14px;min-height:8px;transition:height .3s}.dash-chart-bar--active{background:var(--color-growth)}.dash-chart-label{margin-top:4px;font-size:.72rem}.dash-achievement-icon{background:var(--color-gold-light);border:1px solid #ffc80040;border-radius:12px;padding:8px;font-size:1.8rem}.dashboard-today__title{font-family:var(--font-display);margin-bottom:var(--space-3);font-size:1.1rem;font-weight:700}.dashboard-today__session{border-bottom:1px solid var(--color-rule);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.dashboard-today__session:last-child{border-bottom:none}:root{--color-duo-green:#2e7d32;--color-duo-green-shadow:#1e5622;--color-duo-blue:#0288d1;--color-duo-blue-shadow:#01579b;--color-duo-orange:#ff6d00;--color-duo-orange-shadow:#c74b00;--color-duo-gold:#ffb300;--color-duo-gold-shadow:#c68a00;--color-duo-red:#d32f2f;--color-duo-red-shadow:#8b0000;--color-duo-card-border:#e8dfd5;--color-steak-red:#d32f2f;--color-steak-red-shadow:#8b0000;--color-steak-sear:#4a2e2b;--color-steak-butter:#ffd54f;--color-steak-charcoal:#2c221e;--color-paper:#faf5ef;--color-paper-raised:#fff;--color-ink:#2c221e;--color-ink-muted:#796960;--color-gold:#ffb300;--color-growth:#2e7d32;--color-alert:#d32f2f;--color-rule:#e8dfd5;--color-paper-hover:#f3ece2;--color-gold-light:#fff8e1;--color-growth-light:#e8f5e9;--color-alert-light:#ffebee;--color-ink-subtle:#e8dfd5;--font-display:"Outfit", "Roboto Slab", system-ui, sans-serif;--font-body:"Outfit", "Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:2px;--radius:4px;--radius-lg:6px;--border-hairline:1px solid var(--color-rule);--border-card:1px solid var(--color-rule);--shadow-sm:0 1px 2px #1f2a440f;--shadow:0 2px 6px #1f2a4414;--shadow-lg:0 4px 16px #1f2a441a;--transition-fast:.12s ease-out;--transition-base:.2s ease-out;--transition-slow:.3s ease-out;--max-width:900px;--nav-width:220px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--color-ink);background-color:var(--color-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-semibold);color:var(--color-ink);line-height:1.25}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{line-height:1.65}a{color:var(--color-growth);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base)}.mono{font-family:var(--font-mono);font-weight:var(--weight-medium)}:focus-visible{outline:2px solid var(--color-growth);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-layout{background-color:var(--color-paper);flex-direction:column;min-height:100vh;display:flex}.app-main{width:100%;padding:var(--space-6) var(--space-4);flex:1}.page-container{max-width:1060px;margin:0 auto}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:var(--border-hairline)}.page-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-ink);margin-bottom:var(--space-2)}.page-subtitle{font-size:var(--text-sm);color:var(--color-ink-muted);font-family:var(--font-body)}.card{background:var(--color-paper-raised);border:var(--border-card);border-radius:var(--radius);padding:var(--space-6)}.card-sm{padding:var(--space-4)}.ledger-table{border-collapse:collapse;width:100%}.ledger-table thead tr{border-bottom:2px solid var(--color-rule)}.ledger-table th{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-4) var(--space-2) 0;text-align:left}.ledger-table td{padding:var(--space-3) var(--space-4) var(--space-3) 0;border-bottom:var(--border-hairline);font-size:var(--text-sm);vertical-align:middle}.ledger-table tbody tr:last-child td{border-bottom:none}.ledger-table tbody tr:hover td{background:var(--color-paper-hover)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:2px solid #0000;border-bottom-width:4px;border-radius:14px;padding:10px 20px;text-decoration:none;transition:transform .1s,box-shadow .1s,background-color .1s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(2px)}.btn-primary{background-color:var(--color-duo-red);color:#fff;border-color:var(--color-duo-red-shadow);border-bottom-color:var(--color-duo-red-shadow);box-shadow:0 4px 0 var(--color-duo-red-shadow)}.btn-primary:hover:not(:disabled){background-color:#e53935;text-decoration:none}.btn-primary:active:not(:disabled){box-shadow:0 2px 0 var(--color-duo-red-shadow)}.btn-growth{background-color:var(--color-duo-green);color:#fff;border-color:var(--color-duo-green-shadow);border-bottom-color:var(--color-duo-green-shadow);box-shadow:0 4px 0 var(--color-duo-green-shadow)}.btn-growth:hover:not(:disabled){background-color:#388e3c;text-decoration:none}.btn-growth:active:not(:disabled){box-shadow:0 2px 0 var(--color-duo-green-shadow)}.btn-secondary{color:var(--color-ink);border-color:var(--color-duo-card-border);background-color:#fff;border-bottom-color:#c9bcae;box-shadow:0 4px #c9bcae}.btn-secondary:hover:not(:disabled){background-color:var(--color-paper-hover);text-decoration:none}.btn-secondary:active:not(:disabled){box-shadow:0 2px #c9bcae}.btn-danger{color:#fff;background-color:#b71c1c;border-color:#7f0000;box-shadow:0 4px #7f0000}.btn-danger:hover:not(:disabled){background-color:#c62828;text-decoration:none}.btn-danger:active:not(:disabled){box-shadow:0 2px #7f0000}.btn-gold{background-color:var(--color-duo-gold);color:#2c221e;border-color:var(--color-duo-gold-shadow);border-bottom-color:var(--color-duo-gold-shadow);box-shadow:0 4px 0 var(--color-duo-gold-shadow)}.btn-gold:hover:not(:disabled){background-color:#ffc107;text-decoration:none}.btn-gold:active:not(:disabled){box-shadow:0 2px 0 var(--color-duo-gold-shadow)}.btn-blue{background-color:var(--color-duo-blue);color:#fff;border-color:var(--color-duo-blue-shadow);border-bottom-color:var(--color-duo-blue-shadow);box-shadow:0 4px 0 var(--color-duo-blue-shadow)}.btn-blue:hover:not(:disabled){background-color:#039be5;text-decoration:none}.btn-blue:active:not(:disabled){box-shadow:0 2px 0 var(--color-duo-blue-shadow)}.btn-sm{font-size:var(--text-xs);border-bottom-width:3px;border-radius:10px;padding:6px 14px}.btn-sm:active:not(:disabled){transform:translateY(1px)}.btn-lg{font-size:var(--text-base);border-bottom-width:4px;border-radius:16px;padding:14px 28px}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink)}.form-hint{font-size:var(--text-xs);color:var(--color-ink-muted)}.form-input{background:var(--color-paper-raised);border:1px solid var(--color-rule);border-radius:var(--radius);padding:var(--space-2) var(--space-3);color:var(--color-ink);transition:border-color var(--transition-fast);width:100%}.form-input:focus{border-color:var(--color-growth);outline:none}.form-input.mono{font-family:var(--font-mono)}select.form-input{cursor:pointer}.progress-bar-track{background:var(--color-rule);border-radius:var(--radius);height:6px;overflow:hidden}.progress-bar-fill{background:var(--color-growth);border-radius:var(--radius);height:100%;transition:width var(--transition-slow)}.progress-bar-fill.complete{background:var(--color-growth)}.badge{padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;border-radius:999px;align-items:center;display:inline-flex}.badge-growth{background:var(--color-growth-light);color:var(--color-growth)}.badge-gold{background:var(--color-gold-light);color:var(--color-gold)}.badge-alert{background:var(--color-alert-light);color:var(--color-alert)}.badge-muted{background:var(--color-rule);color:var(--color-ink-muted)}.divider{border:none;border-top:var(--border-hairline);margin:var(--space-6) 0}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-ink-muted)}.empty-state-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink-muted);margin-bottom:var(--space-2)}.empty-state-body{font-size:var(--text-sm);color:var(--color-ink-muted)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-rule) 25%, var(--color-paper-raised) 50%, var(--color-rule) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}.modal-overlay{z-index:1000;padding:var(--space-4);background:#1f2a4466;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-paper-raised);border:var(--border-card);border-radius:var(--radius-lg);padding:var(--space-8);width:100%;max-width:480px;box-shadow:var(--shadow-lg)}.modal-title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-4)}.modal-actions{gap:var(--space-3);margin-top:var(--space-6);justify-content:flex-end;display:flex}.text-muted{color:var(--color-ink-muted)}.text-growth{color:var(--color-growth)}.text-gold{color:var(--color-gold)}.text-alert{color:var(--color-alert)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-right{text-align:right}.text-center{text-align:center}.fw-medium{font-weight:var(--weight-medium)}.fw-semibold{font-weight:var(--weight-semibold)}.fw-bold{font-weight:var(--weight-bold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.w-full{width:100%}@media (width<=768px){.app-layout{flex-direction:column}.app-main{padding:var(--space-4)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}.modal-box{padding:var(--space-6)}}@media (width<=480px){.ledger-row-collapse td{display:block}.ledger-row-collapse td:first-child{font-weight:var(--weight-medium);padding-bottom:var(--space-1);border-bottom:none}.ledger-row-collapse td:not(:first-child){padding-top:var(--space-1);padding-bottom:var(--space-1);border-bottom:none}.ledger-row-collapse tr{border-bottom:var(--border-hairline);padding:var(--space-3) 0;display:block}}