.confirm-dialog-card[data-v-e75d731e]{display:grid;width:min(360px,100%);gap:14px;border-radius:24px;background:#fff;padding:24px 20px 20px;box-shadow:0 20px 50px #192d1f33;text-align:center}.confirm-dialog-icon[data-v-e75d731e]{display:grid;width:54px;height:54px;margin:0 auto;place-items:center;border-radius:18px;background:linear-gradient(180deg,#ffe7a3,#ffc640);color:#6a4b03;font-size:28px;font-weight:700}.confirm-dialog-icon.danger[data-v-e75d731e]{background:linear-gradient(180deg,#ffd7d2,#ff998a);color:#8f1d14}.confirm-dialog-card h3[data-v-e75d731e],.confirm-dialog-card p[data-v-e75d731e]{margin:0}.confirm-dialog-card p[data-v-e75d731e]{color:#858f87;font-size:14px;line-height:1.6}.confirm-fade-enter-active[data-v-e75d731e],.confirm-fade-leave-active[data-v-e75d731e]{transition:opacity .2s ease}.confirm-fade-enter-from[data-v-e75d731e],.confirm-fade-leave-to[data-v-e75d731e]{opacity:0}.celebrate-mask[data-v-2e65900a]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#1f1a1061;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.celebrate-card[data-v-2e65900a]{position:relative;overflow:hidden;display:grid;justify-items:center;gap:12px;width:min(360px,100%);border:1px solid rgba(245,214,146,.95);border-radius:28px;background:linear-gradient(180deg,#fff9eb,#fff);padding:28px 24px 22px;text-align:center;box-shadow:0 24px 60px #6e4d062e}.celebrate-fireworks[data-v-2e65900a]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.firework-dot[data-v-2e65900a]{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:999px;background:var(--dot-color);opacity:0;animation:firework-burst-2e65900a 1.2s ease-out infinite}.firework-dot[data-v-2e65900a]:nth-child(1){--dot-x: 0px;--dot-y: -92px;--dot-color: #ffb300;animation-delay:0s}.firework-dot[data-v-2e65900a]:nth-child(2){--dot-x: 46px;--dot-y: -74px;--dot-color: #ff7a59;animation-delay:.08s}.firework-dot[data-v-2e65900a]:nth-child(3){--dot-x: 78px;--dot-y: -18px;--dot-color: #7f7cff;animation-delay:.16s}.firework-dot[data-v-2e65900a]:nth-child(4){--dot-x: 76px;--dot-y: 38px;--dot-color: #5dcfa6;animation-delay:.24s}.firework-dot[data-v-2e65900a]:nth-child(5){--dot-x: 42px;--dot-y: 84px;--dot-color: #ffd166;animation-delay:.32s}.firework-dot[data-v-2e65900a]:nth-child(6){--dot-x: -4px;--dot-y: 96px;--dot-color: #ff8fab;animation-delay:.4s}.firework-dot[data-v-2e65900a]:nth-child(7){--dot-x: -48px;--dot-y: 76px;--dot-color: #59c3ff;animation-delay:.48s}.firework-dot[data-v-2e65900a]:nth-child(8){--dot-x: -82px;--dot-y: 24px;--dot-color: #9bde7e;animation-delay:.56s}.firework-dot[data-v-2e65900a]:nth-child(9){--dot-x: -80px;--dot-y: -22px;--dot-color: #f28482;animation-delay:.64s}.firework-dot[data-v-2e65900a]:nth-child(10){--dot-x: -52px;--dot-y: -72px;--dot-color: #84a59d;animation-delay:.72s}.firework-dot[data-v-2e65900a]:nth-child(11){--dot-x: 12px;--dot-y: -66px;--dot-color: #f6bd60;animation-delay:.8s}.firework-dot[data-v-2e65900a]:nth-child(12){--dot-x: 66px;--dot-y: 62px;--dot-color: #c77dff;animation-delay:.88s}.celebrate-badge[data-v-2e65900a]{display:grid;place-items:center;width:76px;height:76px;border-radius:26px;background:linear-gradient(180deg,#ffd86b,#ffb51f);box-shadow:0 12px 24px #f6b21a47;font-size:36px;transform:rotate(-8deg)}.celebrate-card h3[data-v-2e65900a]{margin:0;color:#38270c;font-size:24px}.celebrate-card p[data-v-2e65900a]{margin:0;color:#8f7955;font-size:14px;line-height:1.6}.celebrate-button[data-v-2e65900a]{min-width:138px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffcb48,#f6b21a);color:#5f4400;padding:12px 22px;font-size:14px;font-weight:600;box-shadow:0 10px 24px #f6b21a38}.celebrate-fade-enter-active[data-v-2e65900a],.celebrate-fade-leave-active[data-v-2e65900a]{transition:opacity .2s ease}.celebrate-fade-enter-from[data-v-2e65900a],.celebrate-fade-leave-to[data-v-2e65900a]{opacity:0}@keyframes firework-burst-2e65900a{0%{transform:translate(0) scale(.2);opacity:0}15%{opacity:1}to{transform:translate(var(--dot-x),var(--dot-y)) scale(1);opacity:0}}.warm-loading-card[data-v-d12433d2]{display:grid;gap:12px}.warm-loading-message[data-v-d12433d2]{display:flex;align-items:center;gap:12px;border:1px solid rgba(243,225,189,.94);border-radius:22px;background:linear-gradient(180deg,#fffaf0f5,#fff5ddeb);padding:14px 16px}.warm-loading-message strong[data-v-d12433d2],.warm-loading-message p[data-v-d12433d2]{margin:0}.warm-loading-message strong[data-v-d12433d2]{display:block;color:#7c5a14;font-size:15px}.warm-loading-message p[data-v-d12433d2]{margin-top:4px;color:#9c8562;font-size:13px}.warm-loading-spinner[data-v-d12433d2]{width:18px;height:18px;flex:0 0 auto;border:2px solid rgba(246,178,26,.28);border-top-color:#f6b21a;border-radius:50%;animation:warm-loading-rotate-d12433d2 .8s linear infinite}.warm-loading-list[data-v-d12433d2]{display:grid;gap:12px}.warm-loading-item[data-v-d12433d2]{display:grid;align-items:center;gap:12px;border:1px solid rgba(243,228,197,.96);border-radius:24px;background:linear-gradient(180deg,#fff,#fffaf2);padding:16px;box-shadow:0 10px 28px #6a521a0f}.warm-loading-item-habit[data-v-d12433d2],.warm-loading-item-statistics[data-v-d12433d2]{grid-template-columns:52px minmax(0,1fr) auto}.warm-loading-icon[data-v-d12433d2],.warm-loading-line[data-v-d12433d2],.warm-loading-pill[data-v-d12433d2],.warm-loading-metric[data-v-d12433d2]{display:block;background:linear-gradient(90deg,#f6e6c6ad,#fff7e3fa,#f6e6c6ad);background-size:200% 100%;animation:warm-loading-shimmer-d12433d2 1.3s linear infinite}.warm-loading-icon[data-v-d12433d2]{width:52px;height:52px;border-radius:18px}.warm-loading-copy[data-v-d12433d2]{display:grid;gap:8px}.warm-loading-line[data-v-d12433d2]{height:14px;border-radius:999px}.warm-loading-line.short[data-v-d12433d2]{width:74px}.warm-loading-line.title[data-v-d12433d2]{width:min(220px,72%);height:18px}.warm-loading-line.medium[data-v-d12433d2]{width:min(280px,88%)}.warm-loading-side[data-v-d12433d2],.warm-loading-metrics[data-v-d12433d2]{display:flex;align-items:center}.warm-loading-pill[data-v-d12433d2]{width:88px;height:40px;border-radius:16px}.warm-loading-metrics[data-v-d12433d2]{gap:10px}.warm-loading-metric[data-v-d12433d2]{width:58px;height:52px;border-radius:16px}@keyframes warm-loading-shimmer-d12433d2{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes warm-loading-rotate-d12433d2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 720px){.warm-loading-item-habit[data-v-d12433d2],.warm-loading-item-statistics[data-v-d12433d2]{grid-template-columns:44px minmax(0,1fr)}.warm-loading-icon[data-v-d12433d2]{width:44px;height:44px}.warm-loading-side[data-v-d12433d2],.warm-loading-metrics[data-v-d12433d2]{grid-column:1 / -1;padding-left:56px}}:root{color:#17211b;background:#f4f7f4;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;margin:0;background:linear-gradient(180deg,#eef5ef 0,#f7f9f7 260px,#f4f7f4)}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid #d7dfd8;border-radius:8px;background:#fff;color:#26352b;padding:10px 16px;text-decoration:none;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}button:hover,.button:hover{border-color:#8ca595;transform:translateY(-1px)}button.primary,.button.primary{border-color:#236a40;background:#236a40;color:#fff}button:disabled{cursor:not-allowed;opacity:.6;transform:none}input,select,textarea{width:100%;border:1px solid #d8e0da;border-radius:8px;outline:none;background:#fff;color:#17211b;padding:12px 13px;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:#4d8a64;box-shadow:0 0 0 3px #4d8a641f}.app-shell{min-height:100vh}.app-header{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:20px;border-bottom:1px solid rgba(207,218,210,.9);background:#ffffffeb;padding:12px max(20px,calc((100vw - 1120px)/2));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:grid;gap:2px}.brand strong{color:#163d28;font-size:20px}.brand span{color:#738078;font-size:12px}.app-header nav{display:flex;align-items:center;gap:5px;border:1px solid #e1e8e2;border-radius:8px;background:#f7faf7;padding:4px}.app-header nav a{border-radius:6px;color:#657168;padding:8px 18px;text-decoration:none}.app-header nav a.router-link-exact-active{background:#fff;color:#205f39;box-shadow:0 1px 4px #1c39261c;font-weight:600}.logout-button{justify-self:end}.page{width:min(1120px,100%);margin:0 auto;padding:32px 20px 64px}.narrow-page{width:min(760px,100%)}.hero-panel{position:relative;display:flex;min-height:170px;align-items:flex-end;justify-content:space-between;gap:28px;overflow:hidden;border:1px solid #d7e2da;border-radius:8px;background:linear-gradient(125deg,#fffffffa,#ebf5edf5),#fff;padding:30px;box-shadow:0 12px 32px #23452f14}.hero-panel:after{position:absolute;right:30px;bottom:-64px;width:190px;height:190px;border:28px solid rgba(52,122,77,.08);border-radius:50%;content:"";pointer-events:none}.detail-hero{border-left:5px solid var(--habit-color)}.hero-panel h1,.topbar h1{margin:7px 0 8px;color:#173d29;font-size:clamp(28px,4vw,42px);line-height:1.15}.hero-panel p,.topbar p{max-width:620px;margin:0;color:#6c7870;line-height:1.65}.eyebrow{color:#4c765d;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px}.metric-row,.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.metric-row article,.summary-grid div{display:grid;gap:8px;border:1px solid #dfe7e1;border-radius:8px;background:#fffffff0;padding:18px 20px}.metric-row article:nth-child(2){border-top-color:#75a884}.metric-row article:nth-child(3){border-top-color:#9e91b6}.metric-row span,.summary-grid span,.section-heading span{color:#748078;font-size:13px}.metric-row strong,.summary-grid strong{color:#203d2c;font-size:27px}.summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.summary-grid.elevated{margin-top:-18px;position:relative;z-index:2}.habit-list{display:grid;gap:10px}.habit-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:16px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;color:inherit;padding:16px 18px;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.habit-item:hover{border-color:#8eac98;box-shadow:0 8px 20px #2a4b3514;transform:translateY(-1px)}.habit-color{width:8px;height:42px;border-radius:4px}.habit-main{min-width:0}.habit-main strong{display:block;overflow:hidden;color:#24362a;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.habit-main p{margin:5px 0 0;color:#7a867e;font-size:13px}.habit-meta{display:grid;justify-items:end;gap:6px}.habit-meta small{color:#8a958e}.status-chip{border-radius:999px;padding:4px 9px;font-size:12px}.status-chip.active{background:#e9f5ed;color:#276840}.status-chip.done{background:#eeedf3;color:#655b78}.empty-state{border:1px dashed #c8d5cc;border-radius:8px;color:#77837b;background:#fff9;padding:42px 24px;text-align:center}.form-panel,.section-panel{display:grid;gap:16px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;padding:22px;box-shadow:0 8px 26px #2547300d}.form-panel label{display:grid;gap:8px;color:#46544b;font-size:14px;font-weight:600}.checkbox-label{display:flex!important;align-items:center}.checkbox-label input{width:auto}.section-panel{margin-bottom:18px}.section-panel h2{margin:0;color:#293b30;font-size:18px}.checkin-panel{border-left:4px solid #3e8057}.section-heading{display:flex;align-items:center;justify-content:space-between}.checkin-form{display:grid;grid-template-columns:160px 100px minmax(180px,1fr) 80px;gap:10px}.record-list{display:grid;gap:10px}.record-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border-top:1px solid #edf1ee;padding-top:13px}.record-item div{display:grid;gap:8px}.danger-zone{display:flex;justify-content:flex-end;gap:10px}.danger,.danger-text{color:#a83c34}.danger{border-color:#e5bbb7}.danger-text{border:0}.error{color:#b33b32}.success{color:#237a3c}.file-input{display:grid;gap:10px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#dceee1e6,#f4f1f9e6)}.auth-panel{width:min(420px,100%);border:1px solid #dce6de;border-radius:8px;background:#fff;padding:28px;box-shadow:0 20px 60px #20452c1f}.auth-panel h1{margin:0;color:#173d29;font-size:32px}.email-code-row{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:8px}.email-code-row button{padding:8px;font-size:13px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:24px 0;border:1px solid #e0e7e2;border-radius:8px;background:#f5f8f5;padding:4px}.tabs button{border:0;background:transparent}.tabs .active{background:#fff;color:#276840;box-shadow:0 1px 4px #1c39261c}form{display:grid;gap:12px}@media (max-width: 880px){.app-header{grid-template-columns:1fr auto;padding:10px 14px}.app-header nav{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr)}.app-header nav a{text-align:center}.hero-panel{min-height:150px;align-items:flex-start;flex-direction:column;padding:22px}.hero-panel h1{font-size:30px}.metric-row,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkin-form{grid-template-columns:1fr 1fr}.checkin-form input:nth-child(3),.checkin-form button{grid-column:1 / -1}}@media (max-width: 560px){.page{padding:18px 12px 42px}.brand span{display:none}.logout-button{min-height:36px;padding:7px 10px}.hero-panel{border-radius:8px}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-row article{padding:13px 10px}.metric-row strong{font-size:22px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.habit-item{grid-template-columns:6px minmax(0,1fr)}.habit-meta{grid-column:2;grid-template-columns:auto 1fr;justify-items:start}.danger-zone{flex-direction:column}}body{background:#f5f5f5}.app-header{background:#fffffffa}.page{padding-top:22px}.today-header{display:grid;grid-template-columns:minmax(160px,1fr) auto;align-items:center;gap:22px;border:1px solid #e2e8e3;border-radius:8px;background:#fff;padding:22px 24px}.today-copy{display:grid;gap:5px}.today-copy strong{color:#26352b;font-size:32px}.today-copy span{color:#7d887f;font-size:15px}.today-stats{display:grid;grid-template-columns:repeat(4,76px);gap:8px}.today-stats button{display:grid;min-height:66px;gap:2px;border-color:transparent;background:#f7f9f7;padding:8px}.today-stats button.active{border-color:#8bc49a;background:#ecf7ee;color:#287040}.today-stats strong{font-size:21px}.today-stats span{color:#7a857d;font-size:12px}.list-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;margin:14px 0}.add-button{min-width:90px}.app-habit-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #e3e8e4;border-radius:8px;background:#fff;color:inherit;padding:14px 16px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.app-habit-item:hover{box-shadow:0 5px 16px #2d4e3714;transform:translateY(-1px)}.app-habit-item.checked{background:#f8faf8}.app-habit-item.completed{opacity:.72}.app-habit-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:#fff;font-size:20px}.habit-action{min-width:82px}.checkin-button{width:82px;border:0;color:#fff;font-size:13px}.checkin-button.checked{opacity:.8}.ended-label{color:#4caf50;font-size:13px}.app-detail-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-radius:8px 8px 0 0;color:#fff;padding:26px 28px}.app-detail-header h1{margin:0;font-size:30px}.app-detail-header p{margin:8px 0 0;opacity:.88}.detail-title-row{display:flex;align-items:center;gap:12px}.detail-icon{font-size:28px}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:18px;border:1px solid #e2e8e3;border-top:0;border-radius:0 0 8px 8px;background:#fff}.detail-stats div{display:grid;gap:5px;padding:16px;text-align:center}.detail-stats div+div{border-left:1px solid #edf0ed}.detail-stats span{color:#808a82;font-size:12px}.detail-stats strong{color:#34453a}.calendar-card,.date-panel{margin-bottom:18px;border:1px solid #e1e7e2;border-radius:8px;background:#fff;padding:20px}.calendar-header,.date-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.calendar-header h2,.date-panel-header h2{margin:0;font-size:18px}.calendar-header p,.date-panel-header p{margin:5px 0 0;color:#8a938c;font-size:13px}.month-actions{display:flex;align-items:center;gap:10px}.month-actions button{width:34px;min-height:34px;padding:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekday-grid{margin-bottom:5px;color:#8a938c;font-size:12px;text-align:center}.calendar-day{display:grid;min-height:58px;place-items:center;border-color:transparent;background:#fafbfa;padding:5px}.calendar-day.muted{color:#bdc4bf;background:#fff}.calendar-day.today{border-color:#4caf50}.calendar-day.checked{background:#eaf7ed;color:#2c7543}.calendar-day.selected{border-color:#278044;box-shadow:0 0 0 2px #2780441f}.calendar-day small{color:#4caf50;font-size:10px}.retro-form{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;border-radius:8px;background:#f7faf7;padding:14px}.count-stepper{display:flex;align-items:center;gap:10px}.count-stepper button{width:38px;min-height:38px;border-radius:50%;padding:0}.count-stepper strong{min-width:28px;text-align:center;font-size:20px}.count-stepper span{color:#8a938c;font-size:12px}.modal-mask{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1522196b;padding:18px}.count-modal{display:grid;width:min(420px,100%);gap:16px;border-radius:8px;background:#fff;padding:24px;box-shadow:0 20px 50px #192d1f33}.count-modal h2,.count-modal p{margin:0}.count-modal p{color:#858f87;font-size:13px}.count-modal .count-stepper{justify-content:center}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.statistics-list{display:grid;gap:10px}.statistics-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #e3e8e4;border-radius:8px;background:#fff;color:inherit;padding:14px 16px;text-decoration:none}.statistics-main{min-width:0}.statistics-main strong{display:block;overflow:hidden;color:#24362a;text-overflow:ellipsis;white-space:nowrap}.statistics-main p{margin:5px 0 0;color:#7a867e;font-size:13px}.statistics-metrics{display:grid;grid-template-columns:repeat(3,64px);gap:8px;text-align:center}.statistics-metrics span{display:grid;gap:2px;color:#7a867e;font-size:12px}.statistics-metrics strong{color:#276840;font-size:20px}.icon-options{display:grid;grid-template-columns:repeat(8,42px);gap:8px}.icon-options button{min-height:42px;padding:0;font-size:19px}.icon-options button.selected{border-color:#4caf50;background:#edf8ef}.color-row{display:flex;align-items:center;gap:10px}.color-row input{width:60px;height:42px;padding:3px}@media (max-width: 880px){.today-header,.retro-form{grid-template-columns:1fr}.today-stats{grid-template-columns:repeat(4,1fr)}.icon-options{grid-template-columns:repeat(6,42px)}}@media (max-width: 560px){.today-copy strong{font-size:26px}.today-stats{gap:4px}.today-stats button{min-height:58px;padding:5px 2px}.list-toolbar{grid-template-columns:1fr auto}.list-toolbar input{grid-column:1 / -1}.app-habit-item{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:12px}.app-habit-icon{width:40px;height:40px}.checkin-button{width:68px;padding:8px 5px}.app-detail-header{align-items:flex-start;flex-direction:column;padding:20px}.detail-stats{grid-template-columns:repeat(2,1fr)}.detail-stats div:nth-child(3){border-left:0;border-top:1px solid #edf0ed}.detail-stats div:nth-child(4){border-top:1px solid #edf0ed}.calendar-card,.date-panel{padding:12px}.calendar-header,.date-panel-header{align-items:flex-start;flex-direction:column}.calendar-day{min-height:46px;padding:2px}.icon-options{grid-template-columns:repeat(5,42px)}.statistics-item{grid-template-columns:42px minmax(0,1fr)}.statistics-metrics{grid-column:2;grid-template-columns:repeat(3,1fr);width:100%}}body{background:radial-gradient(circle at top,rgba(255,232,182,.45),transparent 28%),linear-gradient(180deg,#fff9ef,#f7f3ec 52%,#f5f5f5)}#app{min-height:100vh}.mobile-shell{min-height:100vh;background:linear-gradient(180deg,#fff8ec,#f7f4ee 32%,#f6f6f6)}.mobile-topbar{position:sticky;z-index:30;top:0;display:flex;width:min(430px,100%);align-items:center;justify-content:space-between;margin:0 auto;padding:14px 16px 8px;background:linear-gradient(180deg,#fff8ecfa,#fff8ecd1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-brand{display:grid;gap:3px}.mobile-brand span{color:#d29a2f;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mobile-brand strong{color:#2b2418;font-size:22px}.profile-entry{display:inline-flex;min-height:0;align-items:center;gap:8px;border:0;border-radius:999px;background:#ffffffe6;color:#7d6324;padding:10px 14px;box-shadow:0 8px 22px #cda03e29}.profile-entry span{font-size:18px}.profile-entry em{font-style:normal;font-weight:600}.shell-mobile-content{width:min(430px,100%);margin:0 auto;padding-bottom:92px}.mobile-shell .page{width:100%;padding:10px 16px 104px}.mobile-tabbar{position:fixed;z-index:35;right:0;bottom:12px;left:0;display:grid;grid-template-columns:repeat(4,1fr);width:min(398px,calc(100% - 24px));gap:8px;margin:0 auto;border:1px solid rgba(244,225,180,.9);border-radius:24px;background:#fffffff5;padding:8px;box-shadow:0 16px 40px #85692229;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-tabbar a{display:grid;justify-items:center;gap:4px;border-radius:18px;color:#9e8a63;padding:10px 8px;text-decoration:none}.mobile-tabbar a span{font-size:18px}.mobile-tabbar a strong{font-size:12px}.mobile-tabbar a.router-link-exact-active,.mobile-tabbar a.is-active{background:linear-gradient(180deg,#ffd063,#f6b21a);color:#5c4100;box-shadow:0 10px 24px #f6b21a47}.confirm-modal{display:grid;width:min(340px,100%);gap:14px;border-radius:24px;background:#fff;padding:26px 22px 22px;text-align:center;box-shadow:0 24px 48px #34280a2e}.confirm-modal h2,.confirm-modal p{margin:0}.confirm-modal p{color:#8e8167;font-size:14px;line-height:1.6}.confirm-icon{display:grid;width:56px;height:56px;place-items:center;margin:0 auto;border-radius:50%;background:linear-gradient(180deg,#ffe49a,#ffc12d);color:#fff;font-size:28px}.warm-auth-page{padding:18px 16px 32px;background:radial-gradient(circle at top right,rgba(255,214,120,.45),transparent 20%),linear-gradient(180deg,#fff9ef,#f8efe2)}.auth-stage{display:grid;width:min(430px,100%);gap:0}.auth-hero{position:relative;overflow:hidden;border-radius:30px 30px 0 0;background:linear-gradient(180deg,#ffe7ab,#ffd476);padding:28px 24px 104px}.auth-scenery{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.auth-sun,.auth-cloud,.auth-hill{position:absolute}.auth-sun{top:28px;left:54px;width:58px;height:58px;border-radius:50%;background:#fff9e1eb;box-shadow:0 0 0 12px #fff9e133}.auth-cloud{background:#fff8e7c2;filter:blur(1px)}.auth-cloud-left{top:74px;right:48px;width:92px;height:24px;border-radius:999px}.auth-cloud-right{top:118px;left:22px;width:70px;height:18px;border-radius:999px}.auth-hill-back{right:-18px;bottom:52px;width:220px;height:96px;border-radius:120px 0 0;background:#f2b63770}.auth-hill-front{bottom:-8px;left:-14px;width:calc(100% + 28px);height:92px;border-radius:42% 42% 0 0;background:radial-gradient(circle at 14% 18%,rgba(255,244,204,.88) 0 18px,transparent 19px),linear-gradient(180deg,#f7d37a,#ebb03c)}.auth-hero-copy{position:relative;z-index:1;display:grid;gap:6px;color:#7a5100}.auth-hero-copy span{font-size:14px;font-weight:600}.auth-hero-copy strong{color:#4b3610;font-size:34px}.auth-hero-copy p{max-width:220px;margin:0;color:#4b3610c2;font-size:14px;line-height:1.6}.warm-auth-panel{position:relative;margin-top:-72px;border-radius:28px;border-color:#fff1d6e6;padding:24px 20px 20px;box-shadow:0 22px 50px #7a5a1224}.auth-panel-copy{display:grid;gap:6px}.auth-panel-copy h1{margin:0;color:#2f2414;font-size:28px}.auth-panel-copy p{margin:0;color:#a28f76;font-size:13px}.auth-tabs{margin:20px 0 18px;background:#f9f4ec}.auth-tabs .active{color:#7d5600;box-shadow:0 4px 10px #b3851c24}.auth-form{gap:14px}.auth-field{display:grid;gap:8px}.auth-field span{color:#8b785f;font-size:13px;font-weight:600}.auth-field input{border-color:#efe2cb;border-radius:16px;background:#fffaf2;padding:14px 15px}.auth-field input:focus{border-color:#f2bb46;box-shadow:0 0 0 3px #f6b21a1f}.auth-submit{min-height:50px;border:0;border-radius:16px;background:linear-gradient(180deg,#ffc83f,#f2a700);color:#5c4100;font-size:16px;font-weight:700}.auth-submit-light{background:linear-gradient(180deg,#ffe39b,#ffc94d)}.auth-link-button{min-height:0;justify-content:flex-start;border:0;background:transparent;color:#a06f08;padding:4px 2px 0;box-shadow:none}.auth-link-button:hover{transform:none}.guest-entry-button{width:100%;min-height:48px;margin-top:10px;border:1px solid #ead7ad;border-radius:16px;background:#fffaf1;color:#795614;font-weight:700}.guest-status-banner{display:flex;width:min(398px,calc(100% - 32px));align-items:center;justify-content:space-between;gap:12px;margin:0 auto 6px;border:1px solid #f0d38c;border-radius:8px;background:#fff3cf;color:#76520b;padding:9px 12px;text-align:left}.guest-status-banner span{font-size:12px}.guest-upgrade-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #efd28a;border-radius:8px;background:#fff4d4;padding:14px}.guest-upgrade-card div{display:grid;gap:4px}.guest-upgrade-card span{color:#8c6c2c;font-size:12px}.guest-upgrade-card button{flex:0 0 auto;padding:10px 12px}.auth-forgot-form{margin-top:8px;border-top:1px dashed rgba(240,201,118,.7);padding-top:16px}.auth-footnote{margin:16px 2px 0;color:#af9d86;font-size:12px;text-align:center}@media (max-width: 560px){.mobile-topbar{padding:14px 14px 6px}.mobile-shell .page{padding:8px 14px 100px}.mobile-tabbar{bottom:10px;width:calc(100% - 20px)}.mobile-tabbar a{padding:9px 6px}.profile-entry{padding:9px 12px}.auth-hero{padding:26px 20px 100px}.warm-auth-panel{padding:22px 16px 18px}.about-page{gap:14px}.about-top-main{gap:12px}.about-user-avatar{width:56px;height:56px;font-size:22px}.about-metric-card{padding:18px 10px}.about-dialog-card{padding:22px 16px 18px}}.home-hero-card,.editor-hero-card,.detail-hero-card,.habit-overview-panel,.editor-section-card,.editor-submit-bar,.warm-panel-card{border:1px solid rgba(243,225,189,.94);border-radius:24px;background:#fffffff5;box-shadow:0 16px 40px #745a1e14}.home-hero-card{display:grid;grid-template-columns:minmax(0,1fr) 156px;grid-template-areas:"copy copy" "board progress";gap:16px;overflow:hidden;margin-bottom:16px;background:radial-gradient(circle at top right,rgba(255,211,107,.34),transparent 28%),linear-gradient(180deg,#fff8eb,#fff);padding:22px 20px}.home-hero-copy{grid-area:copy;display:grid;gap:8px}.home-hero-copy strong{color:#2f2516;font-size:28px}.home-hero-copy p{margin:0;color:#8f8069;line-height:1.6}.home-summary-board{grid-area:board;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-self:stretch;align-items:stretch}.home-summary-card{display:grid;align-content:space-between;gap:6px;height:100%;min-height:0;border:1px solid rgba(243,229,198,.94);border-radius:22px;background:linear-gradient(180deg,#fffdf7fa,#fff5ddeb);padding:14px 16px;box-shadow:inset 0 1px #ffffff80}.home-summary-card span{color:#876936;font-size:13px}.home-summary-card strong{color:#2f2516;font-size:26px;line-height:1.1}.home-summary-card small{color:#9c8867;line-height:1.5;font-size:12px}.home-hero-progress{grid-area:progress;display:grid;align-content:start;justify-items:end;gap:10px}.hero-progress-ring{display:grid;width:116px;height:116px;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff 0 52%,transparent 53%),conic-gradient(#f6b21a 0,#f6b21a 240deg,#f6b21a2e 240deg,#f6b21a2e 360deg);text-align:center}.hero-progress-ring strong{display:block;color:#7b5300;font-size:24px}.hero-progress-ring span{color:#9d8455;font-size:12px}.hero-progress-meta{display:grid;justify-items:end;gap:4px}.hero-progress-meta span{color:#8a6a28;font-size:13px;font-weight:700}.hero-progress-meta small{max-width:124px;color:#ab9879;line-height:1.5;text-align:right}.home-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.stat-card-button{display:grid;min-height:88px;gap:4px;border:1px solid rgba(245,229,196,.9);border-radius:20px;background:#fffffff0;color:#846c40;padding:14px 8px;text-align:center;box-shadow:0 8px 24px #6a521a0f}.stat-card-button strong{color:#3a301f;font-size:24px}.stat-card-button span{color:#9e8a68;font-size:12px}.stat-card-button.active{border-color:#f8c13fe6;background:linear-gradient(180deg,#fff3d1,#fff);color:#7e5905}.habit-overview-panel{padding:18px}.panel-heading,.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-heading h2,.section-title-row h2{margin:4px 0 0;color:#2f2618;font-size:22px}.panel-heading p,.section-title-row p{margin:4px 0 0;color:#9a8b74;font-size:13px}.warm-add-button,.warm-submit-button{border:0;background:linear-gradient(180deg,#ffcb48,#f6b21a);color:#5f4400;box-shadow:0 10px 20px #f6b21a33}.search-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:16px 0 12px}.search-toolbar input,.editor-field input,.editor-field select,.editor-field textarea,.warm-panel-card input,.warm-panel-card textarea{border-color:#efe3cf;border-radius:16px;background:#fffaf3}.soft-button,.detail-ghost-button,.detail-light-button,.soft-danger-button{border:1px solid rgba(240,226,196,.96);border-radius:16px;background:#fff9ef;color:#7b6640}.view-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.view-tabs button{min-height:40px;border:1px solid rgba(243,229,198,.94);border-radius:999px;background:#fff9ef;color:#9f8960;padding:0 10px}.view-tabs button.active{border-color:#f6b21ab3;background:linear-gradient(180deg,#ffe4a5,#ffefcd);color:#6a4b03}.app-card-list{gap:12px}.habit-journey-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(243,228,197,.96);border-radius:24px;background:linear-gradient(180deg,#fff,#fffaf2);padding:16px;box-shadow:0 10px 28px #6a521a0f;color:inherit;text-decoration:none}.habit-journey-card.checked{border-color:#f6b21a8f}.habit-journey-card.completed{opacity:.78}.habit-journey-main{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px}.warm-icon-badge{box-shadow:0 8px 18px #f6b21a29}.habit-journey-copy{display:grid;gap:8px}.habit-title-row{display:flex;align-items:center;gap:8px}.habit-title-row strong{color:#2f2618;font-size:17px;text-decoration:none}.habit-type-chip{border-radius:999px;background:#fff0cb;color:#b17d05;padding:4px 9px;font-size:12px;font-weight:700}.habit-journey-copy p{margin:0;color:#8d7c66;line-height:1.55;text-decoration:none}.habit-foot-meta{display:flex;flex-wrap:wrap;gap:8px 12px}.habit-foot-meta span,.record-meta-text{color:#af9c81;font-size:12px}.habit-journey-action{display:grid;justify-items:end;gap:8px}.warm-checkin-button{min-width:88px;border-radius:16px;box-shadow:0 10px 18px #f6b21a2e}.warm-checkin-button.checked{color:#fff}.warm-empty-state{border-style:solid;border-color:#f2e1c2f5;border-radius:24px;background:linear-gradient(180deg,#fff,#fff9ef)}.warm-count-modal{border-radius:28px;box-shadow:0 24px 56px #5a43112e}.warm-count-icon{margin-bottom:2px}.editor-hero-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:16px;background:radial-gradient(circle at top right,rgba(255,218,132,.34),transparent 24%),linear-gradient(180deg,#fff8eb,#fff);padding:16px 18px}.editor-hero-card-compact{gap:10px;padding:14px 16px}.editor-appbar{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;margin-bottom:14px;padding:6px 2px 2px}.editor-appbar-in-card{margin-bottom:10px;padding:0}.editor-appbar strong{color:#2f2618;font-size:20px;text-align:center}.editor-appbar-side{min-height:0;border:0;background:transparent;padding:0;color:#6f5a32;font-size:15px;font-weight:600;text-decoration:none}.editor-appbar-back{justify-self:start}.editor-appbar-back:before{content:"<";margin-right:6px;font-weight:700}.editor-appbar-save{justify-self:end;color:#f0a500}.editor-appbar-save:disabled{color:#c6b798}.editor-hero-main{min-width:0}.editor-hero-card h1{margin:4px 0 8px;color:#2f2618}.editor-hero-card p{margin:0;color:#93836b}.editor-sheet-card{gap:18px;padding:18px 16px}.editor-preview-row{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px}.editor-preview-copy{display:grid;gap:4px}.editor-preview-copy strong{color:#2f2618;font-size:18px}.editor-preview-copy p{margin:0;color:#97866d;font-size:13px}.detail-back-link{display:inline-flex;min-height:40px;align-items:center;gap:6px;color:inherit;text-decoration:none}.detail-back-link:before{content:"<";font-size:16px;font-weight:700}.app-page-back{align-self:center;color:#6e5b35}.editor-top-submit{min-width:88px;min-height:40px;align-self:center;border-radius:14px;padding:0 16px}.habit-editor-form{display:grid;gap:14px}.editor-section-card{display:grid;gap:16px;padding:18px}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editor-field{display:grid;gap:8px;color:#54483a;font-size:14px;font-weight:600}.switch-field{display:inline-flex;align-items:center;gap:10px;color:#8f7e63;font-size:13px;font-weight:700}.switch-field input{width:auto}.editor-preview-badge{display:grid;width:54px;height:54px;place-items:center;border-radius:18px;font-size:24px;box-shadow:0 12px 24px #f6b21a38}.type-switch-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-switch-row button{min-height:44px;border:1px solid rgba(240,226,196,.96);border-radius:16px;background:#fff9ef;color:#8f7c5d;padding:0 12px}.type-switch-row button.active{border-color:#f6b21ac2;background:linear-gradient(180deg,#ffe7ae,#fff4d9);color:#6a4b03}.type-switch-row-compact{grid-template-columns:repeat(2,minmax(0,124px))}.compact-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compact-switch-field{justify-content:end}.warm-icon-strip{display:grid;grid-auto-flow:column;grid-auto-columns:42px;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.warm-icon-strip button{border-radius:14px;background:#fffaf1}.warm-icon-strip button.selected{border-color:#f6b21a;background:#fff0cb}.editor-icon-strip{grid-auto-columns:46px}.editor-icon-strip button{min-height:46px;border:1px solid rgba(240,226,196,.96);color:#7b6640;font-size:22px}.color-preset-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.color-preset{min-height:0;width:32px;height:32px;border:2px solid transparent;border-radius:50%;padding:0;box-shadow:0 6px 14px #6a521a1a}.color-preset span{font-size:11px;font-weight:700}.color-preset.selected{border-color:#2f2618;transform:scale(1.06)}.color-preset-label{min-height:34px;border:1px solid rgba(240,226,196,.96);border-radius:999px;background:#fffaf3;color:#7b6640;padding:0 14px;font-size:13px;font-weight:600}.color-preset-label.selected{border-color:#2f2618;background:#fff0cb;color:#5f4400}.warm-color-row{display:inline-flex;align-items:center;gap:8px;border-radius:16px;background:#fffaf3;padding:10px 12px}.editor-color-row{gap:8px}.editor-list-grid{display:grid;gap:10px}.editor-setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(240,226,196,.9);border-radius:18px;background:#fffaf3;padding:14px 16px}.editor-setting-row span{color:#54483a;font-size:14px;font-weight:600}.editor-setting-control{display:inline-flex;align-items:center;gap:10px}.editor-setting-control em{color:#9e8a68;font-style:normal;font-size:13px}.editor-setting-row-input input{width:auto;min-width:132px;border:0;background:transparent;padding:0;text-align:right}.editor-setting-row-checkbox input{width:auto}.warm-color-row input{width:40px;min-width:40px;height:32px}.editor-color-value{min-width:110px;color:#7b6640;font-size:12px}.editor-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.editor-submit-bar strong{display:block;color:#2f2618}.editor-submit-bar span{color:#9c8a71;font-size:12px}.detail-loading-card{display:grid;gap:16px;border:1px solid rgba(243,225,189,.94);border-radius:28px;background:linear-gradient(135deg,#f6b21a1f,#fffffff5 46%),#fff;padding:20px 18px 18px;box-shadow:0 16px 40px #745a1e14}.detail-loading-top,.detail-loading-hero,.detail-loading-stats,.detail-loading-message{display:flex}.detail-loading-top,.detail-loading-message{align-items:center;justify-content:space-between}.detail-loading-back,.detail-loading-action,.detail-loading-icon,.detail-loading-line,.detail-loading-stat,.detail-loading-calendar{display:block;background:linear-gradient(90deg,#f6e6c6ad,#fff7e3fa,#f6e6c6ad);background-size:200% 100%;animation:detail-loading-shimmer 1.3s linear infinite}.detail-loading-back{width:54px;height:18px;border-radius:999px;color:transparent}.detail-loading-action{width:84px;height:36px;border-radius:14px}.detail-loading-hero{align-items:center;gap:14px}.detail-loading-icon{width:68px;height:68px;border-radius:22px}.detail-loading-copy{display:grid;flex:1;gap:10px}.detail-loading-line{height:14px;border-radius:999px}.detail-loading-line.short{width:72px}.detail-loading-line.title{width:min(220px,72%);height:34px}.detail-loading-line.medium{width:min(280px,88%)}.detail-loading-stats{gap:10px}.detail-loading-stat{flex:1;height:92px;border-radius:22px}.detail-loading-message{gap:12px;border-radius:22px;background:#fff8e9db;padding:14px 16px}.detail-loading-message strong,.detail-loading-message p{margin:0}.detail-loading-message strong{flex:1;color:#7c5a14;font-size:15px}.detail-loading-message p{flex-basis:100%;color:#9c8562;font-size:13px}.detail-loading-spinner{width:18px;height:18px;border:2px solid rgba(246,178,26,.28);border-top-color:#f6b21a;border-radius:50%;animation:detail-loading-rotate .8s linear infinite}.detail-loading-calendar{height:330px;border-radius:24px}@keyframes detail-loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes detail-loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.detail-hero-card{position:relative;overflow:hidden;margin-bottom:16px;border:0;background:radial-gradient(circle at top right,rgba(255,255,255,.2),transparent 24%),linear-gradient(135deg,var(--habit-theme),#f5c76d);border:1px solid var(--habit-theme-border, transparent);color:var(--habit-theme-text, #fff);padding:22px 20px 18px}.detail-unified-card{overflow:hidden;border:1px solid rgba(243,225,189,.94);border-radius:30px;background:radial-gradient(circle at top right,rgba(255,255,255,.16),transparent 24%),linear-gradient(180deg,var(--habit-theme) 0%,rgba(255,248,235,.94) 54%,#fff4e6 100%);box-shadow:0 16px 40px #745a1e14}.detail-hero-card-unified{margin-bottom:0;border-radius:0;background:transparent;box-shadow:none}.detail-hero-card:after{position:absolute;right:-24px;bottom:-36px;width:160px;height:160px;border:24px solid rgba(255,255,255,.14);border-radius:50%;content:""}.detail-hero-topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.detail-hero-copy{position:relative;z-index:1;display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:center}.detail-hero-badge{display:grid;width:70px;height:70px;place-items:center;border-radius:24px;background:#ffffff29;box-shadow:inset 0 1px #ffffff29}.detail-hero-card .detail-icon{font-size:34px}.detail-hero-card h1{margin:4px 0 6px;font-size:32px}.detail-hero-card p{max-width:100%;margin:0;color:#ffffffe0;line-height:1.6}.detail-hero-card .detail-back-link{color:#fffffff5;font-weight:600}.detail-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.detail-insight-grid-embedded{position:relative;z-index:1;margin-top:18px;margin-bottom:0}.detail-insight-card{display:grid;gap:8px;border:1px solid rgba(255,255,255,.36);border-radius:22px;background:#fffaf1db;padding:18px;box-shadow:none}.detail-insight-card.accent{background:linear-gradient(180deg,#fff5d8,#fff)}.detail-insight-card span{color:#9c8b73;font-size:12px}.detail-insight-card strong{color:#2f2618;font-size:24px}.detail-insight-card small{color:#b19c7c;line-height:1.5}.warm-panel-card{margin-bottom:16px;padding:18px}.about-page{display:grid;gap:12px}.about-redesign-page{padding-top:6px}.about-surface,.about-dialog-card{border:1px solid rgba(243,225,189,.94);border-radius:24px;background:#fffaf1;box-shadow:0 16px 40px #745a1e14}.about-surface{display:grid;gap:0;overflow:hidden;padding:16px 0 0}.about-top-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;background:radial-gradient(circle at top right,rgba(255,218,132,.4),transparent 26%),linear-gradient(180deg,#ffd973,#f4be35);margin:0 16px;border-radius:24px;padding:16px}.about-top-main{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px}.about-user-avatar{display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:#ffffffe6;color:#7a5600;font-size:24px;font-weight:700}.about-user-copy{display:grid;gap:4px}.about-user-copy strong{color:#5a4200;font-size:20px}.about-user-copy span{color:#5a4200b8;font-size:14px;line-height:1.5}.about-top-action{min-height:0;border:0;background:transparent;color:#bb7f00;padding:0 4px;box-shadow:none;font-size:22px;font-weight:700}.about-top-action:hover,.about-dialog-close:hover{transform:none}.about-metric-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:14px;padding:18px 12px 20px;background:transparent}.about-metric-card article{display:grid;gap:4px;justify-items:center}.about-metric-card article+article{border-left:1px solid rgba(241,226,198,.9)}.about-metric-card span,.about-sheet-info p{color:#a18d6e;font-size:12px}.about-metric-card strong{color:#704e00;font-size:34px;line-height:1.1}.about-metric-card small{color:#8f7751;font-size:13px}.about-menu-card{overflow:hidden;margin-top:2px;border-top:1px solid rgba(243,229,198,.9);background:transparent}.about-menu-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:60px;border:0;border-radius:0;background:transparent;color:#3a301f;padding:0 16px;box-shadow:none}.about-menu-item+.about-menu-item{border-top:1px solid rgba(243,229,198,.9)}.about-menu-item strong{justify-self:start;color:#352c1c;font-size:16px;font-weight:600}.about-menu-item span{color:#b98512;font-size:18px;font-weight:700}.about-menu-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#fff4db;color:#b07a00;font-size:14px}.about-logout-bar{width:100%;border:0;border-top:1px solid rgba(243,229,198,.9);border-radius:0;background:transparent;color:#ff9d00;padding:16px 14px;font-size:16px;font-weight:700;box-shadow:none}.about-dialog-card{display:grid;width:min(390px,100%);gap:16px;padding:24px 18px 18px}.about-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.about-dialog-head h2{margin:0;color:#2f2618;font-size:20px}.about-dialog-close{min-height:0;border:0;background:transparent;color:#9f8a62;padding:0;box-shadow:none;font-size:28px;line-height:1}.about-dialog-form{display:grid;gap:14px}.about-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-sheet-info{display:grid;gap:10px}.about-sheet-info article{display:grid;gap:6px;border:1px solid rgba(243,229,198,.94);border-radius:18px;background:#fffaf3;padding:14px 16px}.about-sheet-info strong{color:#2f2618}.about-sheet-info p{margin:0;line-height:1.6}.detail-section-block{margin:0 16px 16px;border-top:1px solid rgba(255,255,255,.34);background:#fffcf785;padding:18px 16px}.detail-calendar-block{border-radius:24px 24px 0 0}.date-record-panel{margin-bottom:0;border-radius:0}.warm-retro-form{gap:10px;border-radius:20px;background:#fff8ec;padding:16px}.detail-record-card{align-items:flex-start;border:1px solid rgba(246,230,198,.9);border-radius:18px;background:#fffaf3eb;padding:14px}.detail-record-card textarea{margin-top:10px}.detail-action-bar{display:flex;gap:10px;margin-bottom:6px}.detail-action-bar-unified{margin:0;padding:16px;border-top:1px solid rgba(255,255,255,.34);background:#fff9ee80}.detail-edit-button{min-height:40px;border:0;border-radius:14px;background:#ffffff29;color:#fff;padding:0 14px}.date-dialog-card{display:grid;width:min(560px,100%);max-height:min(88vh,760px);gap:16px;overflow-y:auto;border-radius:28px;background:#fff;padding:22px 20px 20px;box-shadow:0 24px 56px #5a431133}.date-dialog-actions{display:flex;align-items:center;gap:10px}.date-record-panel{margin-bottom:16px}.inline-record-list{gap:10px}.inline-record-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:16px}.inline-record-note{margin:8px 0 0;color:#745f3c;line-height:1.6}.inline-record-total{color:#f0a500;font-size:13px;font-weight:700}@media (max-width: 880px){.home-hero-card,.editor-submit-bar,.editor-grid{grid-template-columns:1fr}.editor-hero-card{grid-template-columns:auto 1fr}.editor-top-submit{grid-column:1 / -1;justify-self:stretch}.type-switch-row-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero-copy{grid-template-columns:64px minmax(0,1fr);align-items:start}.detail-hero-badge{width:64px;height:64px}.home-summary-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.home-hero-card{grid-template-columns:1fr;grid-template-areas:"copy" "board" "progress";padding:18px 16px}.home-hero-progress,.hero-progress-meta{justify-items:start}.hero-progress-meta small{max-width:none;text-align:left}.home-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card-button{min-height:78px}.search-toolbar,.editor-submit-bar,.detail-action-bar{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.view-tabs{grid-template-columns:repeat(2,1fr)}.habit-journey-card{grid-template-columns:1fr}.habit-journey-action{justify-items:stretch}.warm-checkin-button{width:100%}.editor-hero-card,.panel-heading,.section-title-row,.date-panel-header,.calendar-header{align-items:flex-start;flex-direction:column}.warm-icon-options{grid-template-columns:repeat(5,42px)}.editor-appbar{grid-template-columns:64px minmax(0,1fr) 64px}.editor-appbar strong{font-size:18px}.editor-preview-row{grid-template-columns:52px minmax(0,1fr)}.editor-setting-row{align-items:flex-start;flex-direction:column}.editor-setting-control,.editor-setting-row-input input{width:100%}.editor-setting-row-input input{text-align:left}.detail-hero-card{padding:20px 16px 16px}.detail-loading-card{padding:18px 14px 14px}.detail-loading-hero{align-items:flex-start}.detail-loading-icon{width:60px;height:60px}.detail-loading-stats{flex-direction:column}.detail-loading-stat{height:78px}.detail-loading-message{flex-wrap:wrap;align-items:flex-start}.detail-loading-calendar{height:260px}.detail-hero-topbar{align-items:flex-start;flex-direction:row}.detail-hero-copy{grid-template-columns:64px minmax(0,1fr);align-items:start}.detail-hero-card h1{font-size:28px}.detail-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-insight-card{padding:14px 12px}.detail-insight-card strong{font-size:18px}.date-dialog-card{width:min(100%,420px);padding:18px 16px 16px}.date-dialog-actions{width:100%;flex-wrap:wrap}.inline-record-card{grid-template-columns:1fr}}.stats-hero-card,.import-hero-card,.stats-summary-panel,.import-stage-card,.import-status-card{border:1px solid rgba(243,225,189,.94);border-radius:24px;background:#fffffff5;box-shadow:0 16px 40px #745a1e14}.stats-hero-card,.import-hero-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;background:radial-gradient(circle at top right,rgba(255,218,132,.34),transparent 24%),linear-gradient(180deg,#fff8eb,#fff);padding:20px}.stats-hero-card h1,.import-hero-card h1{margin:4px 0 8px;color:#2f2618}.stats-hero-card p,.import-hero-card p{margin:0;color:#93836b}.stats-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.stats-overview-card{display:grid;gap:6px;border:1px solid rgba(243,229,198,.94);border-radius:22px;background:#fffffff5;padding:18px 16px}.stats-overview-button{width:100%;cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stats-overview-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6a521a14}.stats-overview-button.active{border-color:#f6b21abf;background:linear-gradient(180deg,#fff0c6,#fff);box-shadow:0 14px 30px #f6b21a1f}.stats-overview-card.accent{background:linear-gradient(180deg,#fff5d8,#fff)}.stats-overview-card span{color:#9e8a68;font-size:12px}.stats-overview-card strong{color:#2f2618;font-size:28px}.stats-summary-panel{padding:18px}.stats-summary-panel .panel-heading p{margin:6px 0 0}.warm-statistics-list{gap:12px}.warm-statistics-item{border:1px solid rgba(243,228,197,.96);border-radius:22px;background:linear-gradient(180deg,#fff,#fffaf2);padding:14px 16px;box-shadow:0 10px 28px #6a521a0f}.warm-statistics-metrics{gap:10px}.warm-statistics-metrics span{border-radius:16px;background:#fff7e6;padding:8px 6px}.import-stage-card{display:grid;gap:14px;padding:18px}.import-dropzone{display:grid;justify-items:center;gap:10px;border:1px dashed rgba(242,214,154,.96);border-radius:22px;background:linear-gradient(180deg,#fff8eb,#fff);padding:28px 18px;text-align:center}.import-illustration{display:grid;width:74px;height:74px;place-items:center;border-radius:24px;background:linear-gradient(180deg,#ffe49a,#ffc12d);color:#fff;font-size:34px;box-shadow:0 12px 24px #f6b21a38}.import-dropzone strong{color:#2f2618;font-size:18px}.import-dropzone p,.import-dropzone small{margin:0;color:#95846b}.import-file-button{position:relative;overflow:hidden}.import-file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.import-status-card{display:grid;gap:14px;padding:18px}.import-meta-list{display:grid;gap:10px}.import-meta-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:16px;background:#fffaf3;padding:14px 16px}.import-meta-list span{color:#9a8a72;font-size:13px}.import-meta-list strong{color:#2f2618;font-size:14px;text-align:right}@media (max-width: 560px){.stats-hero-card,.import-hero-card{align-items:flex-start;flex-direction:column}.stats-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.warm-statistics-item{grid-template-columns:42px minmax(0,1fr)}.warm-statistics-metrics{grid-column:1 / -1;grid-template-columns:repeat(3,1fr)}.import-meta-list div{align-items:flex-start;flex-direction:column}}