:root{color-scheme:light;--record-icons: url(/icons/record-icons-sheet.png);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,Inter,system-ui,sans-serif;background:#f5f2e9;color:#1d2720;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}input,select,textarea{width:100%;border:1px solid rgba(31,47,36,.14);border-radius:8px;background:#fffefa;color:#1d2720;font:inherit}input,select{min-height:44px;padding:0 12px}textarea{min-height:96px;padding:12px;resize:vertical}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef4ec}.phone-frame{width:min(430px,100%);height:min(860px,calc(100vh - 48px));min-height:620px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(31,47,36,.1);border-radius:30px;background:linear-gradient(180deg,#fffdf7,#f8f6ed);box-shadow:0 24px 70px #2b3e302e}.phone-frame.detail-mode{grid-template-rows:minmax(0,1fr) auto}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:30px 22px 14px}.top-bar h1,.section-heading h2,.hero-panel h2{margin:0;letter-spacing:0}.top-bar h1{color:#1f5b32;font-size:30px;font-weight:900}.eyebrow{margin:8px 0 0;color:#6b7d70;font-size:15px;font-weight:600}.top-actions{display:flex;align-items:center;gap:8px}.icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;padding:0;background:#3d8b41;color:#fff;box-shadow:0 12px 22px #3d8b413d}.plain-icon-button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;padding:0;background:#fffefa;box-shadow:0 8px 22px #2b3e3014}.plus-icon{width:18px;height:18px;display:block;position:relative}.plus-icon:before,.plus-icon:after{content:"";position:absolute;left:50%;top:50%;border-radius:999px;background:currentColor;transform:translate(-50%,-50%)}.plus-icon:before{width:18px;height:3px}.plus-icon:after{width:3px;height:18px}.bell-icon{width:22px;height:22px;display:block;background:center / 22px 22px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%232d3a30' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.27 21a2 2 0 0 0 3.46 0'/%3E%3Cpath d='M4 17h16'/%3E%3Cpath d='M5.6 17c1.04-1.13 2.4-2.87 2.4-7a4 4 0 0 1 8 0c0 4.13 1.36 5.87 2.4 7'/%3E%3C/svg%3E")}.bell-icon:before{display:none}.bell-icon:after{display:none}.screen-body{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:12px 18px 18px;scrollbar-color:rgba(47,138,85,.45) rgba(231,242,231,.42);scrollbar-gutter:stable;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.screen-body::-webkit-scrollbar,.dialog-panel::-webkit-scrollbar,.dialog-scroll-area::-webkit-scrollbar,.plant-picker-strip::-webkit-scrollbar{width:8px;height:8px}.screen-body::-webkit-scrollbar-track,.dialog-panel::-webkit-scrollbar-track,.dialog-scroll-area::-webkit-scrollbar-track,.plant-picker-strip::-webkit-scrollbar-track{border-radius:999px;background:#e7f2e76b}.screen-body::-webkit-scrollbar-thumb,.dialog-panel::-webkit-scrollbar-thumb,.dialog-scroll-area::-webkit-scrollbar-thumb,.plant-picker-strip::-webkit-scrollbar-thumb{border:2px solid rgba(251,250,244,.86);border-radius:999px;background:#2f8a5573}.screen-body::-webkit-scrollbar-thumb:hover,.dialog-panel::-webkit-scrollbar-thumb:hover,.dialog-scroll-area::-webkit-scrollbar-thumb:hover,.plant-picker-strip::-webkit-scrollbar-thumb:hover{background:#235f3d9e}.page-stack,.detail-page{display:grid;gap:16px}.detail-nav{position:sticky;top:-12px;z-index:8;display:flex;align-items:center;justify-content:space-between;margin:-12px -18px 0;padding:16px 18px 12px;background:#fffdf7f0;border-bottom:1px solid rgba(31,47,36,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.back-button{width:auto;min-width:70px;height:42px;border-radius:999px;padding:0 14px;background:#fffefa;color:#1d2720;font-size:14px;font-weight:900;line-height:1;white-space:nowrap;box-shadow:0 8px 22px #2b3e3014}.detail-hero{display:grid;gap:12px}.detail-photo-wrap{position:relative}.detail-photo{aspect-ratio:16 / 9;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 44% 28%,rgba(255,255,255,.72) 0 7%,transparent 8%),radial-gradient(circle at 58% 45%,rgba(80,143,52,.42) 0 15%,transparent 16%),radial-gradient(circle at 34% 60%,rgba(134,183,80,.5) 0 13%,transparent 14%),linear-gradient(135deg,#e7f4df,#f7f1de);box-shadow:0 14px 34px #2b3e301f}.photo-cover-action{position:absolute;right:10px;bottom:10px;min-height:36px;border-radius:999px;padding:0 12px;background:#fffefaf0;color:#235f3d;font-size:12px;font-weight:900;box-shadow:0 8px 22px #1d27202e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-photo span{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:#ffffffd6;color:#2f7138;font-size:32px;font-weight:900}.detail-photo img,.plant-photo img,.plant-picker-thumb img,.task-plant-photo img{width:100%;height:100%;display:block;object-fit:cover}.detail-photo.has-photo{background:#dfe9df}.detail-photo.has-photo img:not(.photo-frame-backdrop){position:absolute;inset:0;z-index:1;object-fit:contain}.photo-frame-backdrop{position:absolute;inset:0;z-index:0;filter:blur(18px) saturate(.86);opacity:.42;transform:scale(1.08)}.detail-photo.has-photo,.plant-photo.has-photo,.task-plant-photo.has-photo{background:#edf4eb}.detail-hero h2{margin:0;font-size:34px;line-height:1.08}.detail-hero p{margin:0;color:#59695d}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row span{border-radius:8px;padding:8px 10px;background:#e7f2e7;color:#235f3d;font-size:13px;font-weight:900}.tag-row span:nth-child(2){background:#e7f1ff;color:#2f70a8}.tag-row span:nth-child(3){background:#fff0e8;color:#af5938}.detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.detail-metrics article{min-width:0;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:12px 10px;background:#fffefa;box-shadow:0 8px 22px #2b3e300d}.detail-metrics span{display:block;color:#6b7d70;font-size:11px;font-weight:800}.detail-metrics strong{display:block;overflow:hidden;margin-top:6px;color:#2f7138;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.detail-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.timeline-list{display:grid;overflow:hidden;border:1px solid rgba(31,47,36,.08);border-radius:8px;background:#fffefa;box-shadow:0 10px 28px #2b3e300f}.timeline-row{display:flex;align-items:center;gap:12px;min-height:62px;border-bottom:1px solid rgba(31,47,36,.08);padding:10px 12px}.timeline-row:last-child{border-bottom:0}.timeline-row p{margin:4px 0 0;color:#67786c;font-size:14px}.timeline-icon{width:38px;height:38px;flex:0 0 auto;border-radius:12px;background-color:#f7f0df;background-image:var(--record-icons);background-repeat:no-repeat;background-size:300% 200%;background-position:0% 0%;position:relative}.timeline-icon.photo{background-position:0% 0%}.timeline-icon.watering{background-position:50% 0%}.timeline-icon.measurement{background-position:100% 0%}.timeline-icon.note{background-position:0% 100%}.timeline-icon.harvest{background-position:50% 100%}.timeline-icon:before{display:none}.hero-panel,.note-panel,.chart-panel,.settings-row,.data-panel,.task-row,.task-card,.today-empty-card,.plant-card,.metric-row article{border:1px solid rgba(31,47,36,.08);border-radius:8px;background:#fffefa;box-shadow:0 10px 28px #2b3e300f}.hero-panel{min-height:154px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:24px;position:relative;background:radial-gradient(circle at 78% 38%,rgba(255,255,255,.9) 0 16%,transparent 17%),radial-gradient(circle at 78% 76%,rgba(47,112,55,.24) 0 7%,transparent 8%),linear-gradient(135deg,#edf5dc,#dfecc7);box-shadow:0 12px 32px #4e693724}.hero-panel h2{color:#235f32;font-size:56px;line-height:.95}.hero-water-icon{width:76px;height:76px;display:block;flex:0 0 auto;border-radius:50%;background:#fff;box-shadow:0 14px 28px #1f2f241f;position:relative}.hero-water-icon:before{content:"";position:absolute;inset:19px 24px 18px;border:4px solid #2f8a55;border-radius:50% 50% 52% 52%;transform:rotate(45deg)}.hero-water-icon:after{content:"";position:absolute;right:36px;bottom:-8px;width:150px;height:120px;border-radius:50% 50% 0 0;background:radial-gradient(circle at 32% 24%,#89bf51 0 8%,transparent 9%),radial-gradient(circle at 54% 13%,#6fa843 0 10%,transparent 11%),radial-gradient(circle at 63% 36%,#8cbd5b 0 9%,transparent 10%),linear-gradient(90deg,#577f3166,#59863733);z-index:-1}.today-hero{min-height:112px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;background:radial-gradient(circle at 96% 8%,rgba(245,183,82,.14) 0 16%,transparent 17%),linear-gradient(135deg,#fffefa,#edf7ed);box-shadow:0 10px 28px #2b3e3012}.today-hero-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:8px;background:radial-gradient(circle at 36% 25%,rgba(255,255,255,.95) 0 15%,transparent 16%),linear-gradient(135deg,#d9efcc,#f8e8bb);box-shadow:inset 0 0 0 1px #1f2f240f}.today-hero-icon i{width:26px;height:34px;display:block;border:4px solid #2f8a55;border-radius:32px 4px;transform:rotate(-28deg)}.today-hero-copy{min-width:0}.today-hero-copy .eyebrow{margin-top:0;color:#235f3d;font-size:15px}.today-hero-copy .muted{display:-webkit-box;overflow:hidden;margin-top:6px;color:#607269;font-size:13px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.today-hero-count{align-self:start;border-radius:999px;padding:7px 10px;background:#2f8a55;color:#fff;font-size:13px;font-weight:900;line-height:1;white-space:nowrap;box-shadow:0 8px 18px #2f8a552e}.muted,.task-row p,.plant-card p,.plant-card span,.settings-row p,.note-panel p,.empty-message,.status-message{margin:4px 0 0;color:#67786c;font-size:14px}.status-message,.empty-message{margin:0}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-actions button,.small-button,.primary-button,.ghost-button{min-height:42px;border-radius:8px;background:#e7f2e7;color:#235f3d;font-weight:800}.quick-action{min-height:86px;display:grid;place-items:center;gap:6px;padding:10px 4px;background:#fffefa;color:#202820;box-shadow:0 8px 22px #2b3e3012}.quick-action span{width:30px;height:30px;display:block;border-radius:10px;background-image:var(--record-icons);background-repeat:no-repeat;background-size:300% 200%;position:relative}.quick-action.photo span{background-position:0% 0%}.quick-action.water span{background-position:50% 0%}.quick-action.measure span{background-position:100% 0%}.quick-action.memo span{background-position:0% 100%}.quick-action.harvest span{background-position:50% 100%}.quick-action.photo span:before,.quick-action.water span:before,.quick-action.measure span:before,.quick-action.memo span:before,.quick-action.harvest span:before,.quick-action.harvest span:after{display:none}.small-button{min-width:58px;padding:0 12px}.primary-button{width:100%;background:#2f8a55;color:#fff}.ghost-button{min-width:58px;padding:0 12px;background:transparent}.ghost-button.compact{min-width:auto;min-height:34px;padding:0 10px;font-size:12px}.outline-button{min-height:44px;display:grid;place-items:center;border:1px solid rgba(47,138,85,.42);border-radius:8px;padding:0 12px;background:#fffefa;color:#235f3d;font-weight:900}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-heading h2,.section-heading h3{margin:0}.section-heading span{color:#6b7d70;font-size:14px;font-weight:700}.task-list,.plant-grid{display:grid;gap:10px}.plants-header{display:flex;align-items:end;justify-content:space-between;gap:12px}.plant-list-page{gap:12px}.plants-header h2{margin:0;font-size:23px}.plants-header p{margin:2px 0 0;color:#67786c;font-size:13px}.plants-header span{flex:0 0 auto;border-radius:999px;padding:7px 10px;background:#e7f2e7;color:#235f3d;font-size:12px;font-weight:900}.plant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:8px}.task-row,.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.task-row{min-height:68px;border-radius:0;border-width:0 0 1px;box-shadow:none}.task-list{overflow:visible}.task-list .task-row:last-child{border-bottom:0}.today-empty-card{display:grid;grid-template-columns:74px 1fr;gap:14px;align-items:center;padding:16px;background:radial-gradient(circle at 18% 20%,rgba(245,183,82,.2) 0 10%,transparent 11%),linear-gradient(135deg,#fffefa,#eff7e9)}.today-empty-card strong{display:block;color:#1f5b32;font-size:18px}.today-empty-card p{margin:5px 0 0;color:#63766a;font-size:14px;line-height:1.42}.today-empty-visual{width:74px;height:74px;display:grid;place-items:center;border-radius:24px;background:radial-gradient(circle at 64% 32%,rgba(255,255,255,.92) 0 15%,transparent 16%),linear-gradient(135deg,#dcefcf,#f7e7b8);box-shadow:inset 0 0 0 1px #1f2f240f}.today-empty-visual span{width:34px;height:42px;border:4px solid #2f8a55;border-radius:32px 4px;transform:rotate(-28deg)}.today-empty-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.small-button.soft{background:#eef5ff;color:#2f70a8}.task-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;background:#fffefa}.task-plant-photo{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.78) 0 10%,transparent 11%),radial-gradient(circle at 62% 42%,rgba(80,143,52,.42) 0 18%,transparent 19%),radial-gradient(circle at 32% 66%,rgba(134,183,80,.5) 0 16%,transparent 17%),linear-gradient(135deg,#e7f4df,#f7f1de)}.task-plant-photo span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffffdb;color:#2f7138;font-weight:900}.task-card-body{display:grid;gap:7px;min-width:0}.task-card-body strong,.task-card-body p,.task-card-body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card-body strong{color:#1d2720;font-size:17px}.task-card-body p{margin:2px 0 0;color:#67786c;font-size:13px}.task-card-body small{color:#6f7d72;font-size:12px;font-weight:700}.task-meta-row{display:flex;flex-wrap:wrap;gap:6px}.task-meta-row span{border-radius:999px;padding:5px 8px;background:#e7f2e7;color:#235f3d;font-size:12px;font-weight:900}.task-meta-row span:nth-child(2){background:#fff0e8;color:#af5938}.task-complete-button{justify-self:end;min-width:68px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:0 11px;background:#2f8a55;color:#fff;font-size:12px;font-weight:900;line-height:1;box-shadow:0 8px 18px #2f8a552e}.task-complete-button span{width:15px;height:15px;display:block;position:relative;border-radius:50%;background:#ffffff38}.task-complete-button span:before{content:"";position:absolute;left:4px;top:3px;width:6px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.plant-thumb,.dot,.task-icon{width:42px;height:42px;flex:0 0 auto;border-radius:8px;background:linear-gradient(135deg,#7abf7a,#f0b36b)}.task-icon{display:grid;place-items:center;border-radius:50%;background:#e5f2ff;position:relative}.task-icon.water:before{content:"";width:16px;height:16px;border:3px solid #297ec3;border-radius:50% 50% 52% 52%;transform:rotate(45deg)}.dot{width:12px;height:12px;border-radius:50%}.plant-card{display:grid;grid-template-rows:128px minmax(112px,auto);overflow:hidden;min-width:0;padding:0;color:inherit;text-align:left}.plant-list-page .plant-card{box-shadow:0 8px 20px #2b3e300e}.plant-list-page .plant-photo{height:128px;aspect-ratio:auto}.plant-photo{height:128px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 38% 26%,rgba(255,255,255,.72) 0 7%,transparent 8%),radial-gradient(circle at 62% 42%,rgba(80,143,52,.42) 0 15%,transparent 16%),radial-gradient(circle at 32% 60%,rgba(134,183,80,.5) 0 13%,transparent 14%),linear-gradient(135deg,#e7f4df,#f7f1de)}.plant-photo span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ffffffd6;color:#2f7138;font-size:20px;font-weight:900}.plant-card-body{display:grid;align-content:start;gap:4px;min-height:112px;padding:10px}.plant-card-body strong{overflow:hidden;font-size:15px;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.plant-card-body p,.plant-card-body span,.plant-card-body em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plant-card-body span{display:-webkit-box;min-height:32px;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.plant-card-body em{color:#2f8a55;font-size:11px;font-style:normal;font-weight:800}.calendar-page{gap:12px}.calendar-summary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.calendar-summary-row article{border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:12px;background:#fffefa;box-shadow:0 8px 20px #2b3e300d}.calendar-summary-row span{display:block;color:#6b7d70;font-size:12px;font-weight:800}.calendar-summary-row strong{display:block;margin-top:4px;color:#235f3d;font-size:21px}.week-strip,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.week-strip span{color:#78877c;font-size:12px;font-weight:900;text-align:center}.day{aspect-ratio:1;display:grid;place-items:center;position:relative;border-radius:8px;background:#fffefa;color:#445449;font-size:13px;font-weight:700}.day.today{box-shadow:inset 0 0 0 2px #2f8a5552}.day.selected{background:#2f8a55;color:#fff}.day.muted-day{color:#a7afa9;background:#fffefa8c}.day em{position:absolute;bottom:6px;left:50%;display:flex;gap:3px;transform:translate(-50%)}.day i{width:5px;height:5px;border-radius:50%}.day .water-dot{background:#2f8a55}.day .log-dot{background:#f28b5c}.day.selected .water-dot,.day.selected .log-dot{background:#fff}.calendar-detail-card{display:grid;gap:10px;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:12px;background:#fffefa;box-shadow:0 10px 28px #2b3e300f}.calendar-detail-list{display:grid;gap:12px}.calendar-detail-section{display:grid;gap:8px}.calendar-group-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-group-heading strong{color:#15231a;font-size:13px;font-weight:900}.calendar-group-heading span{min-width:24px;border-radius:999px;padding:4px 7px;background:#e7f2e7;color:#235f3d;font-size:11px;font-weight:900;line-height:1;text-align:center}.calendar-task,.calendar-log{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;border-radius:8px;padding:8px;background:#f7f5ed}.calendar-log{grid-template-columns:38px minmax(0,1fr)}.calendar-task strong,.calendar-task p,.calendar-task em,.calendar-log strong,.calendar-log p,.calendar-log em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-task strong,.calendar-log strong{display:block;color:#1d2720;font-size:14px}.calendar-task em,.calendar-log em{width:max-content;max-width:100%;display:block;border-radius:999px;padding:4px 7px;background:#e7f2e7;color:#235f3d;font-size:10px;font-style:normal;font-weight:900;line-height:1;margin-bottom:5px}.calendar-log em{background:#fff0e8;color:#af5938}.calendar-task p,.calendar-log p{margin:3px 0 0;color:#67786c;font-size:12px}.calendar-task>span{display:grid;gap:2px;border-radius:999px;padding:5px 7px;background:#fff6e7;color:#9a6230;font-size:11px;font-weight:900;line-height:1.15;text-align:right;white-space:nowrap}.calendar-task>span small{color:#a86f34;font-size:9px;font-weight:900}.calendar-task>span.done{background:#e7f2e7;color:#235f3d}.metric-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.report-page{gap:12px}.report-page .plants-header h2{font-size:24px;line-height:1.15}.report-page .plants-header p,.report-page .section-heading p{margin:4px 0 0;color:#6b7d70;font-size:12px;font-weight:700;line-height:1.35}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-row article,.chart-panel,.note-panel{padding:14px}.metric-row span{display:block;color:#6b7d70;font-size:12px;font-weight:800;line-height:1.25}.metric-row strong{display:block;margin-top:6px;color:#15231a;font-size:24px;line-height:1}.chart-panel .section-heading{align-items:start}.chart-panel .section-heading h3,.insight-panel .section-heading h3{color:#15231a;font-size:20px;line-height:1.2}.bar-row{display:grid;grid-template-columns:56px 1fr 24px;align-items:center;gap:10px;margin-top:12px;color:#58685d;font-size:13px;font-weight:700}.bar-row i{height:12px;border-radius:999px;background:linear-gradient(90deg,#7abf7a,#f28b5c)}.bar-row.photo i{background:linear-gradient(90deg,#7ca9d8,#9ed4bd)}.bar-row.measure i{background:linear-gradient(90deg,#d9b261,#7abf7a)}.bar-row b{color:#235f3d;font-size:12px;text-align:right}.plant-rhythm-list{display:grid;gap:8px}.plant-rhythm-row{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(82px,auto);gap:10px;align-items:center;min-height:64px;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:9px;background:#f7f5ed}.plant-rhythm-row .task-plant-photo{width:42px;height:42px}.plant-rhythm-copy{min-width:0}.plant-rhythm-copy strong,.plant-rhythm-copy p{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.plant-rhythm-copy strong{display:block;color:#15231a;font-size:14px;font-weight:900;line-height:1.2}.plant-rhythm-copy p{margin-top:4px;color:#6b7d70;font-size:12px;font-weight:700}.rhythm-gap-badge{min-width:82px;border-radius:8px;padding:7px 8px;background:#fffefa;text-align:right;box-shadow:inset 0 0 0 1px #1f2f240f}.rhythm-gap-badge span,.rhythm-gap-badge strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rhythm-gap-badge span{color:#6b7d70;font-size:10px;font-weight:900;line-height:1.15}.rhythm-gap-badge strong{margin-top:3px;color:#235f3d;font-size:13px;font-weight:900;line-height:1.2}.trend-panel{display:grid;gap:12px}.mini-chart{height:132px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:end;border-radius:8px;padding:10px 8px 8px;background:#f7f5ed}.mini-bar{height:100%;display:grid;grid-template-rows:1fr auto;justify-items:center;gap:6px}.mini-bar i{width:18px;align-self:end;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#2f8a55,#9ed4bd)}.mini-bar span{color:#78877c;font-size:10px;font-weight:800}.insight-panel{display:grid;gap:10px}.insight-chips{display:flex;flex-wrap:wrap;gap:6px}.insight-chips span{border-radius:999px;padding:6px 8px;background:#e7f2e7;color:#235f3d;font-size:12px;font-weight:900}.tab-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:10px;border-top:1px solid rgba(31,47,36,.08);background:#fffefae6}.tab{min-height:44px;display:grid;place-items:center;gap:1px;border-radius:8px;background:transparent;color:#69766c;font-size:12px;font-weight:800}.tab-icon{width:22px;height:22px;display:block;position:relative}.tab-icon.home:before{content:"";position:absolute;left:5px;top:4px;width:12px;height:12px;border-radius:3px;border:2px solid currentColor;transform:rotate(45deg)}.tab-icon.home:after{content:"";position:absolute;left:8px;bottom:2px;width:6px;height:9px;border-radius:2px 2px 0 0;background:currentColor}.tab-icon.leaf:before{content:"";position:absolute;left:5px;top:4px;width:14px;height:14px;border:2px solid currentColor;border-radius:14px 2px;transform:rotate(-24deg)}.tab-icon.leaf:after{content:"";position:absolute;left:7px;top:13px;width:11px;height:2px;border-radius:999px;background:currentColor;transform:rotate(-26deg)}.tab-icon.calendar:before{content:"";position:absolute;inset:4px 3px 3px;border:2px solid currentColor;border-radius:5px}.tab-icon.calendar:after{content:"";position:absolute;left:6px;right:6px;top:8px;height:2px;background:currentColor}.tab-icon.bars:before,.tab-icon.bars:after{content:"";position:absolute;bottom:4px;width:4px;border-radius:999px 999px 2px 2px;background:currentColor}.tab-icon.bars:before{left:4px;height:8px;box-shadow:7px -5px 0 currentColor}.tab-icon.bars:after{right:4px;height:16px}.tab-icon.gear:before{content:"";position:absolute;inset:4px;border:3px solid currentColor;border-radius:50%}.tab-icon.gear:after{content:"";position:absolute;inset:9px;border-radius:50%;background:currentColor}.tab.active{background:#e7f2e7;color:#235f3d}.dialog-backdrop{position:fixed;inset:0;display:grid;place-items:end center;padding:18px;background:#1d272047;z-index:10}.dialog-panel{width:min(430px,100%);max-height:calc(100vh - 36px);display:grid;gap:12px;overflow:auto;overscroll-behavior:contain;border-radius:8px;padding:18px;background:#fbfaf4;box-shadow:0 24px 70px #1d272038;scrollbar-color:rgba(47,138,85,.45) rgba(231,242,231,.42);scrollbar-gutter:stable;scrollbar-width:thin}.dialog-panel label,.form-field{display:grid;gap:6px;color:#445449;font-size:13px;font-weight:800}.suggestion-field{gap:8px}.suggestion-chip-row{display:flex;flex-wrap:wrap;gap:6px}.suggestion-chip-row button{min-height:32px;border-radius:999px;padding:0 10px;background:#eef5ea;color:#42624a;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:inset 0 0 0 1px #2f8a551a}.suggestion-chip-row button.active{background:#2f8a55;color:#fff;box-shadow:none}.record-dialog-panel{grid-template-rows:auto minmax(0,1fr);gap:0;overflow:hidden;padding:0}.record-dialog-panel>.section-heading{align-items:center;padding:18px 18px 12px;background:#fbfaf4;box-shadow:0 8px 18px #1d27200a;z-index:1}.dialog-scroll-area{min-height:0;display:grid;gap:12px;overflow-y:auto;overscroll-behavior:contain;padding:12px 18px 18px;scrollbar-color:rgba(47,138,85,.45) rgba(231,242,231,.42);scrollbar-gutter:stable;scrollbar-width:thin}.record-dialog-panel .submit-button{position:sticky;bottom:0;box-shadow:0 -8px 18px #fbfaf4d6}.notification-panel{align-content:start}.notification-panel .section-heading{align-items:start}.notification-panel .section-heading p{margin:5px 0 0;color:#627368;font-size:13px;line-height:1.42}.notification-status-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:12px;background:#fffefa}.notification-status-card span{display:block;color:#6b7d70;font-size:12px;font-weight:800}.notification-status-card strong{display:block;margin-top:3px;color:#235f3d;font-size:17px;line-height:1.2}.notification-list-section,.notification-list{display:grid;gap:10px}.notification-empty{border-radius:8px;padding:14px;background:#f7f5ed}.notification-empty strong{display:block;color:#1d2720;font-size:16px}.notification-empty p{margin:5px 0 0;color:#627368;font-size:13px;line-height:1.42}.notification-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;border-radius:8px;padding:10px;background:#f7f5ed}.notification-row .task-plant-photo{width:52px;height:52px}.notification-copy{min-width:0}.notification-copy strong,.notification-copy p,.notification-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-copy strong{display:block;color:#1d2720;font-size:15px;font-weight:900;line-height:1.2}.notification-copy p{margin:4px 0 0;color:#235f3d;font-size:13px;font-weight:800}.notification-copy span{display:block;margin-top:3px;color:#627368;font-size:12px}.notification-meta{display:grid;justify-items:end;gap:6px}.notification-meta em,.notification-meta span{border-radius:999px;padding:5px 7px;font-size:11px;font-style:normal;font-weight:900;line-height:1}.notification-meta em{background:#fff0e8;color:#af5938}.notification-meta span{background:#e7f2e7;color:#235f3d}.plant-picker-section{display:grid;gap:10px}.plant-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#445449;font-size:13px;font-weight:900}.plant-picker-heading span:last-child{border-radius:999px;padding:5px 8px;background:#e7f2e7;color:#235f3d;font-size:11px;line-height:1}.selected-plant-preview{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:10px;background:radial-gradient(circle at 92% 14%,rgba(245,183,82,.18) 0 12%,transparent 13%),#fffefa}.selected-plant-preview strong,.selected-plant-preview p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-plant-preview strong{display:block;color:#1d2720;font-size:17px}.selected-plant-preview p{margin:4px 0 0;color:#67786c;font-size:13px}.plant-picker-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;scrollbar-color:rgba(47,138,85,.45) rgba(231,242,231,.42);scrollbar-width:thin}.plant-picker-strip::-webkit-scrollbar{height:8px}.plant-choice{width:118px;min-width:118px;display:grid;gap:7px;justify-items:start;scroll-snap-align:start;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:9px;background:#fffefa;color:inherit;text-align:left;box-shadow:0 8px 20px #2b3e300d}.plant-choice.active,.plant-picker-row.active{border-color:#2f8a5594;background:#edf8ec;box-shadow:0 10px 22px #2f8a551f}.plant-choice strong,.plant-choice small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plant-choice strong{font-size:14px}.plant-choice small{color:#6b7d70;font-size:11px;font-weight:800}.plant-picker-thumb{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 38% 26%,rgba(255,255,255,.76) 0 12%,transparent 13%),radial-gradient(circle at 62% 44%,rgba(80,143,52,.42) 0 20%,transparent 21%),radial-gradient(circle at 32% 64%,rgba(134,183,80,.5) 0 17%,transparent 18%),linear-gradient(135deg,#e7f4df,#f7f1de)}.plant-picker-thumb.large{width:58px;height:58px}.plant-picker-thumb span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ffffffdb;color:#2f7138;font-size:14px;font-weight:900}.plant-picker-more{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:#e7f2e7;color:#235f3d;font-size:24px;font-weight:900}.plant-picker-grid{display:grid;gap:8px;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:8px;background:#f7f5ed}.plant-picker-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:8px;background:#fffefa;color:inherit;text-align:left}.plant-picker-row strong,.plant-picker-row p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plant-picker-row strong{font-size:14px}.plant-picker-row p{margin:3px 0 0;color:#67786c;font-size:12px}.plant-picker-row>span{border-radius:999px;padding:5px 7px;background:#e7f2e7;color:#235f3d;font-size:11px;font-weight:900}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.watering-plan-card{display:grid;gap:12px;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:14px;background:#fffefa;box-shadow:0 10px 28px #2b3e300f}.watering-plan-card.compact{gap:10px}.watering-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.watering-summary-grid article{min-width:0;border-radius:8px;padding:10px;background:#f7f5ed}.watering-summary-grid span,.editor-summary-band span{display:block;color:#6b7d70;font-size:11px;font-weight:900}.watering-summary-grid strong,.editor-summary-band strong{display:block;overflow:hidden;margin-top:4px;color:#1f5b32;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.schedule-chip-row{display:flex;flex-wrap:wrap;gap:6px}.schedule-chip-row span{border-radius:999px;padding:6px 8px;background:#e7f2e7;color:#235f3d;font-size:12px;font-weight:900}.schedule-chip-row span.disabled{background:#ecebe4;color:#7b827c;text-decoration:line-through}.plant-stats-card{display:grid;gap:12px;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:14px;background:#fffefa;box-shadow:0 10px 28px #2b3e300f}.care-rhythm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.care-rhythm-grid article{min-width:0;border-radius:8px;padding:12px 10px;background:#f7f5ed}.care-rhythm-grid span{display:block;overflow:hidden;color:#6b7d70;font-size:11px;font-weight:900;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.care-rhythm-grid strong{display:block;overflow:hidden;margin-top:6px;color:#1f5b32;font-size:18px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.photo-growth-card{display:grid;gap:12px;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:14px;background:#fffefa;box-shadow:0 10px 28px #2b3e300f}.photo-growth-card .section-heading{align-items:start}.photo-growth-card .section-heading>div{min-width:0}.photo-heading-actions{display:grid;grid-template-columns:auto auto;gap:6px;align-items:center;flex:0 0 auto}.photo-heading-actions>span{min-width:max-content;border-radius:999px;padding:6px 8px;background:#e7f2e7;color:#235f3d;font-size:12px;font-weight:900;line-height:1;white-space:nowrap}.text-button{min-height:30px;border-radius:999px;padding:0 9px;background:#fffefa;color:#235f3d;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:inset 0 0 0 1px #2f8a552e}.photo-growth-card .section-heading p{margin:6px 0 0;color:#67786c;font-size:13px;line-height:1.45}.photo-empty-state{display:grid;gap:10px;border-radius:8px;padding:12px;background:linear-gradient(135deg,#f7f5ed,#eef7ec)}.photo-empty-state p{margin:0;color:#67786c;font-size:13px;line-height:1.45}.photo-empty-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-empty-preview i{aspect-ratio:1.15;border-radius:8px;background:radial-gradient(circle at 44% 32%,rgba(255,255,255,.78) 0 13%,transparent 14%),radial-gradient(circle at 58% 56%,rgba(80,143,52,.22) 0 22%,transparent 23%),linear-gradient(135deg,#e7f4df,#f7f1de)}.photo-growth-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory}.growth-photo-tile{width:112px;min-width:112px;display:grid;gap:6px;position:relative;scroll-snap-align:start}.growth-photo-thumb{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 38% 26%,rgba(255,255,255,.72) 0 7%,transparent 8%),radial-gradient(circle at 62% 42%,rgba(80,143,52,.42) 0 15%,transparent 16%),radial-gradient(circle at 32% 60%,rgba(134,183,80,.5) 0 13%,transparent 14%),linear-gradient(135deg,#e7f4df,#f7f1de)}.growth-photo-thumb span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ffffffd6;color:#2f7138;font-weight:900}.growth-photo-thumb img{width:100%;height:100%;display:block;object-fit:cover}.growth-photo-thumb img+span{display:none}.growth-photo-tile strong,.growth-photo-tile p{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.growth-photo-tile strong{color:#1d2720;font-size:13px}.growth-photo-tile p{color:#67786c;font-size:12px;font-weight:700}.growth-photo-tile em{position:absolute;right:6px;top:6px;border-radius:999px;padding:4px 6px;background:#2f8a55eb;color:#fff;font-size:10px;font-style:normal;font-weight:900}.growth-photo-list-panel{gap:14px}.growth-photo-list{display:grid;gap:8px}.growth-photo-row{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:10px;background:#fffefa}.growth-photo-row .growth-photo-thumb{aspect-ratio:1}.growth-photo-row strong,.growth-photo-row p{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.growth-photo-row strong{color:#1d2720;font-size:15px}.growth-photo-row p{margin-top:4px;color:#67786c;font-size:13px}.growth-photo-row em{border-radius:999px;padding:5px 7px;background:#e7f2e7;color:#235f3d;font-size:11px;font-style:normal;font-weight:900;white-space:nowrap}.watering-plan-card .section-heading{align-items:center}.watering-plan-card .section-heading span,.plant-stats-card .section-heading span{border-radius:999px;padding:6px 8px;background:#e7f2e7;color:#235f3d;font-size:12px}.plan-control-grid{display:grid;gap:10px}.plan-control{display:grid;gap:8px;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:10px;background:#f7f5ed}.plan-control>span{color:#445449;font-size:12px;font-weight:900}.stepper-control,.time-control{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center}.stepper-control button,.time-control button{min-height:38px;border-radius:8px;background:#e7f2e7;color:#235f3d;font-size:20px;font-weight:900}.stepper-control strong,.time-control strong{min-height:38px;display:grid;place-items:center;border-radius:8px;background:#fffefa;color:#1d2720;font-size:16px;box-shadow:inset 0 0 0 1px #1f2f2414}.time-control.minute strong{color:#2f70a8}.stepper-control.amount strong{color:#af5938}.preset-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.preset-row button{min-height:32px;border-radius:8px;background:#fffefa;color:#617166;font-size:12px;font-weight:900;box-shadow:inset 0 0 0 1px #1f2f2414}.preset-row button.active{background:#2f8a55;color:#fff;box-shadow:none}.plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.watering-editor-panel{gap:14px}.editor-summary-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-radius:8px;padding:12px;background:linear-gradient(135deg,#eef7ec,#fff6e7)}.alarm-editor{display:grid;gap:10px}.alarm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.alarm-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:center;min-height:58px;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:9px;background:#fffefa;color:inherit;text-align:left}.alarm-row input[type=checkbox]{width:22px;min-height:22px;height:22px;margin:0;accent-color:#2f8a55}.alarm-row.active{border-color:#2f8a5594;background:#edf8ec;box-shadow:0 10px 22px #2f8a551f}.alarm-row strong{display:block;color:#1d2720;font-size:15px;line-height:1.15;white-space:nowrap}.alarm-row span{display:block;color:#6b7d70;font-size:12px;font-weight:800;line-height:1.2}.alarm-time-picker{display:grid;gap:10px;border-radius:8px;padding:10px;background:#f7f5ed}.time-select-group{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px}.time-select-group label{display:grid;gap:6px;color:#445449;font-size:12px;font-weight:900}.time-select-group select{min-height:52px;font-size:18px;font-weight:900;text-align:center}.alarm-actions{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.submit-button{min-height:48px;border-radius:8px;padding:0 16px;background:#2f8a55;color:#fff;font-weight:900;box-shadow:0 12px 24px #2f8a5533}.danger-button{min-height:46px;border-radius:8px;padding:0 14px;background:#fff0e8;color:#a74225;font-weight:900;box-shadow:inset 0 0 0 1px #a742252e}.plant-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.plant-stat-grid article{border-radius:8px;padding:10px;background:#f7f5ed}.plant-stat-grid span,.plant-growth-panel span{display:block;color:#6b7d70;font-size:11px;font-weight:900}.plant-stat-grid strong,.plant-growth-panel strong{display:block;overflow:hidden;margin-top:4px;color:#1f5b32;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.plant-growth-panel{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;border-radius:8px;padding:10px;background:linear-gradient(135deg,#f7f5ed,#eef7ec)}.plant-height-bars{height:86px;display:grid;grid-template-columns:repeat(6,1fr);gap:7px;align-items:end}.plant-height-bars i{min-height:10px;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#2f8a55,#9ed4bd)}.record-type-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.record-type-tabs button{min-height:40px;border:1px solid rgba(31,47,36,.1);border-radius:8px;background:#fffefa;color:#445449;font-size:13px;font-weight:900}.record-type-tabs button.active{border-color:#2f8a5580;background:#2f8a55;color:#fff}.photo-upload-preview,.photo-upload-field{display:grid;gap:10px}.photo-upload-drop{min-height:168px;display:grid;place-items:center;gap:10px;overflow:hidden;position:relative;border:1px dashed rgba(47,138,85,.45);border-radius:8px;padding:14px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.68) 0 12%,transparent 13%),linear-gradient(135deg,#eef7ec,#f7f1de);color:#235f3d;cursor:pointer;text-align:center}.photo-upload-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.photo-upload-drop img{width:100%;max-height:220px;display:block;border-radius:8px;object-fit:cover}.photo-upload-drop strong{position:relative;z-index:1;border-radius:999px;padding:8px 12px;background:#fffefaeb;color:#235f3d;font-size:14px;font-weight:900;box-shadow:0 8px 18px #2b3e3014}.photo-upload-drop.has-preview{padding:8px;background:#fffefa}.photo-upload-placeholder{width:56px;height:56px;display:block;border-radius:16px;background-image:var(--record-icons);background-repeat:no-repeat;background-size:300% 200%;background-position:0% 0%;box-shadow:0 10px 22px #2b3e3014}.plant-photo.preview{aspect-ratio:1.8;border:1px solid rgba(31,47,36,.08);border-radius:8px}.hint-message{margin:0;border-radius:8px;padding:10px 12px;background:#fff6e7;color:#7a5523;font-size:13px;font-weight:700}.form-error{margin:0;color:#a74225;font-size:14px;font-weight:700}.data-panel{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;position:relative}.data-panel:before{content:"";width:38px;height:38px;display:block;align-self:start;border-radius:12px;background-image:var(--record-icons);background-repeat:no-repeat;background-size:300% 200%;box-shadow:0 8px 18px #2b3e3014}.data-panel.backup:before,.data-panel.import:before,.data-panel.local:before,.data-panel.cloud:before{background-position:100% 100%}.data-panel>.outline-button,.data-panel>.file-button,.data-panel>.status-pill{grid-column:3;grid-row:1;align-self:center}.data-panel>.data-stats{grid-column:2 / -1}.data-panel strong{display:block;overflow:hidden;color:#1d2720;font-size:15px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.data-panel p{display:-webkit-box;overflow:hidden;margin:3px 0 0;color:#67786c;font-size:12px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.settings-page{gap:12px}.settings-page .section-heading h2{font-size:23px}.settings-page .outline-button{min-width:auto;min-height:36px;padding:0 10px;font-size:12px}.data-panel.disabled{opacity:.72}.settings-panel{display:grid;gap:12px;border:1px solid rgba(31,47,36,.08);border-radius:8px;padding:14px;background:#fffefa;box-shadow:0 10px 28px #2b3e300f}.settings-panel strong,.settings-panel h3{margin:0;color:#1d2720;font-size:17px;line-height:1.2}.settings-panel p{margin:4px 0 0;color:#67786c;font-size:13px;line-height:1.35}.language-panel{grid-template-columns:minmax(0,1fr)}.language-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border-radius:8px;padding:4px;background:#f0f4ed}.language-toggle button{min-height:42px;border-radius:7px;background:transparent;color:#5d6d63;font-size:14px;font-weight:900}.language-toggle button.active{background:#fffefa;color:#235f3d;box-shadow:0 8px 18px #2b3e3014}.settings-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.settings-stat-grid div{border-radius:8px;padding:10px 8px;background:#f7f5ed}.settings-stat-grid dt{overflow:hidden;color:#6b7d70;font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.settings-stat-grid dd{margin:4px 0 0;color:#235f3d;font-size:20px;font-weight:900}.settings-footnote{border-radius:8px;padding:10px;background:#f7f5ed}.backup-actions{display:grid;grid-template-columns:1fr;gap:8px}.backup-actions .submit-button,.backup-actions .file-button{min-height:48px;display:grid;place-items:center;padding:0 12px;font-size:14px;line-height:1;white-space:nowrap}.status-pill.ready{background:#e7f2e7;color:#235f3d}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.data-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:2px 0 0}.data-stats div{border-radius:8px;padding:8px;background:#f3f5ed}.data-stats dt{color:#6b7d70;font-size:12px;font-weight:800}.data-stats dd{margin:2px 0 0;color:#235f3d;font-weight:900}.status-pill{width:max-content;border-radius:999px;padding:6px 9px;background:#ecebe4;color:#5f665f;font-size:12px;font-weight:900;line-height:1;white-space:nowrap}@media(max-width:520px){.app-shell{padding:0}.phone-frame{width:100%;height:100dvh;min-height:0;border:0;border-radius:0}.top-bar{padding:24px 18px 12px}.screen-body{padding:10px 14px 14px}.detail-nav{top:-10px;margin:-10px -14px 0;padding:14px 14px 10px}.field-row.three{grid-template-columns:1fr}}
