:root{--bg-light: #ffffff;--bg-dark: #f5e6e9;--text: #b76e79;--text-soft: #caa1a8}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Aref Ruqaa;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/aref-ruqaa-v26-latin-regular.woff2) format("woff2")}body{background:radial-gradient(circle at 50% 50%,var(--bg-light),var(--bg-dark));color:var(--text);font-family:Cormorant Garamond,serif;overflow:hidden;height:100vh}.app{position:relative;width:100vw;height:100vh}canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.content{font-size:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:2rem;z-index:2;opacity:1;transition:opacity 2s ease;pointer-events:auto}h1{font-family:Aref Ruqaa,serif;font-weight:400;letter-spacing:3px;opacity:.85;position:relative;top:-15px;pointer-events:none}.subtitle{writing-mode:vertical-rl;text-orientation:upright;font-family:Shippori Mincho,serif;font-size:1.4rem;border-left:1px solid var(--text);padding-left:10px;opacity:.8;letter-spacing:2px;pointer-events:none}.credits{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:.7rem;z-index:3;opacity:.6;transition:opacity .3s}.credits:hover{opacity:1}.credits a,.back-link{color:inherit;text-decoration:none}.credits a:hover,.back-link:hover{border-bottom:1px solid var(--text)}.audio-dashboard{position:absolute;top:calc(100% + 25px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.2rem;padding:6px 16px;background-color:var(--text);border-radius:30px;box-shadow:0 2px 12px #b76e7933;opacity:.3;transition:opacity .3s ease;pointer-events:auto}.audio-dashboard:hover{opacity:.95}.audio-transport{display:flex;gap:.4rem}.audio-btn{background:none;border:none;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.audio-btn:hover{transform:scale(1.15)}.icon-play-pause{display:block;width:0;height:0;border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent #ffffff;transition:all .1s ease}.audio-btn.is-playing .icon-play-pause{width:8px;height:10px;border-style:double;border-width:0px 0px 0px 8px;border-color:#fff}.icon-stop{display:block;width:8px;height:8px;background-color:#fff;border-radius:1px}.audio-volume-wrapper{display:flex;align-items:center;width:70px}#audioSlider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:linear-gradient(to right,#ffffff var(--volume-percent, 100%),rgba(255,255,255,.2) var(--volume-percent, 100%));outline:none;cursor:pointer}#audioSlider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6px;height:6px;border-radius:50%;background:#fff}#audioSlider::-moz-range-thumb{width:6px;height:6px;border:none;border-radius:50%;background:#fff;cursor:pointer}.legal-page{max-width:780px;margin:0 auto;padding:60px 25px;font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.7;color:var(--text);overflow-y:auto}.legal-page h1{font-size:2rem;margin-bottom:40px;letter-spacing:1px;text-align:left;opacity:.9}.legal-section{margin:0 auto 45px;max-width:650px;text-align:left}.legal-section h2{font-size:1.3rem;margin-bottom:14px;letter-spacing:.5px;opacity:.85}.legal-section p{margin-bottom:12px}.legal-section strong{font-weight:700}.back-link{display:inline-block;margin-top:40px;font-size:.9rem;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s;color:inherit}.back-link:hover{border-color:var(--text)}