/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.resize{resize:both}}:root{color:#f6f5f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#101017;--panel:#1b1b25;--line:#2c2b38;--muted:#8d8b9b;--purple:#a68cff;--ease:cubic-bezier(.23,1,.32,1);background:#101017;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}#app{min-height:100svh}.app-shell{background:radial-gradient(circle at 80% -4%,#7c55ca1a,transparent 28%),var(--bg);max-width:540px;min-height:100svh;margin:auto;padding-bottom:100px}.eyebrow{letter-spacing:.15em;color:var(--purple);font-size:10px;font-weight:800}.app-header{border-bottom:1px solid #ffffff0b;align-items:center;gap:10px;height:70px;padding:0 24px;display:flex}.brand-mark{color:#231935;background:#af96ff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:22px;display:grid}.brand{letter-spacing:-.055em;font-size:20px}.brand span{color:#ad93ff}.header-spacer{flex:1}.coin-pill{color:#f2c875;background:#302820;border:1px solid #544535;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:13px;font-weight:800;display:flex}.avatar{color:#cdb9ff;background:#2b2441;border:1px solid #51476b;border-radius:50%;width:32px;height:32px;font-weight:800}.today-view,.page-view{padding:30px 24px 25px}.welcome{justify-content:space-between;align-items:flex-start;display:flex}.welcome h1,.page-title h1{letter-spacing:-.055em;margin:12px 0;font-size:clamp(36px,9vw,49px);font-weight:770;line-height:1.05}.welcome h1 em{color:#b9a6ff;font-style:normal}.welcome p,.page-title p{color:var(--muted);font-size:13px;line-height:1.5}.welcome-spark{color:#ae95ff;filter:drop-shadow(0 0 20px #8b60e7);margin-top:36px;font-size:52px;line-height:1}.hero-card{background:radial-gradient(circle at 87% 13%,#4b3878,#0000 38%),linear-gradient(135deg,#352852,#242035);border:1px solid #625185;border-radius:22px;margin-top:32px;padding:21px 22px 17px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000001f}.hero-card:after{content:"✦";color:#dac8ff0b;font-size:90px;position:absolute;top:45px;right:20px}.hero-top,.hero-middle,.hero-bottom{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.hero-top{color:#d6c8ff;letter-spacing:.16em;font-size:10px;font-weight:800}.hero-middle{margin:20px 0}.hero-middle div{flex-direction:column;gap:2px;display:flex}.hero-middle strong{letter-spacing:-.05em;font-size:34px}.hero-middle small{color:#cfbfff;font-size:16px}.hero-middle span{color:#b6a9d0;font-size:11px}.hero-middle b{background:#493871;border:4px solid #b7a2f3;border-radius:50%;place-items:center;width:58px;height:58px;font-size:24px;display:grid;box-shadow:0 0 0 5px #b9a1f71f}.xp-track,.progress-track,.reward-track{background:#ffffff24;border-radius:10px;height:6px;overflow:hidden}.xp-track i,.progress-track i,.reward-track i{border-radius:inherit;height:100%;transition:width .22s var(--ease);background:linear-gradient(90deg,#bca8ff,#dfd5ff);display:block}.hero-bottom{color:#c7bce0;margin-top:15px;font-size:11px}.hero-bottom span{align-items:center;gap:5px;display:flex}.hero-bottom span:first-child svg{color:#ffb475}.hero-bottom span:last-child svg{color:#f4d081}.section-head{justify-content:space-between;align-items:flex-end;margin:33px 0 17px;display:flex}.section-head h2,.panel-title h2{letter-spacing:-.035em;margin-top:5px;font-size:21px}.muted{color:#777389;font-size:16px}.add-button{color:#211733;width:38px;height:38px;transition:transform .14s var(--ease);background:#a991fb;border:0;border-radius:12px;place-items:center;display:grid}.add-button:active,.save-button:active{transform:scale(.96)}.week-strip{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week-strip button{color:#8b8999;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:68px;display:flex}.week-strip button.active{color:#1e1630;background:#a991fb;font-weight:800}.week-strip small{font-size:10px}.week-strip strong{font-size:17px}.week-strip i{opacity:0;background:#8d70df;border-radius:50%;width:3px;height:3px}.week-strip .passed i{opacity:1}.week-strip .active i{background:#1e1630}.daily-progress{background:#1c1b26;border:1px solid #2a2935;border-radius:14px;margin:18px 0 16px;padding:16px}.daily-progress>div:first-child{color:#c5c2d0;justify-content:space-between;margin-bottom:11px;font-size:12px;display:flex}.daily-progress strong{color:#c9b7ff}.progress-track{background:#34313f}.habit-list{gap:9px;display:grid}.habit-card{min-height:72px;transition:background .18s var(--ease),transform .15s var(--ease);background:#1b1b24;border:1px solid #2b2935;border-radius:15px;align-items:center;gap:12px;padding:12px 12px 12px 14px;display:flex}.habit-card.completed{background:#22202d}.habit-check{color:#0000;width:28px;height:28px;transition:background .15s var(--ease),color .15s var(--ease);background:0 0;border:2px solid #5b566b;border-radius:9px;flex:none;place-items:center;display:grid}.habit-card.completed .habit-check{color:#211733;background:#aa93f9;border-color:#aa93f9}.habit-icon{color:#c9abff;background:#322841;border-radius:11px;place-items:center;width:37px;height:37px;font-size:23px;display:grid}.tone-amber .habit-icon{color:#f2c883;background:#382e22}.tone-mint .habit-icon{color:#8bdac4;background:#1d3834}.tone-coral .habit-icon{color:#f5a9a3;background:#3c282a}.habit-card>div{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.habit-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.habit-card small{color:#918e9d;align-items:center;gap:4px;font-size:10px;display:flex}.edit-icon{color:#777384;background:0 0;border:0;padding:7px}.footnote{color:#777384;align-items:center;gap:7px;margin:22px 0;font-size:11px;display:flex}.footnote svg{color:#edac71}.bottom-nav{width:min(540px,100%);height:calc(72px + env(safe-area-inset-bottom));padding:7px 9px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#17161ff5;border-top:1px solid #302e3a;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#777583;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:9px;display:flex}.bottom-nav button.active{color:#c5afff}.bottom-nav svg{margin-bottom:1px}.page-title{margin:4px 0 28px}.page-title h1{margin-bottom:8px}.panel{background:#1b1b25;border:1px solid #302e3a;border-radius:18px;margin-bottom:17px;padding:20px}.calendar-title{text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.calendar-title strong{font-size:15px}.calendar-title button{color:#d4d0dc;background:#2c2a36;border:0;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-label{color:#84808f;padding-bottom:9px;font-size:10px}.calendar-grid button{aspect-ratio:1;color:#bebbc7;background:0 0;border:0;border-radius:9px;font-size:12px;position:relative}.calendar-grid button:disabled{opacity:.3}.calendar-grid button.marked{color:#e6dcff;background:#39304d}.calendar-grid button.full{background:#655194}.calendar-grid button.active{outline:1px solid #bba2ff}.calendar-grid button.today{font-weight:800}.calendar-grid i{background:#d5c6ff;border-radius:50%;width:3px;height:3px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.count-pill{color:#a5a0b2;background:#25232e;border-radius:999px;padding:7px 10px;font-size:11px}.history-row,.purchase-row,.ledger-row,.streak-row{border-bottom:1px solid #302e39;align-items:center;gap:12px;padding:14px 2px;font-size:12px;display:flex}.history-row>span,.purchase-row>span:first-child{color:#d5bdff;background:#342b42;border-radius:10px;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.history-row strong,.purchase-row div,.ledger-row div{flex:1}.history-row b{color:#baabff}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px;display:grid}.stat-grid>div{background:#1b1b25;border:1px solid #302e3a;border-radius:16px;flex-direction:column;align-items:flex-start;height:135px;padding:16px;display:flex}.stat-grid svg{color:#c2a9ff;margin-bottom:12px}.stat-grid>div:nth-child(2) svg{color:#f0ad78}.stat-grid>div:nth-child(3) svg{color:#88d3bb}.stat-grid>div:nth-child(4) svg{color:#ecc879}.stat-grid strong{letter-spacing:-.05em;font-size:27px}.stat-grid span{color:#8d899b;font-size:11px}.panel-title{margin-bottom:15px}.chart{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:180px;display:grid}.chart>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.chart strong{color:#a99abf;font-size:9px}.chart small{color:#8c8999;font-size:10px}.chart-track{background:#262330;border-radius:6px;align-items:end;width:100%;height:120px;display:flex;overflow:hidden}.chart-track i{background:linear-gradient(#bb9eff,#675192);border-radius:6px 6px 0 0;width:100%;display:block}.achievement{border-bottom:1px solid #302e39;align-items:center;gap:12px;padding:11px 0;display:flex}.achievement:last-child,.streak-row:last-child,.history-row:last-child{border-bottom:0}.achievement>span{background:#332b43;border-radius:11px;place-items:center;width:38px;height:38px;font-size:21px;display:grid}.achievement>div{flex-direction:column;flex:1;gap:4px;display:flex}.achievement strong{font-size:12px}.achievement small,.streak-row small,.purchase-row small,.ledger-row small{color:#858190;font-size:10px}.achievement svg{color:#b9a3f7}.achievement.locked{opacity:.45}.streak-row{justify-content:space-between}.streak-row strong{color:#c3a9ff}.streak-row small{font-weight:400}.with-action{justify-content:space-between;align-items:center;display:flex}.wallet{background:radial-gradient(circle at 85% 15%,#705342,#0000 32%),linear-gradient(135deg,#4b3829,#302723);border:1px solid #82654e;border-radius:19px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:21px;display:flex}.wallet div{flex-direction:column;gap:8px;display:flex}.wallet span{letter-spacing:.16em;color:#e9c48f;font-size:10px;font-weight:800}.wallet strong{align-items:center;gap:8px;font-size:31px;display:flex}.wallet small{color:#ccb59d;font-size:11px}.wallet b{color:#ffd28f40;font-size:65px}.reward-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:17px;display:grid}.reward-card{background:#1b1b25;border:1px solid #302e3a;border-radius:16px;flex-direction:column;min-height:213px;padding:14px;display:flex}.reward-card>div:first-child{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.reward-icon{background:#302b3d;border-radius:12px;place-items:center;width:45px;height:45px;font-size:28px;display:grid}.reward-card>div:first-child button{color:#8f8a9c;background:0 0;border:0;padding:3px}.reward-card>strong{font-size:13px}.reward-card p{color:#878394;min-height:27px;margin:4px 0 12px;font-size:10px;line-height:1.35}.reward-track{background:#332f3e;height:4px;margin-top:auto}.reward-bottom{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.reward-bottom span{color:#e9c781;align-items:center;gap:3px;font-size:12px;font-weight:800;display:flex}.reward-bottom button{color:#241a33;background:#a991fb;border:0;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:800}.reward-bottom button:disabled{color:#8b8795;background:#332f3e}.purchase-row div,.ledger-row div{flex-direction:column;gap:4px;display:flex}.purchase-row b{color:#e6c280;font-size:11px}.settings-panel{padding:10px 17px}.profile{border-bottom:1px solid #322f3a;align-items:center;gap:12px;padding:12px 0 18px;display:flex}.profile>span{color:#decfff;background:#4b3b6c;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.profile div{flex-direction:column;gap:5px;display:flex}.profile small{color:#898596}.settings-row{color:#e6e3ed;text-align:left;background:0 0;border:0;border-bottom:1px solid #322f3a;align-items:center;gap:13px;width:100%;padding:16px 1px;font-size:12px;display:flex}.settings-row:last-child{border:0}.settings-row svg:first-child{color:#b8a4ec}.settings-row svg:last-child{color:#777382;margin-left:auto}.info-panel{color:#bca7ef;gap:12px;display:flex}.info-panel div{color:#eae7f0}.info-panel strong{font-size:12px}.info-panel p{color:#938d9f;margin-top:5px;font-size:11px;line-height:1.5}.ledger-row>span{color:#83d7ad;background:#2f3b36;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.ledger-row b{color:#8bd7ad}.ledger-row b.negative{color:#e6aa9f}.ledger-empty{color:#858090;padding:12px 0;font-size:11px}.connection{color:#86cbad;justify-content:center;align-items:center;gap:6px;margin:18px;font-size:11px;display:flex}.connection.local,.connection.offline{color:#d3b281}.empty{text-align:center;color:#a991eb;border:1px dashed #3b3748;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:42px 16px;display:flex}.empty strong{color:#efedf4;font-size:14px}.empty span{color:#928d9d;font-size:11px}.empty button{color:#211733;background:#a991fb;border:0;border-radius:9px;margin-top:7px;padding:10px 15px;font-size:11px;font-weight:800}.empty.compact{padding:30px}.toast{z-index:50;bottom:calc(88px + env(safe-area-inset-bottom));white-space:nowrap;color:#251b35;background:#ded0ff;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:800;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0008}.modal-backdrop{z-index:60;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{width:min(540px,100%);max-height:90svh;padding:10px 24px calc(24px + env(safe-area-inset-bottom));animation:sheet-in .26s var(--ease);background:#211f2b;border:1px solid #494256;border-radius:24px 24px 0 0;overflow:auto}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:#655e71;border-radius:5px;width:37px;height:4px;margin:0 auto 20px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-head h2{margin-top:4px;font-size:24px}.modal-head button{color:#d1c9db;background:#36313f;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.field{flex-direction:column;flex:1;gap:8px;min-width:0;margin-bottom:17px;display:flex}.field>span{color:#c5bdcf;font-size:11px;font-weight:700}.field input,.field select{color:#f6f3f8;background:#2e2a37;border:1px solid #4b4355;border-radius:10px;outline:none;width:100%;height:43px;padding:0 12px}.field input:focus,.field select:focus{border-color:#b49bf6}.field-row{gap:12px;display:flex}.day-picker{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.day-picker button{color:#bcb4c6;background:#302c3a;border:1px solid #514a5e;border-radius:8px;height:38px;font-size:10px}.day-picker button.selected{color:#261b39;background:#a991fb;border-color:#a991fb;font-weight:800}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.delete-button,.save-button{border:0;border-radius:10px;align-items:center;gap:7px;padding:12px 16px;font-size:12px;font-weight:800;display:flex}.delete-button{color:#eba3ab;background:#3b2b35;margin-right:auto}.save-button{color:#211733;background:#a991fb}.concept-page{color:#f7f4fb;background:#101017;grid-template-columns:minmax(220px,1fr) minmax(300px,400px) minmax(220px,1fr);align-items:center;gap:clamp(20px,4vw,65px);min-height:100svh;padding:50px clamp(24px,5vw,90px) 90px;display:grid}.concept-intro h1{letter-spacing:-.07em;margin:16px 0;font-size:clamp(42px,5vw,78px);line-height:1.02}.concept-intro p,.concept-notes p{color:#9c98a9;max-width:320px;font-size:14px;line-height:1.6}.concept-intro a{color:#c5b2ff;align-items:center;gap:4px;margin-top:25px;font-size:13px;font-weight:700;display:inline-flex}.concept-notes h2{letter-spacing:-.04em;margin:12px 0;font-size:28px;line-height:1.1}.concept-notes>div{color:#a991fb;margin-top:22px;font-size:11px}.phone-stage{justify-content:center;display:flex}.phone{background:#16151d;border:7px solid #373441;border-radius:47px;width:min(100%,360px);height:730px;padding:18px 18px 0;position:relative;overflow:hidden;box-shadow:0 30px 80px #0008}.phone-top{justify-content:space-between;margin-bottom:40px;padding:0 13px;font-size:11px;font-weight:800;display:flex}.mock-overline,.quest-header small,.dash-head{letter-spacing:.15em;color:#b8a5e9;font-size:10px;font-weight:800}.mock-title{letter-spacing:-.06em;margin:15px 0 23px;font-size:30px;font-weight:800;line-height:1.07}.mock-title em{color:#bfa8ff;font-style:normal}.mock-focus{text-align:center;background:linear-gradient(140deg,#312741,#26212e);border:1px solid #5a4b6d;border-radius:20px;padding:20px}.mock-focus>div{color:#c9b5f5;letter-spacing:.12em;justify-content:space-between;font-size:9px;display:flex}.mock-focus>strong{border:11px solid #ad8eff;border-color:#ad8eff #ad8eff #5a4b70 #5a4b70;border-radius:50%;place-items:center;width:135px;height:135px;margin:16px auto 13px;font-size:33px;display:grid}.mock-focus strong span{margin-left:-40px;font-size:15px}.mock-focus p{color:#b4a8c4;font-size:10px}.mock-section{justify-content:space-between;align-items:center;margin:24px 0 12px;font-size:15px;font-weight:800;display:flex}.mock-section span{color:#9b90aa;font-size:10px;font-weight:500}.mock-habit,.quest-task,.dash-row{background:#221f29;border:1px solid #37313e;border-radius:11px;align-items:center;gap:10px;margin:7px 0;padding:11px 10px;display:flex}.mock-habit>span,.quest-task>span{color:#dbc8ff;background:#3b304d;border-radius:9px;place-items:center;width:31px;height:31px;font-size:20px;display:grid}.mock-habit div,.quest-task div{flex-direction:column;flex:1;gap:3px;display:flex}.mock-habit strong,.quest-task strong,.dash-row strong{font-size:11px}.mock-habit small,.quest-task small{color:#948b9e;font-size:9px}.mock-habit b{color:#b99dff;font-size:16px}.mock-nav{color:#b7a1ee;background:#211e28;justify-content:space-around;align-items:center;height:55px;font-size:21px;display:flex;position:absolute;bottom:0;left:0;right:0}.concept-1{background:#171320}.quest-header{justify-content:space-between;display:flex}.quest-header h2{letter-spacing:-.05em;margin:8px 0 18px;font-family:Georgia,serif;font-size:36px;font-weight:400;line-height:1.05}.quest-header>span{color:#ffe3ab;background:#6f4d9b;border-radius:50%;place-items:center;width:48px;height:48px;font-size:28px;display:grid}.quest-level{letter-spacing:.1em;color:#d2baf6;font-size:9px}.quest-level>span{float:right;color:#9d8dae}.quest-level>div{background:#3b3048;border-radius:4px;height:4px;margin:11px 0 22px}.quest-level i{background:#c4a4ff;width:58%;height:100%;display:block}.quest-hero{background:radial-gradient(circle at 75% 20%,#9e6d96,#0000 36%),linear-gradient(135deg,#654674,#3f2d55);border:1px solid #9872ab;border-radius:18px;flex-direction:column;height:218px;padding:20px;display:flex}.quest-hero small{letter-spacing:.14em;color:#f2d5df;font-size:9px}.quest-hero>strong{margin-top:25px;font-family:Georgia,serif;font-size:31px;font-weight:400;line-height:1.04}.quest-hero>div{color:#f1dce9;justify-content:space-between;margin-top:auto;font-size:9px;display:flex}.quest-task{background:#251f31;border-color:#44354f}.concept-2{background:#171b1e}.concept-2 .phone-top{margin-bottom:32px}.dash-head{color:#8fd1b8;justify-content:space-between;display:flex}.dash-title{letter-spacing:-.065em;margin:12px 0 25px;font-size:41px;line-height:1}.dash-stat-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.dash-stat-grid>div{background:#25302f;border:1px solid #3e5550;border-radius:13px;flex-direction:column;gap:8px;padding:15px;display:flex}.dash-stat-grid span,.dash-week>span{letter-spacing:.13em;color:#93c8b3;font-size:9px}.dash-stat-grid strong{font-size:29px}.dash-stat-grid strong i{font-size:12px;font-style:normal}.dash-stat-grid small{color:#a1ada9;font-size:9px}.dash-week{background:#20282a;border:1px solid #364648;border-radius:13px;margin-top:10px;padding:15px}.dash-week>div{justify-content:space-between;align-items:flex-end;gap:8px;height:65px;margin:13px 0 5px;display:flex}.dash-week i{background:#8dceb5;border-radius:4px 4px 0 0;flex:1}.dash-week small{color:#738e87;font-size:8px}.dash-row{background:#222b2c;border-color:#364648;padding:10px}.dash-row>span{color:#a4dac3;font-size:19px}.dash-row strong{flex:1}.dash-row small{color:#a4dac3}.concept-2 .mock-nav{color:#8fceb4;background:#222a2c}.proto-picker{z-index:2147483647;-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#0a0a0ad1;border-radius:999px;align-items:center;gap:2px;padding:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff14,0 8px 24px #0000003d,0 2px 6px #0000001f}.proto-picker-highlight{background:#ffffff1f;border-radius:999px;height:28px;position:absolute;top:4px;left:0}.proto-picker[data-ready] .proto-picker-highlight{transition:transform .25s cubic-bezier(.23,1,.32,1),width .25s cubic-bezier(.23,1,.32,1)}.proto-picker-item{color:#ffffff8c;height:28px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding:0 12px;transition:color .15s ease-out,transform .16s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.proto-picker-item:active{transform:scale(.97)}.proto-picker-item:focus-visible{outline-offset:2px;outline:2px solid #fff6}.proto-picker-item[data-active]{color:#fff}.proto-picker-divider{background:#ffffff1f;width:1px;height:16px;margin:0 4px}.proto-picker-replay{padding:0 10px;font-size:14px}@media (width<=1000px){.concept-page{grid-template-columns:1fr;justify-items:center;gap:25px;padding:35px 20px 95px}.concept-intro,.concept-notes{text-align:center}.concept-intro h1{font-size:38px}.concept-intro p,.concept-notes p{max-width:360px}.concept-notes{order:3}.phone-stage{order:2;width:100%}}@media (width<=420px){.today-view,.page-view{padding-left:18px;padding-right:18px}.app-header{padding:0 18px}.welcome h1,.page-title h1{font-size:39px}.phone{width:340px;height:690px}.concept-page{padding-left:10px;padding-right:10px}}@media (hover:hover) and (pointer:fine){.add-button:hover,.save-button:hover{filter:brightness(1.08)}.habit-card:hover{background:#242230}.proto-picker-item:hover{color:#ffffffd9}}@media (prefers-reduced-motion:reduce){.modal-sheet{animation:none}.xp-track i,.progress-track i,.reward-track i,.habit-card,.habit-check,.add-button,.proto-picker[data-ready] .proto-picker-highlight{transition:none}}.token-panel label{color:#c9b9ef;margin-bottom:10px;font-size:11px;font-weight:800;display:block}.token-panel>div{gap:8px;display:flex}.token-panel input{color:#eee8f6;background:#292632;border:1px solid #494357;border-radius:9px;flex:1;min-width:0;height:39px;padding:0 10px;font-size:11px}.token-panel button{color:#241a35;background:#a991fb;border:0;border-radius:9px;padding:0 12px;font-size:11px;font-weight:800}@media (width<=350px){.phone{width:calc(100vw - 20px)}.mock-title{font-size:27px}.reward-grid{gap:7px}.reward-card{padding:11px}}@media (width<=420px){.app-header{height:62px}.today-view{padding-top:21px}.welcome h1{margin:8px 0;font-size:37px}.welcome-spark{margin-top:25px}.hero-card{margin-top:22px;padding:16px 19px 14px}.hero-middle{margin:13px 0}.hero-middle b{width:49px;height:49px}.hero-bottom{margin-top:11px}.section-head{margin:23px 0 11px}.week-strip button{min-height:58px}.daily-progress{margin:11px 0;padding:12px}.daily-progress>div:first-child{margin-bottom:7px}}.mock-focus>strong{justify-content:center;align-items:center;gap:1px;display:flex}.mock-focus strong span{margin:10px 0 0}.rewards-view .reward-grid{grid-template-columns:1fr;gap:12px}.rewards-view .reward-card{min-height:0;padding:18px}.rewards-view .reward-card>strong{font-size:16px;line-height:1.25}.rewards-view .reward-card p{min-height:0;margin:6px 0 17px;font-size:11px}.rewards-view .reward-icon{width:48px;height:48px;font-size:27px}.reward-card-head{justify-content:space-between;align-items:flex-start;display:flex}.reward-card-head .reward-edit{color:#b7a8d8;align-items:center;gap:5px;padding:6px 0;font-size:11px;display:flex}.reward-progress-label{color:#9d98a9;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:10px;display:flex}.rewards-view .reward-track{height:6px}.rewards-view .reward-bottom{margin-top:15px}.rewards-view .reward-bottom button{padding:9px 12px;font-size:11px}.goal-guide{color:#baa5ee;background:#232031;border:1px solid #3a324c;border-radius:13px;align-items:flex-start;gap:11px;margin:0 0 23px;padding:14px;display:flex}.goal-guide svg{flex:none}.goal-guide p{color:#b9b0c8;font-size:11px;line-height:1.5}.goal-guide strong{color:#e0d2ff}.reward-cost-guide{background:#302b3b;border:1px solid #4b405c;border-radius:12px;margin-bottom:16px;padding:13px}.reward-cost-guide strong{color:#e5d7ff;font-size:11px}.reward-cost-guide p{color:#aea5ba;margin:6px 0 11px;font-size:10px;line-height:1.45}.reward-cost-guide>div{gap:6px;display:flex}.reward-cost-guide button{color:#e8d8ff;background:#443554;border:1px solid #685482;border-radius:8px;padding:8px 10px;font-size:10px}.reward-cost-guide button:disabled{opacity:.5}.confirm-sheet h2{margin:10px 0;font-size:22px;line-height:1.2}.confirm-sheet p{color:#b5abbf;font-size:12px;line-height:1.5}.cancel-button{color:#dfd6e5;background:#322d3b;border:1px solid #544b5d;border-radius:10px;padding:11px 15px;font-size:12px}.confirm-sheet .modal-actions{margin-top:20px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}