:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253b35;background:#f4f1e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{padding:18px 28px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #dcded5;z-index:2;background:#f4f1e9}.mark{width:44px;height:44px;background:#253b35;color:#eee9dd;display:grid;place-items:center;font:30px Georgia,serif;border-radius:50%}h1{font-size:18px;margin:0;font-weight:650;letter-spacing:.02em}header p{font-size:12px;margin:3px 0 0;color:#66716a}.badge{margin-left:auto;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid #cbd3c9;border-radius:20px;padding:7px 10px}main{position:relative;flex:1;min-height:0;background:radial-gradient(ellipse at 50% 42%,#fdfbf6,#e6e4da)}model-viewer{width:100%;height:100%;--poster-color:transparent;outline:none;touch-action:none}model-viewer::part(default-progress-bar){display:none}.hint{position:absolute;top:20px;left:0;width:100%;text-align:center;pointer-events:none;font-size:13px;color:#66716a}.hint span{margin:0 8px;color:#9ca89d}.controls{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:6px;border:1px solid #d5d9cc;background:#fffdf5f2;box-shadow:0 8px 30px #273d3513;border-radius:18px;backdrop-filter:blur(12px)}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.controls button{border:0;background:transparent;border-radius:12px;min-width:83px;min-height:57px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:11px}.controls button:hover{background:#e9ede3}.controls button[aria-pressed=true]{background:#253b35;color:#fff}button:focus-visible,summary:focus-visible{outline:3px solid #8f9b64;outline-offset:2px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;padding-bottom:max(12px,env(safe-area-inset-bottom));font-size:11px;border-top:1px solid #dcded5;background:#f4f1e9;color:#657067;z-index:3}details{position:relative}summary{cursor:pointer;white-space:nowrap}details p{position:absolute;bottom:25px;right:0;width:min(340px,87vw);padding:18px;border:1px solid #d0d8ce;background:#fffdf6;box-shadow:0 8px 35px #253b3520;border-radius:14px;line-height:1.65;font-size:13px;color:#3e4d44}.loader{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);width:270px;text-align:center;padding:16px;background:#fffdf6ed;border:1px solid #d5d9cc;border-radius:12px;font-size:13px}.track{margin-top:12px;height:3px;background:#d9dfd4;border-radius:2px;overflow:hidden}.track i{display:block;width:0;height:100%;background:#466a51;transition:width .2s}.error{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:300px;text-align:center;background:#fffdf6;padding:22px;border-radius:16px;font-size:14px;box-shadow:0 8px 30px #253b3525}.error button{background:#253b35;color:white;padding:10px 20px;border:0;border-radius:10px}.toast{position:absolute;bottom:108px;left:50%;transform:translateX(-50%);padding:11px 18px;background:#253b35;color:#fff;border-radius:20px;font-size:13px;white-space:nowrap}[hidden]{display:none!important}@media(max-width:600px){header{padding:12px 16px}.mark{width:38px;height:38px;font-size:26px}h1{font-size:17px}.badge{font-size:9px;padding:6px 8px}.hint{font-size:11px;top:18px}.controls{bottom:16px;gap:0;padding:5px;max-width:calc(100% - 24px)}.controls button{min-width:73px;min-height:56px}.controls button span{font-size:10px}footer{font-size:10px;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom))}footer>span{max-width:55%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}