:root{--scene-background-color:#fe3}body{background-color:#222;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.webgl{width:100%;height:100%;position:absolute;top:0;left:0}.title-container .title a,.title-container .about a,.title-container .about .about-modal a{text-shadow:none}.title-container a{color:contrast-color(var(--scene-background-color))}.next-sketch a{text-shadow:none;color:contrast-color(var(--scene-background-color));z-index:101}.record-btn{z-index:100;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1e1ed9;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 2px 12px #0006}.record-btn:hover{transform:scale(1.1);box-shadow:0 4px 20px #0009}.record-btn.recording:before{content:"";background:#e53935;border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite pulse-dot;position:absolute}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{color:#eee;background:#2a2a2a;border-radius:12px;min-width:340px;max-width:420px;padding:28px 32px;box-shadow:0 8px 40px #00000080}.modal-title{margin:0 0 20px;font-size:18px;font-weight:600}.modal-row{margin-bottom:14px}.modal-label{color:#aaa;margin-bottom:4px;font-size:13px;display:block}.modal-input{color:#eee;box-sizing:border-box;background:#1e1e1e;border:1px solid #444;border-radius:6px;width:100%;padding:8px 10px;font-size:14px}.modal-slider-group{align-items:center;gap:10px;display:flex}.modal-slider{accent-color:#db5461;flex:1}.modal-slider-value{font-variant-numeric:tabular-nums;text-align:right;min-width:32px;font-size:16px}.modal-unit{color:#888;font-size:13px}.modal-info{color:#888;margin:16px 0;font-size:13px}.modal-actions{gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s}.btn-primary{color:#fff;background:#db5461}.btn-primary:hover{background:#c44552}.btn-secondary{color:#ccc;background:#444}.btn-secondary:hover{background:#555}.hidden{display:none!important}