:root{--room-ui-bg:#f8fafbd9;--room-ui-border:#ffffffc9;--room-ui-shadow:0 6px 28px #26314012, inset 0 1px 0 #fff;--room-ui-blur:22px;--room-ui-radius-pill:99px;--room-ui-text:#304454;--room-ui-muted:#596f80;--room-ui-hover:#dde5ea;--room-ui-active:#304d61;--room-ui-focus:#376790;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#263140;background:#dbe2e6;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,summary{cursor:pointer}button{color:#263140;background:#fff;border:1px solid #72828c;border-radius:6px;padding:9px 15px}.room-app{--hud-edge:clamp(18px, 3vw, 44px);--dock-space:calc(96px + env(safe-area-inset-bottom,0px));height:100dvh;position:fixed;inset:0;overflow:hidden}.room-stage,.canvas-frame{width:100%;height:100%;position:absolute;inset:0}.canvas-frame canvas{touch-action:none;display:block}.page-header{top:max(24px, env(safe-area-inset-top));left:max(var(--hud-edge), env(safe-area-inset-left));right:max(var(--hud-edge), env(safe-area-inset-right));z-index:6;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute}.eyebrow{letter-spacing:2px;color:#657481;font-size:10px;font-weight:700}.page-header h1{letter-spacing:-1px;margin:6px 0 0;font-size:clamp(24px,2.2vw,32px);font-weight:500}.page-header h1 span{color:#697d9a}.page-footer{left:var(--hud-edge);z-index:6;pointer-events:none;font-size:12px;line-height:1.65;position:absolute;bottom:24px}.page-footer p{margin:0}.page-footer p span{color:#617180;font-size:10px}.page-footer button{pointer-events:auto}.room-app[data-scene-tone=night] :is(.page-header h1,.page-footer){color:#dce6ef}.room-app[data-scene-tone=night] :is(.eyebrow,.page-header h1 span,.page-footer p span){color:#a9bbcd}.load-overlay{z-index:2;background:#dbe2e6ed;place-items:center;display:grid;position:absolute;inset:0}.load-card{text-align:center;max-width:min(560px,92%);padding:30px}.load-card h2{font-size:20px;font-weight:500}.load-card p{font-size:12px;line-height:1.7}.load-card progress{accent-color:#5e7792;width:160px;height:4px}.error-detail{overflow-wrap:anywhere;max-height:35vh;overflow-y:auto}.debug-panel{z-index:25;background:#f9fbfdeb;border:1px solid #c7d0d8;border-radius:5px;max-width:340px;padding:8px 10px;font:10px/1.6 ui-monospace,monospace;position:absolute;top:108px;left:24px}.debug-panel div{max-height:45vh;overflow-y:auto}.debug-panel ul{padding-left:14px}.debug-panel li{margin:8px 0}.debug-panel p{margin:7px 0}@media (max-width:1100px){.page-footer{bottom:var(--dock-space);font-size:11px}.page-footer p span{display:none}}@media (max-width:600px){.page-header{top:max(16px, env(safe-area-inset-top));gap:10px}.page-header .eyebrow{display:none}.page-header h1{white-space:nowrap;font-size:23px}.page-footer{text-align:center;font-size:10px;left:0;right:0}.debug-panel{max-width:calc(100vw - 32px);font-size:9px;top:100px;left:16px}}.interaction-overlay{z-index:3;background:#f5f8fbf5;border:1px solid #c2cdd6;border-radius:9px;width:260px;max-height:calc(100% - 24px);padding:17px;position:absolute;top:12px;right:8px;overflow:auto;box-shadow:0 8px 25px #23334515}.overlay-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.overlay-heading h2{margin:0;font-size:17px;font-weight:500}.overlay-heading button{white-space:nowrap;min-height:44px;font-size:12px}.prototype-caption{letter-spacing:1.1px;color:#748392;margin:5px 0 18px;font-size:10px}.interaction-content{font-size:13px;line-height:1.7}.interaction-content span,.small-note{color:#6e7d8c;font-size:11px}.interaction-content button{min-height:44px}.interaction-overlay button:disabled{opacity:.5;cursor:default}.transition-status{color:#64788b;font-size:10px}.contact-placeholders{gap:14px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}:focus-visible{outline-offset:3px;outline:2px solid #376790}@media (max-width:600px){.interaction-overlay{width:100%;max-height:220px;padding:12px 14px;inset:auto 0 0}.prototype-caption{margin:2px 0 7px}.interaction-content p{margin:6px 0}.interaction-content{font-size:12px}.overlay-heading h2{font-size:16px}.debug-panel{max-width:260px}}.asset-fallback{color:#776044;font-size:10px}.asset-fallback button{min-height:44px;margin-left:6px;padding:4px 8px;font-size:10px}.room-stage>.interaction-overlay:not(.content-window){top:94px;right:var(--hud-edge);max-height:calc(100% - 94px - var(--dock-space))}@media (max-width:600px){.room-stage>.interaction-overlay:not(.content-window){width:auto;top:auto;left:16px;right:16px;bottom:var(--dock-space);border-radius:16px;max-height:min(240px,42dvh)}}.object-dock{z-index:24;left:50%;bottom:max(24px, env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 40px - env(safe-area-inset-left) - env(safe-area-inset-right));border:1px solid var(--room-ui-border);border-radius:var(--room-ui-radius-pill);background:var(--room-ui-bg);-webkit-backdrop-filter:blur(var(--room-ui-blur));box-shadow:var(--room-ui-shadow);pointer-events:auto;padding:6px;position:fixed;transform:translate(-50%)}.object-dock-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;border-radius:99px;flex-wrap:nowrap;gap:3px;max-width:100%;display:flex;overflow-x:auto}.object-dock-scroll::-webkit-scrollbar{display:none}.object-dock-item{color:#556673;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:99px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:11px 16px;font:12px/1.2 Arial,Helvetica,sans-serif;transition:color .16s,background-color .16s;display:inline-flex}.object-dock-item svg{stroke-width:1.6px;width:18px;height:18px}.object-dock-item:hover:not(:disabled){color:#263d50;background:var(--room-ui-hover)}.object-dock-item[aria-current=true]{background:var(--room-ui-active);color:#fff;box-shadow:0 2px 5px #26314016}.object-dock-item[aria-current=true]:hover{background:var(--room-ui-active);color:#fff}.object-dock-item:focus-visible{outline:2px solid var(--room-ui-focus);outline-offset:-3px}.object-dock-item[aria-current=true]:focus-visible{outline-color:#fff}.object-dock-item:disabled{opacity:.4;cursor:default}[data-device-host]:has(.object-dock){padding-bottom:calc(100px + env(safe-area-inset-bottom))}.room-app .page-footer{max-width:240px}@media (max-width:1400px){.room-app .page-footer{bottom:var(--dock-space);max-width:none}}@media (max-width:800px){.room-app .monitor-screen-projection{bottom:calc(96px + env(safe-area-inset-bottom))}}@media (max-width:600px){.object-dock{bottom:max(16px, env(safe-area-inset-bottom));max-width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:5px}.object-dock-item{min-height:46px;padding:11px 14px}}@media (max-height:500px){.page-footer{display:none}.object-dock{bottom:max(10px, env(safe-area-inset-bottom))}.page-header{top:max(12px, env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.object-dock-item{transition:none}}.room-language-control{z-index:26;right:max(var(--hud-edge), env(safe-area-inset-right));top:max(28px, env(safe-area-inset-top));color:var(--room-ui-text);position:fixed}@media (max-width:600px){.room-language-control{top:max(66px, env(safe-area-inset-top))}}.room-app:lang(en) .page-footer{bottom:var(--dock-space);max-width:calc(100vw - 2 * var(--hud-edge))}.room-language-control>[data-language-switcher]{background:var(--room-ui-bg);border-color:var(--room-ui-border);box-shadow:var(--room-ui-shadow);-webkit-backdrop-filter:blur(var(--room-ui-blur));backdrop-filter:blur(var(--room-ui-blur))}@media (min-width:480px) and (max-height:500px){.room-language-control{top:max(12px, env(safe-area-inset-top))}}
.reader-entry{color:#304157;white-space:nowrap;background:#f7f9fb;border-color:#bdc8d3;min-height:44px;font-size:12px}.reader-entry:disabled{opacity:.55;cursor:default}.canvas-input-suspended{pointer-events:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.interaction-overlay.content-window{--content-bg:#111822;--content-surface:#1c2531;--content-line:#34404e;--content-muted:#b1bccb;--content-ink:#f2f5fa;--content-accent:#dceaff;background:var(--content-bg);width:min(980px,100% - 144px);height:min(610px,100% - 110px);max-height:none;color:var(--content-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:1px solid #4b5869;border-radius:16px;flex-direction:column;padding:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;display:flex;position:absolute;inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 64px #10182638}.content-window button,.content-window a{font:inherit;min-height:44px;color:var(--content-ink);border:1px solid var(--content-line);background:0 0;border-radius:8px;padding:10px 16px;font-size:13px;text-decoration:none}.content-window button:hover,.content-window a:hover{background:#273446;border-color:#62758f}.content-window :focus-visible{outline-offset:3px;outline:2px solid #a8caff}.content-window h3:focus,.content-window .content-scroll:focus{outline:none}.content-window button:disabled{opacity:.5;cursor:default}.content-window-heading{border-bottom:1px solid var(--content-line);flex:none;gap:16px;min-height:70px;padding:14px 26px}.content-window-heading>div{align-items:center;gap:20px;min-width:0;display:flex}.content-window-heading h2{letter-spacing:.04em;font-size:16px;font-weight:500}.content-brand{letter-spacing:.06em;color:#f8faff;font-size:12px;font-weight:700}.content-window-heading button{flex:none;font-size:12px}.content-nav{border-bottom:1px solid #293441;flex-wrap:wrap;flex:none;align-items:center;gap:8px;min-height:58px;padding:7px 26px;display:flex}.content-nav button{color:#b7c1ce;border-color:#0000;padding:8px 16px;font-size:13px}.content-nav button[aria-current=page]{color:#f3f7ff;background:#2b3c51;border-color:#4b6482}.content-nav .content-back{margin-left:auto;font-size:12px}.content-scroll{overscroll-behavior:contain;touch-action:pan-y pinch-zoom;scrollbar-gutter:stable;overflow-wrap:anywhere;flex:1;min-height:0;padding:28px;line-height:1.75;overflow:auto}.content-state{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100%;padding:24px 12px 40px;display:flex}.content-kicker{color:#a5b8ce;letter-spacing:.07em;margin:0 0 14px;font-size:12px}.content-state h3{letter-spacing:-.025em;margin:0 0 18px;font-size:38px;font-weight:600;line-height:1.3}.content-state>p:last-child{color:var(--content-muted);max-width:40em;margin:0;font-size:14px;line-height:1.85}.content-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 24px;display:flex}.content-section-heading .content-kicker{width:100%;margin-bottom:3px}.content-section-heading h3{margin:0;font-size:27px;font-weight:600;line-height:1.3}.content-section-heading>p:not(.content-kicker){color:var(--content-muted);margin:0;font-size:12px}.content-transition{border-top:1px solid var(--content-line);color:var(--content-muted);flex:none;margin:0;padding:8px 26px;font-size:12px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-card{background:var(--content-surface);border:1px solid var(--content-line);border-radius:12px;min-width:0;overflow:hidden}.project-card-copy{flex-direction:column;align-items:flex-start;gap:12px;padding:22px;display:flex}.project-card h4{letter-spacing:-.02em;margin:0;font-size:19px;line-height:1.5}.project-card p{color:var(--content-muted);margin:0;font-size:13px;line-height:1.8}.project-card .project-open{background:var(--content-accent);color:#17283e;border-color:#dceaff;margin-top:5px;font-weight:600}.project-card .project-open:hover{color:#101d2d;background:#bed5f4}.project-status{color:#e0eafa;background:#354355;border-radius:5px;align-items:center;padding:3px 8px;font-size:11px;line-height:1.6;display:inline-flex}.status-completed{color:#bbebd9;background:#23453f}.status-in-progress{color:#c2dbff;background:#293e5b}.status-concept{color:#f3dfb8;background:#514636}.status-paused{color:#dddfe4;background:#3f4148}.project-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.project-tags li{color:#dce4ef;background:#253140;border:1px solid #465263;border-radius:5px;padding:4px 8px;font-size:11px;line-height:1.5}.project-image{background:#19222d;align-items:center;max-width:100%;margin:0;display:grid;overflow:hidden}.project-image img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.project-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-feature{grid-column:1/-1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;display:grid}.project-feature .project-image{align-self:stretch;aspect-ratio:auto!important}.project-feature .project-image img{object-fit:contain;height:100%}.project-feature .project-card-copy{padding:28px}.project-feature h4{font-size:28px}.project-card-text{display:block}.project-card-text.project-feature .project-card-copy{padding:36px}.content-window .all-projects{min-width:160px;margin:24px auto 0;display:block}.project-detail-intro{margin-bottom:30px}.project-detail-intro.has-cover{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.project-detail h3{letter-spacing:-.03em;margin:0 0 18px;font-size:30px;font-weight:600;line-height:1.4}.project-meta{color:var(--content-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.project-lead{color:#c2cbd8;margin:18px 0;font-size:15px;line-height:1.85}.project-links{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.project-prose{max-width:70ch}.project-section{border-top:1px solid #2e3946;margin-top:24px;padding-top:20px}.project-section h4{margin:0 0 12px;font-size:16px;font-weight:600}.project-section p{color:#bac5d4;margin:10px 0;font-size:14px;line-height:1.95}.project-gallery{gap:20px;margin-top:28px;display:grid}.project-gallery .project-image{border-radius:10px}.image-error{color:var(--content-muted);padding:24px;font-size:12px}.image-error p{margin:0 0 12px}.content-window[data-reader]{z-index:5;width:min(980px,100vw - 80px);height:min(680px,100dvh - 96px);position:fixed}@media (max-width:1023px){.interaction-overlay.content-window{width:calc(100% - 96px)}.content-scroll{padding:22px}.project-feature h4{font-size:24px}.project-feature .project-card-copy{padding:22px}.project-detail-intro.has-cover{grid-template-columns:1fr}.content-window[data-reader]{width:calc(100vw - 48px)}}@media (max-width:600px){.reader-entry{padding:8px 11px;font-size:11px}.interaction-overlay.content-window{border-radius:13px 13px 9px 9px;width:100%;height:min(60dvh,50cqh + 33.333cqw - 72px);inset:auto 0 0;transform:none}.content-window-heading{gap:8px;min-height:60px;padding:9px 14px}.content-window-heading>div{gap:12px}.content-window-heading h2{font-size:14px}.content-brand{font-size:10px}.content-window-heading button{padding:8px 12px;font-size:12px}.content-nav{gap:4px;min-height:56px;padding:6px 12px}.content-nav button{padding:8px 12px;font-size:12px}.content-nav .content-back{margin-left:0}.content-scroll{padding:20px 16px}.content-state{padding:12px 4px 20px}.content-state h3{margin-bottom:14px;font-size:28px}.content-state>p:last-child{font-size:13px}.content-section-heading h3{font-size:23px}.project-grid,.project-features,.project-feature{grid-template-columns:1fr}.project-feature h4{font-size:24px}.project-card-copy,.project-feature .project-card-copy,.project-card-text.project-feature .project-card-copy{padding:20px}.project-detail h3{font-size:25px}.content-transition{padding:6px 16px;font-size:11px}.content-window[data-reader]{width:auto;height:auto;padding-bottom:env(safe-area-inset-bottom);border-radius:13px;position:fixed;inset:24px 12px;transform:none}}@media (max-height:540px){.interaction-overlay.content-window{width:auto;height:auto;position:fixed;inset:16px 24px;transform:none}.content-window-heading{min-height:56px;padding-block:6px}.content-nav{min-height:50px;padding-block:2px}.content-scroll{padding:16px 22px}.content-state h3{font-size:26px}}@media (prefers-reduced-motion:reduce){.content-window *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.device-screen-html{backface-visibility:hidden;background:#111822;border-radius:4px;overflow:hidden;container:device-screen/inline-size}.device-screen-content{-webkit-user-select:text;user-select:text;width:100%;height:100%;overflow:hidden}.interaction-overlay.content-window[data-presentation=screen]{width:100%;height:100%;max-height:none;box-shadow:none;border:0;border-radius:0;padding:0;position:relative;inset:auto;transform:none}.device-screen-html .content-window-heading{gap:8px;min-height:50px;padding:3px 14px}.device-screen-html .content-window-heading>div{gap:12px}.device-screen-html .content-window-heading h2{letter-spacing:0;font-size:16px}.device-screen-html .content-brand{font-size:10px}.device-screen-html .content-window-heading button{min-height:44px;padding:8px 10px;font-size:12px}.device-screen-html .content-nav{flex-wrap:nowrap;gap:4px;min-height:48px;padding:2px 10px}.device-screen-html .content-nav button{white-space:nowrap;min-height:44px;padding:8px 10px;font-size:12px}.device-screen-html .content-scroll{padding:16px 20px}.device-screen-html .content-state{min-height:100%;padding:0}.device-screen-html .content-state .content-kicker{display:none}.device-screen-html .content-state h3{margin:0 0 8px;font-size:26px}.device-screen-html .content-state>p:last-child{font-size:14px;line-height:1.7}.device-screen-html .content-section-heading{margin-bottom:14px}.device-screen-html .content-section-heading h3{font-size:22px}.device-screen-html .content-kicker{margin-bottom:6px;font-size:11px}.device-screen-html .project-card-copy,.device-screen-html .project-feature .project-card-copy,.device-screen-html .project-card-text.project-feature .project-card-copy{gap:10px;padding:16px}.device-screen-html .project-card h4,.device-screen-html .project-feature h4{font-size:20px}.device-screen-html .project-card p{font-size:13px}.device-screen-html .project-grid,.device-screen-html .project-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.device-screen-html .project-feature{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.device-screen-html .project-detail-intro.has-cover{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px}.device-screen-html .project-detail h3{font-size:24px}.device-screen-html .project-section{margin-top:18px;padding-top:16px}.device-screen-html .project-section p{font-size:14px}.device-screen-html .content-transition{padding:4px 14px;font-size:11px}.screen-unavailable p{font-size:14px;line-height:1.7}@container device-screen (max-width:500px){.device-screen-html .content-brand{display:none}.device-screen-html .content-window-heading{padding-inline:10px}.device-screen-html .content-window-heading h2{font-size:14px}.device-screen-html .content-nav{gap:0;padding-inline:6px}.device-screen-html .content-nav button{padding-inline:7px;font-size:11px}.device-screen-html .content-scroll{padding:12px}.device-screen-html .content-state h3{font-size:21px}.device-screen-html .content-state>p:last-child{font-size:13px}.device-screen-html .content-section-heading .content-kicker{display:none}.device-screen-html .project-grid,.device-screen-html .project-features,.device-screen-html .project-feature,.device-screen-html .project-detail-intro.has-cover{grid-template-columns:1fr}.device-screen-html .project-card h4,.device-screen-html .project-feature h4{font-size:18px}.device-screen-html .project-detail h3{font-size:21px}.device-screen-html .project-card-copy{padding:12px}.device-screen-html .project-meta{font-size:11px}.device-screen-html .project-lead,.device-screen-html .project-section p{font-size:13px}}.interaction-overlay.content-window[data-presentation=screen]{-webkit-backdrop-filter:none;backdrop-filter:none}.device-screen-html .content-brand{display:none}.device-screen-html .content-window-heading{height:50px;min-height:50px;padding:3px 10px}.device-screen-html .content-window-heading h2{font-size:14px}.device-screen-html .content-nav{z-index:1;border:0;gap:2px;height:48px;min-height:48px;padding:0;position:absolute;top:1px;left:95px;right:86px}.device-screen-html .content-nav button{padding-inline:7px}.device-screen-html .content-nav:has(.content-back)>button:not(.content-back){display:none}.device-screen-html .content-nav .content-back{margin-left:0}.device-screen-html .content-scroll{flex:1}@container device-screen (max-width:450px){.device-screen-html .content-window-heading>div:first-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.device-screen-html .content-window-heading{justify-content:flex-end}.device-screen-html .content-nav{left:6px;right:88px}.device-screen-html .content-nav button{padding-inline:6px;font-size:11px}.device-screen-html .content-scroll{padding:10px 12px}}.monitor-screen-projection{transform-origin:0 0;z-index:4;pointer-events:auto;position:absolute;top:0;left:0;overflow:clip}.canvas-frame:has(.monitor-screen-projection){position:relative;overflow:clip}.device-screen-content,.content-window[data-presentation=screen]{overflow:clip}.device-screen-html .project-grid .project-card{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:14px;padding:14px;display:grid}.device-screen-html .project-grid .project-card.project-card-text{display:block}.device-screen-html .project-grid .project-card-copy{gap:8px;padding:0}.device-screen-html .project-grid .project-image{border-radius:6px;aspect-ratio:1!important}.device-screen-html .project-grid .project-card h4{font-size:17px;line-height:1.45}.device-screen-html .project-grid .project-card p{font-size:12px;line-height:1.65}@container device-screen (max-width:500px){.device-screen-html .project-grid .project-card{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:12px}.device-screen-html .project-grid .project-card h4{font-size:16px}}.content-window-heading{flex-wrap:wrap}.content-window-heading>div:first-child{margin-right:auto}.standalone-heading{flex-wrap:wrap;gap:16px}@media (max-width:480px){.standalone-heading h1{margin:0}.standalone-heading>a{flex-basis:100%}}.device-screen-html .content-nav{right:276px}.content-window-heading>[data-language-switcher]{gap:0}.content-window-heading>[data-language-switcher] button{border:0;border-radius:999px;padding:8px}@container device-screen (max-width:650px){.device-screen-html .content-window-heading{align-items:flex-start;height:100px;min-height:100px}.device-screen-html .content-nav{top:51px;left:10px;right:10px}}
.monitor-entry{--monitor-ink:#eef4fb;--monitor-muted:#b7c8da;--monitor-line:#54708b;--monitor-blue:#2e7cf6;width:100%;height:100%;color:var(--monitor-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:linear-gradient(155deg,#24475f 0%,#122d43 46%,#07131f 100%);flex-direction:column;font:15px/1.5 Arial,PingFang SC,Microsoft YaHei,sans-serif;display:flex;position:relative;overflow:hidden}.monitor-entry button{font:inherit;color:inherit;border:1px solid var(--monitor-line);touch-action:manipulation;background:#14283bc7;border-radius:11px;min-width:44px;min-height:44px}.monitor-entry button:hover:not(:disabled){background:#2d4965;border-color:#90b5dc}.monitor-entry :focus-visible{outline-offset:3px;outline:2px solid #b8d8ff}.monitor-entry button:disabled{cursor:default}.monitor-entry-header{z-index:1;flex:none;align-items:center;gap:16px;min-height:68px;padding:12px 24px;display:flex}.monitor-os{letter-spacing:.025em;font-size:16px;font-weight:600}.monitor-clock{color:#d5e2ee;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.monitor-exit{margin-left:auto;padding:8px 12px;font-size:12px!important}.monitor-clock+.monitor-exit{margin-left:0}.monitor-entry-scroll{overscroll-behavior:contain;touch-action:pan-y pinch-zoom;scrollbar-gutter:stable both-edges;flex-direction:column;flex:1;min-height:0;padding:20px 30px;display:flex;overflow:auto}.monitor-identity{text-align:center;width:100%;margin:auto;padding:12px 0 30px}.monitor-identity h2{margin:0 0 12px;font-size:clamp(23px,3.6cqw,34px);font-weight:500;line-height:1.3}.monitor-subtitle{color:var(--monitor-muted);margin:0;font-size:16px}.monitor-entry-choices{grid-template-columns:repeat(2,minmax(0,280px));justify-content:center;gap:28px;margin:36px auto 0;display:grid}.monitor-entry-choices button{background:#284259bd;border:1px solid #7494b2;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:170px;padding:24px 16px;display:flex;box-shadow:inset 0 1px #ffffff12}.monitor-entry-choices svg{width:38px;height:38px;margin-bottom:8px}.monitor-entry-choices strong{font-size:22px;font-weight:600}.monitor-entry-choices span{color:#c7d6e5;font-size:14px}.monitor-entry-footer{color:var(--monitor-muted);flex:none;padding:8px 26px 22px;font-size:13px}.monitor-boot{background:#050b11}.monitor-boot .monitor-entry-header{justify-content:flex-end}.monitor-boot-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:10px 20px 34px;display:flex;overflow:auto}.monitor-signature{color:#f2f6fd;text-shadow:0 0 16px #91c6ff80;white-space:nowrap;margin:0 0 26px;font:400 clamp(40px,7.8cqw,76px)/1.3 Brush Script MT,Segoe Script,Apple Chancery,cursive}.monitor-boot-body>p{color:#acc6df;margin:0 0 16px;font-size:15px}.monitor-boot-track{background:#1b3550;border-radius:10px;width:min(390px,65%);height:5px;overflow:hidden;box-shadow:0 0 9px #439bff25}.monitor-boot-track span{border-radius:inherit;background:#afd6ff;width:45%;height:100%;animation:1.1s ease-in-out infinite paused monitor-startup;display:block;box-shadow:0 0 10px #67b2ff}.monitor-boot-track[data-running=true] span{animation-play-state:running}.monitor-boot-body .monitor-boot-motto{letter-spacing:.12em;color:#8da9c4;margin:22px 0 8px;font-size:12px}.monitor-entry .monitor-skip{color:#a5bdd6;background:0 0;border-color:#0000;font-size:12px}.monitor-password{background:linear-gradient(155deg,#1b354c,#091521 88%)}.monitor-password-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14283ad9;border:1px solid #536f8980;border-radius:16px;flex-direction:column;flex:none;width:min(100%,390px);margin:auto;padding:26px 32px 18px;display:flex;box-shadow:0 20px 60px #0002}.monitor-password-icon{width:36px;height:36px;margin:0 auto 14px}.monitor-password-card h2{text-align:center;margin:0 0 10px;font-size:23px;font-weight:600;line-height:1.4}.monitor-password-card h2:focus{outline:none}.monitor-password-card p{color:#c4d4e4;text-align:center;margin:0 0 20px;font-size:14px}.monitor-password-card label{color:#c4d4e4;margin:0 0 8px;font-size:13px}.monitor-password-field{background:#0d1c2b;border:1px solid #456079;border-radius:11px;align-items:center;display:flex;overflow:hidden}.monitor-password-field input{width:100%;min-width:0;min-height:46px;font:inherit;color:#d1dfed;background:0 0;border:0;padding:10px 12px;font-size:16px;line-height:1.5}.monitor-password-field button{background:0 0;border:0;flex:none;padding:10px}.monitor-password-field svg{width:22px;height:22px;display:block}.monitor-password-card .monitor-login{color:#d0e0fa;opacity:.65;background:#2365c8;border-color:#3779d7;min-height:46px;margin-top:16px}.monitor-password-card .monitor-return-entry{color:#bdcfe2;background:0 0;border-color:#0000;margin-top:12px;font-size:14px}.monitor-visitor-session{width:100%;height:100%}@keyframes monitor-startup{0%{transform:translate(-40%)}to{transform:translate(160%)}}@container device-screen (max-width:650px){.monitor-entry-header{gap:10px;min-height:60px;padding:8px 18px}.monitor-os{font-size:13px}.monitor-clock{font-size:11px}.monitor-entry-scroll{padding:14px 20px}.monitor-identity{padding:6px 0 12px}.monitor-entry-choices{gap:20px;margin-top:24px}.monitor-entry-choices button{gap:5px;min-height:138px;padding:14px 10px}.monitor-entry-choices svg{width:30px;height:30px;margin-bottom:4px}.monitor-entry-choices strong{font-size:20px}.monitor-entry-choices span{font-size:13px}.monitor-subtitle{font-size:14px}.monitor-entry-footer{padding:6px 20px 14px}.monitor-password-card{padding:18px 28px 12px}.monitor-password-icon{width:30px;height:30px;margin-bottom:8px}.monitor-password-card p{margin-bottom:12px}}@media (max-width:800px){.room-stage:has(.monitor-screen-projection){container-type:normal}.canvas-frame:has(.monitor-screen-projection){width:100%}.monitor-screen-projection{z-index:20;border-radius:14px;position:fixed;inset:12px;box-shadow:0 18px 80px #0007;visibility:visible!important;width:auto!important;height:auto!important;transform:none!important}.monitor-entry-header{padding:14px 20px}.monitor-entry-scroll{padding:24px}.monitor-identity h2{font-size:29px}.monitor-entry-choices{margin-top:34px}.monitor-entry-choices button{min-height:180px}.monitor-entry-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}.monitor-password-card{width:min(100%,420px);padding:32px}.monitor-boot-body{padding-bottom:60px}.monitor-signature{font-size:64px}}@media (max-width:520px){.monitor-screen-projection{border-radius:12px;inset:8px}.monitor-entry-header{flex-wrap:wrap;gap:6px;padding:12px 14px}.monitor-os{font-size:13px}.monitor-clock{text-align:right;order:3;width:100%;margin-left:auto;font-size:11px}.monitor-clock+.monitor-exit{margin-left:auto}.monitor-entry-scroll{padding:18px 16px}.monitor-identity{padding:10px 0 22px}.monitor-identity h2{max-width:280px;margin:0 auto 14px;font-size:24px}.monitor-entry-choices{grid-template-columns:minmax(0,290px);gap:16px;margin-top:28px}.monitor-entry-choices button{min-height:150px;padding:18px}.monitor-entry-choices strong{font-size:22px}.monitor-entry-choices svg{width:34px;height:34px}.monitor-subtitle{font-size:14px}.monitor-entry-footer{padding:12px 22px max(20px,env(safe-area-inset-bottom));font-size:12px}.monitor-password-card{padding:28px 22px 18px}.monitor-password-card h2{font-size:24px}.monitor-signature{font-size:46px}.monitor-boot-track{width:80%}}@media (prefers-reduced-motion:reduce){.monitor-entry *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (min-width:801px){.monitor-entry-header{min-height:56px;padding:6px 20px}.monitor-entry-scroll{padding:8px 24px}.monitor-identity{padding:0}.monitor-identity h2{margin-bottom:8px;font-size:26px}.monitor-subtitle{font-size:14px}.monitor-entry-choices{gap:24px;margin-top:22px}.monitor-entry-choices button{gap:5px;min-height:136px;padding:14px 12px}.monitor-entry-choices svg{width:30px;height:30px;margin-bottom:4px}.monitor-entry-choices strong{font-size:20px}.monitor-entry-choices span{font-size:13px}.monitor-entry-footer{padding:8px 20px 12px}.monitor-password-card{width:min(100%,360px);padding:12px 26px 8px}.monitor-password-icon{width:26px;height:26px;margin-bottom:4px}.monitor-password-card h2{margin-bottom:6px;font-size:21px}.monitor-password-card p{margin-bottom:10px;font-size:13px}.monitor-password-card label{margin-bottom:4px;font-size:12px}.monitor-password-field input{min-height:44px}.monitor-password-card .monitor-login{min-height:44px;margin-top:12px}.monitor-password-card .monitor-return-entry{margin-top:4px}}.monitor-wallpaper{pointer-events:none;z-index:0;position:absolute;inset:0}.monitor-wallpaper img{object-fit:cover;object-position:50% 55%;width:100%;height:100%;display:block}.monitor-wallpaper:after{content:"";background:#05132138;position:absolute;inset:0}.monitor-password .monitor-wallpaper:after{background:#05132158}.monitor-entry-scroll,.monitor-boot-body,.monitor-entry-footer{z-index:1;position:relative}.monitor-wordmark{aspect-ratio:615/147;justify-content:center;align-items:center;width:min(66%,460px);margin-bottom:26px;display:flex}.monitor-wordmark img{filter:drop-shadow(0 0 8px #91c6ff55);width:100%;height:auto;display:block}.monitor-password-card .monitor-login:not(:disabled){opacity:1;color:#fff}.monitor-admin{background:linear-gradient(155deg,#1b354c,#091521 88%)}@media (max-width:520px){.monitor-wordmark{width:90%}}