:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--lightningcss-light,#171a1d)var(--lightningcss-dark,#f1f6f3);font-synthesis:none;text-rendering:optimizelegibility;--canvas:var(--lightningcss-light,#e9ece9)var(--lightningcss-dark,#0d120f);--canvas-highlight:var(--lightningcss-light,#f5f7f5)var(--lightningcss-dark,#17221b);--background:var(--lightningcss-light,#f7f6f2)var(--lightningcss-dark,#111814);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#19221d);--surface-control:var(--lightningcss-light,#fbfcfb)var(--lightningcss-dark,#202b25);--surface-plain:var(--lightningcss-light,#fff)var(--lightningcss-dark,#202b25);--surface-control-active:var(--lightningcss-light,#fff)var(--lightningcss-dark,#26332c);--surface-neutral:var(--lightningcss-light,#f5f7f6)var(--lightningcss-dark,#202b25);--surface-purple-subtle:var(--lightningcss-light,#fbf9ff)var(--lightningcss-dark,#241f32);--surface-purple:var(--lightningcss-light,#faf8ff)var(--lightningcss-dark,#28213a);--surface-empty-end:var(--lightningcss-light,#f1fbf5)var(--lightningcss-dark,#14251b);--attention-start:var(--lightningcss-light,#faf7ff)var(--lightningcss-dark,#211b31);--attention-end:var(--lightningcss-light,#f2ecff)var(--lightningcss-dark,#28203b);--text:var(--lightningcss-light,#171a1d)var(--lightningcss-dark,#f1f6f3);--ink:var(--lightningcss-light,#171a1d)var(--lightningcss-dark,#f1f6f3);--muted:var(--lightningcss-light,#6e747c)var(--lightningcss-dark,#aab6af);--placeholder:var(--lightningcss-light,#6e747c)var(--lightningcss-dark,#aab6af);--icon-muted:var(--lightningcss-light,#92979d)var(--lightningcss-dark,#aab6af);--nav-muted:var(--lightningcss-light,#777d84)var(--lightningcss-dark,#aab6af);--border:var(--lightningcss-light,#e5e4df)var(--lightningcss-dark,#3d5146);--control-border:var(--lightningcss-light,#d8e1dc)var(--lightningcss-dark,#627a6d);--control-border-soft:var(--lightningcss-light,#d9ddd9)var(--lightningcss-dark,#627a6d);--neutral-control-border:var(--lightningcss-light,#d8ddd9)var(--lightningcss-dark,#627a6d);--neutral-soft:var(--lightningcss-light,#eceeec)var(--lightningcss-dark,#29372f);--sheet-handle:var(--lightningcss-light,#d4d8d5)var(--lightningcss-dark,#627269);--header-background-start:var(--lightningcss-light,#f7f6f2fa)var(--lightningcss-dark,#111814fa);--header-background-end:var(--lightningcss-light,#f7f6f2eb)var(--lightningcss-dark,#111814eb);--nav-background:var(--lightningcss-light,#fffffff5)var(--lightningcss-dark,#19221df5);--filter-ring:var(--lightningcss-light,#fff)var(--lightningcss-dark,#19221d);--backdrop:var(--lightningcss-light,#181f1b70)var(--lightningcss-dark,#000000ad);--green:var(--lightningcss-light,#176b4d)var(--lightningcss-dark,#70d69f);--green-bright:var(--lightningcss-light,#18a85b)var(--lightningcss-dark,#35c979);--green-soft:var(--lightningcss-light,#e6f4ed)var(--lightningcss-dark,#173c29);--green-border:var(--lightningcss-light,#b9dfca)var(--lightningcss-dark,#4f8a69);--green-control-border:var(--lightningcss-light,#cbe7d7)var(--lightningcss-dark,#4f8a69);--green-backup-border:var(--lightningcss-light,#cbd8cf)var(--lightningcss-dark,#4f8a69);--green-border-strong:var(--lightningcss-light,#79c995)var(--lightningcss-dark,#70d69f);--green-action-surface:var(--lightningcss-light,#f8fcf9)var(--lightningcss-dark,#1b2d23);--green-action-text:var(--lightningcss-light,#176f4b)var(--lightningcss-dark,#70d69f);--green-visual-soft:var(--lightningcss-light,#caead7)var(--lightningcss-dark,#4f8a69);--blue:var(--lightningcss-light,#3e6fd8)var(--lightningcss-dark,#8baaf2);--blue-soft:var(--lightningcss-light,#eaf0fd)var(--lightningcss-dark,#213052);--blue-timeline:var(--lightningcss-light,#dbe7f7)var(--lightningcss-dark,#31425b);--blue-timeline-border:var(--lightningcss-light,#b8cdea)var(--lightningcss-dark,#6f8cbd);--purple:var(--lightningcss-light,#7654cc)var(--lightningcss-dark,#b8a2ee);--purple-muted:var(--lightningcss-light,#6e5f94)var(--lightningcss-dark,#c5b5ed);--purple-soft:var(--lightningcss-light,#f0ebfb)var(--lightningcss-dark,#30264c);--purple-border:var(--lightningcss-light,#ded2f7)var(--lightningcss-dark,#806ab0);--purple-account-border:var(--lightningcss-light,#d8caf5)var(--lightningcss-dark,#806ab0);--purple-border-strong:var(--lightningcss-light,#ae91eb)var(--lightningcss-dark,#b8a2ee);--orange:var(--lightningcss-light,#d97918)var(--lightningcss-dark,#f0aa61);--orange-soft:var(--lightningcss-light,#fff1df)var(--lightningcss-dark,#49311c);--red:var(--lightningcss-light,#c94a4a)var(--lightningcss-dark,#f18a8a);--red-soft:var(--lightningcss-light,#fdebec)var(--lightningcss-dark,#4a2529);--red-border:var(--lightningcss-light,#f1cece)var(--lightningcss-dark,#966068);--red-account-border:var(--lightningcss-light,#efb9b9)var(--lightningcss-dark,#a66a73);--red-border-strong:var(--lightningcss-light,#ef9595)var(--lightningcss-dark,#f18a8a);--error-text:var(--lightningcss-light,#9f3232)var(--lightningcss-dark,#f4a0a0);--on-primary:var(--lightningcss-light,#fff)var(--lightningcss-dark,#07130d);--on-purple:var(--lightningcss-light,#fff)var(--lightningcss-dark,#161020);--focus-ring:var(--lightningcss-light,#3e6fd847)var(--lightningcss-dark,#8baaf28c);--focus-ring-green:var(--lightningcss-light,#18a85b33)var(--lightningcss-dark,#70d69f73);--hover-filter:brightness(.96);--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--shadow:0 14px 40px #1f2a2314;--frame-shadow:0 0 70px #1f2a231f;--sheet-shadow:0 -20px 60px #15231b38;--dialog-shadow:0 22px 70px #15231b47;background:var(--lightningcss-light,#e9ece9)var(--lightningcss-dark,#0d120f);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root:not([data-appearance]),:root[data-appearance=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root:not([data-appearance]),:root[data-appearance=system]{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-appearance=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-appearance=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hover-filter:brightness(1.12);--shadow:0 14px 40px #00000052;--frame-shadow:0 0 70px #0006;--sheet-shadow:0 -20px 60px #0000007a;--dialog-shadow:0 22px 70px #00000085}@media (prefers-color-scheme:dark){:root:not([data-appearance]),:root[data-appearance=system]{--hover-filter:brightness(1.12);--shadow:0 14px 40px #00000052;--frame-shadow:0 0 70px #0006;--sheet-shadow:0 -20px 60px #0000007a;--dialog-shadow:0 22px 70px #00000085}}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at top, var(--canvas-highlight) 0, var(--canvas) 55%);margin:0}button,input,select,textarea{font:inherit}input,select,textarea{color:var(--text);border-color:var(--control-border);background:var(--surface-control);accent-color:var(--green-bright)}::placeholder{color:var(--placeholder);opacity:1}button:disabled{cursor:default;opacity:1}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (hover:hover){:where(.mobile-brand,.mobile-nav-link,.attention-link,.section-heading a,button:not(:disabled),.backup-action,.sample-renewals-action:not(:disabled)):hover{filter:var(--hover-filter)}}a{color:inherit}svg{width:1.2em;height:1.2em;display:block}#app{min-height:100vh}.phone-frame{background:var(--background);width:min(100%,430px);min-height:100vh;box-shadow:var(--frame-shadow);margin:0 auto;position:relative;overflow:hidden}.mobile-header{z-index:5;background:linear-gradient(to bottom, var(--header-background-start), var(--header-background-end));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:16px;padding:24px 20px 14px;display:flex;position:sticky;top:0}.mobile-brand{color:var(--green-bright);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.2rem;font-weight:850;text-decoration:none;display:inline-flex}.brand-shield{width:34px;height:34px;color:var(--on-primary);background:var(--green-bright);border-radius:12px;place-items:center;display:grid}.profile-placeholder,.avatar-mark{color:var(--text);background:var(--green-soft);border-radius:999px;place-items:center;font-weight:800;display:grid}.profile-placeholder{width:38px;height:38px}.mobile-main{min-height:calc(100vh - 144px);padding:10px 18px 108px}.screen{gap:18px;display:grid}.greeting,.page-heading{gap:6px;padding:6px 2px 4px;display:grid}.eyebrow{color:var(--green);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:850}.greeting h1,.page-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,9vw,2.8rem);line-height:1}.greeting p:last-child,.page-heading p:last-child{color:var(--muted);margin:2px 0 0;line-height:1.45}.hero-card,.attention-card,.list-card,.overview-card,.group-card,.review-card,.account-card,.settings-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow)}.hero-card{padding:18px}.hero-label{color:var(--green-bright);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;font-size:.78rem;font-weight:850;display:flex}.hero-content{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:18px;display:grid}.service-mark{color:#fff;letter-spacing:-.03em;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:1rem;font-weight:900;display:grid}.brand-netflix{color:#e50914;background:#141414}.brand-spotify{color:#1ed760;background:#111}.brand-youtube{background:#f03}.brand-disney{background:#172a4d}.brand-adobe{background:linear-gradient(145deg,#ff334f,#7a50ff)}.brand-amazon{background:#1698e8}.hero-copy{min-width:0}.hero-copy h2,.hero-copy p{margin:0}.hero-copy h2{font-size:1.16rem}.hero-copy p{color:var(--muted);margin-top:4px;font-size:.9rem}.hero-price{text-align:right;gap:5px;display:grid}.hero-price strong{font-size:1.1rem}.hero-price span{color:var(--muted);font-size:.78rem}.timing-chip{border-radius:999px;align-items:center;gap:5px;width:fit-content;margin-top:10px;padding:6px 9px;font-size:.73rem;font-weight:750;display:inline-flex}.timing-chip svg{width:14px;height:14px}.timing-green{color:var(--green);background:var(--green-soft)}.soft-icon{border-radius:13px;flex:none;place-items:center;width:38px;height:38px;display:grid}.soft-green{color:var(--green);background:var(--green-soft)}.soft-blue{color:var(--blue);background:var(--blue-soft)}.soft-purple{color:var(--purple);background:var(--purple-soft)}.soft-orange{color:var(--orange);background:var(--orange-soft)}.soft-red{color:var(--red);background:var(--red-soft)}.attention-card{border-color:var(--purple-border);background:linear-gradient(135deg, var(--attention-start), var(--attention-end));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.attention-card strong,.attention-card p{margin:0}.attention-card p{color:var(--muted);margin-top:4px;font-size:.84rem}.attention-link{color:var(--on-purple);background:var(--purple);white-space:nowrap;border-radius:11px;padding:9px 11px;font-size:.78rem;font-weight:800;text-decoration:none}.list-card{overflow:hidden}.section-heading{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.section-heading h2{margin:0;font-size:1.02rem}.section-heading a{color:var(--green-bright);font-size:.8rem;font-weight:800;text-decoration:none}.renewal-row{border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:14px 16px;display:grid}.renewal-row .service-mark{border-radius:11px;width:40px;height:40px;font-size:.82rem}.renewal-copy,.renewal-timing,.renewal-price{gap:3px;min-width:0;display:grid}.renewal-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.renewal-copy span,.renewal-timing small{color:var(--muted);font-size:.72rem}.renewal-timing{color:var(--blue);text-align:right;font-size:.73rem}.renewal-price{text-align:right}.renewal-price strong{font-size:.82rem}.row-chevron{width:16px;color:var(--icon-muted)}.status-pill{border-radius:999px;justify-self:end;padding:4px 7px;font-size:.66rem;font-weight:800;display:inline-flex}.status-renew{color:var(--green);background:var(--green-soft)}.status-review{color:var(--purple);background:var(--purple-soft)}.status-overdue,.status-cancel{color:var(--red);background:var(--red-soft)}.status-upcoming{color:var(--blue);background:var(--blue-soft)}.overview-card{justify-content:space-between;align-items:center;gap:16px;padding:17px;display:flex}.overview-copy{align-items:center;gap:12px;display:flex}.overview-copy p,.overview-copy strong,.overview-copy span{margin:0;display:block}.overview-copy p{color:var(--muted);font-size:.78rem}.overview-copy strong{margin-top:3px;font-size:1.55rem}.overview-copy span{color:var(--green);margin-top:5px;font-size:.7rem}.mini-bars{align-items:end;gap:5px;width:82px;height:54px;display:flex}.mini-bars i{background:var(--green-visual-soft);border-radius:5px 5px 3px 3px;width:12px}.mini-bars i.is-current{background:var(--green-bright)}.renewal-group{gap:9px;display:grid}.group-heading{align-items:center;gap:9px;padding:0 4px;display:flex}.group-heading h2{margin:0;font-size:.98rem}.group-dot{border-radius:999px;width:10px;height:10px}.group-count{background:var(--neutral-soft);border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;margin-left:auto;font-size:.72rem;font-weight:800;display:inline-flex}.group-red .group-dot{background:var(--red)}.group-red .group-heading{color:var(--red)}.group-orange .group-dot{background:var(--orange)}.group-orange .group-heading{color:var(--orange)}.group-green .group-dot{background:var(--green-bright)}.group-green .group-heading{color:var(--green)}.group-blue .group-dot{background:var(--blue)}.group-blue .group-heading{color:var(--blue)}.group-card{overflow:hidden}.group-card .renewal-row:first-child{border-top:0}.timeline-entry{grid-template-columns:12px minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.timeline-entry>div{min-width:0}.timeline-entry>div>strong{color:var(--blue);margin:9px 0 0 13px;font-size:.7rem;display:block}.timeline-marker{background:var(--blue-timeline);width:2px;margin:0 auto;position:relative}.timeline-marker:before{border:2px solid var(--surface);background:var(--blue);width:8px;height:8px;box-shadow:0 0 0 1px var(--blue-timeline-border);content:"";border-radius:50%;position:absolute;top:17px;left:50%;transform:translate(-50%)}.timeline-entry:last-child .timeline-marker{background:linear-gradient(var(--blue-timeline) 0 22px, transparent 22px)}.filter-chips{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-chip{appearance:none;cursor:pointer;border:1px solid;border-radius:999px;flex:none;padding:8px 12px;font-size:.73rem;font-weight:800}.filter-chip[aria-pressed=true]{box-shadow:0 0 0 2px var(--filter-ring), 0 0 0 4px currentColor}.renewals-discovery{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow);gap:12px;padding:14px;display:grid}.renewals-search,.renewals-sort-label{gap:7px;display:grid}.renewals-search>label,.renewals-sort-label>span{color:var(--muted);font-size:.72rem;font-weight:800}.renewals-search-row{gap:7px;display:flex}.renewals-search-row input,.renewals-sort-label select{border:1px solid var(--control-border);min-width:0;color:var(--ink);background:var(--surface-plain);font:inherit;border-radius:11px}.renewals-search-row input{flex:auto;padding:10px 11px}.renewals-search-row button{border:1px solid var(--green-border);color:var(--green);background:var(--green-soft);font:inherit;cursor:pointer;border-radius:11px;flex:none;padding:9px 10px;font-size:.72rem;font-weight:800}.renewals-search-row .renewals-clear{color:var(--muted);border-color:var(--control-border);background:var(--surface-neutral)}.renewals-sort-label select{width:100%;padding:10px 11px}.renewals-filter-chips{padding:3px 2px}.renewals-result-count{color:var(--muted);margin:0;font-size:.74rem;font-weight:750}.renewals-result-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-purple{color:var(--purple);background:var(--surface-purple-subtle)}.filter-purple-soft{color:var(--purple-muted);background:var(--purple-soft)}.filter-orange{color:var(--orange);background:var(--orange-soft)}.filter-red{color:var(--red);background:var(--red-soft)}.review-list{gap:14px;display:grid}.review-card{padding:15px}.review-card-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.review-card-top .service-mark{border-radius:12px;width:42px;height:42px}.review-price{text-align:right;gap:4px;display:grid}.review-price span{color:var(--muted);font-size:.7rem}.review-label{color:var(--muted);margin:14px 0 8px;font-size:.74rem}.reason-panel{border-radius:13px;align-items:center;gap:10px;padding:11px;display:flex}.reason-panel .soft-icon{border-radius:11px;width:34px;height:34px}.reason-panel div{gap:3px;display:grid}.reason-panel strong{font-size:.8rem}.reason-panel span{font-size:.7rem}.reason-purple{color:var(--purple);background:var(--purple-soft)}.reason-orange{color:var(--orange);background:var(--orange-soft)}.reason-red{color:var(--red);background:var(--red-soft)}.visual-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.visual-action{background:var(--surface-plain);cursor:pointer;border-radius:10px;min-height:36px;padding:7px 5px;font-size:.68rem;font-weight:800}.visual-action:disabled{border-color:var(--control-border);color:var(--muted);background:var(--surface-neutral);cursor:not-allowed;opacity:1;border-style:dashed}.action-keep{border:1px solid var(--green-border-strong);color:var(--green)}.action-later{border:1px solid var(--purple-border-strong);color:var(--purple)}.action-cancel{border:1px solid var(--red-border-strong);color:var(--red)}.settings-section{gap:8px;display:grid}.settings-section h2{color:var(--muted);margin:0 4px;font-size:.8rem;font-weight:700}.backup-card{overflow:hidden}.backup-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.backup-actions{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.backup-action{border:1px solid var(--green-backup-border);min-height:38px;color:var(--green-action-text);background:var(--green-action-surface);font:inherit;cursor:pointer;border-radius:10px;place-items:center;padding:8px 12px;font-size:.72rem;font-weight:800;display:grid;position:relative;overflow:hidden}.backup-action:focus-within,.backup-action:focus-visible{outline:3px solid var(--focus-ring-green);outline-offset:2px}.backup-import input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.backup-safety-note,.backup-feedback{color:var(--muted);margin:0;padding:0 14px 12px 66px;font-size:.7rem;line-height:1.35}.backup-feedback{font-weight:700}.backup-notice{color:var(--green)}.backup-error{color:var(--red)}.sample-renewals-row{border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.sample-renewals-action{border:1px solid var(--purple-border-strong);min-height:42px;color:var(--purple);background:var(--purple-soft);font:inherit;cursor:pointer;border-radius:10px;grid-column:2;padding:9px 12px;font-size:.72rem;font-weight:800}.sample-renewals-action:disabled{cursor:default;opacity:.55}.sample-renewals-action:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.sample-renewals-safety,.sample-renewals-feedback{color:var(--muted);margin:0;padding:0 14px 12px 66px;font-size:.7rem;line-height:1.35}.sample-renewals-feedback{font-weight:700}.sample-renewals-notice{color:var(--green)}.sample-renewals-error{color:var(--red)}.account-card{align-items:center;gap:12px;padding:15px;display:flex}.avatar-mark{width:46px;height:46px;color:var(--green);flex:none}.account-card div,.setting-copy{gap:4px;display:grid}.account-card strong,.setting-copy strong{font-size:.86rem}.account-card span,.setting-copy span{color:var(--muted);font-size:.73rem;line-height:1.35}.settings-card{overflow:hidden}.setting-row{border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:14px;display:grid}.setting-row:first-child{border-top:0}.setting-value{text-align:right;font-size:.74rem;font-weight:800}.value-purple{color:var(--purple)}.value-green{color:var(--green-bright)}.value-blue{color:var(--blue)}.value-orange{color:var(--orange)}.value-red{color:var(--red)}.mobile-nav{z-index:8;padding:10px 8px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--nav-background);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid;position:fixed;bottom:0;left:max(0px,50vw - 215px);right:max(0px,50vw - 215px)}.mobile-nav-link{min-height:54px;color:var(--nav-muted);border-radius:14px;place-items:center;gap:4px;font-size:.67rem;font-weight:750;text-decoration:none;display:grid;position:relative}.mobile-nav-link:before{content:"";background:0 0;border-radius:999px;width:34px;height:3px;position:absolute;top:-10px}.mobile-nav-icon{width:21px;height:21px}.mobile-nav-link[aria-current=page]{color:var(--green-bright)}.mobile-nav-link[aria-current=page]:before{background:var(--green-bright)}@media (width>=431px){.phone-frame{min-height:900px}}@media (width<=370px){.mobile-main{padding-inline:14px}.hero-content{grid-template-columns:auto minmax(0,1fr)}.hero-price{text-align:left;grid-column:2}.renewal-row{grid-template-columns:auto minmax(0,1fr) auto auto}.renewal-timing{display:none}.visual-actions{grid-template-columns:1fr}}.renewal-service-mark{color:var(--on-primary);background:linear-gradient(145deg, var(--green-bright), var(--blue))}.renewal-edit,.sheet-close,.renewal-fab,.sheet-actions button,.delete-actions button{font:inherit;cursor:pointer;border:0}.renewal-edit{width:36px;height:36px;color:var(--green);background:var(--green-soft);border-radius:11px;place-items:center;display:grid}.renewal-empty{border:1px dashed var(--green-border);border-radius:var(--radius-md);background:linear-gradient(145deg, var(--surface), var(--surface-empty-end));text-align:center;gap:8px;padding:28px 20px;display:grid}.renewal-empty p,.collection-note{color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.renewal-empty a{color:var(--green);font-weight:800}.collection-note{border-top:1px solid var(--border);padding:16px}.renewal-fab{min-height:40px;color:var(--on-primary);background:linear-gradient(145deg, #26c56c, var(--green));white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.76rem;font-weight:850;line-height:1;display:inline-flex;box-shadow:0 8px 18px #18a85b3d}.renewal-fab span{font-size:1.25rem;font-weight:500}.renewal-collection .renewal-row{grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr) auto auto 32px;gap:4px 6px;padding:8px 14px}.renewal-collection .renewal-service-mark{grid-area:1/1/3}.renewal-collection .renewal-copy{display:contents}.renewal-collection .renewal-copy strong{grid-area:1/2/auto/5}.renewal-collection .renewal-copy span{text-overflow:ellipsis;white-space:nowrap;grid-area:2/2;overflow:hidden}.renewal-collection .renewal-timing{grid-area:2/3}.renewal-collection .renewal-timing>span{display:none}.renewal-collection .renewal-price{white-space:nowrap;grid-area:2/4/auto/6;justify-content:flex-end;align-items:center;gap:5px;display:flex}.renewal-collection .renewal-edit{grid-area:1/5;width:32px;height:32px}.renewal-backdrop{z-index:20;background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;inset:0}.renewal-sheet{z-index:21;max-height:min(88vh,820px);padding:9px 20px calc(20px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:var(--sheet-shadow);border-radius:25px 25px 0 0;position:fixed;bottom:0;left:max(0px,50vw - 215px);right:max(0px,50vw - 215px);overflow-y:auto}.sheet-handle{background:var(--sheet-handle);border-radius:99px;width:42px;height:5px;margin:0 auto 13px}.sheet-heading,.sheet-actions,.delete-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-heading h2,.delete-dialog h2{letter-spacing:-.035em;margin:3px 0 0;font-size:1.45rem}.sheet-close{width:40px;height:40px;color:var(--muted);background:var(--neutral-soft);border-radius:999px;font-size:1.45rem}.renewal-form,.details-fields{gap:13px;display:grid}.renewal-form{margin-top:18px}.renewal-form label{color:var(--text);gap:6px;font-size:.76rem;font-weight:800;display:grid}.renewal-form input,.renewal-form select,.renewal-form textarea{border:1px solid var(--control-border-soft);width:100%;min-height:45px;color:var(--text);background:var(--surface-control);border-radius:12px;outline:0;padding:10px 12px}.renewal-form textarea{resize:vertical;min-height:76px}.renewal-form input:focus,.renewal-form select:focus,.renewal-form textarea:focus{border-color:var(--green-bright);background:var(--surface-control-active);box-shadow:0 0 0 4px var(--focus-ring-green)}.form-pair{grid-template-columns:minmax(0,2fr) minmax(92px,1fr);gap:10px;display:grid}.renewal-details{border:1px solid var(--purple-border);background:var(--surface-purple);border-radius:13px}.renewal-details summary{color:var(--purple);cursor:pointer;padding:13px;font-size:.78rem;font-weight:850}.details-fields{padding:0 13px 13px}.renewal-error{color:var(--error-text);background:var(--red-soft);border-radius:11px;margin:0;padding:10px 12px;font-size:.78rem;font-weight:750}.sheet-actions{margin-top:3px}.renewal-save,.delete-start,.delete-actions button{border-radius:12px;min-height:46px;padding:11px 16px;font-weight:850}.renewal-save{color:var(--on-primary);background:linear-gradient(135deg, var(--green-bright), var(--green));margin-left:auto}.delete-start,.delete-confirm{color:var(--red);background:var(--red-soft)}.delete-dialog{z-index:22;border:1px solid var(--red-border);background:var(--surface);width:min(100% - 36px,380px);box-shadow:var(--dialog-shadow);border-radius:20px;gap:14px;padding:22px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.delete-dialog p{color:var(--muted);margin:0;line-height:1.5}.delete-actions button:first-child{color:var(--green);background:var(--green-soft)}.renewal-edit:focus-visible,.renewal-fab:focus-visible,.renewals-search-row input:focus-visible,.renewals-search-row button:focus-visible,.renewals-sort-label select:focus-visible,.renewals-filter-chips .filter-chip:focus-visible,.sheet-close:focus-visible,.sheet-actions button:focus-visible,.delete-actions button:focus-visible,.renewal-details summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.auth-frame{flex-direction:column;min-height:100vh;display:flex}.auth-header{flex:none}.auth-local-badge{border:1px solid var(--green-border);min-height:28px;color:var(--green);background:var(--green-soft);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:6px 10px;font-size:.68rem;font-weight:850;display:inline-flex}.auth-main{width:100%;max-width:390px;padding:28px 18px max(32px, env(safe-area-inset-bottom));flex:auto;align-content:center;gap:14px;margin:0 auto;display:grid}.auth-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);gap:16px;padding:24px 20px;display:grid}.auth-panel h1,.auth-panel p{margin:0}.auth-panel h1{letter-spacing:-.05em;font-size:clamp(1.85rem,8vw,2.45rem);line-height:1.02}.auth-panel>p:not(.eyebrow,.auth-feedback){color:var(--muted);line-height:1.5}.auth-welcome{text-align:center;background:radial-gradient(circle at top right, #7654cc1f, transparent 38%), radial-gradient(circle at bottom left, #18a85b1f, transparent 38%), var(--surface);overflow:hidden}.auth-welcome .eyebrow{justify-self:center}.auth-hero-mark,.auth-state-mark{border-radius:22px;place-items:center;display:grid}.auth-hero-mark{width:76px;height:76px;color:var(--on-primary);background:linear-gradient(145deg, var(--green-bright), var(--green));justify-self:center;box-shadow:0 16px 34px #18a85b3d}.auth-hero-mark svg{width:38px;height:38px}.auth-state-mark{width:54px;height:54px}.auth-state-mark svg{width:26px;height:26px}.auth-state-purple{color:var(--purple);background:var(--purple-soft)}.auth-state-red{color:var(--red);background:var(--red-soft)}.auth-supporting-copy{color:var(--muted);font-size:.92rem;line-height:1.5}.auth-supporting-copy strong{color:var(--text);overflow-wrap:anywhere}.auth-form,.auth-action-stack{gap:12px;display:grid}.auth-field{color:var(--text);gap:7px;font-size:.78rem;font-weight:800;display:grid}.auth-field input{border:1px solid var(--control-border-soft);border-radius:var(--radius-sm);width:100%;min-height:48px;color:var(--text);background:var(--surface-control);outline:0;padding:11px 13px;font-size:.95rem;font-weight:500;transition:border-color .14s,box-shadow .14s,background .14s}.auth-field input:focus{border-color:var(--green-bright);background:var(--surface-control-active);box-shadow:0 0 0 4px var(--focus-ring-green)}.auth-button,.account-action,.auth-dev-inbox-link{font:inherit;cursor:pointer;border:0}.auth-button{border-radius:var(--radius-sm);text-align:center;justify-content:center;align-items:center;min-height:46px;padding:11px 15px;font-size:.84rem;font-weight:850;display:inline-flex}.auth-button:focus-visible,.account-action:focus-visible,.auth-dev-inbox-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.auth-button-primary{color:var(--on-primary);background:linear-gradient(135deg, var(--green-bright), var(--green));box-shadow:0 10px 24px #18a85b2e}.auth-button-secondary{border:1px solid var(--green-control-border);color:var(--green);background:var(--green-soft)}.auth-button-text{min-height:38px;color:var(--green);background:0 0;padding-block:7px}.auth-button:disabled,.account-action:disabled{cursor:wait;opacity:.68}.auth-inline-actions{flex-wrap:wrap;justify-content:center;gap:2px 12px;display:flex}.auth-feedback{border-radius:11px;padding:10px 12px;font-size:.78rem;font-weight:700;line-height:1.45}.auth-error{color:var(--error-text);background:var(--red-soft)}.auth-notice{color:var(--green);background:var(--green-soft)}.auth-loading{text-align:center;justify-items:center;padding-block:54px}.auth-spinner{border:4px solid var(--green-visual-soft);border-top-color:var(--green-bright);border-radius:999px;width:44px;height:44px;animation:.78s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation:none}}.auth-unavailable{border-color:var(--red-border)}.auth-dev-inbox-link{color:var(--purple);text-underline-offset:3px;background:0 0;justify-self:center;padding:8px 12px;font-size:.74rem;font-weight:800;text-decoration:underline}.dev-inbox-list{gap:10px;display:grid}.dev-inbox-entry{border:1px solid var(--purple-border);background:var(--surface-purple);border-radius:14px;gap:7px;padding:13px;display:grid}.dev-inbox-heading{gap:3px;display:grid}.dev-inbox-heading strong{color:var(--purple);font-size:.82rem}.dev-inbox-heading span,.dev-inbox-entry small,.dev-inbox-entry p,.auth-empty-state{color:var(--muted);font-size:.72rem}.dev-inbox-entry p{margin:2px 0 0}.dev-inbox-entry code{color:var(--text);background:var(--surface-plain);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:9px;padding:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.73rem;display:block}.auth-empty-state{border:1px dashed var(--border);text-align:center;border-radius:13px;margin:0;padding:16px}.auth-account-copy{flex:auto;min-width:0}.account-card .avatar-mark{color:var(--green);font-size:1rem}.auth-account-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:6px!important;display:flex!important}.account-card{grid-template-columns:auto minmax(0,1fr);display:grid}.account-actions{grid-column:1/-1;justify-content:flex-end;width:100%}.account-action{white-space:nowrap;border-radius:10px;min-height:34px;padding:7px 9px;font-size:.7rem;font-weight:850}.account-action-signout{border:1px solid var(--red-account-border);color:var(--red);background:var(--red-soft)}.account-action-inbox{border:1px solid var(--purple-account-border);color:var(--purple);background:var(--purple-soft)}.account-auth-error{margin:0}@media (width<=370px){.auth-main{padding-inline:14px}.auth-panel{padding-inline:17px}.account-card{flex-wrap:wrap;align-items:flex-start}.account-actions{justify-content:flex-start;width:100%;padding-left:0}}.preference-card{display:grid;overflow:visible}.preference-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;display:grid}.preference-row+.preference-row{border-top:1px solid var(--border)}.preference-select.appearance-select{color:var(--purple);border-color:var(--purple);background:var(--purple-soft)}.preference-select{border:1px solid var(--green-control-border);min-height:42px;color:var(--green);background:var(--green-soft);font:inherit;border-radius:11px;padding:8px 30px 8px 11px;font-size:.78rem;font-weight:800}.preference-select:focus-visible,.preference-reset:focus-visible{outline:3px solid var(--focus-ring-green);outline-offset:2px}.preference-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 14px 14px;display:flex}.preference-status{color:var(--muted);font-size:.72rem;font-weight:700}.preference-reset{border:1px solid var(--neutral-control-border);min-height:36px;color:var(--green);background:var(--surface-plain);font:inherit;cursor:pointer;border-radius:10px;padding:8px 11px;font-size:.72rem;font-weight:800}.preference-select:disabled,.preference-reset:disabled{cursor:wait;opacity:.62}.preference-error{margin:0 14px 14px}@media (width<=370px){.preference-row{grid-template-columns:auto minmax(0,1fr)}.preference-select{grid-column:1/-1;width:100%}.preference-footer{flex-direction:column;align-items:flex-start}}