﻿/* The Red Door: personal domain and voluntary listening chamber. */
:root{--chamber-red:#dc182b;--chamber-black:#050304;--chamber-line:#7a263544}
body{background:#080507}.brand-caption{color:#ba6b76!important}.site-header{background:#080507ed}.signal-strip{background:#4e0713}
.hero{min-height:calc(100svh - 120px);grid-template-columns:1.08fr .92fr;gap:4%;padding-block:70px;isolation:isolate}
.hero h1{font-size:clamp(64px,6.9vw,110px);letter-spacing:-.07em;line-height:.96;max-width:760px}.hero h1 em{display:block;font-size:.84em;margin-top:15px;color:#ef273f}
.hero .eyebrow{font-size:10px;letter-spacing:.17em;color:#ef6678}.hero-sub{font-size:17px!important;line-height:1.85!important;max-width:580px;color:#d3b7bc!important;border-left-color:#b80d25!important}
.hero-invitation{font-family:var(--heavy),sans-serif;font-size:15px;letter-spacing:.055em;line-height:1.6;color:#f3cbd1;margin-top:30px;max-width:500px}.hero-actions{margin-top:22px!important;align-items:center}.hero-actions .button{min-height:56px;padding:16px 24px;font-size:11px}.hero-foot{line-height:1.8;font-size:8px!important;letter-spacing:.08em!important;flex-wrap:wrap}
.hero-art{height:590px;border-color:#ae1b3444;box-shadow:0 0 110px #85081b24;background:#040204;overflow:hidden}.hero-spiral,.focus-spiral{background-image:url('chamber-spiral.svg')!important;animation:audibleSpiral 28s linear infinite!important;filter:drop-shadow(0 0 18px #a9001a88)!important}.hero-spiral{width:150%;opacity:.8}.hero-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 20%,#030103dd 90%)}.hero-center-copy{z-index:3;background:#080105bd;border-color:#7b1029}.hero-center-copy strong{color:#ff6a80}.hero-art-top,.hero-art-caption,.hero-side-caption{z-index:4}.hero-graticule{opacity:.15}.hero-corner{border-color:#b5223a}
.quote-band{background:#13070c;border-color:#77203655}.quote-band p{letter-spacing:.3em}.library-section{padding-block:80px!important}.section-header h2{font-size:clamp(42px,4.7vw,70px)!important;max-width:900px}.discover-toolbar{align-items:center;gap:20px}.filter-scroll{flex-wrap:wrap;overflow:visible;gap:10px}.filter-button{min-height:44px;border-color:#662134;font-size:11px;letter-spacing:.06em}.filter-button.active{background:#9a112a}.search-field{min-width:220px}.experience-card{max-width:570px}.cards-grid{grid-template-columns:minmax(0,570px);justify-content:center}.card-art{height:340px}.card-hook{min-height:0}.card-body{padding-bottom:25px}.card-moods{min-height:0}
.listening-history{border:1px solid #6d253b55;padding:15px 20px;margin:20px 0;color:#bda1a9;background:#140b10}.listening-history summary{cursor:pointer;font-size:10px;letter-spacing:.15em;min-height:30px}.history-counts{display:flex;gap:24px;flex-wrap:wrap;padding-block:15px}.history-counts b{color:#ffb1bf;font-size:22px;margin-right:7px}.history-storage{font-size:11px;line-height:1.7;color:#b49ba1;margin:10px 0}.listening-history button{font-size:10px;min-height:44px;margin-top:10px}
.ritual-section{background:#14080d}.ritual-copy h2{font-size:clamp(44px,4.8vw,72px)}.detail-art-name span:last-child{letter-spacing:.13em}.listen-box h3{font-size:25px!important;line-height:1.3}.closing-section{padding-block:75px!important}.closing-section h2{font-size:clamp(44px,5vw,78px)!important}
.chamber-dialog{width:100vw;height:100dvh;max-height:100dvh;max-width:none;margin:0;border:0;background:#030103;color:#fae4e9}.chamber-dialog .focus-scene{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;height:100%;overflow:hidden;background:#030103;padding:clamp(12px,2.3vw,32px) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));isolation:isolate}
.chamber-dialog .focus-spiral{position:absolute;width:140vmax;height:140vmax;left:50%;top:50%;opacity:.6;z-index:-3;mask-image:none}.chamber-glow{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 65%,#9f001f33,transparent 66%);animation:chamberBreath 12s ease-in-out infinite;pointer-events:none}.chamber-dialog .focus-vignette{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,#09020715 5%,#030103c7 72%,#030103fa 100%)}
.chamber-dialog .focus-top{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:3;padding-top:env(safe-area-inset-top);border-bottom:1px solid #ba375140;padding-bottom:12px}.chamber-brand{display:flex;flex-direction:column;gap:5px;min-width:0}.chamber-brand strong{font-family:var(--heavy),sans-serif;font-size:18px;font-weight:850;letter-spacing:.12em;line-height:1.3}.chamber-brand>span{font-size:8px!important;letter-spacing:.14em!important;color:#c78e9c}.chamber-dialog .focus-top-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.chamber-dialog .focus-top button{min-height:44px;padding:10px 13px;font-size:9px;letter-spacing:.08em;background:#10070bd9}.chamber-dialog .exit-chamber{background:#421020;border-color:#cc3d58;color:#ffdbdf}.chamber-dialog .exit-chamber:hover{background:#7f1830}
.chamber-body{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;text-align:center;align-content:center;padding:28px 12px;scrollbar-color:#8d1e35 #14050b}.chamber-eyebrow{color:#ff9aab;font-size:10px;letter-spacing:.25em;line-height:1.7;margin-bottom:14px}.chamber-body>h2{font-family:var(--heavy),sans-serif;font-size:clamp(42px,6vw,88px);font-weight:900;letter-spacing:-.045em;line-height:1.06;text-transform:uppercase;overflow-wrap:anywhere}.chamber-body>#chamberMessage{font-family:Georgia,serif;font-style:italic;font-size:clamp(18px,2vw,24px);line-height:1.55;color:#d8a5b2;margin-top:15px;max-width:680px;margin-inline:auto}
.chapter-rail{display:flex;gap:0;max-width:720px;margin:28px auto 0;padding:0;list-style:none;align-items:stretch}.chapter-rail li{flex:1;min-width:0;padding:12px 8px;border-top:2px solid #782c3e70;background:#09040775;color:#ae808b}.chapter-rail li>span{display:block;font-family:Georgia,serif;font-size:17px;margin-bottom:5px}.chapter-rail strong{font-size:9px;font-weight:600;letter-spacing:.1em;line-height:1.6;display:block;overflow-wrap:anywhere}.chapter-rail .is-current{color:#fff1f4;border-color:#ff506f;background:#76172f62}.chapter-rail .is-complete>span:after{content:' \2713';color:#ee7190}
.chamber-pause-panel{max-width:620px;padding:22px;margin:24px auto 0;border:1px solid #d04b6866;background:#10070bed;box-shadow:0 12px 60px #0008}.chamber-pause-panel h3{font-family:var(--heavy),sans-serif;font-size:22px;font-weight:800;letter-spacing:.1em}.chamber-pause-panel>p{color:#cba2ad;font-family:Georgia,serif;font-size:16px;margin-top:9px;line-height:1.6}.pause-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.pause-counts strong{display:block;font-family:Georgia,serif;font-size:29px;color:#ffabbc}.pause-counts span{display:block;font-size:10px;color:#bd939f;line-height:1.6}.chamber-pause-panel .history-storage{font-family:inherit;font-size:10px}.discord-prompt{border-top:1px solid #a0395355;padding-top:15px;margin-top:15px}.discord-prompt p{font-size:13px;line-height:1.7}.discord-prompt .button{min-height:44px;margin-block:12px;font-size:10px}.discord-prompt>span{display:block;font-size:14px;margin:12px}.discord-prompt label{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;min-height:44px}.discord-prompt input{width:18px;height:18px;accent-color:#d62347}
.chamber-console{position:relative;z-index:3;border-top:1px solid #ba375166;background:#0b0509d9;padding:14px 18px 6px;margin-top:8px;max-width:980px;width:100%;justify-self:center;backdrop-filter:blur(20px)}.chamber-transport{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.chamber-console .focus-repeat{margin:0;min-height:44px;padding:10px 17px;letter-spacing:.09em;font-size:10px}.chamber-console .focus-play{height:48px;min-width:94px;width:auto;border-radius:3px;font-size:12px;font-weight:800;letter-spacing:.08em}.chamber-seek{display:flex;align-items:center;gap:14px;margin-top:12px}.chamber-seek span{font-size:10px;font-variant-numeric:tabular-nums;min-width:36px}.chamber-seek input{width:100%;accent-color:#f22c52;min-height:25px;cursor:pointer}.chamber-settings{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:4px}.chamber-settings label{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.12em;min-height:35px}.chamber-settings input{width:100px;accent-color:#f22c52}.chamber-settings select{background:#28111b;color:#f5d1d9;border:1px solid #8a3047;min-height:35px;padding:3px 8px}.chamber-settings>span{font-size:7px;color:#a07985;letter-spacing:.12em}
body.chamber-audio-paused .chamber-dialog .focus-spiral,body.chamber-audio-paused .chamber-glow{animation-play-state:paused!important}.chamber-dialog [hidden]{display:none!important}
@keyframes chamberBreath{0%,100%{opacity:.4}50%{opacity:1}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;padding-block:50px;gap:35px}.hero-art{height:440px}.hero h1{font-size:clamp(64px,11vw,95px)}.hero-sub{max-width:680px}.hero .hero-copy{max-width:850px}.hero-art{max-width:680px;justify-self:center}.discover-toolbar{align-items:flex-start;flex-direction:column}.search-field{width:100%}.chamber-brand strong{font-size:14px}.chamber-dialog .focus-top button{padding:8px 10px}}
@media(max-width:650px){.hero{padding-top:38px!important;gap:25px}.hero h1{font-size:clamp(52px,13.2vw,76px);margin-top:22px}.hero h1 em{font-size:.8em}.hero .eyebrow{font-size:8px;letter-spacing:.09em}.hero-sub{font-size:14px!important;line-height:1.8!important}.hero-invitation{font-size:12px;margin-top:24px}.hero-actions{gap:17px}.hero-art{height:365px}.hero-foot{font-size:7px!important}.hero .text-link{font-size:9px}.hero-actions .button{font-size:10px;min-height:52px}.quote-band p{font-size:9px;letter-spacing:.15em}.library-section{padding-block:60px!important}.section-header h2{font-size:43px!important}.filter-scroll{gap:7px}.filter-button{font-size:10px;padding:10px 12px}.card-art{height:300px}.history-counts{gap:14px;font-size:11px}.listening-history{padding:13px}.chamber-dialog .focus-scene{padding:10px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.chamber-dialog .focus-top{align-items:flex-start;gap:8px;padding-bottom:10px}.chamber-brand{padding-top:4px;max-width:100px}.chamber-brand strong{font-size:12px;letter-spacing:.05em}.chamber-brand>span{font-size:6px!important;letter-spacing:.04em!important}.chamber-dialog .focus-top-actions{gap:5px;max-width:205px}.chamber-dialog .focus-top button{min-height:44px;font-size:7px;padding:7px 8px;letter-spacing:.02em}.chamber-dialog .focus-top button:first-child{font-size:6px}.chamber-body{padding:22px 3px}.chamber-eyebrow{font-size:8px;letter-spacing:.13em}.chamber-body>h2{font-size:43px}.chamber-body>#chamberMessage{font-size:18px}.chapter-rail{margin-top:20px}.chapter-rail li{padding:8px 4px}.chapter-rail strong{font-size:7px;letter-spacing:.01em}.chapter-rail li>span{font-size:15px}.chamber-pause-panel{padding:16px 12px;margin-top:18px}.chamber-pause-panel h3{font-size:18px}.pause-counts{gap:7px}.pause-counts strong{font-size:25px}.pause-counts span{font-size:9px}.chamber-console{padding:10px 4px 2px}.chamber-transport{gap:6px;flex-wrap:nowrap}.chamber-console .focus-repeat{min-height:44px;font-size:7px;padding:8px 9px;letter-spacing:.03em}.chamber-console .focus-play{min-width:65px;height:44px;font-size:10px}.chamber-settings{gap:10px}.chamber-settings label{font-size:7px;gap:6px}.chamber-settings input{width:75px}.chamber-settings>span{display:none}.chamber-settings select{min-height:35px}.chamber-seek{margin-top:8px}.chamber-pause-panel>p{font-size:14px}}
@media(max-height:460px){.chamber-dialog .focus-top{padding-block:0 6px}.chamber-body{padding-block:12px}.chamber-body>h2{font-size:38px}.chamber-eyebrow{margin-bottom:6px}.chapter-rail{margin-top:10px}.chamber-console{padding-top:6px}.chamber-seek{margin-top:3px}.chamber-settings{margin-top:0}.chamber-settings label{min-height:28px}.chamber-settings select{min-height:28px}}
@media(prefers-reduced-motion:reduce){.hero-spiral,.focus-spiral,.chamber-glow{animation:none!important;transform:translate(-50%,-50%) rotate(0deg)!important}.chamber-glow{transform:none!important;opacity:.5}.chamber-console{backdrop-filter:none}}

.ritual-copy h2 em{display:block;margin-top:10px}.hero-art-top{color:#edc5ce!important}.hero-art-top .spiral-motion-control{color:#ffe4eb;background:#3d101de8;border-color:#b63c55}.hero-art-caption{color:#c88897!important}@media(max-width:650px){.chamber-dialog .focus-top button{font-size:8px}.chamber-dialog .focus-top button:first-child{font-size:7px}.chamber-console .focus-repeat{font-size:8.5px}.chamber-settings label{font-size:8px}.chamber-settings select{min-height:44px}}

.history-discord-setting{display:flex;gap:10px;align-items:center;min-height:44px;font-size:12px;margin:10px 0}.history-discord-setting input{accent-color:#d62347;width:18px;height:18px}
.chamber-dialog .focus-scene{align-items:stretch;justify-content:stretch}.chamber-body{align-self:stretch;display:flex;flex-direction:column;align-items:stretch;justify-content:safe center}.chamber-body>*{flex-shrink:0}.chapter-rail{width:100%}.chamber-pause-panel{width:100%}
