:root{--ink:#2d1b4e;--ink-soft:#6b5b95;--paper:#f8f6ff;--paper-deep:#ede9fe;--planet:#7c3aed;--planet-light:#a78bfa;--planet-deep:#5b21b6;--star:#fbbf24;--star-soft:#fef3c7;--pink:#f9a8d4;--blue:#93c5fd;--green:#86efac;--line:#ddd6fe;--focus:#7c3aed;--shadow:0 8px 32px rgba(124,58,237,0.1);--gradient-hero:linear-gradient(160deg,#1e1b4b,#312e81 35%,#4c1d95 70%,#6b21a8);--gradient-footer:linear-gradient(180deg,#312e81,#1e1b4b)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:1rem;line-height:1.7}*,body,html{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' width='28' height='28'><defs><filter id='glow'><feGaussianBlur stdDeviation='0.8' result='blur'/><feMerge><feMergeNode in='blur'/><feMergeNode in='SourceGraphic'/></feMerge></filter></defs><path d='M14 3l2.76 5.59L23 9.75l-4.5 4.38 1.06 6.2L14 17.3l-5.56 3.03 1.06-6.2L5 9.75l6.24-.91L14 3z' fill='%23fbbf24' filter='url(%23glow)'/><path d='M14 3l2.76 5.59L23 9.75l-4.5 4.38 1.06 6.2L14 17.3l-5.56 3.03 1.06-6.2L5 9.75l6.24-.91L14 3z' fill='%237c3aed' opacity='0.35'/></svg>") 14 14,auto}.clickable,.mode-option,.mode-toggle,.source-buttons button,.source-buttons label,[role=button],a,button,input[type=submit],label,select,summary{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'><defs><filter id='glow'><feGaussianBlur stdDeviation='1' result='blur'/><feMerge><feMergeNode in='blur'/><feMergeNode in='SourceGraphic'/></feMerge></filter></defs><path d='M16 4l3.09 6.26L26 11.27l-5 4.87 1.18 6.88L16 18.77l-6.18 3.25L11 15.14 6 11.27l6.91-1.01L16 4z' fill='%23facc15' filter='url(%23glow)'/></svg>") 16 4,pointer}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--star);outline-offset:4px}input:focus-visible,select:focus-visible{outline:3px solid var(--planet);outline-offset:2px}button{font:inherit}.shell{width:min(100% - 2.5rem,72rem);margin-inline:auto}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:10;padding:.55rem .8rem;background:var(--ink);color:#fff;transform:translateY(-170%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);background:rgba(248,246,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{flex-wrap:wrap;gap:1rem 1.5rem;justify-content:space-between;padding-block:1rem}.header-inner,.wordmark{display:flex;align-items:center}.wordmark{gap:.5rem;font-family:Georgia,Songti SC,serif;font-size:1.35rem;font-weight:700;letter-spacing:.06em;text-decoration:none;color:var(--ink)}.wordmark-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem}.header-right{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center}nav{display:flex;gap:1.25rem}nav a{color:var(--ink-soft);text-decoration:none;font-weight:600;padding:.25rem 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}nav a.nav-active,nav a:hover{color:var(--planet)}nav a.nav-active{border-bottom-color:var(--planet)}.lang-toggle{min-height:2.25rem;padding:.35rem .85rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:transparent;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.lang-toggle:hover{border-color:var(--planet);color:var(--planet)}.hero{position:relative;overflow:hidden;padding-block:clamp(3.5rem,8vw,7rem);background:var(--gradient-hero);color:#fff}.hero:before{background-image:radial-gradient(1.5px 1.5px at 10% 20%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 25% 50%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 45% 15%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 60% 70%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 75% 30%,rgba(251,191,36,.6),transparent),radial-gradient(1px 1px at 85% 60%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 15% 80%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 35% 35%,rgba(249,168,212,.5),transparent),radial-gradient(2px 2px at 55% 85%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 70% 10%,rgba(147,197,253,.6),transparent),radial-gradient(1.5px 1.5px at 90% 40%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 5% 55%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 50% 50%,rgba(251,191,36,.4),transparent);background-size:100% 100%}.hero:after,.hero:before{content:"";position:absolute;inset:0;pointer-events:none}.hero:after{background:radial-gradient(ellipse at 70% 40%,rgba(124,58,237,.25),transparent 60%)}.hero .shell{position:relative;z-index:1}.hero-grid{display:grid;grid-gap:clamp(2rem,6vw,5rem);gap:clamp(2rem,6vw,5rem);grid-template-columns:minmax(0,1.3fr) minmax(12rem,.7fr);align-items:center}.hero .eyebrow{color:var(--star)}.hero h1{color:#fff}.hero-copy{color:rgba(255,255,255,.85)}.hero .button-link{background:var(--star);color:var(--ink);font-weight:700}.hero .button-link:hover{background:#f59e0b}.content-type,.eyebrow{margin:0 0 .5rem;color:var(--planet);font-size:.82rem;font-weight:700;letter-spacing:.08em}h1,h2,h3{font-family:Georgia,Songti SC,serif;line-height:1.25}h1{max-width:14ch;font-size:clamp(2.2rem,5.5vw,4.5rem)}h1,h2{margin:0}h2{font-size:clamp(1.8rem,3.5vw,2.8rem)}h3{margin:0;font-size:1.35rem}.hero-copy{max-width:38rem;font-size:1.15rem}.button-link{display:inline-block;margin-top:1rem;padding:.65rem 1.25rem;border-radius:999px;background:var(--planet);color:#fff;text-decoration:none;font-weight:600;transition:background .2s}.button-link:hover{background:var(--planet-deep)}.planet-illustration{position:relative;min-height:14rem;display:flex;align-items:center;justify-content:center}.planet-illustration svg{width:100%;max-width:18rem;height:auto;filter:drop-shadow(0 0 40px rgba(167,139,250,.4))}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.star-twinkle{animation:twinkle 3s ease-in-out infinite}.star-twinkle:nth-child(2){animation-delay:.8s}.star-twinkle:nth-child(3){animation-delay:1.5s}.star-twinkle:nth-child(4){animation-delay:2.2s}.boundary-callout{margin-top:2rem;padding:1rem 1.25rem;border-left:5px solid var(--planet);color:var(--ink);background:var(--paper-deep);border-radius:0 .5rem .5rem 0}.section{padding-block:clamp(3rem,7vw,6rem)}.section-heading{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem}.featured-video{border-block:1px solid var(--line)}video{width:100%;background:var(--ink);border-radius:.5rem}details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:700}.evidence-label,.review-label{margin:.75rem 0 0;font-size:.88rem;color:var(--ink-soft)}.evidence-label{color:var(--ink)}.site-footer{position:relative;overflow:hidden;padding-block:2rem;color:rgba(255,255,255,.7);background:var(--gradient-footer)}.site-footer:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 15% 50%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 40% 30%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 70% 60%,rgba(251,191,36,.3),transparent),radial-gradient(1px 1px at 85% 40%,rgba(255,255,255,.3),transparent);pointer-events:none}.site-footer .shell{position:relative;z-index:1}.section-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.5rem}.section-card{position:relative;padding:1.5rem;border:1px solid var(--line);background:rgba(255,255,255,.6);box-shadow:var(--shadow);border-radius:.75rem;transition:transform .2s,box-shadow .2s}.section-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(124,58,237,.15)}.section-card .card-icon{font-size:1.5rem;margin-bottom:.5rem}.section-card h3{margin-bottom:.5rem}.section-card p{color:var(--ink-soft);margin:0 0 .75rem}.section-card a{color:var(--planet);font-weight:600;text-decoration:none}.section-card a:hover{text-decoration:underline}.resource-list{display:grid;grid-gap:1rem;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none}.resource-list li{padding-bottom:1rem;border-bottom:1px solid var(--line)}.resource-list a{font-weight:700;text-underline-offset:.2rem;color:var(--planet)}.resource-list p{margin:.35rem 0;color:var(--ink-soft)}.library-intro{max-width:48rem;color:var(--ink-soft);font-size:1.1rem}.content-filters{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;margin-top:2rem;padding:1.25rem;border:1px solid var(--line);background:rgba(255,255,255,.6);border-radius:.75rem}.content-filters label{display:grid;grid-gap:.35rem;gap:.35rem;color:var(--ink);font-weight:700}.content-filters input,.content-filters select{width:100%;min-height:2.6rem;padding:.45rem .55rem;border:1px solid var(--line);border-radius:.4rem;color:var(--ink);background:#fff;font:inherit;font-weight:400}.quiet-button{min-height:2.6rem;padding:.45rem .75rem;border:1px solid var(--planet);border-radius:999px;color:var(--planet);background:transparent;cursor:pointer;font-weight:600;transition:all .2s}.quiet-button:hover{background:var(--planet);color:#fff}.result-count{margin:1.5rem 0;color:var(--ink-soft);font-weight:700}.video-card-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.video-card{display:flex;flex-direction:column;gap:.9rem;padding:1.5rem;border:1px solid var(--line);background:rgba(255,255,255,.6);box-shadow:var(--shadow);border-radius:.75rem}.video-card h2{font-size:1.4rem}.video-card h2 a{color:var(--ink);text-decoration:none}.video-card h2 a:hover{color:var(--planet)}.video-card p{margin:0;color:var(--ink-soft)}.video-meta{display:grid;grid-gap:.7rem;gap:.7rem;margin:auto 0 0;font-size:.9rem}.video-meta div{display:grid;grid-gap:.15rem;gap:.15rem}.video-meta dt{color:var(--ink-soft);font-weight:700}.video-meta dd{margin:0}.empty-state{display:grid;grid-gap:.75rem;gap:.75rem;justify-items:start;padding:1.5rem;border-left:5px solid var(--planet);background:var(--paper-deep);border-radius:0 .5rem .5rem 0}.empty-state h2,.empty-state p{margin:0}.empty-state a{font-weight:700;text-underline-offset:.2rem;color:var(--planet)}.empty-state a+a{margin-left:1rem}.video-detail>.boundary-callout{margin:2rem 0}.video-playback{margin-top:2.5rem}.video-player-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1rem}.detail-grid h2,.related-list+h2,.source-list h2,.transcript h2,.video-player-actions h2{font-size:1.5rem}.transcript{margin-top:1.5rem;padding:1.25rem;border:1px solid var(--line);background:rgba(255,255,255,.6);border-radius:.75rem}.transcript p{margin:.8rem 0 0}.transcript a{font-weight:700;text-underline-offset:.2rem}.detail-grid{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2.5rem}.detail-grid section,.source-list,.video-detail>section:last-child{padding-top:1.5rem;border-top:1px solid var(--line)}.detail-grid h2,.source-list h2,.video-detail>section:last-child h2{margin-bottom:.8rem}.detail-grid p{margin:.6rem 0}.source-list{margin-top:2.5rem}.related-list,.source-list ul{margin:0;padding-left:1.2rem}.related-list{display:grid;grid-gap:.6rem;gap:.6rem}.related-list a{text-underline-offset:.2rem;color:var(--planet)}.donate-hero{padding-block:clamp(3rem,7vw,5rem)}.donate-points{margin:1.5rem 0 0;padding-left:1.2rem}.donate-points li{margin-bottom:.75rem;color:var(--ink-soft)}.donate-orgs{margin-top:1.5rem}.message-guidelines{margin:2rem 0}.message-guidelines ul{margin:.75rem 0 0;padding-left:1.2rem}.message-guidelines li{margin-bottom:.5rem;color:var(--ink)}.message-form{display:grid;grid-gap:1.25rem;gap:1.25rem;margin:2rem 0 .5rem;padding:1.5rem;border:1px solid var(--line);background:rgba(255,255,255,.6);box-shadow:var(--shadow);border-radius:.75rem}.message-form label{display:grid;grid-gap:.4rem;gap:.4rem;color:var(--ink);font-weight:700}.message-form input,.message-form textarea{width:100%;padding:.6rem .7rem;border:1px solid var(--line);border-radius:.4rem;color:var(--ink);background:#fff;font:inherit;font-weight:400;resize:vertical}.message-form .button-link{justify-self:start;border:none;cursor:pointer}.char-count{font-size:.82rem;font-weight:400;color:var(--ink-soft)}.privacy-note{font-size:.88rem;color:var(--ink-soft)}.moderation-note{font-size:.82rem;color:var(--ink-soft);font-style:italic;margin-top:.25rem}.admin-floating-btn{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--planet);color:#fff;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 20px rgba(138,43,226,.35);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.admin-floating-btn:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(138,43,226,.5)}.admin-floating-btn.admin-active{background:#dc5050}.admin-login-overlay{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.admin-login-panel{background:var(--surface);border:1px solid var(--line);border-radius:.75rem;padding:1.5rem;max-width:20rem;width:90%;box-shadow:0 12px 40px rgba(0,0,0,.2)}.admin-login-panel h3{margin:0 0 .75rem;font-size:1.1rem}.admin-login-panel input{width:100%;padding:.55rem .75rem;border:1px solid var(--line);border-radius:.4rem;font:inherit;font-size:.95rem;margin-bottom:.75rem;box-sizing:border-box}.admin-login-panel .login-actions{display:flex;gap:.5rem}.admin-login-panel .login-actions button{flex:1 1}.admin-login-panel .login-error{color:#dc5050;font-size:.85rem;margin-top:.5rem}.admin-bar{position:fixed;bottom:1.5rem;right:5rem;z-index:1000;display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:2rem;background:rgba(220,80,80,.1);border:1px solid rgba(220,80,80,.25);box-shadow:0 2px 12px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-badge{font-size:.82rem;font-weight:700;color:#dc5050}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message-pinned{border-color:var(--planet)!important;background:rgba(138,43,226,.04)!important}.pinned-badge{display:inline-flex;align-items:center;gap:.15rem;margin-right:.4rem;padding:.1rem .5rem;border-radius:.3rem;background:var(--planet);color:#fff;font-size:.75rem;font-weight:700}.admin-actions{margin-top:.75rem;padding-top:.5rem;border-top:1px dashed var(--line);display:flex;gap:.5rem}.admin-pin-btn{min-height:auto;padding:.25rem .6rem;font-size:.8rem;color:var(--planet)}.message-delete{min-height:auto;padding:.3rem .6rem;font-size:.82rem}.message-list-section{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}.empty-messages{padding:2rem;text-align:center;color:var(--ink-soft);background:var(--paper-deep);border-radius:.5rem}.message-list{display:grid;grid-gap:1rem;gap:1rem;margin:0;padding:0;list-style:none}.message-item{padding:1.25rem;border:1px solid var(--line);background:rgba(255,255,255,.6);box-shadow:var(--shadow);border-radius:.75rem}.message-header{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline;justify-content:space-between}.message-header strong{font-size:1.05rem}.message-header time{font-size:.85rem;color:var(--ink-soft)}.message-text{margin:.6rem 0;color:var(--ink);white-space:pre-wrap;word-break:break-word}.message-mode-toggle{display:flex;gap:.5rem}.message-mode-toggle button{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-soft);font:inherit;font-weight:600;cursor:pointer;transition:all .2s}.message-mode-toggle button.active{border-color:var(--planet);background:var(--planet);color:#fff}.voice-recording-area{padding:1rem 0}.voice-record-idle{text-align:center}.record-button{width:4rem;height:4rem;border-radius:50%;border:none;background:var(--pink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,transform .1s}.record-button:hover{background:#d4a8d4}.record-button:active{transform:scale(.95)}.record-icon{width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(220,80,80,.5)}.voice-recording-active{text-align:center}.recording-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem}.recording-pulse{width:1rem;height:1rem;border-radius:50%;background:#dc5050;animation:record-pulse 1.2s ease-in-out infinite}@keyframes record-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.recording-time{font-size:1.4rem;font-weight:700;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recording-label{font-weight:600;color:#dc5050}.stop-button{margin-top:.5rem;padding:.5rem 1.25rem;border:1px solid #dc5050;border-radius:999px;background:#dc5050;color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:background .2s}.stop-button:hover{background:#c44}.voice-preview{padding:1rem;border:1px solid var(--line);border-radius:.5rem;background:var(--paper-deep)}.voice-preview-label{margin:0 0 .5rem;font-weight:700;color:var(--ink)}.voice-preview-player{width:100%}.voice-preview-actions{margin-top:.5rem}.voice-rerecord{min-height:auto;padding:.3rem .7rem;font-size:.85rem}.record-hint{margin:1rem 0 0;color:var(--ink-soft);font-size:.9rem;text-align:center}.voice-intro-callout{margin:1.5rem 0 0;padding:1.25rem 1.5rem;border-left:4px solid var(--pink);background:rgba(255,255,255,.5);border-radius:0 .5rem .5rem 0}.voice-intro-title{margin:0 0 .5rem;font-size:1.05rem;color:var(--ink)}.voice-intro-text{margin:0;color:var(--ink-soft);font-size:.95rem;line-height:1.6}.voice-message-display{display:grid;grid-gap:.5rem;gap:.5rem;margin:.75rem 0;padding:.75rem 1rem;background:var(--paper-deep);border-radius:.5rem}.voice-message-display .voice-icon{font-size:1.1rem}.voice-label{font-weight:700;color:var(--ink);font-size:.9rem}.voice-duration{font-size:.82rem;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.voice-player{width:100%;margin-top:.25rem}.message-form .button-link:disabled{opacity:.5;cursor:not-allowed}.music-hero{transition:background .8s ease}.music-hero.mode-normal{background:var(--gradient-hero)}.music-hero.mode-overload{background:linear-gradient(160deg,#450a0a,#7c2d12 35%,#9a3412 70%,#991b1b)}.music-hero.mode-overload:after{background:radial-gradient(ellipse at 30% 40%,rgba(220,38,38,.3),transparent 60%)}.music-hero.mode-hyperacusis{background:linear-gradient(160deg,#422006,#854d0e 35%,#a16207 70%,#ca8a04)}.music-hero.mode-hyperacusis:after{background:radial-gradient(ellipse at 50% 30%,rgba(250,204,21,.35),transparent 60%)}.music-hero.mode-echo{background:linear-gradient(160deg,#042f2e,#134e4a 35%,#115e59 70%,#0f766e)}.music-hero.mode-echo:after{background:radial-gradient(ellipse at 50% 40%,rgba(20,184,166,.3),transparent 60%)}.visual-overload{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.overload-bar{position:absolute;bottom:0;width:4%;height:100%;background:linear-gradient(0deg,rgba(239,68,68,.4),rgba(239,68,68,0));animation:overload-flicker .5s steps(2) infinite}@keyframes overload-flicker{0%{opacity:.2;transform:scaleY(.3)}50%{opacity:.8;transform:scaleY(1)}to{opacity:.1;transform:scaleY(.5)}}.visual-hyperacusis{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.flash-ring{position:absolute;border:2px solid rgba(254,240,138,.6);border-radius:50%;animation:flash-expand 2s ease-out infinite}.flash-1{animation-delay:0s}.flash-1,.flash-2{width:8rem;height:8rem}.flash-2{animation-delay:.7s}.flash-3{width:8rem;height:8rem;animation-delay:1.4s}@keyframes flash-expand{0%{transform:scale(.3);opacity:.9;border-width:3px}to{transform:scale(4);opacity:0;border-width:1px}}.visual-echo{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.echo-wave{position:absolute;top:50%;left:50%;width:6rem;height:6rem;border:2px solid rgba(45,212,191,.4);border-radius:50%;transform:translate(-50%,-50%);animation:echo-ripple 3s ease-out infinite}@keyframes echo-ripple{0%{transform:translate(-50%,-50%) scale(.2);opacity:.8}to{transform:translate(-50%,-50%) scale(6);opacity:0}}.music-player-section{padding-block:clamp(2.5rem,6vw,4.5rem)}.music-player-card{max-width:44rem;margin-inline:auto;padding:2rem;border:1px solid var(--line);background:rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:1rem;transition:border-color .5s,background .5s}.music-player-card.mode-overload-card{border-color:#dc2626;background:rgba(254,242,242,.6)}.music-player-card.mode-hyperacusis-card{border-color:#ca8a04;background:rgba(254,252,232,.6)}.music-player-card.mode-echo-card{border-color:#0d9488;background:rgba(240,253,250,.6)}.audio-source-select{text-align:center}.audio-source-select h2{margin-bottom:.5rem}.music-intro-text{color:var(--ink-soft);margin-bottom:1.5rem}.source-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.upload-label{cursor:pointer}.sample-button{border:none;cursor:pointer;font:inherit}.now-playing{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}.now-playing-label{margin:0;font-weight:600;color:var(--ink)}.text-button{background:none;border:none;color:var(--planet);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:.2rem}.player-controls{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start;margin-top:1.5rem}.play-button{flex-shrink:0;width:3.5rem;height:3.5rem;border-radius:50%;border:none;background:var(--planet);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s}.play-button:hover{background:var(--planet-deep)}.play-button:active{transform:scale(.95)}.mode-selector-container{flex:1 1;min-width:16rem}.mode-label{margin:0 0 .75rem;font-weight:700;color:var(--ink)}.mode-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.mode-btn{padding:.4rem .85rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-soft);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.mode-btn:hover{border-color:var(--planet);color:var(--planet)}.mode-btn.mode-active{border-color:var(--planet);background:var(--planet);color:#fff}.mode-description{margin:.5rem 0 0;font-size:.9rem;color:var(--ink-soft);line-height:1.6}.audio-error{margin-top:1rem;padding:.6rem .8rem;border-radius:.4rem;background:#fef2f2;color:#991b1b;font-size:.9rem}.music-explanation{max-width:72rem}.music-explanation-intro{max-width:48rem;color:var(--ink-soft);font-size:1.05rem;margin-bottom:0}.explanation-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.5rem}.explanation-card{padding:1.5rem;border:1px solid var(--line);background:rgba(255,255,255,.6);border-radius:.75rem}.explanation-card h3{margin-bottom:.5rem;font-size:1.1rem}.explanation-card p{margin:0;color:var(--ink-soft);font-size:.95rem}.music-disclaimer{margin-top:1.5rem;padding:1rem 1.25rem;border-left:4px solid var(--planet-light);background:var(--paper-deep);border-radius:0 .5rem .5rem 0;font-size:.9rem;color:var(--ink-soft)}.qr-page{text-align:center}.qr-card{max-width:28rem;margin:2rem auto 0;padding:2rem;border:1px solid var(--line);background:rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:1rem}.qr-image{width:100%;max-width:20rem;height:auto;border-radius:.5rem}.qr-info{margin-top:1.5rem}.qr-url{font-size:1.1rem;font-weight:700;color:var(--planet);word-break:break-all}.qr-instruction{color:var(--ink-soft);font-size:.95rem;line-height:1.6;margin:.75rem 0 0}.qr-tips{max-width:36rem;margin:2.5rem auto 0;text-align:left}.qr-tips h2{margin-bottom:.75rem;font-size:1.2rem}.qr-tips ul{padding-left:1.2rem}.qr-tips li{margin-bottom:.5rem;color:var(--ink-soft);font-size:.95rem}.qr-tips code{background:var(--paper-deep);padding:.15rem .35rem;border-radius:.25rem;font-size:.88rem;color:var(--planet)}@media (max-width:48rem){.content-filters,.content-grid,.detail-grid,.explanation-grid,.hero-grid,.section-grid,.video-card-grid,.video-grid{grid-template-columns:1fr}.header-inner{align-items:flex-start}.header-right{width:100%;justify-content:space-between}nav{flex-wrap:wrap}.planet-illustration{min-height:10rem}.planet-illustration svg{max-width:12rem}.player-controls{flex-direction:column;align-items:center;text-align:center}.mode-selector-container{text-align:center;width:100%}.mode-buttons{justify-content:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}