#modal{scrollbar-width:thin;scrollbar-color:#9a8869 transparent}.outfit-grid button[aria-pressed=true]::after{content:'✓';margin-left:auto;color:var(--orange)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body[data-theme=night]{--cream:#202f38;--ink:#eee2c9;--muted:#b8b7a8;--line:#66716c;--paper:#293b41;--orange:#e2a77a}body[data-theme=night] .icon-button,body[data-theme=night] .dock,body[data-theme=night] #interaction{background:#293b41ed;border-color:#65716c}body[data-theme=night] #modal p{color:#cccaba}body[data-theme=night] .dock button:hover{background:#4a5b59}body[data-theme=night] .move-hint{background:#263941cc}#quest{position:fixed;right:38px;bottom:145px;border:1px solid var(--line);background:var(--paper);padding:12px 17px;border-radius:30px;z-index:3;font-size:13px;box-shadow:0 5px 20px #44332210}#skip-intro{position:fixed;top:105px;left:50%;transform:translateX(-50%);z-index:12;border:1px solid #b99a70;background:#fffaee;padding:14px 22px;border-radius:30px}#skip-intro[hidden]{display:none}#modal.experience-modal{width:min(900px,calc(100vw - 40px));padding:30px 35px}#modal.experience-modal h2{font-size:35px;margin:13px 0 20px}#inspect-stage{height:340px;width:100%;border-radius:16px;overflow:hidden;background:#e7ddc9;touch-action:none}#inspect-stage canvas{width:100%;height:100%;display:block}.stage-hint{text-align:center;font-size:10px;letter-spacing:.7px;color:var(--muted);margin:10px 0 18px}.inspect-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.inspect-links button,#experiment-controls button:not(.primary-button),.suggestions button,.chat-actions button{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:11px 15px;min-height:44px}#experiment-controls p{margin:5px 0 15px;font-size:12px}#experiment-status{font-size:12px!important;min-height:22px;margin-bottom:0}.outfit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.outfit-grid button{display:flex;align-items:center;gap:9px;font-size:11px;text-align:left}.outfit-grid button[aria-pressed=true]{border-color:var(--orange)!important;box-shadow:0 0 0 2px #ca71483a;background:#d2b58a22!important}.swatch{display:inline-block;width:24px;height:30px;border-radius:6px;background:#b5a076;flex-shrink:0}.swatch.white{background:linear-gradient(#f0eddf 55%,#283031 55%)}.swatch.lurik{background:repeating-linear-gradient(90deg,#275d47 0 4px,#a6ba76 4px 5px)}.swatch.koko{background:linear-gradient(#faf6e8 48%,#45635d 48%)}.input-row{display:flex;gap:9px;align-items:stretch;margin-top:8px}.input-row input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;padding:12px 14px;font:inherit;background:var(--paper);color:var(--ink)}.input-row .primary-button{margin:0;flex-shrink:0}label{font-size:11px;font-weight:600}.qr-output{display:flex;align-items:center;gap:15px;margin-top:15px}.qr-output canvas{width:95px;height:95px;image-rendering:pixelated;border:1px solid var(--line);border-radius:5px}.external-project{display:inline-block;margin:16px 0 0 14px;font-size:12px;color:var(--orange);text-underline-offset:4px}.pipeline-legend{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;border-bottom:1px solid var(--line);padding:0 0 15px;margin-bottom:15px}.soul-heading{display:flex;gap:20px;align-items:center}.soul-heading p{font-size:12px!important}.soul-face{border-radius:35% 35% 45% 45%;background:#809a8c;color:#fff3b4;font:bold 30px monospace;letter-spacing:5px;padding:8px 16px;white-space:nowrap;box-shadow:0 5px 0 #ccbb97}#chat-log{height:280px;overflow:auto;border-block:1px solid var(--line);padding:15px 4px;margin:18px 0}.chat-message{max-width:88%;border-radius:13px;padding:12px 15px;background:#9aa88b22;margin-bottom:12px}.chat-message.user{margin-left:auto;background:#cb987422}.chat-message small{font-size:8px;letter-spacing:1.5px;color:var(--orange)}.chat-message p{white-space:pre-wrap;margin:5px 0!important;font-size:13px!important;line-height:1.7!important}.suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.suggestions button{font-size:11px;padding:8px 12px}.chat-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:13px}.chat-actions button{font-size:11px}.chat-actions span{font-size:11px;color:var(--muted)}button:disabled{opacity:.5;cursor:wait}#interaction{bottom:202px}@media(max-width:700px){.topbar{left:15px;right:15px;top:15px}.wordmark>span:last-child{font-size:8px;max-width:125px}.wordmark small{font-size:5px;letter-spacing:.5px}.top-actions{gap:5px}.top-actions .icon-button{width:37px;height:37px;font-size:18px}.brand-icon{display:none}.dock{width:calc(100% - 24px);gap:0;justify-content:space-around;bottom:48px}.dock button{padding:5px 4px;min-width:0;flex:1;min-height:49px;font-size:9px}.dock-divider{display:none}#quest{right:18px;bottom:244px;font-size:11px;padding:9px 12px}#interaction{bottom:285px}#modal.experience-modal{width:calc(100vw - 24px);padding:30px 18px 20px}#modal.experience-modal h2{font-size:27px;padding-right:28px}#inspect-stage{height:260px}.outfit-grid{grid-template-columns:repeat(2,1fr)}.outfit-grid button{padding:10px!important}.input-row{gap:6px}.input-row input{padding:11px 9px}.input-row .primary-button{padding:0 13px}.stage-hint{font-size:9px}.external-project{margin-left:8px}#chat-log{height:240px}.soul-heading{gap:12px}.soul-face{font-size:25px;padding:8px 12px}#scene-status{z-index:6;top:66%}.scene-caption{top:100px}.scene-caption h1{font-size:30px}#skip-intro{top:195px;padding:10px 17px;font-size:11px}footer{font-size:5px}#joystick{bottom:135px}#touch-action{bottom:150px}}
