@font-face{font-family:Montserrat;src:url('Montserrat.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--orange:#ff6646;--ink:#080808;--cream:#fbf3eb;--muted:#5c6061;--line:#ead8cc;--accent:#ae351e;--peach:#ffe4d5;--surface:#fffdfa;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:var(--cream);font-size:15px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#ffdac080,transparent 55%);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}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:3px}
header{background:#fffaf5;border-bottom:1px solid var(--line);padding:20px 4%;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{font-weight:750;font-size:30px;color:var(--ink);letter-spacing:-1.2px;display:flex;align-items:center;gap:12px}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#ff8254,#ff573f);color:#19110d;font-size:31px;letter-spacing:0}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:550;letter-spacing:1.5px;text-transform:uppercase;margin-top:3px}nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap}nav a{font-size:13px;font-weight:550;padding:11px 12px;border-radius:20px;color:#454545}nav a:hover{background:#f8e9de;text-decoration:none}nav a[aria-current]{background:var(--peach);color:#892c19}nav form{margin:0 0 0 8px}
main{max-width:1360px;margin:36px auto;padding:0 28px}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.15;font-weight:750;margin:0 0 18px}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:17px}.muted,footer{color:var(--muted);line-height:1.65}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px;margin-bottom:20px;box-shadow:0 5px 22px #59311604}.auth{max-width:480px;margin:35px auto;padding:32px}.auth label{display:block;margin-bottom:8px;font-weight:600}.auth input{width:100%;min-width:0}.auth button{width:100%;margin-top:12px}.helptext{display:block;color:var(--muted);font-size:13px;margin-top:7px;line-height:1.6}.errorlist{color:#a22535;padding-left:20px;line-height:1.6}
input,select,button,textarea{font:inherit;padding:11px 14px;border-radius:12px;border:1px solid #cbb8aa;background:var(--surface);color:var(--ink);max-width:100%}input::placeholder,textarea::placeholder{color:#70675f}button{background:linear-gradient(150deg,#ff8254,#ff6646);color:#24100a;border-color:transparent;cursor:pointer;font-weight:650;box-shadow:0 4px 12px #ff714618;transition:box-shadow .15s,background .15s}button:hover{background:#ff8254;box-shadow:0 5px 18px #ff714630}.quiet{background:#f5e8e0;color:#653c2a;box-shadow:none;border-color:var(--line)}.quiet:hover{background:var(--peach)}.danger{background:#a72c40;color:white;border-color:#a72c40;box-shadow:none}.danger:hover{background:#862235}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:25px 0}.filters input{min-width:150px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.stats .card{margin:0;border-top:3px solid #ffb08e}.stats span{color:var(--muted);font-size:14px}.stats strong{display:block;font-size:38px;letter-spacing:-1.5px;margin-top:14px;font-variant-numeric:tabular-nums}.notice{padding:17px 20px;background:#fff0db;border:1px solid #e2bd84;border-radius:16px;line-height:1.6;color:#674313}.table{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:16px;border-bottom:1px solid #f0e3d9;vertical-align:top;font-size:13px;line-height:1.55}th{background:#f6e6da;color:#5b4233;font-weight:650;white-space:nowrap}tbody tr:hover{background:#fff6ee}tbody tr:last-child td{border-bottom:0}td button{font-size:13px}pre{white-space:pre-wrap;word-break:break-word;max-width:550px;font-size:13px}.text{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}details{margin-top:20px}summary{cursor:pointer;color:var(--accent);line-height:1.6}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.gallery img{max-width:100%;height:280px;object-fit:contain;display:block;margin:auto;border-radius:12px}.pager{display:flex;gap:24px;margin:22px 0;align-items:center;color:var(--muted);font-size:14px}footer{padding:30px;text-align:center;font-size:12px}
@media(max-width:900px){header{padding:18px 24px;gap:18px}nav{width:100%}nav a{padding:9px 10px}main{margin-top:28px}}@media(max-width:600px){header{padding:16px}.brand{font-size:27px}main{padding:0 15px;margin-top:24px}h1{font-size:27px}nav{gap:4px}nav a{font-size:12px}nav form{margin-left:0}nav button{padding:8px 11px;font-size:12px}.filters input{width:100%}.filters label{max-width:100%}.card{padding:18px;border-radius:18px}.auth{padding:24px}.pager{flex-wrap:wrap}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stats strong{font-size:32px}th,td{padding:12px}footer{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Same mark, word and font treatment as the landing's Logo component. */
.brand{gap:14px;white-space:nowrap;letter-spacing:-.05em;font-weight:650;color:#080808}
.brand .brand-quote{color:#ff8057;font-size:70px;line-height:.6;letter-spacing:0}
.brand .brand-word{font-size:46px;line-height:1.1}
.users-table{min-width:1110px}.users-table th{padding-top:12px;padding-bottom:12px}
.sort-heading{display:inline-flex;align-items:center;justify-content:space-between;gap:9px;color:#5b4233;padding:5px 0;min-height:32px;white-space:nowrap}
.sort-heading:hover{text-decoration:none;color:var(--accent)}.sort-heading.is-sorted{color:var(--accent)}
.sort-arrows{display:inline-grid;gap:1px;color:#b8a596;font-size:12px;line-height:.65}.sort-arrows .selected{color:var(--accent)}
@media(max-width:600px){.brand .brand-word{font-size:34px}.brand .brand-quote{font-size:52px}.brand{gap:10px}}

/* Native semantics and keyboard access, with Storya colours instead of OS blue. */
input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;min-width:22px;padding:0;margin:0 6px 0 0;border:1.5px solid #b99c88;border-radius:7px;background:var(--surface);display:inline-grid;place-content:center;vertical-align:middle;cursor:pointer;flex-shrink:0;box-shadow:0 1px 2px #59311608}
input[type=checkbox]::before{content:"";width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg) scale(0)}
input[type=checkbox]:checked{background:var(--orange);border-color:var(--orange)}
input[type=checkbox]:checked::before{transform:translateY(-1px) rotate(45deg) scale(1)}
input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}
.orders-table{min-width:940px}.order-meta{display:block;color:var(--muted);font-size:11px;margin-top:5px;white-space:nowrap}.order-price{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.order-copy{font-variant-numeric:tabular-nums;white-space:nowrap;padding:7px 10px;font-size:12px}.order-status,.user-status{display:inline-block;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.status-pending{background:#fff0d8;color:#795019}.status-paid,.user-status-active{background:#e7f1e4;color:#305d3b}.user-status-blocked{background:#f9e5e2;color:#8b362d}.status-cancelled{background:#eee9e4;color:#655e58}.order-actions{display:flex;align-items:flex-start;gap:10px;flex-direction:column}.order-cancel{background:none;border:0;box-shadow:none;color:#8a4a3c;padding:0;font-size:12px;font-weight:500}.order-cancel:hover{background:none;box-shadow:none;text-decoration:underline}
.payment-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:28px;border:1px solid var(--line);border-radius:26px;background:var(--surface);color:var(--ink);box-shadow:0 24px 90px #4d251d30;overflow:auto}.payment-dialog::backdrop{background:#21161165;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}.dialog-heading h2{margin:0;font-size:25px;letter-spacing:-.8px}.dialog-eyebrow{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-weight:600}.dialog-close{font-size:24px;line-height:1;width:36px;height:36px;padding:0;border-radius:50%;flex-shrink:0}.payment-summary{margin:0 0 24px;padding:18px;background:#fbf3eb;border-radius:16px}.payment-summary>div{display:flex;justify-content:space-between;gap:15px;padding:6px 0;font-size:12px}.payment-summary dt{color:var(--muted)}.payment-summary dd{margin:0;text-align:right;font-weight:550;overflow-wrap:anywhere;max-width:70%}.payment-summary .payment-total{border-top:1px solid var(--line);margin-top:10px;padding-top:14px;align-items:center}.payment-total dd{font-size:24px;font-weight:750;letter-spacing:-.5px}.payment-form{display:flex;flex-direction:column;gap:10px}.payment-form>label:not(.verification-check){font-weight:600;font-size:13px;margin-top:3px}.payment-form>input:not([type=hidden]){width:100%;min-width:0}.payment-form .helptext{font-size:11px;margin:-3px 0 9px}.verification-check{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);background:#fff9f3;border-radius:14px;font-size:13px;line-height:1.5;cursor:pointer}.verification-check input{margin:0}.verification-check small{display:block;color:var(--muted);font-weight:400;font-size:11px;margin-top:4px}.verification-check:has(input:checked){border-color:#ffb392;background:#fff0e4}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.dialog-actions button{min-height:44px}.dialog-actions button[type=submit]{flex:1}.payment-errors{background:#fff0ec;border:1px solid #e8b6aa;border-radius:12px;padding:6px 12px}.payment-errors .errorlist{font-size:12px;margin:8px 0}.payment-errors[hidden]{display:none}
@media(max-width:600px){.payment-dialog{width:calc(100vw - 24px);padding:20px;border-radius:20px;max-height:calc(100dvh - 24px)}.dialog-heading h2{font-size:22px}.payment-summary{padding:14px}.payment-summary>div{font-size:11px}.dialog-actions{flex-direction:column}.dialog-actions button{width:100%}.payment-form>input:not([type=hidden]){font-size:16px}}
@media(forced-colors:active){input[type=checkbox]{appearance:auto;-webkit-appearance:auto}input[type=checkbox]::before{display:none}}

/* Keep the same background layers on hover: animate colour, never gradient-to-solid. */
button{transition:background-color .16s ease,box-shadow .16s ease}
button:not(.quiet):not(.danger):not(.order-cancel),button:not(.quiet):not(.danger):not(.order-cancel):hover{background-image:linear-gradient(150deg,#ffffff18,#ffffff00)}
button:not(.quiet):not(.danger):not(.order-cancel){background-color:#ff7650}
button:not(.quiet):not(.danger):not(.order-cancel):hover{background-color:#ff6646}
.button-link{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:var(--peach);border:1px solid #efc9b5;border-radius:12px;color:#653c2a;font-size:13px;font-weight:600}.button-link:hover{background:#ffdbc7;text-decoration:none}
.recipient-search{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:16px 0 24px;max-width:650px}.recipient-search label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;flex:1;min-width:210px}.recipient-search input{width:100%;min-width:0}.recipient-search button{min-height:43px}
.balance-adjustment{margin-top:28px;max-width:780px;scroll-margin-top:24px}.adjustment-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.adjustment-heading h2{margin:0}.adjustment-symbol{font-size:28px}.balance-adjustment>.muted{font-size:13px}.adjustment-person{display:flex;justify-content:space-between;gap:20px;background:#fbf3eb;border:1px solid var(--line);padding:18px;border-radius:16px;margin:22px 0}.adjustment-person strong{display:block;font-size:14px}.adjustment-person small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.adjustment-balance{text-align:right}.adjustment-form{display:flex;flex-direction:column;gap:10px}.adjustment-form label{display:block;font-size:13px;font-weight:600;margin-top:8px}.adjustment-form input:not([type=hidden]),.adjustment-form textarea{width:100%;min-width:0}.adjustment-form textarea{resize:vertical;min-height:100px;line-height:1.6}.adjustment-form input[readonly]{background:#f5eee7;color:var(--muted)}.adjustment-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.adjustment-fields label{margin:0 0 8px}.adjustment-form .helptext{font-size:11px;margin:0}.adjustment-fields .helptext{margin-top:7px}.adjustment-preview{background:#fff1e4;border:1px solid #f2d7c1;color:#744d32;padding:14px 16px;border-radius:12px;font-size:12px;line-height:1.6;margin:8px 0}.adjustment-form>button{align-self:flex-start;min-width:225px}.adjustment-form .errorlist{margin:0;font-size:12px}
@media(max-width:600px){.recipient-search{align-items:stretch}.recipient-search label,.recipient-search button{width:100%}.adjustment-fields{grid-template-columns:1fr}.adjustment-person{flex-direction:column;gap:12px}.adjustment-balance{text-align:left}.adjustment-form input,.adjustment-form textarea{font-size:16px}.adjustment-form>button{width:100%}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Laboratory: aligned fields, explicit actions and accessible branded switches. */
.lab-master h2,.lab-bulk h2{margin:0 0 20px}.lab-master-form{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.lab-master-form>button{min-width:140px;flex-shrink:0}.lab-switch{display:flex;align-items:center;gap:14px;cursor:pointer;line-height:1.5}.lab-switch strong{display:block;font-size:14px;font-weight:600}.lab-switch small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.lab-switch input[type=checkbox]{width:46px;height:26px;min-width:46px;border-radius:30px;background:#d8cec4;border-color:#d8cec4;margin:0;display:block;position:relative}.lab-switch input[type=checkbox]::before{position:absolute;left:3px;top:3px;width:18px;height:18px;border:0;border-radius:50%;background:white;transform:none;box-shadow:0 1px 3px #40200d30}.lab-switch input[type=checkbox]:checked{background:var(--orange);border-color:var(--orange)}.lab-switch input[type=checkbox]:checked::before{transform:translateX(20px)}
.lab-note{border-top:1px solid var(--line);padding-top:16px;margin:22px 0 0;font-size:12px}.lab-section{margin:28px 0}.lab-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}.lab-section-heading h2{margin:0}.lab-experiments{min-width:1000px}.lab-experiments td{padding-top:22px;padding-bottom:22px}.lab-feature{width:39%}.lab-feature>small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.lab-feature p{margin:12px 0 0;color:var(--muted);font-size:12px}.lab-feature-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;min-width:128px}.lab-feature-actions form{margin:0}.lab-feature-actions button,.lab-feature-actions .button-link{width:100%;min-height:42px;justify-content:center;font-size:12px}.lab-state{display:inline-block;padding:5px 9px;border-radius:8px;background:#f8eee5;color:#674a38;font-size:12px}
.lab-bulk>.helptext{margin:-8px 0 24px}.lab-form{display:flex;flex-direction:column;gap:22px;max-width:900px}.lab-field{min-width:0}.lab-field>label,.lab-choices legend{display:block;font-weight:600;font-size:13px;margin:0 0 9px}.lab-field input:not([type=checkbox]):not([type=hidden]),.lab-field select,.lab-field textarea{display:block;width:100%;min-width:0}.lab-field textarea{resize:vertical;line-height:1.6;min-height:120px}.lab-field .helptext{font-size:12px}.lab-field .errorlist{font-size:12px;margin:8px 0 0}.lab-form-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.lab-form-footer{display:flex;gap:12px;padding-top:2px}.lab-form-footer button{min-width:190px}.lab-edit .lab-form{margin-top:24px}.lab-choices{border:1px solid var(--line);padding:16px;border-radius:14px;margin:0}.lab-choices legend{padding:0 6px;margin:0}.lab-choices label{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.6;padding:7px 0}.lab-choices input{margin:0}.lab-field>.lab-switch{display:flex;margin:0}
@media(max-width:700px){.lab-form-grid{grid-template-columns:1fr}.lab-master-form{align-items:flex-start;gap:20px}.lab-master-form>button{width:100%}.lab-form-footer button{width:100%}.lab-section-heading{align-items:flex-start}.lab-field textarea,.lab-field select,.lab-field input:not([type=checkbox]){font-size:16px}.lab-switch strong{font-size:13px}.lab-note{line-height:1.7}}
@media(forced-colors:active){.lab-switch input[type=checkbox]{appearance:auto;width:26px;min-width:26px}.lab-switch input[type=checkbox]::before{display:none}}

@media(max-width:1100px){.lab-experiments{min-width:0}.lab-experiments thead{display:none}.lab-experiments tbody{display:block}.lab-experiments tr{display:grid;grid-template-columns:1fr 1fr;padding:8px}.lab-experiments td{display:block;border:0;padding:12px}.lab-experiments .lab-feature{width:auto;grid-column:1/-1}.lab-experiments td[data-label]::before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.lab-experiments td:last-child{grid-column:1/-1}.lab-feature-actions{flex-direction:row;justify-content:flex-end}.lab-feature-actions .button-link,.lab-feature-actions button{width:auto;min-width:128px}.lab-experiments tr+tr{border-top:1px solid var(--line)}}

.users-table .user-balance{text-align:right;font-variant-numeric:tabular-nums}
.user-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px 24px;margin:18px 0 24px}
.user-summary dt{color:var(--muted);font-size:12px;margin-bottom:5px}
.user-summary dd{margin:0;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.user-summary small{color:var(--muted);font-weight:500}

.test-package-form .verification-check{display:flex;align-items:center;gap:12px;margin:12px 0}.test-package-form .verification-check input[type=checkbox]{width:20px;min-width:20px;flex:0 0 20px}.test-package-form textarea{margin-top:4px}.test-package-form .dialog-actions{margin-top:18px}

.users-table th{vertical-align:middle}.sort-heading-static{cursor:default}.generations-table{min-width:1030px;table-layout:fixed}.generation-description{width:36%}.generation-person{width:20%}.generation-status{width:16%}.generation-coins{width:13%}.generation-date{width:15%}.generations-table th{vertical-align:middle}.generations-table td{overflow-wrap:anywhere}.generation-cost{font-variant-numeric:tabular-nums;font-weight:650}

.partner-invitation-preview{padding:20px;border-radius:16px;background:#fbf3eb;border:1px solid var(--line);margin:20px 0}.partner-payout-form .verification-check{display:flex;gap:12px;align-items:center}.partner-payout-form input[type=checkbox]{width:20px;min-width:20px;flex:0 0 20px}

.recipient-search--balance{max-width:850px}.recipient-search--balance .button-link{min-height:43px;justify-content:center;white-space:nowrap}#balance-user{scroll-margin-top:24px}@media(max-width:600px){.recipient-search--balance .button-link{width:100%}}

.partner-rate-table{table-layout:fixed;width:100%}.partner-rate-table input{width:100%;min-width:0}.adjustment-form .verification-check{display:flex;align-items:center;gap:12px}.adjustment-form .verification-check input[type=checkbox]{width:20px;height:20px;min-width:20px;flex:0 0 20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
