:root{--bg:#0a0f0c;--panel:#0f1611;--card:#142019;--line:#26372b;--text:#ece4cf;--mute:#8e9a84;--red:#9f2b22;--red-text:#e07a6a;--gold:#cfae62;--green:#8fae5a;--blue:#7cc9b4;--serif:var(--font-serif), serif}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);font:17px/1.65 var(--font-body), serif}.studio{font:15px/1.65 var(--font-sans), sans-serif}h1,h2,h3{font-family:var(--serif);line-height:1.25}a{color:var(--gold)}img{max-width:100%;display:block}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--card);border:1px solid var(--line);border-radius:2px;width:100%;padding:9px 10px}textarea{resize:vertical}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.wrap{max-width:1100px;margin:auto;padding:0 16px}.mute{color:var(--mute)}.small{font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.between{justify-content:space-between}.stack{flex-direction:column;gap:12px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.pre{white-space:pre-wrap}.mono{color:var(--mute);white-space:pre-wrap;word-break:break-word;background:#0008;padding:8px;font:12px/1.5 ui-monospace,monospace}.btn{border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:2px;padding:8px 14px;text-decoration:none;display:inline-block}.btn.solid{background:var(--red);border-color:var(--red);color:#fff}.btn.ghost{border-color:var(--line);color:var(--mute)}.btn:disabled{opacity:.45;cursor:wait}.ico{vertical-align:-.2em;flex:none}:is(.btn:has(>.ico),.ico-link){align-items:center;gap:6px;display:inline-flex}.box{background:var(--panel);border:1px solid var(--line);padding:20px}.card{background:var(--card);border:1px solid var(--line);padding:14px 16px}.tag{color:var(--red-text);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.badge{white-space:nowrap;border:1px solid;border-radius:10px;padding:1px 8px;font-size:12px;display:inline-block}.badge.TODO,.badge.DRAFT,.badge.NEW{color:var(--mute)}.badge.RUNNING,.badge.IN_PROGRESS{color:var(--blue)}.badge.WAITING_APPROVAL{color:var(--gold)}.badge.DONE,.badge.READY,.badge.ACCEPTED,.badge.PUBLISHED{color:var(--green)}.badge.FAILED,.badge.REJECTED{color:#ff8a80}.badge.CANCELLED{color:#5d6a5f}.err{color:#ff8a80}table{border-collapse:collapse;width:100%;font-size:14px}td,th{border-bottom:1px solid var(--line);vertical-align:top;text-align:left;padding:8px}th{color:var(--gold);font-weight:600}.scroll{overflow-x:auto}.nav{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.wrap.nav{z-index:40;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff12;max-width:none;padding:14px clamp(24px,5vw,80px);position:sticky;top:0}.wrap.nav.nav-overlay{padding:18px clamp(24px,5vw,80px);position:fixed;left:0;right:0}@supports (animation-timeline:scroll()){.wrap.nav{animation:linear both nav-in;animation-timeline:scroll(root);animation-range:0 120px}@keyframes nav-in{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000;border-bottom-color:#0000}}}.logo{font-family:var(--serif);color:var(--gold);letter-spacing:.12em;align-items:center;gap:8px;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.logo svg{width:22px;height:22px}.hero{text-align:center;background:radial-gradient(circle at 86% 15%,#f1e6c4 0 40px,#cfae6244 44px,#0000 150px),radial-gradient(at 50% 100%,#1d2d22 0%,#0000 60%),linear-gradient(#070b09 0%,#0d1611 70%,#0a0f0c 100%);place-items:center;min-height:78vh;display:grid;position:relative;overflow:hidden}.hero .wrap{z-index:1;padding-bottom:120px;position:relative}.hero .grove{pointer-events:none;width:100%;height:55%;position:absolute;inset:auto 0 0}.hero .mist{pointer-events:none;background:linear-gradient(#0000,#9fb59a14 40%,#0a0f0c 90%);height:30%;position:absolute;inset:auto 0 0}.hero h1{font-size:clamp(40px,8vw,88px)}.hero h1 em{color:var(--gold);text-shadow:0 0 40px #cfae6255}.hero p{max-width:620px;color:var(--mute);margin:20px auto 32px;font-size:18px}.section{border-top:1px solid var(--line);padding:64px 0}.section h2{margin-bottom:8px;font-size:32px}.lead{color:var(--mute);margin-bottom:28px}.char{background:var(--card);border:1px solid var(--line);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s;display:block}.char:hover{border-color:var(--gold);transform:translateY(-3px)}.char .pic{aspect-ratio:3/4;font:700 72px var(--serif);color:#cfae6222;background:radial-gradient(circle at 70% 20%,#cfae6222,#0000 40%),linear-gradient(170deg,#1b2b20,#0a0f0c 75%) 50%/cover;place-items:center;display:grid}.char .body{padding:14px 16px 18px}.char h3{margin:4px 0;font-size:20px}.char p{color:var(--mute);font-size:14px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.chips button{color:var(--mute);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:20px;padding:6px 14px}.chips button.on{color:var(--bg);background:var(--gold);border-color:var(--gold)}dl dt{color:var(--gold);margin-top:14px;font-weight:600}.char .pic{background-position:50%;background-size:cover;position:relative}.ai-tag{font:600 11px var(--font-sans);color:var(--text);border:1px solid var(--line);background:#0a0f0ccc;border-radius:10px;padding:1px 8px;position:absolute;bottom:8px;left:8px}.footer{color:var(--mute);border-top:1px solid var(--line);padding:32px 0 120px;font-size:14px;position:relative;overflow:hidden}.footer .grove{opacity:.6;pointer-events:none;width:100%;height:140px;position:absolute;inset:auto 0 0}.studio{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--line);background:linear-gradient(180deg, var(--bg), #0d1611);flex-direction:column;gap:2px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0;overflow:hidden}.side .grove{opacity:.55;pointer-events:none;z-index:-1;width:100%;height:220px;position:absolute;bottom:0;left:0}.side{isolation:isolate}.side a{color:var(--mute);border-radius:2px;justify-content:space-between;padding:8px 10px;text-decoration:none;display:flex}.side a:hover,.side a.on{color:var(--text);background:var(--card)}.side .count{background:var(--red);color:#fff;border-radius:10px;padding:0 7px;font-size:12px}.main{min-width:0;padding:24px 24px 80px}.main h1{margin-bottom:4px;font-size:28px}.main>*+*{margin-top:20px}.kanban{grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;display:grid;overflow-x:auto}.kanban .col{background:var(--panel);border:1px solid var(--line);flex-direction:column;gap:8px;min-height:200px;padding:10px;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.stat b{font:700 30px var(--serif);display:block}.tabs{border-bottom:1px solid var(--line);gap:4px;display:flex}.tabs button{color:var(--mute);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 14px}.tabs button.on{color:var(--gold);border-color:var(--gold)}.panels{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.cal{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal .day{background:var(--card);border:1px solid var(--line);min-height:96px;padding:6px;font-size:12px}.cal .day.today{border-color:var(--gold)}.cal .ev{border-left:2px solid var(--red);color:var(--text);background:#0006;margin-top:4px;padding:2px 4px;text-decoration:none;display:block}.cal .ev.task{border-color:var(--blue)}@media (max-width:800px){.studio{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;height:auto;position:static}.main{padding:16px}.cal{grid-template-columns:1fr}}.side .logo{justify-content:flex-start}.char .pic{filter:saturate(.82)brightness(.92)}.char .pic:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#142019e6);position:absolute;inset:0}.char .ai-tag{z-index:1}.seal{z-index:1;opacity:.92;filter:drop-shadow(0 1px 2px #0008);width:34px;height:34px;position:absolute;bottom:10px;right:10px;transform:rotate(-4deg)}.framed{border:1px solid var(--line);background:#0d1410;padding:10px;position:relative;box-shadow:inset 0 0 0 1px #cfae6233}.framed img{border:0!important}.framed .seal{width:46px;height:46px;bottom:20px;right:20px}.guide-hero{border-bottom:1px solid var(--line);padding-bottom:20px}.guide-hero h1{color:var(--gold)}.guide-tagline{font:italic 400 17px var(--serif);margin:2px 0 10px}.guide{grid-template-columns:180px minmax(0,1fr);gap:32px;display:grid}.guide-toc{flex-direction:column;align-self:start;gap:2px;display:flex;position:sticky;top:16px}.guide-toc a{color:var(--mute);gap:10px;padding:6px 8px;font-size:14px;text-decoration:none;display:flex}.guide-toc a:hover{color:var(--gold);background:var(--card)}.guide-toc a span{color:var(--line);font:12px ui-monospace,monospace}.guide-section{padding:0 0 48px;scroll-margin-top:16px;position:relative}.guide-section h2{margin-bottom:16px;font-size:30px}.guide-n{color:var(--red-text);letter-spacing:.1em;font:700 13px ui-monospace,monospace}.guide-lead{max-width:720px;font-size:18px}.guide-list{flex-direction:column;gap:8px;max-width:760px;padding-left:20px;display:flex}.guide-list li::marker{color:var(--gold)}.guide-list.dont li::marker{content:"✕  ";color:var(--red-text)}.guide-grid2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.guide-logo{height:120px;font:700 34px var(--serif);color:var(--gold);letter-spacing:.12em;justify-content:center;align-items:center;gap:14px;display:flex}.guide-logo svg{width:44px;height:44px}.guide-seal{width:96px;height:96px;transform:rotate(-4deg)}.swatches{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.swatch{flex-direction:column;gap:4px;display:flex}.swatch .chip{border:1px solid var(--line);border-radius:3px;height:72px}.guide-specimen-serif{font:700 clamp(26px, 4vw, 40px) var(--serif);color:var(--text)}.guide-specimen-sans{color:var(--mute);max-width:640px;font-size:18px}.guide-examples{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px;display:grid}.guide-examples img{aspect-ratio:3/4;object-fit:cover;width:100%}@media (max-width:800px){.guide{grid-template-columns:1fr;gap:16px}.guide-toc{flex-flow:wrap;position:static}}.poster-moon{background:#f1e6c4;border-radius:50%;width:46px;height:46px;position:absolute;top:9%;right:14%;box-shadow:0 0 40px #cfae6299}.poster-grove{opacity:.95;width:100%;height:70%;position:absolute;inset:auto 0 0}.poster-vertical{writing-mode:vertical-rl;z-index:1;font:400 clamp(46px, 4.4vw, 60px)/1 var(--font-brush), cursive;color:var(--gold);letter-spacing:.02em;text-shadow:0 0 24px #000,0 0 40px #cfae6244;max-height:78%;position:absolute;top:10%;left:50%;translate:-50%}.spot{--accent:var(--gold);isolation:isolate;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;min-height:100svh;padding:140px clamp(24px,5vw,80px) 96px;display:grid;position:relative;overflow:hidden}.spot-loading{background:var(--panel)}.spot-bg{z-index:-2;background:radial-gradient(circle at 62% 30%,#1d2d22,#070b09 70%) 50%/cover;animation:1.4s cubic-bezier(.2,.7,.2,1) both spot-in;position:absolute;inset:0}.spot-bg[style]{filter:saturate(.9);background-position:50% 30%;background-size:cover}.spot-moon{background:#f1e6c4;border-radius:50%;width:110px;height:110px;position:absolute;top:12%;right:30%;box-shadow:0 0 90px #cfae62aa,0 0 200px #cfae6244}.spot-grove{width:100%;height:78%;position:absolute;inset:auto 0 0}.spot-shade{z-index:-1;background:linear-gradient(90deg,#070b09f2 0%,#070b09b0 32%,#070b0933 55%,#070b09c8 78%,#070b09f0 100%),linear-gradient(#0000 65%,#070b09 100%);position:absolute;inset:0}.spot-left{flex-direction:column;align-items:flex-start;gap:14px;animation:.9s .1s both spot-up;display:flex}.spot-kicker{font:500 14px var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--text);opacity:.85}.spot-title{font:400 clamp(80px, 12vw, 190px)/1.05 var(--font-brush), cursive;letter-spacing:0;color:var(--text);text-shadow:0 4px 30px #000,0 0 60px #000;max-width:8ch;padding-top:.1em}.spot-title.long{max-width:10ch;font-size:clamp(64px,8.4vw,136px)}.spot-aka{font:italic 400 20px var(--serif);color:var(--accent);margin-top:-6px}.spot-title:first-line{color:var(--text)}.spot-badge{background:var(--accent);color:#0a0f0c;font:600 13px var(--font-sans);border-radius:2px;padding:4px 12px}.spot-right{flex-direction:column;justify-self:end;gap:12px;max-width:440px;animation:.9s .25s both spot-up;display:flex}.spot-hook{font:700 34px/1.2 var(--font-antique), serif;color:var(--accent);text-shadow:0 2px 20px #000}.spot-meta{color:var(--text);flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.spot-meta i{color:var(--mute);font-style:normal}.spot-meta .hl{background:var(--accent);color:#0a0f0c;padding:0 6px;font-weight:600}.spot-desc{color:var(--text);opacity:.9;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}.spot-play{background:var(--accent);color:#0a0f0c;font:700 14px var(--font-sans);text-transform:uppercase;letter-spacing:.05em;padding:10px 22px;text-decoration:none}.spot-ghost{border:2px solid var(--text);color:var(--text);font:700 14px var(--font-sans);text-transform:uppercase;letter-spacing:.05em;padding:8px 18px;text-decoration:none}.spot-play:hover,.spot-ghost:hover{filter:brightness(1.15)}.spot-next{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f0cb8;border:1px solid #ece4cf22;border-radius:18px 18px 0;flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:absolute;bottom:70px;right:clamp(16px,4vw,56px)}.spot-next b{font:700 20px var(--font-antique), serif}.spot-thumb{cursor:pointer;width:150px;height:88px;color:var(--text);font:600 12px var(--font-sans);text-align:left;background:linear-gradient(170deg,#1b2b20,#070b09) 50%/cover;border:2px solid #ece4cf44;border-radius:14px;align-items:flex-end;padding:6px 10px;display:flex;position:relative;overflow:hidden}.spot-thumb:before{content:"";background:linear-gradient(#0000 40%,#000c);position:absolute;inset:0}.spot-thumb span{position:relative}.spot-thumb:hover{border-color:var(--accent)}.spot-dots{gap:6px;display:flex;position:absolute;bottom:34px;left:clamp(24px,5vw,80px)}.spot-dots button{cursor:pointer;background:#ece4cf33;border:0;width:22px;height:4px;padding:0;position:relative;overflow:hidden}.spot-dots button.on{background:#ece4cf55;width:48px}.spot-progress{background:var(--accent);transform-origin:0;animation:linear both spot-bar;position:absolute;inset:0}.spot-seal{top:120px;width:52px!important;height:52px!important;bottom:auto!important;right:26px!important}@keyframes spot-in{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}@keyframes spot-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes spot-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.spot-bg,.spot-left,.spot-right,.spot-progress{animation:none}}@media (max-width:900px){.spot{grid-template-columns:1fr;gap:24px;padding:150px 20px}.spot-right{justify-self:start}.spot-next{bottom:52px;left:20px;right:20px}.spot-thumb{width:50%}}.spot-source{color:var(--mute);margin-top:-6px;font-size:13px}.lead,.guide-lead{font-style:italic}.tag,.spot-kicker{font-family:var(--font-body), serif;font-variant:small-caps;text-transform:lowercase;letter-spacing:.12em;font-size:15px}.spot-desc{font:18px/1.6 var(--font-body), serif}.spot-source{font:italic 15px var(--font-body), serif}.spot-meta{font-family:var(--font-body), serif;font-size:16px}.spot-meta .hl,.spot-badge{font-family:var(--font-antique), serif;font-size:15px;font-weight:700}.spot-play,.btn.solid{font:700 19px/1 var(--font-antique), serif;text-transform:none;letter-spacing:.02em;box-shadow:inset 0 0 0 3px var(--accent,var(--red)), inset 0 0 0 4.5px #f3dccbaa;border:0;border-radius:2px;padding:12px 24px}.btn.solid{background:var(--red);color:#f3dccb}.spot-ghost,.site .btn:not(.solid),.nav .btn:not(.solid){font:700 18px/1 var(--font-antique), serif;text-transform:none;letter-spacing:.02em;border:3px double var(--gold);color:var(--gold);background:0 0;padding:10px 20px}.nav .btn{font:700 17px/1 var(--font-antique), serif;padding:9px 16px}.track-btn{z-index:2;border:1px solid var(--gold);background:color-mix(in srgb, var(--bg) 75%, transparent);width:48px;height:48px;color:var(--gold);font:28px/1 var(--serif);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%}.track-btn:disabled{opacity:0;pointer-events:none}.studio .btn.solid{font:600 15px/1.4 var(--font-sans), sans-serif;box-shadow:none;color:#fff;padding:8px 14px}@property --bg{syntax:"<color>";inherits:true;initial-value:#0a0f0c}@property --panel{syntax:"<color>";inherits:true;initial-value:#0f1611}@property --card{syntax:"<color>";inherits:true;initial-value:#142019}@property --line{syntax:"<color>";inherits:true;initial-value:#26372b}:root{--orb:#f1e6c4;--orb-glow:#cfae6266;--orb-x:82%;--orb-y:10%;--sky:#070b09;--fog:.28;transition:--bg 1.6s,--panel 1.6s,--card 1.6s,--line 1.6s}:root[data-phase=khuya]{--bg:#050806;--panel:#090f0b;--card:#0e1712;--line:#1d2b22;--mute:#7d8a75;--orb:#dfe7ee;--orb-glow:#9fb8d444;--orb-x:18%;--orb-y:8%;--sky:#020407;--fog:.5}:root[data-phase=toi]{--orb-x:82%;--orb-y:10%}:root[data-phase=chieu]{--bg:#14120c;--panel:#1a170f;--card:#221e14;--line:#3c3422;--gold:#e3a959;--mute:#a99d82;--orb:#ffb36b;--orb-glow:#ff7d3a55;--orb-x:86%;--orb-y:52%;--sky:#2a170c;--fog:.18}:root[data-phase=trua]{--bg:#243128;--panel:#2a382f;--card:#314136;--line:#4b5f50;--text:#f6f1e3;--mute:#c5ccb9;--orb:#fffbea;--orb-glow:#fff1c255;--orb-x:50%;--orb-y:2%;--sky:#46594c;--fog:.08}:root[data-phase=sang]{--bg:#1b2620;--panel:#212e27;--card:#28362e;--line:#405348;--mute:#b3bdab;--orb:#ffd8b0;--orb-glow:#ffbf9555;--orb-x:14%;--orb-y:34%;--sky:#3a3f3a;--fog:.55}.spot-shade{background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 95%, transparent) 0%, color-mix(in srgb, var(--bg) 70%, transparent) 32%, color-mix(in srgb, var(--bg) 18%, transparent) 55%, color-mix(in srgb, var(--bg) 78%, transparent) 78%, color-mix(in srgb, var(--bg) 94%, transparent) 100%), linear-gradient(0deg, var(--bg) 0%, transparent 35%)}.char .pic:after{background:linear-gradient(180deg, transparent 50%, var(--card) 98%)}.spot-next{background:color-mix(in srgb, var(--bg) 75%, transparent)}.side{background:linear-gradient(180deg, var(--bg), var(--panel))}.spot-moon,.poster-moon{background:var(--orb);box-shadow:0 0 60px var(--orb-glow), 0 0 160px var(--orb-glow);transition:background 1.6s,box-shadow 1.6s}.amb{pointer-events:none;z-index:0;position:fixed;inset:0}body>:not(.amb):not(.music-btn):not(.stations):not(.nav):not(.mist-veil):not(.dial){z-index:1;position:relative}.amb-sky{background:radial-gradient(circle at var(--orb-x) var(--orb-y), var(--orb-glow), transparent 38%), linear-gradient(180deg, var(--sky), var(--bg) 60%);transition:background 1.6s;position:absolute;inset:0}.amb-fog{height:60vh;opacity:var(--fog);will-change:transform;background:radial-gradient(40% 30% at 30% 70%,#c9d6c833,#0000 70%),radial-gradient(35% 25% at 70% 80%,#c9d6c826,#0000 70%);transition:opacity 1.6s;animation:60s ease-in-out infinite alternate fog-drift;position:absolute;inset:auto -50% 0}@keyframes fog-drift{to{transform:translate(18%)}}.wisp{z-index:9999;pointer-events:none;opacity:0;will-change:transform;width:0;height:0;transition:opacity .4s;position:fixed;top:0;left:0}:root[data-wisp="1"] .wisp{opacity:1}.wisp i{mix-blend-mode:screen;background:radial-gradient(circle,#effff9 0 10%,#7cc9b4c0 28%,#7cc9b430 58%,#0000 70%);border-radius:50%;width:32px;height:32px;transition:scale .35s,background .35s;animation:2.4s ease-in-out infinite alternate wisp-flicker;position:absolute;top:-16px;left:-16px}:root[data-hot="1"] .wisp i{background:radial-gradient(circle,#fff6dc 0 8%,#cfae62b0 26%,#cfae6226 58%,#0000 70%);scale:1.9}@keyframes wisp-flicker{0%{opacity:.75}40%{opacity:1}70%{opacity:.82}to{opacity:.95}}.wisp-p{pointer-events:none;z-index:9998;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,#c8fbec,#7cc9b400 70%);border-radius:50%;width:8px;height:8px;position:fixed;top:-4px;left:-4px}.phase-chip{border:1px solid var(--line);color:var(--mute);font:italic 15px var(--font-body), serif;cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.phase-chip:hover{color:var(--gold);border-color:var(--gold)}.phase-dot{background:var(--orb);width:10px;height:10px;box-shadow:0 0 10px var(--orb-glow);border-radius:50%}@supports (animation-timeline:scroll()){.spot-bg{animation:1.4s cubic-bezier(.2,.7,.2,1) both spot-in,linear both par-slow;animation-timeline:auto,scroll(root);animation-range:normal,0 100vh}.spot-left{animation:.9s .1s both spot-up,linear both par-fast;animation-timeline:auto,scroll(root);animation-range:normal,0 90vh}.spot-right{animation:.9s .25s both spot-up,linear both par-mid;animation-timeline:auto,scroll(root);animation-range:normal,0 90vh}@keyframes par-slow{to{translate:0 22%}}@keyframes par-mid{to{translate:0 -18vh}}@keyframes par-fast{to{translate:0 -32vh}}@keyframes rise{0%{opacity:.3;translate:0 70px}to{opacity:1;translate:0}}.section h2,.lead{animation:linear both rise;animation-timeline:view();animation-range:entry cover 25%}.footer .grove{animation:linear both par-mid;animation-timeline:view();animation-range:entry exit}}@media (prefers-reduced-motion:reduce){.amb-fog,.wisp i{animation:none!important}.spot-bg,.spot-left,.spot-right,.relic,.section h2,.lead,.footer .grove{opacity:1!important;animation:none!important;translate:none!important}}html,body{overflow-x:clip}.amb{overflow:hidden}.wisp-layer{pointer-events:none;z-index:2147483000;position:fixed;inset:0}body>.wisp-layer{z-index:2147483000;position:fixed}.section .grid .card p{color:var(--mute);font-style:italic}::-webkit-scrollbar{width:12px;height:10px}::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid var(--line)}::-webkit-scrollbar-thumb{background:repeating-linear-gradient(#6f8f4e 0 40px,#2c3d25 40px 42px,#8fae5a 42px 44px) padding-box padding-box;border:3px solid #0000;border-radius:8px;min-height:60px}::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(180deg, var(--gold) 0 40px, #5c4a22 40px 42px, #e6cf8f 42px 44px) padding-box}::-webkit-scrollbar-thumb:horizontal{background:repeating-linear-gradient(90deg,#6f8f4e 0 40px,#2c3d25 40px 42px,#8fae5a 42px 44px) padding-box padding-box}::-webkit-scrollbar-corner{background:var(--bg)}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:#6f8f4e var(--bg)}}.ring{touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;padding:10px 0 20px;position:relative}.ring-stage{perspective:1400px;height:clamp(520px,62vw,640px);transform-style:preserve-3d;position:relative}.ring-card{--w:clamp(240px, 24vw, 320px);width:var(--w);margin-left:calc(var(--w) / -2);color:inherit;background:var(--card);border:1px solid var(--line);transform:translateX(calc(var(--o) * var(--w) * .84)) translateZ(calc(var(--a) * -170px)) rotateY(calc(var(--o) * -28deg)) scale(calc(1.14 - var(--a) * .17));opacity:calc(1 - var(--a) * .3);z-index:calc(10 - var(--a));filter:brightness(calc(1 - var(--a) * .22)) saturate(calc(1 - var(--a) * .2));will-change:transform;cursor:pointer;flex-direction:column;text-decoration:none;transition:transform .8s cubic-bezier(.22,.8,.2,1),opacity .8s,filter .8s,border-color .4s,box-shadow .6s;display:flex;position:absolute;top:10px;left:50%}.ring-card.is-edge{opacity:0;pointer-events:none}.ring-card.is-center{border-color:var(--gold);cursor:pointer;box-shadow:0 40px 90px #000c,0 0 60px #cfae6230}.ring-card:not(.is-center) .ring-info .tag{display:none}.ring-art{aspect-ratio:3/4;background-color:#0000;background-image:radial-gradient(circle at 70% 18%,#cfae6233,#0000 40%),linear-gradient(170deg,#1b2b20,#070b09 80%);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:relative;overflow:hidden}.ring-art:after{content:"";background:linear-gradient(180deg, transparent 55%, var(--card) 99%);position:absolute;inset:0}.ring-art .seal{z-index:2;bottom:12px;right:12px}.ring-info{z-index:2;padding:12px 18px 18px;position:relative}.ring-info h3{font:700 24px var(--font-antique), serif}.ring-card.is-center .ring-info h3{font:400 46px/1.05 var(--font-brush), cursive;color:var(--gold)}.ring-hook{font:italic 16px var(--font-body), serif;color:var(--text);opacity:.85;margin-top:4px}.ring-ctrl{justify-content:center;align-items:center;gap:18px;margin-top:8px;display:flex}.ring-ctrl .track-btn{position:static;translate:none}.ring-count{font:400 18px var(--font-antique), serif;color:var(--mute);text-align:center;min-width:80px}.ring-count b{color:var(--gold);font-size:24px}.smoke{pointer-events:none;z-index:3;position:absolute;inset:-40px -50px 0;overflow:visible}.smoke i{aspect-ratio:1;opacity:0;filter:blur(18px);will-change:transform, opacity;mix-blend-mode:screen;background:radial-gradient(circle,#eef5f0cc,#a8d8c855 40%,#0000 70%);border-radius:50%;width:78%;position:absolute;bottom:6%}.smoke i:first-child{left:-6%}.smoke i:nth-child(2){background:radial-gradient(circle,#f1dfa8aa,#cfae6233 45%,#0000 68%);left:20%}.smoke i:nth-child(3){left:46%}.smoke i:nth-child(4){background:radial-gradient(circle,#d4ece2bb,#7cc9b444 45%,#0000 68%);left:64%}.ring-card:hover .smoke i,.ring-card:focus-visible .smoke i{animation:3.2s ease-out infinite smoke-rise}.ring-card:hover .smoke i:nth-child(2){animation-delay:.7s}.ring-card:hover .smoke i:nth-child(3){animation-delay:1.4s}.ring-card:hover .smoke i:nth-child(4){animation-delay:2.1s}@keyframes smoke-rise{0%{opacity:0;transform:translateY(40px)scale(.5)}25%{opacity:1}to{opacity:0;transform:translate3d(calc(var(--drift,1) * 30px), -380px, 0) scale(1.7)}}.smoke i:nth-child(odd){--drift:-1}.ring-card:hover{box-shadow:0 40px 90px #000c,0 0 80px #7cc9b433,inset 0 0 0 1px #7cc9b455}.ring-card:hover .ring-art{filter:saturate(1.1)brightness(1.08);transition:filter .6s}@media (prefers-reduced-motion:reduce){.ring-card{transition:none}.smoke{display:none}}@media (max-width:700px){.ring-card{--w:66vw}.ring-stage{height:128vw}}.ring-card:after{content:"";pointer-events:none;z-index:4;filter:blur(14px);opacity:0;mix-blend-mode:screen;background:radial-gradient(50% 50% at 50% 60%,#dfeee6aa,#0000 70%);height:140px;transition:opacity .8s,transform 1.2s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-30px;left:-30%;right:-30%;transform:translateY(30px)}.ring-card:hover:after{opacity:.75;transform:translateY(0)}.sop-legend{color:var(--mute);flex-wrap:wrap;gap:6px 16px;font-size:13px;display:flex}.sop-legend b{color:var(--gold);font-family:ui-monospace,monospace}.sop-table td,.sop-table th{vertical-align:middle}.sop-col{width:44px;font-family:ui-monospace,monospace;text-align:center!important}.sop-who{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.sop-who img,.sop-thumb{object-fit:cover;border:1px solid var(--line);flex:none;width:40px;height:52px}.sop-thumb{background:var(--card);color:var(--mute);font:700 18px var(--serif);place-items:center;display:grid}.sop-thumb.big{width:120px;height:160px;font-size:48px}.sop-dot{border:2px solid var(--line);background:0 0;border-radius:50%;width:16px;height:16px;display:inline-block}.sop-dot.done{background:var(--green);border-color:var(--green)}.sop-dot.waiting{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px #cfae6288}.sop-dot.running{border-color:var(--blue);background:radial-gradient(circle, var(--blue) 35%, transparent 40%)}.sop-dot.failed{background:#ff8a8055;border-color:#ff8a80}.dossier-head{align-items:flex-end;gap:20px;display:flex}.dossier-head>img{object-fit:cover;border:1px solid var(--gold);width:120px;height:160px}.sop-progress{gap:4px;margin:10px 0 4px;display:flex}.sop-seg{background:var(--line);border-radius:3px;width:44px;height:6px}.sop-seg.done{background:var(--green)}.sop-seg.waiting{background:var(--gold)}.sop-seg.running{background:var(--blue)}.sop-seg.failed{background:#ff8a80}.sop-steps{flex-direction:column;gap:0;padding:0;list-style:none;display:flex;position:relative}.sop-step{grid-template-columns:64px minmax(0,1fr);gap:16px;padding-bottom:22px;scroll-margin-top:20px;display:grid;position:relative}.sop-step:before{content:"";background:var(--line);width:2px;position:absolute;top:56px;bottom:0;left:31px}.sop-step:last-child:before{display:none}.sop-n{border:2px solid var(--line);background:var(--panel);width:64px;height:56px;color:var(--mute);border-radius:4px;place-items:center;font:700 22px ui-monospace,monospace;display:grid}.sop-step.done .sop-n{border-color:var(--green);color:var(--green)}.sop-step.waiting .sop-n{border-color:var(--gold);color:var(--gold);box-shadow:0 0 16px #cfae6244}.sop-step.running .sop-n{border-color:var(--blue);color:var(--blue)}.sop-step.failed .sop-n{color:#ff8a80;border-color:#ff8a80}.sop-body{background:var(--panel);border:1px solid var(--line);flex-direction:column;gap:12px;min-width:0;padding:16px 18px;display:flex}.sop-step.waiting .sop-body{border-color:var(--gold)}.sop-body h2{font-size:20px}.sop-assign{gap:8px;display:flex}.sop-sheet{border:1px solid var(--line);width:100%;max-width:900px}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand img{filter:drop-shadow(0 0 14px #ffb06a22);width:auto;height:54px}.brand b{font:400 34px/1 var(--font-brush), cursive;color:var(--gold);display:block}.brand i{font:italic 13px var(--font-body), serif;color:var(--mute);margin-top:2px;display:block}.nav-link{font:700 17px var(--font-antique), serif;color:var(--text);border-bottom:1px solid #0000;padding:6px 10px;text-decoration:none}.nav-link:hover{color:var(--gold);border-color:var(--gold)}.side-brand{gap:8px;font:400 26px var(--font-brush), cursive!important;letter-spacing:0!important}.side-brand img{width:auto;height:32px}.footer{padding:56px 0 0}.footer-grid{z-index:1;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;display:grid;position:relative}.footer-grid h2{font:700 18px var(--font-antique), serif;color:var(--gold);margin-bottom:10px}.footer-grid>div:not(.footer-brand){flex-direction:column;align-items:flex-start;gap:8px;display:flex}.footer-grid a{color:var(--text);opacity:.85;text-decoration:none}.footer-grid a:hover{color:var(--gold);opacity:1}.footer-brand{align-items:flex-start;gap:18px;display:flex}.footer-brand img{filter:drop-shadow(0 0 30px #cfae6233);flex:none;width:96px;height:96px}.footer-name{font:400 40px/1 var(--font-brush), cursive;color:var(--gold)}.footer-tag{font:italic 16px var(--font-body), serif;color:var(--text);margin:4px 0 8px}.footer-bottom{border-top:1px solid var(--line);color:var(--mute);z-index:1;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:40px;padding:22px 16px 26px;font-size:13px;display:flex;position:relative}.footer .grove{opacity:.5;height:220px}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr}.nav{flex-wrap:wrap;gap:10px}.brand i{display:none}}.about-lead{max-width:640px;font-size:19px}.contribute{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.contribute-title{font:400 clamp(52px, 7vw, 84px)/1.05 var(--font-brush), cursive;color:var(--gold);margin:6px 0 14px}.contribute-form label{font:700 16px var(--font-antique), serif;color:var(--text);flex-direction:column;gap:4px;display:flex}.contribute-form input,.contribute-form textarea{font:16px var(--font-body), serif}.contribute-form .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}@media (max-width:900px){.contribute{grid-template-columns:1fr}}.login{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:16px;display:flex}.login img{filter:drop-shadow(0 0 50px #cfae6244)}.login h1{font:400 64px/1 var(--font-brush), cursive;color:var(--gold)}.side-out{border:1px solid var(--line);color:var(--mute);cursor:pointer;text-align:left;background:0 0;margin-top:auto;padding:6px 10px}.side-out:hover{color:var(--gold);border-color:var(--gold)}.now-step{border:1px solid var(--line);background:var(--panel);color:var(--text);align-items:center;gap:16px;padding:14px 18px;text-decoration:none;display:flex}.now-step b{font-size:18px;display:block}.now-step .small{color:var(--mute);display:block}.now-n{color:var(--mute);min-width:48px;font:700 30px ui-monospace,monospace}.now-step.waiting{border-color:var(--gold);box-shadow:0 0 24px #cfae6222}.now-step.waiting .now-n,.now-step.waiting b{color:var(--gold)}.now-step.running{border-color:var(--blue)}.now-step.running .now-n{color:var(--blue)}.now-step.failed{border-color:#ff8a80}.now-step.failed .now-n{color:#ff8a80}.now-step.done .now-n{color:var(--green)}.sop-body>summary{cursor:pointer;list-style:none}.sop-body>summary::-webkit-details-marker{display:none}.sop-body[open]>summary{margin-bottom:12px}.btn.small{padding:6px 10px;font-size:13px}.file-drop{cursor:pointer;text-align:center;padding:14px;border:1px dashed var(--gold)!important;font:italic 15px var(--font-body), serif!important;color:var(--gold)!important}.file-drop input{display:none}.file-drop:hover{background:#cfae620d}.bars-wrap{grid-template-rows:180px auto;grid-template-columns:56px 1fr;gap:4px 8px;display:grid}.bars-axis{color:var(--mute);text-align:right;flex-direction:column;justify-content:space-between;font-size:11px;display:flex}.bars{border-bottom:1px solid var(--line);background:linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 100% 50%;align-items:flex-end;gap:2px;display:flex}.bar-slot{outline:none;flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.bar{background:var(--gold);border-radius:4px 4px 0 0;width:100%;max-width:18px;min-height:1px;margin:0 auto}.bar-slot:hover .bar,.bar-slot:focus-visible .bar{background:#e6cf8f}.bar-tip{white-space:nowrap;background:var(--card);border:1px solid var(--line);color:var(--text);opacity:0;pointer-events:none;z-index:3;padding:4px 8px;font-size:12px;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%}.bar-slot:hover .bar-tip,.bar-slot:focus-visible .bar-tip{opacity:1}.bars-x{grid-column:2;justify-content:space-between;display:flex}.cost-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.share{flex-direction:column;gap:4px;display:flex}.share-track{background:var(--line);border-radius:3px;height:6px}.share-fill{background:var(--gold);border-radius:3px;height:100%}.style-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.style-card{background:var(--card);border:1px solid var(--line);flex-direction:column;gap:10px;padding:10px;display:flex}.style-card img{aspect-ratio:3/4;object-fit:cover;width:100%}.style-card.on{border-color:var(--gold);box-shadow:0 0 30px #cfae6233}.ex-tablist{border-bottom:1px solid var(--line);gap:4px;margin-top:8px;display:flex;overflow-x:auto}.ex-tablist button{color:var(--mute);cursor:pointer;font:700 18px var(--font-antique), serif;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 16px}.ex-tablist button.on{color:var(--gold);border-color:var(--gold)}.ex-rows{gap:14px;display:grid}.ex-rows dt{margin-top:0}.dossier-grid{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:28px;margin-top:8px;display:grid}.dossier-grid .framed img{width:100%}@media (max-width:800px){.dossier-grid{grid-template-columns:1fr}}.side-steps{border-left:1px solid var(--line);flex-direction:column;gap:1px;margin:2px 0 8px 10px;padding-left:10px;display:flex}.side-steps>b{color:var(--gold);padding:4px 8px}.side-steps a{align-items:center;gap:8px;font-size:13px;justify-content:flex-start!important;padding:5px 8px!important}.side-steps .sop-dot{flex:none;width:10px;height:10px}.side-steps .mono-n{color:var(--mute);font:12px ui-monospace,monospace}.house-style{background:var(--card);border:1px solid var(--gold);grid-template-columns:240px minmax(0,1fr);align-items:start;gap:24px;padding:16px;display:grid}.house-style img{aspect-ratio:3/4;object-fit:cover;width:100%}@media (max-width:700px){.house-style{grid-template-columns:1fr}}.manual{border:1px dashed var(--gold);background:#cfae6208;padding:16px}.manual label{color:var(--mute);flex-direction:column;gap:4px;font-size:13px;display:flex}.step-tabs{z-index:5;background:var(--bg);scrollbar-width:none;flex-wrap:nowrap;margin-bottom:16px;position:sticky;top:0;overflow-x:auto}.step-tabs a{color:var(--mute);white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:10px;font-size:14px;text-decoration:none;display:flex}.step-tabs a.on{color:var(--gold);border-color:var(--gold)}.img-split{grid-template-columns:minmax(0,3fr) minmax(320px,2fr);align-items:start;gap:20px;display:grid}.img-split .sop-sheet,.img-split img{max-width:100%}.img-split>*{position:sticky;top:60px}.img-split .manual{overscroll-behavior:contain;max-height:calc(100vh - 80px);overflow-y:auto}@media (max-width:1100px){.img-split{grid-template-columns:1fr}.img-split>*{position:static}.img-split .manual{max-height:none}}.main img{cursor:zoom-in}.lightbox{background:var(--panel);border:1px solid var(--line);max-width:96vw;max-height:96vh;color:var(--text);margin:auto;padding:12px;inset:0}.lightbox::backdrop{background:#000c}.lightbox img{object-fit:contain;max-width:calc(96vw - 24px);max-height:calc(96vh - 80px);margin:0 auto 10px;display:block}.lightbox .row{justify-content:center}.style-card .style-drop{aspect-ratio:3/4;border:1px dashed var(--line);text-align:center;place-items:center;display:grid;overflow:hidden}.style-drop img{object-fit:cover;width:100%;height:100%}.copy-list{flex-direction:column;align-items:stretch;gap:6px;display:flex}.copy-list .btn{text-align:left;justify-content:flex-start}.kho-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:start;gap:12px;display:grid}.kit-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.vai-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));align-items:stretch;gap:12px;display:grid}.vai-grid>*{min-width:0}.vai-grid.nho{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.vai-grid.nho .kit-grid{grid-template-columns:1fr}.vai-grid.nho .kit-item img,.vai-grid.nho .kit-empty{aspect-ratio:3/4}.vai-card .kit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vai-card .kit-item{min-width:0}.vai-card .kit-item img,.vai-card .kit-empty{aspect-ratio:4/3;height:auto}.vai-card .kit-empty{text-align:center;padding:8px;font-size:12px;line-height:1.4}.vai-card .kit-item>.row{flex-wrap:nowrap;gap:6px;margin-top:auto}.vai-card .kit-item .btn{white-space:nowrap;text-overflow:ellipsis;flex:1;justify-content:center;min-width:0;padding:4px 6px;overflow:hidden}.vai-card .kit-item label.btn{flex:none}.xoay{border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite xoay}@keyframes xoay{to{transform:rotate(360deg)}}.kit-item:focus{outline:2px solid var(--gold);outline-offset:1px}.kit-item{border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:6px;padding:8px;display:flex}.kit-item img,.kit-empty{object-fit:contain;background:#000;border-radius:3px;place-items:center;width:100%;height:120px;display:grid}.diy-steps{flex-wrap:wrap;gap:12px 32px;margin:0;padding-left:20px;display:flex}.diy-steps li{flex:0 auto;min-width:0}.diy-steps .row{flex-wrap:wrap}.diy-steps li:last-child{flex-basis:100%}.diy-steps li>span{margin-bottom:6px;display:block}.look-form textarea,.diy-full{field-sizing:content;resize:none;min-height:2.6em}.style-text{aspect-ratio:3/4;border:1px solid var(--line);font-family:var(--font-mono,monospace);background:#0003;padding:12px;line-height:1.5;overflow-y:auto}.music-btn{z-index:50;border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--mute);font:italic 15px var(--font-antique), serif;cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:9px 16px 9px 12px;transition:color .3s,border-color .3s;display:flex;position:fixed;bottom:20px;right:20px}.music-btn:hover,.music-btn.on{color:var(--gold);border-color:var(--gold)}.music-bars{align-items:flex-end;gap:2px;height:14px;display:flex}.music-bars i{background:currentColor;border-radius:1px;width:3px;height:4px}.music-btn.on .music-bars i{animation:1.1s ease-in-out infinite alternate music-bar}.music-btn.on .music-bars i:nth-child(2){animation-delay:-.4s}.music-btn.on .music-bars i:nth-child(3){animation-delay:-.8s}@keyframes music-bar{0%{height:3px}to{height:14px}}@media (max-width:640px){.music-label{display:none}.music-btn{padding:10px;bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.music-btn.on .music-bars i{height:10px;animation:none}}.portrait-boxes{grid-template-columns:minmax(0,3fr) minmax(0,5fr);align-items:start;gap:16px;display:grid}.portrait-frame{border:1px dashed var(--line);text-align:center;background:#0002;place-items:center;width:100%;padding:8px;display:grid;overflow:hidden}.portrait-frame:has(img){border-style:solid;padding:0}.portrait-frame img{object-fit:cover;width:100%;height:100%}@media (max-width:1300px){.portrait-boxes{grid-template-columns:1fr}.portrait-box:first-child .portrait-frame{max-width:320px}}.music-switch,.mist-switch{border:1px solid var(--line);color:var(--mute);font:italic 14px var(--font-antique), serif;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:5px 10px 5px 12px;display:inline-flex}.music-switch.on,.mist-switch.on{color:var(--gold);border-color:var(--gold)}.music-knob{background:var(--line);border-radius:999px;width:28px;height:16px;transition:background .25s;position:relative}.music-knob i{background:var(--text);border-radius:50%;width:12px;height:12px;transition:transform .25s;position:absolute;top:2px;left:2px}:is(.music-switch,.mist-switch).on .music-knob{background:var(--gold)}:is(.music-switch,.mist-switch).on .music-knob i{background:var(--bg);transform:translate(12px)}.crypt{--gap:6px;max-width:1360px;margin:0 auto;padding:0 16px 72px;position:relative}.crypt:before{content:"";pointer-events:none;z-index:5;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.crypt-head{grid-template-columns:auto 1fr;align-items:end;gap:4px 36px;padding:44px 0 22px;display:grid}.crypt-kicker{font:600 12px var(--font-sans), sans-serif;letter-spacing:.32em;text-transform:uppercase;color:var(--red-text);grid-column:1/-1;margin-bottom:18px}.crypt-title{font:400 clamp(72px, 10vw, 140px)/.9 var(--font-brush), cursive;color:var(--text);text-shadow:0 0 30px #000, 0 0 70px color-mix(in srgb, var(--blue) 30%, transparent);animation:7s infinite flicker}.crypt-lead{max-width:46ch;color:var(--mute);border-left:2px solid var(--red);padding-bottom:14px;padding-left:16px;font-style:italic}@keyframes flicker{0%,91%,to{opacity:1}92%{opacity:.55}93%{opacity:1}95%{opacity:.7}}.crypt-index{border-bottom:1px solid var(--line);margin-bottom:var(--gap);flex-wrap:wrap;gap:8px;padding:0 0 18px;display:flex}.crypt-index a{color:var(--text);font:700 17px var(--font-antique), serif;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 70%, transparent);align-items:center;gap:8px;padding:5px 12px;text-decoration:none;transition:border-color .3s,color .3s;display:inline-flex}.crypt-index a:hover{border-color:var(--red);color:var(--gold)}.crypt-index b{font:600 11px var(--font-sans);color:var(--bg);background:var(--gold);border-radius:9px;padding:0 6px}.crypt-wall{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(200px,44vw),1fr));display:grid}.plaque{aspect-ratio:3/4.4;text-align:center;background:radial-gradient(at 50% 0,#cfae6226,#0000 60%),repeating-linear-gradient(90deg,#0000 0 3px,#0000000d 3px 4px),linear-gradient(#4a1510,#2a0c09 70%,#170605);border:1px solid #5c1a14;flex-direction:column;justify-content:space-between;align-items:center;padding:18px 10px;scroll-margin-top:90px;display:flex;position:relative;box-shadow:inset 0 0 0 5px #170605,inset 0 0 0 6px #cfae6266,inset 0 0 50px #000a}.plaque-no{font:600 11px var(--font-sans);letter-spacing:.3em;text-transform:uppercase;color:#cfae62aa}.plaque-name{writing-mode:vertical-rl;font:400 clamp(40px, 4vw, 54px)/1 var(--font-brush), cursive;color:var(--gold);text-shadow:0 0 18px #cfae6255;letter-spacing:.04em}.plaque-count{font:italic 13px var(--font-body), serif;color:#ece4cfaa}.relic{aspect-ratio:3/4.4;isolation:isolate;color:var(--text);background:var(--card);outline-offset:-2px;text-decoration:none;position:relative;overflow:hidden}.relic-art{background-position:50% 30%;background-size:cover;background-color:var(--card);filter:brightness(.55)saturate(.45)contrast(1.1);transition:filter .7s,scale 1.2s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;scale:1.02}.relic-art:not([style]){filter:none;background:radial-gradient(circle at 70% 18%,#cfae6233,#0000 40%),linear-gradient(170deg,#1b2b20,#070b09 80%)}.relic:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(90% 70% at 50% 35%,#0000 40%,#000c 100%),linear-gradient(#0000 45%,#050806f2 92%);position:absolute;inset:0}.relic:after{content:"";z-index:1;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(70% 45% at 50% 100%,#e39a4a55,#0000 70%);transition:opacity .6s;position:absolute;inset:0}.relic-no{z-index:2;font:600 10px var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:#ece4cf80;position:absolute;top:10px;left:12px}.relic-info{z-index:2;padding:0 14px 14px;position:absolute;inset:auto 0 0}.relic h3{font:700 clamp(19px, 1.6vw, 23px)/1.15 var(--font-antique), serif;text-shadow:0 2px 10px #000}.relic-region{color:var(--mute);margin-top:2px;font-size:12px}.relic-hook{font:italic 14px/1.4 var(--font-body), serif;color:var(--gold);opacity:0;max-height:0;transition:max-height .5s,opacity .5s,margin .5s;overflow:hidden}.relic .seal{z-index:2;width:26px;height:26px;top:8px;bottom:auto;right:8px}.relic .ai-tag{z-index:2;opacity:.7;font-size:10px;inset:40px 8px auto auto}.relic .smoke{z-index:1;inset:0}.relic:hover .relic-art,.relic:focus-visible .relic-art{filter:brightness(.95)saturate(.9)contrast(1.05)sepia(.15);scale:1.08}.relic:hover:after,.relic:focus-visible:after{opacity:1}.relic:hover .relic-hook,.relic:focus-visible .relic-hook{opacity:1;max-height:5em;margin-top:8px}.relic:hover .smoke i,.relic:focus-visible .smoke i{animation:3.2s ease-out infinite smoke-rise}.relic:hover .smoke i:nth-child(2){animation-delay:.7s}.relic:hover .smoke i:nth-child(3){animation-delay:1.4s}.relic:hover .smoke i:nth-child(4){animation-delay:2.1s}.relic:hover{z-index:3;box-shadow:0 0 0 1px #cfae6288,0 0 50px #7cc9b422}@media (hover:none){.relic-hook{opacity:.9;-webkit-line-clamp:2;max-height:5em;margin-top:6px}.relic-art{filter:brightness(.75)saturate(.7)}}@supports (animation-timeline:view()){.relic,.plaque{animation:linear both rise;animation-timeline:view();animation-range:entry cover 20%}}@media (prefers-reduced-motion:reduce){.crypt-title{animation:none}.relic-art,.relic:after,.relic-hook{transition:none}.relic .smoke,.plaque{animation:none!important}.relic .smoke{display:none}}@media (max-width:700px){.crypt-head{grid-template-columns:1fr;padding-top:24px}.crypt{--gap:4px}.crypt-wall{grid-template-columns:repeat(2,1fr)}}.ferry{isolation:isolate;background:#070908;grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;min-height:calc(100svh - 80px);display:grid;position:relative;overflow:hidden}.ferry-depth{z-index:-1;perspective:900px;grid-area:1/1/3/2;margin-right:-22%;position:relative;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 98%),linear-gradient(#000 70%,#0000);mask-image:linear-gradient(90deg,#000 45%,#0000 98%),linear-gradient(#000 70%,#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ferry-art,.ferry-figure,.ferry-mist{background:50% 20%/cover no-repeat;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.ferry-art{filter:blur(7px)saturate(.75)brightness(.42);transform:translate3d(calc(var(--mx,0) * -16px), calc(var(--my,0) * -10px), -60px);inset:-5%}.ferry-mist{background:radial-gradient(60% 30% at 40% 85%,#c9d6c826,#0000 70%),radial-gradient(40% 25% at 70% 60%,#c9d6c814,#0000 70%);animation:30s ease-in-out infinite alternate fog-drift}.ferry-figure{filter:saturate(.9)contrast(1.08)brightness(.88)drop-shadow(14px 0 30px #000c)drop-shadow(-2px -2px 18px #f1a94e33);transform:translate3d(calc(var(--mx,0) * 22px), calc(var(--my,0) * 12px), 40px) rotateY(calc(var(--mx,0) * 5deg)) rotateX(calc(var(--my,0) * -3deg))}.ferry:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 26% 62%,#f1a94e30,#0000 35%),radial-gradient(at 80% 20%,#7cc9b414,#0000 50%);position:absolute;inset:0}.ferry-embers{z-index:0;pointer-events:none;position:absolute;inset:0}.ferry-embers i{background:#ffd27a;border-radius:50%;width:3px;height:3px;animation:ease-out infinite ember;position:absolute;box-shadow:0 0 6px 2px #f1a94e99}@keyframes ember{0%{opacity:0;transform:translate(0)}30%{opacity:1}to{opacity:0;transform:translate(24px,-120px)}}.ferry-text{z-index:1;grid-area:1/2;align-self:center;margin-left:-12%;padding:60px 48px 40px 0;position:relative}.ferry-kicker,.stop-km{font:600 12px var(--font-sans), sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#e8963e}.ferry h1{font:400 clamp(72px, 8.6vw, 136px)/1.02 var(--font-brush), cursive;color:var(--text);text-shadow:0 4px 40px #000,0 0 60px #cfae6233;margin:6px 0 18px}.ferry-sub{grid-template-columns:auto 1fr;align-items:baseline;gap:4px 18px;max-width:520px;display:grid}.ferry-sub b{font:400 clamp(36px, 3.4vw, 48px)/1 var(--font-brush), cursive;color:#e8963e}.ferry-sub span{color:var(--mute);font-size:15px;line-height:1.5}.ferry-band{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0709088c;border-top:1px solid #ffffff12;grid-area:2/1/3/3;align-items:center;gap:clamp(20px,5vw,72px);padding:22px max(16px,50vw - 574px);display:flex}.ferry-band p{color:var(--text);font-size:14px;line-height:1.45}.ferry-band b{font:600 11px var(--font-sans), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:2px;display:block}.ferry-band a:not(.ferry-go){color:var(--gold)}.ferry-go{width:104px;height:104px;color:var(--gold);border-radius:50%;flex:none;place-items:center;margin-left:auto;text-decoration:none;display:grid;position:relative}.ferry-go:before{content:"";background:radial-gradient(circle,#cfae6214,#0000 70%);border:1px solid #cfae6266;border-radius:50%;transition:background .4s,border-color .4s,inset .4s;position:absolute;inset:22px}.ferry-go-ring{animation:22s linear infinite spin;position:absolute;inset:0}.ferry-go-ring text{font:600 9.5px var(--font-sans), sans-serif;fill:currentColor;letter-spacing:.1em}.ferry-go-arrow{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:18px;height:36px;animation:2.2s ease-in-out infinite drift-down}.ferry-go:hover{color:#f3dccb}.ferry-go:hover:before{border-color:var(--red);background:radial-gradient(circle,#9f2b22cc,#9f2b2255 70%);inset:18px}.ferry-go:hover .ferry-go-ring{animation-duration:6s}@keyframes spin{to{rotate:360deg}}@keyframes drift-down{0%{opacity:0;translate:0 -6px}30%{opacity:1}80%{opacity:1}to{opacity:0;translate:0 8px}}.route{max-width:1180px;margin:0 auto;padding:40px 16px 20px;position:relative}body:has(.route){overflow-x:clip}.route-rail{z-index:2;pointer-events:none;position:absolute;inset:0}.route-river{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.route-river path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.river-bed{stroke:#7cc9b4;stroke-opacity:.09;stroke-width:130px;filter:url(#river-soft-lg)}.river-water{stroke:#9ad8c6;stroke-opacity:.1;stroke-width:46px;filter:url(#river-soft)}.river-glow{stroke:#e8c77a;stroke-opacity:.14;stroke-width:10px;filter:url(#river-soft)}.river-line{stroke:#f3dca0;stroke-opacity:.45;stroke-width:2.2px;stroke-dasharray:1 16}.route-lantern{will-change:transform}.mist{pointer-events:none}.route-mist{z-index:1;width:100vw;position:absolute;top:0;bottom:0;left:calc(50% - 50vw);overflow:hidden}.mist-veil{z-index:3;position:fixed;inset:0;overflow:hidden}:root[data-mist=off] .mist{display:none}.mist-seam{z-index:1;height:0;position:relative;overflow:clip visible}.section>.wrap{z-index:2;position:relative}.mist i{width:200%;height:380px;opacity:var(--o,.55);animation:mist-drift var(--d,46s) ease-in-out infinite alternate;will-change:transform;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='380'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0028 .014' numOctaves='4' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .79 0 0 0 0 .86 0 0 0 0 .82 2.6 0 0 0 -1.15'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E") 0 0/1400px 380px repeat-x;position:absolute;left:-50%;translate:0 -50%;-webkit-mask:radial-gradient(50% 50%,#000 20%,#0000 72%);mask:radial-gradient(50% 50%,#000 20%,#0000 72%)}@keyframes mist-drift{0%{translate:-12% -50%}to{translate:12% -50%}}.route-wait{text-align:center;color:var(--mute);padding:30vh 0;font-style:italic}.stop{grid-template-columns:1fr 64px 1fr;align-items:center;min-height:100svh;display:grid}.stop-scene{grid-column:1;margin:0;position:relative}.stop-text{grid-column:3;max-width:470px}.stop:nth-of-type(2n) .stop-scene{grid-area:1/3}.stop:nth-of-type(2n) .stop-text{text-align:right;grid-area:1/1;justify-self:end}.stop-mark{border:2px solid var(--gold);background:var(--bg);grid-area:1/2;justify-self:center;width:14px;height:14px;rotate:45deg}.stop-art{aspect-ratio:4/5;background:var(--card) center/cover;filter:saturate(.7)brightness(.8);will-change:transform;-webkit-mask:radial-gradient(50% 50%,#000 45%,#0000 100%);mask:radial-gradient(50% 50%,#000 45%,#0000 100%)}.stop-sign{font:400 clamp(30px, 3vw, 40px)/1 var(--font-brush), cursive;color:var(--gold);border-left:3px solid var(--red);background:linear-gradient(90deg,#2a0c09ee,#2a0c0900);padding:8px 14px;position:absolute;top:12%;left:-6px}.stop:nth-of-type(2n) .stop-sign{border:0;border-right:3px solid var(--red);background:linear-gradient(270deg,#2a0c09ee,#2a0c0900);left:auto;right:-6px}.stop-scene figcaption{text-align:center;font:italic 13px var(--font-body), serif;color:var(--mute);margin-top:-40px;position:relative}.stop-scene figcaption a{color:var(--mute)}.stop-scene figcaption a:hover{color:var(--gold)}.stop h2{font:400 clamp(40px, 4.6vw, 68px)/.98 var(--serif);text-transform:uppercase;color:var(--text);text-shadow:0 4px 30px #000;margin:10px 0 18px}.stop-scene{z-index:0;margin-right:-16%}.stop:nth-of-type(2n) .stop-scene{margin-left:-16%;margin-right:0}.stop-text{z-index:1;position:relative}.stop-text>p{font-size:18px;line-height:1.75}.stop blockquote{font:700 26px/1.3 var(--font-antique), serif;color:var(--gold);margin-top:22px}.stop blockquote cite{font:italic 15px var(--font-body), serif;color:var(--mute);margin-top:6px;display:block}.stop-plain:before{content:attr(data-place);writing-mode:vertical-rl;font:400 clamp(90px, 11vw, 170px)/1 var(--font-brush), cursive;color:var(--gold);opacity:.1;text-shadow:0 0 60px #cfae62;grid-area:1/1;justify-self:center}.stop-plain .stop-text,.stop-plain:nth-of-type(2n) .stop-text{text-align:left;grid-column:3;justify-self:start;max-width:520px}.edicts{gap:10px;padding:0;list-style:none;display:grid}.edicts li{border-left:2px solid var(--red);background:linear-gradient(90deg,#9f2b2218,#0000);padding:10px 14px;font-size:16px}.steps{counter-reset:s;gap:4px;margin-bottom:14px;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;border-bottom:1px dashed var(--line);grid-template-columns:36px 1fr;column-gap:10px;padding:8px 0;display:grid}.steps li:before{content:counter(s);border:1px solid var(--gold);width:30px;height:30px;font:700 14px var(--serif);color:var(--gold);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.steps b{font:700 18px var(--font-antique), serif;color:var(--gold)}.steps span{color:var(--mute);font-size:14px}.landing{text-align:center;background:radial-gradient(60% 50% at 50% 60%,#f1a94e1f,#0000 70%);max-width:720px;margin:0 auto;padding:100px 16px 120px}.landing h2{font:700 clamp(34px, 4vw, 46px)/1.2 var(--font-antique), serif;margin:10px 0}.landing p{color:var(--mute);font-size:18px}@supports (animation-timeline:view()){.stop-mark{animation:linear both light-up;animation-timeline:view();animation-range:cover 40% cover 50%}@keyframes light-up{to{background:var(--gold);box-shadow:0 0 16px 4px #f1a94e99}}}@media (max-width:800px){.route .route-lantern{margin-left:3px}.mist i{height:240px}.river-bed{stroke-width:40px}.river-water{stroke-width:16px}.stop,.stop-plain{grid-template-columns:30px 1fr;row-gap:18px;min-height:auto;padding:48px 0}.stop-mark{grid-area:1/1}.stop .stop-scene,.stop:nth-of-type(2n) .stop-scene{grid-area:1/2}.stop .stop-text,.stop:nth-of-type(2n) .stop-text,.stop-plain .stop-text{text-align:left;grid-area:2/2;justify-self:start}.stop-plain .stop-text{grid-row:1}.stop-plain:before{display:none}.stop-scene,.stop:nth-of-type(2n) .stop-scene{margin:0}.ferry{grid-template-rows:1fr auto;grid-template-columns:1fr}.ferry-depth{opacity:.55;grid-area:1/1/3/2;margin-right:0;-webkit-mask:linear-gradient(#000 30%,#0000 90%);mask:linear-gradient(#000 30%,#0000 90%)}.ferry-go{width:84px;height:84px}.ferry-text{grid-area:1/1;align-self:end;margin:0;padding:48px 16px 24px}.ferry-band{flex-wrap:wrap;grid-area:2/1;gap:14px 24px}.ferry-guide{display:none}}@media (prefers-reduced-motion:reduce){.ferry-art,.ferry-figure,.ferry-mist,.ferry-embers i,.ferry-go-ring,.ferry-go-arrow,.route-lantern{transition:none;animation:none}.stop-art,.stop-text,.stop-mark{animation:none!important}}.w{display:inline-block}.ferry h1 .w{animation:1.1s cubic-bezier(.2,.7,.2,1) both word-in;animation-delay:calc(var(--i) * .14s + .25s)}.ferry-kicker{animation:1.4s cubic-bezier(.2,.7,.2,1) both kicker-in}.ferry-sub{animation:1s .95s both fade-up}.ferry-band{animation:1s 1.2s both fade-up}@keyframes word-in{0%{opacity:0;filter:blur(12px);transform:translateY(.45em)rotate(4deg)}}@keyframes kicker-in{0%{opacity:0;letter-spacing:1.2em}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}}.route-lantern{transform-origin:50% 85%;width:56px;height:56px;margin-left:calc(50% - 28px);animation:3.2s ease-in-out infinite alternate sway;display:block;position:sticky;top:calc(50vh - 28px)}.route-lantern .hoa-dang{display:block}@keyframes sway{0%{rotate:-7deg}to{rotate:7deg}}.stop{position:relative}.stop:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(30% 40% at 30%,#c9d6c81c,#0000 70%),radial-gradient(25% 35% at 70% 55%,#c9d6c814,#0000 70%);height:200px;position:absolute;bottom:-90px;left:-30%;right:-30%}@supports (animation-timeline:view()){.stop-mark{position:relative}.stop-mark:after{content:"";border:1px solid var(--gold);animation:linear both ring-pop;animation-timeline:view();animation-range:cover 40% cover 60%;position:absolute;inset:-2px}@keyframes ring-pop{0%{opacity:0;scale:1}20%{opacity:1}to{opacity:0;scale:4}}.stop:after{animation:linear both fog-pass;animation-timeline:view();animation-range:cover}@keyframes fog-pass{0%{transform:translate(-18%)}to{transform:translate(18%)}}.edicts li{animation:linear both unroll;animation-timeline:view();animation-range:entry}@keyframes unroll{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0)}}.steps li{animation:linear both step-in;animation-timeline:view();animation-range:entry}.steps li:before{animation:linear both step-lit;animation-timeline:view();animation-range:entry 60% cover 30%}@keyframes step-lit{to{background:var(--gold);color:var(--bg);box-shadow:0 0 14px 2px #f1a94e77}}@keyframes step-in{0%{opacity:0;transform:translate(-40px)}}.stop-plain:before{animation:linear both carve;animation-timeline:view();animation-range:cover}@keyframes carve{0%{opacity:0;transform:translateY(18%)}40%,60%{opacity:.12}to{opacity:0;transform:translateY(-18%)}}}.landing{position:relative;overflow:hidden}.landing>:not(.landing-floats){z-index:1;position:relative}.landing-floats{pointer-events:none;position:absolute;inset:0}.landing-floats span{animation:linear infinite float-up;position:absolute;bottom:-50px}@keyframes float-up{0%{opacity:0;transform:translate(0)}10%{opacity:1}50%{transform:translate(24px,-260px)}85%{opacity:.8}to{opacity:0;transform:translate(-10px,-560px)}}@media (prefers-reduced-motion:reduce){.ferry h1 .w,.ferry-kicker,.ferry-sub,.ferry-band,.ferry-text,.ferry-art,.ferry-figure,.route-rail,.route-lantern,.stop-art,.stop-sign,.mist i,.stop h2 .w,.stop-km,.stop-mark:after,.stop:after,.edicts li,.steps li,.steps li:before,.stop-plain:before,.landing-floats span{animation:none!important}.stop-art{-webkit-mask:radial-gradient(50% 50%,#000 45%,#0000 100%);mask:radial-gradient(50% 50%,#000 45%,#0000 100%)}.landing-floats{display:none}}.hoa-dang{filter:drop-shadow(0 0 8px #ffb45a99)drop-shadow(0 0 22px #ffb45a44);overflow:visible}.hoa-dang .hd-flame{transform-box:fill-box;transform-origin:50% 100%;animation:1.1s ease-in-out infinite alternate hd-flicker}.hoa-dang .hd-core,.hoa-dang .hd-halo{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite alternate hd-glow}.hoa-dang .hd-ripple{fill:none;stroke:#f1c26b;stroke-width:.7px;transform-box:fill-box;transform-origin:50%;animation:2.8s ease-out infinite hd-ripple}.hoa-dang .hd-ripple+.hd-ripple{animation-delay:1.4s}@keyframes hd-flicker{0%{transform:scale(1)skew(0)}35%{transform:scale(.92,1.08)skew(-4deg)}70%{transform:scale(1.05,.95)skew(3deg)}to{transform:scale(.97,1.04)skew(-1deg)}}@keyframes hd-glow{0%{opacity:.65}to{opacity:1}}@keyframes hd-ripple{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.hoa-dang .hd-flame,.hoa-dang .hd-core,.hoa-dang .hd-halo,.hoa-dang .hd-ripple{animation:none}.hoa-dang .hd-ripple{opacity:0}}.lotus-demo{border:1px solid var(--line);background:radial-gradient(ellipse at 30% 70%, #f1a94e14, transparent 60%), linear-gradient(180deg, var(--bg), #050806);flex-wrap:wrap;align-items:center;gap:32px;margin:8px 0 20px;padding:28px;display:flex}.lotus-stage{place-items:center;width:200px;height:200px;display:grid}.lotus-sizes{align-items:flex-end;gap:28px;display:flex}.lotus-sizes figure{justify-items:center;gap:6px;margin:0;display:grid}.lotus-parts{gap:4px;margin-top:6px;padding-left:22px;display:grid}.lotus-parts li::marker{color:var(--gold);font-weight:700}.rp-hero{isolation:isolate;align-items:end;min-height:min(88svh,56.25vw + 120px);padding:0 max(16px,50vw - 574px) 72px;display:grid;position:relative;overflow:hidden}.rp-depth{z-index:-2;perspective:900px;position:absolute;inset:0}.rp-banner{filter:saturate(.85)brightness(.7)contrast(1.05);transform:translate3d(calc(var(--mx,0) * -18px), calc(var(--my,0) * -10px), 0) scale(1.02);background:50% 35%/cover no-repeat;transition:transform .7s cubic-bezier(.2,.7,.2,1);animation:30s ease-in-out infinite alternate rp-push;position:absolute;inset:-4%}.no-banner .rp-banner:not(.rp-empty){filter:blur(10px)saturate(.6)brightness(.45)}.rp-empty{background:radial-gradient(circle at 70% 25%,#cfae6233,#0000 40%),linear-gradient(170deg,#1b2b20,#070b09 80%)}@keyframes rp-push{to{scale:1.08}}.rp-mist{background:radial-gradient(35% 50% at 30% 80%,#c9d6c824,#0000 70%),radial-gradient(30% 40% at 75% 90%,#c9d6c818,#0000 70%);height:45%;animation:40s ease-in-out infinite alternate fog-drift;position:absolute;inset:auto -20% 0}.rp-shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 92%, transparent) 0%, color-mix(in srgb, var(--bg) 55%, transparent) 38%, transparent 65%), linear-gradient(0deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 60%, transparent) 22%, transparent 50%), radial-gradient(ellipse at 50% 50%, transparent 50%, #000a 100%);position:absolute;inset:0}.rp-head{box-sizing:content-box;max-width:640px;padding-right:300px}.rp-kicker{font:600 12px var(--font-sans), sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#e8963e;animation:1.4s cubic-bezier(.2,.7,.2,1) both kicker-in}.rp-name{font:400 clamp(76px, 10vw, 150px)/.95 var(--font-brush), cursive;color:var(--text);text-shadow:0 4px 40px #000,0 0 70px #cfae6233;margin:10px 0 0;animation:1.2s cubic-bezier(.2,.7,.2,1) .2s both word-in}.rp-aka{font:italic 18px var(--font-body), serif;color:var(--mute);margin-top:4px;display:block}.rp-hook{font:700 clamp(22px, 2.4vw, 30px)/1.3 var(--font-antique), serif;color:var(--gold);margin:16px 0 26px;animation:1s .6s both fade-up}.rp-read{font:700 18px var(--font-antique), serif;color:var(--text);border:3px double var(--gold);align-items:center;gap:10px;padding:10px 20px;text-decoration:none;transition:background .3s,color .3s;animation:1s .8s both fade-up;display:inline-flex}.rp-read:hover{background:var(--gold);color:var(--bg)}.rp-read span{animation:1.6s ease-in-out infinite sink}@keyframes sink{50%{opacity:.5;translate:0 6px}}.rp-card{z-index:2;width:clamp(200px,21vw,280px);transform:perspective(800px) rotateY(calc(var(--mx,0) * -6deg - 4deg)) rotateX(calc(var(--my,0) * 4deg));margin:0;transition:transform .7s cubic-bezier(.2,.7,.2,1);animation:1.2s cubic-bezier(.2,.7,.2,1) .5s both card-in;position:absolute;bottom:-1px;right:max(16px,50vw - 574px)}.rp-card-img{background:linear-gradient(160deg,#2a1a12,#120a07);border:1px solid #cfae6266;padding:10px;position:relative;box-shadow:0 30px 70px #000d,0 0 0 6px #0a0f0c,0 0 0 7px #cfae6244,0 0 60px #f1a94e22}.rp-card-img img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.rp-card-img .seal{bottom:18px;right:18px}.rp-card figcaption{text-align:right;margin-top:10px;font-size:12px}@keyframes card-in{0%{opacity:0;translate:0 60px}}.rp-body{max-width:none;margin:0;padding:56px clamp(24px,5vw,80px) 24px}.rp-sec{border-left:1px solid var(--line);padding:40px 0 48px 72px;position:relative}.rp-sec+.rp-sec{border-top:0}.rp-sec-n{border:1px solid var(--gold);background:var(--bg);width:44px;height:44px;color:var(--gold);font:700 16px var(--serif);place-items:center;display:grid;position:absolute;top:40px;left:-22px;rotate:45deg}.rp-sec-n i{font-style:normal;rotate:-45deg}.rp-sec h2{font:400 clamp(44px, 5vw, 64px)/1 var(--font-brush), cursive;color:var(--gold);margin-bottom:18px}.rp-sec h2 small{font:600 12px var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);vertical-align:middle;margin-left:12px}.rp-lead{font-size:20px;line-height:1.75}.rp-sec:first-child .rp-lead:first-letter{float:left;font:400 84px/.8 var(--font-brush), cursive;color:var(--gold);margin:10px 12px 0 0}.rp-facts{border-block:1px dashed var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 32px;margin:26px 0;padding:18px 0;display:grid}.rp-facts dt,.rp-label{font:600 11px var(--font-sans), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-right:8px}.rp-facts dd{margin:4px 0 0;font-size:16px}.rp-stele{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.rp-stele>div{background:linear-gradient(180deg, color-mix(in srgb, var(--card) 85%, transparent), transparent);border-top:2px solid var(--red);padding:18px 20px}.rp-stele b{font:700 20px var(--font-antique), serif;color:var(--gold)}.rp-stele p{margin-top:6px;font-size:15.5px}.rp-sources{counter-reset:src;gap:4px;margin:20px 0;padding:0;list-style:none;display:grid}.rp-sources li{counter-increment:src;border-bottom:1px dashed var(--line);grid-template-columns:34px 1fr;column-gap:12px;padding:12px 0;display:grid}.rp-sources li>*{grid-column:2}.rp-sources li:before{content:counter(src, decimal-leading-zero);font:700 14px var(--serif);color:var(--gold);grid-area:1/1/span 4;padding-top:3px}.rp-sources a{font:italic 14px var(--font-body), serif;color:var(--mute)}.rp-sources a:hover{color:var(--gold)}.rp-note{border-left:2px solid var(--red);background:#9f2b2214;margin-top:12px;padding:12px 16px}.rp-sheet img{border:1px solid var(--line);width:100%;transition:transform .5s,box-shadow .5s}.rp-sheet:hover img{transform:scale(1.01);box-shadow:0 20px 60px #000c}.rp-eps{gap:8px;padding:0;list-style:none;display:grid}.rp-eps li{background:var(--card);grid-template-columns:80px 1fr;column-gap:12px;padding:12px 16px;display:grid}.rp-eps li span{font:700 14px var(--serif);color:var(--gold);grid-row:span 2}.rp-eps small{color:var(--mute)}.rp-pager{grid-template-columns:1fr 1fr;gap:6px;max-width:1180px;margin:40px auto 0;padding:0 16px;display:grid}.rp-next{isolation:isolate;min-height:220px;color:var(--text);border:1px solid var(--line);flex-direction:column;justify-content:flex-end;gap:4px;padding:24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.rp-next+.rp-next{text-align:right;align-items:flex-end}.rp-next-bg{z-index:-1;background:var(--card) center 35% / cover;filter:brightness(.38)saturate(.5);transition:filter .6s,scale 1s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.rp-next span{font:600 11px var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:#e8963e}.rp-next b{font:400 clamp(40px, 4vw, 58px)/1 var(--font-brush), cursive}.rp-next i{font:italic 15px var(--font-body), serif;color:var(--gold);opacity:0;transition:opacity .4s,transform .4s;transform:translateY(8px)}.rp-next:hover .rp-next-bg,.rp-next:focus-visible .rp-next-bg{filter:brightness(.7)saturate(.9);scale:1.06}.rp-next:hover i,.rp-next:focus-visible i{opacity:1;transform:none}.rp-back{text-align:center;padding:28px 0 56px}@supports (animation-timeline:view()){.rp-banner{animation:30s ease-in-out infinite alternate rp-push,linear both dive;animation-timeline:auto,scroll(root);animation-range:normal,0 90vh}.rp-sec{animation:linear both rise;animation-timeline:view();animation-range:entry cover 25%}.rp-stele>div,.rp-sources li{animation:linear both step-in;animation-timeline:view();animation-range:entry}}@media (max-width:800px){.rp-hero{min-height:auto;padding-top:58vw;padding-bottom:40px}.rp-depth{height:78vw;bottom:auto}.rp-shade{background:linear-gradient(0deg, var(--bg) 0%, var(--bg) calc(100% - 78vw + 10px), color-mix(in srgb, var(--bg) 40%, transparent) calc(100% - 40vw), transparent 100%)}.rp-head{padding-right:0}.rp-card{width:62%;margin:28px auto 0;position:relative;bottom:auto;right:auto;transform:none}.rp-sec{padding-left:36px}.rp-pager{grid-template-columns:1fr}.rp-next+.rp-next{text-align:left;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.rp-banner,.rp-mist,.rp-kicker,.rp-name,.rp-hook,.rp-read,.rp-read span,.rp-card,.rp-sec,.rp-stele>div,.rp-sources li{transition:none;animation:none!important}}.ferry{min-height:100svh}.landing{flex-direction:column;justify-content:center;align-items:center;max-width:none;min-height:100svh;display:flex}.landing>:not(.landing-floats){max-width:720px}.stop-plain{min-height:100svh}.steps{grid-template-columns:1fr 1fr;column-gap:28px}.stop-plain .stop-text{max-width:640px}.stations{z-index:50;flex-direction:column;gap:6px;display:flex;position:fixed;top:50%;right:18px;translate:0 -50%}.stations a{color:var(--mute);justify-content:flex-end;align-items:center;gap:10px;text-decoration:none;display:flex}.st-dot{border:1px solid var(--line);width:28px;height:28px;font:700 10px var(--serif);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;place-items:center;transition:all .35s;display:grid}.st-label{font:700 15px var(--font-antique), serif;opacity:0;white-space:nowrap;text-shadow:0 2px 10px #000;pointer-events:none;transition:opacity .3s,translate .3s;translate:8px}.stations:hover .st-label,.stations a:focus-visible .st-label,.stations a.on .st-label{opacity:1;translate:0}.stations:hover a:not(:hover):not(.on) .st-label{opacity:.5}.stations a:hover .st-dot{border-color:var(--gold);color:var(--gold)}.stations a.on{color:var(--gold)}.stations a.on .st-dot{border-color:var(--gold);background:var(--gold);color:var(--bg);scale:1.15;box-shadow:0 0 16px #f1a94e88}@media (max-width:800px){.stop,.stop-plain,.landing{min-height:auto}.steps{grid-template-columns:1fr}.stations{display:none}}.filters input,.filters select{flex:0 200px;width:auto}.filters input[type=search]{flex:240px}.pager{justify-content:center}.pager .btn{text-align:center;min-width:36px}.tracks{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.track{grid-template-columns:32px minmax(160px,1fr) minmax(240px,2fr) auto auto;align-items:center;gap:12px;display:grid}.track.off{opacity:.55}.track-n{color:var(--gold);font:700 13px ui-monospace,monospace}.track audio{width:100%;height:36px}label.btn.disabled{opacity:.45;cursor:wait}@media (max-width:800px){.track{grid-template-columns:32px 1fr}.track audio,.track>.row,.track>label{grid-column:2}}.vb-tag{vertical-align:middle;white-space:nowrap;border:1px solid;border-radius:3px;padding:0 5px;font:600 10px/1.4 ui-monospace,monospace;display:inline-block}.vb-kc{color:var(--green)}.vb-kn{color:var(--gold)}.vb-gd{color:var(--red-text)}.vb-legend{color:var(--mute);flex-wrap:wrap;gap:16px;margin:4px 0 16px;display:flex}.vb-scroll{overflow-x:auto}.vb-prompt{margin-top:14px}.vb-prompt pre{-webkit-user-select:all;user-select:all;margin:6px 0 0}.vb-warn{border-color:var(--red-text)}.experts{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.expert-card{text-align:left;cursor:pointer;color:inherit;font:inherit;flex-direction:column;gap:6px;min-height:180px;transition:border-color .2s,transform .2s;display:flex}.expert-card:hover,.expert-card:focus-visible{border-color:var(--gold);transform:translateY(-2px)}.expert-card.house{border-color:var(--gold);grid-column:1/-1;min-height:0}.expert-icon{font-size:30px;line-height:1}dialog.modal{border:1px solid var(--gold);background:var(--bg);width:min(960px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--text);margin:auto;padding:20px;inset:0;overflow-y:auto}dialog.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000a}.modal-head{margin-bottom:12px}.role-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.role-card{flex-direction:column;gap:4px;display:flex}.role-card.on,.style-tile.on{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}.role-card select{margin-top:auto}.style-tile{text-align:left;cursor:pointer;color:inherit;font:inherit;flex-direction:column;gap:6px;display:flex}.style-tile.add{text-align:center;min-height:120px;color:var(--mute);border-style:dashed;justify-content:center;place-items:center}.style-thumb{aspect-ratio:4/3;background:50%/cover no-repeat}.session-bar{color:var(--mute);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 10px;font-size:13px;display:flex}.session-bar.on{color:var(--green);border-color:var(--green)}.session-dot{background:var(--line);border-radius:50%;width:8px;height:8px}.session-bar.on .session-dot{background:var(--green);box-shadow:0 0 8px var(--green)}.session-feed ol{flex-direction:column;gap:4px;max-height:220px;margin:8px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.session-feed li{align-items:baseline;gap:8px;font-size:13px;display:flex}.session-feed .when{color:var(--mute);flex:none;font:12px ui-monospace,monospace}.session-feed .lv-error{color:#ff8a80}.session-feed .lv-waiting{color:var(--gold)}.manual-prompt>summary{cursor:pointer}.manual-prompt-text{white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);max-height:280px;margin:0;padding:10px;overflow:auto}.sop-body{border-radius:6px;box-shadow:0 6px 24px #0006}.sop-body>.stack>.card,.sop-body .manual-prompt{border-radius:6px}.ri-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ri-card{border:1px solid var(--line);border-left:4px solid var(--line);background:var(--card);border-radius:6px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.ri-card.lop-ghi_nhan{border-left-color:var(--green)}.ri-card.lop-dien_giai{border-left-color:var(--gold)}.ri-card.lop-sang_tac{border-left-color:#b48ad6}.ri-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ri-head select{width:auto}.ri-n{color:var(--gold);min-width:22px;font:700 14px ui-monospace,monospace}.ri-check{color:var(--mute);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.ri-check input{width:auto;margin:0}.ri-check.on{color:var(--green);border-color:var(--green)}.ri-del{margin-left:auto}.ri-body{font-size:15px;line-height:1.6}.ri-src{gap:6px;display:grid}.ri-quote{border-left:3px solid var(--line);font-style:italic}.phim-page{flex-direction:column;gap:10px;display:flex}.clamp1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.phim-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:6px 16px;display:flex}.phim-head-info{min-width:0}.phim-head-title{flex-wrap:wrap;align-items:baseline;gap:2px 12px;display:flex}.main .phim-head h1{margin:0;font-size:24px}.phim-head b.ok{color:var(--green)}.phim-head-act{gap:6px}.phim-page .btn.small.solid{padding:6px 10px;font-size:13px}.phim-buoc{margin:0}.phim-buoc button{padding:6px 12px}.phim-info{background:var(--panel);border:1px solid var(--line);gap:6px 12px;padding:6px 10px}.phim-truyen{font:17px/1.75 var(--font-body), serif}.phim-truyen p{break-inside:avoid;margin:0 0 12px}.phim-truyen-so{font:600 11px/1.6 var(--font-sans,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);display:block}@media (min-width:1400px){.phim-truyen{columns:2;column-gap:40px}}.canh-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:1300px){.canh-grid{grid-template-columns:1fr 1fr}}.canh-the{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.canh-the>header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.canh-the>header b{color:var(--gold)}.canh-loi{margin:0;font-size:15px;line-height:1.6}.canh-dd summary{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:12px;list-style:none;display:inline-flex}.canh-dd summary::-webkit-details-marker{display:none}.canh-dd p{border-left:2px solid var(--line);margin:4px 0 0;padding-left:10px;line-height:1.55}.canh-vai,.canh-asset{flex-wrap:wrap;gap:6px;display:flex}.canh-avatar{border:1px solid var(--line);background:#0003;border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 2px;font-size:12px;display:inline-flex}.canh-avatar img,.canh-avatar i{object-fit:cover;object-position:top;width:24px;height:24px;color:var(--mute);background:#000;border-radius:50%;place-items:center;display:grid}.canh-o{flex-direction:column;gap:3px;width:92px;font-size:11px;line-height:1.3;display:flex}.canh-o img,.canh-o i{object-fit:cover;border:1px solid var(--line);width:92px;height:56px;color:var(--mute);background:#000;border-radius:3px;place-items:center;display:grid}.canh-o.thieu i{color:#ffb74d;border-color:#ffb74d88}.canh-o.thieu>span{color:#ffb74d}.phim-chip{border:1px solid var(--line);white-space:nowrap;background:#0004;border-radius:10px;align-items:center;gap:2px;padding:0 8px;font-size:12px;line-height:1.5;display:inline-flex}code.phim-chip{font:11px/1.6 ui-monospace,monospace}.phim-chip.thieu{color:#ffb74d;border-color:#ffb74d88}.phim-chip button{color:var(--mute);cursor:pointer;background:0 0;border:0;padding:0 0 0 4px}.phim-chip button:hover{color:#ff8a80}.phim-page .vai-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.phim-page .vai-grid.nho{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.phim-page .vai-card{padding:8px 10px}.phim-page .kit-grid{gap:6px}.phim-page .kit-item{gap:4px;padding:5px}.phim-progress{gap:3px;display:flex}.phim-progress button{background:var(--line);cursor:pointer;border:0;border-radius:4px;flex:1;height:8px;padding:0}.phim-progress button.duyet{background:var(--green)}.phim-progress button.sua{background:#ff8a80}.phim-progress button.on{outline:2px solid var(--gold);outline-offset:1px}.phim-bar{background:var(--line);border-radius:4px;height:8px;margin:6px 0 2px;overflow:hidden}.phim-bar i{background:var(--gold);height:100%;transition:width .6s;display:block}.phim-bar i.cho{opacity:.5;animation:1.2s ease-in-out infinite alternate phim-cho}@keyframes phim-cho{0%{opacity:.2}to{opacity:.7}}.phim-jobbar{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--blue);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:5px 10px;display:flex}.phim-jobbar.err{border-color:#ff8a80}.phim-jobbar .phim-bar{flex:140px;max-width:420px;margin:0}.phim-jobbar-log{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;max-width:48ch;font:12px ui-monospace,monospace;overflow:hidden}.phim-jobbar-err{white-space:pre-wrap;flex-basis:100%}.phim-hang{flex-wrap:wrap;align-items:center;gap:4px 6px;margin-left:auto;display:inline-flex}.phim-empty{place-items:center;display:grid}.phim-empty.dang-lam{text-align:center;color:var(--gold);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:6px;font-size:11px;display:flex}.phim-layout{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:14px;display:grid}.phim-player{gap:8px;padding:10px;position:sticky;top:8px}.phim-player video,.phim-player .phim-empty{aspect-ratio:9/16;object-fit:contain;background:#000;border-radius:4px;width:100%;max-height:calc(100vh - 210px)}.phim-video{aspect-ratio:9/16;background:#000;border-radius:4px;width:100%;max-height:calc(100vh - 210px);position:relative;overflow:hidden}.phim-player .phim-video video{opacity:0;height:100%;max-height:none;transition:opacity .8s ease-in-out;position:absolute;inset:0}.phim-player .phim-video video.on{opacity:1;z-index:1}.phim-loi-full{max-height:6em;font-size:13px;line-height:1.5;overflow-y:auto}.phim-page details.card{padding:6px 10px}.phim-page details.card>summary{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.giong-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 18px;display:grid}.giong-grid label{flex-direction:column;gap:4px;font-size:13px;display:flex}.gg-top{justify-content:space-between;gap:8px;display:flex}.gg-top b{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.gc-panel{flex-direction:column;gap:14px;padding-top:10px;display:flex}.gc-panel select,.gc-panel input[type=number],.gc-panel .btn.small,.gc-panel .phim-ico{height:32px}.gc-panel select,.gc-panel input[type=number]{padding:0 8px;font-size:13px}.gc-panel .phim-ico{width:32px}.gc-sec{flex-direction:column;gap:6px;display:flex}.gc-sec+.gc-sec{border-top:1px solid var(--line);padding-top:12px}.gc-h{font:600 11px/1.4 var(--font-sans,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:0}.gc-sec>p{margin:0 0 2px}.gc-line{flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;display:flex}.gc-line audio{height:32px}.gc-field{align-items:center;gap:8px;display:inline-flex}.gc-field input[type=number]{width:84px}.gc-field input[type=range]{width:180px}.gc-val{text-align:right;min-width:44px;color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.gc-noi{align-items:center;min-width:0;display:flex;position:relative}.gc-noi>.ico{color:var(--mute);pointer-events:none;position:absolute;left:9px}.gc-noi select{width:100%;padding-left:32px}.giong-cau{grid-template-columns:minmax(0,1fr) 160px 32px 84px 32px 32px;align-items:start;gap:6px;display:grid}.giong-cau textarea{field-sizing:content;resize:none;min-height:32px;padding:6px 8px;font-size:13px;line-height:1.45}.nen-row{grid-template-columns:200px minmax(100px,1fr) 44px 32px 32px;align-items:center;gap:6px;font-size:13px;display:grid}.gc-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding-top:12px;display:flex}.gc-foot>span{margin-right:auto}@media (max-width:700px){.giong-cau{grid-template-columns:minmax(0,1fr) 32px 84px 32px 32px}.giong-cau textarea{grid-column:1/-1}.nen-row{grid-template-columns:minmax(0,1fr) 44px 32px 32px}.nen-row .gc-noi{grid-column:1/-1}}.phim-page input[type=range]{appearance:none;cursor:pointer;background:0 0;border:0;height:18px;padding:0}.phim-page input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:4px}.phim-page input[type=range]::-moz-range-track{background:var(--line);border-radius:2px;height:4px}.phim-page input[type=range]::-moz-range-progress{background:var(--gold);border-radius:2px;height:4px}.phim-page input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);border:2px solid var(--bg);width:14px;height:14px;box-shadow:0 0 0 1px var(--gold);border-radius:50%;margin-top:-5px}.phim-page input[type=range]::-moz-range-thumb{background:var(--gold);border:2px solid var(--bg);width:12px;height:12px;box-shadow:0 0 0 1px var(--gold);border-radius:50%}.phim-page input[type=range]:disabled{opacity:.4;cursor:not-allowed}.phim-list-head{padding:0 2px}.phim-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.phim-row{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--line);flex-direction:column;gap:6px;padding:3px 8px 3px 6px;display:flex}.phim-row.duyet{border-left-color:var(--green)}.phim-row.sua{border-left-color:#ff8a80}.phim-row:hover{background:color-mix(in srgb, var(--card) 96%, var(--gold))}.phim-row.on{box-shadow:inset 0 0 0 1px var(--gold)}.phim-row.mo{border-color:#cfae6266}.phim-row-top{grid-template-columns:auto 36px minmax(0,1fr) auto;align-items:start;gap:8px;padding:3px 0;display:grid}.phim-row-top>input[type=checkbox]{margin-top:16px}.phim-thumb{object-fit:cover;cursor:pointer;border:1px solid var(--line);background:#000;border-radius:3px;width:36px;height:48px}.phim-row.on .phim-thumb{border-color:var(--gold)}.phim-thumb .xoay{border-width:2px;width:14px;height:14px}.phim-row-head{min-width:0;min-height:48px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:160px minmax(0,1fr);align-items:start;gap:10px;padding:2px 0 0;line-height:1.35;display:grid}.phim-row-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.phim-row-meta b{font-size:14px}.phim-row-meta .badge{padding:0 6px;font-size:11px}.phim-row-loi{opacity:.9;flex-direction:column;min-width:0;line-height:1.4;display:flex}.phim-dang{color:var(--blue)}.canh-thieu{color:#ffb74d}.phim-row-act{gap:4px;display:flex}.phim-ico{width:28px;height:28px;color:var(--mute);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;place-items:center;padding:0;font-size:14px;line-height:1;display:inline-grid}.phim-ico:hover:not(:disabled){color:var(--gold);border-color:var(--gold)}.phim-ico.on{color:var(--gold);border-color:var(--gold);background:#cfae6218}.phim-ico.ok{color:var(--green)}.phim-ico.xoa:hover:not(:disabled){color:#ff8a80;border-color:#ff8a80}.phim-ico.ok:hover:not(:disabled){color:var(--green);border-color:var(--green)}.phim-ico.thieu{border-color:#ffb74d}.phim-ico:disabled{opacity:.3;cursor:not-allowed}.phim-row-panel{border-top:1px dashed var(--line);flex-direction:column;gap:8px;max-height:min(62vh,640px);padding:8px 2px 4px;display:flex;overflow-y:auto}.phim-row-panel .giong-canh{border-top:0;padding-top:0}.phim-row-panel .kit-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.phim-row-panel .kit-item img,.phim-row-panel .kit-empty{height:96px}@media (max-width:900px){.phim-layout{grid-template-columns:1fr}.phim-player{position:static}.phim-row-head{grid-template-columns:1fr;gap:2px}}.vai-card>b code{white-space:nowrap}.giong-cau.thoai textarea{border-left:3px solid var(--gold);font-style:italic}.truyen-2cot{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}@media (max-width:1100px){.truyen-2cot{grid-template-columns:1fr}}.truyen-2cot .phim-truyen{columns:1}.phim-truyen.nho{font-size:15px;line-height:1.6}.truyen-goc-sua{min-height:60vh;font:16px/1.7 var(--font-body), serif}.sua-canh{border-top:1px dashed var(--line);padding-top:8px}.sua-canh label{flex-direction:column;gap:4px;display:flex}.chon-chip{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.chon-chip button{border:1px solid var(--line);color:var(--mute);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.chon-chip button.on{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, transparent)}.dial{z-index:55;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:20px;right:20px}.dial-btn{cursor:pointer;width:48px;height:48px;color:var(--gold);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--gold) 22%, var(--bg)) 0%, var(--bg) 70%);border:1px solid color-mix(in srgb, var(--gold) 55%, transparent);box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 40%, transparent), 0 6px 24px #000a;border-radius:50%;place-items:center;transition:transform .5s cubic-bezier(.2,.8,.2,1.4),border-color .3s;animation:4.5s ease-in-out infinite dial-tho;display:grid}.dial-btn:hover{border-color:var(--gold);transform:scale(1.07)}.dial.open .dial-btn{box-shadow:0 0 28px color-mix(in srgb, var(--gold) 45%, transparent);animation:none;transform:rotate(-12deg)scale(.94)}.dial-btn svg{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--gold) 60%, transparent));animation:2.6s ease-in-out infinite dial-lua}@keyframes dial-tho{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 30%, transparent), 0 6px 24px #000a}50%{box-shadow:0 0 0 10px #0000,0 6px 24px #000a}}@keyframes dial-lua{0%,to{opacity:1}45%{opacity:.78}55%{opacity:.95}70%{opacity:.82}}.dial-panel{border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);background:radial-gradient(120% 90% at 100% 100%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 60%), color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);transform-origin:100% 100%;clip-path:circle(0% at 100% 100%);opacity:0;filter:blur(8px);pointer-events:none;border-radius:18px;flex-direction:column;align-items:stretch;gap:10px;min-width:210px;padding:16px 16px 14px;transition:clip-path .7s cubic-bezier(.6,0,.2,1),opacity .5s,filter .7s;display:flex;position:relative;box-shadow:0 18px 60px #000c,inset 0 0 40px #0006}.dial-panel:before{content:"";border-radius:inherit;pointer-events:none;opacity:.35;mix-blend-mode:screen;background:radial-gradient(40% 30% at 30% 70%,#cfd8d633,#0000 70%),radial-gradient(35% 25% at 75% 30%,#cfd8d622,#0000 70%);animation:9s ease-in-out infinite alternate dial-suong;position:absolute;inset:-20%}@keyframes dial-suong{0%{transform:translate(-6%,4%)rotate(0)}to{transform:translate(6%,-4%)rotate(8deg)}}.dial.open .dial-panel{clip-path:circle(150% at 100% 100%);opacity:1;filter:none;pointer-events:auto}.dial-title{font:italic 600 15px var(--font-antique), serif;color:var(--gold);letter-spacing:.02em;opacity:0;transition:opacity .5s .15s,transform .5s .15s;transform:translateY(6px)}.dial-row{opacity:0;filter:blur(4px);transition:opacity .55s,transform .55s cubic-bezier(.2,.8,.2,1),filter .55s;transition-delay:calc(.2s + var(--i) * 90ms);display:flex;transform:translate(14px)}.dial-row>*{flex:1;justify-content:flex-start}.dial-row .music-knob{margin-left:auto}.dial.open .dial-title{opacity:1;transform:none}.dial.open .dial-row{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){.dial-panel,.dial-row,.dial-title,.dial-btn{transition:none;animation:none}}.rp-phim-grid{flex-wrap:wrap;gap:20px;display:flex}.rp-phim figure{flex-direction:column;gap:8px;width:min(100%,360px);margin:0;display:flex}.rp-phim .nep-player{border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);--video-brand:var(--gold);--video-focus-ring-color:var(--gold);--video-font-family:var(--font-sans,sans-serif);--media-slider-track-progress-bg:var(--gold);--video-slider-thumb-bg:var(--gold);--video-controls-color:#f3e9d2;background:#000;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 18px 50px #000a}.rp-phim figure{width:min(100%,400px)}.rp-phim figcaption{font:600 17px var(--font-antique), serif;flex-direction:column;gap:2px;display:flex}.rp-tabs{z-index:5;border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;flex-wrap:wrap;gap:4px;width:fit-content;margin:8px 0 24px;padding:6px;display:flex;position:sticky;top:72px}.rp-tabs button{cursor:pointer;font:600 18px var(--font-antique), serif;color:var(--mute);background:0 0;border:0;border-radius:999px;align-items:baseline;gap:6px;padding:8px 18px;transition:color .25s,background .25s;display:inline-flex}.rp-tabs button small{font:600 11px var(--font-sans,sans-serif);opacity:.7}.rp-tabs button:hover{color:var(--text)}.rp-tabs button.on{color:var(--bg);background:var(--gold)}.rp-tab-panel:not([hidden]){animation:.45s both rp-tab-in}@keyframes rp-tab-in{0%{opacity:0;filter:blur(3px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}.tap-page{gap:14px}.tap-page .btn.small{padding:6px 10px;font-size:13px}.tap-head{flex-direction:column;gap:4px;display:flex}.main .tap-head h1{margin:0;font-size:24px}.tap-head .phim-head-title{align-items:center}.tap-sum{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:120ch;margin:0;font-size:14px;display:-webkit-box;position:relative;overflow:hidden}.tap-sum.open{display:block}.tap-more{color:var(--gold);cursor:pointer;background:0 0;border:0;padding:0 0 0 6px;font-size:13px}.tap-sum:not(.open) .tap-more{background:linear-gradient(90deg, transparent, var(--bg) 18px);padding-left:24px;position:absolute;bottom:0;right:0}.tap-stepper{background:var(--panel);border:1px solid var(--line);border-radius:6px;align-items:center;gap:6px;padding:6px;display:flex;overflow-x:auto}.tap-step{min-width:190px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;flex:1 1 0;align-items:center;gap:10px;padding:6px 10px;display:flex}.tap-step:hover{background:var(--card)}.tap-step.on{border-color:var(--gold);background:var(--card)}.tap-step-n{border:1px solid var(--line);width:24px;height:24px;font:600 12px var(--font-sans), sans-serif;color:var(--mute);border-radius:50%;flex:none;place-items:center;display:grid}.tap-step.on .tap-step-n{border-color:var(--gold);color:var(--gold)}.tap-step.done .tap-step-n{border-color:var(--green);color:var(--green)}.tap-step-txt{flex-direction:column;min-width:0;margin-right:auto;line-height:1.3;display:flex}.tap-step-txt b{font-size:14px}.tap-step-arrow{color:var(--line)}.tap-ctl{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);padding:8px 10px}.tap-empty{text-align:center;border:1px dashed var(--line);padding:24px}.tap-story{grid-template-columns:minmax(0,65fr) minmax(300px,35fr);align-items:start;gap:32px;display:grid}.tap-read{min-width:0;font:17px/1.8 var(--font-body), serif}.tap-read>:not(.tap-actbar){max-width:75ch}.tap-actbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:8px;padding-bottom:10px;display:flex}.tap-actbar h2{color:var(--gold);margin:0;font-size:26px}.tap-title-input{width:auto;font:600 20px var(--serif);flex:320px}.tap-hoi{margin-top:28px}.tap-hoi h3{margin:0 0 10px;font-size:21px}.tap-hoi p{margin:0 0 14px}.tap-hoi textarea{font:15px/1.7 var(--font-body), serif}.tap-aside{flex-direction:column;gap:10px;max-height:calc(100vh - 24px);font-size:14px;line-height:1.6;display:flex;position:sticky;top:12px;overflow-y:auto}.tap-label{font:600 11px/1.6 var(--font-sans), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:2px;display:block}.tap-hook{border-left:3px solid var(--gold);background:#cfae620d;padding:12px 14px}.tap-hook p{font:italic 16px/1.6 var(--serif);margin:0}.tap-block{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:8px 12px}.tap-block>summary{cursor:pointer;font:600 12px var(--font-sans), sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);align-items:center;gap:6px;display:flex}.tap-block[open]>summary{margin-bottom:6px}.tap-block p{color:var(--text);margin:0}.tap-cast{gap:6px;display:grid}.tap-cast-card{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:6px 10px}.tap-cast-card details summary,.tap-frame details summary,.tap-shot details summary{cursor:pointer;color:var(--mute)}.tap-score{background:var(--panel);border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:14px 18px;display:flex}.tap-score>b{font:700 40px/1 var(--serif);color:var(--gold)}.tap-score>b small{color:var(--mute);font-size:18px}.tap-score p{flex:100%;max-width:110ch;margin:0}.tap-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:12px;display:grid}.tap-issue{border-left-width:3px}.tap-issue p{margin:0}.tap-frames{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;display:grid}.tap-frame{flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden}.tap-frame>img,.tap-frame-empty{aspect-ratio:3/4;object-fit:cover;background:#000;width:100%}.tap-frame-empty{color:var(--line);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.tap-frame figcaption{padding:10px 12px 12px;font-size:14px}.tap-frame figcaption p{margin:0}.tap-thoai{color:var(--gold);font-family:var(--serif)}.tap-shots{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tap-shots li{grid-template-columns:90px minmax(0,1fr);gap:16px;padding-bottom:14px;display:grid;position:relative}.tap-shots li:before{content:"";background:var(--line);width:1px;position:absolute;top:8px;bottom:0;left:98px}.tap-shot-t{color:var(--gold);text-align:right;padding-top:2px;font:600 13px ui-monospace,monospace}.tap-shot{background:var(--card);border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:4px;max-width:120ch;padding:8px 14px;display:flex;position:relative}.tap-shot-loi{font:16px/1.6 var(--font-body), serif;margin:0}.tap-shot-meta{color:var(--mute);flex-wrap:wrap;gap:4px 16px;display:flex}.tap-log{border-left:1px solid var(--line);flex-direction:column;gap:2px;margin:0 0 0 6px;padding:0 0 0 14px;list-style:none;display:flex}.tap-log li{padding:6px 10px;font-size:14px;position:relative}.tap-log li:hover{background:var(--panel)}.tap-log li:before{content:"";background:var(--line);border-radius:50%;width:9px;height:9px;position:absolute;top:14px;left:-19px}.tap-log li.lv-DONE:before{background:var(--green)}.tap-log li.lv-RUNNING:before{background:var(--blue)}.tap-log li.lv-WAITING_APPROVAL:before{background:var(--gold)}.tap-log li.lv-FAILED:before{background:#ff8a80}.tap-foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (max-width:1100px){.tap-story,.tap-foot{grid-template-columns:1fr}.tap-aside{order:-1;max-height:none;position:static}}@media (min-width:1200px){.rp-sources{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}.rp-eps{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.rp-lead{max-width:90ch}}.rp-tomtat{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;margin-bottom:28px;display:grid}@media (max-width:1000px){.rp-tomtat{grid-template-columns:1fr}}.rp-tomtat>*{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;margin:0;padding:20px 22px}.rp-tomtat-dau{flex-direction:column;gap:8px;display:flex;border-color:color-mix(in srgb, var(--gold) 45%, transparent)!important}.rp-tomtat-dau>b{font:400 40px/1 var(--font-brush), cursive;color:var(--gold)}.rp-tomtat-hook{font:italic 17px var(--font-body), serif;color:var(--text);opacity:.85}.rp-tomtat-dau p{margin:0;font-size:16px;line-height:1.6}.rp-tomtat-chip{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.rp-tomtat-chip span{border:1px solid var(--line);border-radius:999px;align-items:baseline;gap:6px;padding:4px 12px;font-size:13.5px;display:inline-flex}.rp-tomtat-chip em{color:var(--mute);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-style:normal}.rp-tomtat-y{flex-direction:column;gap:14px;list-style:none;display:flex}.rp-tomtat-y li{border-bottom:1px dashed var(--line);grid-template-columns:120px 1fr;gap:14px;padding-bottom:12px;display:grid}.rp-tomtat-y li:last-child{border-bottom:0;padding-bottom:0}.rp-tomtat-y b{font:700 16px var(--font-antique), serif;color:var(--gold)}.rp-tomtat-y span{font-size:15px;line-height:1.6}.rp-tabs{margin-left:0}.anh-o{outline:none;flex-direction:column;gap:6px;min-width:0;display:flex}.anh-o-khung{border:1px solid var(--line);background:#000;border-radius:8px;width:100%;height:190px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;aspect-ratio:auto!important}.anh-o.re .anh-o-khung,.anh-o:focus-visible .anh-o-khung{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb, var(--gold) 30%, transparent)}.anh-o-khung>a,.anh-o-khung img{width:100%;height:100%;display:block}.anh-o-khung img{object-fit:contain}.anh-o-trong{text-align:center;color:var(--mute);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex;position:absolute;inset:0}.anh-o-nut{justify-content:flex-end;gap:4px;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.anh-o-nut>*{cursor:pointer;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:28px;color:var(--text);font:600 12px var(--font-sans,sans-serif);border:1px solid #fff2;border-radius:999px;align-items:center;gap:4px;padding:0 9px;text-decoration:none;display:inline-flex}.anh-o-nut>button:first-child{margin-right:auto}.anh-o-nut>:hover,.anh-o-nut>.on{border-color:var(--gold);color:var(--gold)}.anh-o-goi{background:var(--gold);color:var(--bg);font:700 11px var(--font-sans,sans-serif);pointer-events:none;border-radius:999px;padding:3px 10px;position:absolute;top:6px;left:50%;translate:-50%}.anh-o-dang{background:#000a;place-items:center;display:grid;position:absolute;inset:0}.anh-o-ten{padding:0 2px}.sop-assign.gon{align-items:center;gap:6px}.sop-assign.gon input{height:36px;padding:0 12px}.sop-assign.gon .btn{white-space:nowrap;flex:none;height:36px;padding:0 14px}.vai-grid{align-items:stretch}.vai-card{flex-direction:column;display:flex}.vai-card>.kit-grid,.vai-card>.anh-o{margin-top:auto}.vai-ten{align-items:center;gap:8px;min-height:22px;display:flex}.vai-ten>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.vai-ten i{border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-style:normal}.vai-du{color:var(--green);border:1px solid color-mix(in srgb, var(--green) 50%, transparent)}.vai-thieu{color:#ffb74d;border:1px solid #ffb74d80}.vai-card .anh-o-khung,.vai-grid.nho .anh-o-khung{height:170px}.anh-o{container-type:inline-size}.anh-o-ten{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@container (max-width:170px){.anh-o-nut>button:first-child{gap:0;padding:0 8px;font-size:0}.anh-o-nut>*{padding:0 7px}.anh-o-trong{font-size:11px}}.kho-grid{align-items:stretch}.kho-grid:has(.kho-the.nhieu){grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr))}.kho-the{flex-direction:column;gap:6px;display:flex}.kho-dau{align-items:center;gap:8px;display:flex}.kho-dau b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.kho-xoa{border:1px solid var(--line);width:28px;height:28px;color:var(--mute);cursor:pointer;background:0 0;border-radius:6px;flex:none}.kho-xoa:hover{color:#ff8a80;border-color:#ff8a80}.kho-mota{-webkit-line-clamp:3;-webkit-box-orient:vertical;height:4.5em;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.kho-o{grid-template-columns:1fr;gap:8px;margin-top:auto;display:grid}.kho-the.nhieu .kho-o{grid-template-columns:repeat(3,minmax(0,1fr))}.kho-o .anh-o-khung{height:190px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}