:root{--bg:#000;--text:#fff;--muted:rgba(255,255,255,.72);--red:#e50914;--border:rgba(255,255,255,.35);--font:"Lato",system-ui,Segoe UI,Roboto,Arial,sans-serif;--accent:"Bebas Neue",sans-serif}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}
.intro-overlay{position:fixed;inset:0;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center;transition:transform .7s cubic-bezier(.22,.96,.24,1),opacity .7s;will-change:transform,opacity}
.intro-overlay.hide{transform:translateY(-100%);opacity:0;pointer-events:none}
.intro-inner{text-align:center}
.intro-brand{width:150px;margin:0 auto 24px auto}
.intro-brand img{width:100%;height:auto;display:block}
.intro-sub{color:#fff;font-size:14px;margin-bottom:10px}
.intro-avatar{width:115px;margin:0 auto 12px auto}
.intro-avatar img{width:100%;height:auto;border-radius:8px;display:block}
.intro-name{color:#e50914;font-weight:800;font-size:16px;margin-bottom:18px}
.intro-open{background:transparent;border:1.8px solid #777;color:#e9e9e9;font-weight:700;font-size:12px;padding:.48rem 1rem;border-radius:2px;letter-spacing:.4px;text-transform:uppercase;min-width:200px}
.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,0))}
.brand{height:28px}
.avatar{width:24px;height:24px;border-radius:4px}
.icon-btn{background:transparent;border:0;color:#fff;font-size:18px}
.hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);aspect-ratio:10/16;background:var(--bg)}
.hero::before{content:"";position:absolute;inset:0;background:var(--bg) var(--hero) center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 70%,rgba(0,0,0,.98) 100%)}
.hero-content{position:absolute;left:0;right:0;bottom:0;padding:18px}
.hero-brand{font-family:var(--accent);color:#e50914;font-size:26px;letter-spacing:1.2px;margin-bottom:8px}
.hero-title{font-weight:900;font-size:30px;line-height:1.18;margin:0 0 10px 0}
.hero-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.badge{display:inline-block;padding:.38rem .68rem;border-radius:999px;font-size:12px}
.badge-red{background:#e50914;color:#fff;border:1px solid #e50914}
.hero-date{font-size:14.4px}
.hero-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.chip{font-size:11px;padding:.4rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.2)}
.hero-cta{display:flex;gap:8px}
.btn{appearance:none;border:1px solid var(--border);background:rgba(255,255,255,.05);color:#fff;padding:.6rem .9rem;border-radius:4px}
.btn-primary{background:#fff;color:#000;border-color:#fff}
.btn-outline{background:transparent}
.row{padding:18px}
.row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.rail{position:relative}
.rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:70%;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px}
.rail-track .card{scroll-snap-align:start;border-radius:8px;overflow:hidden;position:relative}
.rail-track .card img{width:100%;height:140px;object-fit:cover}
.duration{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.6);font-size:11px;padding:.2rem .4rem;border-radius:4px}
.rail-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(0,0,0,.5);color:#fff;width:28px;height:28px;border-radius:50%}
.rail-arrow.left{left:0}
.rail-arrow.right{right:0}
.detail{padding:18px}
.label{font-weight:900;color:#e50914;margin-bottom:4px}
.label .thin{letter-spacing:2px;color:var(--muted);margin-left:3px}
.detail-title{margin:0 0 6px 0}
.detail-meta{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.match{color:rgb(34,197,94);font-size:12px}
.age{background:rgba(255,255,255,.2);padding:.1rem .3rem;border-radius:2px}
.btn-red{background:#e50914;border-color:#e50914}
.small{font-size:12.5px}
.muted{color:var(--muted)}
.quote{color:var(--muted);font-size:12px}
.row-grid{padding:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.grid3 img{width:100%;height:120px;object-fit:cover;border-radius:8px}
.nav{position:absolute !important;top:0;left:0;width:100%;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:transparent !important;border:none !important}
.nav::after{content:"";position:absolute;top:0;left:0;width:100%;height:240px;background:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:-1}
.nav-right{display:flex;align-items:center;gap:16px}
.icon-cast{width:22px;height:22px;display:inline-block;filter:invert(1) brightness(1.2)}
.avatar{width:28px;height:28px;border-radius:4px}
#guestName{white-space:pre-wrap;word-break:break-word}
:root{--bg:#0a0a0a;--text:#f1f1f1;--muted:#a6a6a6;--accent:#e50914;--divider:#202020;--thumb:#2b2b2b;--shadow:0 8px 24px rgba(0,0,0,.45)}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:13.5px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit;text-decoration:none}
.page{max-width:820px;margin:0 auto;padding:18px 16px 56px}
.brand-line{display:flex;align-items:center;gap:10px;margin-bottom:4px;letter-spacing:.22em;font-weight:700;color:#cfcfcf}
.brand-line .n{color:var(--accent);font-weight:900}
.title{font-size:20px;font-weight:800;margin:0 0 8px;letter-spacing:.1px}
.meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#9a9a9a;font-size:12px;margin-bottom:8px}
.tiny{border:1px solid #353535;border-radius:3px;padding:1px 5px;font-size:10px;color:#c9c9c9}
.tabs{display:flex;gap:22px;border-bottom:1px solid var(--divider);margin-top:6px}
.tab{appearance:none;background:none;border:0;position:relative;padding:12px 0 11px;cursor:pointer;font-weight:800;font-size:13.5px;color:#c2c2c2;letter-spacing:.15px}
.tab[aria-selected="true"]{color:#fff}
.tab[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;background:var(--accent);border-radius:4px 4px 0 0}
.season-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0 8px}
.select{position:relative;display:inline-flex;align-items:center;gap:8px;color:#fff;cursor:pointer;font-weight:700;padding:2px 0}
.select svg{opacity:.9}
.select-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:160px;background:#151515;border:1px solid #2a2a2a;border-radius:8px;box-shadow:var(--shadow);display:none;overflow:hidden}
.select.open .select-menu{display:block}
.select-menu button{width:100%;text-align:left;background:transparent;border:0;color:#dcdcdc;padding:10px 12px;cursor:pointer;font:inherit}
.select-menu button:hover{background:#1f1f1f;color:#fff}
.episodes{display:flex;flex-direction:column}
.ep{display:grid;grid-template-columns:168px 1fr;gap:14px;padding:16px 0}
.episodes .ep + .ep{border-top:1px solid var(--divider)}
@media (max-width:560px){.ep{grid-template-columns:140px 1fr}
}
.thumb{position:relative;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--thumb);box-shadow:0 0 0 1px #2e2e2e inset}
.thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.18));pointer-events:none}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92;filter:contrast(1.02) saturate(.9) brightness(.98)}
.play{position:absolute;inset:0;display:grid;place-items:center}
.play .btn{width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.54);border:2px solid rgba(255,255,255,.85);display:grid;place-items:center;backdrop-filter:blur(1.5px);transition:transform .16s ease,background .16s ease;cursor:pointer}
.thumb:hover .btn{transform:scale(1.05);background:rgba(0,0,0,.7)}
.play svg{width:16px;height:16px;transform:translateX(1px)}
.ep-head{display:block;margin-top:2px}
.ep-title-line{display:flex;align-items:baseline;gap:8px}
.ep-num{color:#a0a0a0;font-weight:700}
.ep-title{font-weight:800;font-size:13.5px}
.ep-dur{color:#9b9b9b;font-size:12px;margin-top:2px}
.ep-desc{color:#b9b9b9;margin-top:6px;max-width:62ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}
.episodes{margin-top:2px}
.ep{grid-template-columns:156px 1fr;gap:16px;padding:14px 0 16px}
@media (max-width:560px){.ep{grid-template-columns:132px 1fr}
}
.thumb{border-radius:4px;box-shadow:0 0 0 1px #2c2c2c inset;background:#242424}
.play .btn{width:42px;height:42px;border-width:1.5px}
.ep-head{margin-top:0}
.ep-title-line{gap:6px}
.ep-num{color:#9a9a9a;font-weight:700;font-size:13px}
.ep-title{font-weight:800;font-size:13.5px;letter-spacing:.1px}
.ep-dur{margin-top:4px;font-size:12px;color:#9a9a9a;font-weight:600}
.ep-desc{margin-top:8px;color:#a9a9a9;font-size:13px;line-height:1.55;max-width:60ch}
.ep{display:grid;grid-template-columns:156px 1fr;grid-auto-rows:min-content;gap:12px 16px;padding:14px 0 16px}
.ep>.thumb{grid-column:1;grid-row:1}
.ep>div:nth-of-type(1){grid-column:2;grid-row:1}
.ep>.ep-desc{grid-column:1 / -1;grid-row:2;margin-top:6px}
.ep-desc{font-size:13px;color:#a9a9a9;line-height:1.6;max-width:68ch}
.ep-title-line{display:flex;align-items:baseline;gap:6px}
.ep-title{font-weight:700;font-size:13.5px}
.ep-num{color:#9a9a9a;font-weight:700}
.ep-dur{color:#9a9a9a;font-size:12px;margin-top:2px}
.ep-right{display:grid;grid-template-columns:1fr 156px;grid-auto-rows:min-content;gap:12px 16px;padding:14px 0 16px;align-items:start}
.ep-right>.thumb{grid-column:2;grid-row:1}
.ep-right>div:nth-of-type(1){grid-column:1;grid-row:1}
.ep-right>.ep-desc{grid-column:1 / -1;grid-row:2;margin-top:6px}
.ep-right{transition:transform .18s ease,box-shadow .18s ease}
.ep-right:hover{transform:translateY(-1px)}
.thumb img{transition:transform .22s ease}
.thumb:hover img{transform:scale(1.03)}
.play .btn{transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.thumb:hover .btn{box-shadow:0 6px 18px rgba(0,0,0,.45)}
.ep-right .meta{align-self:center;text-align:right}
.ep-right .ep-head{display:block}
.ep-right .ep-title-line{justify-content:flex-end}
.ep-right .ep-desc{text-align:right}
.ep-right .meta{text-align:left;align-self:center}
.ep-right .ep-desc{text-align:left}
.ep-right .ep-title-line{justify-content:flex-start;align-items:center;gap:6px}
.ep-right .ep-title{display:inline-block}
.ep-right .ep-num{display:inline-block}
@media (max-width:768px){.tab:nth-child(3),.tab:nth-child(4){font-size:12px;padding:10px 0 9px}
}
html{font-size:clamp(12px,1.2vw + 0.2rem,14px)}
body{font-size:1rem}
.title{font-size:clamp(18px,2.2vw + 0.2rem,20px)}
.brand-line{font-size:clamp(10px,1.2vw,12px)}
.meta{font-size:clamp(11px,1.2vw,12px)}
.tiny{font-size:clamp(9px,1vw,10px)}
.tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:clamp(12px,3vw,22px)}
.tab{font-size:clamp(11px,1.6vw,13.5px);padding:clamp(8px,1.4vw,12px) 0 clamp(7px,1.2vw,11px)}
@media (max-width:600px){.tab:nth-child(3),.tab:nth-child(4){font-size:clamp(10px,3.5vw,12px);letter-spacing:0.1px}
}
#seasonLabel{font-size:clamp(12px,1.6vw,14px)}
.ep-title{font-size:clamp(12px,1.6vw,13.5px)}
.ep-num{font-size:clamp(12px,1.4vw,13px)}
.ep-dur{font-size:clamp(11px,1.4vw,12px)}
.ep-desc{font-size:clamp(12px,1.6vw,13px)}
.page{padding:clamp(14px,2.6vw,20px) 16px clamp(40px,6vw,56px)}
.tabs{gap:clamp(18px,4vw,28px) !important;padding-top:clamp(4px,0.8vw,6px);padding-bottom:clamp(2px,0.6vw,4px)}
.tab{padding:clamp(10px,1.6vw,14px) 0 clamp(8px,1.2vw,12px) 0 !important;font-weight:700}
.tabs{position:relative}
.tab{font-size:clamp(12.5px,1.8vw,14.5px);letter-spacing:0.2px}
.tab-indicator{position:absolute;left:0;bottom:-1px;height:4px;background:var(--accent);border-radius:4px 4px 0 0;width:0px;transform:translateX(0);transition:transform .28s ease,width .28s ease;pointer-events:none}
.fade-target{transition:opacity .22s ease,transform .22s ease}
.is-switching .fade-target{opacity:.86;transform:translateY(2px)}
.tab-indicator{bottom:auto;top:0;height:2px;background:var(--accent);border-radius:2px 2px 0 0;transition:transform .25s ease,width .25s ease}
.tab-indicator{top:auto;bottom:-1px;height:2px;background:var(--accent);border-radius:2px;transition:transform .25s cubic-bezier(0.4,0,0.2,1),width .25s cubic-bezier(0.4,0,0.2,1)}
.tab[aria-selected="true"]::after{content:none !important;display:none !important}
.bg-audio-btn{position:fixed;bottom:20px;right:20px;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.22);border-radius:50%;width:32px;height:32px;font-size:16px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;cursor:pointer;z-index:9999;backdrop-filter:blur(4px);transition:background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}
.bg-audio-btn:hover{background:rgba(255,255,255,0.14);transform:scale(1.06);box-shadow:0 6px 20px rgba(0,0,0,0.45)}
.bg-audio-btn[aria-pressed="true"]{opacity:0.8}
.bg-audio-btn{position:fixed;bottom:20px;right:20px;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.22);border-radius:50%;width:32px;height:32px;font-size:16px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;cursor:pointer;z-index:9999;backdrop-filter:blur(4px);transition:background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}
.bg-audio-btn:hover{background:rgba(255,255,255,0.14);transform:scale(1.06);box-shadow:0 6px 20px rgba(0,0,0,0.45)}
.bg-audio-btn[aria-pressed="true"]{opacity:1}
.nav .nav-right{display:flex;gap:8px;align-items:center;margin-left:auto}
.bg-audio-btn .ico{width:14px;height:14px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;margin:0;padding:0;transform-origin:center center}
.bg-audio-btn{position:fixed;bottom:20px;right:20px;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.22);border-radius:50%;width:32px;height:32px;font-size:16px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;cursor:pointer;z-index:9999;backdrop-filter:blur(4px);transition:background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}
@keyframes nfSpin{to{transform:rotate(360deg)}
}
.bg-audio-btn .spin{animation:nfSpin 12s linear infinite;transform-origin:50% 50%}
.guestbook{padding:24px 16px 32px}
.guestbook-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:18px;max-width:760px;margin:0 auto 18px;box-shadow:0 8px 24px rgba(0,0,0,0.25) inset,0 8px 20px rgba(0,0,0,0.25)}
.guestbook-title{font-family:"Bebas Neue",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;font-size:36px;text-align:center;margin:4px 0 14px;color:#fff;letter-spacing:.6px}
.gb-row{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.gb-label{color:#e5e5e5;font-weight:700;font-size:14px}
.gb-input,.gb-select,.gb-textarea{width:100%;color:#fff;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px 14px;outline:none}
.gb-input::placeholder,.gb-textarea::placeholder{color:#aaaaaa}
.gb-input:focus,.gb-select:focus,.gb-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.25)}
.gb-textarea{min-height:120px;resize:vertical}
.gb-actions{display:flex;justify-content:center}
.gb-btn{background:#2563eb;border:none;color:#fff;font-weight:700;padding:12px 22px;border-radius:24px;display:inline-flex;gap:8px;align-items:center;box-shadow:0 6px 18px rgba(37,99,235,.35);cursor:pointer}
.gb-btn:hover{filter:brightness(1.05)}
.gb-btn:active{transform:translateY(1px)}
.gb-send-icon{display:inline-block;transform:rotate(-10deg) translateY(-1px)}
.guestbook-list-wrap{max-width:900px;margin:0 auto}
.guestbook-head{display:flex;justify-content:space-between;align-items:end;margin:8px 2px 10px}
.guestbook-subtitle{font-size:20px;margin:0;color:#fff}
.guestbook-stats{font-size:13px;color:#bdbdbd}
.guestbook-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.gb-item{border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:12px 14px;background:rgba(255,255,255,0.03)}
.gb-meta{display:flex;gap:10px;align-items:center;margin-bottom:6px;flex-wrap:wrap}
.gb-name{font-weight:800;color:#fff}
.gb-badge{font-size:11px;letter-spacing:.2px;border-radius:999px;padding:4px 8px;border:1px solid currentColor}
.gb-badge.hadir{color:#22c55e}
.gb-badge.tidak-hadir{color:#ef4444}
.gb-badge.ragu{color:#f59e0b}
.gb-time{font-size:12px;color:#9ea3a8;margin-left:auto}
.gb-msg{color:#e5e5e5;line-height:1.55;white-space:pre-wrap}
.hp{display:none !important}
@media(min-width:768px){.guestbook{padding:28px 24px 40px}
.guestbook-title{font-size:40px}
}
#guestbook{--gutter:16px;--nf-red:#e50914;--nf-surface:#0f0f0f;--nf-panel:#141414;--nf-border:rgba(255,255,255,0.06);--nf-muted:#9ca3af}
#guestbook{font-family:inherit;font-size:clamp(14px,3.6vw,16px);line-height:1.55}
#guestbook *{font-family:inherit}
#guestbook .section-kicker{font-size:clamp(11px,2.6vw,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--nf-red);margin:0 var(--gutter) 4px;opacity:.96}
#guestbook .section-title,#guestbook h2.section-title,#guestbook .gb-title,#guestbook h2{font-weight:800;font-size:clamp(22px,6.5vw,28px);line-height:1.05;margin:2px var(--gutter) 0;letter-spacing:.2px}
#guestbook .section-sub{color:var(--nf-muted);font-size:clamp(12px,3.2vw,14px);margin:6px var(--gutter) 8px}
#guestbook .panel{margin:0 var(--gutter);background:var(--nf-panel);border-radius:16px;padding:14px;box-shadow:0 0 0 1px var(--nf-border),0 10px 28px rgba(0,0,0,.36)}
#guestbook form,#guestbook #guestbook-form{margin:8px var(--gutter) 0;display:grid;gap:12px}
#guestbook input[type="text"],#guestbook input[type="email"],#guestbook select,#guestbook textarea{width:100%;background:var(--nf-surface);border:none;border-radius:12px;color:#fff;font-size:1em;padding:12px 14px;outline:none;box-shadow:0 0 0 1px var(--nf-border),inset 0 1px 0 rgba(255,255,255,0.02);transition:box-shadow .25s ease,transform .08s ease}
#guestbook textarea{min-height:100px;resize:vertical}
#guestbook input:focus,#guestbook select:focus,#guestbook textarea:focus{box-shadow:0 0 0 1px rgba(229,9,20,.6),0 0 0 4px rgba(229,9,20,.15)}
#guestbook select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:42px}
#guestbook #guest_submit,#guestbook button[type="submit"]{display:flex;align-items:center;justify-content:center;height:44px;line-height:1;padding:0 16px;width:calc(100% - (var(--gutter) * 2));margin:10px auto 0;border-radius:12px;font-weight:800;font-size:clamp(13px,3.6vw,15px);letter-spacing:.2px;background:var(--nf-red);color:#fff;border:1px solid var(--nf-red);box-shadow:0 4px 12px rgba(229,9,20,.20);transition:transform .08s ease,filter .2s ease,box-shadow .25s ease}
#guestbook .panel #guest_submit{width:100%;margin-left:0;margin-right:0}
#guestbook #guest_submit:hover{filter:brightness(1.05);transform:translateY(-1px)}
#guestbook #guest_submit:active{transform:scale(.985);box-shadow:0 2px 8px rgba(229,9,20,.18)}
#guestbook #guestbook-list{list-style:none;padding:0;margin:12px var(--gutter) 0;display:grid;gap:10px}
#guestbook #guestbook-list>li{background:linear-gradient(180deg,#121212,#0b0b0b);border-radius:16px;padding:12px 14px;color:#e5e7eb;font-size:1em;line-height:1.55;box-shadow:0 0 0 1px var(--nf-border);animation:gb-fade .45s ease both}
#guestbook #guestbook-list .name{font-weight:800}
#guestbook #guestbook-list .time{color:var(--nf-muted);font-size:clamp(11px,2.8vw,12px)}
#guestbook #guestbook-list .message{display:block;margin-top:6px}
#guestbook #guestbook-paging{margin:10px var(--gutter) 0;display:flex;align-items:center;justify-content:center;gap:12px}
#guestbook #guest_page_info{font-size:clamp(11px,2.8vw,12px);color:var(--nf-muted)}
#guestbook #guest_prev,#guestbook #guest_next{background:var(--nf-surface);border:none;border-radius:999px;padding:8px 12px;color:#e5e7eb;font-weight:700;box-shadow:0 0 0 1px var(--nf-border);transition:transform .08s ease,background .2s ease}
#guestbook #guest_prev:hover,#guestbook #guest_next:hover{transform:translateY(-1px)}
@media (min-width:768px){#guestbook form,#guestbook #guestbook-form{grid-template-columns:1fr 1fr auto;grid-auto-flow:row;align-items:stretch}
#guestbook form input[type="text"]{order:1}
#guestbook form select{order:2}
#guestbook form button[type="submit"],#guestbook #guest_submit{order:3;align-self:stretch;width:calc(100% - (var(--gutter) * 2))}
#guestbook form textarea{order:4;grid-column:1 / -1}
}
@media (prefers-reduced-motion:reduce){#guestbook #guestbook-list>li,#guestbook #guest_submit,#guestbook input,#guestbook select,#guestbook textarea{transition:none !important;animation:none !important}
}
@keyframes gb-fade{from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:translateY(0)}
}
.details-actions{padding:18px 14px 8px;background:transparent}
.details-actions__title{font-size:18px;font-weight:800;margin:0 0 6px 0;color:#fff;text-align:left}
.details-actions__desc{font-size:14.5px;line-height:1.5;color:rgba(255,255,255,0.85);margin:0 0 18px 0;text-align:left}
.details-actions__buttons{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72px,100px);justify-content:center;gap:56px;padding:6px 0 2px}
.da-btn{appearance:none;background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,0.92);font-size:14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.da-btn:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:8px}
.da-icon{width:32px;height:32px;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block}
.da-label{font-size:12px;color:#a6a6a6}
@media (min-width:768px){.details-actions__title{font-size:19px}
.details-actions__desc{font-size:15px;margin-bottom:20px}
.details-actions__buttons{gap:64px}
.da-icon{width:32px;height:32px;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block}
.da-label{font-size:12px;color:#a6a6a6}
}
.da-thumb{stroke-width:2.4}
.da-icon-img{width:34px;height:34px;object-fit:contain;filter:brightness(0) invert(1);opacity:0.95}
.details-actions{padding:16px 0 8px;background:transparent}
.details-actions__container{width:100%}
.details-actions__title{padding:0 16px;margin:0 0 6px 0;font-size:18px;font-weight:800;color:#fff;text-align:left}
.details-actions__desc{padding:0 16px;margin:0 0 14px 0;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.86);text-align:left}
.details-actions__buttons{display:flex;justify-content:space-between;align-items:center;gap:0;width:100%;padding:6px 16px 2px;box-sizing:border-box}
.da-btn{flex:1 1 0;min-width:0;background:transparent;border:0;display:flex;flex-direction:column;align-items:center;gap:8px;-webkit-tap-highlight-color:transparent}
.da-icon-img{width:34px;height:34px;object-fit:contain;filter:brightness(0) invert(1);opacity:.98}
.da-label{font-size:12px;color:#9b9b9b}
@media (min-width:768px){.details-actions__title{font-size:19px}
.details-actions__desc{font-size:15px}
.da-icon-img{width:36px;height:36px}
}
width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:16px 0 10px;background:transparent}
.details-actions__container{width:100%}
.details-actions__title,.details-actions__desc{padding-inline:0px}
.details-actions__buttons{display:flex;justify-content:space-between;align-items:center;gap:0;width:100%;padding:8px 16px 2px;box-sizing:border-box}
.da-btn{flex:1 1 0;min-width:0;background:transparent;border:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.da-icon-img{width:36px;height:36px;object-fit:contain;filter:brightness(0) invert(1);opacity:.98;display:block}
.da-label{font-size:12px;color:#9b9b9b}
@media (min-width:768px){.details-actions{padding:18px 0 12px}
.da-icon-img{width:38px;height:38px}
}
.timeline-section{padding:24px 16px;background:#000;color:#fff}
.timeline-section .section-title{font-size:1.6rem;line-height:1.2;margin:0 0 16px 0;font-weight:800}
.event-card{display:grid;grid-template-columns:96px 1fr;gap:12px;background:#141414;border-radius:14px;padding:12px;box-shadow:0 2px 14px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.06);margin-bottom:16px}
.event-media img{width:100%;height:96px;object-fit:cover;border-radius:10px;display:block}
.event-body{display:block}
.badge{display:inline-block;padding:6px 10px;font-size:.78rem;font-weight:700;border-radius:10px;color:#fff}
.badge-red{background:#e50914}
.badge-orange{background:#ff4d2e}
.event-date{margin:8px 0 8px;font-size:1.05rem;font-weight:800}
.chips{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.chip{background:#1f1f1f;border:1px solid rgba(255,255,255,.08);padding:6px 10px;border-radius:10px;font-size:.78rem;color:#ddd}
.event-location{margin:0 0 8px;color:#cfcfcf;font-size:.90rem}
.maps-link{color:#ff4d2e;text-decoration:none;font-weight:700}
.maps-link:hover{text-decoration:underline}
@media (min-width:640px){.timeline-section{padding:32px 20px}
.event-card{grid-template-columns:140px 1fr;gap:16px;padding:16px}
.event-media img{height:140px}
}
.timeline-section{padding:28px 16px 16px}
.timeline-section .section-title{font-size:1.8rem;letter-spacing:.2px;margin:0 0 18px 0}
.event-card{position:relative;display:grid;grid-template-columns:104px 1fr;gap:12px;background:#0e0e0e;border-radius:16px;padding:14px;box-shadow:0 10px 24px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.06)}
.event-card + .event-card{margin-top:16px}
.event-media img{width:100%;height:104px;object-fit:cover;border-radius:12px}
.event-body{padding-top:2px}
.badge{display:inline-block;padding:7px 12px;font-size:.8rem;font-weight:800;border-radius:12px;color:#fff;margin-bottom:6px}
.badge-red{background:#e50914}
.badge-orange{background:#ff6347}
.event-date{margin:6px 0 10px;font-size:1.06rem;font-weight:900}
.chips{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.chip{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);padding:7px 12px;border-radius:12px;font-size:.8rem;color:#e3e3e3;font-weight:700}
.event-location{margin:0 0 8px;color:#cfcfcf;font-size:.92rem;line-height:1.45}
.maps-link{color:#ff4d2e;text-decoration:none;font-weight:800}
.maps-link:hover{text-decoration:underline}
@media (min-width:640px){.timeline-section{padding:36px 20px 20px}
.event-card{grid-template-columns:150px 1fr;padding:18px;gap:16px}
.event-media img{height:150px}
.section-title{font-size:2rem}
}
.timeline-section{background:#000;padding:40px 20px;color:#fff}
.timeline-section .section-title{font-size:1.8rem;font-weight:800;margin-bottom:24px;text-align:center}
.event-card{background:#141414;border-radius:18px;overflow:hidden;margin-bottom:22px;border:1px solid rgba(255,255,255,0.05);box-shadow:0 6px 18px rgba(0,0,0,0.4)}
.event-media img{width:100%;height:auto;display:block}
.event-body{padding:16px 18px 20px}
.badge{display:inline-block;padding:6px 14px;font-size:0.85rem;font-weight:700;border-radius:12px;color:#fff;margin-bottom:8px}
.badge-red{background:#e50914}
.badge-orange{background:#ff5e29}
.event-date{font-size:1.15rem;font-weight:800;margin:6px 0 10px}
.chips{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.chip{background:#1f1f1f;border:1px solid rgba(255,255,255,0.1);padding:6px 12px;border-radius:12px;font-size:0.8rem;color:#ddd}
.event-location{color:#cfcfcf;font-size:0.95rem;margin-bottom:10px;line-height:1.4}
.maps-link{color:#ff5e29;font-weight:700;text-decoration:none}
.maps-link:hover{text-decoration:underline}
.timeline-section{background:#000;color:#fff;padding:28px 16px}
.timeline-section .section-title{font-size:2rem;font-weight:900;margin:0 0 18px 0;text-align:left}
.event-row{display:grid;grid-template-columns:210px 1fr;gap:16px;align-items:start;margin:18px 0}
.thumb img{width:100%;height:120px;object-fit:cover;border-radius:14px;display:block}
.content .badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:.82rem;font-weight:800;color:#fff;margin-bottom:8px}
.badge-red{background:#e50914}
.badge-orange{background:#ff5e29}
.event-date{margin:0 0 10px 0;font-size:1.06rem;font-weight:900}
.chips{display:flex;gap:8px;margin:0 0 12px 0;flex-wrap:wrap}
.chip{padding:7px 12px;border-radius:999px;font-size:.82rem;font-weight:700}
.chip-grey{background:#3a3a3a;color:#fff}
.event-location{color:#cfcfcf;font-size:.95rem;margin:0 0 10px 0;line-height:1.45}
.maps-link{color:#ff4d2e;font-weight:800;text-decoration:none}
.maps-link:hover{text-decoration:underline}
@media(min-width:768px){.timeline-section{padding:40px 24px}
.event-row{grid-template-columns:260px 1fr;gap:18px}
.thumb img{height:140px;border-radius:16px}
}
.timeline-mobile{background:#000;color:#fff;padding:18px 14px 8px}
.tl-container{max-width:420px;margin:0 auto}
.tl-title{font-size:1.7rem;line-height:1.15;font-weight:900;margin:0 0 10px 0;text-align:left}
.tl-row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:start;padding:12px 10px;border-radius:16px;background:#0f0f0f;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 22px rgba(0,0,0,.35);margin:14px 0}
.tl-thumb img{width:100%;height:92px;margin-left:8px;object-fit:cover;border-radius:12px;display:block;background:#1a1a1a}
.tl-content{display:block}
.tl-badge{display:inline-block;padding:7px 12px;border-radius:12px;font-size:.8rem;font-weight:800;color:#fff;margin-bottom:8px}
.tl-badge-red{background:#e50914}
.tl-badge-orange{background:#ff5e29}
.tl-date{margin:0 0 10px 0;font-size:1.02rem;font-weight:900}
.tl-chips{display:flex;gap:8px;margin:0 0 12px 0;flex-wrap:wrap}
.tl-chip{background:#3a3a3a;color:#fff;border:none;padding:7px 12px;border-radius:999px;font-size:.8rem;font-weight:700}
.tl-loc{color:#cfcfcf;font-size:.92rem;line-height:1.45;margin:0 0 8px 0}
.tl-maps{color:#ff4d2e;text-decoration:none;font-weight:800}
.tl-maps:hover{text-decoration:underline}
@media(min-width:431px){.tl-container{max-width:480px}
.tl-row{grid-template-columns:180px 1fr}
.tl-thumb img{height:112px}
}
.tl-loc{margin-left:0!important;padding-left:0!important;text-align:left!important}
.tl-maps{margin-left:0!important;padding-left:0!important;display:inline-block}
.tl-row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:start;padding:12px 10px;border-radius:16px;background:#0f0f0f;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 22px rgba(0,0,0,.35);margin:14px 0}
.tl-wide{grid-column:1 / -1;padding-left:10px}
.tl-wide .tl-loc{margin:0 0 8px 0;padding:0;color:#cfcfcf;font-size:.92rem;line-height:1.45}
.tl-wide .tl-maps{color:#ff4d2e;text-decoration:none;font-weight:800}
.tl-wide .tl-maps:hover{text-decoration:underline}
.timeline-mobile .tl-content{margin-top:18px;padding-left:14px}
@media (min-width:480px){margin-top:18px;.timeline-mobile .tl-content{padding-left:14px}
}
.timeline-mobile .tl-row{grid-template-columns:160px 1fr}
@media (min-width:480px){.timeline-mobile .tl-row{grid-template-columns:200px 1fr}
}
.timeline-mobile .tl-badge{padding:5px 10px;font-size:.75rem;font-weight:800;line-height:1.05}
.timeline-mobile .tl-chip{padding:4px 9px;font-size:.75rem;font-weight:800;line-height:1.05;border-radius:999px}
@media (min-width:480px){.timeline-mobile .tl-badge{padding:6px 11px;font-size:.78rem}
.timeline-mobile .tl-chip{padding:5px 10px;font-size:.78rem}
}
.timeline-mobile .tl-loc-name{color:#fff;font-family:"Inter",sans-serif;font-weight:800;font-size:1rem;line-height:1.3;margin:8px 0 4px 0}
#guestbook .row{padding:8px var(--gutter)}
#guestbook label{display:block;margin-bottom:6px}
#guestbook input,#guestbook select,#guestbook textarea{margin:0}
#guestbook textarea{min-height:96px}
#guestbook button[type="submit"]{margin-top:8px}
#guestbook .row{padding:6px var(--gutter)}
#guestbook label{display:block;margin-bottom:4px}
#guestbook input,#guestbook select,#guestbook textarea{margin:0}
#guestbook textarea{min-height:92px}
#guestbook button[type="submit"]{margin-top:6px}
#guestbook #guestbook-list{margin-top:20px !important}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');#guestbook,#guestbook *{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'}
#guestbook label{font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#e5e5e5}
#guestbook input,#guestbook select,#guestbook textarea{font-weight:500}
#guestbook::placeholder{color:rgba(255,255,255,0.55)}
#guestbook select{line-height:1.2;padding-left:14px}
.bride-groom{background:#000;color:#fff;padding:28px 16px 34px}
.bride-groom .section-title{font-size:2rem;font-weight:900;margin:0 0 18px 0}
.bg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}
.bg-card{background:#111;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,0.35)}
.bg-photo{width:100%;height:150px;object-fit:cover;display:block}
.bg-body{padding:12px 14px 14px}
.bg-name{font-size:0.9rem;font-weight:800;margin:0 0 4px 0}
.bg-parent{font-size:0.72rem;line-height:1.35;color:rgba(255,255,255,0.78);margin:0}
.bg-couple{background:#111;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,0.35)}
.bg-couple-photo{width:100%;height:auto;display:block;object-fit:cover}
@media (max-width:520px){.bg-photo{height:140px}
.bride-groom .section-title{font-size:1.7rem}
}
.bride-groom{background:#000;color:#fff;padding:28px 16px 34px}
.bride-groom .section-title{font-size:2rem;font-weight:900;margin:0 0 20px 0;letter-spacing:-0.01em}
.bg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
.bg-card{background:#111;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.42);display:flex;flex-direction:column;min-height:100%}
.bg-photo-wrap{width:100%;aspect-ratio:4/3;background:#000}
.bg-photo{width:100%;height:100%;object-fit:cover;display:block}
.bg-body{padding:12px 14px 16px}
.bg-name{font-size:1.2rem;font-weight:900;margin:0 0 6px 0}
.bg-parent{font-size:1rem;line-height:1.35;color:rgba(255,255,255,0.81);margin:0}
.bg-couple{background:#111;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.42)}
.bg-couple-photo{width:100%;height:auto;display:block;object-fit:cover}
@media (max-width:520px){.bride-groom{padding:26px 14px 34px}
.bride-groom .section-title{font-size:1.7rem}
.bg-name{font-size:1rem}
.bg-parent{font-size:0.75rem}
}
#container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:#000000;overflow:hidden}
#container netflixintro{display:block;position:relative;width:300px;height:300px;overflow:hidden;animation-name:zoom-in;animation-delay:0.5s;animation-duration:3.5s;animation-timing-function:ease-in;animation-fill-mode:forwards;background-size:4000px;background-position:-1950px 0}
#container netflixintro::before{content:"";position:absolute;display:block;background-color:#000000;width:150%;height:30%;left:-25%;bottom:-27%;border-radius:50%;z-index:5;transform-origin:left center;background-size:4000px;background-position:-1950px 0}
#container netflixintro[letter=N]{transform-origin:30% center}
#container netflixintro[letter=N] .helper-1{width:19.5%;height:100%;background-color:rgba(228,9,19,0.5);left:22.4%;top:0;transform:rotate(180deg);animation-name:fading-lumieres-box;animation-duration:2s;animation-delay:0.6s;animation-fill-mode:forwards}
#container netflixintro[letter=N] .helper-1 .effect-brush{animation-name:brush-moving;animation-duration:2.5s;animation-fill-mode:forwards;animation-delay:1.2s}
#container netflixintro[letter=N] .helper-1 .effect-brush [class*=fur-]{bottom:0;height:40%}
#container netflixintro[letter=N] .helper-3{width:19%;height:150%;left:40.5%;top:-25%;transform:rotate(-19.5deg);box-shadow:0px 0px 35px -12px rgba(0,0,0,0.4);overflow:hidden}
#container netflixintro[letter=N] .helper-3 .effect-brush{animation-name:brush-moving;animation-duration:2s;animation-fill-mode:forwards;animation-delay:0.8s}
#container netflixintro[letter=N] .helper-2{width:19.5%;height:100%;left:57.8%;top:0;transform:rotate(180deg);overflow:hidden}
#container netflixintro[letter=N] .helper-2 .effect-brush{animation-name:brush-moving;animation-duration:2s;animation-fill-mode:forwards;animation-delay:0.5s}
#container netflixintro[letter=E]{transform-origin:30% center}
#container netflixintro[letter=E] .helper-1{width:19.5%;height:100%;background-color:rgba(228,9,19,0.5);left:22%;top:0;transform:rotate(180deg);animation-name:fading-lumieres-box;animation-duration:2s;animation-delay:0.6s;animation-fill-mode:forwards}
#container netflixintro[letter=E] .helper-1 .effect-brush{animation-name:brush-moving;animation-duration:2.5s;animation-fill-mode:forwards;animation-delay:1.2s}
#container netflixintro[letter=E] .helper-1 .effect-brush [class*=fur-]{bottom:0;height:40%}
#container netflixintro[letter=E] .helper-2{width:17.5%;height:50%;left:38%;top:-49px;transform:rotate(270deg);overflow:hidden}
#container netflixintro[letter=E] .helper-2 .effect-brush{animation-name:brush-moving;animation-duration:2s;animation-fill-mode:forwards;animation-delay:0.8s}
#container netflixintro[letter=E] .helper-3{width:17%;height:39%;left:33%;top:29%;transform:rotate(-90deg);box-shadow:0px 0px 35px -12px rgba(0,0,0,0.4);overflow:hidden;animation-name:fading-out;animation-duration:2s;animation-fill-mode:forwards;animation-delay:1s}
#container netflixintro[letter=E] .helper-3 .effect-brush{animation-name:brush-moving;animation-duration:2s;animation-fill-mode:forwards;animation-delay:0.6s}
#container netflixintro[letter=E] .helper-4{width:17.5%;height:50%;left:38%;top:196px;transform:rotate(270deg);overflow:hidden}
#container netflixintro[letter=E] .helper-4 .effect-brush{animation-name:brush-moving;animation-duration:2s;animation-fill-mode:forwards;animation-delay:0.4s;animation-delay:0.5s}
#container netflixintro[letter=T]{transform-origin:center center}
#container netflixintro[letter=T] .helper-1{width:19.5%;height:100%;background-color:rgba(228,9,19,0.5);left:38%;top:0;transform:rotate(180deg);animation-name:fading-lumieres-box;animation-duration:2s;animation-delay:0.6s;animation-fill-mode:forwards}
#container netflixintro[letter=T] .helper-1 .effect-brush{animation-name:brush-moving;animation-duration:2.5s;animation-fill-mode:forwards;animation-delay:1s}
#container netflixintro[letter=T] .helper-1 .effect-brush [class*=fur-]{bottom:0;height:40%}
#container netflixintro[letter=T] .helper-2{width:17.5%;height:54%;left:39%;top:-55px;transform:rotate(270deg);overflow:hidden}
#container netflixintro[letter=T] .helper-2 .effect-brush{animation-name:brush-moving;animation-duration:2s;animation-fill-mode:forwards;animation-delay:0.5s}
#container netflixintro[letter=F]{transform-origin:30% center}
#container netflixintro[letter=F] .helper-1{width:19.5%;height:100%;background-color:rgba(228,9,19,0.5);left:22%;top:0;transform:rotate(180deg);animation-name:fading-lumieres-box;animation-duration:2s;animation-delay:0.6s;animation-fill-mode:forwards}
#container netflixintro[letter=F] .helper-1 .effect-brush{animation-name:brush-moving;animation-duration:2.5s;animation-fill-mode:forwards;animation-delay:1.2s}
#container netflixintro[letter=F] .helper-1 .effect-brush [class*=fur-]{bottom:0;height:40%}
#container netflixintro[letter=F] .helper-2{width:17.5%;height:50%;left:38%;top:-49px;transform:rotate(270deg);overflow:hidden}
#container netflixintro[letter=F] .helper-2 .effect-brush{animation-name:brush-moving;animation-duration:2s;animation-fill-mode:forwards;animation-delay:0.7s}
#container netflixintro[letter=F] .helper-3{width:17%;height:39%;left:33%;top:29%;transform:rotate(-90deg);box-shadow:0px 0px 35px -12px rgba(0,0,0,0.4);overflow:hidden;animation-name:fading-out;animation-duration:2s;animation-fill-mode:forwards;animation-delay:1s}
#container netflixintro[letter=F] .helper-3 .effect-brush{animation-name:brush-moving;animation-duration:2s;animation-fill-mode:forwards;animation-delay:0.5s}
#container netflixintro[letter=L]{transform-origin:30% center}
#container netflixintro[letter=L] .helper-1{width:19.5%;height:100%;background-color:rgba(228,9,19,0.5);left:22%;top:0;transform:rotate(180deg);animation-name:fading-lumieres-box;animation-duration:2s;animation-delay:0.6s;animation-fill-mode:forwards}
#container netflixintro[letter=L] .helper-1 .effect-brush{animation-name:brush-moving;animation-duration:2.5s;animation-fill-mode:forwards;animation-delay:0.8s}
#container netflixintro[letter=L] .helper-1 .effect-brush [class*=fur-]{bottom:0;height:40%}
#container netflixintro[letter=L] .helper-2{width:17.5%;height:50%;left:38%;top:196px;transform:rotate(270deg);overflow:hidden}
#container netflixintro[letter=L] .helper-2 .effect-brush{animation-name:brush-moving;animation-duration:2s;animation-fill-mode:forwards;animation-delay:0.4s}
#container netflixintro[letter=I]{transform-origin:center center}
#container netflixintro[letter=I] .helper-1{width:19.5%;height:100%;background-color:rgba(228,9,19,0.5);left:38%;top:0;transform:rotate(180deg);animation-name:fading-lumieres-box;animation-duration:2s;animation-delay:0.6s;animation-fill-mode:forwards}
#container netflixintro[letter=I] .helper-1 .effect-brush{animation-name:brush-moving;animation-duration:2.5s;animation-fill-mode:forwards;animation-delay:1s}
#container netflixintro[letter=I] .helper-1 .effect-brush [class*=fur-]{bottom:0;height:40%}
#container netflixintro[letter=X]{transform-origin:center center}
#container netflixintro[letter=X] .helper-1{width:19%;height:150%;left:40.5%;top:-25%;transform:rotate(-19.5deg);animation-name:fading-lumieres-box;animation-duration:2s;animation-delay:0.6s;animation-fill-mode:forwards}
#container netflixintro[letter=X] .helper-1 .effect-brush{animation-name:brush-moving;animation-duration:2.5s;animation-fill-mode:forwards;animation-delay:1.2s}
#container netflixintro[letter=X] .helper-1 .effect-brush [class*=fur-]{bottom:0;height:40%}
#container netflixintro[letter=X] .helper-2{width:19%;height:150%;left:40.5%;top:-25%;transform:rotate(19.5deg);overflow:hidden}
#container netflixintro[letter=X] .helper-2 .effect-brush{animation-name:brush-moving;animation-duration:2s;animation-fill-mode:forwards;animation-delay:0.5s}
#container netflixintro [class*=helper-]{position:absolute}
#container netflixintro [class*=helper-] .effect-brush{position:absolute;width:100%;height:300%;top:0;overflow:hidden}
#container netflixintro [class*=helper-] .effect-brush::before{display:block;content:"";position:absolute;background-color:#e40913;width:100%;height:70%;box-shadow:0px 0px 29px 24px #e40913}
#container netflixintro [class*=helper-] .effect-brush [class*=fur-]{display:block;position:absolute;bottom:10%;height:30%}
#container netflixintro [class*=helper-] .effect-brush .fur-1{left:0%;width:3.8%;background:linear-gradient(to bottom,#e40913 0%,#e40913 15%,rgba(0,0,0,0) 81%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-2{left:3.8%;width:2.8%;background:linear-gradient(to bottom,#e40913 0%,#e40913 10%,rgba(0,0,0,0) 62%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-3{left:6.6%;width:4.8%;background:linear-gradient(to bottom,#e40913 0%,#e40913 37%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-4{left:11.4%;width:4%;background:linear-gradient(to bottom,#e40913 0%,#e40913 23%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-5{left:15.4%;width:4%;background:linear-gradient(to bottom,#e40913 0%,#e40913 15%,rgba(0,0,0,0) 86%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-6{left:19.4%;width:2.5%;background:linear-gradient(to bottom,#e40913 0%,#e40913 27%,rgba(0,0,0,0) 89%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-7{left:21.9%;width:4%;background:linear-gradient(to bottom,#e40913 0%,#e40913 20%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-8{left:25.9%;width:2%;background:linear-gradient(to bottom,#e40913 0%,#e40913 30%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-9{left:27.9%;width:4%;background:linear-gradient(to bottom,#e40913 0%,#e40913 35%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-10{left:31.9%;width:3.5%;background:linear-gradient(to bottom,#e40913 0%,#e40913 39%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-11{left:35.4%;width:2%;background:linear-gradient(to bottom,#e40913 0%,#e40913 34%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-12{left:37.4%;width:2.6%;background:linear-gradient(to bottom,#e40913 0%,#e40913 22%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-13{left:40%;width:6%;background:linear-gradient(to bottom,#e40913 0%,#e40913 47%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-14{left:46%;width:2%;background:linear-gradient(to bottom,#e40913 0%,#e40913 36%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-15{left:48%;width:5.5%;background:linear-gradient(to bottom,#e40913 0%,#e40913 29%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-16{left:53.5%;width:3%;background:linear-gradient(to bottom,#e40913 0%,#e40913 39%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-17{left:56.5%;width:4.1%;background:linear-gradient(to bottom,#e40913 0%,#e40913 45%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-18{left:60.6%;width:2.4%;background:linear-gradient(to bottom,#e40913 0%,#e40913 34%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-19{left:63%;width:4%;background:linear-gradient(to bottom,#e40913 0%,#e40913 47%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-20{left:67%;width:1.5%;background:linear-gradient(to bottom,#e40913 0%,#e40913 27%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-21{left:68.5%;width:2.8%;background:linear-gradient(to bottom,#e40913 0%,#e40913 37%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-22{left:71.3%;width:2.3%;background:linear-gradient(to bottom,#e40913 0%,#e40913 9%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-23{left:73.6%;width:2.2%;background:linear-gradient(to bottom,#e40913 0%,#e40913 28%,rgba(0,0,0,0) 92%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-24{left:75.8%;width:1%;background:linear-gradient(to bottom,#e40913 0%,#e40913 37%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-25{left:76.8%;width:2.1%;background:linear-gradient(to bottom,#e40913 0%,#e40913 28%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-26{left:78.9%;width:4.1%;background:linear-gradient(to bottom,#e40913 0%,#e40913 34%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-27{left:83%;width:2.5%;background:linear-gradient(to bottom,#e40913 0%,#e40913 21%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-28{left:85.5%;width:4.5%;background:linear-gradient(to bottom,#e40913 0%,#e40913 39%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-29{left:90%;width:2.8%;background:linear-gradient(to bottom,#e40913 0%,#e40913 30%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-30{left:92.8%;width:3.5%;background:linear-gradient(to bottom,#e40913 0%,#e40913 19%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-brush .fur-31{left:96.3%;width:3.7%;background:linear-gradient(to bottom,#e40913 0%,#e40913 37%,rgba(0,0,0,0) 100%)}
#container netflixintro [class*=helper-] .effect-lumieres{position:absolute;width:100%;height:100%;opacity:0;animation-name:showing-lumieres;animation-duration:2s;animation-delay:1.6s;animation-fill-mode:forwards}
#container netflixintro [class*=helper-] .effect-lumieres [class*=lamp-]{position:absolute;display:block;height:100%;box-shadow:0px 0px 10px 0px rgba(228,9,19,0.75);background:var(--color)}
#container netflixintro [class*=helper-] .effect-lumieres [class*=lamp-]::before{position:absolute;content:" ";display:block;width:100%;height:100%;background:var(--color);box-shadow:0px 0px 10px 0px rgba(228,9,19,0.75)}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-1{--color:#ff0100;z:6;left:0.7%;width:1%;animation-delay:0.64s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-1::before{left:160%;animation-delay:0.32s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-2{--color:#ffde01;left:2.2%;width:1.4%;animation-delay:0.72s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-2::before{left:175%;animation-delay:0.3s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-3{--color:#ff00cc;left:5.8%;width:2.1%;animation-delay:1.39s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-3::before{left:83%;animation-delay:1.63s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-4{--color:#04fd8f;left:10.1%;width:2%;animation-delay:1.86s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-4::before{left:77%;animation-delay:0.58s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-5{--color:#ff0100;left:12.9%;width:1.4%;animation-delay:1.49s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-5::before{left:146%;animation-delay:0.83s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-6{--color:#ff9600;left:15.3%;width:2.8%;animation-delay:0.08s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-6::before{left:16%;animation-delay:1.98s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-7{--color:#0084ff;left:21.2%;width:2.5%;animation-delay:1.43s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-7::before{left:22%;animation-delay:0.82s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-8{--color:#f84006;left:25%;width:2.5%;animation-delay:1.47s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-8::before{left:91%;animation-delay:1.93s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-9{--color:#ffc601;left:30.5%;width:3%;animation-delay:1.05s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-9::before{left:128%;animation-delay:0.39s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-10{--color:#ff4800;left:36.3%;width:3%;animation-delay:1.45s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-10::before{left:92%;animation-delay:1.09s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-11{--color:#fd0100;left:41%;width:2.2%;animation-delay:0.04s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-11::before{left:68%;animation-delay:1.38s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-12{--color:#01ffff;left:44.2%;width:2.6%;animation-delay:0.54s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-12::before{left:113%;animation-delay:1.07s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-13{--color:#ffc601;left:51.7%;width:0.5%;animation-delay:1.4s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-13::before{left:71%;animation-delay:0.18s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-14{--color:#ffc601;left:52.1%;width:1.8%;animation-delay:1.45s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-14::before{left:94%;animation-delay:1.71s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-15{--color:#0078fe;left:53.8%;width:2.3%;animation-delay:0.11s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-15::before{left:193%;animation-delay:0.82s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-16{--color:#0080ff;left:57.2%;width:2%;animation-delay:1.57s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-16::before{left:72%;animation-delay:1.55s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-17{--color:#ffae01;left:62.3%;width:2.9%;animation-delay:1.99s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-17::before{left:178%;animation-delay:0.74s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-18{--color:#ff00bf;left:65.8%;width:1.7%;animation-delay:0.43s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-18::before{left:162%;animation-delay:1.08s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-19{--color:#a601f4;left:72.8%;width:0.8%;animation-delay:1.2s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-19::before{left:77%;animation-delay:1.22s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-20{--color:#f30b34;left:74.3%;width:2%;animation-delay:0.82s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-20::before{left:38%;animation-delay:1.55s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-21{--color:#ff00bf;left:79.8%;width:2%;animation-delay:0.9s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-21::before{left:198%;animation-delay:0.33s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-22{--color:#04fd8f;left:78.2%;width:2%;animation-delay:2s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-22::before{left:143%;animation-delay:1.92s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-23{--color:#01ffff;left:78.5%;width:2%;animation-delay:1.97s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-23::before{left:111%;animation-delay:0.45s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-24{--color:#a201ff;left:85.3%;width:1.1%;animation-delay:0.84s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-24::before{left:120%;animation-delay:1.94s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-25{--color:#ec0014;left:86.9%;width:1.1%;animation-delay:0.32s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-25::before{left:61%;animation-delay:1.5s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-26{--color:#0078fe;left:88.8%;width:2%;animation-delay:1.51s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-26::before{left:197%;animation-delay:0.99s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-27{--color:#ff0036;left:92.4%;width:2.4%;animation-delay:1.66s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-27::before{left:156%;animation-delay:0.35s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-28{--color:#06f98c;left:96.2%;width:2.1%;animation-delay:0.41s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-28::before{left:154%;animation-delay:1.32s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-1,#container netflixintro [class*=helper-] .effect-lumieres .lamp-3,#container netflixintro [class*=helper-] .effect-lumieres .lamp-5,#container netflixintro [class*=helper-] .effect-lumieres .lamp-7,#container netflixintro [class*=helper-] .effect-lumieres .lamp-9,#container netflixintro [class*=helper-] .effect-lumieres .lamp-11,#container netflixintro [class*=helper-] .effect-lumieres .lamp-13,#container netflixintro [class*=helper-] .effect-lumieres .lamp-15,#container netflixintro [class*=helper-] .effect-lumieres .lamp-17,#container netflixintro [class*=helper-] .effect-lumieres .lamp-19,#container netflixintro [class*=helper-] .effect-lumieres .lamp-21,#container netflixintro [class*=helper-] .effect-lumieres .lamp-23,#container netflixintro [class*=helper-] .effect-lumieres .lamp-25,#container netflixintro [class*=helper-] .effect-lumieres .lamp-27{animation-name:lumieres-moving-left;animation-duration:5s;animation-fill-mode:forwards}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-1::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-3::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-5::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-7::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-9::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-11::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-13::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-15::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-17::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-19::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-21::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-23::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-25::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-27::before{animation-name:lumieres-moving-left;animation-duration:5.5s}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-2,#container netflixintro [class*=helper-] .effect-lumieres .lamp-4,#container netflixintro [class*=helper-] .effect-lumieres .lamp-6,#container netflixintro [class*=helper-] .effect-lumieres .lamp-8,#container netflixintro [class*=helper-] .effect-lumieres .lamp-10,#container netflixintro [class*=helper-] .effect-lumieres .lamp-12,#container netflixintro [class*=helper-] .effect-lumieres .lamp-14,#container netflixintro [class*=helper-] .effect-lumieres .lamp-16,#container netflixintro [class*=helper-] .effect-lumieres .lamp-18,#container netflixintro [class*=helper-] .effect-lumieres .lamp-20,#container netflixintro [class*=helper-] .effect-lumieres .lamp-22,#container netflixintro [class*=helper-] .effect-lumieres .lamp-24,#container netflixintro [class*=helper-] .effect-lumieres .lamp-26,#container netflixintro [class*=helper-] .effect-lumieres .lamp-28{animation-name:lumieres-moving-right;animation-duration:5s;animation-fill-mode:forwards}
#container netflixintro [class*=helper-] .effect-lumieres .lamp-2::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-4::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-6::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-8::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-10::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-12::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-14::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-16::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-18::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-20::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-22::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-24::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-26::before,#container netflixintro [class*=helper-] .effect-lumieres .lamp-28::before{animation-name:lumieres-moving-right;animation-duration:5.5s}
@keyframes brush-moving{0%{transform:translateY(0)}
100%{transform:translateY(-100%)}
}
@keyframes fading-out{0%{opacity:1}
100%{opacity:0}
}
@keyframes lumieres-moving-right{0%{transform:translate(0)}
40%{transform:translate(-10px) scaleX(1)}
50%{transform:translate(-60px)}
100%{transform:translate(-120px) scaleX(3)}
}
@keyframes lumieres-moving-left{0%{transform:translate(0)}
40%{transform:translate(10px) scaleX(1)}
50%{transform:translate(60px)}
100%{transform:translate(120px) scaleX(3)}
}
@keyframes zoom-in{0%{transform:scale(1)}
100%{transform:scale(15)}
}
@keyframes showing-lumieres{0%{opacity:0}
100%{opacity:1}
}
@keyframes fading-lumieres-box{0%{background-color:rgba(228,9,19,0.5)}
100%{background-color:rgba(228,9,19,0)}
}
.nf-intro-overlay{position:fixed;inset:0;width:100%;height:100%;background:#000;z-index:2147483647;display:flex;justify-content:center;align-items:center;pointer-events:none;animation:nf-intro-hide 3.6s ease 0s forwards}
@keyframes nf-intro-hide{0%{opacity:1}
75%{opacity:1}
100%{opacity:0;visibility:hidden}
}
.details-actions{width:100%;max-width:480px;margin:16px auto 0;padding:0 14px;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important;transform:none !important}
.details-actions__container{width:100%}
.details-actions{padding-left:0 !important;padding-right:0 !important;padding-inline:0 !important}
body{background:#000}
.page,main.page,.timeline-section,.timeline-mobile,#guestbook{max-width:480px;margin:0 auto;width:100%}
@media (min-width:768px){#autoplay-player-section{max-width:480px !important;margin:0 auto !important;width:100%}
#autoplay-player-section .player,#autoplay-player-section .overlay{max-width:480px !important;width:100% !important;margin:0 auto !important}
#autoplay-player-section video{max-width:480px !important;width:100% !important;display:block}
}
#app{width:100%;max-width:540px;margin:0 auto}
#container.nf-intro-overlay{max-width:540px;margin:0 auto}
@media (min-width:769px){body{background:#000;display:flex;justify-content:center}
#app,#container.nf-intro-overlay,header.nav,.hero,main,section,.details-actions,#autoplay-player-section,.timeline-location{width:100%;max-width:540px;margin-inline:auto}
.hero{margin-left:0 !important}
.row,.row-head,.rail-track{max-width:540px;margin-inline:auto}
}
@media (min-width:992px){#guestbook,section#guestbook{display:block !important}
#guestbook form{max-width:420px !important;margin:0 auto !important;display:block !important}
#guestbook form>*{display:block !important;width:100% !important}
#guestbook form label{display:block !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:.04em !important;font-size:0.78rem !important;color:#fff !important;margin-bottom:0.4rem !important}
#guestbook form input[type="text"],#guestbook form input[type="name"],#guestbook form select,#guestbook form textarea{width:100% !important;background:#0f0f0f !important;border:1px solid #1f1f1f !important;border-radius:14px !important;padding:12px 16px !important;color:#fff !important;font-size:0.9rem !important;outline:none !important;box-sizing:border-box !important;margin-bottom:1rem !important}
#guestbook form textarea{min-height:110px !important;resize:vertical !important}
#guestbook form button[type="submit"],#guestbook form .guestbook-submit{width:100% !important;background:#e50914 !important;border:none !important;border-radius:14px !important;padding:12px 16px !important;color:#fff !important;font-weight:600 !important;cursor:pointer !important;margin-top:.5rem !important}
}
.episodes .thumb,.episodes .thumb img{width:100% !important;height:auto !important;aspect-ratio:16/9 !important;object-fit:cover !important;border-radius:10px !important;background:transparent !important;box-shadow:none !important}
@media (min-width:992px){.ep{grid-template-columns:260px 1fr !important;align-items:start !important}
.ep .thumb{width:260px !important;aspect-ratio:16/9 !important}
.ep .thumb img{width:100% !important;height:auto !important}
.ep .ep-info{padding-left:14px !important}
}
.love-gift{padding:2.5rem 1.2rem 1.2rem;max-width:520px;margin:0 auto}
.lg-title{font-size:1.5rem;text-align:center;margin-bottom:0.4rem}
.lg-subtitle{text-align:center;opacity:0.8;font-size:0.9rem;margin-bottom:1.5rem}
.lg-list{display:grid;gap:1rem}
.lg-card{background:#1d1f23;border:1px solid rgba(255,255,255,0.03);border-radius:18px;overflow:hidden}
.lg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1rem 1.1rem}
.lg-head-left{display:flex;gap:12px;align-items:center}
.lg-icon{width:32px;height:32px;border-radius:12px;background:rgba(255,255,255,0.02);display:grid;place-items:center;font-size:1.1rem}
.lg-label{font-weight:600;font-size:0.9rem}
.lg-name{font-size:0.8rem;opacity:0.75}
.lg-info-btn{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:999px;color:#fff;font-size:0.75rem;padding:0.4rem 0.9rem;cursor:pointer}
.lg-body{display:none;padding:0 1.1rem 1rem;border-top:1px solid rgba(255,255,255,0.03)}
.lg-body.is-open{display:block}
.lg-row{display:flex;gap:10px;align-items:center;margin-top:0.6rem}
.lg-row-label{min-width:90px;font-size:0.75rem;opacity:0.6}
.lg-row-value{font-size:0.85rem;word-break:break-all}
.lg-copy-btn{margin-left:auto;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);border-radius:999px;padding:0.25rem 0.5rem;cursor:pointer;color:#fff;font-size:0.75rem}
@media (min-width:768px){.love-gift{max-width:520px}
}
#guestbook input[name="website"],.guestbook-form input[name="website"]{display:none !important;visibility:hidden !important;opacity:0 !important;height:0 !important;width:0 !important;padding:0 !important;margin:0 !important;border:0 !important;position:absolute !important;left:-9999px !important}
.love-gift{text-align:center;margin-top:1.5rem}
.love-gift__title{font-weight:600;margin-bottom:0.35rem;font-size:1.8rem}
.love-gift__desc{font-size:1rem;color:rgba(255,255,255,0.62);margin-bottom:1rem}
.love-gift .gift-list{display:flex;flex-direction:column;gap:0.75rem;align-items:center}
.love-gift .gift-card.nf-card{background:rgba(20,20,20,0.98);border:1px solid rgba(255,255,255,0.03);border-radius:1.4rem;width:min(100%,560px);text-align:left;padding:1rem 1.2rem;box-shadow:0 6px 18px rgba(0,0,0,0.25)}
.love-gift .nf-card__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.love-gift .gift-head-left{display:flex;flex-direction:column;gap:.25rem}
.love-gift .gift-line{display:flex;align-items:center;gap:.5rem}
.love-gift .gift-icon--main,.love-gift .gift-icon--profile{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;background:transparent}
.love-gift .gift-title{font-weight:600;font-size:1.1rem}
.love-gift .gift-line--sub .gift-subtitle{font-size:1.1rem;color:rgba(255,255,255,0.58)}
.love-gift .gift-head-right{display:flex;align-self:flex-end}
.love-gift .nf-pill{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.12);border-radius:999px;padding:.32rem .9rem;font-size:.7rem;color:#fff}
.love-gift .gift-body{display:none;margin-top:1rem}
.love-gift .gift-card.is-expanded .gift-body{display:block}
.love-gift .gift-divider{border:none;height:1px;background:rgba(255,255,255,0.055);margin-bottom:.5rem}
.love-gift .gift-row{display:grid;grid-template-columns:34px 1fr auto;gap:.4rem;align-items:center;padding:.35rem 0}
.love-gift .row-icon--big{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem}
.love-gift .gift-row-value{font-size:1rem}
.love-gift .gift-row-value--tight{margin-left:-0.2rem}
.gift-row-copy{background:transparent;border:none;cursor:pointer;padding:4px 6px;border-radius:6px;display:inline-flex;align-items:center;gap:.3rem}
.gift-row-copy .copy-success{display:none;font-size:.72rem;color:rgba(0,255,125,.9)}
.gift-row-copy.copied .copy-icon{display:none}
.gift-row-copy.copied .copy-success{display:inline-block}
@media (max-width:540px){.love-gift .gift-card.nf-card{width:100%}
.love-gift .gift-row{grid-template-columns:30px 1fr}
.gift-row-copy{justify-self:end}
}
@media (max-width:540px){.love-gift .gift-row{display:flex;align-items:center;justify-content:space-between}
.love-gift .gift-row-value{flex:1;margin-left:.5rem}
.love-gift .gift-row-copy{margin-left:auto;display:flex;align-items:center}
}
.nf-footer{background:#000;text-align:center;padding:3.5rem 1.5rem 3.5rem;max-width:520px;margin:0 auto}
.nf-footer__title{color:#e50914;font-weight:700;font-size:1.75rem;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:1.4rem}
.nf-footer__text{color:#fff;line-height:1.5;font-size:0.9rem;margin-bottom:1.8rem}
.nf-footer__small{color:#fff;font-size:0.8rem;margin-bottom:1.1rem;opacity:0.85}
.nf-footer__names{color:#fff;font-weight:700;font-size:1.1rem;letter-spacing:0.04em;text-transform:uppercase}
@media (min-width:768px){.nf-footer{max-width:520px}
}
.episode-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(3px);display:none;place-items:center;z-index:9999}
.episode-lightbox.open{display:grid}
.episode-lightbox-img{max-width:min(94vw,1100px);max-height:88vh;border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.55)}
.episode-lightbox-close{position:relative;top:auto;right:auto;margin-top:10px;align-self:center;width:44px;height:44px;border-radius:9999px;border:1px solid rgba(229,9,20,.5);background:rgba(229,9,20,.12);color:#fff;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px)}
.episode-lightbox-close:hover{background:rgba(229,9,20,.26)}
@media (max-width:560px){.episode-lightbox-close{position:relative;top:auto;right:auto;margin-top:10px;align-self:center;width:44px;height:44px;border-radius:9999px;border:1px solid rgba(229,9,20,.5);background:rgba(229,9,20,.12);color:#fff;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px)}
.episode-lightbox-img{max-width:94vw}
}
.footer-logo{width:140px;height:auto;display:block;margin-inline:auto}
.nf-preloader{position:fixed;inset:0;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease}
.nf-preloader.is-hidden{opacity:0;pointer-events:none;visibility:hidden}
.nf-preloader__center{display:flex;flex-direction:column;gap:1.75rem;align-items:center;justify-content:center}
.nf-preloader__logo{width:82px;height:110px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:4rem;color:#e50914;letter-spacing:-2px}
.nf-preloader__progress-wrap{position:relative;width:120px;height:120px}
.nf-preloader__circle{width:100%;height:100%;transform:rotate(-90deg)}
.nf-preloader__circle circle{fill:none;stroke-width:6;stroke-linecap:round}
.nf-preloader__circle .bg{stroke:rgba(229,9,20,0.2)}
.nf-preloader__circle .prog{stroke:#e50914;stroke-dasharray:289;stroke-dashoffset:289;transition:stroke-dashoffset .2s linear}
.nf-preloader__percent{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:.85rem}
body.nf-preloading{overflow:hidden}
.intro-overlay.preloader-hold{opacity:0;pointer-events:none}
#app{opacity:0;pointer-events:none;transition:opacity .4s ease}
#app.is-visible{opacity:1;pointer-events:auto}
.nf-preloader__logo img{width:82px;height:auto;display:block}
.moment-bahagia{background:#000;padding:3rem 1rem 3.5rem;display:flex;justify-content:center}
.moment-bahagia .mb-shell{background:rgba(20,20,20,0.9);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:1rem;max-width:960px;width:min(100%,960px);overflow:hidden}
.mb-content{padding:2rem 1.6rem 2rem;color:#fff;text-align:left}
.mb-title{font-family:"Netflix Sans","Inter",system-ui,sans-serif;font-size:1.75rem;font-weight:600;margin-bottom:1.1rem}
.mb-countdown{display:flex;gap:0.9rem;flex-wrap:wrap;margin-bottom:1.2rem}
.mb-item{background:rgba(30,30,30,.6);border:1px solid rgba(255,255,255,.08);border-radius:.85rem;width:90px;height:82px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.4rem}
.mb-num{font-size:1.9rem;font-weight:600}
.mb-label{font-size:.7rem;color:rgba(255,255,255,.75)}
@media (max-width:640px){.mb-item{width:calc(50% - .4rem);height:78px}
}
.nf-preloader__infinity{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}
.nf-preloader__snake{position:absolute;inset:10px;border-radius:50%;background:conic-gradient( from 0deg,rgba(229,9,20,0) 0deg,rgba(229,9,20,0) 220deg,rgba(229,9,20,.4) 250deg,rgba(229,9,20,.9) 300deg,#e50914 330deg,rgba(229,9,20,0) 360deg );-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 0);animation:nf-snake-spin 1s linear infinite;filter:drop-shadow(0 0 6px rgba(229,9,20,.9))}
@keyframes nf-snake-spin{to{transform:rotate(360deg)}
}
.nf-preloader__infinity .nf-preloader__percent{position:relative;z-index:2;font-weight:600;color:#fff}
.nf-preloader__circle{display:none !important}
.moment-bahagia{background:#000;padding:28px 12px 36px;display:flex;justify-content:center}
.moment-bahagia .mb-shell{width:100%;max-width:480px;margin:0 auto;background:rgba(20,20,20,0.92);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden}
.moment-bahagia .mb-content{padding:18px 16px 20px}
.mb-title{font-size:clamp(18px,5vw,22px);line-height:1.2;margin:0 0 12px;text-align:center;font-weight:700;color:#fff}
.mb-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:stretch;margin:8px 0 12px}
.mb-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px 6px}
.mb-num{font-variant-numeric:tabular-nums;font-size:clamp(18px,8vw,28px);font-weight:800;color:#fff;line-height:1}
.mb-label{font-size:11px;color:#bbb;margin-top:6px;letter-spacing:.02em}
@media (min-width:768px){.moment-bahagia{padding:40px 12px 48px}
.moment-bahagia .mb-content{padding:22px 18px 24px}
.mb-countdown{gap:12px}
.mb-num{font-size:clamp(22px,4vw,30px)}
}
.moment-bahagia{background:#000;padding:28px 12px 36px;display:flex;justify-content:center}
.moment-bahagia .mb-shell{width:100%;max-width:480px;margin:0 auto;background:radial-gradient(120% 120% at 50% -10%,rgba(255,0,20,.12) 0%,rgba(0,0,0,.0) 35%),rgba(20,20,20,.94);border:1px solid rgba(255,255,255,.07);border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.moment-bahagia .mb-content{padding:22px 18px 22px}
.mb-title{margin:14px 0 14px;text-align:center;font-weight:800;font-size:clamp(20px,5.4vw,24px);letter-spacing:.02em;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3)}
.mb-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch;margin:6px 0 12px}
.mb-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.03) 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 18px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.mb-item:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 70% at 50% -20%,rgba(229,9,20,.08) 0%,rgba(229,9,20,0) 65%);pointer-events:none}
.mb-num{font-variant-numeric:tabular-nums;font-size:clamp(22px,9vw,32px);font-weight:900;line-height:1;letter-spacing:.01em;color:#fff;text-shadow:0 0 10px rgba(229,9,20,.10);transform:translateZ(0)}
.mb-label{margin-top:8px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#cfcfcf;opacity:.9}
@media (hover:hover){.mb-item:hover{transform:translateY(-1px);transition:transform .18s ease}
}
@media (min-width:768px){.moment-bahagia{padding:46px 16px 54px}
.moment-bahagia .mb-content{padding:24px 20px 26px}
.mb-countdown{gap:14px}
.mb-num{font-size:clamp(24px,4vw,34px)}
}
.mb-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:center;margin:4px 0 8px}
.mb-item{position:relative;padding:4px 2px;background:transparent !important;border:0 !important;box-shadow:none !important}
.mb-item:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:16px;background:rgba(255,255,255,.14)}
.mb-num{font-variant-numeric:tabular-nums;font-weight:900;font-size:clamp(18px,7.6vw,26px);line-height:1;letter-spacing:.01em;color:#fff;text-shadow:none}
.mb-label{margin-top:4px;font-size:10px;letter-spacing:.04em;color:#cfcfcf;text-transform:none;opacity:.95}
.mb-title{margin:10px 0 10px;font-size:clamp(18px,5vw,22px)}
.moment-bahagia .mb-shell{max-width:480px}
@media (min-width:768px){.mb-num{font-size:clamp(20px,4vw,28px)}
.mb-item:not(:last-child)::after{height:18px}
}
.mb-countdown{display:grid;grid-template-columns:repeat(4,max-content);justify-content:center;align-items:center;column-gap:14px;row-gap:0;margin:4px 0 8px}
.mb-item{position:relative;padding:0;background:transparent !important;border:0 !important;box-shadow:none !important}
.mb-item::after{display:none !important;content:none !important}
.mb-num{font-variant-numeric:tabular-nums;font-weight:900;font-size:clamp(18px,7.2vw,26px);line-height:1;letter-spacing:.01em;color:#fff;text-shadow:none;text-align:center}
.mb-label{margin-top:4px;font-size:10px;letter-spacing:.04em;color:#cfcfcf;opacity:.95;text-align:center}
.moment-bahagia .mb-shell{max-width:480px}
.moment-bahagia .mb-shell{max-width:480px;margin:0 auto}
.mb-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;justify-items:center;margin:6px 0 10px}
.mb-item{padding:0;background:transparent !important;border:0 !important;box-shadow:none !important}
.mb-num{font-variant-numeric:tabular-nums;font-weight:900;font-size:clamp(18px,9.5vw,28px);line-height:1;color:#ffffff;letter-spacing:.01em;text-align:center;text-shadow:none;white-space:nowrap}
.mb-label{margin-top:4px;font-size:clamp(9px,2.6vw,10px);line-height:1.2;color:#cfcfcf;opacity:.95;text-align:center}
@media (min-width:768px){.mb-countdown{gap:10px}
.mb-num{font-size:clamp(20px,4vw,30px)}
.mb-label{font-size:clamp(9px,1.4vw,11px)}
}
.moment-bahagia .mb-shell{max-width:480px;margin:0 auto}
.mb-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;justify-items:center;margin:6px 0 10px}
.mb-item{padding:0;background:transparent!important;border:0!important;box-shadow:none!important}
.mb-num{font-variant-numeric:tabular-nums;font-weight:900;font-size:clamp(18px,9.5vw,28px);line-height:1;color:#fff;letter-spacing:.01em;text-align:center;text-shadow:none;white-space:nowrap}
.mb-label{margin-top:4px;font-size:clamp(9px,2.6vw,10px);line-height:1.2;color:#cfcfcf;opacity:.95;text-align:center}
@media (min-width:768px){.mb-countdown{gap:10px}
.mb-num{font-size:clamp(20px,4vw,30px)}
.mb-label{font-size:clamp(9px,1.4vw,11px)}
}
.mb-text{font-size:clamp(12px,3.2vw,14px);line-height:1.6;color:#e4e4e4;text-align:center;max-width:42ch;margin:8px auto 0}
.moment-bahagia .mb-shell{background:rgba(20,20,20,.94) !important}
.moment-bahagia .mb-item::before{display:none !important;content:none !important}
.moment-bahagia .mb-content{text-align:center}
.moment-bahagia .mb-content{text-align:center}
.moment-bahagia .mb-content{text-align:center}
.moment-bahagia .mb-content{text-align:center}
.moment-bahagia .mb-content{text-align:center}
.moment-bahagia .mb-content{text-align:center}
.moment-bahagia .mb-content{text-align:center}
.moment-bahagia .mb-content{text-align:center}
.credit{text-align:center;color:rgba(255,255,255,.6);font-size:12px;margin-top:24px;margin-bottom:10px;font-family:"Netflix Sans","Inter",sans-serif}
.reveal{opacity:0;transform:translateY(22px) scale(0.985);filter:blur(2.5px);transition:opacity 1000ms cubic-bezier(0.22,1,0.36,1),transform 1000ms cubic-bezier(0.22,1,0.36,1),filter 1000ms cubic-bezier(0.22,1,0.36,1);will-change:opacity,transform,filter}
.reveal.show{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
.reveal-stagger>*{transition-delay:var(--reveal-delay,0ms)}
.fade-up{opacity:0;transform:translateY(24px) scale(0.985);filter:blur(2px);transition:opacity 900ms cubic-bezier(0.22,1,0.36,1),transform 900ms cubic-bezier(0.22,1,0.36,1),filter 900ms cubic-bezier(0.22,1,0.36,1);will-change:opacity,transform,filter}
.fade-up.show{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
.glow-on-show{text-shadow:0 0 0 rgba(229,9,20,0);transition:text-shadow 1000ms cubic-bezier(0.22,1,0.36,1)}
.glow-on-show.show{text-shadow:0 0 16px rgba(229,9,20,0.35)}
@keyframes heartbeat-soft{0%{transform:scale(1);text-shadow:0 0 12px rgba(229,9,20,0.20)}
25%{transform:scale(1.02);text-shadow:0 0 18px rgba(229,9,20,0.28)}
50%{transform:scale(1);text-shadow:0 0 12px rgba(229,9,20,0.20)}
75%{transform:scale(1.015);text-shadow:0 0 16px rgba(229,9,20,0.24)}
100%{transform:scale(1);text-shadow:0 0 12px rgba(229,9,20,0.20)}
}
.names-heartbeat.show{animation:heartbeat-soft 2200ms ease-in-out 600ms infinite;transform-origin:center}
.love-gift-card{position:relative;overflow:hidden;will-change:transform,box-shadow;transition:transform 350ms ease,box-shadow 350ms ease}
.love-gift-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,0.22)}
.love-gift-card::after{content:"";position:absolute;inset:-100% -40%;background:linear-gradient(120deg,rgba(255,255,255,0) 30%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0) 70%);transform:translateX(-120%);pointer-events:none}
.love-gift-card:hover::after{transform:translateX(120%);transition:transform 900ms cubic-bezier(0.22,1,0.36,1)}
.guestbook-bubble{opacity:0;transform:translateY(14px);transition:opacity 700ms ease,transform 700ms ease}
.guestbook-bubble.show{opacity:1;transform:translateY(0)}