:root{--block:#18181b;--item:#27272a;--item-2:#303034;--ink:#ededed;--white:#fff;--muted:#a1a1aa;--dim:#71717a;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.16);--accent:#ffaf0f;--accent-2:#ffc13d;--on-accent:#18181b;--green:#34d399;--red:#f87171}
    *{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#3f3f46 transparent}
    ::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#52525b;background-clip:content-box}
    body:has(dialog[open]){overflow:hidden}
    html{scroll-behavior:smooth}
    body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;font-size:15px;color:var(--ink);background:#101012 url("../img/bg.jpg") center/cover fixed no-repeat;-webkit-font-smoothing:antialiased}
    button,input,select{font:inherit}
    button{cursor:pointer}
    button:disabled{cursor:not-allowed;opacity:.5}
    button:focus-visible,input:focus-visible,select:focus-visible,.dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
    .wrap{width:min(1100px,calc(100% - 32px));margin:0 auto;padding-bottom:48px}
    .nav{margin-top:16px;height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--block);border:1px solid var(--line);border-radius:12px}
    .nav-left{display:flex;align-items:center;gap:16px;text-decoration:none}
    .brand-logo{height:32px;width:auto;display:block}
    .brand-second{height:30px;width:auto;display:block}
    .brand-x{color:rgba(237,237,237,.4)}
    .button.small{min-height:34px;padding:0 14px;font-size:12px}
    h1{font-size:28px;font-weight:700;color:var(--white);margin:34px 0 18px;letter-spacing:-.3px}
    .block{background:var(--block);border:1px solid var(--line);border-radius:10px;overflow:hidden}
    .block-head{padding:15px 18px;font-size:16px;font-weight:700;color:var(--white);border-bottom:1px solid var(--line)}
    .block-body{padding:18px}
    .field+.field{margin-top:18px}
    .field>label,.field-label{display:block;font-size:13px;font-weight:600;color:var(--white);margin-bottom:8px}
    .field-hint{font-size:11.5px;color:var(--dim);line-height:1.55;margin:7px 0 0}
    select,.text-input{width:100%;height:42px;padding:0 12px;border-radius:8px;background:var(--item);color:var(--ink);border:1px solid var(--line);outline:none;font-size:13px;transition:border-color .15s}
    select:hover,.text-input:hover{border-color:var(--line-2)}
    select:focus,.text-input:focus{border-color:var(--accent)}
    select option{background:var(--block);color:var(--ink)}
    select{appearance:none;padding-right:34px;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23a1a1aa" stroke-width="2"%3E%3Cpath d="m6 9 6 6 6-6"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 12px center}
    .button{text-decoration:none;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;font-size:13px;font-weight:700;transition:background-color .15s,transform .15s}
    .button:active:not(:disabled){transform:translateY(1px)}
    .button.primary{background:var(--accent);color:var(--on-accent)}.button.primary:hover:not(:disabled){background:var(--accent-2)}
    .button.outline{background:var(--item);color:var(--ink);border:1px solid var(--line)}.button.outline:hover:not(:disabled){background:var(--item-2)}
    .button.full{width:100%;margin-top:22px}
    .notice{display:none;margin-top:14px;padding:12px 14px;border-radius:8px;font-size:12.5px;line-height:1.55;background:rgba(248,113,113,.1);color:#fca5a5;border:1px solid rgba(248,113,113,.3)}
    .notice.show{display:block}
    .notice.success{background:rgba(52,211,153,.1);color:#6ee7b7;border-color:rgba(52,211,153,.3)}
    dialog{overflow:hidden;border:1px solid var(--line-2);border-radius:12px;max-width:min(940px,calc(100vw - 30px));padding:0;background:var(--block);color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.6)}
    dialog::backdrop{background:rgba(0,0,0,.75)}
    .modal-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 18px;border-bottom:1px solid var(--line)}
    .modal-bar strong{font-size:14px;color:var(--white)}
    .icon-button{width:34px;height:34px;border:0;border-radius:8px;display:grid;place-items:center;background:var(--item);color:var(--muted)}.icon-button:hover{color:var(--white)}
    #toasts{position:fixed;bottom:20px;right:20px;z-index:50;max-width:calc(100vw - 40px);pointer-events:none}
    .toast{margin-top:8px;padding:11px 16px;border-radius:10px;font-size:13px;font-weight:600;color:var(--ink);background:var(--item);border:1px solid var(--line-2);box-shadow:0 12px 30px rgba(0,0,0,.5);animation:toast-in .2s}
    @keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
    [hidden]{display:none!important}
    .nav-right{display:flex;align-items:center;gap:8px}
    .nav-btn{min-height:38px;padding:0 14px}
    .nav-btn svg{flex:0 0 auto}
    .lead{font-size:15px;line-height:1.7;color:var(--muted);max-width:760px;margin:-6px 0 22px}
    @media(max-width:540px){.nav{height:54px;padding:0 12px;gap:10px}.nav-left{gap:10px}.brand-logo{height:24px}.brand-second{height:22px}.nav-btn{padding:0 10px}.nav-label{display:none}.wrap{width:calc(100% - 20px)}h1{font-size:23px;margin:26px 0 14px}.block-body{padding:14px}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}