/* Tool rooms / intentional palettes and layouts, shared accessible controls. */
body.room27[data-tool27][data-theme]{--paper27:#f4f3ef;--surface27:#ffffff;--ink27:#182626;--muted27:#536364;--line27:#cdd7d4;--accent27:#145d66;--soft27:#e3f0ee;--on27:#fff;--shadow27:0 16px 50px #19342e09;--bg:var(--paper27);--panel:var(--surface27);--text:var(--ink27);--muted:var(--muted27);--line:var(--line27);--accent:var(--accent27);--light:var(--accent27);margin:0;min-width:0;background:var(--paper27)!important;color:var(--ink27)!important;font:15px/1.6 Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:clip;color-scheme:light}
body.room27[data-tool27][data-theme][data-tool27=files]{--accent27:#125e86;--soft27:#e2eff7}body.room27[data-tool27][data-theme][data-tool27=clipboard]{--accent27:#71501b;--soft27:#f6edda}body.room27[data-tool27][data-theme][data-tool27=quiz]{--accent27:#6546a3;--soft27:#eee8f9}body.room27[data-tool27][data-theme][data-tool27=focus]{--accent27:#2f6550;--soft27:#e3eee4}body.room27[data-tool27][data-theme][data-tool27=board]{--accent27:#9b4030;--soft27:#f9e9e1}body.room27[data-tool27][data-theme][data-tool27=beyond]{--accent27:#3c508c;--soft27:#e6eafa}body.room27[data-tool27][data-theme][data-tool27=playground]{--accent27:#1c626e;--soft27:#e0eff2}body.room27[data-tool27][data-theme][data-tool27=agents]{--accent27:#76407d;--soft27:#f0e5f2}body.room27[data-tool27][data-theme][data-tool27=developer]{--accent27:#314e88;--soft27:#e6ecf7}body.room27[data-tool27][data-theme][data-tool27=monitor]{--accent27:#156e68;--soft27:#e1f1ed}body.room27[data-tool27][data-theme][data-tool27=screen]{--accent27:#68522d;--soft27:#f3ecdf}body.room27[data-tool27][data-theme][data-tool27=machine]{--accent27:#664d91;--soft27:#ede7f4}body.room27[data-tool27][data-theme][data-tool27=capsule]{--accent27:#865237;--soft27:#f5e9dc}body.room27[data-tool27][data-theme][data-tool27=career]{--accent27:#256345;--soft27:#e6f0e2}body.room27[data-tool27][data-theme][data-tool27=rules]{--accent27:#465c74;--soft27:#e8eef4}body.room27[data-tool27][data-theme][data-tool27=os]{--accent27:#3e4f9c;--soft27:#e7eafa}
body.room27[data-tool27][data-theme]:is([data-theme=dark],[data-theme=black]){--paper27:#111819;--surface27:#1b2527;--ink27:#eff3f1;--muted27:#b2c4c5;--line27:#3b5052;--accent27:#90dbd3;--soft27:#233b3d;--on27:#092a2a;--shadow27:0 16px 45px #0003;color-scheme:dark}
body.room27[data-tool27][data-theme]:is([data-theme=dark],[data-theme=black]):is([data-tool27=quiz],[data-tool27=machine],[data-tool27=agents]){--accent27:#d2b5f4;--soft27:#332a48;--on27:#271a37}body.room27[data-tool27][data-theme]:is([data-theme=dark],[data-theme=black]):is([data-tool27=capsule],[data-tool27=screen],[data-tool27=clipboard]){--accent27:#efc18c;--soft27:#3a3025;--on27:#38220c}body.room27[data-tool27][data-theme]:is([data-theme=dark],[data-theme=black]):is([data-tool27=board]){--accent27:#ffb39d;--soft27:#412e29;--on27:#3c1b11}body.room27[data-tool27][data-theme]:is([data-theme=dark],[data-theme=black]):is([data-tool27=career],[data-tool27=focus]){--accent27:#abd3a4;--soft27:#293c2d;--on27:#19321c}
body.room27[data-tool27][data-theme] *{box-sizing:border-box}body.room27[data-tool27][data-theme] [hidden]{display:none!important}body.room27[data-tool27][data-theme] .legacy-nav27{display:none!important}
body.room27[data-tool27][data-theme] .room-nav27{min-height:78px;display:flex;align-items:center;gap:28px;padding:14px max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line27);background:var(--paper27);position:relative;z-index:80;color:var(--ink27)}.room-home27{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink27)!important}.room-home27>span{display:grid;place-items:center;width:35px;height:39px;border:1px solid var(--accent27);border-radius:12px 4px 12px 4px;color:var(--accent27);font:26px Georgia}.room-home27 b{font-size:16px;line-height:1.25}.room-home27 small{display:block;font-size:8px;letter-spacing:.2em;color:var(--muted27);margin-top:3px}.room-crumb27{font-size:12px;color:var(--muted27);flex:1}.room-switch27{position:relative;margin:0!important}.room-switch27>summary{display:flex;align-items:center;gap:9px;list-style:none;border:1px solid var(--line27);border-radius:12px;padding:9px 12px;font-size:12px;font-weight:600;cursor:pointer;background:var(--surface27)}.room-switch27>summary::-webkit-details-marker{display:none}.room-switch27 svg,.room-menu27 svg{width:19px;height:19px;flex:none}.room-switch27 i{font-style:normal;transition:transform .22s}.room-switch27[open] i{transform:rotate(180deg)}.room-menu27{position:absolute;right:0;top:calc(100% + 12px);width:620px;max-width:calc(100vw - 32px);max-height:68dvh;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:var(--surface27);border:1px solid var(--line27);border-radius:18px;padding:23px;box-shadow:0 24px 75px #0003;animation:room-enter27 .22s ease both}.room-menu27 section>b{display:block;color:var(--muted27);font-size:9px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}.room-menu27 a{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink27)!important;border-radius:8px;padding:8px 6px;text-decoration:none}.room-menu27 a:hover,.room-menu27 [aria-current]{background:var(--soft27);color:var(--accent27)!important}
body.room27[data-tool27][data-theme] main.room-main27{width:100%;max-width:1320px;margin:0 auto!important;padding:30px 28px 88px;min-width:0;display:block}body.room27[data-tool27][data-theme] .room-hero27{position:relative;isolation:isolate;display:grid!important;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:center;background:transparent!important;border:0!important;border-radius:0!important;padding:18px 0 30px!important;overflow:visible;box-shadow:none!important;margin:0!important;min-height:230px}body.room27[data-tool27][data-theme] .room-hero27>div:first-child{max-width:760px}body.room27[data-tool27][data-theme] .room-hero27 h1{color:var(--ink27)!important;font:400 clamp(34px,4.4vw,60px)/1.08 Georgia,ui-serif,serif!important;letter-spacing:-.045em!important;margin:14px 0!important;text-wrap:balance;max-width:760px}body.room27[data-tool27][data-theme] .room-hero27 h1 em{color:var(--accent27);font-weight:inherit}body.room27[data-tool27][data-theme] .room-hero27 :is(small,.eyebrow){font:700 10px/1.5 system-ui!important;letter-spacing:.14em;color:var(--accent27)!important;text-transform:uppercase}body.room27[data-tool27][data-theme] .room-hero27 p{max-width:600px;font:15px/1.8 system-ui!important;color:var(--muted27)!important;margin:15px 0 0}.room-art27{width:210px;height:200px;position:relative;display:grid;place-content:center;justify-self:end;background:var(--soft27);border:1px solid var(--line27);border-radius:48% 48% 18% 18%;color:var(--accent27);overflow:hidden;transform:rotate(4deg)}.room-art27>span{position:relative;display:grid;place-content:center;width:92px;height:92px;background:var(--surface27);box-shadow:var(--shadow27);border:1px solid var(--line27);border-radius:20px;transform:rotate(-10deg)}.room-art27 svg{width:53px;height:53px}.room-art27 i{font:600 9px system-ui;letter-spacing:.12em;text-transform:uppercase;position:absolute;bottom:18px;width:100%;text-align:center}.art-orbit27{position:absolute;width:170px;height:170px;top:10px;left:20px;border:1px dashed currentColor;border-radius:100%;opacity:.3;animation:room-orbit27 60s linear infinite}
body.room27[data-tool27][data-theme] .room-steps27{list-style:none;margin:0 0 28px;padding:15px 0 18px;border-top:1px solid var(--line27);border-bottom:1px solid var(--line27);display:grid;grid-template-columns:repeat(3,1fr);gap:20px;color:var(--muted27);font-size:12px}.room-steps27 li{display:flex;gap:10px;align-items:center}.room-steps27 b{font:13px ui-monospace,monospace;color:var(--accent27);font-variant-numeric:tabular-nums}
body.room27[data-tool27][data-theme] :is(.panel,.card,.room-card27,.studio-input,.tool-options,.tool-api,.stats>div,.row,.result,.snippet,.agent-card,.room-card,.item,.entry,.checkpoint,.note-card,.metric){background:var(--surface27)!important;color:var(--ink27)!important;border-color:var(--line27)!important;box-shadow:none}body.room27[data-tool27][data-theme] :is(.panel,.card,.room-card27){border:1px solid var(--line27);border-radius:18px;padding:24px;min-width:0;animation:room-enter27 .35s both;animation-delay:calc(var(--card-order27,0)*25ms)}body.room27[data-tool27][data-theme] .room-card27 .room-card27{animation:none;padding:18px}body.room27[data-tool27][data-theme] :is(h2,h3,h4,strong,b,output){color:var(--ink27)}body.room27[data-tool27][data-theme] h2{font-size:21px;line-height:1.3;letter-spacing:-.025em}body.room27[data-tool27][data-theme] :is(p,label,.muted,.fine,.foot,.sub,.tool-note){color:var(--muted27)}body.room27[data-tool27][data-theme] p{line-height:1.75}body.room27[data-tool27][data-theme] :is(a,small,summary){color:var(--accent27)}body.room27[data-tool27][data-theme] :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent27)!important;outline-offset:3px!important}body.room27[data-tool27][data-theme] :is(button,.button){font:600 13px/1.35 system-ui!important;min-height:41px;border:1px solid var(--line27)!important;border-radius:10px!important;background:var(--surface27)!important;color:var(--ink27)!important;padding:10px 14px;box-shadow:none!important;cursor:pointer;touch-action:manipulation;transition:transform .15s,background-color .18s,border-color .18s,box-shadow .18s;max-width:100%;overflow-wrap:anywhere}body.room27[data-tool27][data-theme] button:hover{transform:translateY(-1px);border-color:var(--accent27)!important;background:var(--soft27)!important;box-shadow:0 4px 12px #17292a0c!important}body.room27[data-tool27][data-theme] button:active{transform:translateY(0) scale(.97)}body.room27[data-tool27][data-theme] :is(button.primary,button.active,button[aria-pressed=true],.tabs25 button.active,.segments button.active){background:var(--accent27)!important;color:var(--on27)!important;border-color:var(--accent27)!important}body.room27[data-tool27][data-theme] button:disabled{opacity:.55;transform:none;cursor:not-allowed}body.room27[data-tool27][data-theme] button svg{max-width:22px;max-height:22px}body.room27[data-tool27][data-theme] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font:15px/1.5 system-ui!important;border:1px solid var(--line27)!important;border-radius:10px!important;background:var(--paper27)!important;color:var(--ink27)!important;min-width:0;max-width:100%;padding:12px!important;box-shadow:none!important}body.room27[data-tool27][data-theme] input::placeholder,body.room27[data-tool27][data-theme] textarea::placeholder{color:var(--muted27)!important;opacity:.9}body.room27[data-tool27][data-theme] :is(select,option){background:var(--surface27)!important;color:var(--ink27)!important}body.room27[data-tool27][data-theme] select{min-height:46px}body.room27[data-tool27][data-theme] input[type=checkbox]{accent-color:var(--accent27);width:17px;height:17px}body.room27[data-tool27][data-theme] :is(.output,pre,.preview,.upload){color:var(--ink27)!important;background:var(--paper27)!important;border-color:var(--line27)!important}body.room27[data-tool27][data-theme] pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}body.room27[data-tool27][data-theme] :is(.chip,.badges span,.tag,.pill){background:var(--soft27)!important;color:var(--accent27)!important;border-color:var(--line27)!important}body.room27[data-tool27][data-theme] .notice,body.room27[data-tool27][data-theme] [role=status]{color:var(--muted27)!important;line-height:1.6}body.room27[data-tool27][data-theme] :is(.error,.notice.error){color:#aa2e2b!important}body.room27[data-tool27][data-theme]:is([data-theme=dark],[data-theme=black]) :is(.error,.notice.error){color:#ffb7ae!important}body.room27[data-tool27][data-theme] .layout,body.room27[data-tool27][data-theme] .grid,body.room27[data-tool27][data-theme] .grid2,body.room27[data-tool27][data-theme] .columns{gap:22px;min-width:0}body.room27[data-tool27][data-theme] :is(.inline,.actions,.tool-options){gap:9px;flex-wrap:wrap}body.room27[data-tool27][data-theme] meter,body.room27[data-tool27][data-theme] progress{accent-color:var(--accent27)}
/* Distinct working areas */
body.room27[data-tool27][data-theme][data-tool27=files] .tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}body.room27[data-tool27][data-theme][data-tool27=files] .tool-grid button{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:100px;padding:17px!important}body.room27[data-tool27][data-theme] .tool-grid button small{font-size:9px;font-weight:700;letter-spacing:.1em;padding:5px 7px;border:1px solid var(--line27);border-radius:5px;color:var(--accent27)}body.room27[data-tool27][data-theme][data-tool27=files] .upload{padding:35px 22px;border:1.5px dashed var(--accent27);border-radius:14px;text-align:center}body.room27[data-tool27][data-theme][data-tool27=files] .preview{min-height:220px}body.room27[data-tool27][data-theme][data-tool27=clipboard] .layout{grid-template-columns:340px minmax(0,1fr)}body.room27[data-tool27][data-theme][data-tool27=clipboard] .row{border-radius:12px;border-left:3px solid var(--accent27);padding:18px}body.room27[data-tool27][data-theme][data-tool27=clipboard] #content{min-height:200px}body.room27[data-tool27][data-theme][data-tool27=quiz] .grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.room27[data-tool27][data-theme][data-tool27=quiz] #question{font-size:22px;line-height:1.7}body.room27[data-tool27][data-theme][data-tool27=quiz] .choice{border-left:3px solid var(--line27)!important;text-align:left;min-height:56px}body.room27[data-tool27][data-theme][data-tool27=quiz] .choice:hover{border-left-color:var(--accent27)!important}body.room27[data-tool27][data-theme][data-tool27=focus] .timer-panel{background:var(--soft27)!important;border:0!important;border-radius:28px;padding:32px}body.room27[data-tool27][data-theme][data-tool27=focus] #clock{font:500 clamp(72px,10vw,138px)/1.3 ui-sans-serif,system-ui!important;letter-spacing:-.07em;text-shadow:none;color:var(--ink27);font-variant-numeric:tabular-nums}body.room27[data-tool27][data-theme][data-tool27=focus] .progress{background:var(--line27);height:5px}body.room27[data-tool27][data-theme][data-tool27=focus] .progress span{background:var(--accent27)}body.room27[data-tool27][data-theme][data-tool27=focus] .ambient{margin-top:24px;border-color:var(--line27)}body.room27[data-tool27][data-theme][data-tool27=focus] #start{flex:1}body.room27[data-tool27][data-theme][data-tool27=focus] .stats div{padding:15px 5px;border:0;background:var(--paper27)!important}body.room27[data-tool27][data-theme][data-tool27=board] .board-coach27{background:var(--soft27);border:1px solid var(--line27);border-radius:14px;padding:17px 22px;margin-bottom:16px;display:flex;align-items:center;gap:25px}.board-coach27 b{min-width:180px;font-size:14px}.board-coach27 p{font-size:12px;margin:0}body.room27[data-tool27][data-theme][data-tool27=board] .board-shell{border:1px solid var(--line27);border-radius:16px;overflow:hidden;background:var(--surface27)}body.room27[data-tool27][data-theme][data-tool27=board] #canvas{background-color:var(--paper27)!important;background-image:radial-gradient(var(--line27) 1px,transparent 1px);background-size:20px 20px}body.room27[data-tool27][data-theme][data-tool27=board] .board-guide{display:none}body.room27[data-tool27][data-theme][data-tool27=beyond] .tabs25{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:8px;background:var(--soft27);border-radius:15px}body.room27[data-tool27][data-theme][data-tool27=beyond] .tabs25 button{flex:1}body.room27[data-tool27][data-theme][data-tool27=playground] .workspace{border:1px solid var(--line27);border-radius:16px;overflow:hidden;background:var(--surface27)}body.room27[data-tool27][data-theme][data-tool27=playground] #code{border-radius:0!important;background:var(--paper27)!important;font:14px/1.8 ui-monospace,monospace!important;min-height:430px}body.room27[data-tool27][data-theme][data-tool27=playground] .playground-steps{display:none}body.room27[data-tool27][data-theme][data-tool27=playground] #preview{border:1px solid var(--line27);border-radius:0;max-width:100%;background:white}body.room27[data-tool27][data-theme][data-tool27=developer] #developerAccess61{margin-bottom:24px;display:block;border:1px solid var(--line27);padding:25px;border-radius:16px;background:var(--soft27)!important}body.room27[data-tool27][data-theme][data-tool27=developer] .tool-options{padding:18px;border-radius:12px}body.room27[data-tool27][data-theme][data-tool27=developer] form{margin-bottom:20px}body.room27[data-tool27][data-theme][data-tool27=developer] .studio-input{border-radius:16px;padding:20px}body.room27[data-tool27][data-theme][data-tool27=developer] :is(details.tool-api,.api-v2-guide2523,.developer-chat61){margin-top:20px;padding:24px;border:1px solid var(--line27);border-radius:14px}body.room27[data-tool27][data-theme][data-tool27=agents] .agent-steps{display:none}body.room27[data-tool27][data-theme][data-tool27=agents] .grid{grid-template-columns:1.15fr .85fr}body.room27[data-tool27][data-theme][data-tool27=agents] .agent-card{border-top:3px solid var(--accent27)!important}body.room27[data-tool27][data-theme][data-tool27=screen] video{max-width:100%;max-height:55dvh;border-radius:12px;border:1px solid var(--line27);background:#111}body.room27[data-tool27][data-theme][data-tool27=monitor] #monitor-add{display:flex;gap:12px;flex-wrap:wrap}body.room27[data-tool27][data-theme][data-tool27=monitor] #monitor-list{margin-top:24px}body.room27[data-tool27][data-theme][data-tool27=machine] .grid{grid-template-columns:1fr 1fr}body.room27[data-tool27][data-theme][data-tool27=machine] :is(.checkpoint,.entry){border-left:3px solid var(--accent27)!important;padding:18px;margin:12px 0}body.room27[data-tool27][data-theme][data-tool27=capsule] .layout{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr)}body.room27[data-tool27][data-theme][data-tool27=capsule] #create-form{position:relative}body.room27[data-tool27][data-theme][data-tool27=capsule] .capsule{background:var(--surface27)!important;color:var(--ink27)!important;border-color:var(--line27)!important;border-radius:18px;overflow:hidden}body.room27[data-tool27][data-theme][data-tool27=rules] .status-columns-v2512{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}body.room27[data-tool27][data-theme][data-tool27=rules] article{padding:25px;border:1px solid var(--line27);border-radius:18px;background:var(--surface27)}body.room27[data-tool27][data-theme][data-tool27=career] .columns{grid-template-columns:350px minmax(0,1fr)}body.room27[data-tool27][data-theme][data-tool27=career] .columns.lower{grid-template-columns:1fr 1fr;margin:24px 0}body.room27[data-tool27][data-theme][data-tool27=career] .player{background:var(--accent27)!important;color:var(--on27)!important;border-radius:32px 8px 32px 8px}body.room27[data-tool27][data-theme][data-tool27=career] .player :is(h2,p,span,strong,b,.eyebrow){color:var(--on27)!important}body.room27[data-tool27][data-theme][data-tool27=career] .player-avatar{background:color-mix(in srgb,var(--on27) 12%,transparent);box-shadow:none;border-radius:14px;transform:rotate(-4deg);margin:20px auto}body.room27[data-tool27][data-theme][data-tool27=career] .big-number{border-color:color-mix(in srgb,var(--on27) 35%,transparent)}body.room27[data-tool27][data-theme][data-tool27=career] .fixture{display:flex;flex-direction:column;justify-content:center}body.room27[data-tool27][data-theme][data-tool27=career] .versus{min-height:150px;display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;text-align:center;gap:15px}body.room27[data-tool27][data-theme][data-tool27=career] .versus strong{font:25px/1.3 Georgia}body.room27[data-tool27][data-theme][data-tool27=career] .mini-stats{border-top:1px solid var(--line27);padding-top:22px;margin-top:24px}body.room27[data-tool27][data-theme][data-tool27=career] .skill{border-top:1px solid var(--line27);padding:15px 0;display:grid;grid-template-columns:1fr 100px 90px;align-items:center;gap:10px}body.room27[data-tool27][data-theme][data-tool27=career] .training-rule27{font-size:12px;background:var(--soft27);border-radius:10px;padding:12px}body.room27[data-tool27][data-theme][data-tool27=career] .result{padding:15px;border:0;border-bottom:1px solid var(--line27)!important;border-radius:0}body.room27[data-tool27][data-theme][data-tool27=career] #notice:not(:empty){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 22px;border:1px solid var(--line27);border-radius:14px;box-shadow:0 12px 30px #0002;z-index:100;background:var(--surface27);color:var(--ink27);max-width:calc(100vw - 28px)}
/* SenvoOS: quiet studio chrome, real movable windows and adaptive app panels. */
body.room27[data-tool27][data-theme][data-tool27=os] .room-nav27{min-height:66px}body.room27[data-tool27][data-theme][data-tool27=os] .room-crumb27{display:none}body.room27[data-tool27][data-theme][data-tool27=os] .shell{min-height:calc(100dvh - 66px);height:calc(100dvh - 66px);background:var(--paper27);color:var(--ink27)}body.room27[data-tool27][data-theme][data-tool27=os] .os-top{background:var(--surface27)!important;color:var(--ink27);border-color:var(--line27);min-height:65px;padding:12px 22px}body.room27[data-tool27][data-theme][data-tool27=os] .os-top .brand{display:none}body.room27[data-tool27][data-theme][data-tool27=os] .desktop-picker{display:flex;gap:8px;align-items:center}body.room27[data-tool27][data-theme][data-tool27=os] .desktop-picker select{width:190px}body.room27[data-tool27][data-theme][data-tool27=os] main#desktop{position:relative;max-width:none;width:100%;padding:25px!important;min-height:0;margin:0!important;background:radial-gradient(ellipse at 65% 0,var(--soft27),transparent 65%),var(--paper27)!important}body.room27[data-tool27][data-theme][data-tool27=os] #desktop.ember{background:radial-gradient(ellipse at 65% 0,#a878411c,transparent 65%),var(--paper27)!important}body.room27[data-tool27][data-theme][data-tool27=os] #desktop.ocean{background:radial-gradient(ellipse at 65% 0,#3a8ba32a,transparent 65%),var(--paper27)!important}body.room27[data-tool27][data-theme][data-tool27=os] #desktop.noir{background:var(--paper27)!important}body.room27[data-tool27][data-theme][data-tool27=os] .desktop-orbit{opacity:.08}body.room27[data-tool27][data-theme][data-tool27=os] .welcome{max-width:480px;margin:15px 0}body.room27[data-tool27][data-theme][data-tool27=os] .welcome h1{font:46px/1.1 Georgia;color:var(--ink27);letter-spacing:-.04em}body.room27[data-tool27][data-theme][data-tool27=os] .welcome p{color:var(--muted27);font-size:14px}body.room27[data-tool27][data-theme][data-tool27=os] .welcome small{font-size:9px;letter-spacing:.14em}body.room27[data-tool27][data-theme][data-tool27=os] .desktop-dock{background:var(--surface27)!important;border:1px solid var(--line27);border-radius:20px;padding:18px;box-shadow:var(--shadow27);max-width:820px;margin:30px 0}body.room27[data-tool27][data-theme][data-tool27=os] .dock-heading{display:flex;gap:15px;justify-content:space-between;color:var(--muted27);font-size:10px}body.room27[data-tool27][data-theme][data-tool27=os] .shortcuts{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}body.room27[data-tool27][data-theme][data-tool27=os] .shortcut{border:0!important;border-radius:13px!important;padding:15px 5px;min-width:0;background:transparent!important;display:flex;align-items:center;flex-direction:column;gap:9px}body.room27[data-tool27][data-theme][data-tool27=os] .shortcut:hover{background:var(--soft27)!important}body.room27[data-tool27][data-theme][data-tool27=os] .shortcut b{font-size:11px;color:var(--ink27);white-space:normal;text-align:center}body.room27[data-tool27][data-theme][data-tool27=os] .os-app-icon-v2512{display:grid;place-items:center;width:45px;height:45px;flex:none;border:1px solid var(--line27);border-radius:13px;background:var(--soft27)!important;color:var(--accent27)!important;box-shadow:0 4px 10px #1924240a;transform:none}body.room27[data-tool27][data-theme][data-tool27=os] .os-app-icon-v2512 svg{width:25px;height:25px;stroke:currentColor;fill:none}body.room27[data-tool27][data-theme][data-tool27=os] .os-app-icon-v2512[data-app=notes]{color:#7b5417!important;background:#f5ead3!important}body.room27[data-tool27][data-theme][data-tool27=os] .os-app-icon-v2512[data-app=arcade]{color:#71488b!important;background:#eee4f4!important}body.room27[data-tool27][data-theme][data-tool27=os] .os-app-icon-v2512[data-app=focus]{color:#2a6447!important;background:#dfede2!important}body.room27[data-tool27][data-theme][data-tool27=os] .window{background:var(--surface27)!important;border:1px solid var(--line27)!important;border-radius:15px!important;box-shadow:0 25px 75px #172c3030!important;min-width:320px;min-height:280px;animation:room-enter27 .24s ease;resize:both;overflow:hidden}body.room27[data-tool27][data-theme][data-tool27=os] .window-bar{background:var(--paper27)!important;color:var(--ink27)!important;border-bottom:1px solid var(--line27);padding:9px 12px;cursor:grab;min-height:51px}body.room27[data-tool27][data-theme][data-tool27=os] .window-bar .os-app-icon-v2512{width:28px;height:28px;border-radius:7px}body.room27[data-tool27][data-theme][data-tool27=os] .window-bar svg{width:17px;height:17px}body.room27[data-tool27][data-theme][data-tool27=os] .window-bar b{font-size:12px;color:var(--ink27)}body.room27[data-tool27][data-theme][data-tool27=os] .window-bar button{min-height:30px;width:30px;padding:3px;font-size:16px!important;border:0!important}body.room27[data-tool27][data-theme][data-tool27=os] .app-body{padding:20px;background:var(--surface27)!important;color:var(--ink27);overflow:auto;overscroll-behavior:contain;height:calc(100% - 51px)}body.room27[data-tool27][data-theme][data-tool27=os] .taskbar{background:var(--surface27)!important;color:var(--ink27)!important;border:0;border-top:1px solid var(--line27);padding:9px 14px;min-height:62px;gap:8px}body.room27[data-tool27][data-theme][data-tool27=os] #tasks{display:flex;flex:1;gap:6px;overflow:auto;min-width:0}body.room27[data-tool27][data-theme][data-tool27=os] #tasks button{display:flex;align-items:center;gap:7px;font-size:10px!important;min-width:100px;white-space:nowrap;padding:6px 9px}body.room27[data-tool27][data-theme][data-tool27=os] #tasks .os-app-icon-v2512{width:25px;height:25px;border-radius:6px}body.room27[data-tool27][data-theme][data-tool27=os] #tasks svg{width:16px;height:16px}body.room27[data-tool27][data-theme][data-tool27=os] .launcher-panel{bottom:72px;left:20px;background:var(--surface27)!important;border:1px solid var(--line27);border-radius:20px!important;color:var(--ink27)!important;box-shadow:0 25px 70px #0003;max-height:calc(100dvh - 175px);max-width:calc(100vw - 40px);padding:22px;animation:room-enter27 .25s ease}body.room27[data-tool27][data-theme][data-tool27=os] .app-choice{border:0;border-bottom:1px solid var(--line27);padding:8px 0;gap:6px;background:transparent!important}body.room27[data-tool27][data-theme][data-tool27=os] .os-launch-app-v2512{display:flex;align-items:center;gap:12px;border:0!important;flex:1;text-align:left;background:transparent!important}body.room27[data-tool27][data-theme][data-tool27=os] .desk-clock{color:var(--muted27);right:32px;bottom:25px}body.room27[data-tool27][data-theme][data-tool27=os] .big-clock{font-size:clamp(30px,4vw,55px);font-variant-numeric:tabular-nums;color:var(--ink27)}body.room27[data-tool27][data-theme][data-tool27=os] .calendar-grid span{color:var(--ink27);background:var(--paper27);border-color:var(--line27)}body.room27[data-tool27][data-theme][data-tool27=os] .calendar-grid .today{background:var(--accent27);color:var(--on27)}body.room27[data-tool27][data-theme][data-tool27=os] .wallpapers{color:var(--ink27);background:var(--surface27)!important;border-color:var(--line27)}body.room27[data-tool27][data-theme][data-tool27=os] .os-calculator{color:var(--ink27)}body.room27[data-tool27][data-theme][data-tool27=os] .calc-keys{gap:7px}body.room27[data-tool27][data-theme][data-tool27=os] .calc-output{background:var(--soft27);color:var(--ink27)}
@keyframes room-enter27{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes room-orbit27{to{transform:rotate(360deg)}}
@media(max-width:960px){body.room27[data-tool27][data-theme][data-tool27=quiz] .grid{grid-template-columns:1fr 1fr}body.room27[data-tool27][data-theme][data-tool27=files] .tool-grid{grid-template-columns:repeat(3,1fr)}body.room27[data-tool27][data-theme][data-tool27=career] .columns{grid-template-columns:300px minmax(0,1fr)}body.room27[data-tool27][data-theme] .room-nav27{padding:14px 22px;gap:16px}body.room27[data-tool27][data-theme][data-tool27=clipboard] .layout{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:720px){body.room27[data-tool27][data-theme] .room-nav27{padding:12px 15px;gap:10px;min-height:66px;flex-wrap:wrap}.room-home27 b{font-size:14px}.room-home27>span{width:29px;height:33px;font-size:22px}body.room27[data-tool27][data-theme] .room-crumb27{display:none}.room-switch27{margin-left:auto!important}.room-switch27>summary span{display:none}.room-menu27{position:fixed;top:72px;right:12px;width:calc(100vw - 24px);max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:18px}body.room27[data-tool27][data-theme] .workspace-help-trigger{padding:8px!important;min-height:38px;font-size:11px!important}body.room27[data-tool27][data-theme] main.room-main27{padding:22px 15px 65px}body.room27[data-tool27][data-theme] .room-hero27{grid-template-columns:minmax(0,1fr) 74px;gap:10px;min-height:0;padding:10px 0 24px!important}body.room27[data-tool27][data-theme] .room-hero27 h1{font-size:35px!important;margin:12px 0!important}body.room27[data-tool27][data-theme] .room-hero27 p{font-size:13px!important;line-height:1.7!important}.room-art27{width:70px;height:90px;align-self:start;margin-top:18px;transform:rotate(5deg);border-radius:30px 30px 12px 12px}.room-art27>span{width:44px;height:44px;border-radius:11px}.room-art27 svg{width:26px;height:26px}.room-art27 i{display:none}.art-orbit27{width:70px;height:70px;left:0;top:10px}body.room27[data-tool27][data-theme] .room-steps27{gap:10px;margin-bottom:20px;font-size:10px;line-height:1.5}.room-steps27 li{align-items:flex-start;flex-direction:column;gap:4px}body.room27[data-tool27][data-theme] :is(.panel,.card,.room-card27){padding:19px;border-radius:14px}body.room27[data-tool27][data-theme] :is(.layout,.grid2,.columns,.grid),body.room27[data-tool27][data-theme][data-tool27=quiz] .grid,body.room27[data-tool27][data-theme][data-tool27=clipboard] .layout,body.room27[data-tool27][data-theme][data-tool27=agents] .grid,body.room27[data-tool27][data-theme][data-tool27=machine] .grid,body.room27[data-tool27][data-theme][data-tool27=capsule] .layout,body.room27[data-tool27][data-theme][data-tool27=career] .columns,body.room27[data-tool27][data-theme][data-tool27=career] .columns.lower,body.room27[data-tool27][data-theme][data-tool27=rules] .status-columns-v2512{grid-template-columns:minmax(0,1fr)!important;gap:17px}body.room27[data-tool27][data-theme][data-tool27=files] .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body.room27[data-tool27][data-theme][data-tool27=files] .tool-grid button{min-height:90px;padding:13px!important;font-size:12px!important}body.room27[data-tool27][data-theme][data-tool27=focus] .timer-panel{padding:24px 17px}body.room27[data-tool27][data-theme][data-tool27=focus] #clock{font-size:clamp(64px,20vw,96px)!important}body.room27[data-tool27][data-theme][data-tool27=board] .board-coach27{display:block;padding:15px}.board-coach27 p{margin-top:8px}body.room27[data-tool27][data-theme][data-tool27=career] .player{display:grid;grid-template-columns:100px 1fr;gap:5px 20px;text-align:left}body.room27[data-tool27][data-theme][data-tool27=career] .player-avatar{grid-row:1/5;width:85px;height:110px;margin:0}body.room27[data-tool27][data-theme][data-tool27=career] .player .eyebrow{grid-column:1/-1;font-size:10px;margin-bottom:10px}body.room27[data-tool27][data-theme][data-tool27=career] .big-number{display:flex;align-items:center;gap:12px;border:0;padding:0}body.room27[data-tool27][data-theme][data-tool27=career] .big-number strong{font-size:34px}body.room27[data-tool27][data-theme][data-tool27=career] .skill{grid-template-columns:1fr 64px 86px;font-size:12px}body.room27[data-tool27][data-theme][data-tool27=career] .versus{min-height:110px}body.room27[data-tool27][data-theme][data-tool27=career] .versus strong{font-size:22px}body.room27[data-tool27][data-theme][data-tool27=os] .shell{height:auto;min-height:calc(100dvh - 66px)}body.room27[data-tool27][data-theme][data-tool27=os] .os-top{padding:12px;flex-wrap:wrap;gap:8px}body.room27[data-tool27][data-theme][data-tool27=os] .os-top-actions .os-home-link{display:none}body.room27[data-tool27][data-theme][data-tool27=os] .desktop-picker{flex-wrap:wrap}body.room27[data-tool27][data-theme][data-tool27=os] .desktop-picker label{display:none}body.room27[data-tool27][data-theme][data-tool27=os] .desktop-picker select{width:125px}body.room27[data-tool27][data-theme][data-tool27=os] .desktop-picker button{min-height:35px;padding:7px 9px}body.room27[data-tool27][data-theme][data-tool27=os] main#desktop{height:auto!important;min-height:calc(100dvh - 230px);overflow:visible;padding:18px 15px 100px!important}body.room27[data-tool27][data-theme][data-tool27=os] .welcome h1{font-size:35px}body.room27[data-tool27][data-theme][data-tool27=os] .desktop-dock{margin:23px 0;padding:14px}body.room27[data-tool27][data-theme][data-tool27=os] .shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}body.room27[data-tool27][data-theme][data-tool27=os] .dock-heading>span{display:none}body.room27[data-tool27][data-theme][data-tool27=os] .windows{position:relative;inset:auto;display:grid;gap:18px}body.room27[data-tool27][data-theme][data-tool27=os] .window{position:relative!important;inset:auto!important;width:100%!important;height:420px!important;max-height:70dvh;min-width:0;resize:none}body.room27[data-tool27][data-theme][data-tool27=os] .taskbar{position:fixed;bottom:0;left:0;right:0;z-index:3000;padding-bottom:max(9px,env(safe-area-inset-bottom));max-width:100vw}body.room27[data-tool27][data-theme][data-tool27=os] .taskbar>a{display:none}body.room27[data-tool27][data-theme][data-tool27=os] .launcher-panel{position:fixed;left:12px;right:12px;bottom:80px;max-width:none;width:auto}body.room27[data-tool27][data-theme][data-tool27=os] .desk-clock{display:none}}
@media(prefers-reduced-motion:reduce){body.room27[data-tool27][data-theme] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Guides live above the existing app, with meaningful per-page steps. */
.workspace-help-dialog.guide27{--guide-ink:#203331;--guide-muted:#526a64;--guide-paper:#f8faf7;--guide-line:#d3dfd7;color:var(--guide-ink)!important;background:var(--guide-paper)!important;border:1px solid var(--guide-line)!important;border-radius:24px!important;padding:28px!important;width:min(640px,calc(100vw - 28px));max-width:640px;max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 35px 100px #102c2940;animation:room-enter27 .22s ease}.guide27::backdrop{background:#1128249c;backdrop-filter:blur(6px)}body:is([data-theme=dark],[data-theme=black]) .guide27{--guide-ink:#edf4ef;--guide-muted:#b9cdc0;--guide-paper:#1b2923;--guide-line:#435a4b}.guide27 header{display:flex;align-items:center;justify-content:space-between;gap:20px}.guide27 header small{font:650 9px system-ui;color:var(--guide-muted)!important;letter-spacing:.13em}.guide27 h2{font:32px/1.15 Georgia!important;color:var(--guide-ink)!important;letter-spacing:-.03em;margin:12px 0}.guide27 button{font:600 12px system-ui!important;padding:11px 15px;border:1px solid var(--guide-line)!important;border-radius:10px!important;background:var(--guide-paper)!important;color:var(--guide-ink)!important;cursor:pointer;min-height:40px}.guide27 header button{font-size:23px!important;align-self:flex-start;border:0!important}.guide27 .guide-intro27{color:var(--guide-muted)!important;font:14px/1.7 system-ui}.guide-cards27{list-style:none;padding:0;margin:24px 0;display:grid;gap:0}.guide-cards27 li{display:flex;gap:17px;align-items:flex-start;padding:18px 0;border-top:1px solid var(--guide-line)}.guide-cards27 li>b{font:12px ui-monospace;min-width:25px;color:var(--guide-muted)!important;padding-top:4px}.guide-cards27 p{font:14px/1.75 system-ui;color:var(--guide-ink)!important;margin:0}.guide-note27{border:1px dashed var(--guide-line);border-radius:12px;padding:14px;color:var(--guide-muted);font:12px/1.7 system-ui}.guide27 footer{display:flex;justify-content:space-between;gap:10px;margin-top:23px}.guide27 button.guide-tour27{background:#235c49!important;border-color:#235c49!important;color:white!important}.tour27{position:fixed!important;right:22px;bottom:22px;left:auto;top:auto;width:360px;max-width:calc(100vw - 32px);padding:23px;background:#f5faf4!important;color:#1c3c2e!important;border:1px solid #4a7c60!important;box-shadow:0 20px 75px #112c2940;border-radius:18px!important;z-index:100000;animation:room-enter27 .2s}.tour27 small{font-size:10px;letter-spacing:.12em;color:#3d6350!important}.tour27 p{font:14px/1.7 system-ui;color:#1c3c2e!important}.tour27 footer{display:flex;gap:7px;justify-content:flex-end}.tour27 button{padding:9px 13px;border:1px solid #88a592;border-radius:9px;background:white;color:#1c3c2e;min-height:38px;cursor:pointer}.tour-target2525{outline:3px solid #3b8c67!important;outline-offset:5px!important;scroll-margin:95px 0}.workspace-help-trigger{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.workspace-help-trigger>span{border:1px solid currentColor;width:17px;height:17px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px}.guide27 [hidden]{display:none!important}@media(max-width:600px){.workspace-help-dialog.guide27{padding:22px!important}.guide27 h2{font-size:28px!important}.guide-cards27 li{padding:15px 0}.guide27 footer{flex-direction:column}.tour27{right:16px;bottom:16px;width:calc(100vw - 32px)}}

body.room27[data-tool27=board] #canvas .node :is(rect,polygon){fill:var(--surface27);stroke:var(--accent27)}
body.room27[data-tool27=board] #canvas .node[data-kind=note] rect{fill:var(--soft27)}
body.room27[data-tool27=board] #canvas .node text{fill:var(--ink27);font:13px system-ui}
body.room27[data-tool27=board] #canvas .node.selected :is(rect,polygon){stroke-width:3;filter:drop-shadow(0 3px 5px #0002)}
body.room27[data-tool27=rules] #edit-rules-status{padding:24px;border:1px solid var(--line27);border-radius:18px;background:var(--surface27);margin-top:22px}
body.room27[data-tool27=files] .tool-grid button.active small{color:var(--on27)!important;border-color:currentColor}
body.room27[data-tool27][data-theme] .tool-back2525{display:none!important}
body.room27[data-tool27][data-theme] .room-hero27::before,body.room27[data-tool27][data-theme] .room-hero27::after{display:none!important}
body.room27[data-tool27=os] .desktop-picker button svg,body.room27[data-tool27=os] .os-top-actions button svg,body.room27[data-tool27=os] .taskbar>button svg{width:18px;height:18px;flex:none}
body.room27[data-tool27=os] #launcher,body.room27[data-tool27=os] #wallpaper-button{display:flex;align-items:center;justify-content:center;gap:9px}