:root{font-family:Arial,Helvetica,sans-serif;color:#191a17;background:#e0e7ed;font-synthesis:none;--paper: #e0e7ed;--glass-control: linear-gradient(180deg,#f7fcff 0%,#d2e7f7 48%,#9fbedc 50%,#d6eafb 100%);--glass-panel: linear-gradient(180deg,#f0f7fd 0%,#d9e8f5 24%,#c2d7eb 49%,#aac5df 50%,#d0e3f3 78%,#e7f2fc 100%);--glass-ink: #284d70;--quiet-surface: #f7fbffad;--quiet-border: #f8fcff;--quiet-shadow: 0 2px 6px #173c5a0c;--card: #ffffff;--ink: #191a17;--muted: #67685e;--accent: #547b9f;--mono: "Courier New", Courier, monospace}*{box-sizing:border-box}.app-shell,.app-shell *,.sticky-progress,.sticky-progress *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app-shell :is(input,textarea,[contenteditable=true]),.app-shell [contenteditable=true] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}body{margin:0;min-width:320px;background:var(--paper)}button,input,textarea,select{font:inherit;color:inherit;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:active:not(:disabled){transform:translateY(1px)}:is(button,a,input,textarea,select,[tabindex]):focus-visible{outline:none}.keyboard-navigation :is(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,input,select,textarea{border-radius:0}.app-shell{max-width:1120px;margin:auto;padding:0 28px}main{min-width:0;padding-bottom:150px}.eyebrow,.editor-note{font:10px/1.5 var(--mono);letter-spacing:.02em}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:28px 0 24px;gap:24px;border-bottom:1px solid var(--ink)}.page-heading h1{font-size:clamp(64px,9vw,112px);line-height:.82;letter-spacing:-.085em;text-transform:uppercase;margin:22px 0 20px;font-weight:800}.page-heading h1 em{font-style:normal;display:block}.page-heading h1>span{display:none}.page-heading h1.image-logo{position:relative;width:clamp(220px,45vw,440px);aspect-ratio:1.55;margin:0;overflow:hidden}.image-logo img{position:absolute;display:block;width:100%;height:auto;left:0;top:-28%;filter:drop-shadow(0 4px 3px #00000038) drop-shadow(0 9px 9px #00000020)}.page-heading p{font-size:15px;line-height:1.4;margin:0;letter-spacing:-.025em}.gloss-button,.reorder-toggle{border:1px solid var(--ink);background:var(--ink);color:var(--paper);min-height:44px;padding:11px 18px;font-size:13px;font-weight:600}.gloss-button:hover{background:var(--accent)}.logo-banner{position:relative}.logo-banner:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:4px;background:linear-gradient(90deg,#2654e8,#9234e8 25%,#f54540 52%,#ffd837 77%,#b3ec34)}.streak-number{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:64px;line-height:1;letter-spacing:-.08em;font-weight:500}.section-title{display:flex;justify-content:space-between;gap:16px;align-items:center}h2{font-size:27px;font-weight:600;letter-spacing:-.055em;line-height:1;margin:0}.section-title h2>span{font:11px var(--mono);vertical-align:top;margin-left:5px;letter-spacing:0}.date-control{display:flex;align-items:center;gap:0}.date-control>button{border:0;background:none;padding:0 8px;min-height:44px;font-size:22px}.date-control .calendar-trigger{padding:0;min-height:62px}.habit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));counter-reset:habit;align-items:start}.habit-card{position:relative;min-width:0;padding:16px;border:1px solid var(--ink);background:var(--card);counter-increment:habit}.habit-grab{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.habit-grab h3{margin:0;font-size:30px;font-weight:700;text-transform:uppercase;letter-spacing:-.06em;line-height:1;overflow-wrap:anywhere}.habit-grab>div>span{display:block;font:9px var(--mono);margin-top:5px}.level-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--ink)}.level-option{min-width:0;min-height:125px;background:transparent;padding:10px;text-align:left;border:0;border-right:1px solid var(--ink);display:flex;flex-direction:column}.level-option:last-child{border-right:0}.level-option>div{display:flex;justify-content:space-between;align-items:center;width:100%;gap:4px}.level-name{font:11px var(--mono)}.level-option i{font-style:normal;font-size:17px}.level-option p{margin:auto 0 0;padding-top:14px;font-size:12px;line-height:1.35}.habit-card.visual-habit-card{border:0;padding:0;background:none}.card-flip{perspective:1600px;perspective-origin:50% 45%}.card-flip-inner{display:grid;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform 1s cubic-bezier(.25,.65,.25,1)}.card-flip.is-flipped .card-flip-inner{transform:rotateY(180deg)}.card-face{grid-area:1 / 1;position:relative;min-width:0;min-height:0;border:1px solid var(--ink);border-radius:8px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--ink)}.card-front{transform:rotateY(0) translateZ(1px)}.card-back{transform:rotateY(180deg) translateZ(1px)}.card-heading{display:flex;align-items:center;gap:8px}.card-front>.card-heading{left:0;right:0;top:0;z-index:3;pointer-events:none}.card-heading .habit-grab{width:100%;pointer-events:auto}.card-grab .habit-title{font-size:clamp(27px,4vw,36px);color:var(--paper);letter-spacing:-.065em}.ribbon-checkbox{width:16px;height:16px;flex-shrink:0;border:1px solid currentColor;display:grid;place-items:center}.ribbon-checkbox svg{width:16px;height:16px;overflow:visible}.ribbon-checkbox path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:22;stroke-dashoffset:0}.is-checking .ribbon-checkbox{animation:ribbon-check-pop .24s ease-out}.is-checking .ribbon-checkbox path{animation:ribbon-check-draw .18s ease-out both}.printed-card-image{isolation:isolate;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:transparent}.card-picture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:contrast(.85)}.card-back-heading{position:relative;z-index:1;padding:13px 14px;background:linear-gradient(#1119,transparent)}.habit-skipped-banner{display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;min-height:36px;padding:8px 15px;text-align:center;border:1px solid #f5fbff;border-radius:999px;background:linear-gradient(180deg,#f3f7fa,#dce5ec 48%,#bdcbd6 50%,#e2ebf2);color:#536c7e;box-shadow:inset 0 0 0 1px #8ba2b655,inset 0 1px #fff,0 2px 4px #31547720;font:600 12px/1 "Exo 2",Arial,sans-serif;letter-spacing:.06em;text-shadow:0 1px 0 #ffffffb0}.habit-skipped-banner:before{content:"×";font:20px/1 Arial,sans-serif}.card-skipped-banner{position:absolute;z-index:3;left:50%;right:auto;bottom:16px;translate:-50% 0}.simple-habit-description{left:14px;bottom:16px;color:var(--ink);font:11px/1.3 var(--mono)}.swipe-habit-shell{position:relative;min-width:0;touch-action:pan-y;border-radius:8px}.swipe-habit-content{position:relative;z-index:1;will-change:transform}.swipe-habit-shell.actions-open{overflow:hidden;background:transparent}.swipe-action-tray{position:absolute;left:6px;top:0;bottom:0;width:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;visibility:hidden}.actions-open .swipe-action-tray{visibility:visible}.swipe-action-tray button{display:grid;place-items:center;min-height:44px;width:44px;padding:10px;border-radius:14px;border:1px solid #f8fcff;background:var(--glass-control);color:var(--glass-ink);box-shadow:inset 0 0 0 1px #7a8d9e75,inset 0 2px 2px #fff,0 2px 4px #31547724}.swipe-action-tray button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.swipe-action-tray .swipe-skip{background:linear-gradient(180deg,#fff5fc,#f7d1e8 48%,#e5a5cb 50%,#f8ddef);color:#703458}.swipe-action-tray .swipe-snooze{background:linear-gradient(180deg,#fffdf1,#f5edc4 48%,#dfcc8c 50%,#f7edc9);color:#776021}.snoozed-goals{margin-top:18px;color:var(--glass-ink);font:12px/1.5 Arial,sans-serif}.snoozed-goals summary{cursor:pointer;padding:10px 0}.snoozed-goals button{display:block;min-height:44px;border:0;background:transparent;padding:8px;color:var(--glass-ink)}.is-reordering{touch-action:none;-webkit-user-select:none;user-select:none;animation:habit-wiggle .24s ease-in-out infinite alternate;cursor:grab}.is-reordering .level-options{pointer-events:none}.habit-card.is-dragging{animation:none;z-index:12;opacity:.9;cursor:grabbing;box-shadow:5px 8px 0 var(--ink);will-change:transform}.drop-before:before{content:"";position:absolute;left:0;right:0;top:-11px;height:3px;background:var(--accent)}.drop-at-end{height:3px;background:var(--accent)}.arrange-done{position:fixed;right:20px;bottom:calc(105px + env(safe-area-inset-bottom,0px));z-index:25}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}aside{position:fixed;z-index:20;left:50%;transform:translate(-50%);bottom:0;width:min(1120px,100%);padding:0 28px env(safe-area-inset-bottom,0px);background:transparent}aside>:not(nav){display:none}nav{position:relative;display:grid;gap:5px;padding:4px;border:1px solid #effaffd9;border-radius:22px;background:var(--glass-panel);box-shadow:inset 0 1px #fff,inset 0 0 0 1px #6498bd66,0 4px 12px #173c5a38;margin-bottom:12px}nav button{position:relative;z-index:1;border:1px solid transparent;border-radius:17px;background:transparent;color:var(--glass-ink);display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;transition:background .15s ease,box-shadow .15s ease,color .15s ease}nav button:last-child{border-right:0}nav button.selected{color:var(--glass-ink)}nav button b{font:9px var(--mono);align-self:flex-start}.nav-icon{width:26px;height:26px;filter:drop-shadow(0 1px 0 #ffffffcc)}.sticky-progress{position:fixed;z-index:21;left:50%;transform:translate(-50%);width:min(1064px,calc(100% - 56px));bottom:calc(80px + env(safe-area-inset-bottom,0px));background:transparent;border-radius:999px}.daily-progress-track{position:relative;height:21px;border:0;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,#9ebbd0,#eaf6ff 22%,#d3e8f7 46%,#a8c8df 51%,#dceffc);box-shadow:inset 0 2px 4px #42678155,inset 0 -1px 2px #ffffffa0,0 3px 9px #173c5a30}.daily-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border-radius:inherit;background:linear-gradient(180deg,#ffffffc9,#ffffff50 18%,#ffffff08 45%,#21004625 51%,#ffffff18 80%,#ffffff78),linear-gradient(90deg,#00f5ff,#2475ff,#7933ff 30%,#fa00ef 47%,#ff287b 62%,#ff8f19 76%,#f9ff00,#87ff17)}.daily-progress-track:after{content:"";position:absolute;z-index:1;left:5px;right:5px;top:1px;height:40%;border-radius:999px;background:linear-gradient(#ffffffa8,#ffffff12);pointer-events:none}.daily-progress-percentage{position:absolute;z-index:2;inset:0 7px 0 auto;display:flex;align-items:center;font:700 10px var(--mono);color:var(--glass-ink);padding:0 3px;background:none;text-shadow:0 1px 1px #fff,0 -1px 2px #fff9}.field{display:block;font:12px var(--mono);margin:20px 0}.field input,.field select,.field textarea{display:block;margin-top:7px;width:100%;min-height:44px;padding:10px;border:1px solid var(--ink);background:transparent;font:14px Arial,sans-serif}dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:460px;max-width:calc(100% - 28px);max-height:90dvh;padding:24px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:6px 6px 0 var(--ink);overflow:auto}dialog::backdrop{background:#1119}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--ink);padding-bottom:16px}.modal-heading h2{margin-top:8px;font-size:36px}.modal-heading button,.calendar-close{min-width:44px;min-height:44px;border:1px solid var(--ink);background:none}.editor-note{color:var(--muted)}form>.gloss-button{width:100%}.archive-button{display:block;padding:12px;margin:10px auto 0;font:11px var(--mono);border:0;background:transparent;text-decoration:underline}.error{border:1px solid var(--ink);padding:16px;margin-top:16px;font:12px/1.5 var(--mono);background:#f9d77c}.error button{display:block;margin-top:12px}.toast{position:fixed;left:50%;bottom:calc(110px + env(safe-area-inset-bottom,0px));z-index:35;transform:translate(-50%);max-width:calc(100% - 28px);width:max-content;padding:13px 17px;background:var(--ink);color:var(--paper);font:11px/1.4 var(--mono);border:1px solid var(--paper)}.calendar-dialog{width:410px}.paper-calendar{width:100%}.calendar-month-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.calendar-month-heading h2{font-size:23px}.calendar-month-heading button{min-width:36px;min-height:40px;border:1px solid var(--ink);background:none;font-size:22px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;padding-bottom:10px;font:11px var(--mono)}.calendar-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--ink);border-top:1px solid var(--ink)}.calendar-day{position:relative;padding:0;min-height:42px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);font:12px var(--mono)}.calendar-day.outside-month{color:var(--muted)}.calendar-check-dot{position:absolute;width:3px;height:3px;bottom:5px;left:calc(50% - 1px);background:currentColor;border-radius:50%}.calendar-actions{display:flex;gap:10px;margin-top:18px}.calendar-actions .gloss-button{flex:1}.calendar-close{padding:8px 15px}@keyframes habit-wiggle{0%{rotate:-.45deg}to{rotate:.45deg}}@keyframes ribbon-check-draw{0%{stroke-dashoffset:22}to{stroke-dashoffset:0}}@keyframes ribbon-check-pop{50%{transform:scale(1.25)}}@media(max-width:700px){.app-shell{padding:0 16px}.page-heading{padding:24px 0 20px;position:relative;align-items:flex-end;gap:6px}.page-heading h1{font-size:clamp(58px,17vw,100px);margin-top:18px;margin-bottom:18px}.page-heading .eyebrow{font-size:9px}.page-heading p{font-size:12px;line-height:1.35}.page-heading>.gloss-button{position:absolute;right:0;bottom:22px;font-size:11px;padding:8px 10px;min-height:38px}.streak-number{font-size:53px}h2{font-size:26px}.habit-list{grid-template-columns:minmax(0,1fr);gap:14px}.card-grab .habit-title{font-size:32px}.card-front>.card-heading,.card-back-heading{padding:10px 12px}.simple-habit-flip .card-face{height:clamp(200px,55vw,285px)}.habit-card{padding:14px}.habit-grab h3{font-size:29px}.level-option{min-height:110px;padding:9px}.level-option p{font-size:11px}aside{padding:0 16px env(safe-area-inset-bottom,0px)}nav{margin-bottom:10px}nav button{min-height:42px}nav button b{display:none}.nav-icon{width:18px;height:18px}.sticky-progress{width:calc(100% - 32px);bottom:calc(73px + env(safe-area-inset-bottom,0px))}.daily-progress-track{height:18px}.daily-progress-percentage{font-size:9px}.calendar-dialog{padding:16px}.calendar-month-heading h2{font-size:21px}.calendar-day{min-height:39px}}.logo-banner{border:0;padding-top:calc(26px + env(safe-area-inset-top,0px));padding-bottom:22px}.logo-banner:after{display:none}.logo-banner h1{margin-top:0;margin-bottom:0}.day-summary{padding:0 0 24px}.day-summary .streak-number{margin-left:0;font-weight:500}.card-front{padding:16px;background:var(--habit-glass)}.card-front>.card-heading{position:static;padding:0;margin-bottom:16px;background:none}.card-front .habit-title{color:var(--ink);font-size:30px}.card-face,.swipe-habit-shell{border-radius:10px}.habit-completion-flip{--habit-glass: var(--glass-panel);transition:translate .14s ease-out}.habit-completion-flip .card-face{border:1px solid #effaffd9;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #6498bd66,inset 0 -2px 5px #5b99c133,0 2px 3px #244c6b18,0 7px 14px -5px #173c5a38;transition:box-shadow .14s ease-out}.habit-completion-flip .card-back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;pointer-events:none;background:none;box-shadow:inset 0 1px #ffffffd9,inset 0 0 0 1px #80afce66}.habit-card:not(.is-reordering):not(.is-dragging):not(:has(dialog[open])):active .habit-completion-flip{translate:0 2px}.habit-card:not(.is-reordering):not(.is-dragging):not(:has(dialog[open])):active .card-face{box-shadow:inset 0 1px #fff,inset 0 0 0 1px #6498bd66,inset 0 -2px 5px #5b99c133,0 1px 2px #244c6b18,0 3px 7px -4px #173c5a30}.card-flip.is-skipped .elastic-levels{visibility:hidden}.habit-completion-flip .card-front{border:1px solid var(--quiet-border);border-radius:17px;background:var(--quiet-surface);box-shadow:var(--quiet-shadow)}.habit-card:not(.is-reordering):not(.is-dragging):not(:has(dialog[open])):active .card-front{box-shadow:0 1px 3px #173c5a12}.elastic-levels{gap:7px;border:0}.elastic-levels .level-option{--glass-tint: #edf4df;--glass-base: #dce8c3;--active-tint: #d7f3aa;--active-base: #9ed25d;--glass-glow: #9bea3a;position:relative;min-height:110px;padding:10px;border:1px solid #f8fcff;border-radius:12px;color:#203024;background:linear-gradient(180deg,#ffffffed 0%,var(--glass-tint) 45%,var(--glass-base) 49%,var(--glass-tint) 100%);box-shadow:inset 0 0 0 1px #7a8d9e75,inset 0 2px 2px #fff,0 3px 5px #31547724;transition:box-shadow .15s ease,filter .15s ease}.elastic-levels .level-option.plus{--glass-tint: #e3eff8;--glass-base: #cbdfee;--active-tint: #9fdcf9;--active-base: #4dafe6;--glass-glow: #29baff}.elastic-levels .level-option.elite{--glass-tint: #f8eaf2;--glass-base: #eed8e5;--active-tint: #ffc3e4;--active-base: #e28abc;--glass-glow: #ff3ba8}.elastic-levels .level-option p{position:relative;color:#24313a}.elastic-levels .ribbon-checkbox{width:19px;height:19px;border-radius:50%;border:1px solid #728da1;color:#263e50;background:linear-gradient(#ffffffed,#fff5);box-shadow:inset 0 1px 2px #31547724,0 1px #ffffffa8}.elastic-levels .ribbon-checkbox path{stroke-linecap:round;stroke-linejoin:round}.elastic-levels .level-option:disabled{opacity:1}.elastic-levels .level-option.is-checking{--glass-tint: var(--active-tint);--glass-base: var(--active-base);opacity:1;animation:glass-level-glow .28s ease-out both}@media(hover:hover){.elastic-levels .level-option:hover:not(:disabled){filter:brightness(1.04)}}@keyframes glass-level-glow{0%{filter:saturate(1)}50%{filter:saturate(1.8) brightness(1.08);box-shadow:inset 0 0 0 1px #fff,0 0 15px var(--glass-glow)}to{filter:saturate(1.35)}}@media(max-width:700px){.elastic-levels{gap:6px}.elastic-levels .level-option{padding:9px 8px}}.simple-habit-description{position:static;background:none;padding:0;max-width:none;margin:0 0 12px}.simple-habit-flip .card-face{height:auto;min-height:175px}@media(max-width:700px){.logo-banner{padding-top:calc(26px + env(safe-area-inset-top,0px));padding-bottom:24px}.day-summary{padding-bottom:24px}.card-front{padding:14px}.card-front .habit-title{font-size:29px}}.habit-completion-flip .card-flip-inner{transition:transform .65s cubic-bezier(.25,.65,.25,1)}.habit-completion-flip .completion-back{overflow:visible;background:var(--habit-glass)}.completion-surface{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.completion-back>.printed-card-image{border-radius:inherit}.completion-back .habit-title{color:var(--ink)}.completion-back .card-back-heading{background:none}.completion-back.has-completion-photo .habit-title{color:#fff}.completion-back.has-completion-photo .card-back-heading{background:linear-gradient(#1119,transparent)}.habit-completion-flip .completion-back{border-radius:17px;border-color:#edf7ff88}.completion-neon-frame{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.neon-mini{--neon-color: #8de322;--neon-light: #e0ffad;--neon-dark: #4a990d}.neon-plus{--neon-color: #24b4ff;--neon-light: #bcefff;--neon-dark: #1265bf}.neon-elite{--neon-color: #ff42a7;--neon-light: #ffd0eb;--neon-dark: #aa166b}.neon-done{--neon-color: #b8a2ee;--neon-light: #f2ecff;--neon-dark: #7763a4}.completion-sticker{position:absolute;z-index:4;width:clamp(135px,52%,190px);transform:translate(-50%,-50%) rotate(var(--sticker-angle));pointer-events:none}.sticker-skin{position:relative;width:100%;filter:drop-shadow(0 2px 1px #0004)}.sticker-skin img{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none}.plain-done-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;padding:12px;border:1px solid var(--ink);background:transparent;font:600 11px var(--mono)}.is-skipped .simple-completion-choice{visibility:hidden}.simple-completion-choice>.plain-done-button{--glass-glow: #17d9ff;position:absolute;right:16px;bottom:16px;width:auto;min-width:120px;min-height:46px;padding:10px 14px;gap:18px;border-radius:999px;border:1px solid #f8fcff;color:var(--glass-ink);background:var(--glass-control);box-shadow:inset 0 0 0 1px #7a8d9e75,inset 0 2px 2px #fff,0 3px 5px #31547730;font:700 12px Arial,Helvetica,sans-serif;letter-spacing:.05em;text-shadow:0 1px 0 #ffffffb0}.simple-completion-choice>.plain-done-button .ribbon-checkbox{width:22px;height:22px;border-radius:50%;border:1px solid #728da1;background:linear-gradient(#ffffffed,#fff5);color:#263e50;box-shadow:inset 0 1px 2px #31547724,0 1px #ffffffa8}.simple-completion-choice .ribbon-checkbox path{stroke-linecap:round;stroke-linejoin:round}.simple-completion-choice>.plain-done-button.is-checking{opacity:1;animation:glass-level-glow .28s ease-out both}.simple-completion-choice .simple-habit-description{padding-bottom:60px}@media(max-width:700px){.simple-completion-choice>.plain-done-button{right:14px;bottom:14px}}.habit-completion-flip{position:relative}.habit-list{gap:24px}.sticker-artwork-frame{display:block;position:relative}.sticker-skin{transform:none;transform-origin:center}.apply-sticker .sticker-skin{animation:sticker-press .54s cubic-bezier(.2,.7,.3,1) both}@keyframes sticker-press{0%{opacity:0;transform:translate(-5px,-14px) rotate(-3deg) skew(-5deg);filter:drop-shadow(7px 12px 5px #0002)}18%{opacity:1}65%{transform:translateY(1px) rotate(1deg) skew(1deg);filter:drop-shadow(1px 2px 1px #0004)}to{opacity:1;transform:none;filter:drop-shadow(0 2px 1px #0004)}}.habit-completion-flip .card-face{height:221px;min-height:221px}@media(max-width:700px){.habit-completion-flip .card-face{height:202px;min-height:202px}}.write-note-button{position:absolute;right:16px;bottom:16px;margin:0;width:auto;min-width:120px;min-height:46px;padding:10px 14px;gap:18px;border:1px solid #f8fcff;border-radius:999px;color:var(--glass-ink);background:var(--glass-control);box-shadow:inset 0 0 0 1px #7a8d9e75,inset 0 2px 2px #fff,0 3px 5px #31547730;font-size:12px;font-weight:700;letter-spacing:.05em;text-shadow:0 1px 0 #ffffffb0}.write-note-button svg{width:22px;height:22px;filter:drop-shadow(0 1px 0 #ffffffb0)}.write-note-button:active:not(:disabled){box-shadow:inset 0 1px 3px #42678145,0 1px 2px #173c5a20}@media(max-width:700px){.write-note-button{right:14px;bottom:14px}}.text-habit-flip.is-skipped .write-note-button{visibility:hidden}.stuck-note{position:absolute;z-index:5;top:50%;width:var(--note-size,180px);height:var(--note-size,180px);padding:0;border:0;background:none;transform:translate(-50%,-50%) rotate(var(--note-angle));text-align:left}.stuck-note:active:not(:disabled){transform:translate(-50%,-50%) rotate(var(--note-angle))}.sticky-note-paper{display:flex;flex-direction:column;width:100%;height:100%;padding:13px;background:linear-gradient(175deg,#fff7a6,#fff191 85%,#f2e177);color:#373224;box-shadow:1px 3px 5px #0003,inset 0 1px #fff9}.sticky-note-paper:after{content:"";position:absolute;right:0;bottom:0;width:15px;height:15px;clip-path:polygon(100% 0,100% 100%,0 100%)}.note-body{display:block;min-height:0;flex:1;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;font:14px/1.4 Arial,sans-serif}.note-body.long-note{font-size:11px}.apply-note .sticky-note-paper{animation:sticker-press .54s cubic-bezier(.2,.7,.3,1) both}.sticky-note-dialog{width:min(420px,calc(100vw - 36px));max-height:90dvh;padding:0;border:0;background:transparent;box-shadow:none;overflow:auto}.sticky-note-editor{aspect-ratio:1;width:100%;display:flex;flex-direction:column;padding:20px;background:linear-gradient(165deg,#fff7a6,#fff191);color:#373224;box-shadow:inset 0 1px #fff9}.sticky-note-editor textarea{flex:1;min-height:0;padding:0;resize:none;border:0;background:transparent;font:16px/1.5 Arial,sans-serif}.note-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.note-editor-actions button{min-height:40px;padding:9px 12px;border:1px solid #373224;background:none;font-size:12px}.note-editor-actions button[type=submit]{background:#373224;color:#fff7a6}.sticky-note-editor textarea:focus,.sticky-note-editor textarea:focus-visible{outline:none;box-shadow:none}.note-editor-actions button,.note-editor-actions button[type=submit]{border:0;background:none;padding:3px 10px;min-width:44px;min-height:44px;font-size:29px;line-height:1}.note-editor-actions button:focus-visible{outline:1px dotted #7a7025;outline-offset:0}.stuck-note{left:var(--note-left,75%)}.stuck-note .note-body{margin-top:0}@font-face{font-family:Note Hand;src:url(/fonts/caveat.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}.paper-blue{--note-fold: #e3d164;background:linear-gradient(170deg,#fff7a6,#fff191 85%,#f2e177);color:#373224}.paper-pink{--note-fold: #e4a4ba;background:linear-gradient(170deg,#ffdce8,#fac2d6 85%,#edafc5);color:#51303e}.paper-ruled{--note-fold: #d3e1f0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 25px,#78a8e77d 25px,#78a8e77d 26px),#fff;background-position:0 20px;color:#293b52}.sticky-note-paper.paper-ruled{background:repeating-linear-gradient(to bottom,transparent 0,transparent 21px,#78a8e77d 21px,#78a8e77d 22px),#fff;background-position:0 13px}.sticky-note-paper:after{background:linear-gradient(135deg,var(--note-fold,#e3d164) 50%,#ffffff88 51%)}.note-font-sans{--note-typeface: Arial,Helvetica,sans-serif}.note-font-mono{--note-typeface: "Courier New",Courier,monospace}.note-font-handwritten{--note-typeface: "Note Hand",cursive}.sticky-note-editor textarea{font-family:var(--note-typeface,Arial,sans-serif);line-height:26px}.sticky-note-editor.note-font-handwritten textarea{font-size:24px}.sticky-note-paper .note-body{font-family:var(--note-typeface,Arial,sans-serif);line-height:22px}.sticky-note-paper.note-font-handwritten .note-body{font-size:21px}.sticky-note-paper.note-font-handwritten .note-body.long-note{font-size:17px}.sticky-note-editor{gap:8px}.note-editor-left{display:flex;align-items:center;gap:4px}.note-editor-actions button,.note-editor-actions button[type=submit]{color:inherit}.note-editor-actions .note-font-button{font-family:var(--note-typeface,Arial,sans-serif);font-size:23px;letter-spacing:-.06em}.paper-carousel-controls{display:flex;justify-content:center;align-items:center;gap:5px;min-height:56px}.paper-carousel-controls>button{flex:0 0 32px;height:44px;border:0;padding:0;color:inherit;background:none;font-size:25px}.paper-carousel{position:relative;display:flex;gap:14px;width:154px;overflow-x:auto;padding:6px 53px;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x}.paper-carousel::-webkit-scrollbar{display:none}.paper-swatch{flex:0 0 48px;height:44px;border:1px solid #0002;box-shadow:1px 2px 3px #0002;padding:0;scroll-snap-align:center;opacity:.55;transform:scale(.85);transition:opacity .15s,transform .15s}.paper-swatch[aria-pressed=true]{opacity:1;transform:scale(1);outline:1px solid currentColor;outline-offset:2px}.paper-swatch.paper-ruled{background-size:auto 13px}.paper-swatch.paper-ruled{background:repeating-linear-gradient(to bottom,transparent 0,transparent 7px,#8bb5ee 8px,#8bb5ee 9px),#fff;background-position:0 1px}.bank-sticker{z-index:6}.bank-sticker .sticker-artwork-frame{aspect-ratio:auto}.bank-sticker .sticker-skin:after{display:none}.bonus-sticker-controls{position:absolute;z-index:8;bottom:8px;left:10px}.bonus-sticker-controls button{position:relative;display:grid;place-items:center;width:44px;min-height:44px;padding:10px;border:0;background:transparent;color:var(--glass-ink);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 1px 1px #fff)}.sticker-pack-icon{width:21px;height:21px;flex-shrink:0;filter:drop-shadow(0 1px 0 #ffffffb0)}.bonus-sticker-controls button:active{opacity:.7}.sticker-picker-dialog{width:min(620px,calc(100vw - 28px));padding:22px;border:1px solid #f4fbff;border-radius:23px;color:var(--glass-ink);background:var(--glass-panel);box-shadow:inset 0 0 0 1px #7299b266,inset 0 2px 2px #fff,0 16px 48px #173c5a50}.sticker-picker-dialog::backdrop{background:#173c5a55;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sticker-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.sticker-picker-heading .eyebrow{font:700 9px "Exo 2",Arial,sans-serif;letter-spacing:.12em;color:var(--text-muted, #54738a)}.sticker-picker-heading h2{margin:5px 0 0;font:600 30px/1.1 "Exo 2",Arial,sans-serif;letter-spacing:-.025em;text-shadow:0 1px 0 #fff}.sticker-picker-heading>button{width:44px;min-height:44px;padding:0;border:1px solid #f8fcff;border-radius:50%;background:var(--glass-control);color:var(--glass-ink);box-shadow:inset 0 0 0 1px #7a8d9e55,0 2px 4px #31547720;font-size:26px}.sticker-picker-caption{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0;font:12px/1.4 "Exo 2",Arial,sans-serif}.sticker-picker-caption>span{padding:5px 9px;border-radius:999px;background:#f6fcff90;box-shadow:inset 0 1px 1px #fff,0 1px 2px #31547720;font-weight:600}.catalog-search{margin:14px 0}.catalog-search input{width:100%;min-height:44px;border:1px solid #aac1d2;border-radius:999px;padding:10px 15px;background:#f8fcffcc;color:var(--glass-ink);font:16px "Exo 2",Arial,sans-serif;box-shadow:inset 0 2px 4px #31547712,0 1px #ffffffc0}.catalog-search input::placeholder{color:var(--text-muted, #698397)}.catalog-location{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:28px;font:12px "Exo 2",Arial,sans-serif}.catalog-location strong{font-weight:600}.catalog-location>span{margin-left:auto;color:var(--text-muted, #54738a);font-size:11px;white-space:nowrap}.catalog-location button{min-height:36px;padding:4px 9px;border:1px solid #ffffffa0;border-radius:10px;background:#ffffff50;color:var(--glass-ink);font:inherit}.sticker-catalog-body{max-height:34dvh;overflow-y:auto;overscroll-behavior:contain;padding:4px;scrollbar-color:#9cbcd3 transparent;scrollbar-width:thin}.sticker-collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-tile{min-width:0;padding:10px;text-align:left;border:1px solid #f8fcff;border-radius:16px;background:linear-gradient(#f8fcffb8,#e1eff9b0);color:var(--glass-ink);box-shadow:inset 0 0 0 1px #7299b244,0 3px 7px #31547718}.collection-cover{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;height:105px;padding:7px;border-radius:11px;background:linear-gradient(#c2d9eb88,#f8fcffb8);box-shadow:inset 0 1px 3px #31547718}.collection-cover img{display:block;width:100%;height:43px;object-fit:contain;filter:drop-shadow(0 2px 1px #31547720)}.collection-cover.single-cover{display:block}.collection-cover.single-cover img{height:91px}.collection-tile-name{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font:600 16px "Exo 2",Arial,sans-serif}.collection-tile small{display:block;margin-top:3px;font:11px "Exo 2",Arial,sans-serif;color:var(--text-muted, #54738a)}.collection-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-size:11px;line-height:1.4}.sticker-bank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:2px}.sticker-bank-grid>button{position:relative;min-width:0;min-height:100px;padding:9px;border:1px solid #f5fbff;border-radius:15px;background:#f8fcff80;box-shadow:inset 0 0 0 1px #7299b233,0 2px 5px #31547714}.sticker-bank-grid>button.picked{background:linear-gradient(#f3ffeb,#d1efb3);box-shadow:inset 0 0 0 2px #8cbc5f,0 2px 5px #31547718}.sticker-bank-grid>button:disabled{opacity:.5}.sticker-bank-grid img{display:block;width:100%;height:95px;object-fit:contain;filter:drop-shadow(0 2px 1px #31547720)}.sticker-bank-grid b{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:linear-gradient(#f4ffe9,#9ed560);border:1px solid #fff;color:#31572e;font-size:13px;box-shadow:0 1px 3px #31547730}.catalog-pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font:11px "Exo 2",Arial,sans-serif}.catalog-pagination button{min-height:38px;padding:6px 10px;border:1px solid #f5fbff;border-radius:12px;background:var(--glass-control);box-shadow:inset 0 0 0 1px #7299b244}.catalog-selection{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 0;margin-top:12px;border-top:1px solid #ffffff80}.catalog-selection button{position:relative;display:grid;place-items:center;min-width:52px;min-height:48px;padding:6px 13px 6px 6px;border:1px solid #f5fbff;border-radius:13px;background:#f8fcff90;box-shadow:inset 0 0 0 1px #7299b244}.catalog-selection img{width:34px;height:34px;object-fit:contain}.catalog-selection b{position:absolute;top:2px;right:4px;color:var(--text-muted, #54738a);font:14px Arial,sans-serif}.sticker-picker-actions{position:sticky;bottom:-22px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 0 2px;background:#d4e6f4;box-shadow:0 -10px 15px #d4e6f4}.sticker-picker-actions>button{min-height:44px;padding:10px 15px;border:1px solid #f8fcff;border-radius:999px;background:#ffffff50;color:var(--glass-ink);font:600 13px "Exo 2",Arial,sans-serif}.sticker-picker-actions>.gloss-button{background:var(--glass-control);box-shadow:inset 0 0 0 1px #7a8d9e75,inset 0 2px 2px #fff,0 3px 5px #31547724}.empty-sticker-bank{padding:30px 10px;text-align:center;font:14px/1.5 "Exo 2",Arial,sans-serif;color:var(--text-muted, #54738a)}.note-editor-actions .note-trash-button{display:inline-flex;align-items:center;justify-content:center}.undo-note-delete{display:block;min-height:30px;padding:5px 0;border:0;background:none;font:10px var(--mono);text-decoration:underline}@media(max-width:700px){.sticker-picker-dialog{padding:18px;border-radius:20px}.sticker-picker-heading h2{font-size:27px}.collection-cover{height:88px}.collection-cover img{height:34px}.collection-cover.single-cover img{height:74px}.collection-tile-name{font-size:14px}.collection-tile{padding:8px}.sticker-bank-grid>button{min-height:80px;padding:7px}.sticker-bank-grid img{height:75px}.sticker-picker-actions{bottom:-18px}}.card-heading{align-items:center;justify-content:space-between}.card-heading .habit-grab{flex:1;min-width:0;width:auto}.card-heading .streak-badge,.completion-back .streak-badge{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;min-height:27px;margin:0 0 0 auto;padding:3px 6px;border-radius:8px;border:0;color:var(--text-muted, #71889a);background:#dce7ef66;box-shadow:none;text-shadow:none;pointer-events:none}.card-heading .streak-badge.has-streak,.completion-back .streak-badge.has-streak{color:var(--text-muted, #526f83)}.streak-badge strong{font:600 10px/1 "Exo 2",Arial,sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.streak-bolt{width:10px;height:15px;fill:#a9bac7;stroke:none;filter:none}.has-streak .streak-bolt{fill:#3a9854}.completion-back.has-completion-photo .streak-badge{background:#eff6fbd9}.sticker-pack-count{position:absolute;top:4px;right:3px;font:700 10px/1 Arial,Helvetica,sans-serif}.today-add-habit,.calendar-actions .gloss-button{border:1px solid #f8fcff;border-radius:999px;color:var(--glass-ink);background:var(--glass-control);box-shadow:inset 0 0 0 1px #7a8d9e75,inset 0 2px 2px #fff,0 3px 6px #31547730;text-shadow:0 1px 0 #ffffffb0}.today-add-habit:hover,.calendar-actions .gloss-button:hover{filter:brightness(1.04)}.day-summary .streak-number{gap:8px;padding:9px 13px 9px 9px;border:1px solid #f3fbff;border-radius:18px;color:#194e6b;background:var(--glass-control);box-shadow:inset 0 0 0 1px #7299b266,inset 0 1px #fff,0 3px 7px #173c5a26;text-shadow:0 1px 0 #ffffffb3}.streak-number strong{font:700 38px/1 Arial,Helvetica,sans-serif;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.streak-number span{max-width:none;font:700 9px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.05em}.summary-streak-bolt{width:21px;height:29px;fill:#24c653;stroke:#117535;stroke-width:.7;filter:drop-shadow(0 1px 0 #fff)}.calendar-date-control{gap:5px}.calendar-date-control>button:not(.calendar-trigger){width:28px;padding:0;border:0;border-radius:0;color:var(--glass-ink);background:transparent;box-shadow:none}.date-control .calendar-trigger{border:1px solid #f3fbff;border-radius:13px;overflow:hidden;color:#194e6b;background:linear-gradient(#f5fbff,#d6eaf8);box-shadow:inset 0 0 0 1px #7299b266,0 3px 7px #173c5a26}.calendar-dialog{border:1px solid #effaff;border-radius:20px;color:var(--glass-ink);background:linear-gradient(180deg,#edf8ff,#c4dff1);box-shadow:inset 0 0 0 1px #6498bd66,0 12px 38px #173c5a40}.calendar-month-heading h2{font:700 21px Arial,sans-serif;letter-spacing:-.03em}.calendar-month-heading button,.calendar-close{border:1px solid #f8fcff;border-radius:12px;color:var(--glass-ink);background:linear-gradient(#f7fcff,#d2e8f6 48%,#a9ccdf 50%,#deeff9);box-shadow:inset 0 0 0 1px #7a8d9e55}.calendar-day-grid{gap:4px;border:0}.calendar-day{border:1px solid #ffffffa0;border-radius:9px;background:#ffffff50;color:var(--glass-ink)}.calendar-day.selected-day{color:#17415e;background:var(--glass-control);box-shadow:inset 0 0 0 1px #58a;font-weight:700}.calendar-day[aria-current=date]:not(.selected-day){background:#d9efc3;color:#31572e}@media(max-width:380px){.day-summary .streak-number{padding:8px;gap:5px}.streak-number strong{font-size:32px}.streak-number span{font-size:8px}.summary-streak-bolt{width:17px}.calendar-date-control{gap:3px}.calendar-date-control>button:not(.calendar-trigger){width:26px}}.day-summary{--today-control-size: 56px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.day-summary .streak-number{justify-self:start;height:var(--today-control-size);min-width:0;margin:0;padding:7px 10px;gap:6px;border-radius:15px}.day-summary .streak-number strong{font-size:32px}.day-summary .streak-number span{font-size:8px;letter-spacing:.03em}.day-summary .summary-streak-bolt{width:17px;height:25px;flex-shrink:0}.day-summary .calendar-date-control{gap:2px;height:var(--today-control-size);width:100%;justify-content:center}.day-summary .calendar-date-control>button{height:var(--today-control-size);min-height:var(--today-control-size)}.today-add-habit{display:grid;place-items:center;width:var(--today-control-size);height:var(--today-control-size);min-height:var(--today-control-size);padding:0;border-radius:15px;font:300 36px/1 Arial,sans-serif}@media(max-width:380px){.day-summary{gap:8px}.day-summary .streak-number{padding:6px;gap:4px}.day-summary .streak-number strong{font-size:28px}.day-summary .streak-number span{font-size:7px}.day-summary .summary-streak-bolt{width:14px}.day-summary .calendar-date-control>button:not(.calendar-trigger){width:24px}}@font-face{font-family:"Exo 2";src:url(/fonts/exo2.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}.habit-grab .habit-title{font-family:"Exo 2",Arial,sans-serif;font-weight:600;text-transform:none;letter-spacing:-.025em;line-height:1.08;color:var(--glass-ink);text-shadow:0 1px 0 #ffffffb0}.card-front .habit-title,.completion-back:not(.has-completion-photo) .habit-title{color:var(--glass-ink)}.elastic-levels .level-name{font-family:"Exo 2",Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.025em;color:var(--glass-ink);text-shadow:0 1px 0 #ffffffb0}.simple-completion-choice>.plain-done-button,.write-note-button{font-family:"Exo 2",Arial,sans-serif}.completion-back.has-completion-photo .habit-title{text-shadow:0 1px 3px #17354b}.completion-confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;overflow:hidden}.completion-confetti i{position:absolute;left:50%;top:65%;width:var(--size);height:calc(var(--size) * 1.6);background:var(--color);border-radius:2px;box-shadow:inset 0 1px #ffffffa0;opacity:0;will-change:transform,opacity}.completion-confetti .confetti-star{height:var(--size);clip-path:polygon(50% 0,62% 35%,100% 50%,62% 65%,50% 100%,38% 65%,0 50%,38% 35%)}.apply-sticker .sticker-artwork-frame{animation:sticker-reward-bounce .36s .5s ease-out both}@keyframes sticker-reward-bounce{0%,to{scale:1}45%{scale:1.055}75%{scale:.985}}.skipped-goals,.snoozed-goals{grid-column:1 / -1}.skipped-goals{color:#536c7e;font-family:"Exo 2",Arial,sans-serif}.skipped-goals summary{display:list-item;cursor:pointer;padding:12px 2px;font-size:14px;font-weight:600}.skipped-goals summary>span{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:#f5fbff80;font-size:11px}.skipped-goal-list{display:grid;gap:8px}.skipped-goal-list button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 14px;border:1px solid #f5fbff;border-radius:13px;background:linear-gradient(#f2f7fbb8,#d2e1ed99);box-shadow:inset 0 0 0 1px #8ba2b633,0 2px 4px #31547712;color:var(--glass-ink);text-align:left;font:600 14px "Exo 2",Arial,sans-serif}.restore-skipped-label{flex-shrink:0;font-size:11px;color:var(--text-muted, #698397)}nav{grid-template-columns:repeat(4,minmax(0,1fr))}.habits-library{padding-top:calc(26px + env(safe-area-inset-top,0px));color:var(--glass-ink);font-family:"Exo 2",Arial,sans-serif}.habits-library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.habits-library h1{margin:0;font:600 32px/1.1 "Exo 2",Arial,sans-serif;letter-spacing:-.03em}.habits-library-heading .gloss-button,.library-arrange-done{flex-shrink:0;border:1px solid #f8fcff;border-radius:999px;color:var(--glass-ink);background:var(--glass-control);box-shadow:inset 0 0 0 1px #7a8d9e55,0 2px 4px #31547720;font:600 12px "Exo 2",Arial,sans-serif;padding:10px 12px}.habits-library>p{font-size:13px;color:var(--text-muted, #54738a);margin:18px 0}.library-arrange-done{margin-bottom:14px}.habit-library-list{display:grid;gap:0}.library-habit{position:relative;display:flex;align-items:center;gap:9px;min-width:0;min-height:60px;padding:5px 0;border:0;border-bottom:1px solid #8ba6bc45;border-radius:0;background:transparent;box-shadow:none;touch-action:pan-y}.library-habit.is-dragging{background:#eaf3fa;border-radius:8px;box-shadow:0 5px 14px #173c5a26}.library-habit-name{display:flex;align-items:center;gap:8px;flex:1;min-width:0;min-height:48px;cursor:grab;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.library-habit-name *,[data-habit-handle] *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.habit-drag-grip{display:grid;place-items:center;align-self:stretch;min-width:28px;color:#7696ac;font:24px Arial,sans-serif}.library-habit h2{margin:0;font:600 16px/1.15 "Exo 2",Arial,sans-serif;overflow-wrap:anywhere}.library-habit p{margin:3px 0 0;color:var(--text-muted, #54738a);font-size:11px}.library-kind{padding:4px 6px;color:var(--text-muted, #698397);font-size:10px}.library-edit{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--text-muted, #54738a)}.library-edit svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.5}.library-archive{margin-top:20px;font-size:13px}.library-archive summary{cursor:pointer;padding:10px 0}.library-archive>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.library-archive button{min-height:44px;border:0;background:transparent;color:var(--glass-ink)}.weekday-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:10px 0;margin:0 0 16px;border:0}.weekday-picker legend{font-size:12px;padding:0 0 8px}.weekday-picker label{position:relative;min-width:0}.weekday-picker input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.weekday-picker span{display:grid;place-items:center;min-height:44px;border:1px solid #acc1d2;border-radius:10px;background:#f4faff;color:#47677d;font:600 11px "Exo 2",Arial,sans-serif}.weekday-picker input:checked+span{background:var(--glass-control);color:var(--glass-ink);box-shadow:inset 0 0 0 1px #58a}.keyboard-navigation .weekday-picker input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.habit-time-group{grid-column:1 / -1;min-width:0}.habit-time-heading{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--glass-ink);text-align:left;font:600 17px "Exo 2",Arial,sans-serif}.habit-time-heading svg{width:15px;height:15px;fill:none;stroke:#698397;stroke-width:1.7;transition:rotate .16s ease}.is-open>.habit-time-heading svg{rotate:90deg}.habit-time-heading small{margin-left:auto;color:#7692a7;font-size:11px;font-weight:500}.habit-time-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:8px 0 12px}.habit-time-content[hidden]{display:none}.empty-time-group{grid-column:1 / -1;margin:0;padding:1px 0 8px 23px;color:#7692a7;font:12px "Exo 2",Arial,sans-serif}.habits-library .habit-time-content{display:block;padding:0}.habits-library .habit-time-content[hidden]{display:none}@media(max-width:700px){.habit-time-content{grid-template-columns:1fr}}.today-time-bar{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:3px;margin:0 0 18px;border:1px solid #effaffc0;border-radius:999px;background:#bdd1e24d;box-shadow:inset 0 1px 3px #31547718}.today-time-bar button{position:relative;z-index:1;min-width:0;min-height:32px;padding:4px 3px;border:0;border-radius:999px;background:transparent;color:var(--text-muted, #54738a);white-space:nowrap;font:600 12px "Exo 2",Arial,sans-serif;transition:color .22s ease}.today-time-bar button[aria-pressed=true]{color:var(--glass-ink)}.time-filter-highlight{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/5);border:1px solid #f8fcff;border-radius:999px;background:var(--glass-control);box-shadow:inset 0 0 0 1px #7a8d9e55,0 2px 4px #31547720;transition:transform .3s cubic-bezier(.22,.8,.25,1);pointer-events:none}h2.habit-time-heading{margin:0;cursor:default}.habits-library .habit-time-group{margin-top:24px}.habits-library .habit-time-heading{padding:10px 0;font-size:22px;font-weight:700;color:var(--glass-ink);border-bottom:2px solid #8ba6bc55;letter-spacing:-.02em}.habits-library .habit-time-heading svg{width:18px;height:18px}.habits-library .habit-time-heading small{display:grid;place-items:center;min-width:24px;min-height:24px;border-radius:999px;background:#f6fbff80;font-size:12px}@media(max-width:400px){.today-time-bar button{font-size:11px}}.habit-time-group.is-drop-target>.habit-time-heading{color:#205e96;background:#f4fbff99;border-radius:9px;box-shadow:inset 0 0 0 1px #7daace66}.habit-time-group.is-drop-target .empty-time-group{padding:14px 12px;border:1px dashed #7daace;border-radius:10px;background:#f4fbff66;color:var(--glass-ink)}.nav-glass-highlight{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 23px)/4);border:1px solid #f8fcff;border-radius:17px;background:var(--glass-control);box-shadow:inset 0 0 0 1px #7a8d9e75,inset 0 2px 2px #fff,0 2px 5px #31547730;transition:transform .3s cubic-bezier(.22,.8,.25,1);pointer-events:none}.habit-editor-dialog{width:540px;padding:22px;border:1px solid #f4fbff;border-radius:22px;background:linear-gradient(#eef7ff,#d1e3f2);color:var(--glass-ink);box-shadow:inset 0 0 0 1px #7299b266,0 16px 48px #173c5a50;font-family:"Exo 2",Arial,sans-serif}.habit-editor-dialog::backdrop{background:#173c5a55;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.habit-editor-dialog .modal-heading{border:0;padding-bottom:4px}.habit-editor-dialog .eyebrow{color:var(--text-muted, #698397);font:700 9px "Exo 2",Arial,sans-serif;letter-spacing:.1em}.habit-editor-dialog h2{margin:5px 0 0;font:600 29px/1.15 "Exo 2",Arial,sans-serif;letter-spacing:-.025em;text-shadow:0 1px 0 #fff}.habit-editor-dialog .modal-heading button{border:1px solid #f8fcff;border-radius:50%;background:var(--glass-control);color:var(--glass-ink);box-shadow:inset 0 0 0 1px #7a8d9e55}.habit-editor-dialog .field{font:600 12px "Exo 2",Arial,sans-serif;margin:16px 0}.habit-editor-dialog .field input,.habit-editor-dialog .field select,.habit-editor-dialog .field textarea{min-height:46px;border:1px solid #a9c1d4;border-radius:12px;background:#f9fcffb8;padding:11px 12px;color:var(--glass-ink);font:16px "Exo 2",Arial,sans-serif;box-shadow:inset 0 2px 3px #3154770d,0 1px #fff}.habit-editor-dialog input::placeholder{color:#8096a6;font-size:13px}.habit-type-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border:0;padding:0;margin:20px 0}.habit-type-picker legend{padding:0 0 9px;font-size:12px;font-weight:600}.habit-type-picker label{position:relative;min-width:0;cursor:pointer}.habit-type-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.habit-type-picker label>span{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:69px;padding:10px 6px;border:1px solid #b3c8d9;border-radius:13px;background:#f8fcff55;text-align:center}.habit-type-picker strong{font-size:15px;font-weight:600}.habit-type-picker small{color:var(--text-muted, #698397);font-size:9px}.habit-type-picker input:checked+span{background:var(--glass-control);border-color:#f8fcff;box-shadow:inset 0 0 0 1px #7299b2,0 2px 4px #31547720}.keyboard-navigation .habit-type-picker input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.habit-editor-dialog h3{margin:0;font-size:16px;font-weight:600}.habit-editor-goals>p{margin:5px 0 12px;font-size:11px;color:var(--text-muted, #698397)}.habit-editor-goals .field{margin:11px 0}.editor-level-label{display:inline-block;font-size:11px;letter-spacing:.04em}.habit-editor-goals .mini .editor-level-label{color:#558129}.habit-editor-goals .plus .editor-level-label{color:#297dab}.habit-editor-goals .elite .editor-level-label{color:#a34b85}.habit-editor-schedule{padding-top:17px;margin-top:20px;border-top:1px solid #8ba6bc40}.habit-editor-field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.habit-editor-dialog .editor-note{font:11px/1.4 "Exo 2",Arial,sans-serif;color:var(--text-muted, #698397);margin:12px 0}.habit-editor-actions{position:sticky;bottom:-22px;z-index:2;display:flex;gap:10px;justify-content:flex-end;padding:12px 0 4px;background:#d1e3f2;box-shadow:0 -8px 12px #d1e3f2}.habit-editor-actions button{min-height:44px;padding:10px 17px;border:1px solid #f8fcff;border-radius:999px;background:#ffffff60;color:var(--glass-ink);font:600 13px "Exo 2",Arial,sans-serif}.habit-editor-actions .gloss-button{background:var(--glass-control);box-shadow:inset 0 0 0 1px #7a8d9e75,inset 0 2px 2px #fff,0 2px 4px #31547720}.habit-editor-dialog .archive-button{width:100%;min-height:44px;border:0;background:transparent;color:#7f6573;font:11px "Exo 2",Arial,sans-serif;margin-top:9px}@media(max-width:700px){.habit-editor-dialog{padding:18px}.habit-editor-field-pair{gap:9px}.habit-editor-actions{bottom:-18px}}.statistics-page{padding-top:calc(27px + env(safe-area-inset-top,0px));color:var(--glass-ink);font-family:"Exo 2",Arial,sans-serif}.stats-eyebrow{font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--text-muted, #698397)}.stats-page-heading h1{margin:6px 0 8px;font:600 34px/1.1 "Exo 2",Arial,sans-serif;letter-spacing:-.035em}.stats-page-heading p{margin:0 0 22px;color:var(--text-muted, #54738a);font-size:13px}.stats-period-toggle{display:flex;width:210px;padding:3px;border-radius:999px;background:#bdd1e24d;border:1px solid #effaffc0;box-shadow:inset 0 1px 3px #31547718}.stats-period-toggle button{flex:1;min-height:36px;border:1px solid transparent;border-radius:999px;background:transparent;font:600 12px "Exo 2",Arial,sans-serif;color:var(--text-muted, #54738a)}.stats-period-toggle button[aria-pressed=true]{border-color:#f8fcff;background:var(--glass-control);box-shadow:inset 0 0 0 1px #7a8d9e55,0 2px 4px #31547720;color:var(--glass-ink)}.stats-period-navigation{display:flex;align-items:center;gap:12px;margin:18px 0}.stats-period-navigation>div{flex:1;text-align:center}.stats-period-navigation strong{display:block;font-size:14px;font-weight:600}.stats-period-navigation span{display:block;margin-top:4px;font-size:10px;color:var(--text-muted, #698397)}.stats-period-navigation button{width:36px;min-height:44px;padding:0;border:1px solid #f8fcff;border-radius:13px;background:var(--glass-control);box-shadow:inset 0 0 0 1px #7299b244;font-size:23px}.stats-headlines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stats-headlines>div{padding:16px;border:1px solid #f5fbff;border-radius:17px;background:var(--glass-panel);box-shadow:inset 0 0 0 1px #7299b244,0 3px 7px #173c5a18}.stats-headlines span{font-size:12px;font-weight:600}.stats-headlines strong{display:block;margin-top:10px;font:600 39px/1 "Exo 2",Arial,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.stats-headlines strong small{font-size:18px;color:var(--text-muted, #698397)}.stats-headlines p{margin:8px 0 0;font-size:10px;color:var(--text-muted, #54738a);line-height:1.4}.stats-comparison-note{margin:10px 0 16px;color:var(--text-muted, #698397);font-size:10px;line-height:1.4}.stats-status-row{display:flex;flex-wrap:wrap;gap:9px 18px;margin-bottom:20px;font-size:11px;color:var(--text-muted, #54738a)}.stats-status-row b{color:var(--glass-ink)}.stats-panel{margin-top:16px;padding:18px;border:1px solid var(--quiet-border);border-radius:17px;background:var(--quiet-surface);box-shadow:var(--quiet-shadow)}.stats-panel h2{margin:0;font:600 19px/1.2 "Exo 2",Arial,sans-serif;letter-spacing:-.02em}.stats-panel>p{margin:6px 0 16px;font-size:11px;color:var(--text-muted, #698397);line-height:1.5}.stats-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.stats-section-heading>span{font-size:10px;color:var(--text-muted, #698397)}.stats-calendar-weekdays,.stats-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.stats-calendar-weekdays{text-align:center;color:var(--text-muted, #698397);font-size:10px;margin-bottom:7px}.stats-calendar button{aspect-ratio:1;min-height:34px;border:1px solid #adc8dc66;border-radius:9px;padding:2px;color:var(--glass-ink);font:600 12px "Exo 2",Arial,sans-serif}.consistency-none{background:transparent;outline:1px dashed #adc1d0;outline-offset:-2px}.consistency-0{background:#e4ebf1}.consistency-1{background:#cce7f7}.consistency-2{background:#9dceee}.consistency-3{background:#609ed0}.stats-calendar .consistency-3,.stats-calendar .consistency-4{color:#fff}.consistency-4{background:#316b9f}.stats-calendar-legend{display:flex;align-items:center;gap:5px;margin-top:12px;color:var(--text-muted, #698397);font-size:9px}.stats-calendar-legend i{width:12px;height:12px;border-radius:3px}.stats-calendar-legend>span:nth-of-type(2){margin-left:auto}.stats-trend>div{display:grid;grid-template-columns:85px 1fr 35px;gap:6px;align-items:center;margin:12px 0;font-size:10px}.stats-trend strong{text-align:right;font-size:11px}.stats-trend small{grid-column:2;color:var(--text-muted, #698397);margin-top:-4px;font-size:9px}.stats-trend-track,.stats-habit-meter{position:relative;height:9px;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,#b7c7d3,#edf4f9 28%,#d9e3eb 49%,#c3d0dc 52%,#e9f1f7);box-shadow:inset 0 1px 2px #42678135,inset 0 -1px #ffffffb0,0 0 0 1px #7c9ab126,0 2px 4px #173c5a24,0 5px 8px #173c5a10}.stats-trend-track i,.stats-habit-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(180deg,#c6eaff,#8ac7ed 45%,#4e91bd 50%,#79b8df 78%,#afdafa);box-shadow:inset 0 1px #fffa,inset 0 -1px 1px #31547740}.stats-mix-track{position:relative;display:flex;height:14px;border-radius:999px;overflow:hidden;background:linear-gradient(#c8d4de,#edf4f9 40%,#d8e3ec 52%,#eaf2f8);box-shadow:inset 0 1px 2px #42678130,inset 0 -1px #ffffffb0,0 0 0 1px #7c9ab126,0 2px 4px #173c5a24,0 5px 8px #173c5a10}.stats-mix-track span{height:100%;box-shadow:inset 0 1px #fffa,inset 0 -1px 1px #31547730}.stats-trend-track:after,.stats-habit-meter:after,.stats-mix-track:after{content:"";position:absolute;inset:1px 2px auto;height:40%;border-radius:999px;background:linear-gradient(#ffffffb8,#ffffff18);pointer-events:none}.mix-mini{background:#8de322}.mix-plus{background:#24b4ff}.mix-elite{background:#ff42a7}.stats-mix-track span{background-image:linear-gradient(180deg,#ffffffa8,#ffffff35 45%,#31547722 50%,#ffffff12 78%,#ffffff70)}.stats-mix-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;font-size:11px;color:var(--text-muted, #54738a)}.stats-mix-labels span{display:flex;align-items:center;gap:5px}.stats-mix-labels i{width:8px;height:8px;border-radius:50%}.stats-mix-labels b{margin-left:auto;color:var(--glass-ink)}.stats-habit-detail{border-top:1px solid #b5cbdc55}.stats-habit-detail summary{display:grid;grid-template-columns:minmax(0,1fr) 34px 12px;align-items:center;align-content:center;gap:4px 10px;min-height:72px;padding:12px 0;cursor:pointer;list-style:none}.stats-habit-detail summary::-webkit-details-marker{display:none}.stats-habit-detail summary>div:first-child{grid-column:1 / 3;grid-row:1;min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.stats-habit-detail summary strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.stats-habit-detail summary span{display:inline;margin-top:0;font-size:10px;color:var(--text-muted, #698397)}.stats-habit-detail summary>b{grid-column:2;grid-row:2;min-width:34px;font-size:12px;text-align:right}.stats-habit-detail summary:after{grid-column:3;grid-row:1 / 3;content:"⌄";color:var(--text-muted, #698397)}.stats-habit-detail[open] summary:after{rotate:180deg}.stats-habit-meter{grid-column:1;grid-row:2;width:100%;min-width:0}.stats-habit-expanded{padding:0 0 16px}.stats-habit-expanded>p{font-size:11px;color:var(--text-muted, #698397);line-height:1.4}.stats-streaks{display:flex;flex-wrap:wrap;gap:14px;font-size:11px}.stats-streaks b{font-size:19px;font-weight:600}.stats-fine-print{font-size:10px!important}.stats-edit-schedule{min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--glass-ink);font:600 12px "Exo 2",Arial,sans-serif}.stats-insight{padding:20px 5px 8px}.stats-insight p{font-size:15px;line-height:1.55;margin:8px 0}.stats-lifetime{padding:0 5px;font-size:12px;color:var(--text-muted, #54738a);line-height:1.5}.stats-lifetime strong{color:var(--glass-ink)}.stats-counting{padding:10px 5px;margin-top:12px;color:var(--text-muted, #698397);font-size:11px;line-height:1.6}.stats-counting summary{cursor:pointer;min-height:44px;padding-top:10px}@media(min-width:750px){.statistics-page{max-width:740px;margin:auto}.stats-calendar button{min-height:52px;aspect-ratio:auto}.stats-headlines strong{font-size:48px}.stats-panel{padding:24px}.stats-habit-meter{width:100%}}.habit-picture-picker{display:flex;align-items:center;gap:14px;margin:20px 0;padding:12px;border:1px solid #f5fbff;border-radius:16px;background:#fff5;box-shadow:inset 0 0 0 1px #7299b233}.habit-picture-thumbnail{width:105px;height:80px;object-fit:cover;border-radius:10px;flex-shrink:0}.habit-picture-picker strong{font-size:14px}.habit-picture-picker p{font-size:12px;line-height:1.4;margin:5px 0 8px}.picture-import-button{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #f8fcff;border-radius:999px;background:var(--glass-control);box-shadow:inset 0 0 0 1px #7299b244;font-size:12px;font-weight:600;cursor:pointer}.picture-import-button input{width:1px;height:1px;position:absolute;clip-path:inset(50%);overflow:hidden}.picture-import-button:focus-within{outline:2px solid #547b9f;outline-offset:2px}.picture-reset{display:inline-block;min-height:44px;padding:8px;border:0;background:transparent;font-size:12px;text-decoration:underline}@media(max-width:400px){.habit-picture-thumbnail{width:80px;height:80px}.habit-picture-picker{gap:10px}}.habit-picture-thumbnail{display:block;position:relative;overflow:hidden}.habit-picture-thumbnail img{position:absolute;object-fit:cover;max-width:none}.photo-cropper{margin:16px 0 24px;padding:14px;border:1px solid #f5fbff;border-radius:18px;background:#fff5;color:var(--glass-ink);box-shadow:inset 0 0 0 1px #7299b233}.crop-heading strong{font-size:15px}.crop-heading p{font-size:12px;margin:5px 0 12px}.photo-crop-frame{position:relative;width:100%;overflow:hidden;border-radius:12px;background:#9bb5c9;touch-action:none;cursor:grab;box-shadow:0 0 0 1px #7299b2}.photo-crop-frame:active{cursor:grabbing}.photo-crop-frame img{position:absolute;max-width:none;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.crop-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,transparent calc(33.333% - .5px),#ffffff70 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#ffffff70 66.666%,transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),#ffffff70 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#ffffff70 66.666%,transparent calc(66.666% + .5px));box-shadow:inset 0 0 0 1px #fffa;border-radius:inherit}.crop-zoom{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:10px;font-size:12px}.crop-zoom input{width:100%;min-width:0;accent-color:#547b9f}.crop-zoom output{min-width:30px}.crop-actions{display:flex;align-items:center;gap:6px}.crop-actions>span{flex:1}.crop-actions button{min-height:44px;padding:8px 10px;border:1px solid #f8fcff;border-radius:999px;background:#fff5;font-size:12px;color:var(--glass-ink)}.crop-actions .gloss-button{background:var(--glass-control)}.goal-description-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.goal-description-toolbar button{display:grid;place-items:center;width:44px;min-height:44px;padding:0;border:0;border-radius:8px;color:var(--text-muted, #71899b);background:transparent}.goal-description-toolbar button:hover{color:var(--glass-ink)}.goal-description-field textarea{resize:vertical;line-height:1.4!important;min-height:88px!important}.elastic-levels .level-option p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:76px;overflow-y:auto}.day-summary .calendar-trigger{flex:1;min-width:0;max-width:200px;border-radius:15px;background:var(--glass-control);text-shadow:0 1px 0 #ffffffb0}.day-summary .calendar-date-control>button:not(.calendar-trigger){flex-shrink:0}.date-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 8px}.date-pill-weekday{font:600 9px/1.2 "Exo 2",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted, #54738a);white-space:nowrap}.date-pill strong{font:700 22px/1.1 "Exo 2",Arial,sans-serif;letter-spacing:-.025em;color:var(--glass-ink);white-space:nowrap}@media(max-width:340px){.day-summary .summary-streak-bolt{display:none}.date-pill{padding-inline:6px}.date-pill strong{font-size:20px}.date-pill-weekday{font-size:8px}}.export-page{max-width:900px;margin:auto;padding-top:calc(27px + env(safe-area-inset-top,0px));color:var(--glass-ink);font-family:"Exo 2",Arial,sans-serif}.export-heading{margin-bottom:22px}.export-heading h1{margin:6px 0 8px;font-size:34px;line-height:1.1;font-weight:600;letter-spacing:-.035em}.export-layout,.export-secondary-panels{display:grid;gap:16px;align-items:start}.export-panel{min-width:0;padding:20px;border:1px solid var(--quiet-border);border-radius:20px;background:var(--quiet-surface);box-shadow:var(--quiet-shadow)}.export-panel-heading{display:flex;align-items:center;gap:12px}.export-panel-heading>div{flex:1;min-width:0}.export-panel h2{margin:0;font-size:19px;line-height:1.2;font-weight:600;letter-spacing:-.025em}.export-panel-heading p{margin:4px 0 0;font-size:11px;line-height:1.4;color:var(--text-muted, #698397)}.export-icon-tile{display:grid;place-items:center;width:42px;height:46px;flex-shrink:0;border-radius:12px;border:1px solid #f8fcff;background:var(--glass-control);box-shadow:inset 0 0 0 1px #7299b244,0 2px 4px #31547718}.export-icon-tile svg{width:24px;height:24px}.export-format{padding:4px 6px;border-radius:5px;background:#dce7ef88;color:var(--text-muted, #698397);font:11px var(--mono)}.export-month-field{display:block;min-width:0;max-width:100%;margin:24px 0 18px;font-size:11px;font-weight:600;color:var(--text-muted, #54738a)}.export-month-field input{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;max-width:100%;inline-size:100%;max-inline-size:100%;min-width:0;min-inline-size:0;overflow:hidden;min-height:48px;margin-top:7px;padding:10px 12px;border:1px solid #adc5d8;border-radius:12px;background:#f9fcff;color:var(--glass-ink);font:600 16px "Exo 2",Arial,sans-serif;box-shadow:inset 0 2px 3px #3154770d,0 1px #fff}.export-file-preview{display:flex;align-items:center;gap:16px;padding:20px 0 24px}.export-file-preview>div:last-child{min-width:0}.export-file-preview strong{display:block;font-size:21px;line-height:1.2;font-weight:600}.export-file-preview span{display:block;margin-top:7px;font-size:12px;color:var(--text-muted, #54738a)}.export-file-preview small{display:block;margin-top:5px;font-size:10px;color:var(--text-muted, #7890a3)}.export-paper-icon{position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;width:57px;height:72px;flex-shrink:0;padding:12px;border:1px solid #fff;border-radius:6px 15px 6px 6px;background:linear-gradient(155deg,#fff,#e1edf8);box-shadow:0 3px 5px #3154771c,inset 0 0 0 1px #adc5d855;rotate:-6deg}.export-paper-icon:after{content:"";position:absolute;top:0;right:0;width:13px;height:13px;border-radius:0 12px 0 4px;background:linear-gradient(45deg,#c0d5e7,#f9fcff)}.export-paper-icon span{margin:0 0 4px;color:#547b9f;font:700 13px var(--mono)}.export-paper-icon i{height:2px;border-radius:2px;background:#bfd2e2}.export-paper-icon i:last-child{width:65%}.export-primary,.export-secondary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;padding:11px 14px;border:1px solid #f8fcff;border-radius:999px;color:var(--glass-ink);font:600 13px "Exo 2",Arial,sans-serif;background:var(--glass-control);box-shadow:inset 0 0 0 1px #7299b266,inset 0 1px #fff,0 3px 6px #31547720;text-shadow:0 1px 0 #ffffffb0}.export-primary svg,.export-secondary svg,.export-sound svg{width:19px;height:19px;flex-shrink:0}.export-secondary{background:#f7fbffb0;box-shadow:inset 0 0 0 1px #7299b233,0 2px 4px #31547710}.export-primary:hover:not(:disabled),.export-secondary:hover{filter:brightness(1.03)}.export-body{margin:18px 0;font-size:12px;line-height:1.6;color:var(--text-muted, #54738a)}.export-preview{margin-top:20px}.export-preview,.export-restore,.export-install{border-top:1px solid #b5cbdc55}.export-panel summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;list-style:none;cursor:pointer;font-size:12px;color:var(--text-muted, #54738a)}.export-panel summary::-webkit-details-marker{display:none}.export-panel summary>span{color:var(--text-muted, #7890a3)}.export-preview pre{padding:14px;max-height:300px;margin:0 0 5px;overflow:auto;border:1px solid #b5cbdc66;border-radius:12px;background:#f9fcffcc;color:#48677d;font:11px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.export-restore{margin-top:16px}.export-restore p,.export-install p,.export-install ol{margin:2px 0 14px;color:var(--text-muted, #698397);font-size:11px;line-height:1.6}.export-install ol{padding-left:18px}.export-install li+li{margin-top:7px}.export-file-input{display:none}.export-offline-status{display:flex;align-items:flex-start;gap:8px;margin:18px 0 14px;padding:11px 12px;border-radius:12px;background:#e1ebf388;color:var(--text-muted, #54738a);font-size:11px;line-height:1.5}.export-offline-status>i{width:7px;height:7px;flex-shrink:0;margin-top:5px;border-radius:50%;background:#8ca8bd;box-shadow:0 0 0 3px #8ca8bd15}.export-offline-status.is-ready>i{background:#5d9e4c;box-shadow:0 0 0 3px #85bd6320}.export-sound{display:flex;align-items:center;gap:7px;min-height:44px;padding:4px 0;border:0;background:transparent;color:var(--text-muted, #54738a);font:12px "Exo 2",Arial,sans-serif}.export-storage-note{display:flex;gap:7px;margin:20px 5px 0;color:var(--text-muted, #7890a3);font-size:11px;line-height:1.6}@media(min-width:850px){.export-layout{grid-template-columns:1.1fr 1fr}.export-monthly{position:sticky;top:24px}.export-panel{padding:24px}}@media(max-width:380px){.export-panel{padding:16px}.export-panel h2{font-size:17px}.export-format{font-size:10px}.export-icon-tile{width:36px}.export-file-preview strong{font-size:20px}}.export-month-field input::-webkit-date-and-time-value{min-width:0;text-align:left}.export-month-field input::-webkit-datetime-edit{min-width:0;padding:0}.glass-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:contrast(.85)}.printed-card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 32% 8%,#ffffff14 0%,#ffffff07 30%,transparent 62%),radial-gradient(ellipse at 50% 48%,transparent 48%,#152b4310 80%,#0b1e3433 100%);box-shadow:inset 0 2px 3px #ffffff30,inset 0 -3px 6px #0b1e342b,inset 2px 0 4px #ffffff12,inset -2px 0 5px #0b1e3420}.card-status-pills{display:flex;flex-direction:row;align-items:stretch;gap:4px;flex-shrink:0;pointer-events:none}.card-status-pills .streak-badge{margin:0;height:27px;min-height:27px}.completion-level-label{display:flex;align-items:center;justify-content:center;height:27px;min-height:27px;padding:4px 7px;border-radius:8px;color:var(--neon-dark);background:color-mix(in srgb,var(--neon-light) 78%,#f3f7fb);font:700 10px/1 "Exo 2",Arial,sans-serif;letter-spacing:.07em;border:0;box-shadow:none;text-shadow:none}.card-heading .habit-grab{min-height:27px}.card-heading .habit-title{line-height:27px}.card-heading{align-items:flex-start}.card-back-heading{padding:16px}@media(max-width:700px){.card-back-heading{padding:14px}}:root{color-scheme:light}.theme-toolbar{display:flex;justify-content:flex-end;padding-top:calc(8px + env(safe-area-inset-top,0px))}.theme-control{display:inline-flex;align-items:center;gap:4px;padding:0 8px;min-height:36px;color:var(--glass-ink);border-radius:12px}.theme-control select{min-height:36px;max-width:100px;padding:4px;border:0;background:transparent;color:inherit;font:12px "Exo 2",Arial,sans-serif}:root[data-theme=dark]{color-scheme:dark;color:#e1eaf3;background:#101b29;--paper: #101b29;--card: #1d2c3c;--ink: #e1eaf3;--muted: #9eafc0;--text-muted: #a2bbd0;--glass-ink: #d2e7f8;--accent: #7ec9ff;--quiet-surface: #1c2d40;--quiet-border: #3c5268;--quiet-shadow: 0 3px 9px #00000030;--glass-control: linear-gradient(180deg,#516f8b 0%,#34546f 48%,#203b54 50%,#385a76 100%);--glass-panel: linear-gradient(180deg,#3d5974 0%,#2c455e 24%,#263e56 49%,#182e44 50%,#29435b 78%,#38546e 100%)}[data-theme=dark] nav{border-color:#63819a;box-shadow:inset 0 1px #a2c9e855,inset 0 0 0 1px #07121e66,0 4px 12px #0005}[data-theme=dark] .nav-icon{filter:drop-shadow(0 1px 0 #071421)}[data-theme=dark] .nav-glass-highlight{background:var(--glass-control);box-shadow:inset 0 1px #badfff55,0 2px 4px #0004;border-color:#83aac7}[data-theme=dark] :is(.habit-title,.level-name,.date-pill,.day-summary,.calendar-trigger,.today-add-habit,.gloss-button,.export-primary,.export-secondary,.sticker-picker-heading h2,.library-habit-title){text-shadow:none}[data-theme=dark] .completion-back.has-completion-photo .habit-title{color:#fff;text-shadow:0 1px 3px #102436}[data-theme=dark] :is(.card-heading .streak-badge,.completion-back .streak-badge){background:#263d50e8;color:#bbd1e1}[data-theme=dark] .has-streak .streak-bolt{fill:#70ca83}[data-theme=dark] .completion-level-label{background:color-mix(in srgb,var(--neon-color) 20%,#172738);color:var(--neon-light)}[data-theme=dark] .elastic-levels .level-option{--glass-tint: #2d4036;--glass-base: #24362b;color:#dcebdc;border-color:#607866;background:linear-gradient(180deg,#506051,var(--glass-tint) 45%,var(--glass-base) 49%,var(--glass-tint));box-shadow:inset 0 1px #b9ddbd55,0 3px 5px #0003}[data-theme=dark] .elastic-levels .level-option.plus{--glass-tint: #293f56;--glass-base: #20334a;border-color:#536f8c}[data-theme=dark] .elastic-levels .level-option.elite{--glass-tint: #463348;--glass-base: #39283b;border-color:#7d5d7b}[data-theme=dark] .elastic-levels :is(.level-name,.level-option p){color:#e0eaf3}[data-theme=dark] .elastic-levels .level-option.is-checking{--glass-tint: var(--active-tint);--glass-base: var(--active-base);background:linear-gradient(180deg,#ffffffe8,var(--glass-tint) 45%,var(--glass-base) 49%,var(--glass-tint))}[data-theme=dark] .elastic-levels .is-checking :is(.level-name,p){color:#203344}[data-theme=dark] :is(.plain-done-button,.write-note-button){background:var(--glass-control);color:var(--glass-ink);border-color:#6e91ad;text-shadow:none}[data-theme=dark] .daily-progress-track{background:linear-gradient(#172735,#3f5b70 28%,#294456 49%,#152a3b 52%,#365268);box-shadow:inset 0 1px 2px #0006,0 2px 6px #0006}[data-theme=dark] .daily-progress-percentage{color:#fff;text-shadow:0 1px 2px #000}[data-theme=dark] :is(.habit-editor-dialog,.sticker-picker-dialog,.calendar-dialog){background:var(--glass-panel);color:var(--glass-ink);border-color:#62829c;box-shadow:inset 0 1px #b4d6ef55,0 16px 48px #0008}[data-theme=dark] :is(.habit-editor-dialog .field input,.habit-editor-dialog .field select,.habit-editor-dialog .field textarea,.catalog-search input,.export-month-field input,.export-preview pre){background:#152638;color:#d9e8f4;border-color:#526e87;box-shadow:inset 0 2px 4px #0003}[data-theme=dark] .habit-editor-actions{background:#29435b;box-shadow:0 -8px 12px #29435b}[data-theme=dark] :is(.habit-type-picker label>span,.habit-picture-picker,.photo-cropper,.collection-tile,.collection-cover,.sticker-bank-grid>button,.sticker-selection-tray,.sticker-picker-actions,.export-secondary,.export-offline-status){background:#22394d;color:var(--glass-ink);border-color:#527089}[data-theme=dark] :is(.habit-type-picker input:checked+span,.collection-tile:hover){background:var(--glass-control)}[data-theme=dark] .sticker-picker-actions{box-shadow:0 -8px 12px #22394d}[data-theme=dark] :is(.stats-period-toggle,.time-filter,.habit-time-filter){background:#1a3043;border-color:#4c6b84}[data-theme=dark] .stats-headlines>div{border-color:#53718c}[data-theme=dark] :is(.stats-trend-track,.stats-habit-meter,.stats-mix-track){background:linear-gradient(#142332,#3b5369 40%,#23394b 52%,#354d63);box-shadow:inset 0 1px 2px #0005,0 2px 4px #0004}[data-theme=dark] .consistency-0{background:#293e51}[data-theme=dark] .consistency-1{background:#355b76}[data-theme=dark] .consistency-2{background:#4d83ac}[data-theme=dark] .export-format{background:#29435b}[data-theme=dark] :is(.today-add-habit,.calendar-trigger,.export-icon-tile,.stats-period-navigation button,.export-primary,.export-secondary){border-color:#6385a0;box-shadow:inset 0 1px #c3e4ff40,0 2px 5px #0004}[data-theme=dark] .day-summary .streak-number{color:var(--glass-ink);text-shadow:none;border-color:#6385a0;box-shadow:inset 0 1px #c3e4ff40,0 2px 5px #0004}[data-theme=dark] .today-time-bar{background:#1a3043;border-color:#4c6b84}[data-theme=dark] .time-filter-highlight{border-color:#83aac7;box-shadow:inset 0 1px #badfff55,0 2px 4px #0004}[data-theme=dark] .habits-library .habit-time-heading small{background:#29435b}[data-theme=dark] .library-habit.is-dragging{background:#2b455e}[data-theme=dark] :is(.calendar-month-heading button,.calendar-close){background:var(--glass-control);border-color:#6385a0}[data-theme=dark] .calendar-day.selected-day{color:#fff}[data-theme=dark] .habit-editor-goals .mini .editor-level-label{color:#b0d97c}[data-theme=dark] .habit-editor-goals .plus .editor-level-label{color:#85cfff}[data-theme=dark] .habit-editor-goals .elite .editor-level-label{color:#f1a7d4}[data-theme=dark] .elastic-levels .ribbon-checkbox{background:linear-gradient(#243a4c,#172b3a);border-color:#a2b9cb;color:#e6f4ff;box-shadow:inset 0 1px 2px #0004}