@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#e9ece8;color:#f3f3ed;font:13px DM Sans,sans-serif;overflow:hidden}canvas{display:block;width:100%;height:100%;outline:none}button,select{font:inherit;color:#f6faf7;border:1px solid #96b4a66b;background:#263e33;border-radius:6px;padding:8px 12px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}button:hover,select:hover{background:#385747}button:focus-visible,select:focus-visible{outline:2px solid #ffe2a2;outline-offset:3px}select option{background:#25332a}header{position:absolute;top:29px;left:34px;pointer-events:none;text-shadow:0 2px 18px #182c2280}header .eyebrow{font-size:10px;letter-spacing:3px;font-weight:600;text-transform:uppercase;opacity:.8}h1{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1.2px;font-weight:500;margin:6px 0}header .sub{font-size:12px;opacity:.8;letter-spacing:.3px}.top-controls{position:absolute;top:30px;right:32px;display:flex;gap:8px;background:#14251ff5;padding:8px;border:1px solid #ffffff38;border-radius:12px;box-shadow:0 4px 18px #0005}.bottom{position:absolute;left:32px;right:32px;bottom:26px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.panel{background:#142c23f5;border:1px solid #ffffff24;border-radius:10px;padding:15px 18px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom h2{font:500 14px Manrope,sans-serif;margin:0 0 7px}.hint{font-size:11px;line-height:1.8;color:#e0e8dfbb}.key{display:inline-block;font:10px monospace;border:1px solid #ffffff42;border-radius:3px;padding:0 4px;color:#fff;margin-right:3px}.views{display:flex;gap:6px;flex-wrap:wrap;max-width:720px}.views button{font-size:11px;padding:6px 9px}.views button.active{background:#f5f3e6;color:#2d4033}.caption{font-size:10px;letter-spacing:.3px;opacity:.6;margin-top:10px}#debug{position:absolute;right:32px;top:90px;min-width:260px;font:11px/1.8 monospace}#debug[hidden]{display:none}.cross{position:absolute;top:50%;left:50%;width:4px;height:4px;border:1px solid #ffffffa0;border-radius:50%;pointer-events:none}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#182d22cc;padding:15px 25px;border-radius:10px}#loading:empty{display:none}@media(max-width:800px){header{left:20px;top:20px}h1{font-size:24px}.top-controls{right:20px;top:20px}.bottom{left:20px;right:20px;bottom:16px}.instructions{display:none}.views{max-width:480px}}#viewPanel[hidden]{display:none}.bottom{align-items:flex-end}.instructions{margin-left:auto;background:#142c23e8;padding:10px 14px}.instructions .hint{line-height:1.5;font-size:10px}header h1{font-size:27px}.caption{font-size:10px}.views button[data-view="12"]{order:-5}.views button[data-view="13"]{order:-4}.views button[data-view="14"]{order:-3}.views button[data-view="15"]{order:-2}.views button[data-view="16"]{order:-1}#loading[hidden]{display:none}#loading.poem-loading{position:fixed;inset:0;transform:none;z-index:100;border-radius:0;padding:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 15% 15%,#263c36 0,transparent 60%),linear-gradient(155deg,#142723,#0a1514);color:#ece6d5}#loading.poem-loading[hidden]{display:none}.poem-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#66796a #142723;outline-offset:-5px}.poem-content{max-width:660px;padding:clamp(32px,7vh,72px) 30px 50px;margin:auto;font:clamp(17px,1.6vw,20px)/1.85 Georgia,"Times New Roman",serif}.poem-eyebrow{font:10px/1.5 DM Sans,sans-serif;letter-spacing:3.5px;color:#b6c4b4;margin-bottom:22px}.poem-content h1{font:400 clamp(38px,5vw,58px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-1.5px;color:#f5ecd7;margin:0 0 16px}.poem-subtitle{font-style:italic;color:#bec8b8;margin:0 0 34px;line-height:1.65}.poem-credits{font:12px/1.7 DM Sans,sans-serif;color:#bdc8b9;margin:-12px 0 34px}.poem-credits p{margin:2px 0}.poem-credits details{margin-top:10px;max-width:570px}.poem-credits summary{cursor:pointer;color:#e2d3b3}.poem-credits details p{margin:9px 0}.poem-credits a{color:#e2d3b3}.poem-stanza{margin:0 0 25px}.poem-stanza:last-child{padding-bottom:8px;color:#e8cfa3}.poem-footer{flex:none;border-top:1px solid #c6c3a42b;background:#101e1bf5;padding:17px max(24px,calc((100vw - 600px)/2));display:flex;align-items:center;gap:22px;justify-content:space-between}.loading-status{font:12px/1.6 DM Sans,sans-serif;color:#b8c4b7}.poem-footer button{white-space:nowrap;background:#e1d1ae;color:#172b23;border:1px solid #eee1c4;font-weight:600;padding:12px 19px}.poem-footer button:hover{background:#f0e2c4}.poem-footer button:disabled{background:#2c4037;color:#a3afa2;border-color:#56665b;cursor:wait}@media(max-width:520px){.poem-content{padding:32px 24px}.poem-footer{padding:14px 20px;gap:12px;flex-wrap:wrap}.poem-footer button{width:100%}}@media(max-width:800px){.top-controls{top:104px;left:20px;right:auto;max-width:calc(100vw - 40px);flex-wrap:wrap}#debug{top:210px;left:20px;right:20px;min-width:0}}body.cinematic-active header,body.cinematic-active .top-controls,body.cinematic-active .bottom,body.cinematic-active .cross,body.cinematic-active #debug{visibility:hidden}.film-frames{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.film-frames button{font-size:10px;padding:5px 7px}.cinematic-cancel{display:none;position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:110;background:#14251fbb}body.cinematic-active .cinematic-cancel{display:block}