:root{--line:#00000014;--good:var(--accent);--good-tint:var(--accent-tint);--warn:var(--ink);--warn-tint:#0000000f;--danger:var(--ink);--danger-tint:#0000000f;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--glow:radial-gradient(ellipse 70% 45% at 50% 0%, #ffffffd9, #fff0 70%)}.app-body{background:var(--grain) fixed, var(--glow) fixed, var(--bg);min-height:100dvh}.pill{height:34px;padding:0 var(--s-3);border-radius:var(--radius-sm);font-size:13px;text-decoration:none;transition:opacity .15s,background-color .15s}.pill svg{flex:none;width:16px;height:16px}.pill-dark:active{opacity:.72}.pill-light{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.pill-light:hover{background:var(--bg)}.pill-light:active{background:var(--fill)}.pill-soft{background:var(--bg);color:var(--ink)}.pill-soft:hover{background:var(--fill)}.pill-danger{background:var(--ink);color:var(--on-ink)}.pill-danger:hover{background:#000c}.pill-sm{height:28px;font-size:var(--t-xs);padding:0 10px}.pill-block{width:100%}.pill-tall{height:44px}.pill:disabled,.pill[aria-disabled=true]{opacity:.4;cursor:not-allowed}.pill:focus-visible,.icon-btn:focus-visible,.dock a:focus-visible,.toggle:focus-visible,.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spin{border:2px solid;border-right-color:#0000;border-radius:999px;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{width:32px;height:32px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.icon-btn:hover{background:var(--bg);color:var(--ink)}.icon-btn svg{width:16px;height:16px}.text-link{color:var(--accent-ink);font-weight:500;font-size:var(--t-sm);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.a-top{z-index:20;height:64px;padding:0 var(--s-6);background:var(--grain) fixed, var(--glow) fixed, var(--bg);justify-content:center;align-items:center;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--s-2);letter-spacing:-.01em;color:var(--ink);font-size:15px;font-weight:600;display:inline-flex}.dock{left:50%;bottom:calc(var(--s-4) + env(safe-area-inset-bottom,0px));z-index:25;border-radius:var(--radius);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);align-items:center;gap:2px;padding:5px;display:flex;position:fixed;transform:translate(-50%)}.dock a{border-radius:var(--radius-sm);width:60px;height:50px;color:var(--ink-3);align-content:center;justify-items:center;gap:2px;font-size:10px;font-weight:500;transition:color .15s;display:grid;position:relative}.dock a svg{width:22px;height:22px;color:var(--ink-2);transition:transform .15s ease-out,color .15s}.dock a:hover,.dock a:hover svg{color:var(--ink)}.dock a:hover svg{transform:translateY(-2px)}.dock a[aria-current=page],.dock a[aria-current=page] svg{color:var(--ink)}.dock a[aria-current=page]:after{content:"";background:var(--ink);border-radius:999px;width:4px;height:4px;position:absolute;bottom:1px}.dock-sep{width:1px;height:32px;margin:0 var(--s-1);background:var(--line)}.avatar{background:var(--accent-tint);width:28px;height:28px;color:var(--accent-ink);font-size:var(--t-xs);border-radius:999px;flex:none;place-items:center;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.lg{width:44px;height:44px;font-size:var(--t-sm)}.a-main{width:100%;max-width:calc(560px + 2 * var(--s-6));padding:var(--s-2) var(--s-6) 112px;align-content:start;gap:var(--s-4);margin:0 auto;display:grid}.a-head{justify-content:space-between;align-items:flex-end;gap:var(--s-4);padding:0 var(--s-1);flex-wrap:wrap;display:flex}.a-head h1{letter-spacing:0;color:var(--ink-3);font-size:13px;font-weight:500;line-height:1.3}.a-head p{color:var(--ink-3);font-size:var(--t-xs);margin:2px 0 0}.card{background:var(--surface);border-radius:var(--radius);padding:14px var(--s-4);gap:var(--s-3);min-width:0;display:grid}.card-title{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.card-title h2{color:var(--ink-2);letter-spacing:-.01em;font-size:13px;font-weight:500}.card-title a{color:var(--ink);font-size:13px;font-weight:500}.two{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.big-num{font-family:var(--font-display);font-size:var(--t-xl);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.big-num small{font-size:var(--t-sm);color:var(--ink-3);letter-spacing:0;font-weight:500}.muted{color:var(--ink-2);font-size:var(--t-sm);margin:0}.faint{color:var(--ink-3);font-size:var(--t-xs);margin:0}.kv{justify-content:space-between;gap:var(--s-3);font-size:var(--t-sm);color:var(--ink-2);font-variant-numeric:tabular-nums;display:flex}.actions{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.list{display:grid}.row{align-items:center;gap:var(--s-3);padding:var(--s-2) 0;border-top:1px solid var(--line);min-width:0;display:flex}.row:first-child{border-top:0;padding-top:0}.row:last-child{padding-bottom:0}.ficon{border-radius:var(--radius-sm);background:var(--bg);width:32px;height:32px;color:var(--ink-2);flex:none;place-items:center;display:grid}.ficon svg{width:16px;height:16px}.ficon.blue{background:var(--accent-tint);color:var(--accent)}.row .row-text{flex:1;gap:2px;min-width:0;display:grid}.row .t{font-size:var(--t-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.row .s{font-size:var(--t-xs);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;overflow:hidden}.row .end{align-items:center;gap:var(--s-2);flex:none;display:flex}.chip{height:24px;font-size:var(--t-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.chip.plain:before{display:none}.b-good{background:var(--good-tint);color:var(--good)}.b-blue{background:var(--accent-tint);color:var(--accent-ink)}.b-warn{background:var(--warn-tint);color:var(--warn)}.b-grey{background:var(--bg);color:var(--ink-2)}.b-danger{background:var(--danger-tint);color:var(--danger)}.meter{background:var(--track);border-radius:999px;height:8px;overflow:hidden}.meter i{background:var(--accent);border-radius:999px;height:100%;display:block}.meter.warn i{background:var(--ink)}.seg{padding:var(--s-1);background:var(--surface);border-radius:999px;gap:2px;width:max-content;max-width:100%;display:inline-flex}.seg button{height:32px;padding:0 var(--s-3);font:inherit;font-size:var(--t-sm);color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px}.seg button[aria-pressed=true]{background:var(--bg);color:var(--ink);font-weight:600}.field{gap:6px;display:grid}.field label{font-size:var(--t-sm);font-weight:500}.input{border-radius:var(--radius-sm);background:var(--bg);height:40px;padding:0 var(--s-3);font:inherit;font-size:var(--t-sm);color:var(--ink);border:0;width:100%}.input:focus{background:var(--surface);box-shadow:inset 0 0 0 2px var(--accent);outline:0}.help{font-size:var(--t-xs);color:var(--ink-3)}.help.error{color:var(--danger)}.check{gap:var(--s-2);font-size:var(--t-sm);color:var(--ink-2);margin:0;padding:0;list-style:none;display:grid}.check li{gap:var(--s-2);display:flex}.check svg{width:16px;height:16px;color:var(--accent);flex:none;margin-top:3px}.plan-price{align-items:baseline;gap:var(--s-2);flex-wrap:wrap;display:flex}.plan-price .big-num{font-size:var(--t-2xl)}.ticks{font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.danger-zone{background:var(--surface);border-radius:var(--radius);padding:14px var(--s-4);justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.danger-zone h2{font-size:var(--t-sm);font-weight:500}.sheet{border-radius:var(--radius-sm);background:var(--bg);padding:var(--s-4);gap:var(--s-3);display:grid}.banner{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--radius);background:var(--accent-tint);color:var(--accent-ink);font-size:var(--t-sm);flex-wrap:wrap;display:flex}.banner b{color:var(--ink);font-weight:600}.banner .pill{margin-left:auto}.banner.warn{background:var(--warn-tint);color:var(--warn)}.empty{justify-items:center;gap:var(--s-3);text-align:center;padding:var(--s-6) var(--s-4);display:grid}.empty .ficon{width:48px;height:48px}.empty h3{font-size:var(--t-md)}.empty p{max-width:340px}.toggle{background:var(--track);cursor:pointer;border:0;border-radius:999px;flex:none;width:38px;height:22px;padding:0;position:relative}.toggle:after{content:"";background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle[aria-checked=true]{background:var(--accent)}.toggle[aria-checked=true]:after{transform:translate(16px)}.skeleton{gap:var(--s-3);display:grid}.skeleton i{background:var(--bg);border-radius:7px;height:14px;display:block}.skeleton i:nth-child(2n){width:60%}.toast-host{left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:50;position:fixed;transform:translate(-50%)}.toast{align-items:center;gap:var(--s-3);min-height:44px;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);background:var(--ink);color:var(--on-ink);font-size:var(--t-sm);border-radius:999px;animation:.2s ease-out toast-in;display:inline-flex}.toast:not(:has(button)){padding-right:var(--s-4)}.toast button{height:32px;padding:0 var(--s-3);color:#fff;font:inherit;font-weight:500;font-size:var(--t-xs);cursor:pointer;background:#ffffff29;border:0;border-radius:999px}@keyframes toast-in{0%{opacity:0}}.center{min-height:100dvh;padding:var(--s-6) var(--s-4);place-items:center;display:grid}.auth{gap:var(--s-5);text-align:center;justify-items:center;width:100%;max-width:380px;display:grid}.auth h1{font-size:var(--t-2xl);letter-spacing:-.03em;line-height:1.15}.auth p{color:var(--ink-2);font-size:var(--t-sm);margin:0}.auth .fine-print{font-size:var(--t-xs);color:var(--ink-3)}.auth .fine-print a{color:var(--ink-2);text-decoration:underline}.wide-task{gap:var(--s-5);width:100%;max-width:520px;display:grid}.mac-card{background:var(--surface);border-radius:var(--radius);width:100%;padding:var(--s-4);align-items:center;gap:var(--s-3);text-align:left;display:flex}.appicon{width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:15px;place-items:center;display:grid}.how-steps{gap:var(--s-3);counter-reset:step;text-align:left;width:100%;margin:0;padding:0;list-style:none;display:grid}.how-steps li{gap:var(--s-3);font-size:var(--t-sm);color:var(--ink-2);counter-increment:step;align-items:flex-start;display:flex}.how-steps li:before{content:counter(step);background:var(--accent-tint);width:24px;height:24px;color:var(--accent-ink);font-size:var(--t-xs);border-radius:999px;flex:none;place-items:center;font-weight:600;display:grid}.how-steps b{color:var(--ink);font-weight:600}@media (max-width:639px){.a-top{padding:0 var(--s-4);top:env(safe-area-inset-top,0px)}.a-main{padding:var(--s-2) var(--s-4) calc(104px + env(safe-area-inset-bottom,0px))}.dock{bottom:calc(var(--s-2) + env(safe-area-inset-bottom,0px))}.dock-sep{margin:0}.toast-host{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.a-head h1{font-size:var(--t-lg)}.a-head .pill{width:100%}.two{grid-template-columns:1fr}.card,.danger-zone{padding:var(--s-4)}.plan-price .big-num{font-size:var(--t-2xl)}.pill{height:44px}.pill-sm{height:32px}.hide-phone{display:none!important}.danger-zone .pill{width:100%}}@media (prefers-reduced-motion:reduce){.spin,.toast{animation:none}}.card.profile{align-items:center;gap:var(--s-3);display:flex}.card.profile .row-text{gap:2px;min-width:0;display:grid}.card.profile .t{font-size:var(--t-sm);font-weight:600}.card.profile .s{font-size:var(--t-xs);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card .big-num{font-size:28px}.meter.lg{height:6px}.card .kv{font-size:var(--t-xs);color:var(--ink-3)}.show-more{justify-content:center;padding:14px 0 4px;display:flex}
