:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--tg-bg: #f1eadc;--tg-secondary-bg: #ffffff;--tg-text: #201f1a;--tg-muted: #6d675d;--tg-button: #8aa180;--tg-button-text: #10130f;--accent: #8aa180;--ink: #201f1a;--sage: #8aa180;--rust: #c96f4f;--paper: #f7f1e4;--surface: #fffdf7;--surface-soft: #e8e0d0;--border: #d4c8b4;--shadow: 0 18px 34px rgba(39, 34, 26, .1);background:var(--tg-bg);color:var(--tg-text)}*{box-sizing:border-box}.app-shell *,.bottom-nav *{min-width:0}.app-shell :where(h1,h2,h3,p,strong,span,small,button,label,textarea,input,li){overflow-wrap:anywhere}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(32,31,26,.045) 1px,transparent 1px) 0 0 / 18px 18px,linear-gradient(180deg,rgba(138,161,128,.14),transparent 280px),var(--tg-bg)}button,input,textarea{font:inherit}button{cursor:pointer}.loading,.app-shell{width:min(100%,480px);min-height:100vh;margin:0 auto;background:var(--tg-bg)}.loading{display:grid;place-items:center;color:var(--tg-muted)}.app-shell{position:relative;padding:calc(env(safe-area-inset-top) + 14px) 14px calc(env(safe-area-inset-bottom) + 88px)}.topbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-14px -14px 10px;padding:calc(env(safe-area-inset-top) + 14px) 14px 10px;background:color-mix(in srgb,var(--tg-bg) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar>div{display:flex;align-items:center;gap:10px}.app-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#17201a;color:#fff;font-size:13px;font-weight:800}.screen{display:flex;flex-direction:column;gap:16px}.hero-panel,.stats-hero,.settings-card,.focus-panel,.chart-card,.calendar-card,.media-strip{border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.hero-panel,.stats-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px}.hero-panel h1,.stats-hero h1,.settings-card h1{margin:2px 0 4px;font-size:28px;line-height:1.05;letter-spacing:0}.eyebrow{margin:0;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.muted{margin:0;color:var(--tg-muted);font-size:14px}.progress-ring{display:grid;width:96px;height:96px;flex:0 0 auto;place-items:center;border-radius:50%}.progress-ring>div{display:grid;width:74px;height:74px;place-items:center;border-radius:50%;background:var(--surface);font-weight:900}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{display:flex;min-height:82px;flex-direction:column;justify-content:space-between;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.metric-card span{color:var(--tg-muted);font-size:12px;line-height:1.25}.metric-card strong{font-size:22px;line-height:1}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2,.section-head h3{margin:0;font-size:20px;line-height:1.15}.section-head--compact h2,.section-head--compact h3{font-size:16px}.section-head span{color:var(--tg-muted);font-size:12px}.ghost-button,.secondary-button,.primary-button,.icon-button{border:0;border-radius:12px;font-weight:800}.ghost-button{min-height:36px;padding:0 12px;background:var(--surface-soft);color:var(--tg-text);font-size:13px}.primary-button,.secondary-button{min-height:48px;padding:0 16px}.primary-button{background:var(--tg-button);color:var(--tg-button-text)}.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--tg-text)}.icon-button{display:grid;width:38px;height:38px;place-items:center;background:var(--surface-soft);color:var(--tg-text);font-size:22px}.habit-list,.session-list,.history-list{display:flex;flex-direction:column;gap:10px}.habit-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.habit-row--done{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:linear-gradient(90deg,rgba(57,169,107,.1),var(--surface) 44%)}.check-button{display:grid;width:42px;height:42px;place-items:center;border:2px solid var(--habit-color);border-radius:14px;background:color-mix(in srgb,var(--habit-color) 14%,white);color:var(--habit-color);font-size:22px;font-weight:900}.habit-main{display:flex;min-width:0;flex-direction:column;gap:2px;border:0;background:transparent;color:inherit;text-align:left}.habit-main span{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.habit-main small,.session-list small,.toggle-row small{color:var(--tg-muted);font-size:12px}.streak-pill{padding:7px 9px;border-radius:999px;background:var(--surface-soft);font-size:12px;font-weight:900}.media-strip{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:14px;padding:12px}.media-strip h3,.media-strip p{margin:0}.media-strip h3{font-size:15px}.media-strip p{color:var(--tg-muted);font-size:13px}.asset-visual,.asset-fallback{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:var(--surface-soft)}.asset-fallback{position:relative;overflow:hidden;border:1px solid var(--border)}.asset-fallback span,.asset-fallback b,.asset-fallback i{position:absolute;display:block;border-radius:999px;content:""}.asset-fallback--cover span{inset:14px 24px auto;height:52px;border-radius:16px;background:#17201a}.asset-fallback--cover b{right:16px;bottom:18px;width:40px;height:40px;background:#39a96b}.asset-fallback--cover i{left:16px;bottom:22px;width:44px;height:12px;background:#ff7a59}.asset-fallback--focus span{inset:auto 18px 22px;height:16px;background:#d9e4dc}.asset-fallback--focus b{top:22px;left:20px;width:52px;height:52px;background:#39a96b}.asset-fallback--focus i{top:34px;right:18px;width:42px;height:24px;border-radius:8px;background:#17201a}.asset-fallback--calendar span{top:18px;right:18px;bottom:18px;left:18px;border-radius:12px;background:linear-gradient(90deg,#39a96b 10px,transparent 0) 0 0 / 22px 22px,#eef4ef}.asset-fallback--calendar b,.asset-fallback--calendar i{display:none}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:#17201a4d}.sheet{width:min(100%,480px);max-height:min(88vh,760px);overflow:auto;padding:18px;border-radius:22px;background:var(--surface);box-shadow:0 30px 80px #17201a47}.sheet--details{display:flex;flex-direction:column;gap:16px}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.sheet-head h2{margin:0;font-size:22px}.field,.field-row{display:grid;gap:8px}.field{margin-bottom:14px}.field span{color:var(--tg-muted);font-size:12px;font-weight:800}.field input,.field textarea{width:100%;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--tg-text);outline:none}.field input{min-height:48px;padding:0 14px}.field textarea{min-height:96px;resize:vertical;padding:12px 14px}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #39a96b1f}.field-row{grid-template-columns:1fr 112px;gap:10px}.segmented,.duration-row{display:grid;gap:8px}.segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented button,.duration-row button{min-height:44px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--tg-muted);font-size:13px;font-weight:800}.segmented button.is-active,.duration-row button.is-active{border-color:var(--accent);background:var(--surface-soft);color:var(--tg-text)}.swatches{display:flex;gap:10px}.swatches button{width:34px;height:34px;border:3px solid #fff;border-radius:999px;box-shadow:0 0 0 1px var(--border)}.swatches button.is-active{box-shadow:0 0 0 3px #17201a33}.detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.detail-summary div{display:grid;gap:6px;padding:12px;border-radius:14px;background:var(--surface-soft)}.detail-summary span{color:var(--tg-muted);font-size:11px}.detail-summary strong{font-size:16px}.calendar-card,.chart-card{padding:14px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:14px}.calendar-grid span{aspect-ratio:1;border-radius:8px;background:#e8eee9}.calendar-grid span.is-done{background:var(--habit-color)}.history-list div,.session-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.history-list span,.session-list span{font-weight:800}.focus-panel{position:relative;display:grid;min-height:280px;place-items:center;overflow:hidden;padding:18px}.focus-panel .asset-visual,.focus-panel .asset-fallback{position:absolute;top:18px;right:18px;bottom:18px;left:18px;width:auto;height:auto;opacity:.38}.timer-face{position:relative;z-index:1;display:grid;width:194px;height:194px;place-items:center;border-radius:50%;background:radial-gradient(circle at center,var(--surface) 58%,transparent 59%),conic-gradient(var(--accent) var(--timer-progress),#dfe8df 0);box-shadow:inset 0 0 0 1px var(--border),var(--shadow)}.timer-face span{font-size:42px;font-weight:900;line-height:1}.timer-face small{margin-top:-58px;color:var(--tg-muted);font-size:12px;font-weight:800}.duration-row{grid-template-columns:repeat(3,minmax(0,1fr))}.timer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-hero .asset-visual,.stats-hero .asset-fallback{width:112px;flex:0 0 112px}.bar-chart{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;height:180px;margin-top:18px}.bar-chart div{display:grid;height:100%;align-items:end;gap:8px}.bar-chart span{width:100%;min-height:10px;border-radius:999px 999px 7px 7px;background:linear-gradient(180deg,#39a96b,#247a4d)}.bar-chart small{color:var(--tg-muted);font-size:11px;text-align:center;text-transform:capitalize}.settings-card{padding:18px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.toggle-row span{display:grid;gap:4px}.toggle-row input{width:48px;height:28px;accent-color:var(--accent)}.preview-message{padding:14px;border-radius:16px;background:#eaf4ff}.preview-message span{color:#2b6fbb;font-size:12px;font-weight:900}.preview-message p{margin:6px 0 0;font-weight:800}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,480px);margin:0 auto;padding:8px 10px calc(env(safe-area-inset-bottom) + 8px);border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;min-height:52px;place-items:center;gap:4px;border:0;border-radius:14px;background:transparent;color:var(--tg-muted);font-size:11px;font-weight:900}.bottom-nav button span{width:8px;height:8px;border-radius:999px;background:currentColor}.bottom-nav button.is-active{background:var(--surface-soft);color:var(--accent)}@media(min-width:760px){body{background:linear-gradient(90deg,#eaf5ee 0,transparent 28%),linear-gradient(270deg,#eef4ff 0,transparent 28%),var(--tg-bg)}.app-shell{margin-top:20px;margin-bottom:20px;min-height:calc(100vh - 40px);border:1px solid var(--border);border-radius:30px;box-shadow:0 24px 80px #17201a29}.bottom-nav{bottom:20px;border:1px solid var(--border);border-radius:0 0 30px 30px}}@media(max-width:360px){.app-shell{padding-right:10px;padding-left:10px}.hero-panel,.stats-hero{padding:14px}.progress-ring{width:82px;height:82px}.progress-ring>div{width:62px;height:62px}.quick-grid--three{grid-template-columns:1fr}}.topbar{background:color-mix(in srgb,var(--paper) 88%,transparent)}.app-mark,.primary-button{background:var(--ink);color:#f9f2e5}.ghost-button,.secondary-button,.icon-button,.streak-pill,.segmented button,.duration-row button,.hero-panel,.stats-hero,.settings-card,.focus-panel,.chart-card,.calendar-card,.media-strip,.metric-card,.habit-row,.sheet,.toggle-row,.preview-message,.asset-visual,.asset-fallback,.detail-summary div{border-radius:8px}.ritual-hero{align-items:stretch;background:linear-gradient(135deg,rgba(138,161,128,.2),transparent 48%),var(--surface)}.ritual-hero h1{max-width:250px}.ritual-focus{display:grid;gap:4px;margin-top:14px;padding:10px;background:#eee7d8;border:1px solid var(--border);border-radius:8px}.ritual-focus span,.insights-grid span{color:var(--tg-muted);font-size:11px;font-weight:800;text-transform:uppercase}.ritual-focus strong{font-size:13px;line-height:1.25}.progress-ring{background:conic-gradient(var(--sage) var(--timer-progress, 0deg),#dfd6c6 0deg);box-shadow:inset 0 0 0 1px #201f1a14}.metric-card{background:#fffaf0}.habit-row{grid-template-columns:44px minmax(0,1fr) minmax(72px,auto);background:#fffdf7}.habit-row--done{border-color:color-mix(in srgb,var(--sage) 48%,var(--border));background:linear-gradient(90deg,#8aa18026,#fffdf7 52%)}.habit-row--skipped{border-color:#d7b46f;background:linear-gradient(90deg,#d3a94f24,#fffdf7 52%)}.check-button{border-radius:8px}.habit-main{gap:5px}.week-rhythm{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:min(150px,100%)}.week-dot{display:block;height:6px;border-radius:999px;background:#ddd4c4}.week-dot--done{background:var(--habit-color)}.week-dot--skipped{background:repeating-linear-gradient(90deg,#d3a94f 0,#d3a94f 5px,#f4e6bd 5px,#f4e6bd 9px)}.week-dot--missed{background:#d9a090}.habit-actions{display:grid;justify-items:end;gap:6px}.skip-button{min-height:26px;padding:0 8px;color:#5f4310;background:#f4e6bd;border:1px solid #d7b46f;border-radius:8px;font-size:11px;font-weight:900}.ritual-note{background:#f5ecde}.focus-screen{padding:12px;color:#f7f1e4;background:#171814;border-radius:8px}.focus-immersive{min-height:360px;color:#f7f1e4;background:linear-gradient(180deg,rgba(138,161,128,.14),transparent),#171814;border-color:#303329;box-shadow:0 24px 60px #0f100c52}.focus-immersive.is-running{border-color:color-mix(in srgb,var(--sage) 54%,#303329)}.focus-context{position:absolute;top:18px;right:18px;left:18px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.focus-context h1{max-width:210px;margin:2px 0 0;font-size:22px;line-height:1.08}.focus-context span{flex:0 0 auto;padding:6px 8px;color:#10130f;background:var(--sage);border-radius:8px;font-size:11px;font-weight:900}.focus-panel .asset-visual,.focus-panel .asset-fallback{opacity:.18}.timer-face{color:#f7f1e4;background:radial-gradient(circle at center,#171814 58%,transparent 59%),conic-gradient(var(--sage) var(--timer-progress),#34382f 0);border:1px solid #3f4338;box-shadow:0 22px 52px #00000057}.timer-face small{color:#c7cdbb}.focus-screen .field span,.focus-screen .section-head h2,.focus-screen .session-list span{color:#f7f1e4}.focus-screen .field input{color:#f7f1e4;background:#22241d;border-color:#3c4035}.focus-tags button.is-active,.duration-row button.is-active,.segmented button.is-active{border-color:var(--sage);background:#dce5cf;color:var(--ink)}.focus-screen .secondary-button,.focus-screen .ghost-button{color:#f7f1e4;background:#22241d;border-color:#3c4035}.focus-screen .session-list div{border-bottom-color:#3c4035}.insights-grid{display:grid;gap:10px}.insights-grid article{display:grid;gap:5px;padding:13px;background:#fffaf0;border:1px solid var(--border);border-radius:8px}.insights-grid strong{font-size:17px;line-height:1.15}.insights-grid p{margin:0;color:var(--tg-muted);font-size:13px}.bar-chart span{background:linear-gradient(180deg,var(--sage),#5f7259)}.asset-fallback--cover span{background:var(--ink)}.asset-fallback--cover b,.asset-fallback--focus b,.asset-fallback--calendar span{background:var(--sage)}.asset-fallback--cover i{background:var(--rust)}.bottom-nav{background:#fffdf7f0;border-radius:8px}.bottom-nav button{border-radius:8px}.bottom-nav button.is-active{color:var(--ink);background:#dce5cf}.billing-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.billing-summary>div,.payment-method,.plan-card,.production-checklist{border-radius:8px}.billing-summary>div{display:grid;gap:5px;min-height:78px;padding:12px;background:#fffaf0;border:1px solid var(--border)}.billing-summary span,.billing-summary small{color:var(--tg-muted);font-size:11px;font-weight:800;text-transform:uppercase}.billing-summary strong{font-size:18px;line-height:1.05}.billing-panel{display:grid;gap:12px}.payment-method-grid,.plan-grid{display:grid;gap:8px}.payment-method{display:grid;gap:4px;min-height:70px;padding:11px;color:var(--ink);text-align:left;background:#fffaf0;border:1px solid var(--border)}.payment-method.is-active{background:#dce5cf;border-color:var(--sage)}.payment-method strong{font-size:14px}.payment-method span{color:var(--tg-muted);font-size:12px;line-height:1.35}.plan-card{display:grid;gap:10px;padding:12px;background:#fffdf7;border:1px solid var(--border)}.plan-card.is-current{border-color:var(--sage);box-shadow:0 0 0 3px #8aa1802e}.plan-card-head,.plan-price{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-card-head span{padding:5px 7px;color:#10130f;background:var(--sage);border-radius:8px;font-size:11px;font-weight:950}.plan-card p,.production-checklist p{margin:0;color:var(--tg-muted);font-size:13px;line-height:1.42}.plan-price strong{font-size:19px}.plan-price small{color:var(--tg-muted);font-size:12px;font-weight:800}.production-checklist{display:grid;gap:7px;padding:12px;color:#f7f1e4;background:var(--ink)}.production-checklist p{color:#ddd5c8}.production-checklist ul{display:grid;gap:5px;padding-left:18px;margin:0;color:#ebe4d7;font-size:12px;line-height:1.35}@media(min-width:700px){.insights-grid,.payment-method-grid,.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:360px){.billing-summary{grid-template-columns:1fr}.topbar{margin-right:-10px;margin-left:-10px;padding-right:10px;padding-left:10px}}