html,body{background:var(--bg,#c9c3bc)}
    html.app-preload body{opacity:1}
    @font-face{
      font-family:"Questrial";
      src:url("/assets/fonts/Questrial-Regular.ttf") format("truetype");
      font-style:normal;
      font-weight:400;
      font-display:swap;
    }
    :root{
      --bg:#2b2825;
      --fg:#f0e4db;
      --line:#61564f;
      --card:#221f1d;
      --accent:#d95a57;
      --muted:#f0e4db;
      --hero-board-max-width:940px;
      --hero-board-min-height:72vh;
      --hero-board-padding:24px;
      --comet-outer:#9d6dca;
      --comet-inner:#c791e6;
      --comet-halo-core:#d4a8f0;
      --comet-static:#4a2870;
      --comet-trail:rgb(144,96,184);
      --landing-scene-shift:20px;
    }
    body[data-wordmark-model="metal"]{
      --comet-outer:#abb0be;
      --comet-inner:#e6e8ef;
      --comet-halo-core:#d7ddea;
      --comet-static:#727887;
      --comet-trail:rgb(171,176,190);
    }
    body[data-wordmark-model="bronze"]{
      --comet-outer:#c58a63;
      --comet-inner:#d9b29a;
      --comet-halo-core:#ead5c6;
      --comet-static:#785946;
      --comet-trail:rgb(181,142,114);
    }
    body[data-wordmark-model="ice"]{
      --comet-outer:#5f9edc;
      --comet-inner:#9cc3f0;
      --comet-halo-core:#c0dcf8;
      --comet-static:#2a5280;
      --comet-trail:rgb(95,158,220);
    }
    *{box-sizing:border-box}
    body{
      min-height:100vh;
      margin:0;
      font-family:"Questrial",sans-serif;
      background:#171312;
      color:var(--fg);
      transition:opacity .12s linear;
    }
    body[data-bg-mode="cream"]{
      --bg:#171514;
      --bg-top:#1d1a19;
      --bg-bottom:#121111;
      --bg-r1-color:rgba(217,90,87,.028);
      --bg-r2-color:rgba(122,74,63,.02);
      --bg-r3-color:rgba(86,96,116,.018);
    }
    body[data-bg-mode="sepia"]{
      --bg:#1b1715;
      --bg-top:#231d1a;
      --bg-bottom:#151210;
      --bg-r1-color:rgba(186,84,70,.032);
      --bg-r2-color:rgba(110,74,52,.022);
      --bg-r3-color:rgba(90,98,110,.018);
      --line:#695b53;
      --card:#26211d;
    }
    body[data-bg-mode="brown"]{
      --bg:#191210;
      --bg-top:#241816;
      --bg-bottom:#140f0e;
      --bg-r1-color:rgba(188,76,65,.052);
      --bg-r2-color:rgba(121,68,47,.04);
      --bg-r3-color:rgba(80,52,42,.024);
      --bg-r1-size:1180px;
      --bg-r1-size-y:500px;
      --bg-r1-x:50%;
      --bg-r1-y:-96px;
      --bg-r2-size:980px;
      --bg-r2-size-y:420px;
      --bg-r2-x:10%;
      --bg-r2-y:22%;
      --bg-r3-size:760px;
      --bg-r3-size-y:340px;
      --bg-r3-x:88%;
      --bg-r3-y:28%;
      --line:#6d554b;
      --card:#241916;
      --muted:#b09a8d;
    }
    body[data-bg-mode="br-background-pageview"]{
      --bg:#171312;
      --bg-top:#191412;
      --bg-bottom:#151110;
      --bg-r1-color:rgba(176,74,64,.006);
      --bg-r2-color:rgba(106,66,50,.003);
      --bg-r3-color:rgba(72,52,45,.0015);
      --bg-r1-size:1120px;
      --bg-r1-size-y:470px;
      --bg-r1-x:50%;
      --bg-r1-y:-104px;
      --bg-r2-size:920px;
      --bg-r2-size-y:390px;
      --bg-r2-x:11%;
      --bg-r2-y:24%;
      --bg-r3-size:720px;
      --bg-r3-size-y:320px;
      --bg-r3-x:89%;
      --bg-r3-y:29%;
      --line:#66554d;
      --card:#221918;
      --muted:#aa988e;
    }
    .wrap{max-width:1080px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}
    header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:10px;margin-bottom:12px}
    nav{display:flex;gap:14px;flex-wrap:wrap}
    nav a{
      color:var(--fg);
      text-decoration:none;
      font-weight:700;
      font-size:20px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      overflow:visible;
    }
    .header-nav-symbol{
      width:20px;
      height:20px;
      display:inline-block;
      vertical-align:middle;
    }
    nav a .nav-label{
      display:inline-block;
      transform-origin:center center;
      letter-spacing:.04em;
      transition:letter-spacing .18s ease, opacity .18s ease;
    }
    nav, nav a, .small, .foot{
      font-family:"Questrial",sans-serif;
      letter-spacing:.02em;
    }
    h1,h2,h3{margin:0 0 12px}
    .flash{margin:14px 0;padding:10px 12px;border-radius:8px}
    .flash.success{background:#dcfce7;color:#14532d}
    .flash.error{background:#fee2e2;color:#991b1b}
    .errs{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;padding:10px 12px;border-radius:8px;margin:14px 0}
    .errs li{margin:6px 0}
    .grid{display:grid;gap:16px}
    .grid.editor{grid-template-columns:2fr 1fr}
    .card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px}
    .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
    .field{display:grid;gap:6px;margin:10px auto;max-width:420px;width:100%}
    .auth-actions{display:flex;justify-content:center;margin-top:8px}
    .auth-forgot{text-align:center}
    label{font-weight:600}
    input[type=text],input[type=email],input[type=password],select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:8px;background:#fff}
    button{border:0;border-radius:8px;padding:9px 12px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}
    button.secondary{background:#334155}
    button.danger{background:#b91c1c}
    .small{font-size:12px;color:var(--muted)}
    .foot{margin-top:auto;padding-top:10px;padding-bottom:0;font-size:12px;color:var(--fg)}
    .brand{display:flex;align-items:center;gap:10px;position:relative}
    .brand-s{display:block;fill:currentColor}
    :root{scrollbar-width:auto;scrollbar-color:#8a93a3 transparent}
    *::-webkit-scrollbar{width:12px;height:12px}
    *::-webkit-scrollbar-track{background:transparent}
    *::-webkit-scrollbar-thumb{
      background:linear-gradient(180deg,#9aa6bb 0%,#8090aa 100%);
      border-radius:6px;
      border:2px solid transparent;
      background-clip:padding-box;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
    }
    *::-webkit-scrollbar-thumb:hover{
      background:linear-gradient(180deg,#8a9ab2 0%,#6d809f 100%);
      border:2px solid transparent;
      background-clip:padding-box;
    }