@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=Nunito+Sans:wght@400;600;700&display=swap";:root{color:#1e2a35;--app-height:100dvh;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(145deg,#ecf4fb 0%,#f8efe5 100%);font-family:Nunito Sans,sans-serif}*{box-sizing:border-box}body{min-height:var(--app-height);min-height:100dvh;margin:0}h1,h2,p{margin:0}h1,h2{font-family:Manrope,sans-serif}#root{min-height:var(--app-height);justify-content:center;min-height:100dvh;padding:12px;display:flex}.app-shell{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #0f1e2d14;border-radius:30px;flex-direction:column;width:min(460px,100%);min-height:calc(100dvh - 24px);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 32px #203d541f}.screen-body{min-height:0;padding:calc(22px + var(--safe-top)) 18px calc(90px + var(--safe-bottom));flex-direction:column;flex:1;gap:18px;display:flex;overflow-y:auto}.screen-header{flex-direction:column;gap:6px;display:flex}.screen-header h1{letter-spacing:-.03em;font-size:30px;line-height:1.1}.header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.screen-header.compact h1{font-size:26px}.screen-subtitle{text-transform:uppercase;letter-spacing:.12em;color:#4078a9;font-size:12px;font-weight:700}.card{background:#fff;border:1px solid #e5eef6;border-radius:18px;padding:16px;box-shadow:0 8px 18px #1d314112}.card-label{color:#5f7890;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.card-value{color:#1b2b39;margin-top:6px;font-family:Manrope,sans-serif;font-size:24px;font-weight:800}.card-hint{color:#3f7fb3;margin-top:6px;font-weight:600}.stacked-list{flex-direction:column;gap:10px;display:flex}.stacked-list h2{letter-spacing:-.01em;font-size:17px}.habit-row,.setting-row{background:#fff;border:1px solid #dde8f2;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.habit-row.done{background:#f0f9f5;border-color:#c6e9d8}.habit-name{align-items:center;gap:8px;font-weight:700;display:flex}.habit-icon{background:#f5faff;border:1px solid #d2e2ef;border-radius:8px;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.habit-meta{color:#6c8398;font-size:12px}.inline-link{color:#136dec;cursor:pointer;background:0 0;border:none;padding:4px 0 0;font-size:12px;font-weight:700}.add-button{color:#fff;white-space:nowrap;background:#136dec;border:none;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.pill-button,.checkmark{text-align:center;border-radius:999px;min-width:68px;padding:6px 12px;font-size:13px;font-weight:700}.pill-button{color:#fff;background:#136dec;border:none}.pill-button.static{justify-content:center;align-items:center;display:inline-flex}.checkmark{color:#fff;background:#136dec}.setting-row strong{color:#355b7f;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.setting-actions-inline{align-items:center;gap:10px;display:flex}.text-action{color:#2f5e86;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;font-size:12px;font-weight:700}.text-action.danger{color:#b84f4f}.language-switch{align-items:center;gap:6px;display:inline-flex}.lang-chip{color:#365d81;background:#fff;border:1px solid #c9dced;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.lang-chip.active{color:#fff;background:#136dec;border-color:#136dec}.setting-row.danger{background:#fff6f6;border-color:#f3d0d0}.setting-row.danger strong{color:#b84f4f}.notice{color:#365f85;background:#eff6fd;border:1px solid #d3e5f7;border-radius:12px;padding:10px 12px;font-size:13px}.notice.error{color:#9e3f3f;background:#fff5f5;border-color:#f2cccc}.empty-state{color:#4e708f;background:#f7fbff;border:1px dashed #bcd2e6;border-radius:16px;gap:4px;padding:14px;display:grid}.sheet-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#0f1b2873;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:#f9fcff;border:1px solid #dce9f3;border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;width:min(460px,100%);max-height:90dvh;padding:14px 14px 20px;overflow:auto}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sheet-header h2{font-size:20px}.ghost-button{color:#44627d;background:0 0;border:none;font-weight:700}.sheet-form{flex-direction:column;gap:10px;display:flex}.field{gap:6px;display:grid}.field span{color:#456583;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.quick-row{gap:6px;display:grid}.quick-row>span{color:#67839b;letter-spacing:.03em;text-transform:none;font-size:11px}.icon-input-row{grid-template-columns:1fr auto;gap:8px;display:grid}.icon-preview-button{background:#fff;border:1px solid #c6d9ea;border-radius:10px;place-items:center;min-height:40px;font-size:22px;display:grid}.secondary-button{color:#2d577b;white-space:nowrap;background:#fff;border:1px solid #c5d9ea;border-radius:10px;padding:0 10px;font-size:12px;font-weight:700}.icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.icon-chip{background:#fff;border:1px solid #c6d8e9;border-radius:10px;min-height:36px;font-size:18px}.icon-chip.active{border-color:#136dec;box-shadow:inset 0 0 0 1px #136dec}.icon-picker-backdrop{z-index:30;background:#0c182473;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.icon-picker{background:#f8fbff;border:1px solid #d6e5f1;border-radius:16px;width:min(580px,100%);max-height:85dvh;padding:12px;overflow:auto;box-shadow:0 20px 35px #16283733}.icon-picker-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.icon-picker-header h3{margin:0;font-family:Manrope,sans-serif;font-size:18px}.icon-search-input{width:100%;height:40px;font:inherit;border:1px solid #cbddec;border-radius:10px;margin-top:10px;padding:0 10px}.icon-section{gap:8px;margin-top:12px;display:grid}.category-chip-row{flex-wrap:wrap;gap:6px;display:flex}.category-chip{color:#365e82;background:#fff;border:1px solid #c8dbea;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.category-chip.active{color:#fff;background:#136dec;border-color:#136dec}.icon-section p{color:#51708a;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.icon-library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.icon-library-item{background:#fff;border:1px solid #c9dcec;border-radius:10px;place-items:center;gap:2px;min-height:62px;padding:6px 4px;display:grid;position:relative}.icon-library-item span{font-size:18px}.icon-library-item small{color:#4d6d87;text-align:center;font-size:10px;line-height:1.2;display:block}.icon-library-item.active{border-color:#136dec;box-shadow:inset 0 0 0 1px #136dec}.favorite-toggle{color:#7c93aa;background:#fff;border:1px solid #d4e2ee;border-radius:999px;place-items:center;width:18px;height:18px;font-size:11px;line-height:1;display:grid;position:absolute;top:4px;right:5px}.favorite-toggle.active{color:#f59e0b;background:#fff9ec;border-color:#f5d28f}.color-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.color-swatch{border:1px solid #c8dae9;border-radius:8px;min-height:24px}.color-swatch.active{box-shadow:0 0 0 2px #1f3850}.color-input-row{grid-template-columns:44px 1fr;gap:8px;display:grid}.color-input-row input[type=color]{background:#fff;border:1px solid #cbddec;border-radius:10px;height:40px;padding:2px}.field small{color:#af3c3c;font-size:12px}.field input,.field select{height:40px;font:inherit;border:1px solid #cbddec;border-radius:10px;padding:0 10px}.row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toggle-field{color:#335573;background:#fff;border:1px solid #d4e3ef;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:700;display:flex}.time-select-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.time-select-row select{height:40px;font:inherit;border:1px solid #cbddec;border-radius:10px;padding:0 10px}.time-separator{color:#55728d;font-weight:700}.weekday-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.weekday-chip{color:#416684;background:#fff;border:1px solid #caddeb;border-radius:999px;padding:8px;font-size:12px;font-weight:700}.weekday-chip.active{color:#fff;background:#136dec;border-color:#136dec}.submit-button{color:#fff;background:linear-gradient(#2f84f0 0%,#136dec 100%);border:none;border-radius:12px;height:42px;font-weight:700}.archive-button{color:#b84f4f;background:#fff5f5;border:1px solid #e7b0b0;border-radius:12px;height:40px;font-weight:700}.danger-actions{gap:8px;display:grid}.delete-button{color:#a62f2f;background:#ffe8e8;border:1px solid #df8484;border-radius:12px;height:40px;font-weight:700}.quantity-actions{align-items:center;gap:6px;display:flex}.mini-action{color:#2d4f6c;background:#fff;border:1px solid #c5d9ea;border-radius:999px;width:28px;height:28px;font-size:18px;line-height:1}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mini-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:80px;margin-top:12px;display:grid}.mini-bars span{background:linear-gradient(#77b2fa 0%,#136dec 100%);border-radius:999px}.heatmap-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.heatmap-nav{color:#2d4f6d;flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.heatmap-nav strong{white-space:nowrap;font-size:13px}.heatmap-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.heatmap-weekday{text-transform:uppercase;letter-spacing:.05em;color:#6f8ca5;text-align:center;font-size:10px}.heatmap-cell{color:#1e3243;border:1px solid #d6e6f3;border-radius:8px;justify-content:center;align-items:center;min-height:28px;font-size:11px;font-weight:700;display:flex}.heatmap-cell.blank{background:0 0;border-color:#0000}.heatmap-cell.intensity-0{background:#f4f9fe}.heatmap-cell.intensity-1{background:#deedfb}.heatmap-cell.intensity-2{background:#bad9f7}.heatmap-cell.intensity-3{background:#8abdf3}.heatmap-cell.intensity-4{color:#fff;background:#3e8ef0;border-color:#3e8ef0}.bottom-nav{bottom:calc(12px + var(--safe-bottom));background:#14293aeb;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:8px;width:min(460px,100% - 24px);padding:10px;display:grid;position:fixed;left:50%;transform:translate(-50%)}.bottom-nav a{text-align:center;color:#c3d8eb;border-radius:12px;padding:10px;font-size:13px;font-weight:700;text-decoration:none}.bottom-nav a.active{color:#fff;background:#136dec}button:disabled{opacity:.6}@media (width<=560px){#root{padding:0}.app-shell{height:var(--app-height);border:none;border-radius:0;height:100svh;min-height:100dvh}.bottom-nav{width:100%;padding:10px 10px calc(10px + var(--safe-bottom));border-radius:0;position:absolute;bottom:0;left:0;transform:none}body.keyboard-open .bottom-nav{display:none}body.keyboard-open .screen-body{padding-bottom:calc(18px + var(--safe-bottom))}.sheet{width:100%}.row-2{grid-template-columns:1fr}.icon-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}