:root{--indigo:#4f46e5;--indigo-deep:#312e81;--amber:#f59e0b;--ink:#16142b;--bg:#fbfaff;--bg-2:#f2f0fb;--surface:#ffffff;--line:#e4e1f2;--fg:#16142b;--fg-dim:#5f5c7d;--accent:var(--indigo);--accent-2:var(--amber);--logo-word:#16142b;--logo-mark:var(--indigo);--radius:14px;--shell:1180px;--shell-wide:1560px;--display:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,sans-serif;--body:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;color-scheme:light}:root[data-theme=dark]{--bg:#0b0a14;--bg-2:#141327;--surface:#181733;--line:#292750;--fg:#eeecfa;--fg-dim:#9d99c6;--accent:#8b84ff;--accent-2:#f0a93c;--logo-word:#eeecfa;--logo-mark:#8b84ff;color-scheme:dark}:root[data-theme=dark] .note-bad{background:#3a1a1e;color:#ffb3b3;border-color:#5c2a30}:root[data-theme=dark] .note-ok{background:#13302a;color:#7fe0b0;border-color:#1d4a3d}:root[data-theme=dark] .btn-primary:hover:not(:disabled){background:#a39dff}[data-skin=creator]{--bg:#fffdf8;--bg-2:#fff6e8;--surface:#ffffff;--line:#f0e4d2;--fg:#231c33;--fg-dim:#6d6482;--accent:#6d5cf6;--accent-2:#f59e0b;--logo-word:#231c33;--logo-mark:#6d5cf6;color-scheme:light}:root[data-theme=dark][data-skin=creator]{--bg:#120f16;--bg-2:#1d1823;--surface:#221c2b;--line:#352c42;--fg:#f6eee6;--fg-dim:#b2a3b8;--accent:#9b8cff;--accent-2:#f5b14a;--logo-word:#f6eee6;--logo-mark:#9b8cff;color-scheme:dark}:root[data-theme=light][data-skin=brand]{--bg:#f4f5fb;--bg-2:#e9ebf6;--surface:#ffffff;--line:#d6d9ec;--fg:#16142b;--fg-dim:#5a5c7d;--accent:#4f46e5;--accent-2:#b45309;--logo-word:#16142b;--logo-mark:#4f46e5;color-scheme:light}[data-skin=brand]{--bg:#0f0e1c;--bg-2:#171630;--surface:#1b1a35;--line:#2b2952;--fg:#eceaf8;--fg-dim:#9b97c4;--accent:#8b84ff;--accent-2:#f0a93c;--logo-word:#eceaf8;--logo-mark:#8b84ff;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:var(--accent);color:#fff}html{overflow-x:hidden}body{overflow-x:clip;min-width:320px}a,button,h1,h2,h3,h4,label,li,p,td,th{overflow-wrap:break-word}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.theme-toggle{display:inline-flex;gap:2px;padding:3px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg-2)}.theme-toggle button{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:.76rem;font-weight:700;padding:6px 12px;border:0;border-radius:999px;background:transparent;color:var(--fg-dim);cursor:pointer;transition:background .15s ease,color .15s ease}.theme-toggle button:hover{color:var(--fg)}.theme-toggle button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.12)}h1,h2,h3{font-family:var(--display);letter-spacing:-.028em;line-height:1.04;margin:0;text-wrap:balance}.eyebrow{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--fg-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--display);font-size:.88rem;font-weight:700;letter-spacing:-.01em;padding:11px 20px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--indigo-deep)}[data-skin=brand] .btn-primary:hover:not(:disabled){background:#a39dff}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--line)}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-amber{background:var(--accent-2);color:#2a1c02}.btn-amber:hover:not(:disabled){filter:brightness(1.06)}.btn-sm{padding:8px 15px;font-size:.8rem}.btn-block{width:100%}label{display:block;font-size:.78rem;font-weight:600;margin-bottom:6px;color:var(--fg-dim)}input,select,textarea{width:100%;font-family:var(--body);font-size:.92rem;padding:11px 13px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--fg)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input::placeholder{color:var(--fg-dim);opacity:.6}.field{margin-bottom:14px;min-width:0}.note{font-size:.84rem;padding:10px 13px;border-radius:10px;margin-top:12px;border:1px solid transparent}.note-bad{background:#fdecec;color:#a3221f;border-color:#f6cfcf}.note-ok{background:#e7f7ee;color:#176b42;border-color:#c3ead4}.note-info{background:var(--bg-2);color:var(--fg-dim);border-color:var(--line)}[data-skin=brand] .note-bad{background:#3a1a1e;color:#ffb3b3;border-color:#5c2a30}[data-skin=brand] .note-ok{background:#13302a;color:#7fe0b0;border-color:#1d4a3d}@media .shell,1024px tablet,380px small phone SE,600px phone the real target * max-width,768px tablet portrait iPad * max-width,a rule written for 860 and a rule * written for 900 leave a 40px window where one has fired and the other has * not,and the comment is the contract. Add a fifth only * with a reason worth writing down here. * * The floor is 320px,and whatever sat in that window had no author. * * (default) desktop 1025px and up * max-width,in this app uses one of these four numbers and no others. * Before this there were seven (1040,900,860,760,520,420),nothing may scroll sideways at that width. *,older Androids * * They cannot be custom properties — @media is resolved before variables — * so they are literals,small laptop * max-width,which is why * the layout came apart between them,wide landscape iPad{max-width:var(--shell);margin:0 auto;padding-inline:clamp(16px,4vw,22px)}@media (hover:none) and (pointer:coarse){[role=button],button,input[type=checkbox],input[type=radio],select{min-height:44px}.admin-tabs a,.topnav a{min-height:44px;display:inline-flex;align-items:center}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (hover:none) and (pointer:coarse){.auth-form-side input,.auth-form-side select,.auth-form-side textarea,input,select,textarea{font-size:16px}textarea{max-height:none}}.auth-form-side{padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-left:calc(26px + env(safe-area-inset-left));padding-right:calc(26px + env(safe-area-inset-right))}.topbar{padding-top:env(safe-area-inset-top)}.shell,.shell-wide{padding-left:calc(clamp(16px, 4vw, 22px) + env(safe-area-inset-left));padding-right:calc(clamp(16px, 4vw, 22px) + env(safe-area-inset-right))}.auth-form-side,main{scroll-padding-bottom:24px}@media (max-width:600px){.theme-toggle button span{display:none}.theme-toggle button{padding:7px 10px}}