:root{--portal-bg:#141a15;--portal-panel:#1d251e;--portal-paper:#eee6ce;--portal-muted:#aeb3a4;--portal-green:#bcd794;--portal-line:#39443a}
.app-launch-dialog{max-width:620px}.app-launch-dialog p{line-height:1.7}.app-launch-dialog .dialog-actions{flex-wrap:wrap;margin:24px 0}.app-launch-dialog [hidden]{display:none!important}
.free-room-page{max-width:1120px;margin:auto}.free-room-page .tracking-rules{max-width:740px;padding:27px;border:1px solid var(--portal-line);background:var(--portal-panel);line-height:1.7;margin-bottom:24px}.free-room-page .tracking-rules strong{font:400 25px Georgia,serif}.free-room-page .tracking-rules p{font-size:14px;color:var(--portal-muted)}.free-room-page .tracking-controls{display:flex;gap:12px;flex-wrap:wrap}.free-room-page [role=status]{font-size:13px;color:var(--portal-muted);margin-top:20px}
body{background:var(--portal-bg);color:var(--portal-paper)}
.topbar{min-height:84px;gap:24px;flex-wrap:wrap;padding:20px 32px;background:var(--portal-bg);max-width:100%;box-sizing:border-box}
.topbar-right{min-width:0;flex-shrink:1}
@media(min-width:981px) and (max-width:1380px){.topbar-right{flex-basis:100%;justify-content:flex-end}.main-navigation{margin-left:auto}}
.brand{font:500 24px/1.1 Georgia,serif;letter-spacing:1.3px;gap:10px}
.brand img{width:38px;height:38px;object-fit:contain}.brand-dot{display:none}
.topbar-right{gap:13px}.main-navigation{gap:21px}.main-navigation a{font-size:13px}
.main-navigation a.active{border-color:var(--portal-green)}
.button,.icon-button,input,select{border-radius:1px}.button.primary{background:var(--portal-green);border-color:var(--portal-green);color:var(--portal-bg)}
.button.primary:disabled{color:var(--portal-muted);background:var(--portal-panel);border-color:var(--portal-line)}
.page-heading h1{font:400 clamp(32px,4vw,46px)/1.12 Georgia,serif;text-transform:none;background:none;color:var(--portal-paper);padding:0;letter-spacing:-.6px}
.page-heading h1::before,.page-heading h1::after{display:none}
.page-heading p{color:var(--portal-muted)}
.text-link{color:var(--portal-paper);text-decoration:underline;text-underline-offset:5px;font-size:13px}
.welcome-page,.application-page{max-width:1360px;margin:auto}
.welcome-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr);align-items:center;gap:32px;padding:62px 52px 44px}
.welcome-hero h1{font:400 clamp(43px,5.5vw,72px)/1.05 Georgia,serif;letter-spacing:-1.8px;max-width:760px;margin:20px 0 24px}
.welcome-hero p{max-width:590px;font-size:16px;line-height:1.7;color:var(--portal-muted)}
.welcome-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}.welcome-actions .button{min-height:48px;padding:12px 20px;gap:20px}
.welcome-note,.welcome-hero .welcome-note{font-size:12px;line-height:1.6;color:var(--portal-muted);margin-top:17px}
.welcome-art{text-align:center}.welcome-art img{max-width:100%;width:340px;height:auto}
.welcome-section{padding:28px 52px 36px}.welcome-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.welcome-section h2{font:400 30px/1.2 Georgia,serif;margin:0}
.welcome-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--portal-line)}
.welcome-modes>a{padding:24px 24px 26px 0;display:block;color:inherit;text-decoration:none}
.welcome-modes>a+a{padding-left:24px;border-left:1px solid var(--portal-line)}
.welcome-modes .eyebrow{color:var(--portal-muted);font-size:11px}
.welcome-modes h3{font:400 25px/1.2 Georgia,serif;margin:13px 0}
.welcome-modes p{font-size:13px;color:var(--portal-muted);line-height:1.65;max-width:340px;margin:0}
.welcome-modes>a:hover h3{color:var(--portal-green)}
.welcome-install{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:32px;background:var(--portal-panel);border-left:2px solid var(--portal-green)}
.welcome-install h2{margin-top:15px}.welcome-install p{font-size:14px;color:var(--portal-muted);line-height:1.7;margin:16px 0 18px}
.welcome-install ol{counter-reset:step;list-style:none;margin:0;padding:0;display:grid;gap:23px;align-content:center}
.welcome-install li{display:flex;gap:18px;align-items:baseline;line-height:1.6}.welcome-install li::before{counter-increment:step;content:counter(step,decimal-leading-zero);color:var(--portal-green);font:400 23px Georgia,serif}
.welcome-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px 52px;border-top:1px solid var(--portal-line);font-size:11px;line-height:1.6;color:var(--portal-muted);margin-top:18px}
.application-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start;padding:52px}
.application-copy h1{font:400 clamp(36px,4.3vw,52px)/1.12 Georgia,serif;letter-spacing:-.8px;margin:18px 0 24px}
.application-copy>p{font-size:15px;line-height:1.75;color:var(--portal-muted)}
.application-copy .download-placeholder{margin-top:26px;min-height:45px;gap:18px;background:var(--portal-panel);color:var(--portal-muted);opacity:1}
.application-copy ul{padding-left:18px;font-size:13px;line-height:1.7;color:var(--portal-muted);display:grid;gap:11px;margin:27px 0}
.application-copy .welcome-note{font-size:12px;line-height:1.6;margin-top:13px}
.application-faq details{padding:18px 0;border-top:1px solid var(--portal-line)}.application-faq summary{font-size:14px;cursor:pointer}.application-faq p{font-size:13px;line-height:1.7;color:var(--portal-muted);margin:13px 0 0}
.application-preview{background:var(--portal-panel);border:1px solid var(--portal-line);box-shadow:0 16px 40px #0f140f}
.application-titlebar{display:flex;gap:9px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--portal-line);font-size:12px}.application-window-controls{margin-left:auto;color:var(--portal-muted);letter-spacing:7px}
.application-preview-body{padding:28px}.application-brand{display:flex;gap:13px;align-items:center;font:400 22px Georgia,serif;letter-spacing:1px;margin-bottom:36px}
.application-preview h2{font:400 32px/1.2 Georgia,serif;margin:0 0 16px}.application-preview p{font-size:13px;line-height:1.6;color:var(--portal-muted)}
.application-ready{font-size:12px;color:var(--portal-green);margin:25px 0}.application-example-button{display:block;text-align:center;background:var(--portal-green);color:var(--portal-bg);padding:14px;margin:26px 0;font-size:13px}
.application-example-links{display:flex;gap:20px;flex-wrap:wrap;text-decoration:underline;text-underline-offset:5px;font-size:12px;padding-bottom:23px;border-bottom:1px solid var(--portal-line)}
.application-example-diagnostics{font-size:12px;margin-top:18px}.application-preview .welcome-note{font-size:11px;margin-top:16px}
.mode-grid{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--portal-line)}
.mode-card.mode-row{display:flex;align-items:center;background:none;border:0;border-bottom:1px solid var(--portal-line);min-height:112px;padding:0;position:relative}
.mode-row .mode-card-main{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:18px;flex:1;min-width:0;padding:22px 54px 22px 0;text-decoration:none;color:inherit}
.mode-row .mode-symbol{width:26px;height:26px;color:var(--portal-green)}
.mode-row h2{font:400 26px/1.2 Georgia,serif;margin:0 0 7px}.mode-row p{font-size:13px;line-height:1.6;color:var(--portal-muted);margin:0}
.mode-row .mode-row-meta{font-size:11px;color:var(--portal-muted);text-align:right;max-width:160px;line-height:1.65}
.mode-row .favorite-button{top:50%;transform:translateY(-50%);right:4px}
.mode-row:hover h2{color:var(--portal-green)}
.catalog-application-note{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--portal-panel);padding:17px 20px;margin-top:24px;font-size:12px;color:var(--portal-muted)}
body[data-page=catalog] .portal{padding-top:0}
@media(max-width:1000px){.topbar{gap:18px;padding:19px 24px}.topbar-right{margin-left:auto}.main-navigation{gap:17px}.welcome-hero{padding:45px 32px 30px;gap:22px}.welcome-section{padding:25px 32px}.application-intro{padding:38px 32px;gap:30px}.welcome-footer{padding:22px 32px}.welcome-hero h1{font-size:56px}.mode-row .mode-card-main{grid-template-columns:26px minmax(0,1fr);gap:13px}.mode-row .mode-row-meta{grid-column:2;text-align:left;max-width:none}.mode-row h2{font-size:24px}}
@media(max-width:720px){.brand{font-size:21px}.brand img{width:32px;height:32px}.main-navigation{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.topbar-right{gap:9px}.connection-button{display:none}.welcome-hero{grid-template-columns:1fr .55fr;padding:34px 23px 25px;gap:15px}.welcome-hero h1{font-size:43px;letter-spacing:-.8px}.welcome-hero p{font-size:14px}.welcome-section{padding:23px}.welcome-section h2{font-size:26px}.welcome-modes{grid-template-columns:1fr}.welcome-modes>a,.welcome-modes>a+a{padding:20px 0;border-left:0}.welcome-modes>a+a{border-top:1px solid var(--portal-line)}.welcome-install{grid-template-columns:1fr;padding:23px;gap:25px}.welcome-footer{padding:22px 23px}.application-intro{grid-template-columns:1fr;padding:30px 23px}.application-preview-body{padding:23px}.welcome-actions{gap:19px}.catalog-application-note{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.topbar{padding:17px 18px}.topbar-right .icon-button{display:none}.topbar-right .button{font-size:11px;padding:7px 9px}.welcome-hero{grid-template-columns:1fr}.welcome-art{display:none}.welcome-hero h1{font-size:43px}.welcome-actions{align-items:stretch;flex-direction:column}.welcome-actions .text-link{align-self:flex-start}.welcome-section-heading{gap:12px}.mode-row .mode-card-main{padding-right:40px}.application-preview h2{font-size:28px}}