:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070301;--bg-deep:#040201;--panel:#1a0b05f0;--panel-2:#291207e6;--panel-soft:#241007b8;--gold:#f1c34a;--gold-bright:#ffd978;--gold-dark:#9b661f;--ember:#e85518;--ember-bright:#ff7a24;--red:#e0442f;--green:#47c978;--ink:#fff7e8;--ink-2:#e1cdb2;--ink-3:#b79570;--ink-4:#806247;--line:#f1c34a47;--line-soft:#f1c34a29;--shadow:0 16px 36px #00000070;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--ink);overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.app-shell{background:radial-gradient(circle at 50% -10%,#762c0d7a,#0000 40%),linear-gradient(#140702 0%,#070301 60%,#050201 100%);flex-direction:column;width:100%;max-width:760px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 100px #000000a6}.ember-layer{pointer-events:none;opacity:.32;background-image:radial-gradient(circle at 20% 20%,#ff741f40 0 1px,#0000 2px),radial-gradient(circle at 75% 35%,#f1c34a33 0 1px,#0000 2px),radial-gradient(circle at 40% 80%,#e8551833 0 1px,#0000 2px);background-size:120px 160px,170px 210px,210px 180px;position:absolute;inset:0}.topbar{z-index:20;min-height:calc(64px + var(--safe-top));padding:calc(10px + var(--safe-top)) max(14px, var(--safe-right)) 10px max(14px, var(--safe-left));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080301db;align-items:center;gap:10px;display:flex;position:relative}.topbar-logo{object-fit:contain;filter:drop-shadow(0 5px 12px #000000b3);width:42px;height:42px}.topbar-copy{flex:1;gap:2px;min-width:0;display:grid}.topbar-copy strong{color:var(--gold);letter-spacing:1.6px;white-space:nowrap;text-overflow:ellipsis;font-family:Georgia,Times New Roman,serif;font-size:16px;overflow:hidden}.topbar-copy span{color:var(--ink-3);letter-spacing:1.6px;text-transform:uppercase;font-size:10px}.topbar-actions{align-items:center;gap:8px;display:flex}.streak-pill{border:1px solid var(--line);min-width:50px;height:36px;color:var(--gold-bright);background:#220e05e6;border-radius:999px;justify-content:center;align-items:center;gap:4px;font-weight:800;display:flex}.notification-button{border:1px solid var(--line);cursor:pointer;background:radial-gradient(circle,#351607,#120602);border-radius:50%;width:40px;height:40px;position:relative}.notification-button>span{background:var(--ember);color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:900;display:grid;position:absolute;top:-2px;right:-2px}.local-banner{z-index:19;text-align:center;color:var(--gold-bright);text-transform:uppercase;letter-spacing:1.3px;background:linear-gradient(90deg,#e8551838,#f1c34a1c,#e8551838);border-bottom:1px solid #f1c34a33;padding:5px 12px;font-size:9px;font-weight:800;position:relative}.main-content{z-index:2;min-height:0;padding-bottom:calc(74px + min(var(--safe-bottom), 18px));flex:1;position:relative;overflow:hidden}.screen-scroll{height:100%;padding:18px max(16px, var(--safe-right)) 110px max(16px, var(--safe-left));overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto}.screen-scroll::-webkit-scrollbar{display:none}.chat-log::-webkit-scrollbar{display:none}.modal-body::-webkit-scrollbar{display:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Georgia,Times New Roman,serif}.eyebrow{color:var(--ember-bright);text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:900}.today-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.today-heading h1{color:var(--gold-bright);letter-spacing:1px;margin:3px 0 0;font-size:30px}.pill{letter-spacing:.9px;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:5px 9px;font-size:9px;font-weight:900;display:inline-flex}.pill-gold{color:var(--gold-bright);background:#f1c34a1f}.pill-green{color:#8aeba9;background:#47c9781f;border-color:#47c97873}.pill-red{color:#ff9f92;background:#e0442f21;border-color:#e0442f80}.pill-muted{color:var(--ink-3);background:#ffffff0a}.mug-hero-card{box-shadow:var(--shadow), inset 0 1px #ffffff08;background:linear-gradient(150deg,#4b1e08b3,#120702f0);border:1px solid #e8551873;border-radius:18px;grid-template-columns:112px 1fr;align-items:center;gap:14px;margin-bottom:12px;padding:16px;display:grid}.mug-hero-card img{object-fit:contain;filter:drop-shadow(0 12px 18px #0000008c);width:112px;height:112px}.mug-hero-card h2{color:var(--gold-bright);margin:4px 0 6px;font-size:18px;line-height:1.25}.mug-hero-card p{color:var(--ink-2);margin-bottom:5px;font-size:12.5px;line-height:1.5}.text-button{color:var(--gold);cursor:pointer;background:0 0;border:0;padding:5px 0;font-weight:800}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.stat-card{text-align:center;background:var(--panel-soft);border:1px solid var(--line-soft);border-radius:12px;padding:12px 8px}.stat-card strong{color:var(--gold-bright);font-family:Georgia,serif;font-size:23px;display:block}.stat-card span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.8px;margin-top:2px;font-size:9px;display:block}.section-header{justify-content:space-between;align-items:flex-end;gap:12px;margin:18px 0 10px;display:flex}.section-header h2{color:var(--gold-bright);margin:0 0 3px;font-size:22px}.section-header p{color:var(--ink-3);margin:0;font-size:11.5px;line-height:1.45}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;min-height:42px;padding:10px 14px;font-weight:850;transition:transform .12s,filter .15s}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{color:#1d0b02;background:linear-gradient(#ffd467,#d68119);border-color:#ffd36a;box-shadow:0 4px #71340d,0 8px 18px #00000052}.button.secondary{color:var(--ink);border-color:var(--line);background:linear-gradient(#461e0aeb,#180a04eb)}.button.danger{color:#fff4ed;background:linear-gradient(#bd3b23,#701b12);border-color:#ff6d4fb3}.button.ghost{box-shadow:none;background:#6d150c40}.button.small{border-radius:8px;min-height:34px;padding:7px 10px;font-size:11px}.button.large{min-height:50px;padding:13px 20px;font-size:16px}.icon-button{border:1px solid var(--line-soft);cursor:pointer;background:#120702cc;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.icon-button.small{width:34px;height:34px;font-size:12px}.goal-list{gap:11px;display:grid}.goal-card{border:1px solid var(--line-soft);background:linear-gradient(160deg,#281107eb,#0d0502f0);border-radius:15px;padding:14px;position:relative;box-shadow:0 10px 25px #00000042}.goal-card .pill{margin-top:10px}.goal-card-header{align-items:center;gap:10px;display:flex}.goal-icon{border:1px solid var(--line);background:radial-gradient(circle,#4a2008,#160803);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:inset 0 -4px 8px #0006}.goal-icon.large{width:52px;height:52px;font-size:24px}.goal-title-wrap{flex:1;min-width:0}.goal-title-wrap h3{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:inherit;font-size:15px;overflow:hidden}.goal-meta,.metadata-row{color:var(--ink-3);flex-wrap:wrap;gap:6px;margin-top:4px;font-size:10.5px;display:flex}.goal-description{color:var(--ink-2);margin:10px 0 0;font-size:12px;line-height:1.45}.goal-progress-block{margin-top:12px}.progress-label{color:var(--ink-3);justify-content:space-between;margin-bottom:6px;font-size:10.5px;display:flex}.progress-label strong{color:var(--gold)}.progress-track{border:1px solid var(--line-soft);background:#0000008c;border-radius:999px;height:9px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--ember), var(--gold));height:100%;display:block;box-shadow:0 0 10px #e8551873}.goal-actions,.amount-update-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.goal-actions .button{flex:1}.amount-update-row input{flex:110px;min-width:90px}.checklist-items{gap:6px;margin-top:12px;display:grid}.checklist-items button{text-align:left;border:1px solid var(--line-soft);cursor:pointer;background:#00000038;border-radius:9px;align-items:center;gap:8px;padding:8px;display:flex}.checklist-items button span{border:1px solid var(--line);border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.checklist-items button.is-checked{color:var(--ink-3);text-decoration:line-through}.checklist-items button.is-checked span{border-color:var(--green);color:var(--green);background:#47c9782e}.empty-state{border:1px dashed var(--line);text-align:center;background:#1408038c;border-radius:16px;padding:28px 18px}.empty-state img{object-fit:contain;filter:drop-shadow(0 10px 20px #0000008c);width:130px;height:130px}.empty-state h3{color:var(--gold-bright);margin:4px 0 7px}.empty-state p{color:var(--ink-3);max-width:420px;margin:0 auto 14px;font-size:12px;line-height:1.5}.bottom-nav{z-index:30;height:calc(70px + min(var(--safe-bottom), 18px));padding:5px max(8px, var(--safe-right)) min(var(--safe-bottom), 18px) max(8px, var(--safe-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070301eb;grid-template-columns:1fr 1fr 1.16fr 1fr 1fr;display:grid;position:absolute;bottom:0;left:0;right:0}.nav-item{color:var(--ink-4);cursor:pointer;text-transform:uppercase;letter-spacing:.8px;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:9px;font-weight:900;display:flex}.nav-item.is-active{color:var(--gold-bright)}.nav-icon-wrap{place-items:center;width:31px;height:31px;display:grid}.nav-icon-wrap img{object-fit:contain;opacity:.72;filter:grayscale(.2);width:28px;height:28px}.nav-item.is-active img{opacity:1;filter:drop-shadow(0 0 8px #f1c34a73)}.nav-center .nav-icon-wrap{border:2px solid var(--gold-dark);background:radial-gradient(circle,#4a2008,#110501 70%);border-radius:50%;width:58px;height:58px;box-shadow:0 8px 22px #0000008c,0 0 18px #e8551838}.goals-screen .section-header{margin-top:0}.filter-row{margin-bottom:12px}.goal-management-list{gap:12px;display:grid}.management-card{border:1px solid var(--line-soft);background:var(--panel);border-radius:15px;padding:14px;box-shadow:0 10px 24px #00000040}.management-main{gap:12px;display:flex}.management-copy{flex:1;min-width:0}.management-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.management-title-row h3{margin:0;font-family:inherit;font-size:15px}.management-copy>p{color:var(--ink-3);margin:6px 0;font-size:11.5px;line-height:1.45}.goal-rule-summary{border-top:1px solid var(--line-soft);color:var(--ink-3);flex-wrap:wrap;gap:8px 13px;margin-top:9px;padding-top:9px;font-size:10.5px;display:flex}.goal-rule-summary strong{color:var(--gold)}.warning-text{color:#ff9b74}.management-actions{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.mug-chat-screen{flex-direction:column;height:100%;min-height:0;display:flex}.chat-header{padding:14px max(16px,var(--safe-right)) 10px max(16px,var(--safe-left));align-items:center;gap:12px;display:flex}.chat-header img{object-fit:contain;width:74px;height:74px}.chat-header h1{color:var(--gold-bright);margin:2px 0;font-size:24px}.chat-header p{color:var(--ink-3);margin:0;font-size:11px;line-height:1.4}.chat-disclaimer{border:1px solid var(--line-soft);color:var(--ink-3);background:#f1c34a12;border-radius:9px;margin:0 16px 8px;padding:8px 10px;font-size:10.5px;line-height:1.4}.chat-log{flex-direction:column;flex:1;gap:10px;min-height:0;padding:8px 16px 14px;display:flex;overflow-y:auto}.chat-message{align-items:flex-end;gap:7px;max-width:92%;display:flex}.chat-message.from-me{justify-content:flex-end;align-self:flex-end}.chat-message.from-mug{align-self:flex-start}.chat-message>img{object-fit:contain;width:34px;height:34px}.chat-bubble{border:1px solid var(--line-soft);background:var(--panel-2);border-radius:14px;padding:10px 12px}.chat-bubble p{margin:0;font-size:12.5px;line-height:1.5}.chat-choices{gap:6px;margin-top:9px;display:grid}.chat-choices button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#00000040;border-radius:8px;padding:8px}.prompt-chips{scrollbar-width:none;gap:6px;padding:6px 16px;display:flex;overflow-x:auto}.prompt-chips button{border:1px solid var(--line-soft);color:var(--ink-2);cursor:pointer;background:#1c0c05cc;border-radius:999px;flex:none;padding:7px 10px;font-size:10px}.chat-composer{padding:8px max(16px,var(--safe-right)) 10px max(16px,var(--safe-left));border-top:1px solid var(--line-soft);background:#090402bf;align-items:flex-end;gap:8px;display:flex}.chat-composer textarea{resize:none;border-radius:13px;flex:1;max-height:100px;padding:11px 12px}.send-button{color:#1d0b02;cursor:pointer;background:linear-gradient(#ffd467,#d68119);border:1px solid #ffd36a;border-radius:50%;width:44px;height:44px;font-weight:900}.panel,.settings-section{border:1px solid var(--line-soft);background:var(--panel);border-radius:15px;margin-bottom:12px;padding:14px;box-shadow:0 10px 24px #0000003d}.panel-heading{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.panel-heading h3,.panel-heading h4{color:var(--gold-bright);margin:0 0 3px}.panel-heading p{color:var(--ink-3);margin:0;font-size:10.5px}.progress-stats{margin-top:4px}.day-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-cell{border:1px solid var(--line-soft);background:#00000038;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:53px;display:flex}.day-cell span{color:var(--ink-4);text-transform:uppercase;font-size:9px}.day-cell strong{font-size:11px}.day-cell.is-complete{color:#91efaf;background:#47c9781a;border-color:#47c97873}.day-cell.has-miss{background:#e0442f14;border-color:#e0442f66}.activity-list{gap:2px;display:grid}.activity-row{border-bottom:1px solid var(--line-soft);grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:9px 0;display:grid}.activity-row:last-child{border-bottom:0}.activity-icon{border:1px solid var(--line-soft);width:28px;height:28px;color:var(--gold);background:#f1c34a1a;border-radius:50%;place-items:center;display:grid}.activity-row strong{font-size:11.5px;display:block}.activity-row p{color:var(--ink-3);margin:2px 0 0;font-size:10px}.activity-row time{color:var(--ink-4);font-size:9px}.settings-screen .section-header{margin-top:0}.settings-section-title{align-items:center;gap:10px;margin-bottom:12px;display:flex}.settings-section-title>span{border:1px solid var(--line);background:#f1c34a14;border-radius:11px;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.settings-section-title h3{color:var(--gold-bright);margin:0 0 3px}.settings-section-title p{color:var(--ink-3);margin:0;font-size:10.5px}.setting-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:15px;padding:11px 0;display:flex}.setting-row.compact{padding:9px 0}.setting-row>div{min-width:0}.setting-row strong{font-size:12px;display:block}.setting-row small{color:var(--ink-3);margin-top:2px;font-size:10px;line-height:1.4;display:block}.warning-row{background:#e0442f12;border:1px solid #e0442f4d;border-radius:10px;margin-top:8px;padding:10px!important}.toggle{border:1px solid var(--line);cursor:pointer;background:#1b0b04;border-radius:999px;flex:none;width:48px;height:27px;padding:3px}.toggle span{background:var(--ink-4);border-radius:50%;width:19px;height:19px;transition:transform .2s,background .2s;display:block}.toggle.is-on{background:#47c9783d;border-color:#47c978b3}.toggle.is-on span{background:#82e8a3;transform:translate(20px)}.notification-permission-card,.notification-preview{border:1px solid var(--line-soft);background:#0003;border-radius:11px;margin-top:12px;padding:12px}.notification-permission-card p{color:var(--ink-3);margin:3px 0 8px;font-size:10.5px}.notification-permission-card>small{color:var(--ink-4);margin-top:8px;line-height:1.4;display:block}.inline-actions,.button-grid{flex-wrap:wrap;gap:7px;display:flex}.button-grid .button{flex:140px}.preview-message{border:1px solid var(--line-soft);background:#2f1306b3;border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:10px;display:flex}.preview-message img{object-fit:contain;width:54px;height:54px}.preview-message p{color:var(--ink-2);margin:0;font-size:11.5px;line-height:1.5}.about-card{align-items:center;gap:12px;display:flex}.about-card img{object-fit:contain;width:70px;height:70px}.about-card h3{color:var(--gold-bright);margin:0 0 4px}.about-card p{color:var(--ember-bright);margin:0 0 4px;font-size:11px}.about-card small{color:var(--ink-3);line-height:1.45}.field{gap:6px;margin-top:10px;display:grid}.field>span{color:var(--ink-2);font-size:11px;font-weight:750}.field em{color:var(--ink-4);font-style:normal;font-weight:500}input,textarea,select{border:1px solid var(--line-soft);width:100%;color:var(--ink);background:#0a0402db;border-radius:10px;min-height:42px;padding:11px 12px}textarea{resize:vertical}select{appearance:auto}.mini-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.info-box{color:var(--ink-3);background:#f1c34a0f;border:1px solid #f1c34a38;border-radius:10px;margin-top:10px;padding:10px;font-size:10.5px;line-height:1.5}.form-error{color:#ffafa0;background:#e0442f1a;border:1px solid #e0442f8c;border-radius:9px;padding:10px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding-top:var(--safe-top);background:#000000b8;place-items:end center;display:grid;position:fixed;inset:0}.modal-card{width:min(100%,600px);max-height:calc(100% - var(--safe-top));border:1px solid var(--line);background:linear-gradient(#211007,#090402 85%);border-radius:20px 20px 0 0;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 -24px 70px #0009}.modal-card.modal-wide{width:min(100%,720px)}.modal-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.modal-header h2{color:var(--gold-bright);margin:2px 0 0;font-size:21px}.modal-body{min-height:0;padding:14px 16px calc(18px + var(--safe-bottom));overflow-y:auto}.modal-footer{padding:10px 16px calc(10px + min(var(--safe-bottom), 12px));border-top:1px solid var(--line-soft);background:#060201db;justify-content:flex-end;gap:8px;display:flex}.dialog-copy{color:var(--ink-2);line-height:1.55}.form-stack{gap:14px;display:grid}.form-section{border:1px solid var(--line-soft);background:#1e0c05b8;border-radius:13px;padding:13px}.form-section-heading{align-items:center;gap:9px;margin-bottom:8px;display:flex}.form-section-heading>span{border:1px solid var(--line);width:28px;height:28px;color:var(--gold);background:#f1c34a14;border-radius:50%;place-items:center;font-weight:900;display:grid}.form-section-heading h3{color:var(--gold-bright);margin:0 0 2px;font-size:16px}.form-section-heading p{color:var(--ink-3);margin:0;font-size:10px}.icon-picker{scrollbar-width:none;gap:6px;padding:3px 0 5px;display:flex;overflow-x:auto}.icon-picker button{border:1px solid var(--line-soft);cursor:pointer;background:#0003;border-radius:9px;flex:none;width:40px;height:40px}.icon-picker button.is-selected{border-color:var(--gold);background:#f1c34a24;box-shadow:0 0 10px #f1c34a33}.segmented-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.segmented-grid button,.choice-card{border:1px solid var(--line-soft);color:var(--ink);text-align:left;cursor:pointer;background:#0003;border-radius:10px;padding:10px}.segmented-grid button strong,.choice-card strong{font-size:11.5px;display:block}.segmented-grid button small,.choice-card small{color:var(--ink-3);margin-top:3px;font-size:9.5px;line-height:1.4;display:block}.segmented-grid button.is-selected,.choice-card.is-selected{border-color:var(--gold);background:#f1c34a1a;box-shadow:0 0 12px #f1c34a21}.choice-list{gap:7px;display:grid}.choice-card{align-items:center;gap:9px;width:100%;display:flex}.choice-card:disabled{opacity:.42;cursor:not-allowed}.choice-icon{font-size:22px}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-soft);color:var(--ink-2);cursor:pointer;background:#0003;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.chip.is-selected{border-color:var(--gold);color:var(--gold-bright);background:#f1c34a1f}.weekday-picker{grid-template-columns:repeat(7,1fr);gap:5px;margin-top:10px;display:grid}.weekday-picker button{aspect-ratio:1;border:1px solid var(--line-soft);cursor:pointer;background:#0003;border-radius:50%}.weekday-picker button.is-selected{color:#1b0801;background:linear-gradient(#e99d2b,#9f5312);border-color:#ffd36a;font-weight:900}.notification-list{gap:7px;display:grid}.notification-row{border:1px solid var(--line-soft);text-align:left;cursor:pointer;background:#0000002e;border-radius:11px;grid-template-columns:38px 1fr;gap:10px;padding:10px;display:grid}.notification-row.is-unread{background:#f1c34a12;border-color:#f1c34a7a}.notification-icon{border:1px solid var(--line-soft);background:#e855181a;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.notification-row strong{color:var(--gold-bright);font-size:11.5px;display:block}.notification-row small{color:var(--ink-2);margin-top:3px;line-height:1.4;display:block}.notification-row time{color:var(--ink-4);margin-top:5px;font-size:9px;display:block}.notification-empty{text-align:center;padding:24px 10px}.notification-empty img{object-fit:contain;width:110px;height:110px}.notification-empty h3{color:var(--gold-bright);margin-bottom:5px}.notification-empty p{color:var(--ink-3);font-size:11px;line-height:1.45}.toast{z-index:90;left:50%;top:calc(84px + var(--safe-top));border:1px solid var(--line);background:#140803f7;border-radius:14px;grid-template-columns:42px 1fr auto auto;align-items:center;gap:9px;width:min(100% - 24px,560px);padding:10px;display:grid;position:fixed;bottom:auto;transform:translate(-50%);box-shadow:0 18px 50px #0009}.toast img{object-fit:contain;width:42px;height:42px}.toast-copy{min-width:0}.toast-copy strong{color:var(--gold-bright);font-size:11.5px;display:block}.toast-copy span{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;display:block;overflow:hidden}.toast>button{color:var(--gold);cursor:pointer;background:0 0;border:0;font-weight:900}.toast .toast-close{color:var(--ink-4)}.onboarding-shell{width:100%;height:100%;padding:calc(22px + var(--safe-top)) max(16px,var(--safe-right)) calc(22px + var(--safe-bottom)) max(16px,var(--safe-left));background:radial-gradient(circle at 50% 5%,#3a1707,#070301 58%);overflow-y:auto}.onboarding-card{flex-direction:column;width:min(100%,650px);min-height:100%;margin:0 auto;display:flex}.onboarding-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.onboarding-hero img{object-fit:contain;filter:drop-shadow(0 18px 38px #000000a6)drop-shadow(0 0 28px #e8551847);width:min(58vw,260px);height:min(58vw,260px)}.onboarding-hero h1{color:var(--gold-bright);margin:6px 0 8px;font-size:clamp(28px,8vw,42px)}.onboarding-hero p{color:var(--ink-2);max-width:430px;line-height:1.55}.onboarding-hero .button{width:min(100%,320px);margin-top:12px}.onboarding-hero small{color:var(--ink-4);max-width:390px;margin-top:16px;line-height:1.45}.onboarding-step{flex:1;padding:8px 0 18px}.onboarding-step h2{color:var(--gold-bright);margin:5px 0 6px;font-size:27px}.onboarding-step>p{color:var(--ink-3);font-size:12px;line-height:1.5}.step-count{color:var(--ember-bright);text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:900}.onboarding-actions{padding:12px 0 max(4px,var(--safe-bottom));background:linear-gradient(#0000,#070301 28%);justify-content:space-between;gap:8px;display:flex;position:sticky;bottom:0}.onboarding-actions .button{flex:1}.text-large{font-size:112%}.high-contrast{--ink-2:#fff1dc;--ink-3:#e2c7a4;--line-soft:#ffd97857}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (width<=520px){.mug-hero-card{grid-template-columns:88px 1fr;padding:13px}.mug-hero-card img{width:88px;height:88px}.mug-hero-card h2{font-size:16px}.mini-grid,.segmented-grid{grid-template-columns:1fr}.management-main{align-items:flex-start}.metadata-row{gap:4px 8px}.toast{grid-template-columns:38px 1fr auto}.toast img{width:38px;height:38px}.toast .toast-close{display:none}}@media (height<=650px) and (orientation:landscape){.topbar{min-height:calc(52px + var(--safe-top));padding-top:calc(5px + var(--safe-top));padding-bottom:5px}.topbar-logo{width:34px;height:34px}.local-banner{display:none}.bottom-nav{height:calc(58px + min(var(--safe-bottom), 10px))}.main-content{padding-bottom:calc(60px + min(var(--safe-bottom), 10px))}.nav-center{margin-top:-14px}.nav-center .nav-icon-wrap{width:48px;height:48px}.nav-center .nav-icon-wrap img{width:39px;height:39px}}@media (width>=761px){body{background:#020100}.app-shell{border-left:1px solid #f1c34a1f;border-right:1px solid #f1c34a1f}.modal-backdrop{place-items:center;padding:20px}.modal-card{border-radius:20px;max-height:min(92vh,900px)}}html,body,#root{max-width:100%;overflow-x:hidden}body{overscroll-behavior-x:none;touch-action:pan-y}.app-shell,.main-content,.screen-scroll,.modal-backdrop,.modal-card,.modal-body,.form-section,.wizard-step,.studio-screen,.studio-scroll{min-width:0;max-width:100%}img,svg,canvas{max-width:100%}input,textarea,select{font-size:16px}.screen-scroll,.modal-body,.onboarding-shell,.studio-scroll{overflow-x:hidden}.studio-entry-card{width:100%;min-width:0;color:var(--ink);text-align:left;background:linear-gradient(135deg,#4f1907e6,#110602f5);border:1px solid #ff992b6b;border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;margin:2px 0 12px;padding:11px 12px;display:grid;box-shadow:0 12px 30px #0000004d,inset 0 1px #ffffff0a}.studio-entry-card img{object-fit:contain;filter:drop-shadow(0 0 12px #ff671d52);width:48px;height:48px}.studio-entry-card span{gap:2px;min-width:0;display:grid}.studio-entry-card small{color:var(--ember-bright);text-transform:uppercase;letter-spacing:1px;font-size:8.5px;font-weight:900}.studio-entry-card strong{white-space:normal;font-size:12.5px}.studio-entry-card em{color:var(--ink-3);font-size:9.5px;font-style:normal}.studio-entry-card b{color:var(--gold-bright);font-size:10px}.modal-wizard{height:calc(100dvh - var(--safe-top));max-height:calc(100dvh - var(--safe-top));border-radius:18px 18px 0 0;width:100%}.modal-wizard .modal-header{flex:none}.modal-wizard .modal-body{padding:0}.goal-wizard{min-width:0;padding:13px 14px calc(30px + var(--safe-bottom))}.wizard-progress{gap:7px;margin-bottom:14px;display:grid}.wizard-progress-line{background:#ffffff14;border-radius:99px;height:4px;overflow:hidden}.wizard-progress-line span{border-radius:inherit;background:linear-gradient(90deg, var(--ember), var(--gold));height:100%;transition:width .25s;display:block;box-shadow:0 0 12px #ff6f1c66}.wizard-progress>div:last-child{color:var(--ink-3);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;gap:8px;font-size:9.5px;display:flex}.wizard-progress strong{color:var(--gold-bright)}.wizard-step[hidden]{display:none}.wizard-step{min-width:0}.wizard-heading{align-items:center;gap:10px;margin-bottom:12px;display:flex}.wizard-heading>span{border:1px solid var(--line);width:42px;height:42px;color:var(--gold);background:radial-gradient(circle,#5b2208,#170702);border-radius:50%;flex:none;place-items:center;font-family:Georgia,serif;font-weight:900;display:grid}.wizard-heading h3{color:var(--gold-bright);margin:0 0 2px;font-size:24px}.wizard-heading p{color:var(--ink-3);margin:0;font-size:11px}.wizard-actions{grid-template-columns:1fr 1.35fr;gap:9px;margin-top:18px;display:grid}.wizard-actions .button{width:100%}.icon-picker.wrap{grid-template-columns:repeat(6,1fr);gap:7px;display:grid;overflow:visible}.icon-picker.wrap button{aspect-ratio:1;width:100%;min-width:0;height:auto;font-size:20px}.option-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.option-tile{text-align:left;border:1px solid var(--line-soft);background:#0000003d;border-radius:12px;align-items:flex-start;gap:9px;min-width:0;min-height:82px;padding:11px;display:flex}.option-tile.is-selected{border-color:var(--gold);background:linear-gradient(145deg,#692b0a99,#1a0903e6);box-shadow:0 0 0 1px #ffcf5c1f,0 9px 22px #00000040}.option-tile-icon{width:28px;height:28px;color:var(--gold-bright);background:#f1c34a1a;border-radius:8px;flex:none;place-items:center;display:grid}.option-tile span:last-child{min-width:0}.option-tile strong{font-size:12px;display:block}.option-tile small{color:var(--ink-3);margin-top:3px;font-size:9.5px;line-height:1.35;display:block}.preset-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.preset-grid.seven{grid-template-columns:repeat(7,1fr)}.preset-grid button,.time-preset-grid button{border:1px solid var(--line-soft);min-width:0;min-height:42px;color:var(--ink-2);background:#0000003b;border-radius:10px;font-weight:800}.preset-grid button.is-selected,.time-preset-grid button.is-selected{border-color:var(--gold);color:#1b0801;background:linear-gradient(#ffd467,#d68119)}.time-preset-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.inline-field{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.builder-items{gap:6px;margin-top:10px;display:grid}.builder-items>div{border:1px solid var(--line-soft);background:#0003;border-radius:10px;grid-template-columns:25px minmax(0,1fr) 34px;align-items:center;gap:7px;min-width:0;padding:8px;display:grid}.builder-items span{color:var(--green)}.builder-items strong{overflow-wrap:anywhere;min-width:0;font-size:11.5px}.builder-items button{color:var(--ink-4);background:0 0;border:0}.reminder-timeline{grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0;display:grid}.reminder-timeline>div{text-align:center;border:1px solid var(--line-soft);opacity:.58;background:#00000038;border-radius:11px;justify-items:center;gap:3px;min-width:0;padding:10px 5px;display:grid}.reminder-timeline>div.is-on{opacity:1;background:#f1c34a14;border-color:#f1c34a73}.reminder-timeline span{width:24px;height:24px;color:var(--gold);background:#e8551826;border-radius:50%;place-items:center;font-weight:900;display:grid}.reminder-timeline strong{font-size:10px}.reminder-timeline small{color:var(--ink-3);font-size:8.5px}.locked-feature-row{border:1px solid var(--line-soft);background:#0003;border-radius:11px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;margin:10px 0;padding:10px;display:grid}.locked-feature-row img{object-fit:contain;width:40px;height:40px}.locked-feature-row strong,.locked-feature-row small{display:block}.locked-feature-row small{color:var(--ink-3);margin-top:2px;font-size:9.5px}.locked-feature-row>span{color:var(--ink-4);text-transform:uppercase;letter-spacing:1px;font-size:9px}.rule-choice img{object-fit:contain;flex:none;width:48px;height:48px}.goal-review-card{border:1px solid var(--line);background:linear-gradient(160deg,#371507db,#090301f2);border-radius:14px;overflow:hidden}.goal-review-hero{border-bottom:1px solid var(--line-soft);grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;padding:13px;display:grid}.goal-review-hero>span{border:1px solid var(--line);background:radial-gradient(circle,#572008,#160602);border-radius:50%;place-items:center;width:50px;height:50px;font-size:24px;display:grid}.goal-review-hero strong,.goal-review-hero small{display:block}.goal-review-hero small{color:var(--ink-3);margin-top:3px;font-size:10px}.review-row{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;padding:10px 13px;font-size:10.5px;display:grid}.review-row:last-child{border-bottom:0}.review-row span{color:var(--ink-3)}.review-row strong{text-align:right;overflow-wrap:anywhere}.info-box.strong{color:var(--gold-bright)}.plan-settings .settings-section-title>img{object-fit:contain;width:42px;height:42px}.plan-card-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.plan-card-grid button{text-align:left;border:1px solid var(--line-soft);background:#0003;border-radius:12px;align-content:start;gap:4px;min-width:0;min-height:118px;padding:11px;display:grid}.plan-card-grid button.is-selected{border-color:var(--gold);background:linear-gradient(145deg,#5c230899,#140702f2);box-shadow:0 0 18px #f1c34a1a}.plan-card-grid span{color:var(--ember-bright);text-transform:uppercase;letter-spacing:1.2px;font-size:8px;font-weight:900}.plan-card-grid strong{color:var(--gold-bright);font-size:12px}.plan-card-grid small{color:var(--ink-3);font-size:9px;line-height:1.4}.current-plan-strip{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:10px;display:flex}.current-plan-strip>div{grid-template-columns:auto 1fr;align-items:center;gap:2px 7px;display:grid}.current-plan-strip small{color:var(--ink-3);grid-column:2}.plan-rule-note{border:1px solid var(--line-soft);background:#f1c34a12;border-radius:10px;gap:2px;padding:10px;display:grid}.plan-rule-note strong{color:var(--gold-bright)}.plan-rule-note span{color:var(--ink-3);font-size:10px}.profile-photo-row{border:1px solid var(--line-soft);background:#0000002e;border-radius:11px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;display:grid}.profile-photo-row img{object-fit:cover;border:1px solid var(--line);border-radius:12px;width:52px;height:52px}.profile-photo-row strong,.profile-photo-row small{display:block}.profile-photo-row small{color:var(--ink-3);margin-top:2px;font-size:9.5px}.studio-screen{z-index:80;background:radial-gradient(circle at 50% -10%,#571c08,#090301 42%,#030101 100%);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.studio-topbar{min-height:calc(70px + var(--safe-top));padding:calc(10px + var(--safe-top)) max(14px,var(--safe-right)) 9px max(14px,var(--safe-left));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060201db;flex:none;grid-template-columns:42px minmax(0,1fr) 52px;align-items:center;gap:10px;display:grid}.studio-topbar h1{color:var(--gold-bright);margin:2px 0 0;font-size:24px}.studio-topbar>img{object-fit:contain;filter:drop-shadow(0 0 14px #ff631959);width:50px;height:50px}.studio-scroll{min-height:0;padding:14px max(14px,var(--safe-right)) calc(24px + var(--safe-bottom)) max(14px,var(--safe-left));overscroll-behavior:contain;flex:1;overflow-y:auto}.studio-hero{background:linear-gradient(135deg,#541a07d9,#0c0401f5);border:1px solid #ff80236b;border-radius:18px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #0000006b}.studio-hero-flare{background:radial-gradient(circle,#ff611847,#0000 65%);border-radius:50%;width:220px;height:220px;position:absolute;inset:auto auto -70px -50px}.studio-hero>img{object-fit:contain;filter:drop-shadow(0 15px 18px #0009);width:112px;height:112px;position:relative}.studio-hero>div:last-child{min-width:0;position:relative}.studio-hero h2{color:var(--gold-bright);margin:7px 0 5px;font-size:20px;line-height:1.15}.studio-hero p{color:var(--ink-2);margin:0;font-size:10.5px;line-height:1.5}.studio-mode-tabs{grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0;display:grid}.studio-mode-tabs button{border:1px solid var(--line-soft);min-width:0;min-height:58px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.5px;background:#100602d6;border-radius:11px;align-content:center;justify-items:center;gap:3px;font-size:8.5px;font-weight:900;display:grid}.studio-mode-tabs button span{font-size:17px}.studio-mode-tabs button.is-active{color:var(--gold-bright);border-color:var(--gold);background:#f1c34a17;box-shadow:0 0 16px #f1c34a1a}.studio-panel{border:1px solid var(--line-soft);background:linear-gradient(160deg,#240e05f0,#090301f5);border-radius:15px;margin-bottom:12px;padding:13px;box-shadow:0 12px 30px #00000047}.studio-panel h3{color:var(--gold-bright)}.studio-error{margin-bottom:10px}.studio-usage{border:1px solid var(--line-soft);background:#0000003d;border-radius:11px;gap:6px;margin-bottom:10px;padding:10px 12px;display:grid}.studio-usage>div:first-child{color:var(--ink-3);text-transform:uppercase;letter-spacing:.8px;justify-content:space-between;gap:8px;font-size:9.5px;display:flex}.studio-usage strong{color:var(--gold-bright)}.studio-lock-card{background:radial-gradient(circle at 50% 15%,#6a2108,#130501 62%);border:1px solid #ff771f66;border-radius:18px;grid-template-columns:1fr;align-content:end;min-height:300px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000073}.studio-lock-card>img{object-fit:contain;object-position:center top;opacity:.9;filter:drop-shadow(0 15px 20px #00000080);width:100%;height:72%;position:absolute;inset:0}.studio-lock-copy{background:linear-gradient(#0000,#070201f5 35%);padding:145px 16px 16px;position:relative}.studio-lock-copy h3{color:var(--gold-bright);margin:8px 0 5px;font-size:24px}.studio-lock-copy p{color:var(--ink-2);font-size:11px;line-height:1.5}.studio-dropzone{background:radial-gradient(circle,#5b20086b,#0000002e);border:1px dashed #f1c34a75;border-radius:13px;align-content:center;justify-items:center;gap:5px;width:100%;min-height:180px;display:grid}.studio-dropzone img{object-fit:contain;width:82px;height:82px}.studio-dropzone strong{color:var(--gold-bright)}.studio-dropzone span{color:var(--ink-3);font-size:9px}.source-preview{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:11px;min-width:0;display:grid}.source-preview>img{object-fit:cover;border:1px solid var(--line);border-radius:12px;width:112px;height:112px}.source-preview strong,.source-preview small{display:block}.source-preview small{color:var(--ink-3);margin:3px 0 8px;font-size:9.5px;line-height:1.4}.quick-edit-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.quick-edit-grid button{text-align:left;border:1px solid var(--line-soft);background:#00000038;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:32px minmax(0,1fr);align-content:center;gap:2px 8px;min-width:0;min-height:91px;padding:10px;display:grid}.quick-edit-grid button.is-selected{border-color:var(--gold);background:#f1c34a17}.quick-edit-grid span{background:#f1c34a14;border-radius:8px;grid-row:1/3;align-self:center;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.quick-edit-grid strong{font-size:11px}.quick-edit-grid small{color:var(--ink-3);font-size:8.5px;line-height:1.35}.studio-prompt textarea{min-height:105px}.prompt-starters{gap:5px;margin-top:8px;display:grid}.prompt-starters button{text-align:left;border:1px solid var(--line-soft);width:100%;color:var(--ink-3);background:#00000030;border-radius:9px;padding:8px 9px;font-size:9.5px}.studio-generate-button{width:100%;margin-top:12px}.studio-processing{background:#421405b8;border:1px solid #ff6f1f5c;border-radius:14px;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:11px;margin-bottom:12px;padding:12px;display:grid}.studio-processing img{object-fit:contain;width:68px;height:68px;animation:1.8s linear infinite studio-spin}.studio-processing strong,.studio-processing span{display:block}.studio-processing span{color:var(--ink-3);margin:3px 0 8px;font-size:9.5px}.studio-processing .progress-track span{animation:1.2s ease-in-out infinite alternate studio-progress}@keyframes studio-spin{to{transform:rotate(360deg)}}@keyframes studio-progress{0%{width:20%}to{width:88%}}.result-main{border:1px solid var(--line);background:#050201;border-radius:14px;position:relative;overflow:hidden}.result-main img{object-fit:contain;width:100%;max-height:440px;display:block}.result-main>span{color:var(--gold);text-transform:uppercase;letter-spacing:1px;background:#000000bd;border-radius:99px;padding:5px 7px;font-size:8px;position:absolute;bottom:8px;right:8px}.variation-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px;display:grid}.variation-grid button{border:1px solid var(--line-soft);background:#050201;border-radius:10px;min-width:0;padding:0;position:relative;overflow:hidden}.variation-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.variation-grid span{width:21px;height:21px;color:var(--gold);background:#000000c2;border-radius:50%;place-items:center;font-size:9px;display:grid;position:absolute;bottom:5px;right:5px}.session-meta{color:var(--ink-3);justify-content:space-between;gap:8px;margin:10px 0;font-size:9.5px;display:flex}.session-meta strong{color:var(--gold-bright)}.mock-disclaimer{color:var(--ink-4);margin-top:10px;font-size:9px;line-height:1.45;display:block}.full-forge-banner{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:11px;display:grid}.full-forge-banner img{object-fit:contain;width:110px;height:110px}.full-forge-banner h3{margin:6px 0 4px;font-size:20px}.full-forge-banner p{color:var(--ink-3);margin:0;font-size:10px;line-height:1.45}.generated-concepts{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.generated-concepts>div{border:1px solid var(--line-soft);background:#0003;border-radius:11px;min-width:0;overflow:hidden}.generated-concepts img{aspect-ratio:.78;object-fit:contain;width:100%;display:block}.generated-concepts span{color:var(--gold);text-align:center;padding:7px;font-size:9px;display:block}.studio-gallery{gap:9px;display:grid}.studio-gallery article{border:1px solid var(--line-soft);background:#0000002e;border-radius:11px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:8px;display:grid}.studio-gallery article>img{object-fit:cover;border-radius:9px;width:86px;height:86px}.studio-gallery article>div{min-width:0}.studio-gallery strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:10.5px;display:-webkit-box;overflow:hidden}.studio-gallery small{color:var(--ink-4);margin-top:4px;font-size:8.5px;display:block}@media (width<=520px){.modal-backdrop{padding-top:var(--safe-top)}.modal-card{width:100%;max-width:100%}.modal-header{padding-left:14px;padding-right:14px}.goal-wizard{padding-left:12px;padding-right:12px}.option-grid{grid-template-columns:1fr}.option-tile{min-height:70px}.icon-picker.wrap{grid-template-columns:repeat(6,1fr)}.weekday-picker{gap:4px}.weekday-picker button{min-width:0}.preset-grid.seven{gap:4px}.preset-grid.seven button{padding:0}.plan-card-grid{grid-template-columns:1fr}.studio-hero{grid-template-columns:92px minmax(0,1fr);padding:12px}.studio-hero>img{width:92px;height:92px}.studio-hero h2{font-size:17px}.studio-hero p{font-size:9.5px}.source-preview{grid-template-columns:92px minmax(0,1fr)}.source-preview>img{width:92px;height:92px}}@media (width<=360px){.icon-picker.wrap{grid-template-columns:repeat(5,1fr)}.time-preset-grid{grid-template-columns:1fr 1fr}.studio-mode-tabs button{font-size:7.5px}.quick-edit-grid{grid-template-columns:1fr}}:root{--bg:#030100;--bg-deep:#010000;--panel:#180803f0;--panel-2:#2b0e04eb;--panel-soft:#220b04c7;--gold:#f4bf40;--gold-bright:#ffe39a;--gold-hot:#fff0b5;--gold-dark:#8a4c0c;--bronze:#b96b18;--ember:#e74712;--ember-bright:#ff7a1c;--ember-hot:#ffb13b;--red:#ec4931;--green:#4fce79;--ink:#fff8eb;--ink-2:#ead6ba;--ink-3:#b9946c;--ink-4:#7c5b3f;--line:#ffc84e5c;--line-soft:#f5ae372e;--premium-shadow:0 20px 55px #0000009e, 0 0 35px #e2460f14;--premium-inset:inset 0 1px 0 #fff0b914, inset 0 -1px 0 #000000b3}html,body,#root{background:#000;overflow:hidden}body{-webkit-font-smoothing:antialiased}button{-webkit-tap-highlight-color:transparent}.ui-icon{vertical-align:middle;flex:none;display:inline-block}.premium-visual-theme{isolation:isolate;background:radial-gradient(at 50% -8%,#d03f0d61 0%,#5715042e 28%,#0000 54%),radial-gradient(circle at 4% 48%,#da491017,#0000 36%),radial-gradient(circle at 96% 70%,#f8a42a12,#0000 33%),linear-gradient(#100300 0%,#050100 53%,#020100 100%)}.premium-visual-theme:before{content:"";z-index:0;pointer-events:none;opacity:.28;mix-blend-mode:screen;background:repeating-linear-gradient(115deg,#0000 0 28px,#ffffff03 29px 30px),radial-gradient(circle at 10% 15%,#ffc53e24 0 1px,#0000 2px) 0 0/125px 145px,radial-gradient(circle at 78% 24%,#ff5a141f 0 1px,#0000 2px) 0 0/185px 205px,radial-gradient(circle at 42% 70%,#ffca5a1a 0 1px,#0000 2px) 0 0/230px 180px;position:absolute;inset:0}.premium-visual-theme:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #000000c7}.ember-layer{z-index:1;opacity:.68;background-image:radial-gradient(circle,#ffb039e6 0 1px,#0000 2px),radial-gradient(circle,#ff4b10cc 0 1px,#0000 2px),radial-gradient(circle,#ffe0878c 0 1px,#0000 1.6px);background-position:20px 10px,100px 90px,40px 180px;background-size:135px 170px,205px 255px,280px 310px;animation:13s linear infinite ember-drift;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}@keyframes ember-drift{0%{background-position:20px 10px,100px 90px,40px 180px;transform:translateY(14px)}to{background-position:45px -180px,75px -160px,60px -125px;transform:translateY(-18px)}}.premium-topbar{min-height:calc(72px + var(--safe-top));padding:calc(10px + var(--safe-top)) max(14px,var(--safe-right)) 9px max(14px,var(--safe-left));background:linear-gradient(#100401fa,#080201e8),radial-gradient(circle at 35% 0,#e6490e47,#0000 55%);border-bottom:1px solid #ffb62b8c;gap:11px;box-shadow:0 10px 30px #0000007a,inset 0 -1px #ffde8514}.premium-topbar:after{content:"";opacity:.75;filter:blur(.15px);background:linear-gradient(90deg,#0000,#9a3c0b 12%,#ffd56b 50%,#9a3c0b 88%,#0000);height:4px;position:absolute;bottom:-2px;left:0;right:0}.topbar-brand-mark{flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid;position:relative}.topbar-brand-aura{background:radial-gradient(circle,#ff972261,#0000 66%);border-radius:50%;animation:2.8s ease-in-out infinite crest-pulse;position:absolute;inset:-7px}.topbar-logo{filter:drop-shadow(0 8px 12px #000000d9)drop-shadow(0 0 8px #ff7f1959);width:48px;height:48px;position:relative}@keyframes crest-pulse{0%,to{opacity:.48;transform:scale(.92)}50%{opacity:.9;transform:scale(1.08)}}.topbar-copy strong{letter-spacing:1.4px;color:var(--gold-hot);text-shadow:0 1px #5c2a08,0 0 16px #ffa32a2e;font-size:17px;line-height:1}.topbar-copy span{color:#d2873c;letter-spacing:2.1px;margin-top:4px;font-size:8.5px}.streak-pill,.notification-button{box-shadow:var(--premium-inset), 0 9px 20px #0006, 0 0 12px #e8511014;background:radial-gradient(circle at 50% 25%,#672607e0,#100401fa 72%);border-color:#ffc2417a}.streak-pill{color:#ffb43b;gap:5px;min-width:51px;height:39px}.streak-pill b{color:var(--gold-hot);font-family:Georgia,serif;font-size:15px}.notification-button{width:41px;height:41px;color:var(--gold-bright);place-items:center;display:grid}.notification-button>span{border:1px solid #ffb94c;top:-4px;right:-3px;box-shadow:0 0 12px #ff4a15b3}.local-banner{color:#d9a75e;letter-spacing:1.2px;background:linear-gradient(90deg,#3f1104eb,#772907bf 50%,#3f1104eb);border-bottom-color:#f6ae2f40;justify-content:center;align-items:center;gap:5px;min-height:27px;padding:5px 10px;font-size:8px;display:flex}.local-banner span{color:#ffc75c;font-weight:950}.local-banner i{background:#e77b22;border-radius:50%;width:3px;height:3px}.main-content{z-index:3}.screen-scroll{padding-top:16px}.premium-frame{isolation:isolate;position:relative}.premium-frame:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;border:1px solid #ffda7d1a;position:absolute;inset:4px}.premium-page-heading{margin-bottom:13px}.premium-page-heading h1{color:#ffe4a0;text-shadow:0 2px #6f340b,0 0 22px #ffb13629;font-size:clamp(31px,9vw,39px);line-height:.98}.eyebrow{color:#ff7d25;letter-spacing:2.05px;text-shadow:0 0 12px #ff531329;align-items:center;gap:5px;display:inline-flex}.heading-rule{background:linear-gradient(90deg,#ff7b1b,#ffd76b,#0000);width:74px;height:2px;margin-top:9px;display:block;box-shadow:0 0 12px #ff6f196b}.section-kicker{color:#e17b28;letter-spacing:2px;text-transform:uppercase;align-items:center;gap:4px;font-size:8px;font-weight:900;display:inline-flex}.section-header h2{color:#ffe4a0;text-shadow:0 2px #4b1d06cc;margin-top:4px;font-size:24px}.section-header p{color:#b88f66}.pill{border-color:#ffc64c66;gap:5px;padding:6px 10px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 6px 15px #0003}.pill i{background:currentColor;border-radius:50%;width:4px;height:4px;box-shadow:0 0 8px}.pill-gold{background:linear-gradient(#7e450d6b,#38140385)}.pill-green{background:linear-gradient(#28693757,#0a23128f)}.pill-red{background:linear-gradient(#872d1e59,#310a0794)}.button{letter-spacing:.15px;border-radius:12px;justify-content:center;align-items:center;gap:7px;transition:transform .16s,filter .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden}.button:after{content:"";pointer-events:none;background:linear-gradient(#ffffff2e,#0000);border-radius:10px 10px 50% 50%;height:42%;position:absolute;inset:1px 3px auto}.button:hover{filter:brightness(1.08)}.button:active{transform:translateY(2px)scale(.985)}.button.primary{color:#241000;text-shadow:0 1px #fff3c099;background:linear-gradient(#ffe18a 0%,#f2a72d 45%,#c7660d 100%);border-color:#ffe49d;box-shadow:0 4px #6d2b04,0 10px 22px #0000006b,0 0 18px #ff9c1f26,inset 0 -1px #4b18008c}.button.secondary{background:linear-gradient(#581f07f2,#1a0702fa);border-color:#e8982773;box-shadow:0 3px #310d02cc,0 8px 18px #00000059,inset 0 1px #ffdd8f12}.icon-button{color:#eab55f;background:radial-gradient(circle at 50% 25%,#5b1f07d9,#0d0301f2);border-color:#ffba3652;box-shadow:inset 0 1px #ffffff0d,0 8px 18px #00000057}.mug-hero-card{min-height:166px;box-shadow:var(--premium-shadow), inset 0 1px #ffe49b12;background:radial-gradient(circle at 17% 52%,#ff63114f,#0000 35%),linear-gradient(135deg,#5e1b04e6,#120401f7 59%,#070201fc);border:1px solid #ff841c94;border-radius:22px;grid-template-columns:124px minmax(0,1fr);gap:12px;padding:16px 15px 16px 11px;overflow:hidden}.mug-hero-card:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffd67a09 36% 37%,#0000 38%);position:absolute;inset:0}.hero-firewash{filter:blur(8px);background:radial-gradient(#ff410a47,#0000 68%);height:160px;position:absolute;inset:auto -40px -70px 25%}.hero-flame-rail{z-index:0;object-position:center 30%;opacity:.5;mix-blend-mode:screen;bottom:-37px;left:-4%;right:auto;object-fit:cover!important;filter:saturate(1.2)contrast(1.05)!important;width:108%!important;height:88px!important;position:absolute!important}.hero-character-stage{z-index:1;align-self:end;place-items:end center;height:138px;display:grid;position:relative}.hero-character-stage img{z-index:2;object-fit:contain;filter:drop-shadow(0 17px 18px #000000c7)drop-shadow(0 0 16px #ff5c113b);width:128px;height:128px;position:relative}.hero-character-aura{z-index:1;background:radial-gradient(circle,#ff972142,#ff370814 43%,#0000 70%);border-radius:50%;width:130px;height:130px;animation:3s ease-in-out infinite hero-aura;position:absolute}@keyframes hero-aura{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}.hero-copy-panel{z-index:2;border-left:1px solid #ffaf2f30;min-width:0;padding:9px 8px 9px 12px;position:relative}.mug-hero-card h2{color:#ffe4a0;text-shadow:0 2px #572208;font-size:clamp(19px,5.3vw,23px);line-height:1.17}.mug-hero-card p{color:#e4c9a6}.premium-text-link{color:#ffc653;text-shadow:0 0 12px #ff9a1b33;align-items:center;gap:5px;display:inline-flex}.mug-hero-card.is-victory{box-shadow:var(--premium-shadow), 0 0 28px #42cb6c1f;border-color:#5de3848c}.premium-stats-grid{gap:9px}.premium-stats-grid .stat-card{background:linear-gradient(160deg,#441605c7,#0f0401f5),radial-gradient(circle at 50% 0,#ff9e1e24,#0000 60%);border-color:#ffb92f4f;border-radius:15px;min-height:89px;padding:12px 7px 10px;position:relative;overflow:hidden;box-shadow:0 12px 25px #00000061,inset 0 1px #ffe08d0f}.premium-stats-grid .stat-card:after{content:"";background:linear-gradient(90deg,#0000,#e97a1f,#0000);height:2px;position:absolute;bottom:0;left:12%;right:12%}.stat-rune{color:#f6a02b;background:radial-gradient(circle,#6f2807bf,#0b0301e6);border:1px solid #ffb83640;border-radius:50%;place-items:center;width:28px;height:28px;margin:0 auto 3px;display:grid;box-shadow:0 0 13px #ff5d111f}.premium-stats-grid .stat-card strong{color:#ffe5a2;text-shadow:0 2px #512007;font-size:24px;line-height:1}.studio-entry-card{background:radial-gradient(circle at 12%,#ff650d61,#0000 30%),linear-gradient(125deg,#6c1c03f2,#120401fa 62%);border-color:#ff81189e;border-radius:18px;grid-template-columns:64px minmax(0,1fr) auto;min-height:82px;padding:10px 13px 10px 8px;overflow:hidden;box-shadow:0 16px 34px #00000073,0 0 25px #de410c14,inset 0 1px #ffecb00f}.studio-entry-card:after{content:"";border:1px solid #ffbf3c1c;border-radius:50%;width:170px;height:170px;position:absolute;top:-60px;right:-44px;box-shadow:0 0 0 16px #ffbf3c06,0 0 0 34px #ffbf3c05}.studio-entry-glow{background:radial-gradient(#ff4d0a6b,#0000 65%);width:180px;height:140px;position:absolute;bottom:-65px;left:-20px}.studio-entry-card img{z-index:2;width:63px;height:63px;animation:8s linear infinite forge-orbit;position:relative}@keyframes forge-orbit{0%,to{transform:rotate(-3deg)scale(.98)}50%{transform:rotate(5deg)scale(1.04)}}.studio-entry-card strong{color:#fff0c2;font-size:13px}.studio-entry-card em{color:#b88e65}.studio-entry-card b{color:#ffd465;align-items:center;gap:3px;display:inline-flex}.studio-entry-card small{color:#ff8b29;align-items:center;gap:4px;display:flex}.goal-list{gap:14px}.goal-card{background:radial-gradient(circle at 8% 12%,#e2470e24,#0000 31%),linear-gradient(150deg,#310e03f5,#0c0301fb 68%);border:1px solid #e997264a;border-radius:18px;padding:15px 14px 16px;overflow:hidden;box-shadow:0 15px 36px #0000007a,inset 0 1px #ffe8a60e}.goal-card:after{content:"";background:linear-gradient(#0000,#ff8a23 25%,#ffd264 50%,#9e3b09 80%,#0000);width:3px;position:absolute;top:12px;bottom:12px;left:0;box-shadow:0 0 12px #ff631059}.goal-card-glow{background:radial-gradient(circle,#ff982021,#0000 66%);border-radius:50%;width:180px;height:180px;position:absolute;top:-80px;right:-65px}.goal-card-flame{z-index:-1;object-fit:cover;opacity:.22;mix-blend-mode:screen;width:100%;height:80px;position:absolute;bottom:-38px;left:0}.goal-card.is-done{background:radial-gradient(circle at 8% 12%,#34be5a24,#0000 32%),linear-gradient(150deg,#163a1b9e,#080301fa 70%);border-color:#4dd4767a}.goal-card.is-done:after{background:linear-gradient(#0000,#50dc7d,#b4ffc8,#0000);box-shadow:0 0 15px #4ad87466}.goal-card.is-missed{border-color:#ec4a318f}.goal-icon{background:radial-gradient(circle at 50% 35%,#6d2506,#190501 72%);border:1px solid #ffbf396b;width:51px;height:51px;position:relative;box-shadow:0 9px 18px #00000080,inset 0 1px #ffe39914,0 0 14px #ff5d0f1a}.goal-icon span{z-index:2;filter:drop-shadow(0 2px 2px #000000b3);position:relative}.goal-icon i{border:1px solid #ffc74b24;border-radius:50%;position:absolute;inset:5px}.goal-title-line{align-items:center;gap:7px;min-width:0;display:flex}.goal-title-line h3{flex:1}.goal-title-wrap h3{color:#fff5e4;font-size:16px}.goal-complete-seal{color:#8bf0aa;background:#1d622f61;border:1px solid #5ce0847a;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;box-shadow:0 0 12px #48d3732e}.goal-meta{gap:9px;margin-top:6px}.goal-meta>span{color:#b89067;align-items:center;gap:3px;display:inline-flex}.goal-description{padding-left:61px}.progress-track.premium-progress{border-color:#ffb22840;height:11px;box-shadow:inset 0 2px 5px #000000b3}.progress-track.premium-progress span{background:linear-gradient(90deg,#d43c0a,#ff8a20 45%,#ffd76d);position:relative;box-shadow:0 0 15px #ff5c1061}.progress-track.premium-progress span:after{content:"";border-radius:inherit;background:linear-gradient(#ffffff61,#0000 55%);position:absolute;inset:1px}.goal-menu-button{color:#c78a46}.bottom-nav{height:calc(76px + min(var(--safe-bottom),18px));background:linear-gradient(#090201e0,#020000fb),radial-gradient(circle at 50% 0,#c23a0926,#0000 62%);border-top-color:#ffae257a;padding-top:5px;box-shadow:0 -14px 35px #00000094,inset 0 1px #ffdd820f}.bottom-nav:before{content:"";opacity:.72;background:linear-gradient(90deg,#0000,#9e3e09,#ffd261,#9e3e09,#0000);height:3px;position:absolute;top:-2px;left:4%;right:4%}.nav-item{color:#77563b;transition:color .2s,transform .2s;position:relative}.nav-item:after{content:"";background:0 0;border-radius:99px;width:20px;height:2px;position:absolute;bottom:1px}.nav-item.is-active{color:#ffd978;text-shadow:0 0 10px #ffaa2a3d;transform:translateY(-1px)}.nav-item.is-active:after{background:linear-gradient(90deg,#0000,#ffc44e,#0000);box-shadow:0 0 8px #ff751466}.nav-icon-wrap{width:34px;height:34px}.nav-icon-wrap img{opacity:.55;filter:saturate(.65)brightness(.72);width:31px;height:31px;transition:all .2s}.nav-item.is-active img{opacity:1;filter:drop-shadow(0 0 9px #ff9f217a)saturate(1.22)brightness(1.08);transform:scale(1.08)}.nav-center{margin-top:-25px}.nav-center .nav-icon-wrap{background:radial-gradient(circle at 50% 38%,#743006,#1a0501 68%);border:2px solid #c66d16;width:65px;height:65px;box-shadow:0 13px 25px #000000ad,0 0 0 4px #361002eb,0 0 22px #ff4e0b33,inset 0 1px #ffe5991a}.nav-center .nav-icon-wrap:before{content:"";border:1px solid #ffb32630;border-radius:50%;width:74px;height:74px;animation:3.6s ease-in-out infinite center-ring;position:absolute}@keyframes center-ring{0%,to{opacity:.25;transform:scale(.92)}50%{opacity:.62;transform:scale(1.08)}}.nav-center .nav-icon-wrap img{width:55px;height:55px}.panel,.settings-section,.management-card{background:radial-gradient(circle at 10% 0,#ca390a14,#0000 32%),linear-gradient(155deg,#290c03f2,#0a0301fb);border-color:#e6912147;border-radius:17px;box-shadow:0 14px 34px #0000006b,inset 0 1px #ffe69c0d}.settings-section-title>span{background:radial-gradient(circle,#672407,#160401);border-color:#ffb82e61;box-shadow:0 8px 18px #00000073}.setting-row{border-bottom-color:#ec962724}.toggle{background:#130401;border-color:#e0871d59;box-shadow:inset 0 2px 5px #0009}.toggle.is-on{background:linear-gradient(90deg,#5b2106,#ba5b0f);border-color:#f1a536;box-shadow:0 0 13px #ff69132e,inset 0 1px #ffe69417}.toggle.is-on span{background:#ffe0a0;box-shadow:0 0 8px #ffcd5c99}.chat-header{background:radial-gradient(circle at 15%,#ff510d29,#0000 30%);border-bottom:1px solid #ea942229;min-height:100px;position:relative}.chat-header img{filter:drop-shadow(0 14px 17px #0000009e)drop-shadow(0 0 12px #ff5c1129);width:88px;height:88px}.chat-bubble{background:linear-gradient(145deg,#3f1505e6,#120501fa);border-color:#e18d1f42;box-shadow:0 9px 20px #0000004d}.from-me .chat-bubble{background:linear-gradient(145deg,#b25b10,#6b2706);border-color:#e99932}.prompt-chips button{background:linear-gradient(#371104eb,#0f0401f5);border-color:#e38f2040}.chat-composer{background:linear-gradient(#080201b8,#030100f5);border-top-color:#ed972540}.send-button{box-shadow:0 4px #6d2b04,0 10px 20px #0006,0 0 14px #ff71162e}.day-cell{background:linear-gradient(150deg,#280c03cc,#080201eb);border-color:#e48e2030}.day-cell.is-complete{box-shadow:0 0 13px #4ad37314}.activity-icon{background:radial-gradient(circle,#642006,#150401);border-color:#f5a72d47}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7}.modal-card{background:linear-gradient(#190601,#070201 32%,#030100);border-color:#ffae2773;overflow:hidden;box-shadow:0 25px 80px #000c,0 0 42px #e13f0a1a,inset 0 1px #ffe19114}.modal-ember-crown{z-index:0;pointer-events:none;opacity:.34;mix-blend-mode:screen;height:96px;position:absolute;top:-35px;left:0;right:0;overflow:hidden}.modal-ember-crown img{object-fit:cover;object-position:center 25%;width:100%;height:100%}.modal-header{z-index:1;background:linear-gradient(#411203b8,#0e0401a6);border-bottom-color:#ffab2757;min-height:78px;position:relative}.modal-title-lockup{align-items:center;gap:9px;min-width:0;display:flex}.modal-title-lockup>img{object-fit:contain;filter:drop-shadow(0 7px 9px #000000b3);width:42px;height:42px}.modal-header h2{color:#ffe4a0;text-shadow:0 2px #5a2307}.premium-close{color:#f5c46e}.goal-wizard{background:radial-gradient(circle at 100% 0,#c7360814,#0000 32%)}.wizard-progress-line{background:#00000094;border:1px solid #ef9a2429;height:6px;box-shadow:inset 0 2px 5px #000c}.wizard-progress-line span{background:linear-gradient(90deg,#c93608,#ff7c1c,#ffd76b);box-shadow:0 0 18px #ff65127a}.wizard-heading{background:linear-gradient(135deg,#461504a8,#0f0401b8);border:1px solid #e28b1c2e;border-radius:15px;padding:11px 10px}.wizard-heading>span{color:#ffd46c;background:radial-gradient(circle at 50% 35%,#782b07,#170401 70%);border-color:#ffb82b6b;width:47px;height:47px;box-shadow:0 9px 19px #00000073,0 0 13px #ff5e0f1a}.wizard-heading h3{color:#ffe4a0}.field>span{color:#ddb17c;letter-spacing:.25px}input,textarea,select{color:#fff7e8;box-shadow:inset 0 3px 8px #0000008c,0 1px #ffe49806;background:linear-gradient(#070201f2,#0e0401f5)!important;border-color:#de871c4f!important}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 2px #ff911c1f,inset 0 3px 8px #0000008c;border-color:#f6b53b!important}.option-tile,.choice-card,.chip,.preset-grid button,.time-preset-grid button,.icon-picker button{background:linear-gradient(155deg,#2d0d03d1,#0a0301f0);border-color:#e18b1c38;box-shadow:inset 0 1px #ffe39908,0 8px 17px #0000002e}.option-tile:hover,.choice-card:hover,.chip:hover,.preset-grid button:hover,.time-preset-grid button:hover{border-color:#f5ae326b}.option-tile.is-selected,.choice-card.is-selected,.chip.is-selected,.preset-grid button.is-selected,.time-preset-grid button.is-selected,.icon-picker button.is-selected{color:#ffe19a;background:radial-gradient(circle at 20% 0,#ff971e33,#0000 45%),linear-gradient(155deg,#5b1e05f2,#190601f7);border-color:#f4ad32;box-shadow:0 0 0 1px #ffd36914,0 0 20px #ff65101c,inset 0 1px #ffe69b14}.option-tile-icon{background:radial-gradient(circle,#612006,#120301);border:1px solid #ffb83038;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.icon-picker.wrap button{border-radius:12px;min-height:48px;font-size:22px;position:relative}.icon-picker.wrap button:after{content:"";border:1px solid #ffc24112;border-radius:8px;position:absolute;inset:5px}.reminder-timeline>div{background:linear-gradient(155deg,#2a0c03cc,#080201eb);border-color:#e0881b33}.reminder-timeline>div.is-on{background:radial-gradient(circle at 50% 0,#ff9b2226,#0000 55%),linear-gradient(155deg,#4e1704f0,#0f0401f5);border-color:#e99a2c}.goal-review-card{background:linear-gradient(145deg,#4b1604d9,#0b0301f5);border-color:#f7ae2d61;box-shadow:0 16px 35px #0006}.wizard-actions{background:linear-gradient(#0000,#070201 22%)}.studio-screen{background:radial-gradient(circle at 50% -8%,#c9370957,#0000 45%),linear-gradient(#0d0301,#020100 72%)}.studio-header{background:linear-gradient(#220801f5,#080201e6);border-bottom-color:#ffb12966;min-height:74px;box-shadow:0 12px 30px #0000007a}.studio-header>img{filter:drop-shadow(0 0 13px #ff741640);animation:8s linear infinite forge-orbit}.studio-hero{min-height:164px;box-shadow:var(--premium-shadow);background:radial-gradient(circle at 15%,#ff530c59,#0000 33%),linear-gradient(130deg,#6b1b03f0,#0e0301fa 63%);border-color:#ff7e1894;border-radius:22px}.studio-hero:after{content:"";opacity:.3;mix-blend-mode:screen;background:url(../assets/forge/bar_flame.png) 50%/cover no-repeat;height:90px;position:absolute;bottom:-30px;left:0;right:0}.studio-hero>img{z-index:2;filter:drop-shadow(0 17px 22px #000000b8)drop-shadow(0 0 15px #ff5e0e29)}.studio-mode-tabs button{background:linear-gradient(155deg,#2b0c03e0,#080201fa);border-color:#e48c1b3b;border-radius:14px;box-shadow:0 10px 22px #0000004f,inset 0 1px #ffe49908}.studio-mode-tabs button span{color:#c97c27;background:radial-gradient(circle,#552006,#110301);border:1px solid #efa02733;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.studio-mode-tabs button.is-active{color:#ffe09a;background:radial-gradient(circle at 50% 0,#ff951924,#0000 57%),linear-gradient(155deg,#4d1604f5,#0e0301fa);border-color:#ec9e2e;box-shadow:0 0 18px #ff640f1a,inset 0 1px #ffe59a12}.studio-mode-tabs button.is-active span{color:#ffd56e;border-color:#ffc13e7a;box-shadow:0 0 13px #ff67102b}.studio-panel{background:radial-gradient(circle at 10% 0,#d13b0914,#0000 30%),linear-gradient(155deg,#2a0c03f7,#080201fc);border-color:#e68f1d45;border-radius:18px;box-shadow:0 16px 37px #00000073,inset 0 1px #ffe7a50b}.studio-usage{background:linear-gradient(155deg,#2d0d03e0,#080201f5);border-color:#e7901f40}.studio-lock-card{border-color:#ff77178c;box-shadow:0 24px 60px #000000a1,0 0 32px #ff440814}.studio-dropzone{background:radial-gradient(circle at 50% 40%,#ff5e0f33,#0000 34%),linear-gradient(155deg,#310e03b8,#050100cc);border-color:#f8b3358a;min-height:210px;box-shadow:inset 0 0 30px #00000059}.quick-edit-grid button{background:linear-gradient(155deg,#2c0c03db,#080201f5);border-color:#e1881a3b;box-shadow:0 9px 20px #00000045}.quick-edit-grid span{color:#dc8c2d;background:radial-gradient(circle,#5e2106,#120301);border:1px solid #efa02633}.quick-edit-grid button.is-selected{background:radial-gradient(circle at 10% 10%,#ff9f1f2b,#0000 45%),linear-gradient(155deg,#511704f5,#0e0301fa);border-color:#f0a333;box-shadow:0 0 17px #ff631017}.quick-edit-grid button.is-selected span{color:#ffd56e;box-shadow:0 0 13px #ff671026}.studio-processing{background:radial-gradient(circle at 12%,#ff520c3d,#0000 31%),linear-gradient(135deg,#4e1403e6,#090201f7);border-color:#ff72147a;box-shadow:0 14px 30px #0006}.result-main{border-color:#f6b1336b;box-shadow:0 16px 35px #00000073}.variation-grid button.is-selected{border-color:#f6b33c;box-shadow:0 0 0 2px #ffaa2a21,0 0 18px #ff610e1f}.onboarding-shell{background:radial-gradient(circle at 50% 8%,#cc370973,#0000 43%),linear-gradient(#100300,#020100 74%)}.onboarding-shell:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#ffb4311c 0 1px,#0000 2px) 0 0/150px 180px,radial-gradient(circle at 75% 60%,#ff490c1f 0 1px,#0000 2px) 0 0/230px 260px;animation:14s linear infinite ember-drift;position:fixed;inset:0}.onboarding-hero img{filter:drop-shadow(0 24px 38px #000000bf)drop-shadow(0 0 30px #ff530e4d);animation:4s ease-in-out infinite onboard-float}@keyframes onboard-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.onboarding-hero h1,.onboarding-step h2{color:#ffe4a0;text-shadow:0 2px #5d2407,0 0 20px #ffa72a21}.onboarding-step{background:linear-gradient(155deg,#2b0c03ad,#0602019e);border:1px solid #e38a1c2e;border-radius:18px;padding:14px 12px 18px;position:relative;box-shadow:0 18px 42px #00000059}.onboarding-actions{padding-left:6px;padding-right:6px}.toast{background:linear-gradient(145deg,#481404fa,#090201fc);border-color:#f8b23580;overflow:hidden;box-shadow:0 22px 60px #000000bf,0 0 25px #ff510c14}.toast-aura{background:radial-gradient(circle,#ff590e45,#0000 67%);border-radius:50%;width:150px;height:150px;position:absolute;top:-55px;left:-40px}.toast>img,.toast-copy,.toast>button{position:relative}@media (width<=520px){.premium-topbar{min-height:calc(68px + var(--safe-top))}.topbar-brand-mark{flex-basis:46px;width:46px;height:46px}.topbar-logo{width:44px;height:44px}.topbar-copy strong{font-size:15px}.mug-hero-card{grid-template-columns:108px minmax(0,1fr);min-height:154px;padding-left:8px}.hero-character-stage{height:126px}.hero-character-stage img{width:116px;height:116px}.hero-copy-panel{padding-left:9px}.mug-hero-card h2{font-size:18px}.studio-entry-card{grid-template-columns:55px minmax(0,1fr) auto}.studio-entry-card img{width:55px;height:55px}.goal-description{padding-left:0}.modal-title-lockup>img{width:37px;height:37px}}@media (width<=370px){.topbar-copy strong{letter-spacing:1px;font-size:14px}.topbar-copy span{letter-spacing:1.45px;font-size:7.5px}.mug-hero-card{grid-template-columns:96px minmax(0,1fr);gap:8px}.hero-character-stage img{width:105px;height:105px}.premium-stats-grid{gap:6px}.studio-entry-card{grid-template-columns:48px minmax(0,1fr)}.studio-entry-card img{width:48px;height:48px}.studio-entry-card b{display:none}}.button{white-space:nowrap}.section-header>:last-child{flex:none}.starter-library{width:100%;min-width:0;padding:18px 18px calc(24px + var(--safe-bottom));gap:16px;display:grid}.starter-library-hero{isolation:isolate;background:radial-gradient(circle at 16% 30%,#ff87233d,#0000 30%),radial-gradient(circle at 88% 0,#ffcd5b1f,#0000 36%),linear-gradient(135deg,#3a1104fa,#120502fa 62%,#070201fa);border-radius:24px;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:180px;padding:24px;display:grid;position:relative;overflow:hidden}.starter-library-hero:before{content:"";pointer-events:none;border-radius:inherit;border:1px solid #ffda7e24;position:absolute;inset:0;box-shadow:inset 0 0 50px #e1480f14}.starter-library-embers{z-index:-1;opacity:.65;background-image:radial-gradient(circle,#ffae37e6 0 1px,#0000 1.6px);background-size:31px 31px;animation:14s linear infinite starterEmbers;position:absolute;inset:-30%;transform:rotate(-8deg);-webkit-mask-image:linear-gradient(90deg,#000,#0000 72%);mask-image:linear-gradient(90deg,#000,#0000 72%)}@keyframes starterEmbers{to{transform:translate(20px,-35px)rotate(-8deg)}}.starter-library-hero>img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 18px #0000009e)drop-shadow(0 0 22px #ff581247);align-self:end;width:118px;height:138px}.starter-library-hero h2{color:var(--gold-hot);text-shadow:0 2px #4c1f04,0 0 22px #ffac322b;margin:5px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(25px,4vw,38px);line-height:1.02}.starter-library-hero p{color:var(--ink-2);max-width:620px;margin:0;line-height:1.55}.starter-own-button{align-self:center;min-width:155px}.starter-view-tabs{background:#080201b3;border:1px solid #f5b23633;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;display:grid;box-shadow:inset 0 1px #fff4cf0a}.starter-view-tabs button{min-width:0;min-height:48px;color:var(--ink-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.starter-view-tabs button.is-selected{color:#1a0801;background:linear-gradient(#ffe28c,#eca727);border-color:#ffe9af;box-shadow:0 8px 24px #dc6b0a47,inset 0 1px #ffffffb3}.starter-category-row{overscroll-behavior-inline:contain;scrollbar-width:none;gap:8px;max-width:100%;padding:2px 1px 5px;display:flex;overflow-x:auto}.starter-category-row::-webkit-scrollbar{display:none}.starter-category-row button{min-height:38px;color:var(--ink-3);background:#1f0a04d6;border:1px solid #f0b03a38;border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:800}.starter-category-row button.is-selected{color:var(--gold-hot);background:linear-gradient(#692507f5,#300e03f5);border-color:#ffcc55a6;box-shadow:0 0 18px #ff63141c}.starter-personalization-note{color:var(--ink-3);align-items:flex-start;gap:9px;padding:0 4px;font-size:13px;display:flex}.starter-personalization-note .ui-icon{color:var(--gold);margin-top:2px}.starter-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}.starter-template-card{isolation:isolate;min-width:0;box-shadow:var(--premium-shadow),inset 0 1px 0 #ffecb20d;background:radial-gradient(circle at 14% 16%,#ff761c2b,#0000 28%),linear-gradient(145deg,#300f05fa,#100502fa 68%,#070201fa);border-color:#f1b1354f;border-radius:22px;grid-template-rows:1fr auto;grid-template-columns:92px minmax(0,1fr);gap:12px 15px;padding:17px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.starter-template-card:hover{border-color:#ffd2629e;transform:translateY(-2px);box-shadow:0 24px 60px #000000a8,0 0 34px #ed4f0f1f}.starter-template-card.is-selected{border-color:var(--gold-bright);box-shadow:0 0 0 1px #ffe08573,0 22px 55px #0000009e,0 0 32px #ff701830}.starter-template-card.is-challenge:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ff4b1114,#0000 42%,#ffc3410f);position:absolute;inset:0}.starter-card-fire{z-index:-1;opacity:.25;filter:saturate(1.2);background:url(../assets/forge/bar_flame.png) bottom/cover no-repeat;height:95px;position:absolute;bottom:-42px;left:-5%;right:-5%}.starter-card-art{background:radial-gradient(circle at 50% 34%,#ffaf392e,#0000 42%),linear-gradient(#4f1805bf,#0a0301db);border:1px solid #f5b6412e;border-radius:17px;grid-row:1/span 2;justify-content:center;align-items:flex-end;width:92px;min-height:128px;display:flex;position:relative;overflow:hidden}.starter-card-aura{filter:blur(2px);background:radial-gradient(circle,#ffa02a52,#ff4a0c14 48%,#0000 72%);border-radius:50%;width:78px;height:78px;position:absolute;top:14px}.starter-card-art img{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 13px #000000a6);width:90px;height:118px;position:relative}.starter-card-art b{z-index:2;background:linear-gradient(#ffde7bfa,#d27011fa);border:1px solid #ffe8a7;border-radius:10px;place-items:center;width:32px;height:32px;font-size:18px;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 6px 14px #00000073}.starter-card-copy{min-width:0}.starter-card-badges{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:7px;display:flex}.starter-card-badges span,.starter-card-badges em{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:23px;padding:0 8px;font-size:10px;font-style:normal;font-weight:900;line-height:1;display:inline-flex}.starter-card-badges span{color:#220c01;background:linear-gradient(#ffd66c,#d98917);border:1px solid #ffe79d}.starter-card-badges em{color:var(--ink-3);background:#080201b3;border:1px solid #f2b23d2e}.starter-template-card.is-challenge .starter-card-badges span{color:#fff4e7;background:linear-gradient(#e84e1a,#862006);border-color:#ff7b3c;box-shadow:0 0 14px #ff460c38}.starter-card-copy h3{color:var(--gold-hot);margin:0 0 6px;font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1.08}.starter-card-copy p{color:var(--ink-3);margin:0;font-size:13px;line-height:1.45}.starter-card-meta{color:var(--ink-2);flex-wrap:wrap;gap:7px 12px;margin-top:10px;font-size:11px;font-weight:750;display:flex}.starter-card-meta span{align-items:center;gap:5px;display:inline-flex}.starter-card-meta .ui-icon{color:var(--gold)}.starter-use-button{grid-column:2;justify-content:center;width:100%;min-height:42px}.starter-empty{text-align:center;min-height:190px;color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.starter-empty img{object-fit:contain;width:90px;height:90px}.onboarding-starter-step{max-width:900px}.onboarding-starter-picker{gap:13px;display:grid}.starter-recommendation-intro{background:linear-gradient(135deg,#341005f0,#0c0402f0);border:1px solid #f6b63938;border-radius:19px;grid-template-columns:85px minmax(0,1fr);align-items:center;gap:14px;padding:15px;display:grid}.starter-recommendation-intro img{object-fit:contain;filter:drop-shadow(0 9px 13px #0000008c);width:85px;height:78px}.starter-recommendation-intro h3{color:var(--gold-hot);margin:4px 0;font-family:Georgia,Times New Roman,serif;font-size:22px}.starter-recommendation-intro p{color:var(--ink-3);margin:0;font-size:13px;line-height:1.4}.onboarding-template-grid{grid-template-columns:1fr}.starter-template-card.is-compact{grid-template-rows:auto;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;min-height:132px;padding:13px}.starter-template-card.is-compact .starter-card-art{grid-row:auto;width:78px;min-height:104px}.starter-template-card.is-compact .starter-card-art img{width:77px;height:96px}.starter-template-card.is-compact .starter-card-copy h3{font-size:17px}.starter-template-card.is-compact .starter-card-copy p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.starter-template-card.is-compact .starter-use-button{grid-column:auto;width:auto;min-width:112px}.starter-skip-button{width:100%;min-height:48px;color:var(--ink-3);background:#0d0402ad;border:1px dashed #f4b84147;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.starter-skip-button.is-selected{color:var(--gold-hot);background:#461504bf;border-style:solid;border-color:#ffce608c}@media (width<=700px){.starter-library{padding:13px 12px calc(22px + var(--safe-bottom));gap:13px}.starter-library-hero{grid-template-columns:82px minmax(0,1fr);gap:12px;min-height:150px;padding:17px 14px}.starter-library-hero>img{width:86px;height:115px}.starter-library-hero h2{font-size:25px}.starter-library-hero p{font-size:13px;line-height:1.45}.starter-own-button{grid-column:1/-1;width:100%}.starter-view-tabs{gap:4px;padding:4px}.starter-view-tabs button{gap:5px;min-height:46px;padding:0 5px;font-size:12px}.starter-template-grid{grid-template-columns:1fr;gap:11px}.starter-template-card{border-radius:19px;grid-template-columns:78px minmax(0,1fr);gap:10px 12px;padding:13px}.starter-card-art{width:78px;min-height:117px}.starter-card-art img{width:78px;height:106px}.starter-card-art b{width:29px;height:29px;font-size:16px}.starter-card-copy h3{font-size:18px}.starter-card-copy p{font-size:12px}.starter-use-button{min-height:40px}.starter-template-card.is-compact{grid-template-rows:auto auto;grid-template-columns:68px minmax(0,1fr)}.starter-template-card.is-compact .starter-card-art{grid-row:1/span 2;width:68px;min-height:96px}.starter-template-card.is-compact .starter-card-art img{width:67px;height:89px}.starter-template-card.is-compact .starter-use-button{grid-column:2;width:100%;min-width:0}.starter-recommendation-intro{grid-template-columns:68px minmax(0,1fr);padding:12px}.starter-recommendation-intro img{width:68px;height:68px}}@media (width<=390px){.starter-view-tabs button{font-size:11px}.starter-view-tabs .ui-icon{display:none}.starter-card-meta{gap:4px;display:grid}}.reduce-motion .starter-library-embers{animation:none}