@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172321;--muted: #687371;--paper: #fffdf8;--line: #dedbd2;--page: #f4f1e8;--grid: #d7d2c7;--shell: rgba(244, 241, 232, .96);--shell-line: rgba(23, 35, 33, .06);--field: #fffdfa;--surface-muted: #e9e6de;--surface-hover: #f7f4ec;--sheet: #f8f5ed;--nav: rgba(255, 253, 248, .96);--nav-muted: #858d8b;--card-divider: #e8e4da;--summary: #173f3c;--summary-border: #0f312f;--summary-muted: #b8cecb;--notice: #fff3e8;--notice-border: #edc9b4;--notice-icon: #ffe1cd;--notice-text: #80685b;--bot: #eaf4f1;--bot-border: #bfdad5;--bot-icon: #d4ebe6;--bot-text: #58736f;--empty-icon: #e4f1ee;--paused: #88918f;--accent: #1f7872;--accent-dark: #145f5a;--warning: #d96842}html[data-theme=dark]{color-scheme:dark;--ink: #edf5f3;--muted: #9baaa7;--paper: #182321;--line: #34423f;--page: #101918;--grid: #1b2826;--shell: rgba(16, 25, 24, .97);--shell-line: rgba(224, 242, 237, .06);--field: #1d2927;--surface-muted: #24312f;--surface-hover: #202d2b;--sheet: #15201e;--nav: rgba(24, 35, 33, .96);--nav-muted: #8d9b98;--card-divider: #2c3a37;--summary: #163c39;--summary-border: #245550;--summary-muted: #b5d0cc;--notice: #322720;--notice-border: #674839;--notice-icon: #4b3428;--notice-text: #d2b8a9;--bot: #172c29;--bot-border: #31514c;--bot-icon: #21423e;--bot-text: #a7c2bd;--empty-icon: #203532;--paused: #778582;--accent: #45aaa1;--accent-dark: #2d8e86;--warning: #ed865f}*{box-sizing:border-box}html{background:var(--page)}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),var(--page);background-size:32px 32px;transition:color .16s ease,background-color .16s ease}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(31,120,114,.22);outline-offset:2px}.app-shell{position:relative;width:min(100%,520px);min-height:100vh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px calc(110px + env(safe-area-inset-bottom));overflow:hidden;background:var(--shell);border-inline:1px solid var(--shell-line)}.auth-shell{display:grid;min-height:100vh;padding:24px;place-items:center}.auth-card{width:min(100%,420px);padding:34px;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:22px 22px 22px 7px;box-shadow:0 18px 45px #1723211f}.auth-card .wordmark-mark{width:46px;height:46px;margin:0 auto 20px}.auth-card h1{margin:8px 0 12px;font-size:32px;line-height:1.05;letter-spacing:-.055em}.auth-card p{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.6}.auth-button{text-decoration:none}.topbar,.section-heading,.sheet-header{display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:800;letter-spacing:-.04em}.wordmark-mark{display:grid;width:32px;height:32px;place-items:center;color:#fff;background:var(--accent);border-radius:9px 9px 9px 3px}.topbar-actions{display:flex;align-items:center;gap:8px}.logout-button{padding:9px 11px;color:var(--muted);font-size:11px;font-weight:800;background:transparent;border:0;cursor:pointer}.notification-button,.icon-button{position:relative;display:grid;width:42px;height:42px;padding:0;place-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;cursor:pointer}.notification-button>span{position:absolute;top:-5px;right:-5px;display:grid;min-width:19px;height:19px;padding:0 5px;place-items:center;color:#fff;font-size:10px;font-weight:800;background:var(--warning);border:2px solid var(--page);border-radius:10px}.hero{padding:40px 2px 23px}.hero h1{max-width:360px;margin:4px 0 10px;font-size:clamp(37px,10vw,52px);line-height:.98;letter-spacing:-.065em}.hero>p:last-child{max-width:430px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.greeting,.eyebrow{margin:0;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.summary-card{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) 1px minmax(110px,.75fr);gap:18px;padding:22px;color:#fff;background:var(--summary);border:1px solid var(--summary-border);border-radius:18px 18px 18px 6px;box-shadow:0 12px 30px #15333021}.summary-main,.summary-next{display:flex;flex-direction:column}.summary-main>span,.summary-next span{color:var(--summary-muted);font-size:11px;font-weight:700}.summary-main>strong{margin:6px 0 2px;font-size:clamp(27px,7vw,35px);line-height:1.1;letter-spacing:-.055em;overflow-wrap:anywhere}.summary-main small{color:#85aaa6;font-size:10px}.summary-divider{width:1px;min-height:70px;background:#ffffff21}.summary-next{align-self:center;gap:9px}.summary-next svg{color:#8fc9c3}.summary-next div{display:flex;flex-direction:column;gap:4px}.summary-next strong{font-size:16px}.notice-card,.bot-note{display:flex;align-items:flex-start;gap:13px;margin-top:13px;padding:15px 16px;background:var(--notice);border:1px solid var(--notice-border);border-radius:14px 14px 14px 4px}.notice-icon,.bot-note>span{display:grid;flex:0 0 auto;width:35px;height:35px;place-items:center;color:var(--warning);background:var(--notice-icon);border-radius:10px}.notice-card strong,.bot-note strong{font-size:13px}.notice-card p,.bot-note p{margin:3px 0 0;color:var(--notice-text);font-size:11px;line-height:1.45}.list-section{margin-top:31px}.section-heading{margin-bottom:13px}.section-heading h2,.sheet-header h2{margin:3px 0 0;font-size:21px;letter-spacing:-.045em}.section-heading>button{padding:7px 0 7px 14px;color:var(--accent);font-size:12px;font-weight:800;background:transparent;border:0;cursor:pointer}.subscription-list{overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:16px 16px 16px 5px}.subscription-card{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:15px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--card-divider);cursor:pointer}.subscription-card:last-child{border-bottom:0}.subscription-card:active{background:var(--surface-hover)}.brand-mark{display:grid;width:43px;height:43px;place-items:center;color:#fff;font-size:16px;font-weight:800;border-radius:12px 12px 12px 4px}.subscription-copy,.subscription-price{display:flex;min-width:0;flex-direction:column}.subscription-title{overflow:hidden;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.status-line{display:flex;align-items:center;gap:5px;margin-top:4px;color:var(--muted);font-size:10px;font-weight:600}.status-line.urgent{color:var(--warning)}.status-dot{width:6px;height:6px;background:var(--warning);border-radius:50%}.subscription-price{align-items:flex-end}.subscription-price strong{font-size:12px}.subscription-price small{margin-top:3px;color:#89918f;font-size:9px}.chevron{color:#9aa09e}.add-button,.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;padding:13px 18px;color:#fff;font-size:13px;font-weight:800;background:var(--accent);border:1px solid var(--accent-dark);border-radius:14px 14px 14px 5px;cursor:pointer;box-shadow:0 8px 20px #1f78721f}.add-button{margin-top:13px}.add-button:active,.primary-button:active{background:var(--accent-dark);transform:translateY(1px)}.bot-note{margin:19px 0 2px;background:var(--bot);border-color:var(--bot-border)}.bot-note>span{color:var(--accent);background:var(--bot-icon)}.bot-note p{color:var(--bot-text)}.page-view{padding-top:38px}.page-heading{margin-bottom:22px}.page-heading h1{margin:5px 0 9px;font-size:clamp(35px,10vw,48px);line-height:1;letter-spacing:-.06em}.page-heading p{max-width:430px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.analytics-view{display:grid;gap:13px}.analytics-view .page-heading{margin-bottom:4px}.analytics-card,.settings-card{padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:17px 17px 17px 6px;box-shadow:0 8px 22px #1533300d}.analytics-label{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.currency-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px;margin-top:13px}.currency-totals>div{display:flex;min-width:0;flex-direction:column;gap:4px;padding:12px;background:var(--surface-muted);border-radius:12px 12px 12px 4px}.currency-totals span{color:var(--muted);font-size:9px;font-weight:800}.currency-totals strong{overflow:hidden;font-size:17px;letter-spacing:-.04em;text-overflow:ellipsis}.analytics-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.analytics-card-heading>div:first-child{display:flex;flex-direction:column;gap:5px}.analytics-card-heading>div:first-child>strong{font-size:17px}.currency-tabs,.choice-control{display:flex;gap:3px;padding:3px;background:var(--surface-muted);border-radius:10px}.currency-tabs button,.choice-control button{min-height:31px;padding:6px 10px;color:var(--muted);font-size:10px;font-weight:800;background:transparent;border:0;border-radius:8px;cursor:pointer}.currency-tabs button.active,.choice-control button.active{color:var(--accent);background:var(--paper);box-shadow:0 2px 7px #0f1e1c17}.bar-chart{display:grid;gap:15px}.bar-row{min-width:0}.bar-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:11px}.bar-meta span{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.bar-meta strong{flex:0 0 auto;font-size:10px}.bar-track{height:9px;overflow:hidden;background:var(--surface-muted);border-radius:9px}.bar-track span{display:block;height:100%;min-width:5%;border-radius:inherit}.analytics-empty{display:grid;min-height:150px;place-items:center;align-content:center;gap:10px;color:var(--muted);text-align:center}.analytics-empty svg{color:var(--accent)}.analytics-empty p{max-width:320px;margin:0;font-size:11px;line-height:1.55}.status-card{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:20px}.donut-chart{position:relative;display:grid;width:116px;aspect-ratio:1;place-items:center;border-radius:50%}.donut-chart:after{position:absolute;width:68px;aspect-ratio:1;content:"";background:var(--paper);border-radius:50%}.donut-chart span{position:relative;z-index:1;font-size:21px;font-weight:800}.status-legend{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:10px 8px;align-items:center}.status-legend>.analytics-label{grid-column:1 / -1;margin-bottom:3px}.status-legend>div{display:contents}.status-legend>div>span{color:var(--muted);font-size:11px;font-weight:700}.status-legend>div>strong{font-size:11px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.active{background:var(--accent)}.legend-dot.trial{background:var(--warning)}.legend-dot.paused{background:var(--paused)}.settings-card{padding:0 18px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:88px;padding:16px 0;border-bottom:1px solid var(--card-divider)}.settings-row:last-child{border-bottom:0}.settings-row>div:first-child{display:flex;min-width:70px;flex-direction:column;gap:4px}.settings-row strong{font-size:13px}.settings-row small{color:var(--muted);font-size:9px;font-weight:700}.settings-row .choice-control{flex:0 1 auto}.bottom-nav{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;width:min(100%,520px);grid-template-columns:repeat(3,1fr);margin:0 auto;padding:9px 12px calc(8px + env(safe-area-inset-bottom));background:var(--nav);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:flex;align-items:center;flex-direction:column;gap:4px;padding:4px 2px;color:var(--nav-muted);font-size:9px;font-weight:700;background:transparent;border:0;cursor:pointer}.bottom-nav button.active{color:var(--accent)}.bottom-nav button.active svg{stroke-width:2.4}.sheet-layer{position:fixed;z-index:50;inset:0;display:flex;align-items:flex-end;justify-content:center}.sheet-scrim{position:absolute;inset:0;width:100%;padding:0;background:#0f1b197a;border:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet{position:relative;z-index:1;width:min(100%,520px);max-height:92dvh;padding:10px 18px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;background:var(--sheet);border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -20px 50px #14282533;animation:sheet-in .22s ease-out}@keyframes sheet-in{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-handle{width:38px;height:4px;margin:0 auto 15px;background:#c5c2ba;border-radius:2px}.sheet-header{margin-bottom:22px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;color:var(--muted);font-size:11px;font-weight:800}.field input,.field textarea,.field select{width:100%;min-height:47px;padding:12px 13px;color:var(--ink);font-size:13px;font-weight:600;background:var(--field);border:1px solid var(--line);border-radius:11px}.field textarea{min-height:68px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#a3a7a4}.field-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:14px;padding:4px;background:var(--surface-muted);border-radius:12px}.segmented button{min-height:37px;color:var(--muted);font-size:11px;font-weight:800;background:transparent;border:0;border-radius:9px;cursor:pointer}.segmented button.active{color:var(--accent);background:var(--paper);box-shadow:0 2px 5px #17232114}.input-icon-wrap{position:relative;display:block}.input-icon-wrap svg{position:absolute;z-index:1;top:14px;left:13px;color:var(--accent);pointer-events:none}.input-icon-wrap input{padding-left:42px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:13px;background:var(--field);border:1px solid var(--line);border-radius:11px}.switch-row>span{display:flex;align-items:center;gap:10px}.switch-row svg{color:var(--accent)}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:11px}.switch-row small{margin-top:3px;color:var(--muted);font-size:9px}.switch-row input{width:42px;height:24px;margin:0;accent-color:var(--accent)}.color-picker{margin-bottom:20px}.color-picker>span{display:block;margin-bottom:9px;color:var(--muted);font-size:11px;font-weight:800}.color-picker>div{display:flex;gap:9px}.color-picker button{display:grid;width:31px;height:31px;padding:0;place-items:center;color:#fff;border:2px solid transparent;border-radius:50%;cursor:pointer}.color-picker button.selected{border-color:#fff;box-shadow:0 0 0 2px var(--ink)}.delete-button{width:100%;margin-top:8px;padding:12px;color:#b74f37;font-size:11px;font-weight:800;background:transparent;border:0;cursor:pointer}.empty-state{padding:36px 28px;text-align:center}.empty-state>span{display:grid;width:52px;height:52px;margin:0 auto 13px;place-items:center;color:var(--accent);background:var(--empty-icon);border-radius:15px 15px 15px 5px}.empty-state h3{margin:0;font-size:15px}.empty-state p{max-width:290px;margin:7px auto 15px;color:var(--muted);font-size:11px;line-height:1.5}.secondary-button{width:auto;min-height:40px;margin:0 auto;padding:8px 16px;font-size:11px}.toast{position:fixed;z-index:80;bottom:calc(82px + env(safe-area-inset-bottom));left:50%;display:flex;align-items:center;gap:8px;padding:11px 15px;color:#fff;font-size:11px;font-weight:800;background:#172d2b;border-radius:11px;box-shadow:0 8px 24px #0f1e1c38;transform:translate(-50%);animation:toast-in .18s ease-out}@keyframes toast-in{0%{transform:translate(-50%,8px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(max-width:370px){.app-shell{padding-inline:13px}.summary-card{gap:13px;padding:18px}.subscription-card{gap:9px;padding-inline:12px}.brand-mark{width:39px;height:39px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}