@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:Geist,Avenir Next,Segoe UI,sans-serif;--bg: #f5f7fb;--bg-secondary: #eceff5;--surface: rgba(255, 255, 255, .94);--surface-muted: rgba(246, 248, 252, .95);--surface-accent: rgba(237, 239, 255, .84);--text: #111827;--text-muted: #667085;--text-soft: #8b95a7;--line: rgba(17, 24, 39, .08);--line-strong: rgba(17, 24, 39, .14);--accent: #5b61ff;--accent-strong: #4a50e6;--primary: #111827;--primary-strong: #0b1220;--success: #0f9f6e;--danger: #dc3b57;--shadow-soft: 0 18px 42px rgba(15, 23, 42, .08);--shadow-panel: 0 10px 24px rgba(15, 23, 42, .05)}html[data-theme=dark]{color-scheme:dark;--bg: #0d1320;--bg-secondary: #131b2b;--surface: rgba(18, 24, 37, .88);--surface-muted: rgba(23, 31, 46, .9);--surface-accent: rgba(31, 50, 88, .7);--text: #f3f5fa;--text-muted: #a6b0c2;--text-soft: #7e8898;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--accent: #9095ff;--accent-strong: #a5a8ff;--primary: #f3f5fa;--primary-strong: #ffffff;--success: #4fc89a;--danger: #ff7a91;--shadow-soft: 0 24px 44px rgba(0, 0, 0, .28);--shadow-panel: 0 12px 26px rgba(0, 0, 0, .18)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(91,97,255,.08),transparent 28%),radial-gradient(circle at top right,rgba(17,24,39,.05),transparent 22%),linear-gradient(180deg,var(--bg) 0%,var(--bg-secondary) 100%)}button,input,select,textarea{font:inherit}button{border:0;background:transparent;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.app-shell{min-height:100vh;padding:20px 16px calc(104px + env(safe-area-inset-bottom))}.app-shell__inner{width:min(720px,100%);margin:0 auto;display:grid;gap:18px}.app-shell__inner--centered{min-height:calc(100vh - 40px);place-content:center}.page,.card-stack,.list-stack,.section-block,.friend-profile{display:grid;gap:16px}.section-grid,.overview-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.overview-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header,.section-head,.panel-head,.modal-head,.habit-card__header,.habit-card__footer,.friend-row,.friend-profile__top,.habit-card__summary,.copy-field,.inline-form{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.page-header{align-items:start}.page-header__copy,.auth-card__copy,.panel-head p,.section-head p,.friend-row__copy,.notice-card__copy{display:grid;gap:6px}.page-header h1,.modal-card h2,.auth-card h1{margin:0;font-size:clamp(1.75rem,4.5vw,2.3rem);line-height:1.05;letter-spacing:-.04em}.section-head h2,.panel-head h2,.form-section__head h3{margin:0;font-size:1.05rem;line-height:1.2;letter-spacing:-.02em}.eyebrow{margin:0;color:var(--accent);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em}.page-header__description,.panel-head p,.section-head p,.modal-copy,.habit-card__description,.empty-state p,.notice-card p,.metric-tile small,.friend-habit__stats,.friend-row__copy p,.profile-card p{margin:0;color:var(--text-muted);line-height:1.5}.page-header__description{max-width:34rem}.panel,.habit-card,.auth-card,.modal-card,.notice-card,.empty-state,.metric-tile{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-panel)}.panel,.habit-card,.metric-tile,.empty-state,.notice-card,.auth-card{padding:18px}.panel{display:grid;gap:16px}.auth-card{width:min(460px,100%);display:grid;gap:18px;box-shadow:var(--shadow-soft)}.auth-card--loading{text-align:center;justify-items:center}.auth-card__badge{width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--surface-accent);color:var(--accent);font-size:.86rem;font-weight:600}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:12px;border:1px solid transparent;font-weight:600;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button:focus-visible,.bottom-nav__item:focus-visible,.template-tile:focus-visible,.weekday-picker__item:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button--primary{color:var(--bg);background:linear-gradient(180deg,var(--primary) 0%,var(--primary-strong) 100%);box-shadow:0 10px 18px #11182729}.button--secondary,.button--ghost,.weekday-picker__item,.bottom-nav__item,.template-tile,input,select,textarea{background:var(--surface-muted);border-color:var(--line)}.button--success{color:#fff;background:linear-gradient(180deg,var(--success) 0%,#0e8a61 100%);box-shadow:0 10px 18px #0f9f6e2e}.button--danger{color:#fff;background:linear-gradient(180deg,var(--danger) 0%,#bf324a 100%);box-shadow:0 10px 18px #dc3b572e}.button--text{min-height:auto;padding:0;border:0;color:var(--accent);border-radius:0}.button--icon{width:44px;min-width:44px;padding:0}.button--block{width:100%}.bottom-nav{position:fixed;left:50%;bottom:14px;transform:translate(-50%);width:min(720px,calc(100% - 24px));padding:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line-strong);border-radius:18px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-nav__item{min-height:50px;display:grid;place-items:center;gap:4px;color:var(--text-soft);font-size:.74rem;font-weight:600;border-radius:14px}.bottom-nav__item.is-active{color:var(--text);background:color-mix(in srgb,var(--surface) 48%,var(--surface-accent));border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}.metric-tile{display:grid;gap:4px;padding:14px;background:var(--surface-muted);box-shadow:none}.metric-tile span{color:var(--text-soft);font-size:.76rem;font-weight:500}.metric-tile strong{font-size:1.18rem;letter-spacing:-.04em}.meta-badge{width:fit-content;display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-muted);color:var(--text-muted);font-size:.76rem;font-weight:600}.meta-badge--accent{color:var(--accent);background:var(--surface-accent);border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}.habit-card{display:grid;gap:14px}.habit-card__identity{display:flex;align-items:flex-start;gap:14px;min-width:0}.habit-card__copy{min-width:0;display:grid;gap:6px}.habit-card__emoji{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--surface-accent);font-size:1.3rem;line-height:1;flex-shrink:0}.habit-card__headline{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.habit-card__headline h3,.friend-habit h3,.profile-card strong,.friend-row strong,.modal-card h3{margin:0;font-size:1rem;letter-spacing:-.02em}.habit-card__meta,.quick-actions,.weekday-picker,.template-grid{display:grid;gap:10px}.habit-card__meta{grid-template-columns:repeat(auto-fit,minmax(124px,max-content))}.habit-card__progress,.friend-habit,.profile-card,.inline-form__field,.copy-field input{display:grid;gap:10px}.habit-card__progress-head{display:flex;justify-content:space-between;gap:12px;font-size:.88rem}.habit-card__progress-head span,.habit-card__summary-label{color:var(--text-soft)}.progress-bar{position:relative;height:10px;border-radius:999px;background:color-mix(in srgb,var(--surface-muted) 78%,var(--line));overflow:hidden}.progress-bar__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 65%,#5ddbb0) 100%)}.habit-card__metrics{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.habit-card__summary{align-items:center;padding:10px 12px;border-radius:14px;background:var(--surface-muted);border:1px solid var(--line)}.heatmap-strip{display:inline-grid;grid-auto-flow:column;gap:6px}.heatmap-strip__cell{width:10px;height:10px;border-radius:999px;background:color-mix(in srgb,var(--line) 75%,transparent)}.heatmap-strip__cell--pending{background:color-mix(in srgb,var(--accent) 18%,var(--line))}.heatmap-strip__cell--done{background:var(--success)}.heatmap-strip__cell--relapse{background:var(--danger)}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.habit-card__footer{align-items:center;color:var(--text-soft);font-size:.88rem}.notice-card{display:grid;gap:14px}.notice-card--accent{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 75%,var(--surface-accent)),var(--surface))}.copy-field{align-items:stretch}.copy-field input,.inline-form__field input,.inline-form__field{min-width:0}.inline-form{align-items:stretch}.inline-form__field{flex:1;align-items:center;grid-template-columns:18px minmax(0,1fr);min-height:44px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface-muted)}.inline-form__field input{border:0;padding:0;background:transparent}.friend-row,.friend-row--static,.friend-habit,.profile-card,.template-tile{border:1px solid var(--line);border-radius:14px;background:var(--surface-muted);padding:14px}.friend-row{width:100%;align-items:center}.friend-row.is-active{border-color:color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--surface-muted) 74%,var(--surface-accent))}.friend-row__copy{text-align:left}.friend-row__actions{display:flex;align-items:center;gap:8px}.friend-row__meta{color:var(--text-soft);font-size:.84rem;font-weight:600}.friend-habit__stats{display:flex;flex-wrap:wrap;gap:12px;font-size:.86rem}.profile-card{align-items:start}.form-section{display:grid;gap:14px}.form-section__head{display:flex;align-items:end;justify-content:space-between;gap:12px}.form-section__head span{color:var(--text-soft);font-size:.82rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid__wide{grid-column:1 / -1}label{display:grid;gap:8px}label span{font-size:.86rem;font-weight:600}input,select,textarea{width:100%;min-height:42px;padding:11px 13px;border-radius:12px;color:var(--text)}textarea{min-height:104px;resize:vertical}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-tile{text-align:left;gap:10px;box-shadow:none}.template-tile__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.template-tile p{margin:0;color:var(--text-muted);font-size:.88rem;line-height:1.45}.template-tile.is-active,.weekday-picker__item.is-active{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--surface-muted) 70%,var(--surface-accent));color:var(--text)}.weekday-picker{grid-template-columns:repeat(7,minmax(0,1fr))}.weekday-picker__item{min-height:44px;border-width:1px;border-style:solid;border-radius:14px;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;padding:16px;background:#040a1685;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-y:auto;z-index:40}.modal-card{width:min(760px,100%);margin:24px auto;padding:20px;display:grid;gap:16px;box-shadow:var(--shadow-soft)}.modal-card--wide{max-width:820px}.modal-actions,.modal-actions--split{display:grid;gap:10px}.modal-actions--split{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-state{text-align:center;justify-items:center;gap:10px}.empty-state strong,.notice-card strong{font-size:1rem;letter-spacing:-.02em}.empty-state--compact{padding:20px 18px}.inline-feedback{margin:0;padding:12px 14px;border-radius:14px;font-size:.9rem;font-weight:500}.inline-feedback--error{color:#fff;background:linear-gradient(180deg,var(--danger) 0%,#c6344b 100%)}@media(max-width:720px){.section-grid,.form-grid,.template-grid,.modal-actions--split{grid-template-columns:1fr}.form-grid__wide{grid-column:auto}.weekday-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.app-shell{padding-inline:12px;padding-bottom:calc(118px + env(safe-area-inset-bottom))}.page-header,.section-head,.panel-head,.modal-head,.habit-card__header,.habit-card__footer,.friend-profile__top,.friend-row,.copy-field,.inline-form,.habit-card__summary{flex-direction:column;align-items:stretch}.bottom-nav{width:calc(100% - 16px);bottom:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-nav__item{min-height:48px}.friend-row__actions{width:100%;flex-direction:column}}