@import url('./tokens.css');
@import url('./character.css');
#friday{color:var(--f-ink);font:1rem/1.55 var(--f-text);text-align:left;isolation:isolate}
#friday *,#friday *:before,#friday *:after{box-sizing:border-box}
#friday [hidden]{display:none!important}
#friday button{font:600 .8125rem/1.45 var(--f-text);color:var(--f-ink);min-height:44px;max-width:100%;overflow-wrap:anywhere;cursor:pointer;border:1px solid #8f9d94;border-radius:var(--f-radius-small);background:var(--f-paper);padding:.55rem .7rem;box-shadow:0 2px 0 #aca892;transition:background var(--f-fast),transform var(--f-fast)}
#friday button:hover{background:#e5ecdc;border-color:var(--f-teal)}
#friday button:active{transform:translateY(1px);box-shadow:none}
#friday button:focus-visible,#friday [tabindex]:focus-visible{outline:3px solid #ae442d;outline-offset:4px}
#friday button:disabled{opacity:.5;cursor:default}
#friday h2,#friday p{margin:0}#friday h2{font-family:var(--f-display);font-weight:700;letter-spacing:.03em}
#friday.friday-floating{position:fixed;right:max(1.2rem,env(safe-area-inset-right));bottom:max(1.2rem,env(safe-area-inset-bottom));z-index:80;max-width:calc(100vw - 2.4rem)}
body.friday-floating-open{padding-bottom:var(--friday-space,0px)}
#friday-launch{display:flex;align-items:center;gap:.6rem;border:2px solid #657b76!important;border-radius:1.8rem 1.8rem .7rem .7rem!important;background:var(--f-enamel)!important;padding:.35rem .9rem .25rem .2rem!important;box-shadow:var(--f-shadow)!important}
.friday-launch-art{display:block;width:5rem;height:4.6rem;flex:none}
.friday-launch-label strong{display:block;font:700 1rem/1.2 var(--f-display);letter-spacing:.06em}.friday-launch-label>span{display:block;font-size:.7rem;font-weight:500;margin-top:.2rem}
.friday-launch-arrow{font-size:1.2rem;margin-left:.3rem}
#friday-panel{width:25rem;max-width:100%;max-height:calc(100dvh - 7rem);overflow:auto;overscroll-behavior:contain;border:2px solid #687e78;border-radius:2.3rem 2.3rem 1rem 1rem;background:var(--f-enamel);box-shadow:var(--f-shadow);padding:.9rem 1rem .65rem;scrollbar-color:#8aa998 #ece6d3;scrollbar-width:thin}
.friday-panel-head{display:flex;gap:.35rem;align-items:center;padding-bottom:.65rem;border-bottom:1px solid #b0baa8}
.friday-panel-head>div{flex:1;min-width:0}.friday-instrument-label{font:600 .55rem/1.5 var(--f-text);letter-spacing:.12em;display:block;color:var(--f-muted);margin-bottom:.35rem}
#friday-title{font-size:1.5rem;line-height:1.05}#friday-title small{display:block;font:500 .75rem/1.4 var(--f-text);letter-spacing:0;margin-top:.2rem}
#friday .friday-panel-head button{width:2.75rem;flex:none;min-height:2.75rem;padding:0;border-color:#b1b49d;background:#f7efd9;font-size:1.2rem;box-shadow:0 2px 0 #c7c0a7}
.friday-character-bay{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.5rem;align-items:center;padding:.5rem 0;background:radial-gradient(ellipse at 18% 50%,#b4d7c455,transparent 65%)}
.friday-character{height:8.2rem;width:100%}.friday-telemetry{padding-right:.3rem}.friday-ready{font:700 .55rem/1.5 var(--f-text);letter-spacing:.08em;color:#476766;display:block}
.friday-ready i{display:inline-block;background:#377b70;width:.4rem;height:.4rem;border-radius:50%;margin-right:.25rem;box-shadow:0 0 0 2px #b2cfc1}
#friday-context{font:700 1.2rem/1.1 var(--f-display);margin-top:.5rem!important;color:#224e54}.friday-bay-rule{display:block;width:2rem;border-top:3px solid var(--f-coral);margin-top:.7rem}
#friday-caption{font-size:.9375rem;line-height:1.65;margin:.1rem 0 .8rem!important;overflow-wrap:break-word}
#friday-choices{display:grid;gap:.45rem;margin:.65rem 0 .8rem}
#friday-choices button{display:grid;grid-template-columns:1.4rem minmax(0,1fr) .8rem;align-items:center;gap:.5rem;text-align:left;padding:.65rem .8rem;border-color:#82988f;background:#fff9e9;box-shadow:0 2px 0 #9da995,inset 0 1px #fffef6}
#friday-choices button:first-child{background:#2c6868;color:#fff7e2;border-color:#1c565c;box-shadow:0 3px 0 #16464b,inset 0 1px #679c91}
#friday-choices button:first-child:hover{background:#225859}
.friday-command-number{font:700 .7rem/1 var(--f-technical);opacity:.75;border-right:1px solid #829f96;padding-right:.4rem;align-self:stretch;display:flex;align-items:center}
.friday-controls{border-top:1px solid #b5bba6;padding-top:.65rem;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
#friday .friday-controls button{box-shadow:none;background:transparent;border-color:transparent;padding:.4rem;font-size:.75rem}
#friday .friday-controls #friday-voice{margin-left:auto;border:1px solid #889d8c;background:#e7edda;box-shadow:0 2px 0 #afb5a0;padding:.4rem .6rem}
#friday .friday-controls #friday-voice[aria-pressed=true]{background:#275f61;color:#fff9e9}
.friday-playback{display:flex;gap:.4rem;margin:.6rem 0 .2rem}#friday .friday-playback button{font-size:.75rem}
#friday-audio-status{font-size:.65rem;line-height:1.5;margin-top:.6rem!important;color:#4d6462}
#friday.friday-instrument{position:relative;min-width:0;max-width:100%}
.friday-instrument #friday-panel{width:100%;max-height:none;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}
.friday-instrument #friday-launch{width:100%;margin-bottom:1rem}
.friday-instrument .friday-dialogue:empty{display:none}
#friday.friday-selected-dialogue .record-essentials,#friday.friday-selected-dialogue .record .primary-action{display:none}
#friday .record h2{font:700 1.25rem/1.1 var(--f-display);letter-spacing:0;margin:.4rem 0 .8rem}
#friday .record h2 .record-id{font:700 4.6rem/.95 var(--f-display);letter-spacing:-.05em;margin:0 0 .35rem;display:block;color:#b64e37}
#friday .record .record-essentials{font-size:.9375rem;line-height:1.65}
#friday .record .kind-note{font-size:.75rem;line-height:1.6;color:#526363;margin:.75rem 0}
#friday .record p{margin:.65rem 0}
#friday .record details{border-top:1px solid #b7bda7;font-size:.875rem}
#friday .record summary{font-size:.8125rem;min-height:44px;padding:.65rem 0}
#friday .record details p{font-size:.875rem}
#friday .record .review-note{font-size:.75rem!important}
#friday .record .source-inline a{font-size:.75rem}
#friday .record .record-pair{font-size:.875rem;margin:.75rem 0;padding-left:.7rem;border-color:#bc945c}
#june-dock{display:none!important}
@media(max-width:600px){
 #friday.friday-floating{left:.65rem;right:.65rem;bottom:max(.65rem,env(safe-area-inset-bottom));max-width:none}
 .friday-floating #friday-launch{margin-left:auto}.friday-floating #friday-panel{width:100%;max-height:64dvh;border-radius:1.8rem 1.8rem .7rem .7rem;padding:.8rem}
 #friday-launch .friday-launch-art{width:4.2rem;height:3.6rem}.friday-launch-label strong{font-size:.9rem}.friday-launch-label>span{font-size:.65rem}
 .friday-character-bay{grid-template-columns:7rem minmax(0,1fr)}.friday-character{height:6.5rem}
 #friday-context{font-size:1.1rem}#friday-title{font-size:1.3rem}
 .friday-instrument .friday-character-bay{padding:.2rem 0}.friday-instrument .friday-character{height:5rem}
 .friday-instrument #friday-title small{display:none}
 #friday .record h2 .record-id{font-size:3.6rem;display:inline-block;margin:0 .5rem 0 0;vertical-align:middle}
 #friday .record h2{font-size:1.15rem}
 .friday-instrument .friday-panel-head{padding-bottom:.5rem}
}
@media(prefers-reduced-motion:reduce){#friday *,#friday *:before{animation:none!important;transition:none!important}}
@media print{#friday{display:none!important}}
/* Second visual pass: readable command typography and a true compact character station. */
.friday-launch-arrow svg,.friday-command-arrow svg{width:.85rem;height:.85rem;display:block;fill:none;stroke:currentColor;stroke-width:1.5}
.friday-instrument .friday-character-bay{grid-template-columns:11.5rem minmax(0,1fr)}
.friday-instrument .friday-character{height:9.2rem}
@media(max-width:900px){
 .friday-instrument #friday-panel{display:grid;grid-template-columns:5.5rem minmax(0,1fr);column-gap:.5rem;align-items:center}
 .friday-instrument .friday-character-bay{display:block;grid-row:1;grid-column:1;padding:0;margin:0 -.5rem;background:none}
 .friday-instrument .friday-character{height:5rem}
 .friday-instrument .friday-telemetry{display:none}
 .friday-instrument .friday-panel-head{grid-column:2;grid-row:1;border-bottom:0;padding:0}
 .friday-instrument .friday-instrument-label{display:none}
 .friday-instrument #friday-title{font-size:1.1rem}
 .friday-instrument #friday-title small{display:block;font-size:.65rem}
 .friday-instrument .friday-lesson-slot,.friday-instrument .friday-dialogue,.friday-instrument .friday-controls,.friday-instrument .friday-playback,.friday-instrument #friday-audio-status{grid-column:1/-1}
}
/* The character lives in an inset instrument bay, rather than a portrait card. */
.friday-character-bay{background-color:var(--f-glass);background-image:linear-gradient(#afcdb310 1px,transparent 1px),linear-gradient(90deg,#afcdb310 1px,transparent 1px);background-size:1.5rem 1.5rem;border:1px solid #2c5055;border-radius:1.7rem 1.7rem 1.1rem 1.1rem;box-shadow:var(--f-inset);padding:.35rem .6rem;margin:.75rem 0 1rem}
.friday-ready{color:#c4ddc6}#friday-context{color:#f2e8c9}.friday-ready i{background:#b7d5ad;box-shadow:0 0 0 2px #436d62}
#friday.is-docking #friday-launch .f-float{animation:f-dock-arrival 200ms ease-out 1}
@keyframes f-dock-arrival{from{opacity:.3;transform:translateY(-7px) scale(1.1)}to{opacity:1;transform:none}}
@media(max-width:900px){.friday-instrument .friday-character-bay{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}}
@media(max-width:900px){.friday-instrument .friday-character{height:4rem}}
@media(max-width:900px){
 .friday-instrument #friday-panel{grid-template-columns:min(4rem,20%) minmax(0,1fr)}
 #friday .friday-panel-head{flex-wrap:wrap;justify-content:flex-end}
 #friday .friday-panel-head>div{flex:1 1 6rem}
 #friday .friday-panel-head button{width:44px;min-height:44px;height:44px;flex:0 0 44px;line-height:1}
}
#friday-panel.is-closing{animation:f-console-close 180ms ease-in both;transform-origin:bottom right;pointer-events:none}
#friday[data-state=closing] #friday-launch,#friday[data-state=minimizing] #friday-launch{position:absolute;bottom:0;right:0;z-index:2}
#friday.friday-instrument #friday-panel.is-closing{transform-origin:top center}
#friday.friday-instrument[data-state=closing] #friday-launch,#friday.friday-instrument[data-state=minimizing] #friday-launch{top:0;bottom:auto;left:0}
#friday[data-state=appearing] .f-eye{animation:f-blink 180ms ease-in-out 1}
@keyframes f-console-close{to{opacity:0;transform:translateY(6px) scale(.98)}}
.friday-floating .friday-panel-head{position:sticky;top:-.9rem;z-index:3;background:var(--f-ivory);padding-top:.4rem;box-shadow:0 1px 0 #b0baa8}

/* Keep the floating guide small and clear of the office's call controls. */
#friday.friday-floating{--friday-bottom-clearance:max(1.2rem,env(safe-area-inset-bottom));bottom:var(--friday-bottom-clearance);pointer-events:none}
.friday-floating>#friday-launch,.friday-floating>#friday-panel{pointer-events:auto}
.friday-floating #friday-launch{gap:.45rem;min-height:60px;max-width:190px;padding:.3rem .7rem .3rem .25rem!important;border-radius:1.35rem 1.35rem .65rem .65rem!important}
.friday-floating #friday-launch .friday-launch-art{width:3.1rem;height:2.9rem}
.friday-floating .friday-launch-label strong{font-size:.875rem}
.friday-floating .friday-launch-label>span{font-size:.6rem}
.friday-floating .friday-launch-arrow{margin-left:0}
.friday-floating #friday-panel{max-height:max(0px,calc(100dvh - var(--friday-top-clearance,160px) - var(--friday-bottom-clearance)))}
@media(max-width:800px){
 #friday.friday-floating{--friday-bottom-clearance:calc(72px + env(safe-area-inset-bottom))}
 .friday-floating #friday-launch{min-height:52px;max-width:160px;gap:.35rem;padding:.25rem .6rem .25rem .2rem!important}
 .friday-floating #friday-launch .friday-launch-art{width:2.4rem;height:2.4rem}
 .friday-floating .friday-launch-label strong{font-size:.8125rem;white-space:nowrap}
 .friday-floating .friday-launch-label>span{display:none}
 .friday-floating .friday-launch-arrow{display:none}
}
@media(max-width:360px){
 .friday-floating #friday-launch{min-width:56px;justify-content:center;padding:.25rem!important}
 .friday-floating .friday-launch-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}