.auth-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:32px 24px;max-width:480px;margin:0 auto}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{width:72px;height:auto;margin-bottom:12px}.auth-title{font-size:28px;font-weight:700;color:var(--text);margin-bottom:8px}.auth-subtitle{font-size:16px;color:var(--text-soft);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:14px;font-weight:500;color:var(--text)}.auth-field input{padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:16px;color:var(--text);background:var(--white);transition:border-color .2s}.auth-field input:focus{outline:none;border-color:var(--orange)}.auth-field input::placeholder{color:var(--text-faint)}.auth-btn{padding:14px;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:8px}.auth-btn:hover{opacity:.9}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;cursor:pointer}.auth-link{font-size:14px;color:var(--text-soft);text-align:center;padding:8px;background:none;border:none;cursor:pointer}.auth-link:hover{color:var(--orange)}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--text-soft)}.auth-link-inline{color:var(--orange);font-weight:600;background:none;border:none;cursor:pointer;font-size:14px;padding:0}.auth-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-soft);cursor:pointer;padding:4px 0}.auth-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--orange);flex-shrink:0}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center;gap:10px}.header-logo{width:36px;height:auto}.header-greeting{font-size:18px;font-weight:600;color:var(--text)}.header-subtitle{font-size:13px;color:var(--text-faint);font-weight:400}.header-avatar{width:40px;height:40px;border-radius:50%;background:var(--orange);color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:opacity .2s}.header-avatar:hover{opacity:.85}.header-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.app-content{padding-bottom:calc(var(--nav-height) + 16px);min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height))}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);background:var(--white);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0px);z-index:10}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border:none;background:none;cursor:pointer;transition:color .2s;color:var(--text-faint);min-width:64px}.nav-tab.active{color:var(--orange)}.nav-icon{font-size:22px;line-height:1}.nav-label{font-size:11px;font-weight:500}.home-screen{padding:20px}.home-points{text-align:center;margin-bottom:16px}.home-points-number{font-size:36px;font-weight:700;color:var(--orange)}.home-points-label{display:block;font-size:13px;color:var(--text-faint);margin-top:-2px}.quote-card{background:var(--orange-pale);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;text-align:center}.quote-text{font-size:15px;color:var(--text);line-height:1.6;font-style:italic}.quote-attribution{font-size:13px;color:var(--text-soft);margin-top:8px}.home-buttons{display:flex;flex-direction:column;gap:12px}.home-btn{display:flex;align-items:center;gap:14px;padding:16px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow .2s,transform .1s;text-align:left;width:100%}.home-btn:hover{box-shadow:var(--shadow-md)}.home-btn:active{transform:scale(.98)}.home-btn-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--cream);border-radius:var(--radius-md);flex-shrink:0}.home-btn-content{flex:1;min-width:0}.home-btn-title{font-size:16px;font-weight:600;color:var(--text)}.home-btn-subtitle{font-size:13px;color:var(--text-soft);margin-top:2px}.home-btn-badge{font-size:11px;font-weight:600;color:var(--orange);background:var(--orange-pale);padding:4px 10px;border-radius:20px;flex-shrink:0}.onboarding-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:48px 24px 32px;max-width:480px;margin:0 auto}.onboarding-progress{display:flex;gap:8px;justify-content:center;margin-bottom:40px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .3s}.onboarding-dot.active{background:var(--orange)}.onboarding-content{flex:1}.onboarding-title{font-size:26px;font-weight:700;color:var(--text);margin-bottom:24px;text-align:center}.onboarding-welcome p,.onboarding-final p{font-size:16px;color:var(--text-soft);line-height:1.6;margin-bottom:16px}.onboarding-emphasis{font-size:18px;font-weight:600;color:var(--text);text-align:center;margin-top:24px}.onboarding-categories{display:flex;flex-direction:column;gap:12px}.onboarding-category{padding:14px 16px;background:var(--cream);border-radius:var(--radius-md);border-left:4px solid}.onboarding-category-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.onboarding-category-icon{font-size:20px}.onboarding-category-name{font-size:16px;font-weight:600;color:var(--text)}.onboarding-category-examples{font-size:13px;color:var(--text-soft)}.onboarding-agreements-intro{font-size:15px;color:var(--text-soft);margin-bottom:16px;text-align:center}.onboarding-agreements-list{display:flex;flex-direction:column;gap:12px}.onboarding-agreement{padding:12px 16px;background:var(--cream);border-radius:var(--radius-md);border-left:3px solid var(--orange)}.onboarding-agreement-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.onboarding-agreement-detail{font-size:13px;color:var(--text-soft);line-height:1.5}.onboarding-actions{display:flex;gap:12px;margin-top:32px}.onboarding-btn-back{flex:0 0 auto;padding:14px 20px;background:var(--cream);color:var(--text-soft);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:500;cursor:pointer}.onboarding-btn-next{flex:1;padding:14px;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.onboarding-btn-next:hover{opacity:.9}.profile-screen{padding:20px}.profile-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.profile-header h2{font-size:20px;font-weight:600}.profile-back{font-size:20px;padding:4px 8px;color:var(--text-soft);background:none;border:none;cursor:pointer}.profile-avatar-wrapper{position:relative;width:80px;height:80px;margin:0 auto 12px;cursor:pointer}.profile-avatar-large{width:80px;height:80px;border-radius:50%;background:var(--orange);color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center}.profile-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover}.profile-avatar-edit{position:absolute;bottom:-2px;right:-2px;background:var(--orange);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);border:2px solid var(--bg)}.profile-avatar-input{display:none}.profile-points{text-align:center;margin-bottom:28px}.profile-points-number{font-size:28px;font-weight:700;color:var(--orange)}.profile-points-label{display:block;font-size:13px;color:var(--text-faint)}.profile-section{margin-bottom:20px}.profile-label{display:block;font-size:14px;font-weight:500;color:var(--text);margin-bottom:6px}.profile-name-row{display:flex;gap:8px}.profile-input{flex:1;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:16px;color:var(--text)}.profile-input:focus{outline:none;border-color:var(--orange)}.profile-save-btn{padding:10px 16px;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer}.profile-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.profile-toggle-label{font-size:15px;font-weight:500;color:var(--text)}.profile-toggle-desc{font-size:13px;color:var(--text-soft);margin-top:2px}.toggle-switch{width:48px;height:28px;border-radius:14px;background:#ddd;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000026}.toggle-switch.active{background:var(--orange)}.toggle-switch.active:after{transform:translate(20px)}.profile-signout{width:100%;padding:14px;background:none;color:#dc2626;border:1.5px solid #fecaca;border-radius:var(--radius-md);font-size:16px;font-weight:500;cursor:pointer;margin-top:32px;transition:background .2s}.profile-signout:hover{background:#fef2f2}.ledger-screen{padding:0 16px 24px}.ledger-loading{padding:40px 20px;text-align:center;color:var(--text-soft)}.points-summary{text-align:center;padding:20px 0 16px}.points-total{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:12px}.points-total-number{font-size:36px;font-weight:700;color:var(--orange)}.points-total-label{font-size:14px;color:var(--text-soft)}.points-today{font-size:14px;font-weight:600;color:var(--orange);background:var(--orange-pale);padding:2px 8px;border-radius:var(--radius-full)}.points-categories{display:flex;justify-content:center;gap:16px}.points-category-item{display:flex;align-items:center;gap:4px}.points-category-icon{font-size:16px}.points-category-pts{font-size:14px;font-weight:600}.category-tabs{display:flex;gap:6px;padding:0 0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.category-tab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:var(--radius-md);background:var(--bg-card);border:2px solid transparent;cursor:pointer;transition:all .2s ease}.category-tab:hover{background:var(--bg-section)}.category-tab.active{border-color:var(--tab-color);background:var(--tab-pale)}.category-tab-icon{font-size:20px}.category-tab-label{font-size:11px;color:var(--text-soft);white-space:nowrap}.category-tab.active .category-tab-label{color:var(--tab-color);font-weight:600}.category-tab-pts{font-size:11px;font-weight:600;color:var(--tab-color)}.ledger-activities{padding-top:4px}.ledger-activities-title{font-size:16px;font-weight:600;margin-bottom:12px}.ledger-activity-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.activity-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-card);border:1.5px solid var(--border-light);cursor:pointer;transition:all .2s ease;text-align:left}.activity-item:hover:not(:disabled){border-color:var(--activity-color);background:var(--activity-pale)}.activity-item.completed{border-color:var(--activity-color);background:var(--activity-pale);opacity:.8}.activity-item.animating{animation:checkPop .4s ease}.activity-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:all .2s ease}.activity-item.completed .activity-check{background:var(--activity-color);border-color:var(--activity-color);color:#fff}.activity-text{flex:1;font-size:14px;color:var(--text-main)}.activity-item.completed .activity-text{color:var(--text-soft)}.activity-points{font-size:13px;font-weight:600;color:var(--activity-color);flex-shrink:0}.activity-item.completed .activity-points{color:var(--activity-color)}.custom-activity-trigger{width:100%;padding:10px;background:none;border:1.5px dashed var(--border-light);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.custom-activity-trigger:hover{border-color:currentColor}.custom-activity-form{display:flex;flex-direction:column;gap:10px;padding:14px;border:1.5px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card)}.custom-activity-input{width:100%;padding:10px 12px;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);font-size:14px;background:var(--bg-main)}.custom-activity-input:focus{outline:none;border-color:var(--orange)}.custom-activity-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.custom-activity-points-picker{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-soft)}.custom-activity-pts-input{width:56px;padding:6px 8px;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);font-size:14px;text-align:center;background:var(--bg-main)}.custom-activity-pts-input:focus{outline:none;border-color:var(--orange)}.custom-activity-actions{display:flex;gap:8px}.custom-activity-cancel{padding:6px 14px;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);background:none;font-size:13px;color:var(--text-soft);cursor:pointer}.custom-activity-cancel:hover{background:var(--bg-section)}.custom-activity-submit{padding:6px 14px;border:none;border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.custom-activity-submit:disabled{opacity:.5;cursor:not-allowed}.reflection-form{margin-top:24px;padding:16px;background:var(--bg-card);border-radius:var(--radius-lg);border:1.5px solid var(--border-light)}.reflection-title{font-size:16px;font-weight:600;margin-bottom:4px}.reflection-prompt{font-size:13px;color:var(--text-soft);margin-bottom:12px}.reflection-textarea{width:100%;padding:12px;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;resize:vertical;min-height:80px;background:var(--bg-main)}.reflection-textarea:focus{outline:none;border-color:var(--orange)}.reflection-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;margin-bottom:12px}.reflection-counter{font-size:12px;color:var(--text-faint)}.reflection-share-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-soft);cursor:pointer}.reflection-share-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--orange)}.reflection-submit{width:100%;padding:12px;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.reflection-submit:disabled{opacity:.5;cursor:not-allowed}.reflection-done{margin-top:24px;padding:16px;background:var(--orange-pale);border-radius:var(--radius-lg);border:1.5px solid var(--orange)}.reflection-done .reflection-title{color:var(--orange)}.reflection-content{font-size:14px;line-height:1.5;margin:8px 0 12px;color:var(--text-main)}.reflection-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-soft)}.reflection-delete{background:none;border:none;color:var(--text-faint);font-size:12px;cursor:pointer;text-decoration:underline}.reflection-delete:hover{color:#c62828}.community-screen{padding:0 16px 24px}.community-loading{padding:40px 20px;text-align:center;color:var(--text-soft)}.community-header{padding:20px 0 16px}.community-title{font-size:22px;font-weight:700}.community-subtitle{font-size:14px;color:var(--text-soft);margin-top:2px}.community-agreements{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.community-agreement-pill{font-size:11px;font-weight:500;color:var(--text-soft);background:var(--orange-pale);padding:4px 10px;border-radius:var(--radius-full)}.community-compose-btn{width:100%;padding:12px 14px;border:1.5px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-soft);font-size:14px;text-align:left;cursor:pointer;margin-bottom:16px;transition:border-color .2s}.community-compose-btn:hover{border-color:var(--orange)}.community-compose{margin-bottom:16px;background:var(--bg-card);border:1.5px solid var(--orange);border-radius:var(--radius-lg);padding:12px}.community-compose-textarea{width:100%;border:none;outline:none;resize:none;font-size:14px;font-family:inherit;line-height:1.5;color:var(--text);background:transparent}.community-compose-textarea::placeholder{color:var(--text-faint)}.community-compose-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.community-compose-counter{font-size:12px;color:var(--text-faint)}.community-compose-actions{display:flex;gap:8px}.community-compose-cancel{padding:6px 14px;font-size:13px;background:none;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-soft);cursor:pointer}.community-compose-submit{padding:6px 16px;font-size:13px;font-weight:600;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.community-compose-submit:disabled{opacity:.5;cursor:not-allowed}.community-feed{display:flex;flex-direction:column;gap:12px}.feed-item{padding:14px;background:var(--bg-card);border-radius:var(--radius-lg);border:1.5px solid var(--border-light)}.feed-item-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.feed-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.feed-avatar{width:36px;height:36px;border-radius:50%;background:var(--orange-pale);color:var(--orange);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex-shrink:0}.feed-item-info{flex:1;display:flex;flex-direction:column}.feed-item-name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.feed-coach-badge{font-size:11px;font-weight:600;background:var(--orange);color:#fff;padding:1px 6px;border-radius:var(--radius-full)}.feed-item-time{font-size:12px;color:var(--text-faint)}.feed-item-actions{display:flex;gap:4px;align-items:center}.feed-item-edit{background:none;border:none;font-size:16px;color:var(--text-faint);cursor:pointer;padding:0 4px;line-height:1}.feed-item-edit:hover{color:var(--orange)}.feed-item-delete{background:none;border:none;font-size:20px;color:var(--text-faint);cursor:pointer;padding:0 4px;line-height:1}.feed-item-delete:hover{color:#c62828}.feed-edit-form{margin-top:4px}.feed-edit-textarea{width:100%;border:1.5px solid var(--orange);border-radius:var(--radius-md);padding:8px 10px;font-size:14px;font-family:inherit;line-height:1.5;color:var(--text);background:var(--bg-card);resize:none;outline:none}.feed-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.feed-edit-cancel{padding:5px 12px;font-size:13px;background:none;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-soft);cursor:pointer}.feed-edit-save{padding:5px 14px;font-size:13px;font-weight:600;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.feed-edit-save:disabled{opacity:.5;cursor:not-allowed}.feed-item-content{font-size:14px;line-height:1.5;color:var(--text-main)}.feed-item-reactions{display:flex;gap:8px;margin-top:10px}.feed-reaction{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);border:1.5px solid var(--border-light);background:none;font-size:14px;cursor:pointer;transition:all .2s ease}.feed-reaction:hover,.feed-reaction.active{border-color:var(--orange);background:var(--orange-pale)}.empty-feed{text-align:center;padding:40px 20px}.empty-feed-icon{font-size:40px;margin-bottom:12px}.empty-feed-title{font-size:18px;font-weight:600;margin-bottom:8px}.empty-feed-text{font-size:14px;color:var(--text-soft);line-height:1.5;max-width:280px;margin:0 auto}.feed-reply-btn{margin-left:auto}.reply-thread{margin-top:8px;padding:8px 0 0 12px;border-left:2px solid var(--border-light, #e5e5e5)}.reply-thread-loading{padding:8px 0 0 12px;font-size:13px;color:var(--text-soft)}.reply-item{padding:6px 0}.reply-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.reply-avatar{width:24px;height:24px;border-radius:50%;background:var(--accent-pale, #fff0e8);color:var(--accent, #fc762d);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.reply-avatar-img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.reply-name{font-size:12px;font-weight:600;color:var(--text-primary)}.reply-time{font-size:11px;color:var(--text-soft)}.reply-delete{margin-left:auto;background:none;border:none;font-size:14px;color:var(--text-soft);cursor:pointer;padding:0 4px;line-height:1}.reply-content{font-size:13px;color:var(--text-primary);line-height:1.4;margin:0;padding-left:30px}.reply-compose{display:flex;gap:6px;margin-top:8px;align-items:center}.reply-input{flex:1;border:1px solid var(--border-light, #e5e5e5);border-radius:16px;padding:6px 12px;font-size:13px;font-family:inherit;outline:none;background:var(--bg-card, #fff)}.reply-input:focus{border-color:var(--accent, #fc762d)}.reply-submit{background:var(--accent, #fc762d);color:#fff;border:none;border-radius:16px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.reply-submit:disabled{opacity:.5;cursor:not-allowed}.message-screen{padding:0 16px 24px}.message-loading{padding:40px 20px;text-align:center;color:var(--text-soft)}.message-card{margin-top:20px;padding:24px 20px;background:var(--bg-card);border-radius:var(--radius-lg);border:1.5px solid var(--border-light);border-left:4px solid var(--orange)}.message-title{font-size:20px;font-weight:700;margin-bottom:16px;color:var(--text-main)}.message-content p{font-size:15px;line-height:1.7;color:var(--text-main);margin-bottom:12px}.message-content p:last-child{margin-bottom:0}.message-signature{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.message-author{font-family:Merriweather,serif;font-style:italic;font-size:15px;color:var(--orange)}.message-date{font-size:12px;color:var(--text-faint)}.message-empty{text-align:center;padding:60px 20px}.message-empty-icon{font-size:40px;margin-bottom:12px}.message-empty h3{font-size:18px;font-weight:600;margin-bottom:8px}.message-empty p{font-size:14px;color:var(--text-soft);line-height:1.5}.meditations-screen{padding:0 16px 120px}.meditations-header{padding:4px 0 16px}.meditations-header h2{font-size:22px;font-weight:700}.meditations-subtitle{font-size:14px;color:var(--text-soft);margin-top:2px}.meditation-player{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border:1.5px solid var(--orange);border-radius:var(--radius-lg);margin-bottom:20px}.player-cover{width:52px;height:52px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.player-info{flex:1;min-width:0}.player-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.player-progress-row{display:flex;align-items:center;gap:6px}.player-time{font-size:11px;color:var(--text-faint);min-width:32px;text-align:center}.player-progress-bar{flex:1;height:4px;background:var(--border);border-radius:2px;cursor:pointer;position:relative}.player-progress-fill{height:100%;background:var(--orange);border-radius:2px;transition:width .1s linear}.player-play-btn{width:40px;height:40px;border-radius:50%;background:var(--orange);color:#fff;border:none;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.meditation-list{display:flex;flex-direction:column;gap:10px}.meditation-card{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;text-align:left;width:100%;transition:border-color .2s}.meditation-card:active{border-color:var(--orange)}.meditation-card.active{border-color:var(--orange);background:var(--orange-pale)}.meditation-cover{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.meditation-info{flex:1;min-width:0}.meditation-title{font-size:15px;font-weight:600;margin-bottom:2px}.meditation-desc{font-size:13px;color:var(--text-soft);line-height:1.3;margin-bottom:4px}.meditation-duration{font-size:12px;color:var(--text-faint)}.meditation-playing-indicator{display:flex;gap:2px;align-items:flex-end;height:16px;flex-shrink:0;margin-left:auto}.meditation-playing-indicator span{width:3px;background:var(--orange);border-radius:1px;animation:audioBar .8s ease-in-out infinite}.meditation-playing-indicator span:nth-child(1){height:8px;animation-delay:0s}.meditation-playing-indicator span:nth-child(2){height:14px;animation-delay:.2s}.meditation-playing-indicator span:nth-child(3){height:10px;animation-delay:.4s}@keyframes audioBar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}:root{--orange: #fc762d;--orange-light: #ff9a5c;--orange-pale: #fff5f0;--white: #ffffff;--cream: #fafafa;--text: #1a1a1a;--text-soft: #666666;--text-faint: #999999;--border: rgba(0, 0, 0, .08);--physical: #4CAF50;--physical-pale: #E8F5E9;--mental: #2196F3;--mental-pale: #E3F2FD;--emotional: #7E57C2;--emotional-pale: #EDE7F6;--spiritual: #FF9800;--spiritual-pale: #FFF3E0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--nav-height: 72px;--header-height: 56px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pointFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-pulse{animation:pulse .3s ease}.animate-slide-up{animation:slideUp .4s ease-out}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--cream);min-height:100vh;min-height:100dvh;color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;max-width:100vw}#root{min-height:100vh;min-height:100dvh}.app-container{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--white);position:relative}input,textarea,button,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--orange);text-decoration:none}.serif{font-family:Merriweather,Georgia,serif}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}