:root,body,body.sport{--bg:#161b1e;--ink:#f4ebdd;--dark:#161b1e;--card:#20272b;--nav:#161b1e;--muted:#bac1c4;--line:#3d464a;--soft:#293035;--accent:#e8a36f;--green:#e8a36f;--teal:#64c9c4;color-scheme:dark}
*{box-sizing:border-box}body{background:var(--bg);color:var(--ink)}a{color:inherit}::selection{background:var(--accent);color:var(--bg)}button,input,select,textarea{font:inherit}button,.button,.btn{min-height:46px;border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:var(--bg);font-weight:750;padding:12px 20px;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}button:hover,.button:hover,.btn:hover{background:var(--ink);border-color:var(--ink);color:var(--bg);box-shadow:0 7px 22px #0003;transform:translateY(-1px)}button.secondary,button.ghost,.button.line,.button.secondary{background:var(--soft);color:var(--ink);border:1px solid var(--line)}button.secondary:hover,button.ghost:hover,.button.line:hover{border-color:var(--accent);background:var(--card);color:var(--accent)}button.danger{background:#542e32;color:#ffd6d5;border-color:#a66266}button:disabled,.button:disabled{opacity:.45;transform:none;box-shadow:none;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}input,select,textarea{background:var(--bg)!important;color:var(--ink)!important;border:1px solid var(--line);min-height:46px;max-width:100%;accent-color:var(--accent)}input[type=checkbox],input[type=radio]{min-height:20px;width:20px;height:20px;vertical-align:middle}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.9}label{line-height:1.6}h1,h2,h3{text-wrap:balance}p{line-height:1.75}.muted,small,.tiny{color:var(--muted)}.card,.panel,.feature,.bottomcta{background:var(--card);color:var(--ink);border-color:var(--line);box-shadow:0 8px 28px #0000000c}.notice,.draft,.pill,.status,.initials,.recipeDetail{background:var(--soft);color:var(--ink)}.notice{border-left:3px solid var(--accent);line-height:1.7}.sport .metric:first-child,.metric:first-child{background:var(--soft)}.sport .profile .initials{background:var(--soft)}.recipe{background:var(--soft);color:var(--ink)}.pill.warn{background:#443b24;color:#f7d68b}.pill.blue{background:#213e51;color:#acdeef}.pill.red{background:#4c2c32;color:#ffd0cd}.progress i,.sport .progress i{background:var(--accent)}dialog{background:var(--card);color:var(--ink);border:1px solid var(--line)}dialog::backdrop{background:#040a13b8;backdrop-filter:blur(6px)}.toast{background:var(--ink);color:var(--bg);border:1px solid var(--accent)}.top{background:var(--bg);color:var(--ink)}.banner,.sport .banner{background:var(--soft);color:var(--ink);border:1px solid var(--line)}.banner p,.sport .banner p{color:var(--muted)}.banner button{background:var(--accent);color:var(--bg)}.side{background:var(--bg);border-right:1px solid var(--line);overflow-y:auto;scrollbar-width:thin}.side .brand{font-size:17px;line-height:1.35;letter-spacing:0;gap:12px;text-decoration:none}.side .brand img{width:76px;height:76px;object-fit:contain;border-radius:8px;flex:none}.side small{color:var(--muted)}.side nav{margin-top:25px;gap:8px}.side nav button{border:1px solid var(--line);color:var(--ink);background:var(--card);min-height:46px;padding:11px 12px}.side nav button.active,.side nav button[aria-current=page]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.side nav button:hover{border-color:var(--accent);transform:none;color:var(--accent);background:var(--soft)}.side nav button.active:hover{color:var(--bg);background:var(--accent)}.side nav>a{display:block;padding:9px 12px;color:var(--muted);text-underline-offset:5px}.sidebottom a{color:var(--accent)}.layout{grid-template-columns:274px minmax(0,1fr)}.banner-brand{width:155px;height:155px;object-fit:contain;flex:none;border-radius:12px}.top .right{min-width:0}.top .right select{width:auto}.content{max-width:1450px}.tabs button{border:1px solid var(--line);background:var(--soft);color:var(--ink)}.tabs button.selected{background:var(--accent);color:var(--bg);border-color:var(--accent)}.actionbar{gap:12px}.brand-link{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:750;line-height:1.25}.brand-link img{width:62px;height:62px;object-fit:contain;border-radius:8px}.brand-link span{font-size:18px;letter-spacing:-.3px}.brand-link small{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-top:6px}.support-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}.support-brand>a:last-child{font-size:13px;color:var(--accent)}.topnav{gap:8px}.topnav a{padding:9px 13px;background:var(--card);border:1px solid var(--line);border-radius:8px;text-decoration:none;min-height:42px}.topnav a:hover{border-color:var(--accent)}.topnav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.hero:not(.home-hero){border-color:var(--line)}.hero .muted{color:var(--muted)}.card p,details p{overflow-wrap:anywhere}td,th{border-color:var(--line)}footer{color:var(--muted);border-color:var(--line)}.foot{flex-wrap:wrap}.foot button{font-size:12px}.brand-note{font-size:11px;color:var(--muted);margin-top:18px}.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:12px;background:var(--accent);color:var(--bg);padding:12px;z-index:200}.badge{border:1px solid var(--line);border-radius:30px;padding:6px 10px;font-size:10px;color:var(--muted)}
@media(max-width:1100px){.layout{grid-template-columns:240px minmax(0,1fr)}.banner-brand{width:120px;height:120px}.side{padding:24px 16px}.side .brand{flex-direction:column;align-items:flex-start}.side .brand img{width:80px;height:80px}}
@media(max-width:720px){.layout{display:block}.side{padding:12px 16px;position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.side .brand{flex-direction:row;align-items:center;font-size:17px}.side .brand img{width:58px;height:58px}.side>small{display:none}.side nav{margin-top:12px;padding-bottom:7px;display:flex;overflow:auto;scrollbar-width:thin;gap:8px}.side nav button{flex:none;min-height:44px;font-size:13px;padding:11px 14px}.side nav>a{flex:none;white-space:nowrap;align-self:center}.sidebottom{display:none}.top{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 16px;gap:10px}.top .right{margin-left:auto}.top select{max-width:155px;min-height:42px}.content{padding:24px 16px 40px}.intro{flex-wrap:wrap;gap:16px}.intro h1{font-size:30px}.intro>button{font-size:13px;min-height:44px;padding:11px 15px}.banner-brand{display:none}.banner h2{font-size:25px}.two,.three{grid-template-columns:minmax(0,1fr)}.row{flex-wrap:wrap}.fields{grid-template-columns:minmax(0,1fr)}.fields .full{grid-column:auto}.filters{grid-template-columns:minmax(0,1fr)}.filters>div:first-child{grid-column:auto}.support-brand{align-items:flex-start}.brand-link img{width:54px;height:54px}.brand-link span{font-size:16px}.support-brand>a:last-child{font-size:12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric .value{overflow-wrap:anywhere}.panel{padding:22px}td:first-child{white-space:normal}table{min-width:440px}.tablewrap{overflow:auto}.grid .card{min-width:0}.actions>*{min-height:48px}.formlayout h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.navhint{display:none}@media(max-width:720px){.navhint{display:block;font-size:10px;color:var(--muted);margin:0 0 2px;letter-spacing:.2px}}