/* Harbor at night: black surfaces, a centered title, and restrained red light. */
:root{--bg:#030404;--panel:#0b0e0f;--panel2:#121718;--line:#272e30;--text:#e9e7e2;--muted:#a6aeaf;--red:#b44a40;--red2:#832e28;--ice:#adbdbe}
body{background:#030404}
.public-page{background:#030404}
.public-page .topbar{position:relative;z-index:5;border-bottom-color:#ffffff18;height:90px}
.public-page .brand{font-size:1.5rem;letter-spacing:.17em;color:#ece4d9}
.public-page .nav{font-size:.8125rem;gap:28px}
.public-page .nav .btn{background:#02040466;border-color:#ffffff35;font-weight:400}
.home-page .topbar{border-bottom-color:#ffffff14}
.cinema-opening{position:relative;isolation:isolate;min-height:850px;min-height:100svh;margin-top:-90px;padding:126px 24px 42px;display:grid;place-items:center;overflow:hidden;background:#020404}
.cinema-opening:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/harbor.png') center 42%/cover no-repeat;filter:saturate(.66);opacity:.83}
.cinema-opening:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0008 0%,#0001 22%,#0003 50%,#020404b8 80%,#030404 100%),radial-gradient(ellipse at center,#0006 0%,transparent 65%);pointer-events:none}
.cinema-content{width:min(960px,100%);text-align:center;display:flex;align-items:center;flex-direction:column}
.cinema-kicker{font-family:var(--font-site);font-size:.75rem;letter-spacing:.26em;display:flex;align-items:center;gap:20px;color:#c2cccc;text-shadow:0 2px 8px #000}
.cinema-kicker span{width:40px;height:1px;background:#b0babc66}
.cinema-logo{display:block;width:min(630px,74vw);height:auto;margin:-20px auto -30px;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 45%,#000b 58%,transparent 74%);filter:drop-shadow(0 9px 28px #000);user-select:none}
.cinema-genre{font-size:.6875rem;letter-spacing:.24em;color:#b9c2c1;margin:0 0 14px;text-shadow:0 2px 8px #000}
.cinema-copy h1{font-family:var(--font-site);font-size:clamp(1.75rem,3.1vw,2.7rem);line-height:1.3;font-weight:400;letter-spacing:-.025em;max-width:850px;margin:0 auto 13px;text-shadow:0 3px 25px #000}
.cinema-copy h1 em{color:#d1d7d3;white-space:nowrap}
.cinema-description{font-size:.9375rem;letter-spacing:.025em;color:#b5bdbb;margin:0;text-shadow:0 2px 10px #000}
.cinema-actions{justify-content:center;margin-top:30px;gap:15px}
.cinema-actions .btn{min-width:220px;min-height:48px;border-radius:2px;letter-spacing:.035em;font-size:.8125rem}
.public-page .btn.primary{background:linear-gradient(110deg,#742721,#94382e);border-color:#ae5144;box-shadow:0 4px 22px #6c201c21}
.public-page .btn.primary:hover{background:#a54035;box-shadow:0 6px 26px #a1352b40}
.cinema-actions .ghost{background:#02040480;border-color:#87929166;backdrop-filter:blur(8px)}
.cinema-scroll{display:flex;flex-direction:column;gap:13px;align-items:center;margin-top:46px;color:#929e9b;font-size:.625rem;letter-spacing:.24em}
.cinema-scroll span:last-child{font-size:1.2rem;color:#acb6b3}
.cinema-below{position:relative;z-index:1}
.public-page .signalbar{padding:30px 0;border-color:#282d2c}
.public-page .signalbar .eyebrow{font-size:.65rem;margin:0 0 12px;letter-spacing:.18em}
.public-page .signalbar strong{font-family:var(--font-site);font-size:1.35rem;font-weight:400;margin-bottom:5px}
.public-page .signalbar small{font-size:.75rem}
.public-page .wave{opacity:.35}
.public-page .section{border-color:#242a29;padding:90px 0}
.public-page .section h2{font-family:var(--font-site);font-size:clamp(2rem,3.3vw,3rem);letter-spacing:-.025em;line-height:1.2}
.public-page .section h2 em{font-weight:400;color:#8e9d99}
.public-page .card{background:linear-gradient(150deg,#0e1313,#060808);border-color:#242d2a;border-radius:3px}
.public-page .story-section .card{background:transparent;border:0;border-top:1px solid #39433e;padding:28px 0 12px;border-radius:0}
.public-page .story-section .grid{gap:50px}
.public-page .story-section .stat{display:block;font-size:2rem;color:#6e827d;margin-bottom:22px}
.public-page .story-section h3{font-family:var(--font-site);font-size:1.35rem;font-weight:400}
.public-page .episode-card{background:linear-gradient(180deg,#02060677,#020404fc),url('/harbor.png') center/cover;min-height:295px;border-color:#2f3935;border-radius:3px}
.public-page .episode-card:nth-child(2){background-position:28% center}
.public-page .episode-card:nth-child(3){background-position:80% center}
.public-page .episode-card .episode-number{font-size:3.5rem;color:#b1bfba}
.public-page .episode-card h3{font-family:var(--font-site);font-weight:400;font-size:1.4rem}
.public-page .tag{background:#03060570;font-size:.625rem;border-color:#4d5955;color:#becbc5}
.public-page .invitation-section{position:relative;background:radial-gradient(ellipse at 20% 80%,#52191522,transparent 65%)}
.public-page .public-footer{padding-bottom:105px;border-top:1px solid #ffffff0b}
.public-page:not(.home-page) #main{position:relative;isolation:isolate;min-height:65vh}
.public-page:not(.home-page) #main:before{content:'';position:absolute;z-index:-1;top:-90px;left:0;right:0;height:620px;background:linear-gradient(#0304049e,#030404),url('/harbor.png') center 40%/cover;opacity:.6;pointer-events:none}
.public-page .page-intro h1{font-family:var(--font-site);font-weight:400}
.public-page .auth .card{background:#050909e8;backdrop-filter:blur(18px);border-color:#46534b}
.ambient-player{position:fixed;right:26px;bottom:23px;z-index:15;display:flex;align-items:center;gap:15px;background:#050a09e8;border:1px solid #5a6a614f;box-shadow:0 6px 30px #0008;border-radius:5px;padding:8px 14px 8px 9px;backdrop-filter:blur(18px)}
.ambient-player button{padding:4px 8px;gap:13px;border:0;min-height:42px;background:transparent;text-align:left;font-size:.8125rem;font-weight:400}
.ambient-player button:hover{color:white;background:#ffffff08}
.ambient-action{display:block;color:#d6ded7;line-height:1.7}
.ambient-state{font-size:.55rem;display:block;letter-spacing:.13em;color:#8c9e93}
.ambient-volume{margin:0;width:66px;display:flex;align-items:center;border-left:1px solid #ffffff14;padding-left:12px}
.ambient-volume input{padding:0;min-height:32px;height:32px;width:54px;margin:0;accent-color:#9daf9b;cursor:pointer}
.ambient-bars{display:flex;align-items:center;gap:3px;height:24px;width:24px}
.ambient-bars i{width:2px;background:#74877a;height:5px}
.ambient-bars i:nth-child(2),.ambient-bars i:nth-child(4){height:11px}
.ambient-bars i:nth-child(3){height:18px}
.playing .ambient-bars i{background:#b2c5b3;animation:ambient-wave 1.1s ease-in-out infinite alternate}
.playing .ambient-bars i:nth-child(2){animation-delay:-.4s}.playing .ambient-bars i:nth-child(3){animation-delay:-.7s}.playing .ambient-bars i:nth-child(4){animation-delay:-.2s}
@keyframes ambient-wave{from{transform:scaleY(.35)}to{transform:scaleY(1.1)}}
.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}
.sidebar{background:#080b0c}.studio-header{background:#050707}.studio-content .card{background:#0b1011}.kanban-col{background:#070b0c}.script-scene{background:#0b1011}.scene-head{background:#151e20}
@media(min-width:1600px){.cinema-logo{width:710px}.cinema-opening{padding-top:135px}}
@media(max-width:760px){.public-page .topbar{height:78px}.public-page .nav{background:#040807f5}.cinema-opening{margin-top:-78px;padding:118px 20px 40px;min-height:790px;min-height:100svh}.cinema-opening:before{background-position:54% center;opacity:.85}.cinema-opening:after{background:linear-gradient(#0007,#0002 35%,#0008 70%,#030404)}.cinema-kicker{font-size:.6rem;letter-spacing:.16em;gap:12px}.cinema-kicker span{width:18px}.cinema-logo{width:min(540px,112vw);max-width:none;margin:0 -20px -10px}.cinema-genre{font-size:.56rem;letter-spacing:.14em;max-width:290px;line-height:1.8;margin:0 auto 12px}.cinema-copy h1{font-size:1.8rem;max-width:360px}.cinema-description{font-size:.8125rem;max-width:290px;margin:auto}.cinema-actions{width:100%;gap:10px;margin-top:25px}.cinema-actions .btn{min-width:0;width:100%;max-width:310px;flex:0 0 100%}.cinema-scroll{margin-top:30px}.public-page .section{padding:55px 0}.public-page .story-section .grid{gap:20px}.public-page .signalbar strong{font-size:1.15rem}.ambient-player{right:12px;bottom:12px;padding:6px 10px;gap:7px;max-width:calc(100% - 24px)}.ambient-state{font-size:.5rem}.ambient-player button{font-size:.75rem}.public-page .public-footer{padding-bottom:110px}}
@media(max-height:760px) and (min-width:761px){.cinema-opening{padding-top:95px;padding-bottom:24px}.cinema-logo{width:480px;margin:-25px auto -30px}.cinema-scroll{margin-top:22px}.cinema-actions{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.playing .ambient-bars i{animation:none}}
@media print{.ambient-player{display:none!important}}