:root{--bg:#fff8f1;--bg-elev-1:#fff;--bg-elev-2:#ffefe0;--stroke:#f0dfcb;--stroke-soft:#f8ebda;--ink:#3d2a2a;--ink-soft:#6f5757;--ink-faint:#a89898;--accent:#f590b0;--accent-deep:#e16a95;--accent-soft:#fce0eb;--accent-glow:rgba(245,144,176,.22);--success:#87c26a;--warning:#f0a73d;--danger:#e26b5a;--info:#6ba8d4;--danger-bg:hsla(8,70%,62%,.08);--danger-stroke:hsla(8,70%,62%,.28);--font-display:var(--font-fredoka),"Fredoka One",system-ui,sans-serif;--font-body:var(--font-nunito),"Nunito",system-ui,sans-serif;--font-mono:var(--font-geist-mono),"JetBrains Mono","Courier New",monospace;--radius-card:24px;--radius-btn:999px;--radius-pill:999px;--max-w:480px;--shadow-card:0 4px 20px rgba(61,42,42,.07);--shadow-hover:0 8px 28px rgba(61,42,42,.12)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;font-weight:500;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}button{cursor:pointer;border:none;color:inherit;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-family:inherit;background:none}input,select,textarea{color:var(--ink);outline:none}a{color:inherit;text-decoration:none}svg{display:block}.app-shell{max-width:var(--max-w);margin:0 auto;min-height:100dvh;background:var(--bg);position:relative;display:flex;flex-direction:column}@media (min-width:520px){body,html{background:#f0e4d8}.app-shell{min-height:calc(100dvh - 40px);margin-top:20px;margin-bottom:20px;border-radius:36px;border:1.5px solid var(--stroke);overflow:hidden;box-shadow:0 12px 48px rgba(61,42,42,.12)}}.top-bar{position:-webkit-sticky;position:sticky;top:0;z-index:80;justify-content:space-between;padding:0 20px;height:64px;background:rgba(255,248,241,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--stroke)}.porky-wordmark,.top-bar{display:flex;align-items:center}.porky-wordmark{gap:8px}.wordmark{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:.04em;color:var(--ink)}.top-bar-action{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);border-radius:50%;background:var(--bg-elev-1);box-shadow:var(--shadow-card);transition:color .15s,box-shadow .15s;cursor:pointer}.top-bar-action:hover{color:var(--ink);box-shadow:var(--shadow-hover)}.scroll-content{flex:1 1;overflow-y:auto;padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px));-webkit-overflow-scrolling:touch}.scroll-content::-webkit-scrollbar{width:3px}.scroll-content::-webkit-scrollbar-track{background:transparent}.scroll-content::-webkit-scrollbar-thumb{background:var(--stroke);border-radius:2px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--max-w);height:calc(68px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:hsla(0,0%,100%,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1.5px solid var(--stroke);display:flex;align-items:stretch;z-index:100}@media (min-width:520px){.bottom-nav{border-radius:0 0 34px 34px}}.nav-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;color:var(--ink-faint);transition:color .2s ease;cursor:pointer;background:none;border:none}.nav-tab.active{color:var(--accent)}.nav-tab-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;font-weight:400;line-height:1}.home-view{flex:1 1;padding-bottom:24px}.home-date-strip{display:flex;justify-content:flex-end;padding:10px 24px 6px}.home-date-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.home-section-pad{padding:0 20px 16px}.checkin-banner{background:var(--accent-soft);border-radius:28px;padding:24px;box-shadow:var(--shadow-card);position:relative}.checkin-banner-done{background:var(--bg-elev-1);border-left:3px solid var(--success);border-radius:18px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-card)}.checkin-banner-done-check{font-size:16px;color:var(--success);font-weight:700}.checkin-banner-done-label{font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--success);letter-spacing:.03em}.checkin-banner-done-sub{font-family:var(--font-body);font-size:13px;color:var(--ink-faint);margin-left:auto}.checkin-banner-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.checkin-banner-label-row{display:flex;align-items:center;gap:8px}.checkin-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-deep)}.checkin-banner-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep)}.checkin-banner-count{font-family:var(--font-mono);font-size:10px;color:var(--ink-soft);letter-spacing:.06em}.checkin-banner-body{margin-bottom:16px}.checkin-banner-title{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink);margin-bottom:4px}.checkin-banner-sub{font-family:var(--font-body);font-size:14px;color:var(--ink-soft)}.checkin-start-btn{width:100%;height:52px;background:var(--accent);color:#fff;border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.checkin-start-btn:hover{background:var(--accent-deep)}.checkin-start-btn:active{transform:scale(.98)}.tendency-grid-v2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:12px}.tendency-tile-v2{background:var(--bg-elev-1);border-radius:var(--radius-card);padding:18px;box-shadow:var(--shadow-card);cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.tendency-tile-v2:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.tendency-tile-v2:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);width:120px;height:80px;border-radius:50%;background:radial-gradient(ellipse at center,var(--accent-glow) 0,transparent 70%);pointer-events:none}.ttv2-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.ttv2-name-row{display:flex;align-items:center;gap:6px}.ttv2-name{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink-soft)}.tile-alert-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:2px}.ttv2-hero{display:flex;align-items:baseline;gap:2px;margin-bottom:2px}.ttv2-number{font-size:clamp(36px,10vw,52px);letter-spacing:-.02em;color:var(--ink);line-height:1}.ttv2-denom,.ttv2-number{font-family:var(--font-display);font-weight:600}.ttv2-denom{font-size:20px;color:var(--ink-faint)}.ttv2-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px}.ttv2-streak{font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--ink-soft)}.add-addiction-fab{position:absolute;right:20px;bottom:-4px;width:44px;height:44px;border-radius:50%;background:var(--bg-elev-1);box-shadow:var(--shadow-hover);color:var(--accent-deep);font-size:22px;font-weight:400;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,box-shadow .15s;line-height:1}.add-addiction-fab:hover{transform:scale(1.08);box-shadow:0 8px 24px rgba(61,42,42,.15)}.craving-pill{width:100%;padding:12px 20px;background:var(--bg-elev-1);box-shadow:var(--shadow-card);border-radius:999px;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer;text-align:center;transition:box-shadow .15s}.craving-pill:hover{box-shadow:var(--shadow-hover)}.craving-expanded{background:var(--bg-elev-1);border-radius:20px;box-shadow:var(--shadow-card)}.craving-expanded-inner{padding:20px}.craving-expanded-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.craving-expanded-title{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--ink)}.craving-expanded-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--stroke-soft);color:var(--ink-soft);font-size:18px;cursor:pointer}.craving-btns-list{display:flex;flex-direction:column;gap:8px}.craving-addiction-btn{width:100%;height:52px;background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;transition:background .15s}.craving-addiction-btn:hover{background:#f8c8dc}.craving-btn{display:none}.habits-cal-wrap{padding:0 20px 16px}.habits-heading-v3{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink);margin-bottom:4px}.habits-sub-v3{font-family:var(--font-body);font-size:13px;color:var(--ink-soft);margin-bottom:14px}.habits-rows-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.habit-row-v3{background:var(--bg-elev-1);border-radius:18px;box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow .2s}.habit-row-main-v3{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer}.habit-row-left{display:flex;align-items:center;gap:10px}.habit-name-v3{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink);display:block}.habit-meta-v3{font-family:var(--font-body);font-size:12px;color:var(--ink-faint);display:block;margin-top:1px}.habit-detail-inner-v3{padding:0 16px 16px;border-top:1px solid var(--stroke-soft)}.habit-cal-wrap{margin:12px 0}.habit-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.habit-cal-month-label{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink)}.cal-nav-btn{width:32px;height:32px;border-radius:50%;background:var(--bg);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:background .15s}.cal-nav-btn:hover{background:var(--stroke)}.habit-cal-dow{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.habit-cal-dow-cell{text-align:center;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;padding:4px 0}.habit-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.habit-cal-cell{aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center}.habit-cal-cell.empty{background:transparent}.habit-cal-cell.future{opacity:.3}.habit-cal-day-num{font-family:var(--font-body);font-size:10px;color:hsla(0,0%,100%,.8)}.habit-cal-cell.future .habit-cal-day-num,.habit-cal-cell[style*=stroke-soft] .habit-cal-day-num{color:var(--ink-faint)}.habit-stats-row-v3{display:flex;gap:12px;margin:10px 0 6px}.habit-stat-v3{flex:1 1;background:var(--bg);border-radius:12px;padding:10px 8px;text-align:center}.habit-stat-label-v3{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);display:block;margin-bottom:3px}.habit-stat-val-v3{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink);display:block}.habit-trend-v3{font-family:var(--font-body);font-size:12px;font-weight:600;margin:6px 0}.habit-footer-v3{margin-top:8px}.habit-remove-link{font-family:var(--font-body);font-size:12px;color:var(--ink-faint);cursor:pointer;transition:color .15s}.habit-remove-link:hover{color:var(--danger)}.habit-remove-confirm{color:var(--danger);border:1px solid var(--danger-stroke);border-radius:999px;background:var(--danger-bg)}.habit-remove-cancel,.habit-remove-confirm{font-family:var(--font-body);font-size:12px;cursor:pointer;padding:4px 10px}.habit-remove-cancel{color:var(--ink-faint)}.habits-empty-card{background:var(--bg-elev-1);border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow-card)}.habits-empty-title{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--ink);margin-bottom:8px}.habits-empty-body{color:var(--ink-soft);margin-bottom:16px;line-height:1.6}.habits-empty-body,.habits-empty-btn{font-family:var(--font-body);font-size:14px}.habits-empty-btn{width:100%;height:48px;background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;font-weight:700;cursor:pointer}.habits-intro-card{background:var(--bg-elev-1);border-radius:16px;padding:14px;display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;box-shadow:var(--shadow-card)}.habits-intro-icon{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.habits-intro-head{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink);margin-bottom:3px}.habits-intro-body{font-family:var(--font-body);font-size:12px;color:var(--ink-soft);line-height:1.5}.habits-intro-dismiss{margin-left:auto;font-size:16px;color:var(--ink-faint);cursor:pointer;flex-shrink:0}.add-habit-btn{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--accent-deep);cursor:pointer;padding:8px 0}.checkin-overlay{position:fixed;inset:0;z-index:200;background:rgba(61,42,42,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.checkin-flow-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:20px 24px}.checkin-back-btn{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.8);cursor:pointer}.checkin-flow-progress{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:hsla(0,0%,100%,.5)}.checkin-card{background:var(--bg-elev-1);border-radius:var(--radius-card);padding:32px 28px;width:100%;max-width:420px;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,.3)}.checkin-card-title{font-family:var(--font-display);font-size:26px;font-weight:600;color:var(--ink);line-height:1.3;margin-bottom:8px}.checkin-card-sub{font-family:var(--font-body);font-size:14px;color:var(--ink-soft);margin-bottom:28px;line-height:1.5}.checkin-btns{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.checkin-btn-clean{height:54px;background:var(--success);color:#fff;border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s}.checkin-btn-clean:hover{opacity:.9}.checkin-btn-used{height:54px;background:var(--danger-bg);color:var(--danger);border:1.5px solid var(--danger-stroke);border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;transition:background .15s}.checkin-btn-used:hover{background:hsla(8,70%,62%,.14)}.checkin-btn-neutral{height:54px;background:var(--stroke-soft);color:var(--ink-soft);border-radius:999px;font-size:15px;font-weight:700}.checkin-btn-neutral,.checkin-skip{font-family:var(--font-body);cursor:pointer}.checkin-skip{font-size:13px;color:var(--ink-faint)}.checkin-done-screen{text-align:center}.checkin-done-title{font-family:var(--font-display);font-size:48px;font-weight:600;color:#fff;margin-bottom:8px}.checkin-done-sub{font-family:var(--font-body);font-size:16px;color:hsla(0,0%,100%,.6)}.checkin-done-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin:16px auto 0}.farm-reveal-card{background:var(--bg-elev-1);border-radius:var(--radius-card);padding:32px 28px;width:100%;max-width:360px;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,.3)}.farm-reveal-icon{display:flex;justify-content:center;margin-bottom:16px}.farm-reveal-title{font-family:var(--font-display);font-size:36px;font-weight:600;color:var(--ink);margin-bottom:8px}.farm-reveal-sub{color:var(--ink-soft);margin-bottom:24px}.farm-reveal-btn,.farm-reveal-sub{font-family:var(--font-body);font-size:15px}.farm-reveal-btn{width:100%;height:52px;background:var(--accent);color:#fff;border-radius:999px;font-weight:700;cursor:pointer;margin-bottom:10px;transition:background .15s}.farm-reveal-btn:hover{background:var(--accent-deep)}.farm-reveal-later{font-family:var(--font-body);font-size:13px;color:var(--ink-faint);cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:rgba(61,42,42,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:200}@media (min-width:520px){.modal-backdrop{align-items:center}}.modal{background:var(--bg-elev-1);border-radius:28px 28px 0 0;width:100%;max-width:var(--max-w);padding:32px 32px calc(32px + env(safe-area-inset-bottom, 0px));box-shadow:0 -4px 40px rgba(61,42,42,.12)}@media (min-width:520px){.modal{border-radius:28px;padding:40px}}.modal-handle{width:36px;height:4px;background:var(--stroke);border-radius:2px;margin:0 auto 28px}@media (min-width:520px){.modal-handle{display:none}}.modal-heading{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--ink);line-height:1.2;margin-bottom:12px}.modal-body{font-family:var(--font-body);font-size:15px;color:var(--ink-soft);line-height:1.6;margin-bottom:28px}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1 1}.modal-sheet{background:var(--bg-elev-1);border-radius:24px 24px 0 0;width:100%;max-width:var(--max-w);max-height:80dvh;display:flex;flex-direction:column;box-shadow:0 -4px 40px rgba(61,42,42,.14);overflow:hidden}@media (min-width:520px){.modal-sheet{border-radius:24px;max-width:440px}}.modal-sheet-header{padding:20px 24px 0;flex-shrink:0}.modal-sheet-body{overflow-y:auto;padding:16px 24px 8px;flex:1 1;-webkit-overflow-scrolling:touch}.modal-sheet-footer{flex-shrink:0;padding:12px 24px calc(16px + env(safe-area-inset-bottom, 0px));border-top:1px solid var(--stroke)}.modal-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:999px;font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;border:none;transition:color .15s,background .15s,opacity .15s;white-space:nowrap}.modal-btn:active:not(:disabled){transform:scale(.97)}.modal-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.modal-btn-ghost{background:transparent;color:var(--ink-soft)}.modal-btn-ghost:hover{color:var(--ink)}.modal-btn-primary{background:var(--accent);color:#fff;flex:1 1}.modal-btn-primary:hover:not(:disabled){background:var(--accent-deep)}.how-modal-sheet{background:var(--bg-elev-1);border-radius:28px 28px 0 0;width:100%;max-width:var(--max-w);max-height:82vh;display:flex;flex-direction:column;box-shadow:0 -4px 40px rgba(61,42,42,.12)}@media (min-width:520px){.how-modal-sheet{border-radius:28px;max-height:80vh}}.how-modal-scroll{overflow-y:auto;padding:0 28px calc(28px + env(safe-area-inset-bottom, 0px));flex:1 1}.how-modal-title{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--ink);margin-bottom:24px;padding-top:4px}.how-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--stroke-soft)}.how-section:last-of-type{border-bottom:none}.how-section-head{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--ink);margin-bottom:6px}.how-section-body{font-family:var(--font-body);font-size:14px;color:var(--ink-soft);line-height:1.65}.how-modal-close{width:100%;background:var(--accent);color:#fff;margin-top:8px}.btn,.how-modal-close{height:52px;border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;border:none;transition:all .15s ease;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;border:1.5px solid var(--stroke);color:var(--ink-soft)}.btn-ghost:hover{border-color:var(--ink-faint);color:var(--ink)}.btn-danger{background:var(--danger-bg);border:1.5px solid var(--danger-stroke);color:var(--danger)}.btn-danger:hover{background:hsla(8,70%,62%,.14)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-deep)}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{opacity:.9}.field{margin-bottom:16px}.field-label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.field-input{width:100%;padding:12px 16px;background:var(--bg-elev-1);border:1.5px solid var(--stroke);border-radius:14px;font-size:15px;font-weight:500;color:var(--ink);transition:border-color .15s}.field-input:focus{border-color:var(--accent)}.field-input::placeholder{color:var(--ink-faint)}textarea.field-input{resize:vertical;min-height:80px;line-height:1.5;font-size:14px}.ob-shell{min-height:100dvh;background:var(--bg);display:flex;flex-direction:column;max-width:var(--max-w);margin:0 auto;position:relative;overflow:hidden}.ob-progress-track{position:absolute;top:0;left:0;right:0;height:3px;background:var(--stroke);z-index:10}.ob-progress-fill{height:100%;background:var(--accent);border-radius:2px}.ob-flash{position:fixed;inset:0;background:var(--accent-soft);z-index:999;pointer-events:none;animation:ob-flash-anim .18s ease-out}@keyframes ob-flash-anim{0%{opacity:.8}to{opacity:0}}.ob-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 36px 48px;text-align:center;gap:16px}.ob-screen-pick{justify-content:flex-start;padding-top:72px;overflow-y:auto}.ob-headline{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,7vw,44px);letter-spacing:-.01em;line-height:1.2;color:var(--ink)}.ob-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.ob-soft-sub{font-size:16px}.ob-body,.ob-soft-sub{font-family:var(--font-body);color:var(--ink-soft);line-height:1.6;text-align:center}.ob-body{font-size:15px}.ob-pulse-dot{width:14px;height:14px;border-radius:50%;background:var(--accent)}.ob-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;width:100%;max-width:420px}.ob-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 8px;background:var(--bg-elev-1);border:1.5px solid var(--stroke);border-radius:16px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s,opacity .15s;color:var(--ink-soft);font-family:var(--font-body);font-size:12px;font-weight:600}.ob-chip.selected{border-color:var(--accent);border-width:2px;background:var(--accent-soft);color:var(--accent-deep);transform:scale(1.02)}.ob-chip:disabled{opacity:.5;cursor:not-allowed}.ob-chip-custom{border-style:dashed;color:var(--accent-deep)}.ob-chip-custom:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.ob-custom-row{display:flex;gap:8px;width:100%;max-width:420px;margin-top:4px}.ob-custom-input{flex:1 1;height:44px;padding:0 14px;background:var(--bg-elev-1);border:1.5px solid var(--stroke);border-radius:999px;font-size:14px;font-weight:500;color:var(--ink)}.ob-custom-input:focus{border-color:var(--accent)}.ob-custom-add{height:44px;padding:0 20px;background:var(--accent-soft);border-radius:999px;font-weight:700}.ob-add-custom,.ob-custom-add{color:var(--accent-deep);font-family:var(--font-body);font-size:14px;cursor:pointer}.ob-add-custom{font-weight:600;padding:6px 0;margin-top:4px}.ob-cta{width:100%;height:54px;background:var(--accent);color:#fff;border-radius:999px;font-family:var(--font-body);font-size:16px;font-weight:700;cursor:pointer;margin-top:16px;transition:background .15s}.ob-cta:disabled{opacity:.4;cursor:not-allowed}.ob-cta:hover:not(:disabled){background:var(--accent-deep)}.ob-screen-final-cinematic{background:var(--bg);gap:12px}.ob-final-dot{width:16px;height:16px;border-radius:50%;background:var(--accent)}.ob-final-cinematic-title{font-family:var(--font-display);font-weight:600;font-size:clamp(36px,10vw,56px);letter-spacing:-.02em;color:var(--ink);text-align:center}.ob-final-cinematic-sub{font-family:var(--font-body);font-size:16px;color:var(--ink-soft);text-align:center;max-width:300px}.ob-begin-cinematic{margin-top:8px;height:56px;padding:0 48px;background:var(--accent);color:#fff;border-radius:999px;font-family:var(--font-body);font-size:17px;font-weight:700;cursor:pointer;transition:background .15s}.ob-begin-cinematic:hover{background:var(--accent-deep)}.ob-begin-cinematic:disabled{opacity:.5;cursor:not-allowed}.cal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px}.cal-month-title{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--ink);line-height:1}.cal-year{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase;margin-top:4px}.cal-nav-group{display:flex;gap:6px}.cal-body{padding:0 20px}.cal-dow-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:6px}.cal-dow{text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding:6px 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:3px;gap:3px}.cal-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;gap:3px;position:relative}.cal-day-num{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink-soft);line-height:1}.cal-day.is-today .cal-day-num{color:#fff;background:var(--accent);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}.cal-day.is-outside .cal-day-num{opacity:.2}.cal-dots{display:flex;gap:2px;flex-wrap:wrap;justify-content:center;max-width:28px}.cal-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.cal-legend{padding:20px 20px 8px;display:flex;flex-wrap:wrap;gap:12px}.cal-legend-item{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.cal-legend-dot{width:8px;height:8px;border-radius:50%}.ach-header{padding:24px 24px 20px}.ach-title{font-family:var(--font-display);font-size:32px;font-weight:600;color:var(--ink);margin-bottom:6px}.ach-subtitle{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.ach-filter-row{padding:0 20px 20px;display:flex;gap:6px;overflow-x:auto}.ach-filter-btn{padding:7px 16px;border-radius:999px;border:1.5px solid var(--stroke);font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--ink-faint);cursor:pointer;transition:all .15s;background:none;white-space:nowrap}.ach-filter-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep)}.ach-grid{padding:0 20px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.ach-tile{aspect-ratio:1;background:var(--bg-elev-1);border-radius:var(--radius-card);padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .2s}.ach-tile.locked{opacity:.4}.ach-tile.unlocked:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.ach-tile-icon{color:var(--ink-faint);margin-bottom:8px}.ach-tile.unlocked .ach-tile-icon{color:var(--tile-color,var(--accent))}.ach-tile-name{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink);line-height:1.2;margin-bottom:4px}.ach-tile-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.ach-tile.unlocked .ach-tile-meta{color:var(--success)}.ach-section-label{padding:20px 20px 10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.ach-modal-overlay{position:fixed;inset:0;background:rgba(61,42,42,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-direction:column;z-index:300;padding:40px 32px;text-align:center}.ach-modal-icon-wrap,.ach-modal-overlay{display:flex;align-items:center;justify-content:center}.ach-modal-icon-wrap{width:120px;height:120px;margin-bottom:32px;position:relative}.ach-modal-icon-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(245,144,176,.3)}.ach-modal-name{font-family:var(--font-display);font-weight:600;font-size:clamp(32px,8vw,48px);letter-spacing:-.02em;color:#fff;line-height:1.1;margin-bottom:16px}.ach-modal-desc{font-family:var(--font-body);font-size:16px;color:hsla(0,0%,100%,.7);line-height:1.6;max-width:320px;margin:0 auto 16px}.ach-modal-date{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:hsla(0,0%,100%,.4);margin-bottom:40px}.detail-overlay{position:fixed;inset:0;background:rgba(61,42,42,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:flex-end;justify-content:center}.detail-sheet{background:var(--bg-elev-1);border-radius:28px 28px 0 0;width:100%;max-width:var(--max-w);max-height:90vh;overflow-y:auto;padding:0 0 calc(32px + env(safe-area-inset-bottom, 0px));box-shadow:0 -4px 40px rgba(61,42,42,.12)}@media (min-width:520px){.detail-overlay{align-items:center}.detail-sheet{border-radius:28px;max-height:80vh}}.you-header{padding:24px 24px 16px}.you-title{font-family:var(--font-display);font-size:32px;font-weight:600;color:var(--ink);margin-bottom:4px}.you-sub{font-family:var(--font-body);font-size:14px;color:var(--ink-soft)}.settings-section{padding:0 20px 20px}.settings-section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}.settings-card{background:var(--bg-elev-1);border-radius:var(--radius-card);padding:20px;margin-bottom:10px;box-shadow:var(--shadow-card)}.settings-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.settings-name-text{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--ink)}.settings-card-icon{color:var(--card-accent,var(--ink-soft))}.settings-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.btn-text-danger{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink-faint);cursor:pointer;transition:color .15s;background:none;border:none;padding:0}.btn-text-danger:hover{color:var(--danger)}.add-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:20px}.add-chip{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--bg-elev-1);border:1.5px solid var(--stroke);border-radius:16px;cursor:pointer;transition:border-color .15s;color:var(--ink-soft);font-family:var(--font-body);font-size:12px;font-weight:600;text-align:center}.add-chip:hover{border-color:var(--ink-faint);color:var(--ink)}.add-chip.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}.loading-screen{min-height:100dvh;max-width:var(--max-w);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg)}.loading-pulse{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:pulse-anim 1.4s ease-in-out infinite}@keyframes pulse-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.arc-toast,.porky-toast{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom, 0px));left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 22px;border-radius:999px;font-family:var(--font-body);font-size:14px;font-weight:600;z-index:400;white-space:nowrap;box-shadow:0 4px 20px rgba(0,0,0,.25)}.addiction-card{background:var(--bg-elev-1);border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.card-glow{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:280px;height:180px;border-radius:50%;background:radial-gradient(ellipse at center,var(--card-accent,var(--accent)) 0,transparent 70%);opacity:.1;pointer-events:none}.card-inner{position:relative;z-index:1}.card-top-label{display:flex;align-items:center;gap:10px;margin-bottom:20px}.card-icon-wrap{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--card-accent,var(--ink-soft))}.card-addiction-name{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.streak-num{font-family:var(--font-display);font-weight:600;font-size:clamp(80px,18vw,140px);letter-spacing:-.02em;line-height:.95;color:var(--ink)}.streak-subtitle{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-top:8px}.streak-wrap{text-align:center;padding:12px 0 8px;position:relative}.streak-glow-halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:160px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(ellipse,var(--accent-glow) 0,transparent 70%)}.card-divider{height:1px;background:var(--stroke-soft);margin:20px 0}.reclaim-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.reclaim-item{display:flex;align-items:center;gap:12px}.reclaim-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.reclaim-dot.unlocked{background:var(--card-accent,var(--accent))}.reclaim-dot.pending{border:1.5px solid var(--ink-faint);background:transparent;width:7px;height:7px}.reclaim-text{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--ink-soft);flex:1 1;line-height:1.4}.reclaim-text.unlocked{color:var(--ink)}.reclaim-day{flex-shrink:0}.reclaim-day,.reclaim-view-all{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.reclaim-view-all{cursor:pointer;background:none;border:none;padding:0;display:block;margin-top:4px}.money-ribbon,.reclaim-view-all:hover{color:var(--ink-soft)}.money-ribbon{display:inline-flex;align-items:center;gap:6px;background:var(--bg-elev-2);border-radius:999px;padding:6px 14px;font-family:var(--font-body);font-size:13px;font-weight:600;margin-bottom:16px}.money-ribbon-amount{color:var(--card-accent,var(--accent-deep))}.slip-btn{width:100%;height:52px;background:var(--stroke-soft);border-radius:999px;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink-faint);cursor:pointer;transition:all .2s}.slip-btn:hover{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-stroke)}.greeting-block,.greeting-strip-v2{display:none}.farm-tab{padding-bottom:32px}.farm-heading-row{padding:16px 24px 12px}.farm-title{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--ink);margin-bottom:2px}.farm-sub{font-family:var(--font-body);font-size:14px;color:var(--ink-soft)}.farm-pasture{position:relative;width:100%;height:50vw;max-height:220px;overflow:hidden;border-radius:0}.farm-animals-layer,.farm-pasture-bg{position:absolute;inset:0}.farm-pasture-animal{position:absolute;background:none;border:none;cursor:pointer;padding:0;border-radius:50%;transition:transform .15s}.farm-pasture-animal:hover{transform:scale(1.15)!important}.farm-pasture-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.farm-pasture-empty p{font-family:var(--font-body);font-size:13px;color:var(--ink-faint);background:hsla(0,0%,100%,.75);padding:8px 16px;border-radius:999px}.farm-section-pad{padding:14px 20px}.farm-barn-card{border-radius:20px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-card)}.farm-barn-locked{background:var(--bg-elev-1);opacity:.8}.farm-barn-available{background:var(--accent-soft)}.farm-barn-done{background:var(--bg-elev-1)}.farm-barn-card-icon{flex-shrink:0}.farm-barn-card-text{flex:1 1}.farm-barn-card-title{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--ink);margin-bottom:4px}.farm-barn-card-sub{font-family:var(--font-body);font-size:13px;color:var(--ink-soft);margin-bottom:10px}.farm-barn-go-btn{height:40px;padding:0 18px;font-size:13px}.farm-barn-go-btn,.farm-barn-open-btn{background:var(--accent);color:#fff;border-radius:999px;font-family:var(--font-body);font-weight:700;cursor:pointer}.farm-barn-open-btn{width:100%;height:46px;font-size:15px;transition:background .15s}.farm-barn-open-btn:hover{background:var(--accent-deep)}.farm-barn-open-btn:disabled{opacity:.6;cursor:not-allowed}.farm-collection-title{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink);margin-bottom:2px}.farm-collection-sub{font-family:var(--font-body);font-size:13px;color:var(--ink-soft);margin-bottom:12px}.farm-filter-pills{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;scrollbar-width:none}.farm-filter-pills::-webkit-scrollbar{display:none}.farm-filter-pill{padding:6px 14px;border-radius:999px;border:1.5px solid var(--stroke);font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--ink-faint);cursor:pointer;white-space:nowrap;transition:all .15s;background:none}.farm-filter-pill.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep)}.farm-collection-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.farm-animal-card{background:var(--bg-elev-1);border-radius:14px;padding:8px 4px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative}.farm-animal-card:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.farm-animal-card:disabled{cursor:default}.farm-animal-card-art{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.farm-animal-silhouette{filter:grayscale(100%) opacity(.35)}.farm-rarity-dot{position:absolute;top:0;right:0;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--bg-elev-1)}.farm-animal-card-name{font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--ink);text-align:center;line-height:1.2}.farm-animal-card-rarity{font-family:var(--font-mono);font-size:8px;letter-spacing:.06em;text-transform:uppercase;text-align:center}.animal-detail-overlay{position:fixed;inset:0;background:rgba(61,42,42,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:300;display:flex;align-items:flex-end;justify-content:center}@media (min-width:520px){.animal-detail-overlay{align-items:center}}.animal-detail-modal{background:var(--bg-elev-1);border-radius:28px 28px 0 0;width:100%;max-width:480px;padding:32px 28px calc(32px + env(safe-area-inset-bottom, 0px));text-align:center;box-shadow:0 -4px 40px rgba(61,42,42,.15)}@media (min-width:520px){.animal-detail-modal{border-radius:28px}}.animal-detail-badge{display:inline-flex;padding:4px 14px;border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;margin-bottom:12px}.animal-detail-name{font-family:var(--font-display);font-size:32px;font-weight:600;color:var(--ink);margin-bottom:8px}.animal-detail-desc{font-family:var(--font-body);font-size:15px;color:var(--ink-soft);margin-bottom:10px;line-height:1.6}.animal-detail-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--ink-faint);margin-bottom:24px}.animal-detail-close{width:100%;height:52px;background:var(--accent);color:#fff;border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer}.farm-onboarding-overlay{position:fixed;inset:0;background:rgba(61,42,42,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:400;display:flex;align-items:center;justify-content:center;padding:32px}.farm-onboarding-card{background:var(--bg-elev-1);border-radius:var(--radius-card);padding:36px 28px;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.25)}.farm-onboarding-title{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--ink);margin-bottom:12px}.farm-onboarding-body{color:var(--ink-soft);line-height:1.7;margin-bottom:24px;max-width:300px;margin-left:auto;margin-right:auto}.farm-onboarding-body,.farm-onboarding-btn{font-family:var(--font-body);font-size:15px}.farm-onboarding-btn{width:100%;height:52px;background:var(--accent);color:#fff;border-radius:999px;font-weight:700;cursor:pointer}.barn-opening-overlay{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.barn-bg-dim{position:absolute;inset:0}.barn-stage{position:relative;z-index:1;gap:16px;width:100%;max-width:340px}.barn-animal-details,.barn-stage{display:flex;flex-direction:column;align-items:center}.barn-animal-details{text-align:center;gap:8px}.barn-rarity-badge{display:inline-flex;padding:4px 14px;border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.barn-animal-name{font-family:var(--font-display);font-size:36px;font-weight:600;color:#fff;letter-spacing:-.01em}.barn-animal-desc{font-family:var(--font-body);font-size:14px;color:hsla(0,0%,100%,.7);max-width:280px;line-height:1.6}.barn-skip-hint{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.4);margin-top:16px}.barn-continue-wrap{text-align:center}.barn-settled-label{font-family:var(--font-display);font-size:22px;font-weight:600;color:#fff;margin-bottom:16px}.barn-continue-btn{height:52px;padding:0 40px;background:var(--accent);color:#fff;border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer}.barn-anticipation-label{position:absolute;bottom:80px;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:hsla(0,0%,100%,.6)}.add-addiction-row,.arc-wordmark,.craving-btn-line1,.craving-btn-line2,.greeting-date-v2,.greeting-text-v2{display:none}.page-pad{padding:20px}.notif-overlay{position:fixed;inset:0;background:rgba(61,42,42,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:flex-end;justify-content:center}.notif-sheet{background:var(--bg-elev-1);border-radius:28px 28px 0 0;width:100%;max-width:var(--max-w);max-height:80vh;overflow-y:auto;padding:0 24px calc(32px + env(safe-area-inset-bottom, 0px));box-shadow:0 -4px 40px rgba(61,42,42,.12)}.craving-overlay{background:rgba(61,42,42,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:300;flex-direction:column}.craving-overlay,.slip-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px}.slip-overlay{background:rgba(61,42,42,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200}.slip-card{background:var(--bg-elev-1);border-radius:var(--radius-card);padding:32px 28px;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.milestones-section{padding:16px 20px}.milestone-row{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid var(--stroke-soft)}.milestone-row:last-child{border-bottom:none}.milestone-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.milestone-text{font-family:var(--font-body);font-size:14px;color:var(--ink-soft);line-height:1.5;flex:1 1}.milestone-text.unlocked{color:var(--ink)}.milestone-day{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);flex-shrink:0;margin-top:3px}.tier-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-family:var(--font-display);font-size:13px;font-weight:600}.habit-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:16px}.habit-picker-chip{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;background:var(--bg-elev-1);border:1.5px solid var(--stroke);border-radius:14px;cursor:pointer;transition:border-color .15s;color:var(--ink-soft);font-family:var(--font-body);font-size:12px;font-weight:600;text-align:center}.habit-picker-chip:hover{border-color:var(--ink-faint);color:var(--ink)}.habit-picker-chip.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}.habit-modal-btn{flex:1 1;height:50px;border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s;border:none}.habit-modal-btn:disabled{opacity:.45;cursor:not-allowed}.habit-modal-btn-ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--stroke)}.habit-modal-btn-ghost:hover{background:var(--bg)}.habit-modal-btn-primary{background:var(--accent);color:#fff}.habit-modal-btn-primary:hover{background:var(--accent-deep)}.detail-panel{display:flex;flex-direction:column;overflow:hidden}.detail-header{justify-content:space-between;padding:14px 20px 12px;border-bottom:1px solid var(--stroke-soft);flex-shrink:0}.detail-close,.detail-header{display:flex;align-items:center}.detail-close{width:36px;height:36px;border-radius:50%;background:var(--bg);justify-content:center;cursor:pointer;color:var(--ink-soft);transition:background .15s}.detail-close:hover{background:var(--stroke)}.detail-header-name{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--ink)}.detail-scroll{overflow-y:auto;flex:1 1;padding-bottom:calc(32px + env(safe-area-inset-bottom, 0px))}.detail-hero-v2{padding:28px 24px 20px;text-align:center}.detail-hero-num-wrap{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:4px}.detail-hero-big{font-size:clamp(60px,16vw,80px);letter-spacing:-.03em;color:var(--ink);line-height:1}.detail-hero-big,.detail-hero-denom{font-family:var(--font-display);font-weight:600}.detail-hero-denom{font-size:28px;color:var(--ink-faint)}.detail-hero-label-v2{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:16px}.detail-hero-stats{display:flex;justify-content:center}.detail-stat-item{text-align:center;padding:0 18px;border-right:1px solid var(--stroke)}.detail-stat-item:last-child{border-right:none}.detail-stat-value{display:block;font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink);line-height:1}.detail-stat-label{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-top:3px}.detail-hero-meta{font-family:var(--font-body);font-size:13px;color:var(--ink-soft);display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap}.detail-hero-sep{color:var(--ink-faint)}.detail-cal-section,.detail-milestones-section,.tendency-chart-wrap{padding:0 24px 28px}.detail-section-head{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink);margin-bottom:4px}.detail-section-sub{font-family:var(--font-body);font-size:13px;color:var(--ink-soft);margin-bottom:14px}.detail-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.detail-cal-month-label{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--ink)}.detail-cal-dow{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.detail-cal-dow-cell{text-align:center;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;padding:4px 0}.detail-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.detail-cal-cell{aspect-ratio:1;border-radius:5px;display:flex;align-items:flex-start;justify-content:flex-start;padding:2px 3px;cursor:pointer;border:2px solid transparent;transition:opacity .15s}.detail-cal-cell.today{border-color:var(--accent)}.detail-cal-cell.empty{pointer-events:none;background:transparent!important;border:none}.detail-cal-cell.future{opacity:.22;pointer-events:none}.detail-cal-cell:not(.empty):not(.future):hover{opacity:.8}.detail-cal-day-num{font-family:var(--font-mono);font-size:9px;line-height:1;color:hsla(0,0%,100%,.8)}.detail-cal-cell:not([style*="rgba(92"]):not([style*="rgba(168"]) .detail-cal-day-num{color:var(--ink-faint)}.detail-cal-legend{display:flex;gap:16px;margin-top:10px}.detail-legend-item{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.detail-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.detail-cal-popover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-elev-1);border-radius:14px;padding:12px 16px;box-shadow:0 8px 32px rgba(61,42,42,.18);z-index:20;min-width:140px;pointer-events:auto}.detail-popover-date{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px}.detail-popover-status{font-family:var(--font-body);font-size:15px;font-weight:700;color:var(--ink);margin-bottom:8px}.detail-popover-correct{font-family:var(--font-body);font-size:12px;color:var(--accent);cursor:pointer;text-decoration:underline}.detail-timeline{display:flex;flex-direction:column;gap:14px}.detail-milestone{display:flex;align-items:flex-start;gap:10px}.detail-milestone-dot{width:8px;height:8px;border-radius:50%;background:var(--stroke);flex-shrink:0;margin-top:5px}.detail-milestone-dot.unlocked{background:var(--accent)}.detail-milestone-text{font-family:var(--font-body);font-size:14px;color:var(--ink-soft);line-height:1.5;flex:1 1}.detail-milestone-text.unlocked{color:var(--ink)}.detail-milestone-day{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);flex-shrink:0;margin-top:5px}.tendency-chart-svg{display:block;width:100%;margin-top:8px}.detail-actions-v2{padding:4px 24px 0;display:flex;flex-direction:column}.detail-action-link{font-family:var(--font-body);font-size:15px;color:var(--accent);cursor:pointer;text-align:left;padding:14px 0;border-bottom:1px solid var(--stroke-soft)}.detail-action-link:last-child{border-bottom:none}.detail-action-danger{color:var(--danger)}.cal-view{min-height:100%;padding-bottom:40px}.cal-selector{display:flex;gap:8px;overflow-x:auto;padding:16px 20px 0;scrollbar-width:none}.cal-selector::-webkit-scrollbar{display:none}.cal-pill{flex-shrink:0;padding:6px 14px;border-radius:999px;background:var(--bg-elev-1);border:1px solid var(--stroke);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;box-shadow:var(--shadow-card)}.cal-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.cal-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px}.cal-month-label{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink)}.cal-day.is-selected{background:var(--accent-soft)!important;border:2px solid var(--accent)}.cal-day-panel{margin-top:12px;background:var(--bg-elev-1);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-card);border:1px solid var(--stroke-soft)}.cal-popover-date{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.cal-popover-empty{font-family:var(--font-body);font-size:13px;color:var(--ink-faint)}.cal-popover-item{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--stroke-soft)}.cal-popover-item:last-child{border-bottom:none}.cal-popover-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cal-popover-name{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--ink);flex:1 1}.cal-popover-status{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.cal-popover-status.clean{color:#5a8a3a}.cal-popover-status.used{color:var(--danger)}.animal-rename-link{font-family:var(--font-body);font-size:13px;color:var(--accent);cursor:pointer;display:inline-block;padding:2px 0;transition:opacity .15s}.animal-rename-link:hover{opacity:.75}.animal-rename-input{width:100%;background:var(--bg);border:1.5px solid var(--stroke);border-radius:10px;padding:10px 14px;font-family:var(--font-body);font-size:15px;color:var(--ink);outline:none;transition:border-color .15s}.animal-rename-input:focus{border-color:var(--accent)}.animal-species-sub{font-family:var(--font-body);font-size:12px;color:var(--ink-faint);margin-top:2px;text-align:center}.add-addiction-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;border:2px dashed var(--stroke);border-radius:var(--radius-card);cursor:pointer;padding:16px;min-height:120px;transition:border-color .15s,background .15s}.add-addiction-tile:hover{border-color:var(--accent);background:var(--accent-soft)}.add-addiction-tile-plus{font-family:var(--font-display);font-size:28px;font-weight:400;color:var(--ink-faint);line-height:1;transition:color .15s}.add-addiction-tile:hover .add-addiction-tile-plus{color:var(--accent)}.add-addiction-tile-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);transition:color .15s}.add-addiction-tile:hover .add-addiction-tile-label{color:var(--accent-deep)}.ach-view{padding-bottom:40px}.ach-summary-strip{padding:24px 20px 20px}.ach-summary-title{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--ink);margin-bottom:4px}.ach-summary-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.ach-group-separator{height:1px;background:var(--stroke-soft);margin:8px 20px 20px}.ach-group-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px 10px}.ach-group-name-row{display:flex;align-items:center;gap:6px}.ach-group-name{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--ink)}.ach-group-pill{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);background:var(--bg-elev-1);border:1px solid var(--stroke);padding:3px 8px;border-radius:999px}.ach-group-progress-track{height:4px;background:var(--stroke-soft);border-radius:2px;margin:0 20px 16px;overflow:hidden}.ach-group-progress-fill{height:100%;background:var(--accent);border-radius:2px}.ach-tile.ach-tile-locked{opacity:.4}.ach-tile.earned{position:relative;border:none}.ach-tile.earned:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.ach-tile-icon.ach-tile-icon-locked{color:var(--ink-faint)}.ach-tile-icon.earned{color:var(--tile-accent,var(--accent))}.ach-tile-body{display:flex;flex-direction:column;gap:3px;flex:1 1}.ach-tile-locked-name{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink-faint);margin-bottom:6px}.ach-tile-locked-day{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-top:4px}.ach-tile-desc{font-family:var(--font-body);font-size:12px;color:var(--ink-soft);line-height:1.4}.ach-tile-new-dot{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}@keyframes porky-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.milestones-intro-overlay{position:fixed;inset:0;background:rgba(61,42,42,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:flex;align-items:flex-end;justify-content:center}.milestones-intro-card{background:var(--bg-elev-1);border-radius:28px 28px 0 0;padding:32px 28px 40px;width:100%;max-width:var(--max-w);text-align:center}.milestones-intro-logo{animation:porky-pulse 2s ease-in-out infinite}.milestones-intro-title{font-family:var(--font-display);font-size:26px;font-weight:600;color:var(--ink);margin-bottom:12px}.milestones-intro-body{font-family:var(--font-body);font-size:15px;color:var(--ink-soft);line-height:1.6;margin-bottom:16px}.milestones-intro-list{list-style:none;padding:0;margin:0 0 28px;text-align:left}.milestones-intro-list li{font-family:var(--font-body);font-size:14px;color:var(--ink-soft);padding:6px 0 6px 20px;position:relative;border-bottom:1px solid var(--stroke-soft)}.milestones-intro-list li:last-child{border-bottom:none}.milestones-intro-list li:before{content:"·";position:absolute;left:4px;color:var(--accent);font-weight:700;font-size:18px;line-height:1.3}.milestones-intro-btn{width:100%;padding:16px;background:var(--accent);border-radius:999px;font-family:var(--font-display);font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:opacity .15s}.milestones-intro-btn:hover{opacity:.85}.you-view{padding:32px 24px 80px}.you-profile-top{text-align:center;margin-bottom:32px}.you-days-big{font-family:var(--font-display);font-size:48px;font-weight:600;color:var(--ink);line-height:1;margin-bottom:8px}.you-days-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:24px}.you-stats-row{display:flex;justify-content:center;gap:24px}.you-stat-box{display:flex;flex-direction:column;align-items:center;gap:2px}.you-stat-value{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink);line-height:1}.you-stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.you-section{margin-bottom:8px}.you-section-heading{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink);margin-top:32px;margin-bottom:16px}.you-row{background:var(--bg-elev-1);border-radius:18px;box-shadow:var(--shadow-card);padding:16px;margin-bottom:12px;justify-content:space-between;overflow:hidden}.you-row,.you-row-left{display:flex;align-items:center;gap:12px}.you-row-left{flex:1 1;min-width:0}.you-row-name{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--ink);margin-bottom:2px}.you-row-meta{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--ink-soft)}.you-row-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.you-action-ghost{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:color .15s;background:none;border:none;padding:0}.you-action-ghost:hover{color:var(--accent)}.you-action-danger{color:var(--danger);padding:6px 14px;border-radius:999px;background:var(--danger-bg);border:1px solid var(--danger-stroke)}.you-action-danger,.you-action-danger-link{font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer}.you-action-danger-link{color:var(--ink-faint);transition:color .15s;background:none;border:none;padding:0}.you-action-danger-link:hover{color:var(--danger)}.you-action-save{font-weight:700;color:var(--accent-deep);cursor:pointer;padding:6px 14px;border-radius:999px;background:var(--accent-soft);border:none}.you-action-save,.you-cost-input{font-family:var(--font-body);font-size:13px}.you-cost-input{width:64px;padding:6px 10px;background:var(--bg-elev-1);border:1.5px solid var(--stroke);border-radius:8px;color:var(--ink);outline:none}.you-cost-input:focus{border-color:var(--accent)}.you-footer-section{margin-top:48px;display:flex;flex-direction:column}.you-footer-link{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--ink-soft);cursor:pointer;text-align:left;padding:12px 0;border:none;border-bottom:1px solid var(--stroke-soft);width:100%;background:none;transition:color .15s}.you-footer-link:hover{color:var(--ink)}.you-footer-link-danger:hover{color:var(--danger)}.you-reset-confirm{padding:12px 0;border-bottom:1px solid var(--stroke-soft)}.you-reset-warning{font-family:var(--font-body);font-size:13px;color:var(--danger);margin-bottom:10px}.you-version-tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--ink-faint);padding:12px 0;text-align:left}@keyframes arc-draw{to{stroke-dashoffset:0}}.ach-overlay{position:fixed;inset:0;z-index:9999;background:rgba(61,42,42,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);justify-content:center;padding:40px 32px;text-align:center}.ach-overlay,.ach-panel{display:flex;flex-direction:column;align-items:center}.ach-panel{width:100%;max-width:400px;gap:4px}.ach-counter{font-size:10px;color:hsla(0,0%,100%,.4);align-self:flex-end}.ach-counter,.ach-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.ach-eyebrow{font-size:11px}.ach-icon-wrap{margin-bottom:8px}.ach-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.4);margin-top:4px;display:flex;flex-direction:column;gap:4px}.ach-actions{margin-top:28px}.ach-continue-btn{height:52px;padding:0 48px;background:var(--accent);color:#fff;border-radius:999px;font-family:var(--font-body);font-size:16px;font-weight:700;cursor:pointer;transition:background .15s;border:none}.ach-continue-btn:hover{background:var(--accent-deep)}.addictions-section-wrap{padding:0 20px 8px}.addictions-heading{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink);margin-bottom:4px}.addictions-sub{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--ink-soft);margin-bottom:14px}.addiction-rows-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.addiction-row-v3{background:var(--bg-elev-1);border-radius:18px;box-shadow:var(--shadow-card);overflow:hidden}.addiction-row-main-v3{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:64px;cursor:pointer}.addiction-row-left{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0}.addiction-row-name-v3{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink);display:block}.addiction-row-meta-v3{font-family:var(--font-body);font-size:12px;color:var(--ink-soft);display:block;margin-top:1px}.addiction-row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.addiction-streak-big{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink);line-height:1}.addiction-streak-unit{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);display:block}.addiction-detail-inner-v3{padding:0 16px 16px;border-top:1px solid var(--stroke-soft)}.addiction-stats-row-v3{display:flex;gap:12px;margin:10px 0 6px}.addiction-stat-v3{flex:1 1;background:var(--bg);border-radius:12px;padding:10px 8px;text-align:center}.addiction-stat-label-v3{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);display:block;margin-bottom:3px}.addiction-stat-val-v3{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink);display:block}.addiction-footer-v3{margin-top:8px;display:flex;justify-content:space-between;align-items:center}.addiction-detail-link{font-family:var(--font-body);font-size:12px;color:var(--accent);cursor:pointer;transition:opacity .15s;background:none;border:none;padding:0}.addiction-detail-link:hover{opacity:.75}.addiction-remove-link{font-family:var(--font-body);font-size:12px;color:var(--ink-faint);cursor:pointer;transition:color .15s;background:none;border:none;padding:0}.addiction-remove-link:hover{color:var(--danger)}.addiction-remove-confirm{color:var(--danger);border:1px solid var(--danger-stroke);border-radius:999px;background:var(--danger-bg)}.addiction-remove-cancel,.addiction-remove-confirm{font-family:var(--font-body);font-size:12px;cursor:pointer;padding:4px 10px}.addiction-remove-cancel{color:var(--ink-faint);background:none;border:none}.add-addiction-row-v3{display:flex;align-items:center;justify-content:center;height:64px;border:2px dashed var(--stroke);border-radius:18px;cursor:pointer;transition:border-color .15s,background .15s;background:transparent;width:100%}.add-addiction-row-v3:hover{border-color:var(--accent);background:var(--accent-soft)}.add-addiction-row-label{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;transition:color .15s}.add-addiction-row-v3:hover .add-addiction-row-label{color:var(--accent-deep)}.ach-tab-pills{display:flex;gap:6px;overflow-x:auto;padding:0 20px 20px;scrollbar-width:none;scroll-behavior:smooth}.ach-tab-pills::-webkit-scrollbar{display:none}.ach-tab-pill{flex-shrink:0;padding:8px 16px;border-radius:999px;background:var(--bg-elev-1);border:1px solid var(--stroke);font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--ink-soft);cursor:pointer;white-space:nowrap;transition:all .15s;box-shadow:var(--shadow-card)}.ach-tab-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ach-active-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px 12px}.ach-active-name-row{display:flex;align-items:center;gap:8px}.ach-active-name{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink)}.ach-active-pill{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);background:var(--bg-elev-1);border:1px solid var(--stroke);padding:4px 10px;border-radius:999px}.ach-active-progress-track{height:2px;background:var(--stroke);margin:0 20px 16px;border-radius:1px;overflow:hidden}.ach-active-progress-fill{height:100%;background:var(--accent);border-radius:1px;transition:width .6s ease}.dev-note-screen{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;max-width:var(--max-w);margin:0 auto}.dev-note-heading{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink);text-align:center;margin-bottom:20px}.dev-note-body{max-width:380px;text-align:left;margin-bottom:32px}.dev-note-body p{font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--ink-soft);line-height:1.6;margin-bottom:16px}.dev-note-btn{height:48px;width:200px;background:var(--accent);color:#fff;border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;transition:background .15s;border:none}.dev-note-btn:hover{background:var(--accent-deep)}