.support-site{--public-text:var(--ink);--public-muted:var(--muted);color:var(--ink);background:radial-gradient(ellipse at 8% 8%,color-mix(in srgb,var(--green) 12%,transparent),transparent 35%),radial-gradient(ellipse at 93% 42%,color-mix(in srgb,var(--peach) 20%,transparent),transparent 42%),var(--paper)}.support-intro,.support-ways,.support-looks,.support-promise{padding:72px max(24px,50vw - 550px)}.support-brand .brand-wordmark{font:600 clamp(76px,11vw,142px)/1 var(--font-display);letter-spacing:-.075em}.support-intro h1{font:550 clamp(34px,5vw,60px)/1.08 var(--font-display);letter-spacing:-.045em;margin:28px 0 20px}.support-intro>p{max-width:680px;color:var(--muted);font-size:18px;line-height:1.65}.support-intro-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;display:flex}.support-ways{background:var(--card);border-block:1px solid var(--line)}.support-ways>h2,.support-looks>h2,.support-promise h2{font:550 clamp(32px,4vw,46px)/1.1 var(--font-display);letter-spacing:-.04em;margin:0 0 26px}.support-tier-lines{grid-template-columns:1fr 1fr;gap:50px;margin:44px 0;display:grid}.support-tier-lines article{border-top:1px solid var(--line);padding-top:22px}.support-tier-lines h3{font:600 25px var(--font-display);margin:12px 0}.support-tier-lines p,.support-looks>p,.support-promise p,.support-rewards p{color:var(--muted);line-height:1.65}.support-thanks{color:var(--muted);font-size:13px;line-height:1.6}.support-tip{border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.support-tip p{color:var(--muted);line-height:1.65}.support-looks .color-mode{width:min(350px,100%);margin-top:20px}.support-promise{background:var(--soft-green)}.support-settings-grid{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:44px;display:grid}.support-controls{gap:20px;margin-top:25px;display:grid}.support-controls .stack{gap:18px}.support-controls .remember-choice{flex-wrap:wrap;align-items:start;font-size:13px;line-height:1.6}.support-controls .remember-choice input{flex-shrink:0;margin-top:5px}.support-amount{align-items:center;gap:10px;display:flex}.support-amount .input{width:140px;font-size:24px;font-weight:600}.support-amount>span:last-child{color:var(--muted);font-size:12px}.support-presets{gap:10px;display:flex}.support-presets [aria-pressed=true]{outline:2px solid var(--green);outline-offset:3px}.support-rewards{align-content:start;gap:18px;display:grid}.support-rewards p{margin:0 0 12px}.support-rewards .button{white-space:normal;width:fit-content;max-width:100%}.appearance-mode{max-width:400px;margin-bottom:44px}.theme-gallery{margin-top:28px}.theme-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.theme-option{text-align:left;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;gap:8px;min-height:122px;padding:15px;display:grid;position:relative}.theme-option[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.theme-option strong{font-size:13px}.theme-option small{color:var(--muted);font-size:11px}.theme-option>svg{position:absolute;bottom:13px;right:10px}.theme-swatches{border-radius:7px;width:70px;height:24px;display:flex;overflow:hidden}.theme-swatches i{flex:1}.theme-preview.app-shell{border:1px solid var(--line);border-radius:16px;max-width:750px;min-height:0;margin-top:24px;padding:30px;display:block}.theme-preview h3{font:550 30px var(--font-display);letter-spacing:-.04em;margin:22px 0}.theme-preview-top{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.theme-preview-team{align-items:center;gap:16px;margin:28px 0;display:flex}.theme-preview-team>span{color:var(--muted);margin-left:10px;font-size:13px}.theme-preview .avatar{color:#fff}.theme-preview-task{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:14px;padding:20px;display:flex}.theme-preview-task>div{flex:1;gap:7px;display:grid}.theme-preview-task small{color:var(--muted);font-size:12px}.theme-preview-check{background:var(--green);width:28px;height:28px;color:var(--card);border-radius:50%;place-items:center;display:grid}.theme-preview>p{color:var(--muted);font-size:14px;line-height:1.6}.theme-save{flex-wrap:wrap;align-items:center;gap:20px;margin:24px 0;display:flex}.theme-save .button{white-space:normal}.theme-save p{font-size:13px}.support-report{margin-top:35px}.report-form{flex-wrap:wrap;align-items:end;gap:14px;margin-top:18px;display:flex}.report-form .field{flex:1;min-width:150px}.report-form .button{white-space:normal}@media (max-width:750px){.support-settings-grid{grid-template-columns:1fr;gap:30px}.support-intro,.support-ways,.support-looks,.support-promise{padding:44px 24px}.support-tier-lines{grid-template-columns:1fr;gap:26px;margin:30px 0}.theme-preview.app-shell{padding:22px}.theme-preview-top{align-items:start}.theme-preview-team{gap:12px}.theme-preview-team>span{max-width:120px;margin-left:0;line-height:1.5}.theme-preview h3{font-size:26px}.support-controls .button{white-space:normal}.support-controls .remember-choice{display:block}.support-controls .remember-choice input{margin-right:8px}.support-amount .input{width:120px}.support-intro-actions{gap:20px}}
.color-mode{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:12px;display:flex}.color-mode select{border:1px solid var(--line);background:var(--card);max-width:150px;min-height:36px;color:var(--ink);border-radius:8px;padding:5px}.color-mode select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.app-shell[data-theme]{background:radial-gradient(ellipse at 95% -10%,color-mix(in srgb,var(--green) 8%,transparent),transparent 45%),var(--paper);color:var(--ink)}.app-shell[data-theme] .rail{background:linear-gradient(155deg,var(--soft-green),var(--paper));border-color:var(--line)}.app-shell[data-theme] .nav-link{color:var(--muted)}.app-shell[data-theme] .nav-link:is(:hover,.active){background:var(--soft-green);color:var(--dark)}.app-shell[data-theme] .text-link{color:var(--green)}.app-shell[data-theme=coast]{--ink:#203c44;--muted:#57747a;--paper:#eff5f5;--card:#fffef8;--line:#d4e3e6;--green:#286778;--dark:#164c5d;--soft-green:#dfedf0;--peach:#efbca0}.app-shell[data-theme=rosewood]{--ink:#493440;--muted:#79646c;--paper:#f7f2ed;--card:#fffcf6;--line:#e7d9d8;--green:#885a62;--dark:#513c48;--soft-green:#f0e2df;--peach:#e7bd92}.app-shell[data-theme=aurora]{--ink:#254147;--muted:#60777a;--paper:#eef6f1;--card:#fffdf4;--line:#d0e4de;--green:#296a75;--dark:#22434b;--soft-green:#e0eee5;--peach:#d8b574;--sheen:linear-gradient(115deg,#bad8c680,#d5ebed80,#ebdca880)}.app-shell[data-theme=solstice]{--ink:#47392b;--muted:#786854;--paper:#f7f3e9;--card:#fffdf6;--line:#e6d9c3;--green:#a26335;--dark:#47392b;--soft-green:#eee3cc;--peach:#eac785;--sheen:linear-gradient(120deg,#bca17a55,#f6e3b455,#d7b89055)}.app-shell[data-theme=midnight]{--ink:#ecedf2;--muted:#bac3d0;--paper:#2f313b;--card:#383b46;--line:#525762;--green:#abcad7;--dark:#abcad7;--soft-green:#444b59;--peach:#e4b895;--sheen:linear-gradient(130deg,#a4c9d41a,#eed6b11a,#bac8ea1a);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-color-mode=dark],.app-shell[data-theme=graphite]{--ink:#eceef3;--muted:#b7bdc7;--paper:#313338;--card:#383a40;--line:#50535b;--green:#b0d4bd;--dark:#b9dcc6;--soft-green:#42494a;--peach:#edba98;--shadow:0 14px 40px #14151926;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-color-mode=dark] .app-shell[data-theme]{--ink:#eceef3;--muted:#b7bdc7;--paper:#313338;--card:#383a40;--line:#50535b;--soft-green:#414b49;--green:#b0d4bd;--dark:#b9dcc6;--peach:#edba98}:root[data-color-mode=dark] .app-shell[data-theme=coast]{--green:#a6d2d9;--dark:#badbe0;--soft-green:#3d4b53;--peach:#efbca0}:root[data-color-mode=dark] .app-shell[data-theme=rosewood]{--green:#dfb8c0;--dark:#eccbd1;--soft-green:#51454e;--peach:#e7bd92}:root[data-color-mode=dark] .app-shell[data-theme=aurora]{--green:#b2d9d1;--dark:#c0dfd9;--soft-green:#404e4b;--peach:#e0c48e}:root[data-color-mode=dark] .app-shell[data-theme=solstice]{--green:#e6bf93;--dark:#f1d4b0;--soft-green:#51473d;--peach:#eac785}:root[data-color-mode=dark] .app-shell[data-theme=midnight]{--green:#abcad7;--dark:#c1dae5;--soft-green:#444b59;--peach:#e4b895}.app-shell[data-theme] .button:not(.ghost){background:var(--dark);color:var(--card)}.app-shell[data-theme] .button.secondary,.app-shell[data-theme] .icon-button{background:var(--soft-green);color:var(--ink)}.app-shell[data-theme] :is(.input,.textarea,.select,.choice,.profile-tile,.task-row,.entry-form,.mobile-more-dialog){background:var(--card);color:var(--ink);border-color:var(--line)}.app-shell[data-theme] .task-row:hover{background:color-mix(in srgb,var(--soft-green) 65%,var(--card))}.app-shell[data-theme] :is(.profile-tile-level,.profile-tile-label,.task-meta,.form-help){color:var(--muted)}.app-shell[data-theme] .bottom-nav{background:color-mix(in srgb,var(--card) 94%,transparent);border-color:var(--line)}.app-shell[data-theme] .bottom-nav :is(a,button){color:var(--muted)}.app-shell[data-theme] .bottom-nav .active{color:var(--dark)}.app-shell[data-theme] .mobile-app-header{background:var(--paper);color:var(--ink);border-color:var(--line)}.app-shell[data-theme=midnight] .button:not(.secondary):not(.ghost),:root[data-color-mode=dark] .button:not(.secondary):not(.ghost),.app-shell[data-theme=graphite] .button:not(.secondary):not(.ghost){color:#202b28}.app-shell[data-theme=midnight] .note-card,:root[data-color-mode=dark] .note-card,.app-shell[data-theme=graphite] .note-card{color:#f1e7c9;background:#504c40}.app-shell[data-theme=midnight] .brand-wordmark,:root[data-color-mode=dark] .brand-wordmark,.app-shell[data-theme=graphite] .brand-wordmark{color:var(--ink)}:root[data-color-mode=dark] :is(.public-nav,.public-footer,.public-auth,.public-explainer,.entry-form,.dialog,.mobile-more-dialog,.privacy-banner){background:var(--paper);color:var(--ink);border-color:var(--line)}:root[data-color-mode=dark] :is(.input,.select,.textarea){background:var(--card);color:var(--ink);border-color:var(--line)}:root[data-color-mode=dark] .blog-reading-layout>article{background:var(--card);color:var(--ink)}:root[data-color-mode=dark] .blog-article-head{background:linear-gradient(135deg,#8abb9b12,#e9b78810)}:root[data-color-mode=dark] .blog-article-head h1{color:var(--ink)}:root[data-color-mode=dark] .privacy-banner .button,:root[data-color-mode=dark] .privacy-reopen{background:var(--card);color:var(--ink);border-color:var(--line)}.support-badge{border:1px solid color-mix(in srgb,var(--peach) 65%,var(--line));background:color-mix(in srgb,var(--peach) 16%,var(--card));width:fit-content;color:var(--ink);letter-spacing:.02em;border-radius:8px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.support-badge.legend{background:linear-gradient(115deg,color-mix(in srgb,var(--peach) 22%,var(--card)),color-mix(in srgb,var(--green) 12%,var(--card)))}.support-badge svg{width:15px;height:15px}.page-head .support-badge{margin-top:12px}.avatar.supporter-halo,.avatar.legend-halo{position:relative;overflow:visible!important}.avatar:is(.supporter-halo,.legend-halo):after{content:"";border-radius:inherit;background:linear-gradient(125deg,var(--green),var(--peach),#f8efd1,var(--green));pointer-events:none;padding:2px;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.avatar.legend-halo:after{background-size:250% 250%;padding:3px;animation:9s ease-in-out infinite kin-sheen;inset:-5px}.app-shell[data-support=legend] .section-card{border-top-color:color-mix(in srgb,var(--peach) 50%,var(--line));background-image:var(--sheen,none)}@keyframes kin-sheen{0%,to{background-position:0}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.avatar.legend-halo:after{animation:none}}@media (max-width:650px){.rail-footer .color-mode{display:none}}:root[data-color-mode=dark] :is(.support-site,.public-auth,.public-explainer,.entry-form,.blog-site) :is(.text-link,.eyebrow){color:var(--green)}.theme-preview .avatar{color:var(--avatar-ink,#fff)}.app-shell[data-theme] :is(.page-title,.section-title,.dialog h2,.profile-card-name){color:var(--ink)}.app-shell[data-theme] :is(.card,.rail-footer){border-color:var(--line)}.app-shell[data-theme] .empty{background:var(--soft-green);border-color:var(--line);color:var(--muted)}.app-shell[data-theme]:not(.device-shell) .task-row{background:var(--card);border-color:var(--line)}.app-shell[data-theme]:not(.device-shell) .task-row:hover{background:var(--soft-green);border-color:var(--green)}.app-shell[data-theme] .task-check{background:var(--card);border-color:var(--green)}.app-shell[data-theme]:not(.device-shell) .task-row.task-overdue{background:color-mix(in srgb,var(--peach) 12%,var(--card));border-color:color-mix(in srgb,var(--peach) 60%,var(--line))}.app-shell[data-theme] :is(.points-preview,.account-success,.calendar-weekdays,.calendar-day.today,.calendar-chip){background:var(--soft-green);color:var(--ink)}.app-shell[data-theme] .achievement-card.is-unlocked{background:linear-gradient(145deg,var(--soft-green),var(--card));border-color:var(--line)}.app-shell[data-theme] .note-card{background:color-mix(in srgb,var(--peach) 20%,var(--card));border-color:var(--line);color:var(--ink)}.app-shell[data-theme] .league-stage{background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--peach) 18%,transparent),transparent 70%),linear-gradient(125deg,var(--soft-green),var(--paper));color:var(--ink)}.app-shell[data-theme] .pill{background:var(--soft-green);color:var(--ink)}.app-shell[data-theme] .button.ghost{color:var(--ink)}:root[data-color-mode=dark] ::selection,.app-shell[data-theme=graphite] ::selection,.app-shell[data-theme=midnight] ::selection{color:#fff;background:#54685d}:root[data-color-mode=dark] .app-shell[data-theme],.app-shell[data-theme=graphite],.app-shell[data-theme=midnight]{--sheen:linear-gradient(115deg,#b2d9d110,#e0c48e0d)}
