@font-face{font-family:Wix;src:url('./fonts/wix-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Wix;src:url('./fonts/wix-bold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/space-mono-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/space-mono-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;
}
:root{color-scheme:dark;--ink:#f4f1e9;--muted:#a4afb1;--coral:#f47a5f;--line:rgba(216,240,233,.16);--page:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{background:#040608;scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Wix,Arial,sans-serif;font-weight:500;background:#040608}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #8ce9d0;outline-offset:7px}
.space{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 62%,#11202a 0%,#090c15 35%,#040608 65%)}#cosmos{display:block;width:100%;height:100%;opacity:0;transition:opacity 1.3s ease}body.ready #cosmos{opacity:1}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,5,7,.1),transparent 25%,transparent 76%,rgba(2,5,7,.45));z-index:1}
.masthead{position:fixed;z-index:5;top:0;left:var(--page);right:var(--page);height:108px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.wordmark{font-size:25px;font-weight:500;letter-spacing:-1.5px}.wordmark span{font-weight:800}.wordmark .brand-dot{color:var(--coral)}.preview-label{font:9px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;text-transform:uppercase;color:#a2aeb0;opacity:.7;margin-left:auto}.motion{display:flex;gap:10px;align-items:center;background:none;border:0;padding:12px 0 12px 14px;font-size:11px;letter-spacing:.01em}.motion-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid #51605f;border-radius:50%;font-size:10px}.motion:hover{color:#a4f5d9}
.journey{position:relative;height:380svh}.screen{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;z-index:2}.opening{position:absolute;left:var(--page);top:23%;max-width:900px;will-change:opacity,transform}.eyebrow{display:flex;align-items:center;gap:11px;font:10px/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:.19em;text-transform:uppercase;color:#b9c4c0;margin:0 0 26px}.signal{height:5px;width:5px;background:var(--coral);box-shadow:0 0 12px #f47a5f88;border-radius:50%}h1{font-size:clamp(58px,7.8vw,132px);line-height:1.01;letter-spacing:-.065em;font-weight:500;margin:0}h1 span{color:#eff6f0}h1,h2{text-shadow:0 3px 40px rgba(0,0,0,.12)}.explore{display:inline-flex;align-items:center;gap:13px;margin-top:35px;font-size:13px;letter-spacing:.01em}.arrow{display:grid;place-items:center;border:1px solid rgba(233,246,239,.32);border-radius:50%;width:39px;height:39px;font-size:20px;transition:background .2s}.explore:hover .arrow{background:#e9f6ef;color:#071115}
.stage-footer{position:absolute;bottom:37px;left:var(--page);right:var(--page);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:24px;color:#adb9b8;font-size:11px}.footer-caption{letter-spacing:.015em}.scroll-cue{justify-self:center;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.025em}.scroll-line{width:1px;height:27px;background:linear-gradient(transparent,#a9c3bc)}.progress{display:flex;align-items:center;gap:16px;justify-self:end;font:10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em}.progress-line{width:75px;height:1px;background:linear-gradient(to right,#b3edd6 var(--progress,0%),#374544 var(--progress,0%))}.phase{min-width:50px}.closing{position:absolute;left:var(--page);top:30%;opacity:0;visibility:hidden;transform:translateY(20px)}h2{font-size:clamp(46px,6.2vw,100px);font-weight:500;letter-spacing:-.06em;line-height:1.04;margin:0}h2 span{color:#b7e5d5}.end-note{max-width:280px;color:#b9c5c4;line-height:1.7;font-size:13px;margin:27px 0}.replay{display:inline-flex;gap:28px;align-items:center;font-size:12px;padding:10px 0;border-bottom:1px solid #697b76}.anchor{position:absolute;width:1px;height:1px;left:0}.anchor-near{top:120svh}.anchor-end{top:280svh}.skip{position:fixed;top:14px;left:24px;transform:translateY(-150%);z-index:20;background:#e3f1e9;color:#111;padding:12px}.skip:focus{transform:none}.fallback-message,.no-script{position:fixed;z-index:10;bottom:80px;left:var(--page);max-width:410px;color:#edc9aa;font-size:12px;line-height:1.6}body.failed .journey{height:100svh}body.failed .explore,body.failed .scroll-cue,body.failed .progress{display:none}
@media(min-width:1800px){.opening{top:24%}.screen{min-height:650px}}
@media(max-width:800px){.masthead{height:82px;gap:15px}.wordmark{font-size:23px}.preview-label{display:none}.motion{margin-left:auto}.motion-label{font-size:10px}.opening{top:21%}h1{font-size:clamp(58px,11.8vw,90px);letter-spacing:-.065em}.eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:20px}.explore{font-size:11px;margin-top:26px}.arrow{width:33px;height:33px}.stage-footer{bottom:25px;grid-template-columns:1fr 1fr;font-size:9px;gap:15px}.scroll-cue{display:none}.progress{font-size:9px}.progress-line{width:40px}.closing{top:24%}.screen{min-height:480px}}
@media(max-width:390px){:root{--page:22px}h1{font-size:53px}.wordmark{font-size:21px}.motion{gap:6px}.footer-caption{max-width:130px;line-height:1.7}.eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#cosmos{transition:none}*{animation:none!important}}
/* V2 – screw / galaxy / Mlinček */
.journey{height:520svh}.anchor-near{top:210svh}.anchor-core{top:255svh}.anchor-end{top:420svh}
.opening{top:23%}h1{font-size:clamp(66px,7.6vw,126px)}.subtitle{font-size:clamp(15px,1.4vw,21px);color:#b6c5c0;margin:24px 0 0;letter-spacing:-.02em}.build-link{font-size:12px;line-height:1.8;color:#98aaa6;margin:30px 0 0}.build-link a{color:#d4eee3;display:inline-flex;gap:23px;border-bottom:1px solid #465b53;padding-bottom:3px}.build-link a:hover{color:#91f2cf}.explore{margin-top:27px}.loading{position:absolute;right:var(--page);top:50%;font:11px ui-monospace,monospace;color:#a6dbc9}.loading[hidden]{display:none}
.closing{left:57%;top:32%;width:min(35vw,410px);transform:none}.quote-bubble{position:relative;border:1px solid #596b6470;border-radius:18px 18px 18px 3px;padding:28px 30px;background:linear-gradient(145deg,#152521a8,#0b101780);backdrop-filter:none;box-shadow:0 10px 70px #0005}.quote-label{display:flex;align-items:center;gap:9px;font:9px/1.5 ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase;color:#a6bdb2;margin:0 0 21px}.say{font-family:Wix,Arial,sans-serif;font-size:clamp(20px,1.9vw,29px);line-height:1.35;letter-spacing:-.035em;color:#f0eee6;min-height:4.2em;margin:0 0 25px;white-space:pre-line}.typing-cursor{display:inline-block;width:5px;height:.8em;background:#f47a5f;vertical-align:-1px;margin-left:5px;animation:blink 1s steps(1) infinite}.typing-cursor[hidden]{display:none}@keyframes blink{50%{opacity:0}}.next-quote{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0 0;font-size:10px;letter-spacing:.04em;border:0;border-top:1px solid #b5d2c326;background:none;color:#a8cabc}.next-quote:hover{color:#eaf9ef}
.stage-nav{display:flex;align-items:center;gap:13px;justify-self:end;font:10px ui-monospace,monospace}.stage-nav a{padding:9px 3px;color:#789288}.stage-nav a[aria-current]{color:#e5ffef}.stage-nav .progress-line{width:45px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.model-control{position:absolute;left:15%;top:15%;width:38%;height:68%;opacity:0;visibility:hidden;cursor:grab;touch-action:pan-y;border-radius:30px;outline-offset:5px}.model-control:active{cursor:grabbing}.model-control:focus-visible{outline:1px solid #91e6c76b}.model-hint{position:absolute;left:15%;width:38%;bottom:12%;margin:0;text-align:center;opacity:0;visibility:hidden;font:10px/1.5 ui-monospace,monospace;color:#88a297;pointer-events:none}
@media(max-width:800px){.opening{top:16%}h1{font-size:clamp(57px,11.8vw,84px)}.subtitle{font-size:14px;margin-top:16px}.build-link{font-size:10px;margin-top:18px;line-height:1.8}.explore{margin-top:18px}.closing{left:24px;right:24px;width:auto;top:14%}.quote-bubble{padding:20px 22px}.quote-label{font-size:8px;margin-bottom:12px}.say{font-size:20px;min-height:2.7em;margin-bottom:15px}.next-quote{font-size:9px;padding-top:11px}.loading{font-size:9px;top:65%;left:24px;right:auto}.stage-nav{gap:10px}.stage-nav .progress-line{display:none}}
@media(max-width:390px){.opening{top:16%}h1{font-size:53px}.closing{left:22px;right:22px}.quote-bubble{padding:17px 18px}.say{font-size:19px}.build-link{font-size:9px}.subtitle{font-size:13px}}
@media(max-width:800px){.model-control{left:13%;top:42%;width:74%;height:48%}.model-hint{left:13%;width:74%;bottom:7.5%;font-size:8px}}
.footer-utility{display:flex;align-items:center;gap:22px}.footer-utility .motion{margin:0;padding:0;font-size:9px;gap:7px}.footer-utility .motion-icon{width:21px;height:21px}.opening{top:19%}
@media(max-width:800px){.footer-utility .footer-caption{display:none}.footer-utility .motion-label{font-size:9px}.opening{top:12%}.closing{top:8%}}
.stage-footer .scroll-cue{grid-column:2}.stage-footer .stage-nav{grid-column:3}
@media(max-width:800px){.stage-footer .stage-nav{grid-column:2}}
html.wp-embed,html.wp-embed body{height:100%;overflow:hidden}html.wp-embed .journey{height:100svh}html.wp-embed .anchor{display:none}
.quote-bubble{border-color:#a878535c;background:linear-gradient(145deg,#261e19dc,#141212c9);box-shadow:0 12px 65px #0005}.quote-label{color:#bda28d}.say{color:#f0e5d7}.next-quote{color:#d0ad90;border-top-color:#ba947329}.next-quote:hover{color:#fff0dd}.model-hint{color:#b39a84}.model-control:focus-visible{outline-color:#d0ad906b}
.lab-link{display:flex;align-items:center;justify-content:space-between;gap:17px;font-size:12px;line-height:1.5;padding:13px 15px;background:#b96a3e26;border:1px solid #c18d655e;border-radius:7px;color:#f0d1b3;margin-bottom:15px}.lab-link:hover{background:#b96a3e45;border-color:#c18d65}.next-quote{padding-top:0;border:0;color:#b39a84}.lab-link span{font-size:18px;flex-shrink:0}
@media(max-width:800px){.lab-link{font-size:11px;padding:10px 12px;margin-bottom:12px}}
.closing{z-index:3}.model-control{z-index:2}
@media(max-width:800px){.model-control{top:48%;height:42%}}
/* Reserve the longest quote once; typing must not move the portrait. */
.say{position:relative}.screen{min-height:0}.next-quote{min-height:32px}.stage-nav a{min-width:36px;min-height:36px;display:grid;place-items:center}
@media(max-width:800px){.quote-bubble{backdrop-filter:none}.model-control{height:auto;bottom:max(72px,10svh)}.model-hint{bottom:54px}.stage-footer{bottom:max(12px,env(safe-area-inset-bottom))}.closing{top:max(20px,5svh)}}
@media(max-height:650px) and (max-width:600px){.closing{top:18px}.quote-bubble{padding:13px 16px}.quote-label{font-size:7px;margin-bottom:8px}.say{font-size:17px;line-height:1.3;margin-bottom:10px}.lab-link{padding:8px 10px;font-size:10px;margin-bottom:5px}.next-quote{font-size:8px}.opening{top:7%}h1{font-size:48px}.build-link{margin-top:12px}.explore{margin-top:12px}.model-hint{font-size:7px}}
@media(max-height:500px) and (min-width:601px){.opening{top:9%;max-width:48%}h1{font-size:clamp(40px,7vw,60px)}.subtitle{margin-top:10px;font-size:13px}.build-link{margin-top:12px;font-size:9px}.explore{margin-top:10px;font-size:10px}.closing{top:7%;left:53%;right:5%;width:auto}.quote-bubble{padding:15px 18px;backdrop-filter:none}.say{font-size:18px;margin-bottom:10px}.quote-label{font-size:7px;margin-bottom:8px}.lab-link{font-size:10px;padding:8px 10px;margin-bottom:4px}.next-quote{font-size:8px;min-height:28px}.model-control{left:5%;top:7%;bottom:15%;height:auto;width:43%}.model-hint{left:5%;width:43%;bottom:9%;font-size:8px}.stage-footer{bottom:8px}.scroll-cue{display:none}}
body.failed .opening{opacity:1!important;visibility:visible!important;transform:none!important}body.failed .closing,body.failed .model-control,body.failed .model-hint,body.failed .stage-nav{display:none}
.quote-bubble{border-color:#899baf45;background:linear-gradient(145deg,#1a2027eb,#12141be0)}.say{color:#e8edf1}.quote-label,.model-hint{color:#a3b4bf}.quote-label .signal{background:#a89bd1;box-shadow:0 0 10px #a89bd155}.typing-cursor{background:#a89bd1}.lab-link{color:#d4e7e6;border-color:#829ba352;background:#76959f18}.lab-link:hover{background:#76959f30;border-color:#a4b9c3}.next-quote{color:#aab7c4}.next-quote:hover{color:#eff5fa}
.model-control{touch-action:none;user-select:none;-webkit-user-select:none}.model-hint{z-index:3;pointer-events:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 12px}.model-hint>span,.model-motion{opacity:.55}.model-motion{font:inherit;min-height:44px;padding:5px;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.model-motion{font-size:9px;text-decoration-color:#a3b4bf55;transition:opacity .2s}.model-motion:hover,.model-motion:focus-visible{opacity:1}.model-motion:focus:not(:focus-visible){outline:none}.model-motion:focus-visible{outline:1px solid #a3b4bf88;outline-offset:2px;border-radius:3px}.model-motion[hidden]{display:none}@media(max-width:800px){.model-control{bottom:max(100px,12svh)}.model-hint{bottom:44px}}
.site-header{position:fixed;top:0;left:0;right:0;height:88px;padding:0 var(--page);display:flex;align-items:center;justify-content:space-between;gap:28px;z-index:12;background:linear-gradient(#030507db,#03050700)}.brand-logo{display:flex;align-items:center;min-height:44px;flex-shrink:0}.brand-logo img{display:block;width:176px;height:auto;filter:invert(1)}.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#c7cdd0}.site-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none}
@media(max-width:800px){.site-header{height:66px;gap:16px}.brand-logo img{width:145px}.menu-toggle{display:flex;align-items:center;gap:12px;padding:10px 0 10px 12px;min-height:44px;border:0;background:none;font-size:12px}.menu-toggle span{font-size:18px}.site-nav{display:none;position:absolute;right:var(--page);top:62px;width:228px;max-width:calc(100vw - 44px);padding:12px 20px;flex-direction:column;align-items:stretch;gap:0;background:#10151cf7;border:1px solid #899baf45;border-radius:12px}.site-header.menu-open .site-nav{display:flex}.site-nav a{font-size:14px;min-height:46px}.opening{top:max(92px,12%)}.closing{top:max(80px,10svh)}}
@media(max-height:650px) and (max-width:600px){.opening{top:82px}.closing{top:76px}.brand-logo img{width:135px}}
@media(max-height:500px) and (min-width:601px){.site-header{height:56px}.brand-logo img{width:140px}.site-nav{gap:20px}.site-nav a{font-size:11px}.opening{top:70px}.closing{top:70px}.model-control{top:64px;bottom:12%}.model-hint{bottom:7%}.menu-open .site-nav{gap:0}}

@media(max-height:500px) and (min-width:601px){.model-control{bottom:max(80px,20%)}.model-hint{bottom:20px}}

/* Draw UI icons as vectors: phone emoji fonts must not change their appearance. */
.ui-icon{display:block;flex-shrink:0;pointer-events:none}
/* A shared edge and spacing rhythm for the finished landing. */
.build-invite{position:absolute;z-index:5;left:50%;bottom:max(28px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 2*var(--page));display:flex;align-items:center;gap:26px;padding:16px 18px 16px 22px;border:1px solid #879ea34d;border-radius:16px;background:linear-gradient(120deg,#172028f5,#11141df5);box-shadow:0 10px 40px #0005;opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:opacity .3s,transform .3s,visibility .3s;pointer-events:none}
.build-invite.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}
.build-invite-copy p{margin:0;font-size:14px;line-height:1.5;color:#edf3f2}
.build-invite-copy .build-invite-note{margin-top:5px;font-size:11px;line-height:1.5;color:#b2bec8}
.build-invite-button{display:flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 18px;border:1px solid #c2eee2;border-radius:10px;background:linear-gradient(120deg,#c6e9df,#b5d6e0);color:#102127;font-size:14px;line-height:1.5;white-space:nowrap;transition:background .2s}
.build-invite-button:hover{background:#def5ec}
.build-invite-button span{font-size:20px;line-height:1}
.invite-visible .scroll-cue{visibility:hidden}
body.failed .build-invite{display:none}
@media(max-width:800px){.build-invite{width:390px;max-width:calc(100% - 32px);bottom:max(18px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:12px;padding:16px;border-radius:14px}.build-invite-copy p{font-size:13px}.build-invite-copy .build-invite-note{font-size:11px;margin-top:4px}.build-invite-button{min-height:46px;justify-content:space-between;font-size:14px;padding:10px 14px}}
@media(max-height:500px) and (min-width:601px){.build-invite{width:max-content;flex-direction:row;align-items:center;gap:18px;padding:10px 14px;bottom:12px}.build-invite-copy p{font-size:12px}.build-invite-copy .build-invite-note{font-size:10px}.build-invite-button{font-size:12px;gap:18px}}
@media(prefers-reduced-motion:reduce){.build-invite{transition:none;transform:translate(-50%,0)}}
/* On phones the invitation lives beside Mlinček; keep the galaxy unobscured. */
@media(max-width:800px),(pointer:coarse){.build-invite{display:none}}
.opening{right:var(--page)}
h1{line-height:1.02;letter-spacing:-.055em}
/* Wix ink bearings, measured at 100px: Š=4.1, g=4.5, P=8,
   G=5.3, S=3.6, O=5.3. Align the visible letters with the SVG edge. */
.title-line{display:block;position:relative;left:-.041em;color:var(--ink)}
.title-line+.title-line{left:-.045em;color:#eff6f0}
.subtitle{position:relative;left:-.08em;line-height:1.45;margin-top:36px}
.build-link{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:14px;line-height:1.5;margin-top:24px}
.build-link p{position:relative;left:-.053em;margin:0}
.build-link a{position:relative;left:-.036em;align-items:center;gap:20px;line-height:1.5;padding:0 0 7px}
.build-link a::after{content:"";position:absolute;inset:-8px -4px}
.build-link a span{font-size:18px;line-height:1}
.explore{margin-top:24px;gap:16px;min-height:44px;font-size:14px;line-height:1.5}
.explore>span:first-child{position:relative;left:-.053em}
.explore .arrow{width:36px;height:36px;flex-shrink:0}
.site-nav a{font-size:13px}
.quote-label{font-size:10px;line-height:1.5;margin-bottom:20px}
.say{letter-spacing:-.025em;margin-bottom:24px}
.lab-link{font-size:13px;min-height:46px;margin-bottom:12px}
.next-quote{font-size:11px;min-height:36px}
.model-hint,.model-motion{font-size:10px}
.stage-footer{display:flex;justify-content:center}
@media(min-width:801px) and (min-height:501px){
 .closing{top:50%;transform:translateY(-50%)}
 .model-control,.model-hint{left:calc(30% - 19.8svh);width:40%}
}
@media(max-width:800px){
 .closing{left:var(--page);right:var(--page)}
 .subtitle{font-size:15px;margin-top:24px}
 .build-link{font-size:12px;margin-top:20px;gap:2px}
 .build-link a{min-height:28px}
 .explore{font-size:12px;margin-top:20px;gap:12px}
 .quote-label{font-size:9px;margin-bottom:12px}
 .say{margin-bottom:16px}
 .lab-link{font-size:12px;margin-bottom:8px}
 .next-quote{font-size:10px}
 .model-hint,.model-motion{font-size:9px}
 .site-nav a{font-size:14px}
}
@media(max-height:650px) and (max-width:600px){
 .subtitle{font-size:14px;margin-top:20px}
 .build-link{font-size:11px;margin-top:16px}
 .explore{margin-top:16px}
 .quote-label{font-size:8px;margin-bottom:8px}
 .say{margin-bottom:10px}
 .lab-link{font-size:11px;min-height:40px;margin-bottom:4px}
 .next-quote{font-size:9px;min-height:32px}
}
@media(max-height:500px) and (min-width:601px){
 .subtitle{font-size:14px;margin-top:20px}
 .build-link{font-size:11px;margin-top:16px}
 .explore{font-size:11px;margin-top:12px}
 .quote-label{font-size:8px;margin-bottom:8px}
 .say{margin-bottom:10px}
 .lab-link{font-size:11px;min-height:36px;margin-bottom:4px}
.next-quote{font-size:9px;min-height:28px}
}
/* Mlinček: reference bubble and type, with the existing cool palette. */
.closing>.quote-label{font-family:'Space Mono',ui-monospace,monospace;font-weight:400;font-size:10px;line-height:1.6;letter-spacing:.1em;margin:0 0 12px}
.quote-bubble{border-radius:0 18px 18px 18px;padding:20px 24px}
.quote-bubble .say{font-family:'Space Mono',ui-monospace,monospace;font-weight:400;font-size:clamp(15px,1.3vw,18px);line-height:1.65;letter-spacing:0;min-height:0;margin:0}
.typing-cursor{width:.55em;height:1em;vertical-align:-.12em;margin-left:2px}
.closing>.lab-link{position:relative;isolation:isolate;overflow:hidden;margin:12px 0 0;background:#15242d;border-color:#a4b9c366;box-shadow:0 0 24px #85c8c610}
.closing>.lab-link::before{content:"";position:absolute;z-index:-1;inset:-60% -25%;pointer-events:none;background:radial-gradient(ellipse at 22% 70%,#91d7cf55,transparent 48%),radial-gradient(ellipse at 78% 30%,#a89bd14d,transparent 48%);animation:lab-mist 12s ease-in-out infinite alternate;animation-play-state:paused}
.closing[aria-hidden="false"]>.lab-link::before{animation-play-state:running}
.closing>.lab-link:hover{background:#1b303a;border-color:#a4b9c3}
@keyframes lab-mist{from{transform:translateX(-12%) rotate(-4deg);opacity:.6}to{transform:translateX(12%) rotate(4deg);opacity:1}}
.closing>.next-quote{min-height:44px;padding:8px 0}
@media(max-width:800px){
 .closing>.quote-label{font-size:9px;letter-spacing:.08em;margin-bottom:10px}
 .quote-bubble{padding:16px 18px;border-radius:0 16px 16px 16px}
 .quote-bubble .say{font-size:14px;line-height:1.6}
 .closing>.lab-link{margin-top:10px}
}
@media(max-height:650px) and (max-width:600px){
 .closing>.quote-label{font-size:8px;margin-bottom:8px}
 .quote-bubble{padding:12px 14px}
 .quote-bubble .say{font-size:12px;line-height:1.5}
 .closing>.lab-link{margin-top:10px;min-height:44px}
}
@media(max-width:800px) and (orientation:portrait){
 .closing{top:auto;bottom:max(20px,env(safe-area-inset-bottom));transform:none}
 .model-hint{left:var(--page);width:calc(100% - 2*var(--page));gap:0 10px}
 .model-control{left:13%;width:74%}
}
@media(max-height:500px) and (orientation:landscape){
 .closing{left:53%;right:5%;top:70px;width:auto;bottom:auto;transform:none}
 .model-control{left:5%;top:64px;bottom:76px;width:43%;height:auto}
 .model-hint{left:5%;width:43%;bottom:20px}
 .closing>.quote-label{font-size:8px;margin-bottom:8px}
 .quote-bubble{padding:12px 16px}
 .quote-bubble .say{font-size:12px;line-height:1.5}
 .closing>.lab-link{margin-top:4px;min-height:44px;font-size:11px;padding:8px 10px}
}
@media(max-height:500px) and (min-width:601px){
 .closing>.quote-label{font-size:8px;margin-bottom:8px}
 .quote-bubble{padding:12px 16px}
 .quote-bubble .say{font-size:12px;line-height:1.5}
 .closing>.lab-link{margin-top:10px;min-height:44px}
}