/* The Radiology Desk front page: MAX tells the story, one line at a time.
   Opens dark green. Turns light the moment MAX takes over. */
:root{--fd:"Cabinet Grotesk","Satoshi",system-ui,sans-serif;--fb:"Satoshi",system-ui,sans-serif;--g:#17703f;--g2:#0f5a32;--mint:#8fe3a8;--ink:#07100a;--gold:#d1a95e;--ease:cubic-bezier(.16,1,.3,1)}
[data-theme=dark]{--bg:#06120b;--text:#eef6ee;--mute:#a9bcae;--line:rgba(143,227,168,.16);--card:rgba(13,28,18,.78);--card2:rgba(255,255,255,.05);--hdr:rgba(6,18,11,.6);--acc:var(--mint);--sh:0 30px 60px -30px rgba(0,0,0,.8),0 0 0 1px rgba(143,227,168,.14) inset}
[data-theme=light]{--bg:#f3f8f2;--text:#07100a;--mute:#3d4d42;--line:#d6e1d2;--card:rgba(255,255,255,.86);--card2:#f1f6ef;--hdr:rgba(243,248,242,.7);--acc:var(--g);--sh:0 30px 60px -28px rgba(7,16,10,.35),0 2px 6px rgba(7,16,10,.06),0 0 0 1px rgba(7,16,10,.05)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);transition:background-color 1.2s var(--ease)}
body{min-height:100dvh;overflow-x:hidden;color:var(--text);font-family:var(--fb);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:color 1s var(--ease)}
a{color:inherit}
body:not([data-view=org]) [data-v=org],body[data-view=org] [data-v=rad]{display:none!important}
.hw{width:min(1240px,100% - clamp(2rem,5vw,5rem));margin-inline:auto}

/* background: dark green room, then light */
.bg{position:fixed;inset:0;z-index:-1;pointer-events:none}
.bg i{position:absolute;inset:0;transition:opacity 1.4s var(--ease)}
.bg-d{background:radial-gradient(60% 55% at 50% 30%,rgba(23,112,63,.42),transparent 70%),radial-gradient(40% 40% at 10% 100%,rgba(143,227,168,.08),transparent 70%),linear-gradient(180deg,rgba(6,18,11,.6),rgba(6,18,11,.96)),url(img/bg-max.jpg) center/cover,#06120b}
.bg-l{opacity:0;background:radial-gradient(55% 50% at 50% 26%,rgba(143,227,168,.45),transparent 70%),radial-gradient(40% 40% at 100% 100%,rgba(23,112,63,.08),transparent 70%),#f3f8f2}
[data-theme=light] .bg-l{opacity:1}[data-theme=light] .bg-d{opacity:0}

/* header */
.hn{position:sticky;top:0;z-index:30;background:var(--hdr);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:background-color 1.2s}
.hn .hw{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;gap:1rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--fd);font-weight:800;font-size:1.02rem;white-space:nowrap}
.brand em{font-style:normal;font-weight:500;color:var(--mute)}
.hr{display:flex;align-items:center;justify-content:flex-end;gap:.9rem}
.tt{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);display:grid;place-items:center;cursor:pointer}
.tt .sun{display:none}[data-theme=dark] .tt .sun{display:block}[data-theme=dark] .tt .moon{display:none}
.login{text-decoration:none;font-weight:700;font-size:.95rem}
.hbtn{text-decoration:none;font-weight:800;font-size:.9rem;padding:.6rem 1.1rem;border-radius:999px;background:var(--ink);color:#fff;white-space:nowrap;transition:background .6s,color .6s,box-shadow .6s}
[data-theme=dark] .hbtn{background:var(--mint);color:var(--ink);box-shadow:0 0 24px rgba(143,227,168,.35)}
.persp{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:0 8px 24px -14px rgba(0,0,0,.4)}
.persp button{position:relative;z-index:1;border:0;background:none;font:inherit;font-weight:800;font-size:.86rem;padding:.5rem 1rem;border-radius:999px;color:var(--mute);cursor:pointer;transition:color .3s}
.persp button[aria-pressed=true]{color:#fff}
[data-theme=dark] .persp button[aria-pressed=true]{color:var(--ink)}
.persp i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--ink);transition:transform .5s var(--ease),background .6s}
[data-theme=dark] .persp i{background:var(--mint);box-shadow:0 0 18px rgba(143,227,168,.4)}
body[data-view=org] .persp i{transform:translateX(100%)}

/* the film */
.film{position:relative;min-height:calc(100dvh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.5rem,1.6vh,1.1rem);padding:clamp(1rem,3vh,2.4rem) 1.25rem 6.2rem;text-align:center;perspective:1200px}
.max-wrap{position:relative;display:grid;justify-items:center;transition:transform .9s var(--ease)}
.kick{font-weight:800;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);min-height:1.2em;transition:opacity .4s,color 1s}
.cap{font-family:var(--fd);font-weight:800;font-size:clamp(2rem,4.6vw,4.4rem);line-height:1.04;letter-spacing:-.025em;max-width:16ch;min-height:2.1em;display:flex;align-items:center;justify-content:center;text-wrap:balance}
.film.has-vis .cap{font-size:clamp(1.7rem,3.3vw,3.1rem);max-width:22ch;min-height:2.1em}
.cap .ln{display:inline}
.cap .w{display:inline-block;opacity:0;transform:translateY(.35em);filter:blur(8px);transition:opacity .55s var(--ease),transform .7s var(--ease),filter .55s}
.cap .w.on{opacity:1;transform:none;filter:none}
.cap.out .w{opacity:0;transform:translateY(-.25em);filter:blur(8px);transition-duration:.35s}
.cap em{font-style:normal;color:var(--acc);transition:color 1s}
[data-theme=dark] .cap em{text-shadow:0 0 28px rgba(143,227,168,.45)}

/* MAX: a floating head with a face. idle, talk, think, happy */
.mx{--s:clamp(120px,19vh,190px);position:relative;width:var(--s);height:var(--s);display:grid;place-items:center;transition:width .9s var(--ease),height .9s var(--ease);animation:mxBob 4.2s ease-in-out infinite;transform-style:preserve-3d}
.film.has-vis .mx{--s:clamp(78px,11vh,112px)}
.film.final .mx{--s:clamp(120px,18vh,180px)}
@keyframes mxBob{0%,100%{translate:0 0}50%{translate:0 -10px}}
.mx-halo{position:absolute;inset:-16%;border-radius:50%;background:conic-gradient(from 0deg,#8fe3a8,#d1a95e,#17703f,#8fe3a8);filter:blur(18px);opacity:.5;animation:spin 7s linear infinite;transition:opacity .5s}
[data-theme=light] .mx-halo{opacity:.38}
.mx[data-mood=think] .mx-halo{opacity:.85;animation-duration:1.5s}
.mx[data-mood=happy] .mx-halo{opacity:.75}
.mx-shell{position:relative;width:100%;height:100%;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 34% 26%,#4fb37a 0%,#17703f 36%,#0c2215 78%,#07100a 100%);box-shadow:inset 0 -12px 28px rgba(0,0,0,.45),inset 0 8px 16px rgba(255,255,255,.18),0 26px 50px -20px rgba(0,0,0,.75);transition:transform .25s var(--ease)}
.mx-shine{position:absolute;top:9%;left:20%;width:34%;height:20%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.55),transparent 70%);transform:rotate(-24deg)}
.mx-eyes{display:flex;gap:calc(var(--s)*.1);align-items:center;margin-top:-6%;transition:transform .25s var(--ease)}
.mx-eyes i{display:block;width:calc(var(--s)*.1);height:calc(var(--s)*.17);border-radius:calc(var(--s)*.06);background:#eafff0;box-shadow:0 0 12px rgba(143,227,168,.95),0 0 2px #fff;animation:blink 4.6s infinite;transition:height .25s,border-radius .25s}
@keyframes blink{0%,90%,100%{transform:scaleY(1)}93%{transform:scaleY(.1)}}
.mx[data-mood=think] .mx-eyes i{height:calc(var(--s)*.1)}
.mx[data-mood=happy] .mx-eyes i{height:calc(var(--s)*.06);border-radius:999px 999px 3px 3px;background:transparent;border-top:3px solid #eafff0;box-shadow:0 -3px 8px -3px rgba(143,227,168,.9)}
.mx-mouth{position:absolute;bottom:26%;width:15%;height:3.5%;border-radius:4px;background:rgba(234,255,240,.75);transform:scaleX(.5);opacity:0;transition:opacity .2s}
.mx[data-mood=talk] .mx-mouth{opacity:1;animation:talk .42s ease-in-out infinite alternate}
.mx[data-mood=happy] .mx-mouth{opacity:1;height:7%;width:20%;border-radius:0 0 999px 999px;transform:none;background:rgba(234,255,240,.8)}
@keyframes talk{from{transform:scaleX(.45) scaleY(.8)}to{transform:scaleX(1) scaleY(1.6)}}
.mx-orbit{position:absolute;inset:-20%;opacity:0;transition:opacity .3s;animation:spin 1.4s linear infinite}
.mx[data-mood=think] .mx-orbit{opacity:1}
.mx-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#8fe3a8;box-shadow:0 0 10px #8fe3a8}
.mx-orbit i:nth-child(1){top:0;left:50%}.mx-orbit i:nth-child(2){bottom:8%;left:10%;background:#d1a95e;box-shadow:0 0 10px #d1a95e}.mx-orbit i:nth-child(3){bottom:8%;right:10%}
.mx-ground{width:calc(var(--s,150px)*.7);height:14px;margin-top:10px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.45),transparent 70%);animation:gnd 4.2s ease-in-out infinite;transition:opacity .6s}
[data-theme=dark] .mx-ground{background:radial-gradient(ellipse,rgba(143,227,168,.35),transparent 70%)}
.film.has-vis .mx-ground{opacity:.6;width:70px}
@keyframes gnd{0%,100%{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.78);opacity:.55}}
@keyframes spin{to{transform:rotate(1turn)}}

/* visual stage: one floating card per scene */
.vis{position:relative;width:min(760px,100%);height:clamp(250px,36vh,340px);transform-style:preserve-3d;transition:height .6s var(--ease)}
.film:not(.has-vis) .vis{height:0}
.vl{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;opacity:0;transform:translateY(28px) scale(.96) rotateX(8deg);filter:blur(6px);transition:opacity .7s var(--ease),transform .9s var(--ease),filter .7s}
.vl.on{opacity:1;transform:none;filter:none}
.vl.out{opacity:0;transform:translateY(-20px) scale(.94);filter:blur(8px)}
.card{width:100%;max-width:560px;text-align:left;padding:1.1rem 1.2rem;border-radius:22px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .3s var(--ease),background 1s,box-shadow 1s}
.card h4{font-family:var(--fd);font-size:1.12rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.5rem}
.card h4 small,.tag{font-family:var(--fb);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);font-weight:800}
.tk{display:flex;align-items:center;gap:.65rem;font-size:.95rem;color:var(--mute);padding:.3rem 0;opacity:.45;transition:opacity .4s,color .4s}
.tk i{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:.72rem;font-weight:900;color:transparent;transition:all .35s var(--ease)}
.tk.ok{opacity:1;color:var(--text)}.tk.ok i{background:var(--g);border-color:var(--g);color:#fff;box-shadow:0 0 12px rgba(23,112,63,.45)}
[data-theme=dark] .tk.ok i{background:var(--mint);border-color:var(--mint);color:var(--ink);box-shadow:0 0 12px rgba(143,227,168,.6)}
.pop{opacity:0;transform:translateY(10px) scale(.96);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.pop.on{opacity:1;transform:none}

/* scene parts */
.mess{position:relative;width:100%;max-width:620px;height:100%}
.mess img{position:absolute;inset:6% 10%;width:80%;height:88%;object-fit:cover;border-radius:22px;filter:grayscale(.6) brightness(.6) contrast(1.1);box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
.mess span{position:absolute;padding:.5rem .85rem;border-radius:12px;font-weight:800;font-size:.86rem;background:rgba(40,12,10,.82);color:#ffd2c8;border:1px solid rgba(230,90,70,.55);box-shadow:0 12px 24px -12px rgba(0,0,0,.8);white-space:nowrap}
.mess span:nth-of-type(1){top:8%;left:2%;rotate:-6deg}.mess span:nth-of-type(2){top:30%;right:0;rotate:5deg}.mess span:nth-of-type(3){bottom:22%;left:0;rotate:4deg}.mess span:nth-of-type(4){bottom:6%;right:6%;rotate:-4deg}
.cmpx{position:relative;width:100%;max-width:640px;height:100%;border-radius:24px;overflow:hidden;--pos:50%;box-shadow:var(--sh)}
.cmpx img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cmpx .b4{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.cmpx .b4 img{filter:saturate(.75) brightness(.85)}
.cmpx .hd{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.4)}
.cmpx .hd::after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.cmpx .tl{position:absolute;top:12px;padding:.35rem .75rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cmpx .tl.l{left:12px;background:rgba(0,0,0,.6);color:#fff}.cmpx .tl.r{right:12px;background:var(--g);color:#fff}
.cut{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}
.cut span{position:relative;padding:.7rem 1.1rem;border-radius:14px;font-family:var(--fd);font-weight:800;font-size:1.15rem;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);color:var(--mute)}
.cut span::after{content:"";position:absolute;left:8%;right:8%;top:50%;height:3px;border-radius:3px;background:#c2463a;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.cut span.x::after{transform:scaleX(1)}.cut span.x{opacity:.6}
.direct{display:flex;align-items:center;gap:.8rem;padding:.85rem 1.3rem;border-radius:999px;background:var(--g);color:#fff;font-weight:800;font-size:1.05rem;box-shadow:0 18px 40px -16px rgba(23,112,63,.7)}
.direct b{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}
.keep{font-size:.95rem;color:var(--mute)}.keep strong{font-family:var(--fd);font-size:1.4rem;color:var(--acc);margin-right:.35rem}
.prof{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;max-width:600px}
.prof span{padding:.42rem .75rem;border-radius:999px;font-weight:700;font-size:.82rem;background:var(--card);border:1px solid var(--line);box-shadow:0 8px 18px -12px rgba(0,0,0,.4)}
.prof span.on{border-color:color-mix(in oklab,var(--g) 55%,transparent);color:var(--acc)}
.role{position:relative}
.role .rt{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.role .rt b{font-family:var(--fd);font-size:1.3rem;display:block;line-height:1.15}
.role .rt small{color:var(--mute);font-size:.86rem}
.role .pay{font-family:var(--fd);font-weight:800;font-size:1.5rem;color:var(--acc);white-space:nowrap;text-align:right}
.role .pay small{display:block;font-family:var(--fb);font-size:.72rem;font-weight:600;color:var(--mute)}
.role .fit{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}
.role .fit span{font-size:.76rem;font-weight:800;padding:.28rem .6rem;border-radius:999px;background:color-mix(in oklab,var(--mint) 30%,transparent);color:var(--text)}
.role .top{margin-top:.7rem;display:flex;align-items:center;gap:.5rem;font-size:.86rem;font-weight:700;color:var(--text)}
.role .top i{font-style:normal;font-size:.68rem;font-weight:900;letter-spacing:.08em;padding:.22rem .5rem;border-radius:6px;background:var(--gold);color:#1d1406}
.ribbon{position:absolute;top:-12px;left:18px;padding:.32rem .7rem;border-radius:999px;background:var(--ink);color:var(--mint);font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
.ex{position:absolute;bottom:10px;right:14px;font-size:.66rem;font-weight:700;color:var(--mute);opacity:.75}
.appr{margin-top:.7rem;display:flex;align-items:center;gap:.7rem}
.appr button{white-space:nowrap;border:0;font:inherit;font-weight:800;font-size:.95rem;padding:.7rem 1.2rem;border-radius:999px;background:var(--g);color:#fff;box-shadow:0 0 0 0 rgba(23,112,63,.5);transition:all .4s var(--ease)}
.appr button.pulse{animation:livep 1.4s infinite}
.appr button.done{background:var(--ink);color:var(--mint);animation:none}
.appr span{font-size:.85rem;color:var(--mute)}
@keyframes livep{0%{box-shadow:0 0 0 0 rgba(23,112,63,.5)}70%{box-shadow:0 0 0 12px rgba(23,112,63,0)}100%{box-shadow:0 0 0 0 rgba(23,112,63,0)}}
.asks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;width:100%;max-width:700px}
.asks div{text-align:left;padding:.8rem .9rem;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh)}
.asks b{display:block;font-size:.92rem;line-height:1.25}
.asks small{display:flex;align-items:center;gap:.35rem;margin-top:.45rem;font-size:.78rem;font-weight:800;color:var(--acc);opacity:0;transition:opacity .4s}
.asks small::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.asks div.ok small{opacity:1}
.days{display:grid;grid-template-columns:repeat(14,1fr);gap:5px;margin-top:.4rem}
.days b{height:38px;border-radius:8px;background:color-mix(in oklab,var(--mint) 35%,transparent);border:1px solid color-mix(in oklab,var(--g) 30%,transparent);transition:all .5s}
.days b.gap{background:rgba(230,90,70,.35);border-color:rgba(230,90,70,.75);animation:pulse 1.2s ease-in-out infinite}
.days b.fixed{background:var(--g);border-color:var(--g);animation:none;box-shadow:0 0 14px rgba(23,112,63,.55)}
[data-theme=dark] .days b.fixed{background:var(--mint);border-color:var(--mint)}
@keyframes pulse{50%{opacity:.5}}
.lg{display:flex;justify-content:space-between;font-size:.74rem;color:var(--mute);margin-top:.4rem}
.bub{max-width:520px;padding:.8rem 1.05rem;border-radius:18px 18px 4px 18px;background:var(--mint);color:var(--ink);font-weight:700;font-size:1rem;text-align:left;align-self:center;box-shadow:var(--sh)}
.match{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;width:100%;max-width:640px}
.match div{text-align:left;padding:.85rem;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh)}
.match b{display:block;font-size:.98rem}.match small{display:block;font-size:.78rem;color:var(--mute);margin-top:.2rem}
.match em{display:inline-block;margin-top:.5rem;font-style:normal;font-size:.72rem;font-weight:900;color:var(--ink);background:var(--mint);border-radius:999px;padding:.18rem .55rem}
.finale{display:flex;flex-direction:column;align-items:center;gap:.9rem}
.go{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:800;font-size:1.08rem;padding:1.05rem 1.6rem;border-radius:999px;background:var(--g);color:#fff;box-shadow:0 16px 34px -12px rgba(23,112,63,.65);transition:transform .2s var(--ease),box-shadow .2s}
.go:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px rgba(23,112,63,.75)}
[data-theme=dark] .go{background:var(--mint);color:var(--ink);box-shadow:0 0 32px rgba(143,227,168,.4)}
.time{font-size:.88rem;color:var(--mute)}
.finale .alt{font-size:.9rem;color:var(--mute)}.finale .alt a{font-weight:800;color:var(--acc);text-decoration:none}
.trio{display:flex;gap:1.6rem;flex-wrap:wrap;justify-content:center;margin-top:.3rem}
.trio li{list-style:none;font-size:.86rem;color:var(--mute)}.trio b{font-family:var(--fd);font-size:1.25rem;color:var(--acc);margin-right:.35rem}

/* rail: chapters + controls */
.rail{position:absolute;left:0;right:0;bottom:1.4rem;display:flex;justify-content:center;align-items:center;gap:1rem;padding:0 1rem}
.rail ol{list-style:none;display:flex;gap:6px}
.rail li button{display:block;width:34px;height:22px;border:0;background:none;cursor:pointer;position:relative}
.rail li button::before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:4px;background:var(--line)}
.rail li button::after{content:"";position:absolute;left:0;top:50%;height:4px;margin-top:-2px;border-radius:4px;width:var(--p,0%);background:var(--acc)}
[data-theme=dark] .rail li button::after{box-shadow:0 0 8px var(--mint)}
.rail li button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rc{display:flex;gap:.4rem}
.rc button{height:32px;min-width:32px;padding:0 .7rem;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit;font-weight:800;font-size:.8rem;cursor:pointer}
.rc button:hover{border-color:var(--acc)}

/* tips + footer */
.tips{padding:clamp(3rem,8vh,5rem) 0 3rem}
.eyebrow{font-weight:800;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.tips h2{font-family:var(--fd);font-weight:800;font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.02em;margin:.5rem 0 1.6rem;max-width:22ch;line-height:1.08}
.tipg{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.tipg li{padding:1.15rem 1.2rem;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);display:grid;gap:.45rem;transition:transform .3s var(--ease)}
.tipg li:hover{transform:translateY(-4px)}
.tipg b{font-family:var(--fd);font-size:1.12rem}
.tipg span{font-size:.92rem;line-height:1.5;color:var(--mute)}
.end{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.hf{border-top:1px solid var(--line);padding:1.1rem 0 1.6rem;font-size:.84rem;color:var(--mute)}
.hf .hw{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.hf nav{display:flex;gap:1.2rem;flex-wrap:wrap}.hf a{text-decoration:none}.hf a:hover{color:var(--text)}

/* shadow cursor */
.cur{position:fixed;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;pointer-events:none;z-index:9999;opacity:0;background:radial-gradient(circle,rgba(15,36,23,.34) 0%,rgba(15,36,23,.14) 38%,rgba(15,36,23,0) 70%);transition:width .3s,height .3s,margin .3s,opacity .3s,background .6s;will-change:transform}
.cur::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--g);transition:transform .3s,opacity .3s}
[data-theme=dark] .cur{background:radial-gradient(circle,rgba(143,227,168,.38) 0%,rgba(143,227,168,.14) 40%,rgba(143,227,168,0) 70%)}[data-theme=dark] .cur::after{background:#8fe3a8}
.cur.hot{width:78px;height:78px;margin:-39px 0 0 -39px}.cur.hot::after{transform:scale(0);opacity:0}
@media (pointer:fine){html.has-cur,html.has-cur *{cursor:none!important}html.has-cur .cur{opacity:1}}

/* MAX logo floats */
@keyframes mxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.mx-logo{animation:mxFloat 3.6s ease-in-out infinite;overflow:visible;flex:none}

@media (max-width:900px){
  .hn .hw{grid-template-columns:1fr auto;height:auto;padding:.55rem 0;row-gap:.5rem}
  .persp{grid-column:1/-1;grid-row:2;justify-self:center}
  .film{min-height:calc(100dvh - 108px)}
  .tipg{grid-template-columns:1fr 1fr}
  .asks{grid-template-columns:1fr 1fr}.asks div:nth-child(n+5){display:none}
}
@media (max-width:560px){
  .brand em,.login{display:none}.tt{display:none}
  .hbtn{padding:.5rem .85rem;font-size:.82rem}
  .cap{font-size:2.05rem}.film.has-vis .cap{font-size:1.55rem}
  .vis{height:330px}
  .prof.done{display:none}
  .film.has-vis .mx{--s:72px}
  .tk{font-size:.86rem;padding:.22rem 0}
  .card{padding:.9rem 1rem}
  .cut span{font-size:1rem;padding:.55rem .85rem}
  .match{grid-template-columns:1fr}.match div:nth-child(3){display:none}
  .tipg{grid-template-columns:1fr}
  .role .rt{flex-direction:column;gap:.4rem}.role .pay{text-align:left}
  .mess span{font-size:.74rem}
  .rail li button{width:22px}
  .days b{height:28px}
}