.ws{border-radius:22px;overflow:hidden;background:#142023;color:#f7eee2;margin:10px 0 24px;box-shadow:0 14px 40px #10262b22;isolation:isolate}
#homeScreen:has(.ws)>.cd-switch{display:none}#homeScreen:has(.ws) .cd-progress{display:none}#homeScreen:has(.ws) .cd-top{margin-bottom:8px}.ws .ws-body h1{font-size:24px}.ws .ws-body .ws-tools{padding-bottom:8px}.ws .ws-body>p{font-size:15px;line-height:1.7}.ws .ws-view canvas{height:220px}
.ws button{font:inherit;cursor:pointer;min-height:46px}.ws button:focus-visible,.ws input:focus-visible,.ws canvas:focus-visible{outline:3px solid #5ee4ef;outline-offset:3px}.ws button:disabled{opacity:.5;cursor:not-allowed}
.ws-scene{position:relative;isolation:isolate;min-height:440px;padding:24px 22px;display:flex;flex-direction:column;justify-content:flex-end;background:#162528;overflow:hidden}
.ws p{color:#e0e9e5}.ws .ws-hint{color:#dbe8e4}.ws .ws-quote{color:#f0e1c9}
.ws-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:44% center;z-index:-2}.ws-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102024 4%,#10202477 48%,#10202408);z-index:-1;pointer-events:none}
.ws-eyebrow{font:600 12px/1.5 ui-monospace,monospace;letter-spacing:.12em;color:#dcc6a6}.ws h1{font-size:30px;line-height:1.35;font-weight:650;margin:12px 0}.ws p{font-size:16px;line-height:1.85;margin:10px 0}.ws-tools{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:auto;padding-bottom:26px}.ws-sound,.ws-quiet{border:1px solid #b1c3bd70;border-radius:10px;color:#e9e7dd;background:#152628c9;padding:9px 12px;font-size:13px!important}.ws-main{background:#f2d4a2;color:#242c29;border:0;border-radius:12px;padding:13px 18px;font-weight:750!important;width:100%;margin-top:16px}.ws-body{padding:18px 22px}.ws-note{font-size:12px!important;line-height:1.6!important;color:#b8c6c4}.ws-quote{border-left:2px solid #eac991;padding-left:14px;color:#eadfcf}.ws-progress{display:flex;gap:7px;margin:0 0 16px}.ws-progress i{height:3px;flex:1;background:#435758}.ws-progress i.on{background:#eed19b}
.ws-view{position:relative;background:radial-gradient(ellipse at 45% 42%,#52605a,#162428 73%);border:1px solid #73878060;border-radius:16px;overflow:hidden}.ws-view canvas{width:100%;height:260px;display:block;touch-action:pan-y;cursor:grab}.ws-view canvas:active{cursor:grabbing}.ws-view label{display:block;padding:0 16px 12px;font-size:14px;color:#e7dcc7}.ws-view input{display:block;width:100%;accent-color:#e9c993;margin:12px 0;height:24px}.ws-hint{min-height:48px;font-size:14px!important;color:#dbe8e4}.ws-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ws-actions .ws-main{margin:0}.ws-pack{display:grid;gap:12px}.ws-item{display:grid;grid-template-columns:88px 1fr;gap:13px;align-items:center;border:1px solid #597475;border-radius:14px;padding:9px;color:#f8efdf;background:#203438;text-align:left;width:100%}.ws-item img{width:88px;height:96px;object-fit:cover;border-radius:9px}.ws-item strong{font-size:16px;display:block}.ws-item small{font-size:13px;color:#b7cfca;display:block;line-height:1.6;margin-top:5px}.ws-fallback{padding:22px;text-align:center}.ws-fallback img{width:100%;border-radius:12px}.ws-replay{margin-top:12px;width:100%}
@media(max-width:360px){.ws-scene,.ws-body{padding:18px 16px}.ws h1{font-size:26px}.ws-scene{min-height:405px}.ws-item{grid-template-columns:70px 1fr}.ws-item img{width:70px;height:90px}.ws-tools{gap:5px}.ws-view canvas{height:225px}}
@media(prefers-reduced-motion:no-preference){.ws-scene .ws-backdrop{animation:ws-arrive 1.8s ease-out both}@keyframes ws-arrive{from{transform:scale(1.07);opacity:.5}to{transform:scale(1);opacity:1}}}
.ws-companion{display:flex;align-items:center;gap:12px;margin:16px 0;color:#f5e6ce;font-size:14px}.ws-companion img{width:64px;height:64px;object-fit:cover;object-position:43% 20%;border-radius:50%;border:1px solid #d8ba88}.ws-companion small{display:block;color:#bbceca;font-size:12px;margin-top:5px}.ws-item img{object-position:center 25%}