.guardian-scene{min-height:720px}
.guardian-story{position:relative;width:100%;height:300px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.footer-guardian .guardian-story .footer-wordmark{background:none;margin:0;cursor:pointer;transition:opacity .2s,filter .3s}
.guardian-story .footer-wordmark:hover{filter:drop-shadow(0 0 10px #83dbea55)}
.origin-hint{position:absolute;bottom:9px;left:0;right:0;color:#9dc3cf;font-size:11px;letter-spacing:.05em}
.origin-hint>span{margin-left:8px;color:#91e4e2;font-family:monospace}
.origin-panel{position:absolute;inset:0;max-width:850px;margin:auto;border:1px solid #8ebec65c;border-radius:18px;background:linear-gradient(135deg,#071d2fed,#10192bed);backdrop-filter:blur(16px);box-shadow:0 20px 60px #0007,inset 0 1px #e0ffff16;text-align:left;overflow:auto}
.origin-panel[hidden]{display:none}
.origin-toolbar{height:42px;padding:0 16px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #8ebec625;color:#97b8c9;font:12px Consolas,monospace}
.editor-lights{display:flex;gap:5px}.editor-lights i{width:7px;height:7px;border-radius:50%;background:#568393}.editor-lights i:nth-child(2){background:#688c90}.editor-lights i:last-child{background:#7dc8c1}
.origin-close{margin-left:auto;background:none;border:0;color:#c6eaf0;font-size:25px;line-height:1;padding:6px 9px;border-radius:7px}.origin-close:hover{background:#ffffff12}
.origin-panel pre{margin:0;padding:18px 22px;white-space:normal}.origin-panel code{display:block;counter-reset:line;font:14px/1.6 Consolas,'Courier New',monospace;color:#e0eff4}
.origin-line{display:block;position:relative;padding-left:26px;margin-bottom:9px;overflow-wrap:anywhere;animation:origin-line-in .35s ease-out both;animation-delay:calc(var(--line)*.08s)}
.origin-line:before{counter-increment:line;content:counter(line);position:absolute;left:0;color:#597b8e;font-size:11px}.code-tag{color:#84d9dd}.origin-line:last-child{color:#c5b8f5}.origin-line:last-child .code-tag{color:#baaff0}
.guardian-story.is-open .footer-wordmark,.guardian-story.is-open .origin-hint{opacity:0;pointer-events:none}
@keyframes origin-line-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.guardian-sound{position:absolute;z-index:2;right:var(--pad);bottom:25px;width:42px;height:42px;border:1px solid #91bdcc66;border-radius:50%;background:#06203299;backdrop-filter:blur(10px);color:#ceeaf1;display:grid;place-items:center}
.guardian-sound svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.guardian-sound .sound-waves{display:none}.guardian-sound[data-playing="true"] .sound-waves{display:block}.guardian-sound[data-playing="true"] .sound-slash{display:none}
@media(max-width:800px){.guardian-scene{min-height:680px}.guardian-story{height:365px;margin-bottom:16px}.origin-hint{font-size:10px;bottom:56px;max-width:240px;margin:auto}.origin-panel{border-radius:14px}.origin-panel pre{padding:14px 12px}.origin-panel code{font-size:12px;line-height:1.55}.origin-line{padding-left:19px;margin-bottom:10px}.guardian-sound{right:15px;bottom:14px}.footer-guardian .guardian-story .footer-wordmark{font-size:17vw}}
@media(prefers-reduced-motion:reduce){.origin-line{animation:none}.guardian-story .footer-wordmark{transition:none}}