:root{color:#2b193d;font-synthesis:none;text-rendering:optimizelegibility;background:#fff5e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 5%,#ff795b3b,#0000 20rem),linear-gradient(135deg,#ffffff80 25%,#0000 25%) 0 0/1.25rem 1.25rem,#fff5e9;min-width:320px;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #185c46}.status-screen,.app-shell{min-height:100svh}.status-screen{text-align:center;place-content:center;gap:.75rem;padding:2rem;display:grid}.status-screen h1,.status-screen p{margin:0}.topbar{justify-content:space-between;align-items:center;max-width:70rem;margin:auto;padding:1.25rem 1.5rem;display:flex}.brand{color:#185c46;text-decoration:none}.brand-wordmark{color:#185c46;letter-spacing:-.075em;align-items:center;font-size:1.38rem;font-weight:900;line-height:1;display:inline-flex}.toilet-rolls{align-items:center;gap:.02em;margin:0 -.02em 0 -.04em;display:inline-flex}.toilet-roll{width:.92em;height:1.02em;overflow:visible}.toilet-roll path:first-child{fill:#fff8e5;stroke:currentColor;stroke-width:1.7px}.toilet-roll-shadow{fill:#ead6a0;opacity:.9}.toilet-roll-hole{fill:#f6f7f1;stroke:currentColor;stroke-width:1.35px}.toilet-roll-sheet{fill:none;stroke:currentColor;stroke-width:1.15px;stroke-linecap:round;opacity:.45}.text-button{color:#185c46;cursor:pointer;background:0 0;border:0;font-weight:700}.header-actions{align-items:center;gap:.55rem;display:flex}.theme-toggle{color:#54306d;cursor:pointer;background:#fff;border:1px solid #d5e1d9;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;font-size:1.15rem;display:grid}.site-navigation{background:#ffffffbf;border:1px solid #d5e1d9;border-radius:.85rem;align-items:center;gap:.35rem;margin-left:auto;margin-right:1rem;padding:.25rem;display:flex}.navigation-link{color:#52645a;border-radius:.6rem;align-items:center;gap:.45rem;padding:.55rem .7rem;font-size:.85rem;font-weight:800;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.navigation-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.05rem;height:1.05rem}.navigation-link:hover{color:#185c46;background:#edf4ef}.navigation-link.is-active{color:#fff;background:#185c46}.notification-link{color:#5b2a86;place-items:center;width:2rem;height:2rem;text-decoration:none;display:grid;position:relative}.notification-link b{color:#fff;background:#d55d7a;border-radius:99px;place-items:center;min-width:1rem;height:1rem;font-size:.65rem;display:grid;position:absolute;top:-.1rem;right:-.1rem}.profile-page h1{margin-top:0}.profile-page h2{font-size:1.2rem}.profile-form{margin-top:1.5rem}.dashboard,.onboarding-card{width:min(100% - 3rem,36rem);margin:4rem auto}.eyebrow{color:#185c46;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800}h1{letter-spacing:-.065em;margin:.5rem 0;font-size:clamp(2.25rem,8vw,4.5rem);line-height:.95}.lead{color:#5a6861;font-size:1.125rem}.metric-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin:2.5rem 0;display:grid}.metric-card{background:#fff;border:1px solid #1d29240f;border-radius:1.25rem;padding:1.5rem;box-shadow:0 12px 32px #1d292414}.metric-card span,.metric-card p{color:#5a6861}.metric-card strong{color:#185c46;margin:.3rem 0;font-size:3rem;line-height:1;display:block}.metric-card p{margin:0}.primary-button{color:#fff;cursor:pointer;background:#185c46;border:0;border-radius:.85rem;width:100%;padding:1rem 1.25rem;font-weight:800;transition:filter .15s}.primary-button:not(:disabled):hover{filter:brightness(1.08)}.primary-button:disabled{cursor:not-allowed;opacity:.6}.hint{color:#5a6861;text-align:center;margin-top:.75rem;font-size:.875rem}.onboarding-page{background:radial-gradient(circle at 10% 0,#d7efe4,#0000 35rem),0 0;place-items:center;min-height:100svh;padding:1.5rem;display:grid}.onboarding-card{background:#fff;border-radius:1.5rem;margin:0;padding:clamp(1.5rem,6vw,3rem);box-shadow:0 16px 50px #1d29241a}.onboarding-card h1{font-size:clamp(2.5rem,10vw,4.5rem)}.auth-brand{margin-bottom:2.5rem}.auth-brand .brand-wordmark{font-size:2rem}.onboarding-card label{margin:2rem 0 .5rem;font-weight:800;display:block}.onboarding-card input{border:2px solid #c7d4cc;border-radius:.75rem;width:100%;padding:.85rem 1rem}.field-help,.form-error{color:#5a6861;margin-top:.5rem;font-size:.875rem;display:block}.form-error{color:#b42318}.onboarding-card .primary-button{margin-top:1.5rem}.auth-switch{color:#5a6861;text-align:center;margin:1.5rem 0 0;font-size:.875rem}.auth-switch .text-button{margin-left:.35rem}.account-security{background:#e9f7ef;border:1px solid #a6cbb9;border-radius:1rem;margin:2rem 0;padding:1.25rem}.account-security h2,.account-security p{margin:0}.account-security h2{letter-spacing:-.03em;font-size:1.15rem}.account-security p{color:#3e5a4c;margin-top:.35rem}.account-security label{margin:1rem 0 .5rem;font-weight:800;display:block}.account-security input{border:2px solid #94b8a5;border-radius:.75rem;width:100%;padding:.85rem 1rem}.account-security .primary-button{margin-top:1rem}.dashboard-error{text-align:center}.history{margin-top:2.5rem}.history-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.history-heading h2{letter-spacing:-.03em;margin:0;font-size:1.25rem}.history-heading span{color:#5a6861;font-size:.8rem}.log-list{background:#fff;border:1px solid #dbe3dd;border-radius:.85rem;margin:1rem 0 0;padding:0;list-style:none}.log-list li{justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.log-list li+li{border-top:1px solid #dbe3dd}.log-list time{color:#3e4c45;font-size:.925rem}.log-list .text-button:disabled{color:#9aa79f;cursor:not-allowed}.social-panel{border-top:1px solid #cfdcd4;margin-top:3.5rem;padding-top:2rem}.social-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.social-heading h2{letter-spacing:-.05em;margin:.25rem 0 0;font-size:1.65rem}.notification-count{color:#3b2d07;background:#f2bc4e;border-radius:999px;place-items:center;min-width:1.75rem;height:1.75rem;font-size:.85rem;font-weight:800;display:grid}.friend-search{gap:.6rem;margin-top:1.25rem;display:flex}.friend-search input{border:2px solid #c7d4cc;border-radius:.75rem;flex:1;min-width:0;padding:.75rem .9rem}.secondary-button{color:#185c46;cursor:pointer;background:#e7f3ec;border:1px solid #185c46;border-radius:.7rem;padding:.65rem .85rem;font-weight:800}.secondary-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.55}.social-list,.notification-list{background:#fff;border:1px solid #dbe3dd;border-radius:.85rem;margin:1rem 0 0;padding:0;list-style:none}.social-list li,.notification-list li{justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.social-list li+li,.notification-list li+li{border-top:1px solid #dbe3dd}.notification-list li{display:block}.notification-list p{margin:0}.notification-actions{align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.notification-copy{color:#1d2924;cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:0}.friends-list{margin-top:1.5rem}.friends-list h3{margin:0;font-size:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.friend-feed{border-top:1px solid #cfdcd4;margin:3.5rem 0 4rem;padding-top:2rem}.feed-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.feed-heading h2{letter-spacing:-.05em;margin:.25rem 0 0;font-size:1.65rem}.feed-privacy{color:#53645b;white-space:nowrap;background:#edf1ed;border-radius:999px;padding:.35rem .55rem;font-size:.72rem;font-weight:800}.feed-list{background:#fff;border:1px solid #dbe3dd;border-radius:.85rem;margin:1rem 0 0;padding:0;list-style:none}.feed-list li{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.85rem 1rem;display:grid}.feed-list li+li{border-top:1px solid #dbe3dd}.feed-list p{margin:0}.feed-list time{color:#5a6861;font-size:.82rem}.activity-dot{background:#f6ead1;border-radius:50%;place-items:center;width:1.85rem;height:1.85rem;font-size:.9rem;display:grid}.showdown-panel{border-top:1px solid #cfdcd4;margin:3.5rem 0 4rem;padding-top:2rem}.showdown-page .showdown-panel{margin-top:2rem}.showdown-panel h2{letter-spacing:-.05em;margin:.25rem 0 1rem;font-size:1.65rem}.showdown-form{gap:.9rem;display:grid}.showdown-form label{color:#3e4c45;gap:.35rem;font-size:.88rem;font-weight:800;display:grid}.showdown-form input{border:2px solid #c7d4cc;border-radius:.7rem;width:100%;padding:.75rem .85rem}.showdown-dates{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.showdown-list{background:#fff;border:1px solid #dbe3dd;border-radius:.85rem;margin:1.5rem 0 0;padding:0;list-style:none}.showdown-list li{justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.showdown-list li+li{border-top:1px solid #dbe3dd}.showdown-list strong,.showdown-list span{display:block}.showdown-list span{color:#5a6861;text-transform:capitalize;margin-top:.2rem;font-size:.82rem}.showdown-actions{gap:.7rem;display:flex}.invite-row{gap:.4rem;margin-top:.55rem;display:flex}.invite-row select{color:#3e4c45;background:#fff;border:1px solid #c7d4cc;border-radius:.45rem;padding:.3rem}.my-showdowns-heading{margin:2rem 0 .6rem;font-size:1rem}.create-showdown-button{margin-top:1.25rem}.leaderboard-list{background:#fff8e5;border:1px solid #dbe3dd;border-radius:.85rem;margin:1rem 0 0;padding:0;list-style:none}.leaderboard-list li{justify-content:space-between;gap:1rem;padding:.8rem 1rem;display:flex}.leaderboard-list li+li{border-top:1px solid #e7d8b5}.enrolled-showdowns{background:0 0;border:0;gap:1rem;display:grid}.enrolled-showdowns>.showdown-card{background:linear-gradient(135deg,#fffdf8,#f5e9ff);border:0;border-radius:1.2rem;padding:1.2rem;display:block;overflow:hidden;box-shadow:0 .7rem 1.6rem #5b2a8621}.showdown-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.showdown-card-header strong{color:#3f195d;letter-spacing:-.035em;font-size:1.2rem;display:block}.showdown-status{color:#5b2a86;text-transform:uppercase;background:#e5c9fb;border-radius:999px;margin-top:.4rem;padding:.25rem .5rem;font-size:.7rem;font-weight:900;display:inline-block}.showdown-players{color:#5b2a86;white-space:nowrap;background:#fff;border-radius:.7rem;padding:.45rem .55rem;font-size:.8rem;font-weight:900}.scoreboard-label{color:#75568d;letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;margin-top:1rem;font-size:.72rem;font-weight:900;display:flex}.embedded-standings{gap:.35rem;margin:.55rem 0 0;padding:0;list-style:none;display:grid}.embedded-standings li{color:#3e4c45;background:#fffc;border:0;border-radius:.65rem;grid-template-columns:1.7rem 1fr auto;align-items:center;gap:.5rem;padding:.55rem .65rem;font-size:.9rem;display:grid}.rank-medal{text-align:center}.standing-name{font-weight:800}.embedded-standings strong{color:#5b2a86;font-size:1rem}html[data-theme=dark] .embedded-standings li{color:#d7c5df}html[data-theme=dark] .enrolled-showdowns>.showdown-card{box-shadow:none;background:linear-gradient(135deg,#352143,#241a2d)}html[data-theme=dark] .showdown-card-header strong,html[data-theme=dark] .embedded-standings strong{color:#ffbd8f}html[data-theme=dark] .showdown-status{color:#f1cffd;background:#563b68}html[data-theme=dark] .showdown-players,html[data-theme=dark] .embedded-standings li{color:#f2deee;background:#2c2037}html[data-theme=dark] .scoreboard-label{color:#cbbbd2}@media (width<=480px){.dashboard{margin-top:2.5rem}.metric-grid{gap:.75rem}.metric-card{padding:1rem}}@media (width<=640px){body{padding-bottom:5.5rem}.topbar{padding:1rem 1.25rem}.topbar .text-button{font-size:.8rem}.site-navigation{z-index:10;right:1rem;bottom:calc(.8rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#c6d5cc;border-radius:1rem;justify-content:space-around;margin:0;padding:.45rem;position:fixed;left:1rem;box-shadow:0 .75rem 2rem #1d29242e}.navigation-link{flex:1;justify-content:center;padding:.7rem .5rem;font-size:.82rem}.navigation-link.is-active{box-shadow:none}}html[data-theme=dark]{color:#f9e9ff;background:#17111f}html[data-theme=dark] body{color:#f9e9ff;background:radial-gradient(circle at 90% 5%,#ff715b29,#0000 20rem),#17111f}html[data-theme=dark] .brand,html[data-theme=dark] .brand-wordmark,html[data-theme=dark] .text-button,html[data-theme=dark] .eyebrow,html[data-theme=dark] .navigation-link:hover{color:#ffbd8f}html[data-theme=dark] .metric-card,html[data-theme=dark] .onboarding-card,html[data-theme=dark] .log-list,html[data-theme=dark] .social-list,html[data-theme=dark] .notification-list,html[data-theme=dark] .showdown-list,html[data-theme=dark] .feed-list,html[data-theme=dark] .leaderboard-list{box-shadow:none;background:#281d34;border-color:#4b3b5a}html[data-theme=dark] .lead,html[data-theme=dark] .hint,html[data-theme=dark] .metric-card span,html[data-theme=dark] .metric-card p,html[data-theme=dark] .log-list time,html[data-theme=dark] .showdown-list span,html[data-theme=dark] .feed-list time,html[data-theme=dark] .field-help{color:#cbbbd2}html[data-theme=dark] .metric-card strong{color:#ffbd8f}html[data-theme=dark] .primary-button,html[data-theme=dark] .navigation-link.is-active{background:#d55d7a}html[data-theme=dark] .secondary-button{color:#ffbd8f;background:#3b2946;border-color:#ffbd8f}html[data-theme=dark] input,html[data-theme=dark] select{color:#f9e9ff;background:#1d1626;border-color:#63516e}html[data-theme=dark] .site-navigation,html[data-theme=dark] .theme-toggle{color:#ffbd8f;background:#281d34e0;border-color:#4b3b5a}html[data-theme=dark] .navigation-link{color:#d7c5df}html[data-theme=dark] .account-security{background:#3b283a;border-color:#8c6680}html[data-theme=dark] .account-security p{color:#eccdda}html[data-theme=dark] .showdown-panel,html[data-theme=dark] .social-panel,html[data-theme=dark] .friend-feed{border-color:#4b3b5a}html[data-theme=light] .brand,html[data-theme=light] .brand-wordmark,html[data-theme=light] .text-button,html[data-theme=light] .eyebrow{color:#5b2a86}html[data-theme=light] .primary-button,html[data-theme=light] .navigation-link.is-active{background:#5b2a86}html[data-theme=light] .secondary-button{color:#5b2a86;background:#f0e5fb;border-color:#5b2a86}html[data-theme=light] .navigation-link:hover{color:#5b2a86;background:#f7eefe}html[data-theme=light] .theme-toggle{color:#5b2a86;border-color:#dec9ef}