/* ChickenLink styles: psychedelic theme with lava-lamp background */
/* Self-hosted fonts (SIL Open Font License): no data sent to Google Fonts */
@font-face{font-family:"Shrikhand";src:url(fonts/shrikhand-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-latin-800-normal.woff2) format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"DM Mono";src:url(fonts/dm-mono-latin-500-normal.woff2) format("woff2");font-weight:400 500;font-display:swap}

  [hidden]{display:none!important}
  :root{
    --hay:#F7E9BC; --hay-deep:#EBD48A; --yolk:#FFB21A; --comb:#C8321F;
    --grass:#4E8A3E; --grass-lt:#EEF5E4; --ink:#2A1C0C; --ink-soft:#6B5436; --paper:#FFFBEE;
    --display:"Bowlby One","Arial Black",Impact,sans-serif;
    --body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
    --mono:"DM Mono",ui-monospace,Menlo,monospace;
  }
  *{box-sizing:border-box}
  body{background:var(--hay);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;padding-inline:16px;padding-block:28px 56px}
  .wrap{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:32px}
  header{display:flex;flex-direction:column;gap:6px}
  h1{font-family:var(--display);font-weight:400;font-size:clamp(40px,8vw,72px);line-height:.95;margin:0;color:var(--comb)}
  .tag{font-size:19px;font-weight:600;margin:0}
  .tag span{color:var(--ink-soft);font-weight:400}
  h2{font-family:var(--display);font-weight:400;font-size:24px;margin:0 0 4px;line-height:1.15}
  .sub{margin:0 0 14px;color:var(--ink-soft);font-size:15px}
  .step{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--comb)}

  .panel{background:var(--paper);border:3px solid var(--ink);border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:16px}
  label.l{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);display:block;margin-bottom:6px}
  input[type=text],input[type=url],textarea{font:inherit;font-weight:600;padding:12px 14px;border:2px solid var(--ink);border-radius:4px;background:#fff;color:var(--ink);width:100%}
  textarea{resize:vertical;min-height:70px;font-weight:500}
  .custom{display:flex;align-items:stretch;border:2px solid var(--ink);border-radius:4px;background:#fff;overflow:hidden}
  .custom span{font-family:var(--mono);font-size:14px;padding:12px 2px 12px 12px;color:var(--ink-soft);white-space:nowrap}
  .custom input{border:0;padding-left:0;font-family:var(--mono);font-weight:500}
  .hint{font-size:13px;color:var(--ink-soft);margin:6px 0 0}
  .price{font-family:var(--mono);font-size:13px;background:var(--ink);color:var(--yolk);padding:1px 7px;border-radius:3px;white-space:nowrap}
  .free{background:var(--grass);color:var(--paper)}
  button{font:inherit;color:var(--ink)}
  button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--yolk);outline-offset:2px}
  .ghost{font-weight:600;font-size:14px;background:var(--hay);border:2px solid var(--ink);border-radius:4px;padding:7px 12px;cursor:pointer}

  /* courier cards */
  .couriers{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
  .card{position:relative;background:var(--paper);border:3px solid var(--ink);border-radius:6px;padding:0;display:flex;flex-direction:column;cursor:pointer;text-align:left;overflow:hidden}
  .card[aria-checked=true]{box-shadow:6px 6px 0 var(--comb);border-color:var(--comb)}
  .card[aria-checked=true]::after{content:"Selected";position:absolute;top:8px;right:8px;font-family:var(--mono);font-size:11px;background:var(--comb);color:var(--paper);padding:2px 7px;border-radius:3px}
  .mini{position:relative;height:86px;border-bottom:3px solid var(--ink);overflow:hidden}
  .mini .runner{position:absolute;bottom:4px;left:-70px;width:64px;animation:loop var(--dur,2.4s) linear infinite}
  @keyframes loop{to{left:calc(100% + 10px)}}
  .card .body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
  .card .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
  .card h3{font-family:var(--display);font-weight:400;font-size:18px;margin:0;line-height:1.1}
  .card p{margin:0;font-size:14px;color:var(--ink-soft);flex:1}
  .card .pv{align-self:flex-start;margin-top:4px}

  /* scenes */
  .sc-farm{background:linear-gradient(#CFE8F2 0 70%,#7FB069 70%)}
  .sc-vault{background:radial-gradient(ellipse at 50% 20%,#6B1422,#2A060D)}
  .sc-road{background:linear-gradient(#F6C27A 0 62%,#3B3B3B 62% 90%,#2A2A2A 90%)}
  .sc-road::before{content:"";position:absolute;left:0;right:0;top:76%;height:3px;background:repeating-linear-gradient(90deg,#FFE27A 0 18px,transparent 18px 36px);animation:road .4s linear infinite}
  @keyframes road{to{background-position:-36px 0}}
  .sc-night{background:linear-gradient(#1B2340,#3A2F5B)}
  .sc-night::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,#F4E9C8 0 9px,transparent 10px),radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 2px),radial-gradient(circle at 45% 15%,#fff 0 1px,transparent 2px),radial-gradient(circle at 65% 40%,#fff 0 1px,transparent 2px)}
  .sc-disco{background:#2B1340;animation:disco 1.2s steps(4) infinite}
  @keyframes disco{25%{background:#123A4A}50%{background:#4A1230}75%{background:#1E3A12}}
  .sc-disco::before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% -20%,rgba(255,255,255,.12) 0 6deg,transparent 6deg 18deg)}

  /* chicken parts */
  .runner svg{display:block;width:100%;height:auto;overflow:visible;animation:bob .22s ease-in-out infinite alternate}
  @keyframes bob{to{transform:translateY(-5px)}}
  .l1{animation:leg .22s linear infinite alternate;transform-origin:40px 68px}
  .l2{animation:leg .22s linear infinite alternate-reverse;transform-origin:48px 68px}
  @keyframes leg{from{transform:rotate(-28deg)}to{transform:rotate(28deg)}}
  .wheel{animation:spin .3s linear infinite}
  @keyframes spin{to{transform:rotate(360deg)}}
  .sparkle{animation:tw .8s ease-in-out infinite alternate}
  @keyframes tw{from{opacity:.2}to{opacity:1}}
  .rainbow{animation:hue 1s linear infinite}
  @keyframes hue{to{filter:hue-rotate(360deg)}}
  .tails{animation:flap .18s ease-in-out infinite alternate;transform-origin:60px 14px}
  @keyframes flap{to{transform:rotate(-14deg)}}
  .biker svg{animation-duration:.12s}

  /* extras */
  .extras{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
  .opt{display:flex;gap:12px;align-items:flex-start;background:var(--paper);border:3px solid var(--ink);border-radius:6px;padding:14px;cursor:pointer}
  .opt input{width:20px;height:20px;accent-color:var(--comb);margin-top:3px;flex:none}
  .opt b{display:block}
  .opt span.d{font-size:14px;color:var(--ink-soft)}
  .opt:has(input:checked){border-color:var(--comb);background:#FFF3E0}
  #msgWrap{grid-column:1/-1}

  /* checkout */
  .checkout{background:var(--ink);color:var(--paper);border-radius:6px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:end}
  @media (max-width:640px){.checkout{grid-template-columns:1fr}}
  .lines{list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:14px;display:flex;flex-direction:column;gap:4px}
  .lines li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dashed #5B4A33;padding-bottom:4px}
  .lines li.tot{border:0;font-size:18px;color:var(--yolk);padding-top:6px}
  .pay{font-family:var(--display);font-size:22px;background:var(--yolk);color:var(--ink);border:3px solid var(--paper);border-radius:6px;padding:12px 22px;cursor:pointer;white-space:nowrap}
  .pay:active{transform:translate(2px,2px)}
  .fine{grid-column:1/-1;font-size:12px;color:#CDBB98;margin:0}
  .err{color:var(--comb);font-weight:700;margin:0;min-height:1.4em;font-size:14px}

  .result{border:3px dashed var(--grass);background:var(--grass-lt);border-radius:6px;padding:14px 16px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
  .result .short{font-family:var(--mono);font-size:20px;color:var(--grass);overflow-wrap:anywhere;flex:1 1 240px}
  .result p{flex-basis:100%;margin:0;font-size:13px;color:var(--ink-soft);overflow-wrap:anywhere}

  /* board */
  .tbl{overflow-x:auto;border-top:3px solid var(--ink)}
  table{width:100%;border-collapse:collapse;min-width:600px}
  th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);text-align:left;padding:10px 8px;border-bottom:1px solid var(--hay-deep)}
  td{padding:10px 8px;border-bottom:1px solid var(--hay-deep);vertical-align:middle}
  td.rk{font-family:var(--display);font-size:20px;width:40px;text-align:right}
  td.code a{font-family:var(--mono);color:var(--comb);font-size:15px;text-decoration:none;border-bottom:2px solid var(--yolk)}
  td.cr{font-size:14px;white-space:nowrap}
  td.dest{color:var(--ink-soft);font-size:14px;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  td.num{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
  tr.boost{background:var(--yolk)}
  .badge{font-family:var(--mono);font-size:11px;background:var(--comb);color:var(--paper);padding:1px 6px;border-radius:3px;margin-left:6px;vertical-align:2px}
  .ex{font-size:12px;color:var(--ink-soft);font-style:italic;display:block}

  /* full-screen run */
  .run{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 16px;text-align:center;background:var(--hay)}
  .run .stage{position:relative;width:min(640px,100%);height:180px;border:3px solid var(--ink);border-radius:6px;overflow:hidden}
  .run .runner{position:absolute;bottom:10px;left:-120px;width:110px;animation:dash var(--dur,2s) linear forwards}
  @keyframes dash{to{left:calc(100% + 10px)}}
  .run h3{font-family:var(--display);font-weight:400;font-size:28px;margin:0}
  .bubble{position:relative;max-width:min(520px,100%);background:#fff;border:3px solid var(--ink);border-radius:14px;padding:12px 16px;font-size:18px;font-weight:600;overflow-wrap:anywhere}
  .bubble::after{content:"";position:absolute;left:50%;bottom:-13px;width:20px;height:20px;background:#fff;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:translateX(-50%) rotate(45deg)}
  .bubble small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:500}
  .bar{width:min(640px,100%);height:10px;background:var(--hay-deep);border:2px solid var(--ink);border-radius:6px;overflow:hidden}
  .bar i{display:block;height:100%;width:0;background:var(--comb);animation:fill var(--dur,2s) linear forwards}
  @keyframes fill{to{width:100%}}
  .run p{margin:0;max-width:52ch;overflow-wrap:anywhere;color:var(--ink-soft)}
  .run .acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
  .go{font-family:var(--display);font-size:20px;background:var(--grass);color:var(--paper);border:3px solid var(--ink);border-radius:6px;padding:10px 22px;text-decoration:none;box-shadow:4px 4px 0 var(--ink)}
  .note{font-size:13px;color:var(--ink-soft);margin:0}
  @media (prefers-reduced-motion:reduce){.mini .runner,.run .runner,.bar i{animation-duration:.01s}.runner svg,.l1,.l2,.wheel,.sparkle,.rainbow,.tails,.sc-disco,.sc-road::before{animation:none}.mini .runner{left:40%}}
  /* ===== PSYCHEDELIC THEME ===== */
  :root{
    --hay:#FFF3FD; --hay-deep:#F3C8F0; --yolk:#FFE600; --comb:#FF1FA9;
    --grass:#00B89C; --grass-lt:#DDFFF6; --ink:#24063F; --ink-soft:#5E2F86; --paper:#FFFFFF;
    --acid:#B6FF00; --cyan:#00E5FF; --violet:#8A2BFF; --tang:#FF7A00;
    --display:"Shrikhand","Bowlby One","Arial Black",Impact,sans-serif;
  }
  body{background:#2A0A4A;position:relative;isolation:isolate}
  body::before{content:"";position:fixed;inset:-50vmax;z-index:-2;
    background:repeating-conic-gradient(from 0deg at 50% 50%,#FF1FA9 0deg 12deg,#FF7A00 12deg 24deg,#FFE600 24deg 36deg,#B6FF00 36deg 48deg,#00E5FF 48deg 60deg,#8A2BFF 60deg 72deg);
    animation:swirl 60s linear infinite;filter:saturate(1.2)}
  body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.0),rgba(42,10,74,.25) 70%),
      repeating-radial-gradient(circle at 50% 120%,rgba(255,255,255,.10) 0 18px,transparent 18px 44px);
    animation:pulse 6s ease-in-out infinite alternate}
  @keyframes swirl{to{transform:rotate(360deg)}}
  @keyframes pulse{to{opacity:.55}}

  .wrap>header,.wrap>section:not(.panel):not(.checkout),.wrap>.note{
    background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    border:4px solid var(--ink);border-radius:26px;padding:20px;box-shadow:8px 8px 0 var(--violet),16px 16px 0 var(--cyan)}
  .wrap>.note{padding:10px 16px;border-width:3px;box-shadow:5px 5px 0 var(--comb)}

  h1{font-weight:400;font-size:clamp(46px,10vw,96px);line-height:1;letter-spacing:.01em;
    background:linear-gradient(90deg,#FF1FA9,#FF7A00,#FFE600,#B6FF00,#00E5FF,#8A2BFF,#FF1FA9);background-size:300% 100%;
    -webkit-background-clip:text;background-clip:text;color:transparent;
    -webkit-text-stroke:2px var(--ink);filter:drop-shadow(4px 4px 0 var(--ink));
    animation:rainbow 4s linear infinite,wobble 3s ease-in-out infinite;display:inline-block;transform-origin:left center}
  @keyframes rainbow{to{background-position:300% 0}}
  @keyframes wobble{50%{transform:skewX(-6deg) scale(1.02)}}
  .tag{font-size:20px}
  h2{font-weight:400;font-size:28px;color:var(--violet)}
  .step{color:var(--comb);font-weight:700}

  .panel{border:4px solid var(--ink);border-radius:26px;box-shadow:8px 8px 0 var(--comb),16px 16px 0 var(--yolk)}
  input[type=text],input[type=url],textarea,.custom{border-radius:14px;border-width:3px}
  .custom input{border-radius:0}
  .price{background:var(--violet);color:#fff;border-radius:999px;padding:1px 9px}
  .free{background:var(--grass)}
  .ghost{background:var(--yolk);border-radius:999px;border-width:3px}
  .ghost:hover{background:var(--acid)}

  .card{border:4px solid var(--ink);border-radius:22px;transition:transform .2s}
  .card:hover{transform:rotate(-1.5deg) scale(1.02)}
  .card:nth-child(5n+1){box-shadow:6px 6px 0 var(--cyan)}
  .card:nth-child(5n+2){box-shadow:6px 6px 0 var(--yolk)}
  .card:nth-child(5n+3){box-shadow:6px 6px 0 var(--tang)}
  .card:nth-child(5n+4){box-shadow:6px 6px 0 var(--acid)}
  .card:nth-child(5n+5){box-shadow:6px 6px 0 var(--violet)}
  .card[aria-checked=true]{border-color:var(--comb);box-shadow:0 0 0 4px var(--yolk),10px 10px 0 var(--comb);transform:rotate(1deg)}
  .card[aria-checked=true]::after{background:var(--comb);border-radius:999px;content:"Chosen ✦"}
  .card h3{font-weight:400;font-size:20px;color:var(--ink)}
  .mini{border-bottom:4px solid var(--ink);filter:saturate(1.6) hue-rotate(0deg);animation:trip 8s linear infinite}
  @keyframes trip{to{filter:saturate(1.6) hue-rotate(360deg)}}

  .opt{border:4px solid var(--ink);border-radius:20px;background:rgba(255,255,255,.9)}
  .opt:has(input:checked){border-color:var(--comb);background:linear-gradient(120deg,#FFF0FB,#E9FFF9);box-shadow:5px 5px 0 var(--acid)}

  .checkout{background:linear-gradient(135deg,#24063F,#4A0F7A);border:4px solid var(--yolk);border-radius:26px;box-shadow:8px 8px 0 var(--comb)}
  .lines li{border-bottom-color:#7B4FA8}
  .lines li.tot{color:var(--acid)}
  .pay{border-radius:999px;background:linear-gradient(90deg,#FFE600,#B6FF00,#00E5FF,#FF1FA9,#FFE600);background-size:300% 100%;animation:rainbow 3s linear infinite;border-color:#fff;font-weight:400}
  .fine{color:#D8B8F5}

  .result{border:4px dashed var(--comb);border-radius:22px;background:rgba(255,255,255,.92)}
  .result .short{color:var(--violet)}
  .tbl{border-top:4px solid var(--ink)}
  td.code a{color:var(--comb);border-bottom-color:var(--acid)}
  tr.boost{background:linear-gradient(90deg,#FFE600,#B6FF00,#00E5FF,#FF1FA9,#FFE600);background-size:300% 100%;animation:rainbow 5s linear infinite}
  .badge{background:var(--violet);border-radius:999px}
  tr.boost td.code a{color:var(--ink);border-bottom-color:var(--ink);font-weight:700}
  tr.boost .ex{color:var(--ink)}

  .run{background:#2A0A4A;isolation:isolate;overflow:hidden}
  .run::before{content:"";position:absolute;inset:-50vmax;z-index:-1;
    background:repeating-conic-gradient(from 0deg,#FF1FA9 0 10deg,#FFE600 10deg 20deg,#00E5FF 20deg 30deg,#8A2BFF 30deg 40deg);animation:swirl 12s linear infinite}
  .run h3{font-weight:400;font-size:34px;color:#fff;-webkit-text-stroke:1.5px var(--ink);text-shadow:4px 4px 0 var(--ink),7px 7px 0 var(--comb)}
  .run .stage{border:5px solid var(--ink);border-radius:26px;box-shadow:0 0 0 5px var(--yolk),12px 12px 0 var(--ink)}
  .run .stage{animation:trip 5s linear infinite}
  .bubble{border-width:4px;border-radius:24px;box-shadow:6px 6px 0 var(--violet)}
  .bubble::after{border-width:4px}
  .bar{border:3px solid var(--ink);background:#fff;border-radius:999px}
  .bar i{background:linear-gradient(90deg,#FF1FA9,#FF7A00,#FFE600,#B6FF00,#00E5FF,#8A2BFF)}
  .run p{background:rgba(255,255,255,.9);padding:4px 12px;border-radius:999px;color:var(--ink)}
  .go{border-radius:999px;background:var(--grass);box-shadow:4px 4px 0 var(--ink),8px 8px 0 var(--yolk)}

  @media (prefers-reduced-motion:reduce){body::before,body::after,h1,.pay,tr.boost,.mini,.run::before,.run .stage{animation:none}}
  .adminToggle{align-self:flex-start;display:flex;gap:8px;align-items:center;font-weight:800;background:var(--ink);color:var(--yolk);padding:8px 14px;border-radius:999px;cursor:pointer;border:3px solid var(--yolk)}
  .adminToggle input{accent-color:var(--comb);width:18px;height:18px}
  .q{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:12px 0;border-bottom:2px dashed var(--hay-deep)}
  .q:last-child{border-bottom:0}
  .q .c{font-family:var(--mono);color:var(--comb);font-size:15px;overflow-wrap:anywhere}
  .q .u{font-size:14px;color:var(--ink-soft);overflow-wrap:anywhere}
  .q .m{font-size:13px;font-style:italic;color:var(--ink-soft)}
  .q .acts{display:flex;gap:8px}
  .ok{background:var(--grass)!important;color:#fff}
  .no{background:var(--comb)!important;color:#fff}
  .emptyq{color:var(--ink-soft);margin:0}
  .status{font-family:var(--mono);font-size:12px;padding:2px 9px;border-radius:999px;background:var(--yolk);color:var(--ink);white-space:nowrap}
  /* BG: lava lamp */
  body{background:#3B0764}
  body::before{inset:-20%;background:
    radial-gradient(circle at 20% 30%,#FF1FA9 0 18%,transparent 34%),
    radial-gradient(circle at 80% 20%,#FFE600 0 14%,transparent 30%),
    radial-gradient(circle at 70% 80%,#00E5FF 0 16%,transparent 32%),
    radial-gradient(circle at 25% 85%,#FF7A00 0 15%,transparent 30%),
    radial-gradient(circle at 50% 50%,#B6FF00 0 10%,transparent 26%),#3B0764;
    filter:blur(40px) saturate(1.4);animation:lava 18s ease-in-out infinite alternate}
  body::after{background:none;animation:none}
  @keyframes lava{0%{transform:translate(0,0) scale(1) rotate(0)}50%{transform:translate(4%,-6%) scale(1.15) rotate(20deg)}100%{transform:translate(-5%,5%) scale(1.05) rotate(-15deg)}}

/* ===== Site layout (ChickenLink app) ===== */
  .skip{position:absolute;left:-9999px}
  .skip:focus{left:16px;top:8px;z-index:20;background:#fff;padding:8px 12px;border-radius:8px}
  .topnav{max-width:980px;margin:0 auto 24px;display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;
    background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:4px solid var(--ink);border-radius:999px;padding:8px 10px 8px 22px;box-shadow:6px 6px 0 var(--violet)}
  .brand{font-family:var(--display);font-size:24px;color:var(--comb);text-decoration:none;line-height:1}
  .navlinks{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
  .navlinks a,.linkbtn{color:var(--ink);font-weight:700;text-decoration:none;font-size:15px}
  .navlinks a:hover,.linkbtn:hover{color:var(--comb)}
  .linkbtn{background:none;border:0;padding:0;cursor:pointer;font-family:var(--body)}
  .inline{display:inline}
  .gbtn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:3px solid var(--ink);border-radius:999px;padding:6px 14px}
  svg.g{width:18px;height:18px;flex:none}
  @media (max-width:560px){.topnav{border-radius:24px;padding:10px 14px}}

  .flash{border:3px solid var(--ink);border-radius:18px;padding:12px 16px;font-weight:700;background:#fff}
  .flash-ok{box-shadow:5px 5px 0 var(--grass)}
  .flash-err{box-shadow:5px 5px 0 var(--comb);color:#9B0059}

  .hero,.plain{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    border:4px solid var(--ink);border-radius:26px;padding:20px;box-shadow:8px 8px 0 var(--violet),16px 16px 0 var(--cyan)}
  .hero h1{margin:0}
  .how{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0 0;padding:0;counter-reset:s}
  .how li{counter-increment:s;font-size:16px}
  .how li::before{content:counter(s);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--comb);color:#fff;font-weight:800;margin-right:8px;font-size:14px}
  .creator{display:flex;flex-direction:column;gap:32px}
  .pageh{font-family:var(--display);font-weight:400;font-size:clamp(32px,6vw,48px);line-height:1.05;margin:0 0 8px;color:var(--violet);text-wrap:balance}
  .center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
  .empty{color:var(--ink-soft);margin:0;padding:10px 0}
  a{color:var(--violet)}
  .r{text-align:right}

  /* courier cards as radios */
  .sr{position:absolute;opacity:0;pointer-events:none}
  .card{display:flex}
  .card:has(.sr:focus-visible){outline:3px solid var(--yolk);outline-offset:3px}
  .card:has(.sr:checked){border-color:var(--comb);box-shadow:0 0 0 4px var(--yolk),10px 10px 0 var(--comb);transform:rotate(1deg)}
  .card:has(.sr:checked)::after{content:"Chosen ✦";position:absolute;top:8px;right:8px;font-family:var(--mono);font-size:11px;background:var(--comb);color:#fff;padding:2px 8px;border-radius:999px}
  .card .mini{display:block}
  .card .body{display:flex}
  .card .top{display:flex}
  .card .h3{font-family:var(--display);font-size:20px;line-height:1.1}
  .card .desc{font-size:14px;color:var(--ink-soft);flex:1}

  .opt>span{display:block}
  .opt .d{display:block}
  .checkout{grid-template-columns:minmax(0,1fr) auto}
  .payside{display:flex;justify-content:flex-end}
  a.pay{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
  .waiver{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#F3E6FF;background:rgba(255,255,255,.08);border:2px dashed #B98CE6;border-radius:14px;padding:10px 12px}
  .waiver input{width:20px;height:20px;flex:none;accent-color:var(--acid);margin-top:1px}
  .waiver a{color:var(--acid)}

  .faq details{border-top:2px dashed var(--hay-deep);padding:10px 0}
  .faq summary{font-weight:800;cursor:pointer}
  .faq p{margin:6px 0 0;color:var(--ink-soft)}

  .stats{display:flex;flex-wrap:wrap;gap:8px 26px;font-family:var(--mono);font-size:14px;color:var(--ink-soft)}
  .stats strong{font-family:var(--display);font-weight:400;font-size:26px;color:var(--ink);margin-right:6px;font-variant-numeric:tabular-nums}
  .q .acts form{display:inline}
  .q a{color:var(--ink-soft)}
  .st-ok{background:var(--grass);color:#fff}
  .st-wait{background:var(--yolk)}
  .st-bad{background:var(--comb);color:#fff}

  .mylist{display:flex;flex-direction:column}
  .myl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:14px 0;border-bottom:2px dashed var(--hay-deep)}
  .myl:last-child{border-bottom:0}
  .myl.is-new{background:linear-gradient(90deg,#FFF6B0,transparent);border-radius:12px;padding-inline:10px}
  .myl .short{font-family:var(--mono);font-size:18px;color:var(--violet);overflow-wrap:anywhere}
  .myl .u{font-size:14px;color:var(--ink-soft);overflow-wrap:anywhere}
  .myl .m{font-style:italic}
  .myl .meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--ink-soft);margin-top:4px;align-items:center}
  .myl .acts,.q .acts{display:flex;gap:8px;flex-wrap:wrap}
  .ghost{text-decoration:none;display:inline-block;color:var(--ink)}
  @media (max-width:640px){.myl,.q{grid-template-columns:1fr}}

  .foot{max-width:980px;margin:40px auto 0;text-align:center;font-size:13px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
  .foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:6px}
  .foot a{color:#fff;font-weight:700}

  /* legal pages */
  .legal{max-width:760px}
  .legal h2{font-size:24px;margin:26px 0 6px}
  .legal h3{font-size:17px;margin:18px 0 4px}
  .legal p,.legal li{line-height:1.65}
  .legal .upd{font-family:var(--mono);font-size:13px;color:var(--ink-soft)}

  /* short link page */
  .gobody{padding:0}
  .gobody .run{position:relative;min-height:100vh;min-height:100dvh;inset:auto}
  .runh{font-family:var(--display);font-weight:400;font-size:clamp(26px,5vw,36px);margin:0;color:#fff;-webkit-text-stroke:1.5px var(--ink);text-shadow:4px 4px 0 var(--ink),7px 7px 0 var(--comb);text-wrap:balance}
  .report{background:rgba(255,255,255,.92);border:3px solid var(--ink);border-radius:18px;padding:8px 14px;max-width:420px;width:100%;text-align:left}
  .report summary{cursor:pointer;font-weight:700;font-size:14px}
  .report form{display:flex;flex-direction:column;gap:8px;padding:8px 0}
  select{font:inherit;padding:10px;border:3px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink)}

/* ===== fixes ===== */
  tr.boost td,tr.boost td.dest,tr.boost td.cr{color:var(--ink)}
  .mini,.run .stage{animation:none;filter:saturate(1.3)}
  .run::before{inset:-20%;background:
    radial-gradient(circle at 20% 30%,#FF1FA9 0 18%,transparent 34%),
    radial-gradient(circle at 80% 20%,#FFE600 0 14%,transparent 30%),
    radial-gradient(circle at 70% 80%,#00E5FF 0 16%,transparent 32%),
    radial-gradient(circle at 25% 85%,#FF7A00 0 15%,transparent 30%),
    radial-gradient(circle at 50% 50%,#B6FF00 0 10%,transparent 26%),#3B0764;
    filter:blur(40px) saturate(1.4);animation:lava 12s ease-in-out infinite alternate}
  .hero h1{font-size:clamp(36px,10.5vw,96px);max-width:100%}
  .anonnote{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;font-size:14px;color:#F3E6FF}
  .anonnote p,.anonextras{margin:0}
  .anonnote a,.anonextras a{color:var(--acid)}
  .anonextras{grid-column:1/-1;font-size:14px;color:#FFE600;font-weight:700}
  .result{justify-content:center}

/* ===== mobile checkout ===== */
  @media (max-width:640px){
    .checkout{grid-template-columns:1fr}
    .payside{justify-content:stretch}
    .pay{width:100%;white-space:normal;text-align:center;justify-content:center;font-size:20px}
  }