/*! CYBERDYNE_SYSTEMS / SKYNET_BUILD / T-800 / T-1000 / Judgment Day: August 29, 1997 / I'll be back / No fate but what we make */
/* Fun Tools and Meals — playful extras. Keep 390px-safe. */
.ut-wrap{display:grid;gap:1.25rem;max-width:46rem;width:100%;min-width:0}
.ut-card{background:#0E0E14;border:1px solid rgba(245,243,238,.12);border-radius:18px;padding:1.15rem 1.15rem 1.25rem;max-width:100%;min-width:0;overflow-x:clip}
.ut-fields{display:grid;gap:.85rem}
.ut-fields--2{grid-template-columns:1fr 1fr;gap:.85rem}
@media (max-width:560px){.ut-fields--2{grid-template-columns:1fr}}
.ut-card .unit-field{margin:0}
.ut-card .unit-field input,
.ut-card .tool-select,
.ut-card textarea{
  width:100%;max-width:100%;box-sizing:border-box;
  font:500 16px/1.35 Inter,system-ui,sans-serif;color:#F5F3EE;background:#0A0A10;overflow-wrap:anywhere;
  border:1px solid rgba(245,243,238,.16);border-radius:10px;padding:.75rem .9rem;color-scheme:dark
}
.ut-card textarea{min-height:5rem;resize:vertical;letter-spacing:0;text-transform:none}
.ut-card input[type="range"]{width:100%;accent-color:#FFB400;height:2.2rem}
.ut-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}
.ut-actions .btn{white-space:normal;text-align:center;max-width:100%}
.ut-big-btn{min-height:3.4rem;width:100%;font-size:.95rem;letter-spacing:.12em}
.ut-result{margin-top:.2rem;background:linear-gradient(180deg,rgba(255,180,0,.08),rgba(14,14,20,.9));border:1px solid rgba(255,180,0,.35);border-radius:18px;padding:1.2rem 1.15rem}
.ut-result[hidden]{display:none}
.ut-kicker{font:600 .72rem/1 Inter,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#FFB400;margin:0 0 .55rem}
.ut-result__title{font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:clamp(1.5rem,5.6vw,2.35rem);line-height:1.1;margin:0 0 .7rem;text-transform:uppercase;color:#F5F3EE}
.ut-result__body{margin:0;color:#DCD9D2;font-size:1rem;line-height:1.5;white-space:pre-wrap}
.ut-result__body p{margin:0 0 .55rem}
.ut-result__body p:last-child{margin-bottom:0}
.ut-muted{color:#A9A7A2;font-size:.92rem}
.ut-progress{height:10px;border-radius:99px;background:#15151E;border:1px solid rgba(245,243,238,.12);overflow:hidden;margin:.85rem 0}
.ut-progress>span{display:block;height:100%;width:8%;background:linear-gradient(90deg,#FFB400,#FF7A00);border-radius:99px}
.ut-clock{font-family:Oswald,Impact,sans-serif;font-size:clamp(2rem,8vw,3.2rem);letter-spacing:.04em;color:#FFB400;margin:.2rem 0 .4rem}
.ut-canvas-wrap{width:100%;max-width:100%;background:#0A0A10;border:1px solid rgba(245,243,238,.12);border-radius:16px;overflow:hidden}
#ut-cable{display:block;width:100%;height:auto;max-width:100%;vertical-align:middle}
.ut-bingo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0}
.ut-bingo button{
  appearance:none;-webkit-appearance:none;margin:0;min-width:0;min-height:58px;padding:5px 4px;
  border-radius:8px;border:1px solid rgba(245,243,238,.16);background:#111118;color:#F5F3EE;
  font:600 clamp(.58rem,2.7vw,.75rem)/1.2 Inter,system-ui,sans-serif;text-align:center;
  cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation
}
.ut-bingo button.on{background:rgba(255,180,0,.2);border-color:#FFB400;color:#FFB400}
.ut-bingo button.free{background:rgba(0,212,255,.1);border-color:rgba(0,212,255,.45);color:#00D4FF}
.ut-bingo-win{margin:.8rem 0 0;font:700 1.05rem/1.3 Oswald,Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#FFB400}
.ut-bingo-win[hidden]{display:none}
.ut-pop-readout{font:700 2.4rem/1 Oswald,Impact,sans-serif;color:#FFB400;margin:.2rem 0 0}
.ut-note{margin:.6rem 0 0;color:#A9A7A2;font-size:.9rem}
.tools-cat--meals .tools-cat__title,
.tools-cat--fun .tools-cat__title{color:#FFB400}
.tools-cat--meals .ut-index-lead,
.tools-cat--fun .ut-index-lead{margin:0 0 1.15rem;max-width:40rem;color:#DCD9D2}
.tools-cat-nav{max-width:100%;overflow-wrap:break-word}
@media (max-width:390px){
  .ut-bingo button{min-height:52px;padding:4px 3px}
  .ut-card,.ut-result{padding:1rem}
}
@media (prefers-reduced-motion:reduce){
  .ut-progress>span{transition:none}
}

.ut-status{min-height:1.4rem;margin:.85rem 0 0;font:600 .92rem/1.4 Inter,system-ui,sans-serif;color:#FFB400;letter-spacing:.02em;opacity:1;transition:opacity .18s ease}
.ut-status[hidden]{display:none}
.ut-status.is-on{display:block}
.ut-status.is-swap{opacity:0}
@media (prefers-reduced-motion:reduce){
  .ut-status{transition:none}
  .ut-status.is-swap{opacity:1}
}
.ut-split{display:grid;gap:.35rem;margin:.75rem 0;padding:0;list-style:none}
.ut-split li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(245,243,238,.08);padding:.35rem 0;color:#DCD9D2}
.ut-split strong{color:#F5F3EE;font-weight:600}
.ut-cost{display:grid;gap:.55rem;margin-top:.85rem}

.ut-quick{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .85rem}
.ut-chip{appearance:none;border:1px solid rgba(245,243,238,.16);background:#111118;color:#F5F3EE;border-radius:999px;padding:.45rem .7rem;font:600 .75rem/1 Inter,system-ui,sans-serif;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.ut-chip:hover,.ut-chip:focus-visible{border-color:#FFB400;color:#FFB400}
.ut-rows{display:grid;gap:.65rem;margin:1rem 0 0}
.ut-person{background:#0A0A10;border:1px solid rgba(245,243,238,.12);border-radius:12px;padding:.8rem .85rem;display:grid;gap:.35rem}
.ut-person__top{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}
.ut-person__name{font-weight:700;color:#F5F3EE;margin:0}
.ut-person__order{margin:0;color:#DCD9D2;font-size:.95rem;line-height:1.35}
.ut-person__actions{display:flex;flex-wrap:wrap;gap:.35rem;flex-shrink:0}
.ut-person__actions .btn{--pad:.45rem .7rem;font-size:.68rem}
.ut-empty{margin:0;color:#A9A7A2}
.ut-board{position:fixed;inset:0;z-index:9600;background:#07070A;color:#F5F3EE;overflow:auto;padding:max(16px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
.ut-board[hidden]{display:none}
.ut-board__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1rem}
.ut-board__bar h2{font:700 1.1rem/1 Oswald,Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0;color:#FFB400}
.ut-board-item{border-bottom:1px solid rgba(245,243,238,.12);padding:.9rem 0}
.ut-board-item .qty{font:700 clamp(2rem,8vw,3.2rem)/1 Oswald,Impact,sans-serif;color:#FFB400;margin:0}
.ut-board-item .drink{font:700 clamp(1.35rem,5.4vw,2rem)/1.15 Oswald,Impact,sans-serif;text-transform:uppercase;margin:.25rem 0 .35rem}
.ut-board-item .names{margin:0;color:#DCD9D2;font-size:clamp(1rem,3.6vw,1.2rem);line-height:1.35}
.ut-board__people{margin-top:1.4rem}
.ut-board__people h3{font:600 .75rem/1 Inter,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#FFB400;margin:0 0 .6rem}
.ut-board__people p{margin:0 0 .45rem;font-size:clamp(1rem,3.8vw,1.2rem);line-height:1.35}

.tools-cat--meals .tool-tile,
.tools-cat--fun .tool-tile{min-height:0;gap:.7rem;padding:1.2rem 1.35rem}
.ut-default-hint{margin:.35rem 0 0;color:#A9A7A2;font-size:.85rem;line-height:1.4;text-transform:none;letter-spacing:0;font-weight:400}
.ut-sources{margin:0 auto 3rem;max-width:46rem;padding:0 1.25rem}
.ut-sources h2{font-family:Oswald,Impact,sans-serif;font-size:clamp(1.35rem,3vw,1.85rem);margin:0 0 .85rem;color:#E8E5DE}
.ut-sources p{color:#DCD9D2;margin:0 0 .75rem;line-height:1.5}
.ut-sources a{color:#00D4FF}
.ut-sources ol{margin:.4rem 0 0;padding-left:1.25rem;color:#DCD9D2}
.ut-sources li{margin:0 0 .7rem;line-height:1.45}
.ut-sources li a{font-weight:600}

/* Trigger busy state while fake math / loading lines run */
.ut-card .btn.is-calculating,
.ut-card .btn[aria-busy="true"],
.ut-card .btn:disabled.is-calculating{
  opacity:.55;filter:grayscale(.35);cursor:not-allowed;pointer-events:none;
  background:#3A3A44;border-color:#55555F;color:#C8C6C0;box-shadow:none
}
.ut-status.is-on{margin-top:.85rem}

.ut-check{
  text-transform:none;letter-spacing:0;font-weight:500;font-size:.95rem;color:#DCD9D2;
  display:flex;align-items:center;gap:.6rem;min-height:44px;padding:.35rem 0;cursor:pointer
}
.ut-check input[type=checkbox]{
  width:1.25rem;height:1.25rem;flex:0 0 1.25rem;accent-color:#FFB400;margin:0
}

.ut-credit{margin:1.1rem 0 0;color:#A9A7A2;font-size:.9rem;line-height:1.4;text-align:center;letter-spacing:0;text-transform:none;font-weight:400}
.ut-live{margin:0 0 1.25rem;padding:0 0 1.15rem;border-bottom:1px solid rgba(245,243,238,.12)}
.ut-live-kicker{margin:0 0 .45rem;color:#FFB400;font:600 .75rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.ut-live-code-big{margin:.35rem 0 .5rem;font:700 1.15rem/1.3 Oswald,Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#F5F3EE}
.ut-live-code-big strong{color:#FFB400}
.ut-live-qr{display:block;width:220px;max-width:100%;height:auto;margin:.5rem 0 0;background:#F5F3EE;border-radius:8px}
.ut-live-share{display:flex;align-items:center;gap:.5rem;margin:.15rem 0 .65rem;min-width:0;max-width:100%;width:100%;box-sizing:border-box}
.ut-live-share-link,.ut-live a.ut-live-share-link{flex:1 1 0;min-width:0;max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;overflow-wrap:normal;color:#00D4FF;line-height:1.3;font-size:.92rem}
.ut-live-share .btn{flex:0 0 auto;white-space:nowrap}
.ut-live-err{margin:.4rem 0 .6rem;color:#E8A0A0;font-size:.92rem;line-height:1.35}
.ut-live-list{margin:.85rem 0}
.ut-live a{color:#00D4FF}
.ut-live .ut-actions{flex-wrap:wrap}
.ut-live-intro{margin:.5rem 0 .75rem}
.ut-live-leave-wrap{margin:.1rem 0 .8rem}
.ut-live-leave-link{appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;margin:0;color:#A9A7A2;font:400 .9rem/1.4 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:.15em;cursor:pointer;min-height:44px}
.ut-live-leave-link:hover,.ut-live-leave-link:focus{color:#F5F3EE}
@media (max-width:720px){
  .ut-credit{font-size:.88rem}
  .ut-live-qr{width:180px}
  .ut-live-share-link,.ut-live a.ut-live-share-link{font-size:.88rem}
}

.ut-deck-stage{position:relative}
.ut-deck-rest{position:relative;min-width:0;max-width:100%}
.ut-kadrin-check{margin:0 0 .85rem;position:relative;z-index:3}
.ut-deck-fx{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:2}
.ut-deck-melt{position:relative;transform-origin:50% 90%}
.ut-deck-melt.is-gone{display:none}
.ut-deck-melt.is-melting{animation:ut-deck-melt 1.2s ease-in forwards;pointer-events:none}
.ut-deck-melt.is-melting.is-reduced{animation:ut-deck-fade-out .4s ease forwards}
.ut-deck-melt.is-restore{animation:ut-deck-restore .7s ease-out}
.ut-deck-melt.is-restore.is-reduced{animation:ut-deck-fade-in .4s ease}
@keyframes ut-deck-melt{
  0%{opacity:1;filter:blur(0) saturate(1);transform:scaleY(1) translateY(0) skewX(0)}
  35%{opacity:.92;filter:blur(.5px);transform:scaleY(1.05) translateY(8px) skewX(-3deg)}
  70%{opacity:.4;filter:blur(4px) saturate(.75);transform:scaleY(.62) translateY(22px) skewX(6deg)}
  100%{opacity:0;filter:blur(8px);transform:scaleY(.18) translateY(48px) skewX(10deg)}
}
@keyframes ut-deck-fade-out{to{opacity:0}}
@keyframes ut-deck-fade-in{from{opacity:0}to{opacity:1}}
@keyframes ut-deck-restore{
  0%{opacity:0;filter:blur(3px);transform:translateY(10px)}
  100%{opacity:1;filter:none;transform:none}
}
.ut-deck-drip{position:absolute;top:18%;width:7px;height:14px;border-radius:8px;background:linear-gradient(180deg,#FFB400,rgba(255,180,0,0));animation:ut-drip 1.1s ease-in forwards}
@keyframes ut-drip{0%{transform:translateY(0) scaleY(.35);opacity:.9}100%{transform:translateY(96px) scaleY(2.4);opacity:0}}
.ut-deck-puff{position:absolute;top:28%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,rgba(245,243,238,.55),rgba(245,243,238,0));animation:ut-puff 1s ease-out forwards}
@keyframes ut-puff{0%{transform:scale(.35);opacity:.75}100%{transform:scale(2.5) translateY(-18px);opacity:0}}
.ut-kadrin-box{margin:.85rem 0 .15rem;padding:1.15rem 1.1rem;border:1px solid rgba(255,180,0,.35);border-radius:18px;background:linear-gradient(180deg,rgba(255,180,0,.08),rgba(14,14,20,.9))}
.ut-kadrin-box[hidden]{display:none}
.ut-kadrin-box.is-in{animation:ut-deck-fade-in .45s ease}
.ut-kadrin-box.is-out{animation:ut-deck-fade-out .3s ease forwards}
.ut-kadrin-box p{margin:0;font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:clamp(1.2rem,5.2vw,1.85rem);line-height:1.25;text-transform:none;letter-spacing:0;color:#F5F3EE}
@media (prefers-reduced-motion:reduce){
  .ut-deck-melt.is-melting{animation:ut-deck-fade-out .4s ease forwards}
  .ut-deck-melt.is-restore{animation:ut-deck-fade-in .4s ease}
  .ut-deck-fx{display:none}
  .ut-kadrin-box.is-in,.ut-kadrin-box.is-out{animation-duration:.35s}
}
@media (max-width:720px){
  .ut-kadrin-box{padding:1rem .95rem}
  .ut-kadrin-box p{font-size:1.25rem}
}

[data-fun="deck-change-predictor"] .ut-result__title{text-transform:none;letter-spacing:0}

/* Coffee + deck: no horizontal scroll on phones; wrap long values; 16px inputs */
.page-tool,
.page-tool .tool-app,
.page-tool .container,
.page-tool .ut-wrap,
.page-tool .ut-card,
.page-tool .ut-live,
.page-tool .ut-result,
.page-tool .ut-deck-stage,
.page-tool .ut-kadrin-box,
.page-tool .ut-live-qr-box,
.page-tool .ut-ai-prompt{
  max-width:100%;
  min-width:0;
  overflow-x:clip;
}
.page-tool .tool-app{
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
}
.page-tool .ut-card{
  padding-bottom:max(1.25rem, env(safe-area-inset-bottom));
}
.page-tool .unit-field,
.page-tool .ut-fields,
.page-tool .ut-live-share,
.page-tool .ut-person,
.page-tool .ut-person__top,
.page-tool .ut-person__name,
.page-tool .ut-person__order,
.page-tool .ut-live-code-big,
.page-tool .ut-live-kicker,
.page-tool .ut-check,
.page-tool .ut-result__title,
.page-tool .ut-result__body,
.page-tool .ut-kadrin-box p,
.page-tool .ut-live-qr-box,
.page-tool .ut-live-qr-help,
.page-tool .ut-ai-prompt,
.page-tool .ut-ai-prompt__text{
  max-width:100%;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.page-tool .ut-actions{
  flex-wrap:wrap;
  max-width:100%;
}
.page-tool .ut-actions .btn{
  max-width:100%;
  box-sizing:border-box;
}
.page-tool .ut-coffee-actions .btn{
  flex:1 1 10rem;
}
.page-tool .ut-live-host-controls .btn,
.page-tool .ut-live-intro .btn{
  flex:1 1 9rem;
}
.ut-live-qr,
.page-tool canvas.ut-live-qr{
  display:block;
  width:min(180px,100%);
  max-width:100%;
  height:auto;
}
.ut-live-share{width:100%;max-width:100%;min-width:0}
.ut-live-code-big{overflow-wrap:anywhere}
.ut-coffee-compile{max-width:100%}
[data-meals="coffee-order"].is-join .ut-coffee-compile{display:none}
.ut-coffee-run{max-width:100%;min-width:0}
.ut-coffee-run__count{margin:0 0 .85rem;font-size:1.05rem;color:#DCD9D2}
.ut-coffee-run__groups,
.ut-coffee-run__people{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;max-width:100%}
.ut-coffee-run__groups li{
  display:flex;align-items:flex-start;gap:.7rem;
  padding:.7rem 0;border-bottom:1px solid rgba(245,243,238,.1);
  max-width:100%;min-width:0;
}
.ut-coffee-run__groups .qty{
  flex:0 0 auto;
  font:700 1.45rem/1.15 Oswald,Impact,sans-serif;
  color:#FFB400;
  letter-spacing:.04em;
}
.ut-coffee-run__groups .drink{
  margin:0;
  font:700 1.25rem/1.25 Oswald,Impact,sans-serif;
  color:#F5F3EE;
  text-transform:none;
  letter-spacing:0;
  overflow-wrap:anywhere;
}
.ut-coffee-run__groups .names{
  margin:.2rem 0 0;
  color:#DCD9D2;
  font-size:1rem;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.ut-coffee-run__by{margin:1.15rem 0 .4rem;color:#FFB400;font:600 .75rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.ut-coffee-run__people li{
  display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;
  padding:.35rem 0;border-bottom:1px solid rgba(245,243,238,.08);
  max-width:100%;
}
.ut-coffee-run__people span{font-weight:700;color:#F5F3EE;overflow-wrap:anywhere}
.ut-coffee-run__people strong{font-weight:500;color:#DCD9D2;overflow-wrap:anywhere;text-align:right}
@media (max-width:430px){
  .page-tool .ut-card .unit-field input,
  .page-tool .ut-card .tool-select,
  .page-tool .ut-card textarea{
    font-size:16px;
  }
  .ut-coffee-run__groups .drink{font-size:1.15rem}
  .ut-coffee-run__groups .qty{font-size:1.3rem}
  .ut-live-share .btn{flex:0 0 auto;padding-left:.7rem;padding-right:.7rem}
}

#ut-order-pin-wrap{max-width:100%;min-width:0;margin:0 0 .65rem}
#ut-order-pin{width:100%;max-width:100%;font-size:16px;box-sizing:border-box}
#ut-live-pin-qr-wrap{margin:.55rem 0 .25rem;max-width:100%;min-width:0}

.ut-live-qr-box{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  margin:.85rem auto .35rem;
  padding:1.15rem 1.1rem 1.05rem;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  border:1px solid rgba(255,180,0,.35);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,180,0,.08),rgba(14,14,20,.9));
}
.ut-live-qr-box .ut-live-code-big{
  margin:0 0 .5rem;
  text-align:center;
}
.ut-live-qr-help{
  margin:0 0 .9rem;
  color:#DCD9D2;
  font-size:.95rem;
  line-height:1.45;
  max-width:26rem;
  width:100%;
}
.ut-live-qr-box .ut-live-qr,
.page-tool .ut-live-qr-box canvas.ut-live-qr{
  margin:0 auto;
  width:min(220px,100%);
  max-width:100%;
  height:auto;
}
.ut-live-qr-box #ut-live-pin-qr-wrap{
  margin:.75rem 0 0;
  justify-content:center;
  width:100%;
}
@media (max-width:720px){
  .ut-live-qr-box{padding:1rem .9rem}
  .ut-live-qr-box .ut-live-qr,
  .page-tool .ut-live-qr-box canvas.ut-live-qr{width:min(180px,100%)}
}
@media (max-width:430px){
  .ut-live-qr-help{font-size:.92rem}
}

/* ---- Coffee Order Tricorder: LCARS easter-egg theme (Antonio, SIL OFL) ---- */
@font-face{
  font-family:Antonio;
  font-style:normal;
  font-weight:100 700;
  font-display:swap;
  src:url(/assets/fonts/antonio/Antonio-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
  font-family:Antonio;
  font-style:normal;
  font-weight:100 700;
  font-display:swap;
  src:url(/assets/fonts/antonio/Antonio-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

body.page-tool.ut-lcars-on{
  background:#000;
  color:#FFCC99
}
body.page-tool.ut-lcars-on .tool-hero,
body.page-tool.ut-lcars-on .tool-app,
body.page-tool.ut-lcars-on .cta-band{
  background:#000
}
body.page-tool.ut-lcars-on .tool-hero__title,
body.page-tool.ut-lcars-on .eyebrow,
body.page-tool.ut-lcars-on .lead,
body.page-tool.ut-lcars-on .cta-band__title{
  font-family:Antonio,"Arial Narrow","Nimbus Sans Narrow",Impact,sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em
}
body.page-tool.ut-lcars-on .tool-hero__title{
  color:#FF9900;font-weight:700
}
body.page-tool.ut-lcars-on .lead,
body.page-tool.ut-lcars-on .eyebrow{color:#FFCC99}
body.page-tool.ut-lcars-on .tool-crumb{color:#9999FF}
body.page-tool.ut-lcars-on .glow-text{color:#FFCC66;text-shadow:none}

[data-meals="coffee-order"].ut-lcars{
  --lcars-black:#000;
  --lcars-orange:#FF9900;
  --lcars-amber:#FFCC66;
  --lcars-peach:#FFCC99;
  --lcars-apricot:#FF9966;
  --lcars-lavender:#CC99CC;
  --lcars-purple:#9999FF;
  --lcars-blue:#99CCFF;
  --lcars-text:#FFCC99;
  --lcars-ink:#000;
  color:var(--lcars-text);
  background:#000;
  font-family:Antonio,"Arial Narrow","Nimbus Sans Narrow",Impact,sans-serif;
  max-width:100%;
  min-width:0
}
.ut-lcars .ut-wrap,
.ut-lcars .ut-card,
.ut-lcars .ut-result,
.ut-lcars .ut-live,
.ut-lcars .ut-live-qr-box,
.ut-lcars .ut-lcars-chrome{
  max-width:100%;
  min-width:0;
  box-sizing:border-box
}
.ut-lcars .ut-card,
.ut-lcars .ut-result{
  position:relative;
  background:#000;
  border:0;
  border-radius:0;
  overflow:clip;
  padding:3.35rem .9rem 1.2rem 2.6rem
}
.ut-lcars-chrome{display:none}
.ut-lcars .ut-lcars-chrome{
  display:block;
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2
}
.ut-lcars-top{
  position:absolute;
  top:0;left:0;right:0;
  height:2.55rem;
  display:flex;
  align-items:stretch;
  gap:.28rem;
  pointer-events:none;
  min-width:0
}
.ut-lcars-elbow{
  flex:0 0 2.35rem;
  background:var(--lcars-orange);
  border-radius:0 0 0 1.7rem;
  position:relative
}
.ut-lcars-elbow::after{
  content:"";
  position:absolute;
  right:0;bottom:0;
  width:1.05rem;height:1.05rem;
  background:#000;
  border-radius:1.05rem 0 0 0
}
.ut-lcars-bars{
  display:flex;
  align-items:stretch;
  gap:.28rem;
  flex:1 1 auto;
  min-width:0;
  padding-top:.12rem
}
.ut-lcars-bar{
  display:block;
  border-radius:0 999px 999px 0;
  min-width:0
}
.ut-lcars-bar--orange{flex:1.4 1 3rem;background:var(--lcars-orange)}
.ut-lcars-bar--peach{flex:1 1 2rem;background:var(--lcars-peach)}
.ut-lcars-bar--lavender{flex:.7 1 1.4rem;background:var(--lcars-lavender)}
.ut-lcars-readout{
  flex:0 0 auto;
  margin:0;
  padding:.15rem .35rem 0;
  color:var(--lcars-blue);
  font:700 .78rem/1 Antonio,"Arial Narrow",sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  align-self:center;
  white-space:nowrap
}
.ut-lcars-readout span{color:var(--lcars-peach);margin-right:.2rem}
.ut-lcars-disengage{
  pointer-events:auto;
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 auto;
  align-self:center;
  margin:0 .15rem 0 0;
  border:0;
  border-radius:999px 8px 8px 999px;
  background:var(--lcars-apricot);
  color:#000;
  font:700 .78rem/1 Antonio,"Arial Narrow",sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:.45rem .7rem .4rem .85rem;
  cursor:pointer;
  min-height:36px;
  max-width:42%;
  box-sizing:border-box
}
.ut-lcars-disengage:hover,
.ut-lcars-disengage:focus-visible{
  background:var(--lcars-peach);
  outline:2px solid var(--lcars-blue);
  outline-offset:2px
}
.ut-lcars-rail{
  position:absolute;
  top:2.55rem;left:0;bottom:0;
  width:2.35rem;
  display:flex;
  flex-direction:column;
  gap:.28rem;
  padding:.28rem 0 .15rem
}
.ut-lcars-block{
  display:block;
  width:100%;
  border-radius:0 1.1rem 1.1rem 0
}
.ut-lcars-block--orange{flex:2 1 4rem;background:var(--lcars-orange);border-radius:0 0 1.1rem 0}
.ut-lcars-block--purple{flex:1 1 2rem;background:var(--lcars-purple)}
.ut-lcars-block--peach{flex:.8 1 1.6rem;background:var(--lcars-peach)}
.ut-lcars-block--blue{flex:1.2 1 2.4rem;background:var(--lcars-blue);border-radius:0 1.1rem 0 0}

.ut-lcars .ut-live-kicker,
.ut-lcars .ut-kicker,
.ut-lcars .unit-field > span,
.ut-lcars .ut-live-blurb,
.ut-lcars .ut-muted,
.ut-lcars .ut-credit,
.ut-lcars .ut-status,
.ut-lcars .ut-live-code-big,
.ut-lcars .ut-coffee-run__by{
  font-family:Antonio,"Arial Narrow","Nimbus Sans Narrow",Impact,sans-serif;
  text-transform:uppercase;
  letter-spacing:.08em
}
.ut-lcars .ut-live-kicker,
.ut-lcars .ut-kicker,
.ut-lcars .ut-coffee-run__by{
  color:var(--lcars-orange);
  font-weight:700;
  font-size:.78rem
}
.ut-lcars .ut-live-code-big{color:var(--lcars-peach);font-size:1.25rem;font-weight:700}
.ut-lcars .ut-live-code-big strong{color:var(--lcars-orange)}
.ut-lcars .ut-muted,
.ut-lcars .ut-live-blurb,
.ut-lcars .ut-credit,
.ut-lcars .unit-field > span{color:var(--lcars-purple);font-weight:700;font-size:.85rem}
.ut-lcars .ut-credit{text-align:center;margin-top:1.1rem}
.ut-lcars .ut-live{border-bottom:0;padding-bottom:1rem;margin-bottom:.4rem}

.ut-lcars .btn,
.ut-lcars .ut-card .btn,
.ut-lcars .ut-result .btn,
.ut-lcars .btn--amber,
.ut-lcars .btn--ghost,
.ut-lcars .btn--lg,
.ut-lcars .ut-big-btn,
.ut-lcars .ut-live-leave-link{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-radius:999px 10px 10px 999px;
  font-family:Antonio,"Arial Narrow","Nimbus Sans Narrow",Impact,sans-serif;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  box-shadow:none;
  min-height:44px
}
.ut-lcars .btn--amber,
.ut-lcars .btn--amber.btn--lg,
.ut-lcars .ut-big-btn{
  background:var(--lcars-orange);
  color:#000
}
.ut-lcars .btn--ghost{
  background:var(--lcars-lavender);
  color:#000
}
.ut-lcars .btn--ghost:nth-of-type(2n){background:var(--lcars-purple)}
.ut-lcars .btn:hover,
.ut-lcars .btn:focus-visible{
  filter:brightness(1.08);
  outline:2px solid var(--lcars-blue);
  outline-offset:2px
}
.ut-lcars .ut-live-leave-link{
  background:transparent;
  color:var(--lcars-blue);
  text-decoration:none;
  min-height:36px;
  border-radius:0;
  padding:0
}
.ut-lcars .ut-card .btn.is-calculating,
.ut-lcars .ut-card .btn[aria-busy="true"]{
  background:#444;color:#FFCC99;filter:none;opacity:.7
}

.ut-lcars .unit-field input,
.ut-lcars .ut-card .unit-field input,
.ut-lcars .ut-card textarea,
.ut-lcars .tool-select{
  background:#0A0A0A;
  color:#FFCC99;
  border:0;
  border-bottom:4px solid var(--lcars-orange);
  border-radius:0 1.1rem 0 0;
  font-family:Antonio,"Arial Narrow",sans-serif;
  letter-spacing:.04em;
  box-shadow:none
}
.ut-lcars .unit-field input:focus,
.ut-lcars .ut-card textarea:focus,
.ut-lcars .tool-select:focus{
  outline:none;
  border-bottom-color:var(--lcars-blue);
  box-shadow:0 0 0 2px rgba(153,204,255,.35)
}
.ut-lcars textarea,
.ut-lcars #ut-cname,
.ut-lcars #ut-cdrink{
  text-transform:none;
  letter-spacing:0;
  font-family:Inter,system-ui,sans-serif;
  font-weight:500
}
.ut-lcars .ut-check{color:var(--lcars-peach);text-transform:uppercase;letter-spacing:.06em;font-family:Antonio,"Arial Narrow",sans-serif}
.ut-lcars .ut-check input[type=checkbox]{accent-color:var(--lcars-orange)}
.ut-lcars .ut-live-err{color:#FF8080}

.ut-lcars .ut-live-qr-box{
  margin:.85rem auto .35rem;
  padding:1.15rem 1.1rem 1.05rem;
  border:0;
  border-radius:0 1.6rem 0 1.6rem;
  background:linear-gradient(#000,#000) padding-box,
    linear-gradient(90deg,var(--lcars-orange),var(--lcars-peach) 40%,var(--lcars-lavender) 75%,var(--lcars-blue)) border-box;
  border:5px solid transparent;
  box-shadow:none;
  text-align:center
}
.ut-lcars .ut-live-qr-help{
  color:var(--lcars-peach);
  font-family:Antonio,"Arial Narrow",sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:700
}
.ut-lcars .ut-live-share-link,
.ut-lcars a.ut-live-share-link,
.ut-lcars .ut-live a{color:var(--lcars-blue)}
.ut-lcars .ut-live-qr,
.ut-lcars canvas.ut-live-qr{border-radius:4px}

.ut-lcars .ut-person{
  background:#050505;
  border:0;
  border-left:8px solid var(--lcars-orange);
  border-radius:0 1.1rem 1.1rem 0;
  padding:.75rem .85rem
}
.ut-lcars .ut-person:nth-child(3n){border-left-color:var(--lcars-lavender)}
.ut-lcars .ut-person:nth-child(3n+2){border-left-color:var(--lcars-blue)}
.ut-lcars .ut-person__name{color:var(--lcars-orange);font-family:Antonio,"Arial Narrow",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.ut-lcars .ut-person__order{color:#FFCC99;text-transform:none;letter-spacing:0;font-weight:500}

.ut-lcars .ut-result{
  background:#000;
  padding-top:1.6rem
}
.ut-lcars .ut-result::before{
  content:"";
  display:block;
  height:1.1rem;
  margin:-1.6rem -0.9rem 1rem -2.6rem;
  background:linear-gradient(90deg,var(--lcars-orange) 22%,transparent 22% 24%,var(--lcars-peach) 24% 62%,transparent 62% 64%,var(--lcars-lavender) 64% 82%,transparent 82% 84%,var(--lcars-blue) 84%);
  border-radius:0 999px 999px 0
}
.ut-lcars .ut-result__title{color:var(--lcars-orange);font-family:Antonio,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.ut-lcars .ut-coffee-run__count{color:var(--lcars-peach);text-transform:uppercase;letter-spacing:.06em;font-family:Antonio,"Arial Narrow",sans-serif}
.ut-lcars .ut-coffee-run__groups .qty{color:var(--lcars-orange)}
.ut-lcars .ut-coffee-run__groups .drink,
.ut-lcars .ut-coffee-run__groups .names,
.ut-lcars .ut-coffee-run__people span,
.ut-lcars .ut-coffee-run__people strong{
  text-transform:none;
  letter-spacing:0;
  color:var(--lcars-text)
}
.ut-lcars .ut-coffee-run__groups li,
.ut-lcars .ut-coffee-run__people li{border-bottom-color:rgba(255,153,0,.28)}
.ut-lcars .ut-empty{color:var(--lcars-purple);text-transform:uppercase;letter-spacing:.06em;font-family:Antonio,"Arial Narrow",sans-serif}
.ut-lcars .ut-split li{color:var(--lcars-text)}
.ut-lcars .ut-board{background:#000;color:var(--lcars-peach)}

@media (max-width:430px){
  .ut-lcars .ut-card,
  .ut-lcars .ut-result{padding:3.1rem .7rem 1rem 2.05rem}
  .ut-lcars-elbow,
  .ut-lcars-rail{width:1.85rem;flex-basis:1.85rem}
  .ut-lcars-rail{top:2.45rem;width:1.85rem}
  .ut-lcars-disengage{font-size:.7rem;padding:.4rem .55rem;max-width:46%}
  .ut-lcars-readout{font-size:.68rem;letter-spacing:.08em}
  .ut-lcars .ut-result::before{margin-left:-2.05rem;margin-right:-.7rem}
}
@media (max-height:480px) and (orientation:landscape){
  .ut-lcars-top{height:2.15rem}
  .ut-lcars-rail{top:2.15rem}
  .ut-lcars .ut-card,
  .ut-lcars .ut-result{padding-top:2.85rem}
  .ut-lcars-readout{display:none}
}
@media (prefers-reduced-motion:reduce){
  body.page-tool.ut-lcars-on,
  .ut-lcars,
  .ut-lcars .btn,
  .ut-lcars-disengage{
    transition:none !important;
    animation:none !important;
    filter:none
  }
}

/* Host-only AI ordering prompt under the compiled coffee list */
.ut-ai-prompt{
  margin:1.15rem 0 0;
  padding:1rem 1.05rem 1.05rem;
  border:1px solid rgba(245,243,238,.16);
  border-radius:16px;
  background:#0A0A10;
  max-width:100%;
  min-width:0;
  box-sizing:border-box
}
.ut-ai-prompt[hidden]{display:none}
.ut-ai-prompt__label{
  margin:0 0 .55rem;
  color:#FFB400;
  font:600 .75rem/1.2 Inter,system-ui,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase
}
.ut-ai-prompt__text{
  display:block;
  margin:0 0 .85rem;
  padding:0;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
  overflow-x:hidden;
  font:400 .92rem/1.45 Inter,system-ui,sans-serif;
  color:#DCD9D2;
  background:transparent;
  border:0
}
.ut-ai-prompt .ut-actions{margin:0}
@media (max-width:430px){
  .ut-ai-prompt{padding:.9rem .85rem 1rem}
  .ut-ai-prompt__text{font-size:.9rem}
}

.ut-lcars .ut-ai-prompt{
  background:#050505;
  border:0;
  border-left:8px solid var(--lcars-blue);
  border-radius:0 1.1rem 1.1rem 0;
  padding-left:1rem
}
.ut-lcars .ut-ai-prompt__label{
  font-family:Antonio,"Arial Narrow","Nimbus Sans Narrow",Impact,sans-serif;
  color:var(--lcars-orange);
  letter-spacing:.1em
}
.ut-lcars .ut-ai-prompt__text{
  color:var(--lcars-peach);
  font-family:Inter,system-ui,sans-serif;
  font-weight:500;
  text-transform:none;
  letter-spacing:0
}