@import"https://fonts.googleapis.com/css2?family=Poltawski+Nowy:ital,wght@0,400;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Great+Vibes&family=Oswald:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;600&family=Source+Serif+4:ital,wght@0,400;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Roboto:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&family=Playfair+Display:wght@600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,500;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Saira+Stencil+One&family=Source+Sans+3:wght@300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&family=MuseoModerno:wght@500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Science+Gothic:wght@300;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Mulish:wght@300;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Anton&family=Be+Vietnam+Pro:ital,wght@1,500&family=Montserrat:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";@import"https://fonts.googleapis.com/css2?family=Great+Vibes&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Source+Serif+4:ital,wght@0,400;1,400&family=Source+Sans+3:wght@300;400;500;600;700&family=Playwrite+DE+Grund:wght@100..400&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Saira+Stencil+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Saira+Stencil+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Source+Sans+3:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@500;600;700&family=Cormorant+Garamond:wght@600;700&family=Playfair+Display:wght@600;700&family=Source+Sans+3:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Asimovian:wght@400&family=Source+Serif+4:ital,wght@0,400;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;600;700&family=Playfair+Display:wght@600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400;1,500&display=swap";.zone-audio-hint{position:fixed;top:max(16px,calc(env(safe-area-inset-top,0px) + 10px));left:50%;transform:translate(-50%);z-index:10000;margin:0;pointer-events:none;width:min(92vw,320px);padding:0 12px;animation:zoneAudioHintIn .65s ease both}.zone-audio-hint__frame{display:block;width:100%;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-style:italic;font-size:clamp(.82rem,3.2vw,.95rem);font-weight:500;line-height:1.45;text-align:center;color:#f8fafc;background:#0a0e16eb;border:2px solid rgba(255,210,90,.75);border-radius:18px;padding:11px 20px;box-shadow:0 6px 28px #00000073,inset 0 1px #ffffff14;animation:zoneAudioHintPulse 1.35s ease-in-out infinite}.zone-audio-hint__line{display:block}@media(min-width:480px){.zone-audio-hint{width:auto;max-width:min(92vw,460px)}.zone-audio-hint__frame{display:inline-block;width:auto;border-radius:999px;padding:10px 18px}.zone-audio-hint__line{display:inline}.zone-audio-hint__line:first-child:after{content:" "}}@keyframes zoneAudioHintIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes zoneAudioHintPulse{0%,to{border-color:#ffc85073;box-shadow:0 6px 24px #0006,0 0 #ffc85026,inset 0 1px #ffffff0f}50%{border-color:#ffe68c;box-shadow:0 8px 30px #00000080,0 0 16px 4px #ffc8508c,inset 0 1px #ffffff1f}}.zone-back-confirm-overlay{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:zoneBackConfirmFadeIn .25s ease}.zone-back-confirm-modal{position:relative;width:min(92vw,360px);max-height:min(88dvh,560px);overflow-y:auto;padding:24px 20px 20px;border-radius:18px;background:#fffffff7;box-shadow:0 14px 44px #00000047;animation:zoneBackConfirmSlideIn .28s ease}.zone-back-confirm-header{margin-bottom:16px}.zone-back-confirm-now{margin:0 0 8px;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-size:clamp(1rem,3.8vw,1.1rem);font-weight:700;line-height:1.4;text-align:center;color:#111827}.zone-back-confirm-message{margin:0;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-size:clamp(.9rem,3.4vw,1rem);font-weight:600;font-style:italic;line-height:1.5;text-align:center;color:#374151}.zone-back-confirm-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}.zone-back-confirm-item{display:flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:10px;background:#f3f4f6;border:1px solid transparent}.zone-back-confirm-item--current{background:#fff8e6;border-color:#ffbe3ca6;box-shadow:0 0 0 1px #ffbe3c33}.zone-back-confirm-time{font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-size:.88rem;font-weight:600;color:#374151;text-align:center}.zone-back-confirm-item--current .zone-back-confirm-time{color:#92400e}.zone-back-confirm-ok{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;border:none;border-radius:12px;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-size:1.35rem;font-weight:700;line-height:1;cursor:pointer;transition:filter .2s,transform .15s}.zone-back-confirm-ok:hover{filter:brightness(1.06)}.zone-back-confirm-ok:active{transform:scale(.98)}@keyframes zoneBackConfirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoneBackConfirmSlideIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}html.an-route,html.an-route body,html.an-route #root{margin:0;padding:0;width:100%;height:100%;min-height:100%;overflow:hidden;background:#0f2027}.an-page{--font-zen: "Poltawski Nowy", serif;--transition-speed: 4s;--menu-text-color: #5c2f00;--icon-filter: grayscale(100%) sepia(60%) hue-rotate(340deg) brightness(100%) contrast(1.2);position:fixed;inset:0;margin:0;padding:0;font-family:var(--font-zen);background-color:#0f2027;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-speed);width:100vw;min-width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh}.an-page.dawn,.an-page.night,.an-page.rain{--menu-text-color: #f0e6d2;--icon-filter: grayscale(100%) sepia(50%) hue-rotate(340deg) brightness(130%) contrast(.9) drop-shadow(0 2px 5px rgba(0, 0, 0, .5))}.an-zen{position:relative;width:100vw;min-width:100vw;height:100%;min-height:100%;overflow:hidden}.an-layer-img{position:absolute;pointer-events:none;user-select:none;-webkit-user-drag:none}.an-sky-container{position:absolute;top:0;left:0;right:0;width:100vw;min-width:100vw;height:70%;z-index:0;transition:background var(--transition-speed) ease}.an-stars-container{position:absolute;top:0;left:0;width:100%;height:60%;z-index:1;pointer-events:none;opacity:0;transition:opacity var(--transition-speed)}.an-celestial-body{position:absolute;border-radius:50%;z-index:5;transition:all var(--transition-speed) ease,opacity 1s;opacity:0}.an-dawn-sun-glow{position:absolute;top:-25vh;left:50%;transform:translate(-50%);width:100vh;height:80vh;background:radial-gradient(circle,rgba(255,250,220,.9) 5%,rgba(255,220,150,.7) 25%,rgba(255,180,100,.4) 50%,rgba(255,100,100,.1) 75%,transparent 95%);z-index:4;opacity:0;filter:blur(60px);transition:opacity var(--transition-speed);pointer-events:none}.an-rainbow-arc{position:absolute;top:15%;left:50%;transform:translate(-50%);width:130vh;height:65vh;border-radius:130vh 130vh 0 0;z-index:6;opacity:0;box-shadow:0 0 0 2vh #f003,0 0 0 4vh #ffa50033,0 0 0 6vh #ff03,0 0 0 8vh #00800033,0 0 0 10vh #00f3,0 0 0 12vh #4b008233,0 0 0 14vh #ee82ee33;filter:blur(10px);mix-blend-mode:screen;transition:opacity var(--transition-speed);pointer-events:none}.an-wall-texture{position:absolute;left:0;right:0;top:19.8%;width:100vw;min-width:100vw;height:43vh;z-index:8;background-image:url(/an/assets/tuong_da_thap.png);background-repeat:repeat-x;background-size:auto 100%;background-position:center bottom;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 80%,#0000);transition:filter var(--transition-speed) ease}.an-sand-base{position:absolute;top:50%;left:0;right:0;width:100vw;min-width:100vw;height:50%;z-index:15;background-color:#e0e0e0;background-image:radial-gradient(circle at 50% 0%,rgba(0,0,0,.05),transparent 70%),repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.03) 4px,transparent 6px);transition:filter var(--transition-speed) ease}.an-zen-ripples{position:absolute;top:76%;left:50%;width:150vh;height:150vh;transform:translate(-50%,-50%) scaleY(.22);z-index:20;border-radius:50%;pointer-events:none;background:repeating-radial-gradient(circle at center,transparent 0%,transparent 8%,rgba(0,0,0,.08) 10%,rgba(255,255,255,.14) 13%,transparent 16%);box-shadow:inset 0 30px 40px #00000026,inset 0 -20px 30px #ffffff26;-webkit-mask-image:radial-gradient(circle,black 38%,transparent 70%);mask-image:radial-gradient(circle,black 38%,transparent 70%);opacity:.85;animation:an-sand-breath 26s ease-in-out infinite;transition:filter var(--transition-speed),opacity var(--transition-speed)}.an-center-stone{position:absolute;top:50%;left:50%;transform:translate(-50%);height:35vh;width:auto;z-index:26;transition:filter var(--transition-speed) ease}.an-center-stone:after{content:"";position:absolute;bottom:-6%;left:50%;transform:translate(-50%);width:60%;height:10%;background:radial-gradient(ellipse at center,rgba(0,0,0,.45) 0%,transparent 70%);filter:blur(8px);z-index:-1}.an-stone-letters{position:absolute;top:43%;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;justify-content:center;z-index:12;pointer-events:none}.an-stone-letter-img{height:7.5vh;width:auto;display:block;margin-left:-.8vh;margin-right:-.8vh;filter:drop-shadow(0 6px 0 rgba(0,0,0,.5)) drop-shadow(0 16px 24px rgba(0,0,0,.45))}.an-lift-0{transform:translateY(0)}.an-lift-low{transform:translateY(.5px);opacity:.95}.an-fog{position:absolute;left:0;width:100%;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.4),transparent);transition:opacity var(--transition-speed),background var(--transition-speed)}.an-fog.layer-1{top:45%;height:20%;z-index:28}.an-fog.layer-2{bottom:5%;height:15%;z-index:45}.an-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none;mix-blend-mode:overlay;transition:background var(--transition-speed),mix-blend-mode var(--transition-speed)}.an-rain-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:90;pointer-events:none;opacity:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAeCAYAAAAGos/AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACBJREFUeNpiYGBgcGQAA0Yg8T8DqIaB4T8DqIaB4T8DAF5WNhV/q1y3AAAAAElFTkSuQmCC) repeat;transition:opacity 2s ease}.an-rain-animation{animation:an-rain-fall .8s linear infinite}.an-splash{position:absolute;width:20px;height:10px;background:radial-gradient(ellipse at center,rgba(255,255,255,.6) 0%,transparent 70%);border-radius:50%;z-index:91;pointer-events:none;opacity:0}.an-fireflies-container{position:absolute;width:100%;height:100%;z-index:55;pointer-events:none;display:none}.an-firefly{position:absolute;width:4px;height:4px;background:#cf0;border-radius:50%;opacity:0;box-shadow:0 0 6px #cf0;animation:an-float-firefly 14s infinite ease-in-out}.an-bird{position:absolute;top:18%;width:18px;height:8px;border:1.5px solid transparent;border-top:1.5px solid rgba(0,0,0,.45);border-radius:50%;opacity:.45;z-index:6;animation:an-bird-fly linear infinite}.an-nav-container{position:absolute;top:98%;left:50%;transform:translate(-50%,-100%);z-index:150;display:flex;align-items:flex-end;justify-content:center}.an-icon-tower-wrapper{display:grid;grid-template-columns:repeat(3,1fr);width:min(240px,78vw);height:48px;align-items:end;column-gap:12px}.an-z-icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;position:relative;line-height:1;border:none;background:transparent;padding:4px 6px;cursor:pointer;-webkit-tap-highlight-color:transparent}.an-z-icon-glyph{display:inline-block;line-height:1;filter:var(--icon-filter);transition:filter .35s ease}.an-z-icon[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);padding:4px 10px;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.55);color:#111;font-family:"Source Sans 3",system-ui,sans-serif;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;filter:none;-webkit-filter:none;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:40;box-shadow:0 2px 8px #0000002e}.an-z-icon[data-tip]:hover:after,.an-z-icon[data-tip]:focus-visible:after{opacity:1;filter:none;-webkit-filter:none;transform:translate(-50%) translateY(0)}.an-z-icon.an-z-icon-static{cursor:default}.an-z-icon.i-squ{justify-self:start;font-size:26px;z-index:2}.an-z-icon.i-tri{justify-self:center;font-size:38px;z-index:3}.an-z-icon.i-rec{justify-self:end;font-size:26px;z-index:1}.an-z-icon.light-up-icon .an-z-icon-glyph{filter:grayscale(100%) brightness(300%) drop-shadow(0 0 10px rgba(255,255,255,1))!important}.an-volume-container{position:absolute;top:20px;right:20px;padding:10px 15px;background:#0006;backdrop-filter:blur(5px);border-radius:20px;z-index:120;display:flex;align-items:center;gap:10px;opacity:0;pointer-events:none;transition:opacity .5s ease}.an-volume-container.show{opacity:1;pointer-events:auto}.an-volume-container input[type=range]{-webkit-appearance:none;width:100px;height:4px;border-radius:2px;background:#ffffff4d;outline:none}.an-volume-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 5px #00000080}.an-vol-icon{color:#fff;font-size:1.2rem}.an-audio-credit{font-size:11px;color:#fffc;margin-top:6px;opacity:0;transition:opacity .3s ease;text-align:center}.an-audio-credit.show{opacity:1}.an-back-link{position:fixed;top:24px;left:24px;z-index:160;display:grid;place-items:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#14121873;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fef3c7;opacity:.92;cursor:pointer;transition:opacity .2s ease,color .2s ease,transform .2s ease,background .2s ease}.an-back-link:after{content:"Về trang chủ";position:absolute;top:calc(100% + 6px);left:0;padding:4px 10px;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.55);color:#111;font-family:"Source Sans 3",system-ui,sans-serif;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;box-shadow:0 2px 8px #0000002e}.an-back-link:hover:after,.an-back-link:focus-visible:after{opacity:1;transform:translateY(0)}.an-back-link:hover{opacity:1;color:#fff8e7;background:#1412189e;transform:scale(1.05)}.an-back-link svg{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.an-page.dawn,.an-page.dawn .an-sky-container{background:linear-gradient(180deg,#2c3e50,#4ca1af 40%,#f4c4f3,#fcb045)}.an-page.dawn .an-dawn-sun-glow{opacity:1}.an-page.dawn .an-wall-texture,.an-page.dawn .an-sand-base{filter:brightness(65%) contrast(110%) sepia(15%)}.an-page.dawn .an-center-stone{filter:brightness(75%)}.an-page.dawn .an-overlay{background:#ffdc9626;mix-blend-mode:soft-light}.an-page.morning,.an-page.morning .an-sky-container{background:radial-gradient(circle at 50% 85%,rgba(255,240,200,.55),transparent 60%),linear-gradient(to bottom,#dbeafe,#e6f0f5 45%,#fff6e0)}.an-page.morning .an-wall-texture{filter:brightness(95%) contrast(102%) saturate(90%)}.an-page.morning .an-fog{opacity:.65}.an-page.morning .an-overlay{background:#fffff538}.an-page.rain,.an-page.rain .an-sky-container{background:linear-gradient(to bottom,#757f9a,#d7dde8)}.an-page.rain .an-wall-texture{filter:brightness(60%) contrast(110%) saturate(60%) sepia(0%)}.an-page.rain .an-sand-base{filter:brightness(70%) contrast(105%)}.an-page.rain .an-center-stone{filter:brightness(75%) sepia(10%)}.an-page.rain .an-zen-ripples{opacity:.6;filter:brightness(80%)}.an-page.rain .an-rain-container{opacity:.6}.an-page.rain .an-fog{opacity:.15}.an-page.rain .an-overlay{background:#00001426;mix-blend-mode:multiply}.an-page.rainbow,.an-page.rainbow .an-sky-container{background:linear-gradient(to bottom,#4a566a,#7b8c9d,#a8b8c4)}.an-page.rainbow .an-wall-texture{filter:brightness(65%) contrast(115%) saturate(80%)}.an-page.rainbow .an-sand-base{filter:brightness(70%) contrast(115%) sepia(5%)}.an-page.rainbow .an-center-stone{filter:brightness(75%) sepia(10%)}.an-page.rainbow .an-rainbow-arc{opacity:.9}.an-page.rainbow .an-overlay{background:#c8dcff1a;mix-blend-mode:overlay}.an-page.rainbow .an-fog{opacity:.4;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.2),transparent)}.an-page.sunset,.an-page.sunset .an-sky-container{background:linear-gradient(180deg,#0f2027,#203a43 20%,#ff7e5f,#feb47b)}.an-page.sunset .an-wall-texture{filter:brightness(70%) sepia(50%) saturate(140%) hue-rotate(-10deg)}.an-page.sunset .an-zen-ripples{opacity:.6;filter:sepia(60%) saturate(150%)}.an-page.sunset .an-celestial-body{opacity:1;width:80px;height:80px;background:radial-gradient(circle,#fff 10%,#ffcd00 40%,transparent 70%);bottom:58%;left:50%;transform:translate(-50%);box-shadow:0 0 40px 10px #ffc800cc}.an-page.sunset .an-fog{opacity:.5;background:linear-gradient(to bottom,transparent,rgba(255,140,0,.3),transparent)}.an-page.sunset .an-overlay{background:#ff640026;mix-blend-mode:soft-light}.an-page.night,.an-page.night .an-sky-container{background:linear-gradient(to bottom,#0f2027,#203a43,#2c5364)}.an-page.night .an-fog{opacity:.3;background:linear-gradient(to bottom,transparent,rgba(150,200,255,.1),transparent)}.an-page.night .an-wall-texture{filter:brightness(40%) contrast(110%) saturate(30%)}.an-page.night .an-zen-ripples{opacity:.3;filter:brightness(60%)}.an-page.night .an-overlay{background:#00002866;mix-blend-mode:multiply}.an-page.night .an-celestial-body{opacity:1;width:40px;height:40px;background:transparent;inset:15% 20% auto auto;box-shadow:-8px 8px #fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.8));transform:rotate(-20deg)}.an-page.night .an-sand-base{filter:contrast(90%) brightness(50%)}.an-page.night .an-stars-container{opacity:1}@keyframes an-float-firefly{0%,to{transform:translateZ(0);opacity:0}50%{opacity:.8}25%{transform:translate3d(10px,-10px,0)}75%{transform:translate3d(-10px,10px,0)}}@keyframes an-twinkle{0%,to{opacity:.4}50%{opacity:.9}}@keyframes an-sand-breath{0%{opacity:.7}50%{opacity:.95}to{opacity:.7}}@keyframes an-bird-fly{0%{transform:translate(-10vw)}to{transform:translate(110vw)}}@keyframes an-rain-fall{0%{background-position:0 0}to{background-position:10px 100vh}}@keyframes an-splash-effect{0%{transform:scale(0);opacity:.8}50%{opacity:.5}to{transform:scale(2.5);opacity:0}}html.minh-route,html.minh-route body,html.minh-route #root{margin:0;padding:0;width:100%;height:100%;min-height:100%;overflow:hidden;background:#050505}.minh-page{--text-color: #eae0c8;--text-bright: #ffffff;--shelf-gold: #ffd700;--shelf-silver: #e0e0e0;--transition-speed: 3.5s;position:fixed;inset:0;width:100vw;min-width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;background-color:#050505;font-family:Playfair Display,serif;user-select:none;-webkit-user-select:none;transition:background-color var(--transition-speed) ease}.minh-wall-bg{position:absolute;top:0;left:0;right:0;width:100vw;min-width:100vw;height:100%;z-index:1;transition:background var(--transition-speed) ease}.minh-page.theme-morning,.minh-page.theme-morning .minh-wall-bg{background:radial-gradient(circle at 50% 40%,#2c2c2c,#1a1510)}.minh-page.theme-noon,.minh-page.theme-noon .minh-wall-bg{background:radial-gradient(circle at 50% 30%,#3d3d3d,#000)}.minh-page.theme-night,.minh-page.theme-night .minh-wall-bg{background:radial-gradient(circle at 50% 50%,#222,#050505)}.minh-ambient-overlay{position:absolute;top:0;left:0;right:0;width:100vw;height:100%;pointer-events:none;z-index:5;transition:background-color var(--transition-speed) ease;mix-blend-mode:overlay}.minh-page.theme-morning .minh-ambient-overlay{background-color:#ffc8640d}.minh-page.theme-noon .minh-ambient-overlay{background-color:#c8c8ff0d}.minh-page.theme-night .minh-ambient-overlay{background-color:#0006}.minh-desk-container{position:absolute;bottom:0;left:0;right:0;width:100vw;z-index:8;pointer-events:none;display:flex;justify-content:center;align-items:flex-end}.minh-desk-img{width:auto;max-width:100%;height:auto;max-height:50vh;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 -5px 20px rgba(0,0,0,.8));transition:all .5s ease}.minh-desk-img.portrait{display:block}.minh-desk-img.landscape{display:none}.minh-room-container{position:relative;width:100vw;height:100%;z-index:3;display:flex;justify-content:center;align-items:flex-end;padding-top:0;padding-bottom:clamp(18vh,26vh,32vh);transition:all .5s ease}.minh-shelf-wrapper{position:relative;width:min(90vw,42vh,450px);aspect-ratio:1 / 1;transition:all .5s ease}.minh-shelf-svg{width:100%;height:100%;filter:drop-shadow(0 5px 15px rgba(0,0,0,1));opacity:1}.minh-gold-stroke{fill:none;stroke:url(#minh-gold-gradient);stroke-width:14;stroke-linecap:round;stroke-linejoin:round}.minh-shelf-gradient stop{transition:stop-color var(--transition-speed) ease}.minh-rim-outer{stroke-width:16}.minh-rim-inner{stroke-width:8;opacity:.8}.minh-shelf-backlight{position:absolute;top:5%;left:5%;width:90%;height:90%;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.08) 0%,transparent 65%);filter:blur(40px);z-index:-1;pointer-events:none;transition:opacity 1s ease}.minh-icon-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.minh-icon-item{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;transition:all .4s cubic-bezier(.25,.46,.45,.94);-webkit-tap-highlight-color:transparent;width:auto;height:auto;transform:translate(-50%,-50%)}button.minh-icon-item{border:none;background:transparent;padding:0;font:inherit;color:inherit}.minh-icon-item.minh-icon-nav{cursor:pointer}.minh-icon-item[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);padding:4px 10px;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.55);color:#111;font-family:"Source Sans 3",system-ui,sans-serif;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:40;box-shadow:0 2px 8px #0000002e}.minh-icon-item[data-tip]:hover:after,.minh-icon-item[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.minh-icon-item.pos-1{top:18%;left:50%}.minh-icon-item.pos-2{top:48%;left:82%}.minh-icon-item.pos-3{top:75%;left:50%}.minh-icon-item.pos-4{top:48%;left:18%}.minh-icon-emoji{font-size:2.2rem;transition:all .4s ease;filter:drop-shadow(0 5px 5px rgba(0,0,0,.8))}.minh-page.theme-morning .minh-icon-emoji{filter:sepia(100%) hue-rotate(5deg) saturate(250%) brightness(.9) drop-shadow(0 3px 5px rgba(0,0,0,.8))}.minh-page.theme-noon .minh-icon-emoji{filter:grayscale(100%) contrast(1.3) brightness(1.1) drop-shadow(0 0 10px rgba(255,255,255,.3))}.minh-page.theme-night .minh-icon-emoji{filter:contrast(1.3) brightness(.9) saturate(1.2) hue-rotate(190deg) drop-shadow(0 0 15px rgba(50,50,150,.6))}.minh-icon-item:hover .minh-icon-emoji{filter:grayscale(0%) brightness(1.2) drop-shadow(0 0 20px rgba(255,215,0,.8))!important;transform:scale(1.15) translateY(-5px)}.minh-icon-item.pos-1 .minh-icon-emoji{transform:rotate(180deg)}.minh-icon-item.pos-1:hover .minh-icon-emoji{transform:rotate(180deg) scale(1.15) translateY(5px)!important}.minh-icon-shelf{width:50px;height:3px;border-radius:50%;margin:4px 0 6px;transition:all .4s ease;opacity:.9}.minh-page:not(.theme-noon) .minh-icon-shelf{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--shelf-gold) 50%,rgba(255,255,255,0) 100%);box-shadow:0 1px 8px #ffd70066}.minh-page.theme-noon .minh-icon-shelf{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--shelf-silver) 50%,rgba(255,255,255,0) 100%);box-shadow:0 1px 8px #ffffff80}.minh-icon-item:hover .minh-icon-shelf{width:70px;opacity:1}.minh-page.theme-noon .minh-icon-item:hover .minh-icon-shelf{box-shadow:0 0 15px #ffffffe6}.minh-page:not(.theme-noon) .minh-icon-item:hover .minh-icon-shelf{box-shadow:0 0 15px #ffd700e6}.minh-audio-controls{position:fixed;bottom:20px;right:20px;z-index:20;background:#0009;padding:10px 15px;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:5px;opacity:0;transition:opacity .5s ease;border:1px solid #d4af37;backdrop-filter:blur(5px);pointer-events:none}.minh-audio-controls.visible{opacity:1;pointer-events:auto}.minh-controls-row{display:flex;align-items:center;gap:10px}.minh-audio-controls input[type=range]{width:80px;accent-color:#d4af37;cursor:pointer}.minh-volume-icon{color:#fff;font-size:14px}.minh-credit-text{font-size:9px;color:#fff9;font-family:sans-serif;text-align:center;white-space:nowrap}.minh-back-link{position:fixed;top:24px;left:24px;z-index:60;display:grid;place-items:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#14121873;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fef3c7;opacity:.92;cursor:pointer;transition:opacity .2s ease,color .2s ease,transform .2s ease,background .2s ease}.minh-back-link:after{content:"Về trang chủ";position:absolute;top:calc(100% + 6px);left:0;padding:4px 10px;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.55);color:#111;font-family:"Source Sans 3",system-ui,sans-serif;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;box-shadow:0 2px 8px #0000002e}.minh-back-link:hover:after,.minh-back-link:focus-visible:after{opacity:1;transform:translateY(0)}.minh-back-link:hover{opacity:1;color:#fff8e7;background:#1412189e;transform:scale(1.05)}.minh-back-link svg{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}@media(min-width:768px)and (orientation:portrait){.minh-shelf-wrapper{width:min(70vw,38vh,500px)}.minh-desk-img{max-height:45vh}.minh-icon-emoji{font-size:3rem}.minh-icon-shelf{width:60px;height:3.5px}}@media(orientation:landscape){.minh-room-container{padding-top:0;padding-bottom:clamp(14vh,22vh,28vh)}.minh-shelf-wrapper{width:min(35vw,65vh,450px)}.minh-desk-img.portrait{display:none}.minh-desk-img.landscape{display:block;max-height:40vh}.minh-icon-emoji{font-size:2.5rem}}@media(orientation:landscape)and (min-width:1024px){.minh-icon-emoji{font-size:3.5rem}.minh-icon-shelf{width:70px;height:4px}}.tiviba-home-logo-link{position:relative;display:inline-flex;line-height:0;text-decoration:none;transition:transform .2s ease,opacity .2s ease}.tiviba-home-logo-link:hover,.tiviba-home-logo-link:focus-visible{opacity:.9;transform:scale(1.04)}.tiviba-home-logo-img{width:44px;height:44px;object-fit:contain}.tiviba-home-logo-link .tiviba-home-logo-hint{position:absolute;top:calc(100% + 6px);right:0;margin:0;padding:6px 12px;border-radius:8px;background:#0b1226eb;color:#e6d0ac;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.72rem;font-weight:600;line-height:1.35;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;box-shadow:0 4px 12px #00000040;z-index:40;box-sizing:border-box}.tiviba-home-logo-link:hover .tiviba-home-logo-hint,.tiviba-home-logo-link:focus-visible .tiviba-home-logo-hint{opacity:1;transform:translateY(0)}.feature-short-hint-overlay{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.feature-short-hint-modal{position:relative;width:min(92vw,380px);padding:22px 20px 28px;border-radius:18px;background:#fffffff7;box-shadow:0 14px 44px #00000047;text-align:center}.feature-short-hint-lead{margin:0;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-size:clamp(.95rem,3.4vw,1.05rem);font-weight:600;font-style:normal;line-height:1.5;color:#1f2937}.feature-short-hint-use{margin:0 0 14px;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-size:clamp(.95rem,3.4vw,1.05rem);font-weight:600;font-style:normal;line-height:1.5;color:#1f2937}.feature-short-hint-en{margin:0;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-size:clamp(1rem,3.6vw,1.12rem);font-weight:700;font-style:normal;line-height:1.4;color:#111827}.feature-short-hint-or-word{margin:8px 0;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-size:clamp(.92rem,3.3vw,1rem);font-weight:400;line-height:1.45;color:#374151}.feature-short-hint-en--alt{font-weight:400;font-style:italic}.feature-short-hint-or{margin:10px 0 0;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-size:clamp(.92rem,3.3vw,1rem);font-weight:400;font-style:normal;line-height:1.45;color:#374151}.feature-short-hint-or span{font-weight:400;font-style:italic}.feature-short-hint-tick{position:absolute;right:10px;bottom:8px;z-index:2;width:28px;height:28px;display:grid;place-items:center;padding:0;border:none;border-radius:50%;background:transparent;color:#22c55e;cursor:pointer;line-height:0}.feature-short-hint-tick svg{width:18px;height:18px;display:block}.feature-short-hint-tick:hover,.feature-short-hint-tick:focus-visible{color:#16a34a;outline:none}html.tvbuoc-route,html.tvbuoc-route body,html.tvbuoc-route #root{margin:0!important;height:100%!important;overflow:hidden!important;background:#37474f!important;transform:none!important;filter:none!important;perspective:none!important}.tvbuoc-shell{--tvbuoc-bg: #37474f;--tvbuoc-text: #111111;--tvbuoc-accent: #8c4b2d;--tvbuoc-light-accent: #e8dccd;--tvbuoc-card-bg: #ffffff;--tvbuoc-shadow: 0 10px 30px rgba(0, 0, 0, .22);--tvbuoc-font-readable: "Palatino Linotype", "Book Antiqua", Palatino, serif;--tvbuoc-font-flowy: "Great Vibes", cursive;--tvbuoc-color-inhale: #2980b9;--tvbuoc-color-hold: #d35400;--tvbuoc-color-exhale: #27ae60;--tvbuoc-color-work: #104e8b;--tvbuoc-color-break: #228b22;--tvbuoc-font-solar: Arial, Helvetica, sans-serif;--tvbuoc-font-lunar: "Times New Roman", Times, serif;--tvbuoc-chrome-top: max(12px, env(safe-area-inset-top, 0px));position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-height:100dvh;overflow:hidden;background:#37474f;z-index:1}html.tvbuoc-route .tvbuoc-back-link,.tvbuoc-back-link{position:fixed!important;top:max(12px,env(safe-area-inset-top,0px))!important;left:max(12px,env(safe-area-inset-left,0px))!important;right:auto!important;bottom:auto!important;z-index:100!important;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:0;background:transparent;box-shadow:none;color:#fff;cursor:pointer;padding:0;margin:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.tvbuoc-back-link svg{width:26px;height:26px}html.tvbuoc-route .tvbuoc-home-logo,.tvbuoc-home-logo.tiviba-home-logo-link,.tvbuoc-home-logo{position:fixed!important;top:max(10px,env(safe-area-inset-top,0px))!important;right:max(12px,env(safe-area-inset-right,0px))!important;left:auto!important;bottom:auto!important;z-index:100!important;line-height:0;background:transparent!important;border-radius:0!important;box-shadow:none!important;transform:none!important}.tvbuoc-home-logo:hover,.tvbuoc-home-logo:focus-visible{opacity:.92;transform:none!important}.tvbuoc-home-logo .tiviba-home-logo-hint{display:block;top:calc(100% + 6px);right:0;left:auto;z-index:120}.tvbuoc-home-logo-img{width:40px!important;height:40px!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}.tvbuoc-scroll{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.tvbuoc-scroll::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent}.tvbuoc-page{font-family:Playfair Display,serif;background-color:var(--tvbuoc-bg);color:var(--tvbuoc-text);margin:0;padding:12px 16px 24px;padding-top:calc(var(--tvbuoc-chrome-top) + 48px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100%;box-sizing:border-box;width:100%;max-width:100%;overflow:visible;position:relative}.tvbuoc-page *,.tvbuoc-page *:before,.tvbuoc-page *:after{box-sizing:border-box}.tvbuoc-lining-nums{font-variant-numeric:lining-nums}.tvbuoc-header{display:flex;justify-content:center;align-items:center;gap:40px;margin:0 0 16px;width:100%;max-width:1100px;flex-shrink:0}.tvbuoc-header-left h1{margin:0;color:#fff;font-family:var(--tvbuoc-font-flowy);font-weight:400;font-size:4.5rem;line-height:1;text-align:right;text-shadow:0 2px 8px rgba(0,0,0,.25)}.tvbuoc-header-right{border-left:2px solid rgba(255,255,255,.35);padding-left:40px;display:flex;align-items:center}.tvbuoc-slogan{font-family:var(--tvbuoc-font-readable);font-size:1.3rem;color:#eceff1;font-style:italic;text-align:left;margin:0}.tvbuoc-dashboard{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;width:100%;max-width:1200px;align-items:stretch;flex:1 1 auto;min-height:0}html.tvbuoc-route .tvbuoc-card,.tvbuoc-page .tvbuoc-card{background:#fff!important;background-color:#fff!important;background-image:none!important;padding:25px;border-radius:20px;box-shadow:var(--tvbuoc-shadow);border:1px solid #e0e0e0;display:flex;flex-direction:column;justify-content:flex-start!important;align-items:center;align-content:flex-start;gap:14px;min-height:0;height:100%;max-height:none;transition:transform .3s ease;width:100%;max-width:100%;overflow:visible;color:#111!important;box-sizing:border-box}.tvbuoc-phap-cu-box{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-grow:0;width:100%;text-align:center;padding-top:0}.tvbuoc-phap-cu-header{color:#111;margin-bottom:16px;border-bottom:2px solid #e0e0e0;padding-bottom:10px;width:95%;display:flex;justify-content:center;align-items:baseline;gap:8px;flex-wrap:wrap}.tvbuoc-kpc-title{font-family:Oswald,sans-serif;font-weight:400;font-size:1.5rem;text-transform:uppercase;letter-spacing:1px;color:#111}.tvbuoc-kpc-number{font-family:var(--tvbuoc-font-readable);font-size:1.1rem;color:#333}.tvbuoc-phap-cu-content{font-size:1.3rem;line-height:2.2;color:#111;font-weight:700;white-space:pre-line}.tvbuoc-info-footer{width:100%;margin-top:0;text-align:center;padding-top:0}.tvbuoc-verse-rule{width:95%;border:none;border-top:2px solid #e0e0e0;margin:4px 0 2px}.tvbuoc-verse-wrap{width:100%;text-align:center;overflow:hidden;max-height:80rem;opacity:1;transition:max-height .35s ease,opacity .25s ease,margin .25s ease}.tvbuoc-verse-wrap.is-collapsed{max-height:0;opacity:0;margin:0;pointer-events:none}.tvbuoc-verse-wrap .tvbuoc-kpc-number{font-family:var(--tvbuoc-font-readable);font-size:1.15rem;font-weight:700;color:#333;margin-bottom:8px}.tvbuoc-verse-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:28px;margin-top:2px;padding:0;border:none;background:transparent;color:#8c4b2d;font-size:.95rem;line-height:1;cursor:pointer;opacity:.7}.tvbuoc-verse-toggle:hover,.tvbuoc-verse-toggle:focus-visible{opacity:1}.tvbuoc-clock-big{font-size:2.5rem;font-weight:700;color:#8c4b2d;margin-bottom:5px;font-family:Oswald,sans-serif}.tvbuoc-date-text{font-size:1.1rem;color:#8c4b2d;margin-bottom:10px;font-weight:700;font-family:var(--tvbuoc-font-readable)}.tvbuoc-lunar-box{background-color:#f5f5f5;padding:12px 18px;border-radius:10px;display:inline-block;border:1px solid #e0e0e0;font-family:var(--tvbuoc-font-readable);max-width:100%}.tvbuoc-lunar-main{color:#111;font-weight:700;font-size:1.2rem;display:block;margin-bottom:4px;white-space:nowrap}.tvbuoc-lunar-sub{display:flex;flex-direction:column;align-items:center;gap:2px;font-style:italic;font-size:.95rem;color:#333;white-space:normal}.tvbuoc-lunar-sub-line{display:block}.tvbuoc-lunar-sub-line+.tvbuoc-lunar-sub-line:before{content:none}.tvbuoc-badge-container{width:100%;height:40px;margin-bottom:5px;display:flex;justify-content:center;align-items:center}.tvbuoc-status-badge{padding:8px 25px;border-radius:20px;font-size:.9rem;font-weight:700;background:var(--tvbuoc-light-accent);color:var(--tvbuoc-accent);letter-spacing:1px;font-family:var(--tvbuoc-font-readable);max-width:280px;width:auto;display:flex;justify-content:center;align-items:center;overflow:hidden;white-space:nowrap}.tvbuoc-marquee-text{display:inline-block;padding-left:100%;animation:tvbuoc-marquee 25s linear infinite;white-space:nowrap}@keyframes tvbuoc-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.tvbuoc-timer-display{font-size:6rem;font-weight:500;color:#111;font-variant-numeric:tabular-nums;margin:0 0 10px;font-family:Oswald,sans-serif;line-height:1}.tvbuoc-timer-work{color:var(--tvbuoc-color-work)}.tvbuoc-timer-break{color:var(--tvbuoc-color-break)}.tvbuoc-settings-group{display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap;justify-content:center}.tvbuoc-input-wrapper{font-family:var(--tvbuoc-font-readable);font-weight:700;color:#111}.tvbuoc-time-input{width:60px;padding:8px;border:2px solid #eee;border-radius:10px;text-align:center;font-size:1.2rem;font-weight:700;outline:none;font-family:Oswald,sans-serif}.tvbuoc-time-input-work{color:var(--tvbuoc-color-work);border-color:#e3effd}.tvbuoc-time-input-break{color:var(--tvbuoc-color-break);border-color:#eafaf1}.tvbuoc-main-controls{display:flex;gap:10px;margin-bottom:15px;justify-content:center}.tvbuoc-btn-small{border:1px solid var(--tvbuoc-accent);background:transparent;color:var(--tvbuoc-accent);padding:6px 20px;border-radius:20px;font-family:var(--tvbuoc-font-readable);font-weight:700;cursor:pointer;transition:.2s;font-size:.9rem;outline:none}.tvbuoc-btn-small:hover{background:var(--tvbuoc-light-accent);transform:translateY(-1px)}.tvbuoc-footprints-area{display:none;min-height:0;height:auto;width:100%;margin-bottom:0;background-color:#f5f5f5;border:2px dashed #cfd8dc;border-radius:15px;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;padding:12px;gap:0}.tvbuoc-footprints-area.is-active{display:flex;min-height:56px;margin-bottom:10px}.tvbuoc-heart-pair{display:inline-flex}.tvbuoc-heart-svg{width:12px;height:24px;opacity:.9;animation:tvbuoc-popIn .4s ease;display:block}.tvbuoc-h-right-svg{margin-right:15px}.tvbuoc-heart-path{transition:fill .3s}.tvbuoc-h-left-fill{fill:var(--tvbuoc-color-work)}.tvbuoc-h-right-fill{fill:var(--tvbuoc-color-break)}@keyframes tvbuoc-popIn{0%{transform:scale(0)}to{transform:scale(1)}}.tvbuoc-meditation-note{width:100%;padding-top:10px;margin-top:0;font-family:var(--tvbuoc-font-readable);font-size:1.05rem;color:#111;font-weight:500;line-height:1.6;text-align:center}.tvbuoc-meditation-note p{margin:4px 0}.tvbuoc-breath-wrapper{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;gap:6px}.tvbuoc-breath-logo,.tvbuoc-heart-img{width:88px;height:88px;object-fit:contain;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));margin:0;display:block}.tvbuoc-breath-label{margin-top:0;margin-bottom:0;font-family:var(--tvbuoc-font-flowy);font-size:1.8rem;color:#111}.tvbuoc-mode-select{padding:8px 12px;border-radius:15px;border:1px solid #ddd;font-family:var(--tvbuoc-font-readable);font-size:.95rem;width:80%;text-align:center;background:#fff;color:#111}.tvbuoc-btn-breath{margin-top:8px;border:1px solid var(--tvbuoc-accent);background:transparent;color:var(--tvbuoc-accent);padding:6px 25px;border-radius:20px;font-family:var(--tvbuoc-font-readable);font-weight:700;cursor:pointer;font-size:.95rem}.tvbuoc-btn-breath.active{background:var(--tvbuoc-accent);color:#fff}.tvbuoc-sound-controls-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:4px}.tvbuoc-btn-sound{background-color:#f5f5f5;color:#333;border:1px solid #ddd;padding:10px;border-radius:8px;cursor:pointer;font-size:.85rem;font-family:var(--tvbuoc-font-readable);font-weight:700}.tvbuoc-btn-sound:hover{background-color:#e0e0e0}.tvbuoc-btn-sound.active{background:var(--tvbuoc-light-accent);border-color:var(--tvbuoc-accent);color:var(--tvbuoc-accent)}.tvbuoc-sound-select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #ddd;font-family:var(--tvbuoc-font-readable);font-size:.95rem;text-align:center;background:#fff;color:#111;margin-bottom:4px;cursor:pointer}.tvbuoc-sound-list-container{display:none}.tvbuoc-radio-item{display:flex;align-items:center;margin-bottom:8px;cursor:pointer;font-family:var(--tvbuoc-font-readable);gap:8px;color:#111!important}.tvbuoc-loop-option{width:100%;display:flex;align-items:center;justify-content:center;font-size:.9rem;margin-bottom:4px;font-family:var(--tvbuoc-font-readable);color:#111}.tvbuoc-nature-audio{width:100%;margin-bottom:6px;border-radius:30px;outline:none;box-shadow:0 4px 10px #0000000d}.tvbuoc-btn-tool-group{display:flex;gap:8px;justify-content:center;align-items:center;margin:8px 0 0;flex-wrap:nowrap;width:100%}.tvbuoc-btn-tool{box-sizing:border-box;flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;width:0;min-width:0;height:36px;padding:0;background:transparent;border:1px solid var(--tvbuoc-accent);color:var(--tvbuoc-accent);border-radius:20px;cursor:pointer;font-family:var(--tvbuoc-font-readable);font-weight:700;font-size:1.1rem;line-height:1;text-decoration:none;transition:.2s}.tvbuoc-btn-tool:hover{background:var(--tvbuoc-light-accent)}.tvbuoc-btn-tool-music{font-size:1.2rem;line-height:1;filter:sepia(1) saturate(6.5) hue-rotate(6deg) brightness(1.42) contrast(1.12)}.tvbuoc-modal{position:fixed;z-index:1000;inset:0;overflow:auto;background-color:#0006;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:16px}.tvbuoc-modal-content{box-sizing:border-box;background-color:#fff;margin:auto;padding:25px;border-radius:20px;width:90%;max-width:min(500px,100%);box-shadow:0 15px 40px #0003;animation:tvbuoc-slideDown .3s ease;position:relative;overflow-x:hidden}.tvbuoc-modal-content--calc{max-width:320px}@keyframes tvbuoc-slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.tvbuoc-close-modal{position:absolute;top:10px;right:16px;color:#aaa;font-size:28px;font-weight:700;cursor:pointer;border:none;background:none;line-height:1;padding:0}.tvbuoc-close-modal:hover{color:var(--tvbuoc-accent)}.tvbuoc-cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-family:var(--tvbuoc-font-readable);font-weight:700;color:var(--tvbuoc-accent);font-size:1.1rem}.tvbuoc-cal-nav{border:none;background:none;font-size:1.2rem;cursor:pointer;color:var(--tvbuoc-accent)}.tvbuoc-cal-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;max-width:100%;box-sizing:border-box;text-align:center;font-size:.9rem;color:#888;margin-bottom:5px;font-family:Arial,sans-serif;font-weight:700}.tvbuoc-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:100%;max-width:100%;box-sizing:border-box}.tvbuoc-cal-cell{box-sizing:border-box;min-width:0;width:100%;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;border:1px solid #f0f0f0;cursor:default;transition:.2s;position:relative;background:none;padding:0;font:inherit;overflow:hidden}.tvbuoc-cal-cell:not(.tvbuoc-cal-empty):hover{background:var(--tvbuoc-light-accent);cursor:pointer}.tvbuoc-cal-empty{border:none;pointer-events:none}.tvbuoc-cal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:stretch;margin-top:14px;width:100%;position:relative}.tvbuoc-cal-action{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid #8c4b2d;border-radius:20px;background:transparent;color:#8c4b2d;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-size:.88rem;font-weight:600;cursor:pointer;transition:.2s}.tvbuoc-cal-action:hover{background:#e8dccd}.tvbuoc-cal-action--pick{position:relative;flex:1 1 180px;overflow:hidden}.tvbuoc-cal-action-label{position:relative;z-index:0;pointer-events:none}.tvbuoc-cal-action--today{flex:0 0 auto;min-width:96px}.tvbuoc-cal-date-input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;opacity:.011;cursor:pointer;font-size:16px;-webkit-appearance:none;appearance:none;background:transparent;color:transparent}.tvbuoc-c-selected{outline:2px solid var(--tvbuoc-accent);outline-offset:-2px;background:var(--tvbuoc-light-accent)}.tvbuoc-c-solar{font-size:clamp(.85rem,3.6vw,1.2rem);font-weight:700;color:#333;font-family:Arial,sans-serif;line-height:1;max-width:100%}.tvbuoc-c-lunar{font-size:.8rem;color:#8c4b2d;font-family:Times New Roman,serif;margin-top:2px;font-variant-numeric:lining-nums}.tvbuoc-c-today{background:#ffe0b2;border:2px solid var(--tvbuoc-accent)}.tvbuoc-detail-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;max-width:90vw;background:#fff;padding:20px;border-radius:15px;box-shadow:0 10px 30px #0003;z-index:10;text-align:center;border:1px solid #eee;animation:tvbuoc-popIn .2s ease}.tvbuoc-detail-close{position:absolute;top:5px;right:10px;font-size:20px;cursor:pointer;color:#aaa;border:none;background:none}.tvbuoc-d-solar{font-family:Arial,sans-serif;font-size:1.8rem;font-weight:700;color:var(--tvbuoc-text);margin-bottom:5px;white-space:nowrap}.tvbuoc-d-lunar{font-family:Times New Roman,serif;font-size:1.4rem;font-weight:700;color:var(--tvbuoc-accent);margin-bottom:5px;font-variant-numeric:lining-nums;white-space:nowrap}.tvbuoc-d-canchi{display:flex;flex-direction:column;align-items:center;gap:2px;white-space:normal;font-family:var(--tvbuoc-font-readable);font-size:.95rem;font-style:italic;color:#666;margin-top:10px;line-height:1.4;text-align:center}.tvbuoc-d-canchi-line{display:block}.tvbuoc-calc-display{width:100%;height:70px;background:#faf8f5;border:1px solid #ddd;border-radius:10px;margin-bottom:15px;font-family:Oswald,sans-serif;font-size:3rem;text-align:right;padding:0 15px;display:flex;align-items:center;justify-content:flex-end;color:#333;overflow-x:auto}.tvbuoc-calc-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"clr div mul sub" "n7 n8 n9 add" "n4 n5 n6 add" "n1 n2 n3 eq" "n0 n0 dot eq";gap:10px}.tvbuoc-btn-calc{padding:15px 0;border-radius:10px;border:none;font-family:var(--tvbuoc-font-readable);font-size:1.1rem;font-weight:700;cursor:pointer;background:#f0f0f0;color:#555;transition:.2s}.tvbuoc-btn-calc:hover{background:#e0e0e0}.tvbuoc-btn-calc:active{transform:scale(.95)}.tvbuoc-btn-calc.op{background:var(--tvbuoc-light-accent);color:var(--tvbuoc-accent)}.tvbuoc-btn-calc.eq{background:#e8e8e8;color:#111;font-size:1.45rem;font-weight:800;line-height:1}.tvbuoc-btn-calc.clr{background:#e74c3c;color:#fff}@media(max-width:900px){.tvbuoc-page{padding:10px 12px 14px;padding-top:calc(var(--tvbuoc-chrome-top, 12px) + 48px);overflow-x:hidden;overflow-y:visible;height:auto;max-height:none}.tvbuoc-dashboard{grid-template-columns:1fr;gap:12px}html.tvbuoc-route .tvbuoc-card,.tvbuoc-page .tvbuoc-card{min-height:0;height:auto;padding:14px;gap:10px}.tvbuoc-header{flex-direction:column;gap:6px;margin:0 0 10px;text-align:center}.tvbuoc-header-left h1{font-size:2.2rem;text-align:center}.tvbuoc-header-right{border-left:none;border-top:2px solid rgba(255,255,255,.35);padding-left:0;padding-top:8px}.tvbuoc-slogan{font-size:.95rem;text-align:center}.tvbuoc-timer-display{font-size:clamp(2.4rem,12vw,3.8rem);margin-bottom:4px}.tvbuoc-phap-cu-content{font-size:1.05rem;line-height:1.75}.tvbuoc-lunar-sub{display:flex;flex-direction:column;align-items:center;gap:2px}.tvbuoc-lunar-sub-line{display:block}.tvbuoc-lunar-sub-line+.tvbuoc-lunar-sub-line:before{content:none}.tvbuoc-breath-wrapper{height:auto;min-height:0;gap:6px}.tvbuoc-breath-logo,.tvbuoc-heart-img{width:72px;height:72px}.tvbuoc-breath-label{font-size:1.45rem}.tvbuoc-nature-audio{margin-bottom:8px}.tvbuoc-meditation-note{font-size:.95rem;line-height:1.45}.tvbuoc-footprints-area.is-active{min-height:56px}.tvbuoc-d-canchi{white-space:normal}.tvbuoc-c-solar{font-size:1rem}.tvbuoc-c-lunar{font-size:.7rem}}@media(max-width:480px){.tvbuoc-modal{padding:10px;align-items:flex-start}.tvbuoc-modal-content{width:100%;max-width:100%;padding:14px 12px 16px;margin-top:8vh}.tvbuoc-cal-grid{gap:3px}.tvbuoc-cal-weekdays{font-size:.78rem}.tvbuoc-c-solar{font-size:.95rem}.tvbuoc-c-lunar{font-size:.65rem}.tvbuoc-cal-action{font-size:.82rem;padding:8px 10px}.tvbuoc-header-left h1{font-size:2.1rem}.tvbuoc-clock-big{font-size:2rem}.tvbuoc-settings-group{gap:12px}.tvbuoc-kpc-title{font-size:1.2rem}.tvbuoc-calc-display{font-size:2.2rem;height:56px}.tvbuoc-lunar-main,.tvbuoc-d-lunar{font-size:1.15rem}.tvbuoc-d-solar{font-size:1.35rem}}html.yen-route,html.yen-route body,html.yen-route #root{margin:0;padding:0;width:100%;height:100%;min-height:100%;overflow:hidden;background:#e0f2f1}.yen-page{--bob-dist: -6px;--neon-duration: 4s;--ambient-ripple-opacity: .55;position:fixed;inset:0;width:100vw;min-width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background 4s ease;font-family:"Source Sans 3",sans-serif}.yen-page.lake-gradient{background:linear-gradient(to bottom,#e6f3f7,#d7eef5 30%,#bfe6f2 55%,#81d4fa)}.yen-page.lake-night{--bob-dist: -4px;--neon-duration: 8s;--ambient-ripple-opacity: .25;background:linear-gradient(to bottom,#0f2a35,#0c3a4a 35%,#083247 60%,#041f2e)}.yen-page.lake-rain{--bob-dist: -18px;--neon-duration: 5s;--ambient-ripple-opacity: .4;background:linear-gradient(to bottom,#9ebfd0,#6f9eb2 28%,#4a8298 55%,#2d647c)}.yen-rain-layer{position:absolute;inset:0;z-index:12;pointer-events:none;overflow:hidden}.yen-raindrop{position:absolute;top:-60px;border-radius:999px;background:linear-gradient(to bottom,#fff0,#ebf5fff2 45%,#c8e1f5bf);animation-name:yen-rain-fall;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform;box-shadow:0 0 1px #ffffff59}@keyframes yen-rain-fall{0%{transform:translateZ(0)}to{transform:translate3d(0,120vh,0)}}.yen-back-link{position:fixed;top:24px;left:24px;z-index:60;display:grid;place-items:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#14121873;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fef3c7;opacity:.92;cursor:pointer;transition:opacity .2s ease,color .2s ease,transform .2s ease,background .2s ease}.yen-back-link:after{content:"Về trang chủ";position:absolute;top:calc(100% + 6px);left:0;padding:4px 10px;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.55);color:#111;font-family:"Source Sans 3",system-ui,sans-serif;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;box-shadow:0 2px 8px #0000002e}.yen-back-link:hover:after,.yen-back-link:focus-visible:after{opacity:1;transform:translateY(0)}.yen-back-link:hover{opacity:1;color:#fff8e7;background:#1412189e;transform:scale(1.05)}.yen-back-link svg{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.yen-audio-controls{position:fixed;top:24px;right:24px;z-index:50;display:flex;align-items:center;gap:12px;padding:8px;border-radius:9999px;background:#0000001a;backdrop-filter:blur(4px);opacity:0;transform:translate(16px);pointer-events:none;transition:opacity .5s ease,transform .5s ease,background .2s ease}.yen-audio-controls.visible{opacity:1;transform:translate(0);pointer-events:auto}.yen-audio-controls:hover{background:#0003}.yen-audio-controls input[type=range]{-webkit-appearance:none;appearance:none;width:80px;background:transparent}.yen-audio-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 2px #0003;margin-top:-5px}.yen-audio-controls input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:#ffffff80;border-radius:1px}.yen-mute-btn{border:none;background:none;font-size:1.25rem;line-height:1;opacity:.8;cursor:pointer;padding:0}.yen-mute-btn:hover{opacity:1}.yen-fog-layer{position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,#ffffffd9,#fff6 45%,#fff0);pointer-events:none;transition:opacity 3s ease;z-index:0}.yen-page.lake-night .yen-fog-layer{opacity:.35}.yen-page.lake-rain .yen-fog-layer{opacity:.55;background:linear-gradient(to bottom,#82a0b4cc,#6e91a566 45%,#5a829600)}.yen-noise-overlay{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");opacity:.4;pointer-events:none;transition:opacity 3s ease;z-index:10}.yen-page.lake-night .yen-noise-overlay{opacity:.55}@keyframes yen-ripple-ambient{0%{transform:scale(.2);opacity:0;border-width:1px}10%{opacity:var(--ambient-ripple-opacity)}to{transform:scale(3);opacity:0;border-width:0}}.yen-ripple-ambient{position:absolute;width:120px;height:22px;border:1.5px solid rgba(255,255,255,.85);border-radius:50%;animation:yen-ripple-ambient 6s linear forwards;pointer-events:none;mix-blend-mode:overlay;z-index:6;filter:blur(.3px);transition:border-color 3s ease}.yen-page.lake-night .yen-ripple-ambient{border-color:#c8e6ff26}@keyframes yen-ripple-user{0%{transform:translate(-50%,-50%) scale(.2);opacity:var(--user-opacity, .85);border-width:2px}to{transform:translate(-50%,-50%) scale(2.5);opacity:0;border-width:0}}.yen-ripple-user{position:absolute;border:1.5px solid rgba(255,255,255,.9);border-radius:50%;animation:yen-ripple-user 1s ease-out forwards;pointer-events:none;z-index:10;filter:blur(.2px)}.yen-page.lake-night .yen-ripple-user{border-color:#c8e6ff80}@keyframes yen-boat-ripple{0%{transform:translate(-50%) scaleY(.4) scale(.8);opacity:.8;border-width:2px}to{transform:translate(-50%) scaleY(.4) scale(3.5);opacity:0;border-width:0}}.yen-ripple-boat-click{animation:yen-boat-ripple 1.2s ease-out forwards;border-color:#fffffff2!important}.yen-boat-base-ripple{position:absolute;bottom:10%;left:50%;transform:translate(-50%) scaleY(.3);width:80%;height:40px;border:1px solid rgba(255,255,255,.4);border-radius:50%;opacity:.3;pointer-events:none}@keyframes yen-boat-gentle{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(5px,var(--bob-dist)) rotate(.4deg)}}@keyframes yen-boat-sway{0%{transform:translate(-32px) rotate(-7deg)}25%{transform:translateY(var(--bob-dist)) rotate(2deg)}50%{transform:translate(32px,calc(var(--bob-dist) * .35)) rotate(7deg)}75%{transform:translateY(var(--bob-dist)) rotate(-2deg)}to{transform:translate(-32px) rotate(-7deg)}}@keyframes yen-sail-away{0%{transform:translateY(0) scale(1);opacity:1;filter:blur(0)}to{transform:translateY(-100px) scale(.15);opacity:0;filter:blur(2px)}}.yen-boat-vertical-bob{animation:yen-boat-gentle 8s ease-in-out infinite}.yen-page.lake-rain .yen-boat-vertical-bob{animation:yen-boat-sway 4.2s ease-in-out infinite}.yen-boat-launch{animation:yen-sail-away 1.5s ease-in-out forwards!important}@keyframes yen-star-twinkle{0%,to{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 8px #ffd700cc}}.yen-magic-star{position:absolute;width:3px;height:3px;background-color:gold;border-radius:50%;pointer-events:none}.yen-star-1{top:-5px;left:45%;animation:yen-star-twinkle 3s infinite ease-in-out}.yen-star-2{top:20%;right:-10px;animation:yen-star-twinkle 4s infinite ease-in-out 1s}.yen-star-3{bottom:5px;right:0;animation:yen-star-twinkle 3.5s infinite ease-in-out .5s}.yen-star-4{bottom:10%;left:-8px;animation:yen-star-twinkle 4.5s infinite ease-in-out 2s}.yen-star-5{top:15%;left:-5px;animation:yen-star-twinkle 3.2s infinite ease-in-out 1.5s}.yen-spot{position:absolute;z-index:20;cursor:pointer}.yen-spot[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);padding:4px 10px;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.55);color:#111;font-family:"Source Sans 3",system-ui,sans-serif;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:40;box-shadow:0 2px 8px #0000002e}.yen-spot[data-tip]:hover:after,.yen-spot[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.yen-spot-compass{top:12%;left:50%;transform:translate(-50%);z-index:20}.yen-spot-speedboat{top:48%;left:10%;z-index:30}.yen-spot-anchor{bottom:2%;right:8%;z-index:20}@media(min-width:768px){.yen-spot-compass{top:15%}.yen-spot-speedboat{top:50%;left:20%}.yen-spot-anchor{bottom:4%;right:15%}}.yen-spot-inner{display:flex;flex-direction:column;align-items:center;position:relative}.yen-hover-scale{transition:transform .3s ease}.yen-spot:hover .yen-hover-scale{transform:scale(1.15)}.yen-hover-boat-scale{transition:transform .5s ease}.yen-spot:hover .yen-hover-boat-scale{transform:scale(.96)}@keyframes yen-wiggle{0%{transform:rotate(-20deg) translateY(4px)}25%{transform:rotate(-25deg) translateY(4px)}50%{transform:rotate(-15deg) translateY(4px)}75%{transform:rotate(-22deg) translateY(4px)}to{transform:rotate(-20deg) translateY(4px)}}.yen-spot-anchor:hover .yen-wiggle-target{animation:yen-wiggle .5s ease-in-out 1 forwards}.yen-zen-emoji{filter:saturate(75%) sepia(25%) opacity(.95) drop-shadow(0 8px 12px rgba(0,100,150,.15));display:inline-block;line-height:1;position:relative;z-index:10}.yen-zen-emoji.size-compass{font-size:2.4rem;filter:saturate(90%) sepia(10%) drop-shadow(0 0 8px rgba(255,215,0,.65)) drop-shadow(0 0 16px rgba(255,255,220,.4))}.yen-zen-emoji.size-boat{font-size:7rem}.yen-zen-emoji.size-anchor{filter:drop-shadow(0 4px 5px rgba(0,30,50,.3));font-size:2.7rem}@media(min-width:768px){.yen-zen-emoji.size-compass{font-size:3rem}.yen-zen-emoji.size-boat{font-size:9.2rem}.yen-zen-emoji.size-anchor{font-size:3.4rem}}.yen-boat-reflection{position:absolute;top:65%;left:0;transform:scaleY(-1) translateY(-10px);opacity:.25;filter:blur(2px);mask-image:linear-gradient(to bottom,#000,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0));pointer-events:none}.yen-dirt-shadow{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:45px;height:10px;background-color:#0a141ed9;filter:blur(3px);border-radius:50%;pointer-events:none;z-index:-1}.yen-anchor-wrap{position:relative;width:100%;display:flex;justify-content:center;height:70px}.yen-wiggle-target{transform:rotate(-20deg) translateY(4px);transform-origin:bottom center;position:absolute;bottom:0}.yen-label-wrap{margin-top:1rem;opacity:.95;transition:opacity .2s ease;z-index:10;position:relative}.yen-spot-speedboat .yen-label-wrap{margin-top:1.5rem}.yen-spot-anchor .yen-label-wrap{margin-top:.5rem}@media(min-width:768px){.yen-label-wrap{margin-top:1.25rem}.yen-spot-speedboat .yen-label-wrap{margin-top:1.5rem}.yen-spot-anchor .yen-label-wrap{margin-top:.75rem}}.yen-spot:hover .yen-label-wrap{opacity:1}.yen-neon-box{position:relative;display:inline-block;border-radius:9999px;padding:2px;overflow:hidden;box-shadow:0 0 15px #00f3ff66}.yen-neon-box:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:conic-gradient(from 0deg,transparent 60%,#00f3ff 100%,transparent 100%);animation:yen-neon-spin var(--neon-duration) linear infinite;z-index:1}@keyframes yen-neon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.yen-neon-inner{position:relative;z-index:2;background:#0a192380;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:9999px;padding:6px 20px}.yen-boat-label{font-family:"Source Serif 4",serif;font-style:italic;font-size:1rem;font-weight:500;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);letter-spacing:.04em;white-space:nowrap;display:block;transition:color 3s ease,text-shadow 3s ease}@media(min-width:768px){.yen-boat-label{font-size:1.125rem}}.yen-fade-overlay{position:fixed;inset:0;z-index:100;background:#fff;pointer-events:none;opacity:0;transition:opacity .8s ease-in-out}.yen-fade-overlay.active{opacity:1}html.tvbuom-route,html.tvbuom-route body,html.tvbuom-route #root{margin:0;min-height:100%;overflow:hidden}.tvbuom-root{min-height:100dvh;overflow-y:auto;background:linear-gradient(135deg,#134e5e,#0b1226);font-family:Roboto,sans-serif;color:#fff}.tvbuom-app{display:flex;flex-direction:column;max-width:1000px;min-height:100dvh;margin:0 auto;padding:28px 12px 20px;width:100%}.tvbuom-back-link{position:fixed;top:16px;left:16px;z-index:20;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(230,208,172,.35);border-radius:50%;background:#0b12268c;color:#e6d0ac;cursor:pointer;backdrop-filter:blur(8px);transition:background .25s ease,border-color .25s ease,transform .2s ease}.tvbuom-back-link:hover{background:#134e5ebf;border-color:#e6d0aca6}.tvbuom-back-link:active{transform:scale(.96)}.tvbuom-back-link svg{width:22px;height:22px}.tvbuom-logo-link{position:fixed;top:16px;right:16px;z-index:20;line-height:0;transition:transform .2s ease,opacity .2s ease}.tvbuom-logo-link:hover{opacity:.88;transform:scale(1.04)}.tvbuom-logo{width:44px;height:44px;object-fit:contain}.tvbuom-header{text-align:center;margin-bottom:30px;padding-top:8px}.tvbuom-glow-title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:2.4rem;color:#f9e8c9;letter-spacing:.04em;font-weight:600;font-synthesis:none;text-rendering:optimizeLegibility;text-shadow:0 0 10px rgba(249,232,201,.4),0 0 20px rgba(249,232,201,.2)}.tvbuom-section{margin-bottom:30px}.tvbuom-section-title{margin:0 0 25px;font-family:Playfair Display,Georgia,serif;color:#e6d0ac;text-align:center;font-weight:500;font-size:1.4rem;letter-spacing:.03em;font-synthesis:none;text-rendering:optimizeLegibility;opacity:.9}.tvbuom-scrollable-grid{overflow-y:visible;padding:6px 4px;margin:-6px -4px}.tvbuom-scrollable-grid.is-scrollable{overflow-y:auto;scrollbar-width:thin}.tvbuom-scrollable-grid.is-scrollable::-webkit-scrollbar{width:4px}.tvbuom-scrollable-grid.is-scrollable::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.tvbuom-scrollable-grid.is-scrollable::-webkit-scrollbar-thumb{background:#e6d0ac4d;border-radius:10px}.tvbuom-grid-write{--tvbuom-write-btn-w: min(12.75rem, calc((100% - 12px)/2) );display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.tvbuom-grid-write-pair{display:flex;gap:12px;width:calc(var(--tvbuom-write-btn-w) * 2 + 12px);max-width:100%}.tvbuom-grid-write-pair .tvbuom-btn-write{flex:1 1 0;min-width:0;width:auto}.tvbuom-grid-write-pair .tvbuom-btn-write:hover{background:#00bfff2e;border-color:#ffe566bf;box-shadow:0 6px 18px #00bfff47}.tvbuom-grid-observe{display:grid;gap:15px;width:100%;align-items:stretch;grid-template-columns:repeat(2,1fr)}.tvbuom-scroll-observe.is-scrollable{max-height:159px}.tvbuom-btn-write{width:var(--tvbuom-write-btn-w);max-width:100%;min-height:55px;height:auto;background:#00bfff0d;border:1px solid rgba(0,191,255,.4);backdrop-filter:blur(8px);border-radius:50px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;color:#e0f7fa;font-size:.95rem;font-weight:400;letter-spacing:.5px;transition:all .3s ease;cursor:pointer;font-family:Roboto,sans-serif;text-align:center}.tvbuom-btn-write-label{flex:0 1 auto;min-width:0;white-space:nowrap;line-height:1.25;text-align:center}.tvbuom-btn-write--placeholder{cursor:default;opacity:.5;pointer-events:none}.tvbuom-btn-write--placeholder .tvbuom-btn-write-label{opacity:0}.tvbuom-btn-write--soon{cursor:default;opacity:.72;pointer-events:none}.tvbuom-btn-write .tvbuom-icon-arrow{font-size:1rem;opacity:.7;transition:transform .3s ease;flex-shrink:0}.tvbuom-btn-write:hover{background:#00bfff26;border-color:#00bfffcc;box-shadow:0 4px 15px #00bfff33;transform:translateY(-2px)}.tvbuom-btn-write:hover .tvbuom-icon-arrow{transform:translate(5px);opacity:1}.tvbuom-btn-write:active{transform:scale(.98)}.tvbuom-section--write{margin-bottom:48px}.tvbuom-btn-observe{width:100%;min-width:0;background:#00bfff0f;border:1px solid rgba(255,229,102,.42);backdrop-filter:blur(8px);color:#d4f1f9;border-radius:16px;min-height:72px;height:auto;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.05rem;font-weight:500;letter-spacing:.3px;transition:all .3s ease;cursor:pointer;font-family:Roboto,sans-serif;padding:12px 14px;line-height:1.3}.tvbuom-btn-observe:hover{background:#00bfff24;border-color:#fff3a08c;box-shadow:0 4px 16px #00bfff26;transform:translateY(-2px);color:#e8f7fc}.tvbuom-btn-observe:active{transform:scale(.98)}.tvbuom-bottom-action{display:flex;justify-content:center;margin-top:auto;padding-top:40px;padding-bottom:20px}.tvbuom-btn-quote{display:flex;align-items:center;justify-content:center;gap:15px;text-decoration:none;color:#e6d0ac;font-family:Playfair Display,Georgia,serif;font-size:1.3rem;font-style:italic;transition:all .3s ease;cursor:pointer;background:none;border:none;padding:0}.tvbuom-btn-quote .tvbuom-quote-lotus{width:54px;height:54px;flex-shrink:0;object-fit:contain;transition:all .3s ease;filter:drop-shadow(0 0 5px rgba(230,208,172,.4))}.tvbuom-btn-quote:hover{color:#fff;text-shadow:0 0 10px rgba(230,208,172,.5)}.tvbuom-btn-quote:hover .tvbuom-quote-lotus{transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(230,208,172,.8))}@media(max-width:767px){.tvbuom-app{padding:18px 8px 16px}.tvbuom-header{padding-top:48px;margin-bottom:28px}.tvbuom-glow-title{font-size:calc(1.8rem + 2px);white-space:nowrap;margin-bottom:5px}.tvbuom-section-title{font-size:1.2rem;margin-bottom:20px}.tvbuom-section--write{margin-bottom:56px}.tvbuom-grid-write{--tvbuom-write-btn-w: min(12.75rem, calc((100% - 12px)/2) );gap:12px}.tvbuom-btn-write{padding:10px 14px;font-size:.9rem;min-height:52px}.tvbuom-grid-observe{grid-template-columns:repeat(2,1fr);gap:12px}.tvbuom-scroll-observe.is-scrollable{max-height:148px}.tvbuom-btn-observe{min-height:68px;font-size:.98rem}.tvbuom-btn-quote{font-size:1.1rem}.tvbuom-btn-quote .tvbuom-quote-lotus{width:46px;height:46px}}@media(min-width:768px)and (max-width:1100px){.tvbuom-grid-write{--tvbuom-write-btn-w: min(13.5rem, calc((100% - 12px)/2) );gap:16px}.tvbuom-grid-write-pair{gap:16px;width:calc(var(--tvbuom-write-btn-w) * 2 + 16px)}.tvbuom-grid-observe{grid-template-columns:repeat(2,1fr);gap:16px}}@media(min-width:1101px){.tvbuom-grid-write{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.tvbuom-grid-write-pair{display:contents}.tvbuom-btn-write{width:100%;min-height:55px;padding:10px 20px;font-size:1rem}}@media(min-width:768px){.tvbuom-app{padding:30px 16px 20px}.tvbuom-glow-title{font-size:calc(3.5rem + 2px)}.tvbuom-header,.tvbuom-section{margin-bottom:60px}.tvbuom-section-title{margin-bottom:35px;font-size:1.6rem}.tvbuom-scroll-observe.is-scrollable{max-height:196px}.tvbuom-btn-observe{min-height:88px}}html.vdd-route,html.vdd-route body,html.vdd-route #root{margin:0;padding:0;width:100%;max-width:none;min-height:100%;overflow-x:hidden;background:linear-gradient(160deg,#0d1b2a,#1a3a4f 40%,#1b3d5c,#224b65);background-attachment:fixed;color:#d4eef7;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif}.vdd-back-link{position:fixed;top:16px;left:16px;z-index:400;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(93,213,245,.22);border-radius:50%;background:#0a36686b;color:#dcf0fce0;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 2px 10px #0414302e}.vdd-back-link:hover{background:#0a36688c;color:#fff}.vdd-back-link svg{width:22px;height:22px}html.vdd-route{--vdd-deep: #0d1b2a;--vdd-ocean: #1a3a4f;--vdd-teal: rgba(76, 161, 175, .72);--vdd-teal-line: rgba(76, 161, 175, .38);--vdd-foam: rgba(127, 179, 211, .72);--vdd-mist: rgba(168, 216, 234, .78);--vdd-white-cap: rgba(212, 238, 247, .88);--vdd-glow: rgba(118, 234, 235, .55);--vdd-glass: rgba(255, 255, 255, .05);--vdd-glass-border:rgba(255, 255, 255, .1);--deep: var(--vdd-deep);--ocean: var(--vdd-ocean);--teal: #4ca1af;--foam: #7fb3d3;--mist: #a8d8ea;--white-cap: #d4eef7;--glow: #76eaeb;--glass: var(--vdd-glass);--glass-border: var(--vdd-glass-border);--warn: #c89230}*,*:before,*:after{box-sizing:border-box}.vdd-page{width:100%;min-height:100vh;min-height:100dvh;margin:0;padding:0;background:linear-gradient(160deg,var(--vdd-deep) 0%,var(--vdd-ocean) 40%,#1b3d5c 70%,#224b65 100%);background-attachment:fixed;color:var(--vdd-white-cap);font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;position:relative;overflow-x:hidden}.vdd-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 80%,rgba(44,110,130,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(28,80,110,.1) 0%,transparent 55%);pointer-events:none;z-index:0}.vdd-shell{position:relative;z-index:1;width:min(780px,calc(100% - 32px));max-width:780px;margin-inline:auto;padding:24px 0 48px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.vdd-screen{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%}.vdd-card{width:100%;background:var(--vdd-glass)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--vdd-glass-border)!important;border-left:1px solid var(--vdd-glass-border)!important;border-radius:20px!important;padding:32px 28px!important;cursor:default!important;outline:none!important;box-shadow:none!important;transform:none!important;overflow:visible}.vdd-card:focus-within{border-color:var(--vdd-glass-border)!important;outline:none!important;box-shadow:none!important}.vdd-header{text-align:center;margin-bottom:28px;padding:0;width:100%;flex:0 0 auto}.vdd-header h1{font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;letter-spacing:.03em;background:linear-gradient(135deg,var(--vdd-mist),var(--vdd-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:none}.vdd-header p{margin-top:6px;font-size:.85rem;color:var(--vdd-foam);opacity:.72;text-align:center;text-wrap:balance;max-width:36ch;margin-left:auto;margin-right:auto}.vdd-page .label-sm{display:block;font-size:.78rem;color:var(--vdd-foam);margin-bottom:8px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.vdd-page textarea,.vdd-page #main-textarea{width:100%;min-height:320px;background:#00000052!important;border:1px solid var(--vdd-teal-line)!important;border-left:1px solid var(--vdd-teal-line)!important;border-radius:12px;color:var(--vdd-white-cap);padding:20px 22px;font-size:1.15rem;line-height:1.8;resize:vertical;outline:none!important;box-shadow:none!important;transition:border-color .25s,box-shadow .25s;font-family:inherit}.vdd-page textarea::placeholder{color:#a8d8ea61;font-style:italic}.vdd-page textarea:focus,.vdd-page #main-textarea:focus{border-color:#76eaeb59!important;border-left-color:#76eaeb59!important;box-shadow:0 0 0 3px #76eaeb14!important;outline:none!important}.char-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.8rem;color:var(--foam)}.char-row .warn-msg{color:var(--warn);font-size:.75rem;opacity:0;transition:opacity .2s}.char-row .warn-msg.show{opacity:1}.vdd-page .btn,.vdd-overlay .btn,#release-stage .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 24px;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:.95rem;letter-spacing:.02em;transition:all .2s;font-family:inherit}.vdd-page .btn-primary,.vdd-overlay .btn-primary,#release-stage .btn-primary{background:linear-gradient(135deg,#4ca1afe0,#2bc0e4bf)!important;color:#0d1b2a!important}.vdd-page .btn-primary:hover:not(:disabled),.vdd-overlay .btn-primary:hover:not(:disabled),#release-stage .btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 6px 20px #4ca1af47}.vdd-page .btn-primary:disabled,.vdd-overlay .btn-primary:disabled,#release-stage .btn-primary:disabled{background:#4ca1af2e!important;color:#ffffff52!important;cursor:not-allowed}.vdd-page .btn-ghost,.vdd-overlay .btn-ghost,#release-stage .btn-ghost{background:var(--glass);border:1px solid var(--glass-border);color:var(--mist)}.vdd-page .btn-ghost:hover,.vdd-overlay .btn-ghost:hover,#release-stage .btn-ghost:hover{background:#ffffff1f}.vdd-page .btn-danger{background:#e74c6b33;border:1px solid rgba(231,76,107,.4);color:#ff8fa3}.vdd-page .btn-danger:hover{background:#e74c6b59}.vdd-page .btn-full,.vdd-overlay .btn-full,#release-stage .btn-full{width:100%;margin-top:20px}#btn-reflect-cta{display:none;margin-top:20px;width:100%;background:linear-gradient(135deg,#00788c99,#003c5acc);border:1px solid var(--teal);font-size:1rem;letter-spacing:.02em;animation:fadeInUp .5s ease both}.vdd-modal-overlay{position:fixed;inset:0;background:#0a1626bf;backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;opacity:1;pointer-events:auto}.vdd-modal-overlay.hidden{display:none}.modal-box{background:linear-gradient(160deg,#132438,#1a3a52);border:1px solid var(--glass-border);border-radius:20px;padding:32px 28px;width:100%;max-width:420px}.modal-box h2{font-size:1.15rem;color:var(--glow);margin-bottom:6px}.modal-box .sub{font-size:.82rem;color:var(--foam);margin-bottom:24px;opacity:.8}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;gap:12px;padding:13px 16px;background:#00000040;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all .18s}.radio-option:hover{border-color:var(--teal);background:#4ca1af1a}.radio-option.selected{border-color:var(--glow);background:#76eaeb1a}.radio-option input[type=radio]{accent-color:var(--glow);width:17px;height:17px;cursor:pointer}.radio-option label{cursor:pointer;font-size:.95rem;color:var(--white-cap)}.name-input-wrap{margin-top:12px}.name-input-wrap input{width:100%;padding:11px 14px;background:#00000059;border:1px solid var(--teal);border-radius:10px;color:var(--white-cap);font-size:.95rem;outline:none;transition:border-color .2s;font-family:inherit}.name-input-wrap input::placeholder{color:#a8d8ea66}.name-input-wrap input:focus{border-color:var(--glow)}.name-input-wrap.hidden{display:none}.modal-actions{display:flex;gap:10px;margin-top:24px}.modal-actions .btn{flex:1}.playback-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.playback-header h2{font-size:1rem;color:var(--foam);display:flex;align-items:center;gap:8px}.perspective-badge{display:inline-block;padding:3px 10px;background:#4ca1af40;border:1px solid var(--teal);border-radius:20px;font-size:.78rem;color:var(--glow)}.text-display{background:#0000004d;border:1px solid var(--glass-border);border-radius:14px;padding:24px 28px;max-height:420px;overflow-y:auto;line-height:2.3;font-size:1.1rem;color:var(--white-cap);scroll-behavior:smooth;text-align:justify;word-spacing:.05em}.text-display::-webkit-scrollbar{width:5px}.text-display::-webkit-scrollbar-track{background:transparent}.text-display::-webkit-scrollbar-thumb{background:var(--teal);border-radius:4px}.chunk-span{transition:background .2s,color .2s;border-radius:4px}.chunk-span.active-highlight{background:#76eaeb38;color:var(--glow);padding:0 2px}.controls{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}.controls .btn{flex:1;min-width:58px;max-width:140px;padding:10px 6px;font-size:.82rem}.btn-speed{background:var(--glass);border:1px solid var(--glass-border);color:var(--mist)}.btn-speed:hover:not(:disabled){border-color:var(--teal)}.btn-speed.active-speed{border-color:var(--glow);background:#76eaeb26;color:var(--glow)}.btn-speed:disabled{opacity:.4;cursor:not-allowed}.btn-pause{background:#2c6e824d;border:1px solid var(--surface);color:var(--mist)}.btn-pause:hover:not(:disabled){background:#2c6e8280}.btn-pause:disabled{opacity:.4;cursor:not-allowed}.voice-banner{margin-top:14px;padding:14px 16px;background:#f0a5001a;border:1px solid rgba(240,165,0,.35);border-radius:12px;font-size:.85rem;color:#f0c040;display:flex;align-items:flex-start;gap:10px}.voice-banner.hidden{display:none}.voice-banner a{color:#ffd966;text-decoration:underline;cursor:pointer}.loading-overlay{position:absolute;inset:0;background:#0d1b2ab3;backdrop-filter:blur(4px);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:10}.loading-overlay.hidden{display:none}.spinner{width:38px;height:38px;border:3px solid rgba(76,161,175,.3);border-top-color:var(--glow);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:var(--foam);font-size:.88rem}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:#122637f2;border:1px solid var(--teal);color:var(--mist);padding:11px 22px;border-radius:50px;font-size:.88rem;opacity:0;pointer-events:none;transition:all .3s;z-index:999;white-space:nowrap;max-width:90vw;text-align:center}#voice-install-modal .modal-box{max-width:500px}#voice-install-modal h2{font-size:1.1rem;margin-bottom:14px}#voice-install-modal .install-steps{list-style:none;display:flex;flex-direction:column;gap:12px}#voice-install-modal .install-steps li{padding:11px 14px;background:#00000040;border-radius:10px;font-size:.88rem;line-height:1.5;color:var(--white-cap);border-left:3px solid var(--teal)}#voice-install-modal .install-steps li strong{color:var(--glow)}@media(max-width:480px){.vdd-shell{width:min(780px,calc(100% - 24px));padding:20px 0 40px}.vdd-card{padding:22px 16px!important}.controls .btn{font-size:.78rem;padding:11px 4px}#screen-input{margin-top:16px}.vdd-header{margin-bottom:16px}}#release-stage{position:fixed;inset:0;width:100%;max-width:100vw;background:radial-gradient(ellipse at 50% 75%,#001c3af7,#020812fc);z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#release-stage.hidden{display:none}#release-input-wrap{width:100%;max-width:540px;padding:28px 24px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));margin:0 auto;display:flex;flex-direction:column;gap:18px;transition:opacity .5s ease;box-sizing:border-box}#release-textarea{min-height:130px;font-size:1.08rem;resize:none;width:100%;box-sizing:border-box;background:#00000073;border:1px solid var(--teal);border-radius:14px;color:var(--white-cap);padding:16px 18px;font-family:Be Vietnam Pro,sans-serif;outline:none;line-height:1.85}#release-textarea:focus{border-color:var(--glow);box-shadow:0 0 0 3px #00c8b426}#release-float-area{position:absolute;inset:0;overflow:hidden;pointer-events:none;display:none}.float-word{position:absolute;left:calc(50% + var(--ox, 0px));top:calc(50% + var(--oy, 0px));font-family:Be Vietnam Pro,sans-serif;font-weight:700;font-size:clamp(1.1rem,2.5vw,1.9rem);color:var(--white-cap);text-shadow:0 0 16px var(--teal),0 0 40px rgba(0,200,180,.3);white-space:nowrap}.float-word.v-float{animation:wordFloat var(--dur, 3s) var(--delay, 0s) ease-out forwards}@keyframes wordFloat{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}12%{opacity:1}75%{opacity:.25}to{opacity:0;transform:translate(calc(-50% + var(--dx, 0px)),calc(-50% - 58vh)) scale(.18)}}.float-word.v-swirl{animation:wordSwirl var(--dur, 3.5s) var(--delay, 0s) cubic-bezier(.4,0,.8,1) forwards;transform-origin:center center}@keyframes wordSwirl{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}20%{opacity:.9}60%{opacity:.5;transform:translate(calc(-50% + var(--sx, 40px)),calc(-50% + 25vh)) rotate(var(--rot, 240deg)) scale(.6)}to{opacity:0;transform:translate(calc(-50% + var(--sx2, 0px)),calc(-50% + 70vh)) rotate(var(--rot2, 520deg)) scale(.08)}}#release-float-area:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(0,80,120,.45),transparent);animation:waveShimmer 3s ease-in-out infinite alternate}@keyframes waveShimmer{0%{opacity:.5;transform:scaleY(1)}to{opacity:1;transform:scaleY(1.2)}}#release-done-msg{text-align:center;padding:0 28px;opacity:0;transition:opacity 1.6s ease;display:none;flex-direction:column;align-items:stretch;min-width:260px}#release-done-msg.visible{opacity:1}#release-done-msg .done-title{font-size:clamp(1.3rem,4vw,2rem);font-weight:700;color:var(--foam);margin:0 0 10px;text-shadow:0 0 30px var(--teal)}#release-done-msg .done-sub{font-size:1rem;color:var(--teal);margin:0 0 36px;opacity:.9}.done-icon-btn{background:none;border:none;display:flex;gap:12px;align-items:center;cursor:pointer;padding:10px 16px;border-radius:50px;transition:background .2s;align-self:flex-end;margin-right:0}.done-icon-btn:hover{background:#4caf501f}#screen-closing{position:fixed;inset:0;width:100%;max-width:100vw;background:linear-gradient(180deg,#001828,#00304e 55%,#005070);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:550;overflow:hidden;box-sizing:border-box}#screen-closing.hidden{display:none!important}.closing-wave-wrap{position:absolute;bottom:0;left:0;right:0;height:220px;pointer-events:none}.closing-wave{position:absolute;left:-100%;bottom:0;width:300%;height:100%;border-radius:43% 47% 0 0/30% 30% 0 0}.closing-wave-1{background:#4ca1af38;animation:waveFlow 9s ease-in-out infinite}.closing-wave-2{background:#2c6e822e;animation:waveFlow 14s ease-in-out infinite reverse;bottom:10px}.closing-wave-3{background:#1e4d6b24;animation:waveFlow 19s ease-in-out infinite;bottom:-15px}@keyframes waveFlow{0%,to{transform:translate(0) scaleY(1)}50%{transform:translate(16%) scaleY(1.12)}}.closing-audio-corner{position:absolute;top:20px;right:20px;z-index:2;display:flex;align-items:center;gap:10px;background:#00000047;border:1px solid rgba(255,255,255,.08);border-radius:40px;padding:8px 16px}#btn-audio-toggle{background:none;border:none;color:var(--white-cap);font-size:1.2rem;cursor:pointer;padding:0;line-height:1;width:26px;text-align:center}#btn-closing-back{background:none;border:none;color:var(--foam);font-size:1rem;cursor:pointer;padding:0;line-height:1;width:26px;text-align:center;opacity:.6;transition:opacity .2s}#btn-closing-back:hover{opacity:1}#volume-slider{width:80px;accent-color:var(--glow);cursor:pointer}#closing-thanks{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;opacity:0;transition:opacity 2s ease}#closing-thanks.visible{opacity:1}#closing-thanks.fade-out{opacity:0!important;transition:opacity 1.4s ease}#closing-thanks h2{font-size:clamp(.78rem,3.5vw,1.3rem);font-weight:600;color:var(--white-cap);line-height:1.65;text-align:center;white-space:nowrap}@media(max-width:400px){#closing-thanks h2{font-size:.72rem;white-space:normal}}#closing-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;opacity:0;transition:opacity 1.6s ease}#closing-hint.visible{opacity:1}#closing-hint.fade-out{opacity:0!important;transition:opacity .8s ease}#closing-hint p{font-size:clamp(.9rem,4vw,1.1rem);color:var(--foam);opacity:.75;letter-spacing:.02em}#btn-hint-play,.vdd-closing-play-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:40px;color:var(--white-cap);font-family:Be Vietnam Pro,sans-serif;font-size:1rem;padding:10px 28px;cursor:pointer;transition:background .2s}#btn-hint-play:hover,.vdd-closing-play-btn:hover{background:#ffffff1f}#btn-audio-toggle{font-size:.95rem;letter-spacing:.04em;min-width:160px}.volume-row{display:flex;align-items:center;gap:10px;width:100%}.volume-row label{font-size:.78rem;color:var(--teal);white-space:nowrap}#volume-slider{flex:1;accent-color:var(--glow);cursor:pointer}#screen-letter{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 30%,#00243cf7,#020812fc);z-index:180;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px}#screen-letter.hidden{display:none!important}#screen-letter .letter-box{width:100%;max-width:520px;display:flex;flex-direction:column;gap:16px}#screen-letter .letter-prompt{font-size:clamp(1rem,2.8vw,1.25rem);font-weight:600;color:var(--foam);line-height:1.5;text-align:center;text-wrap:balance}#screen-letter .letter-prompt em{color:var(--glow);font-style:normal}#letter-textarea{min-height:160px;font-size:1rem;resize:none;width:100%;box-sizing:border-box;background:#00000073;border:1px solid var(--teal);border-radius:14px;color:var(--white-cap);padding:16px 18px;font-family:Be Vietnam Pro,sans-serif;outline:none;line-height:1.85;spellcheck:false}#letter-textarea:focus{border-color:var(--glow);box-shadow:0 0 0 3px #00c8b426}.letter-actions{display:flex;gap:12px}.letter-actions .btn{flex:1}#letter-write-phase,#letter-reflection{flex-direction:column;gap:16px;width:100%}#letter-reflection{display:none;flex-direction:column;gap:18px;animation:fadeInUp .6s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}#letter-reflection .reflection-quote{background:#00a88c14;border-left:3px solid var(--teal);border-radius:8px;padding:16px 18px;font-size:1rem;line-height:1.8;color:var(--white-cap);font-style:italic;white-space:pre-wrap}#letter-reflection .reflection-mirror{font-size:1.05rem;font-weight:600;color:var(--glow);text-align:center;line-height:1.5;text-wrap:balance}#letter-reflection .reflection-actions{display:flex;flex-direction:column;gap:10px}html.xsm-route,html.xsm-route body,html.xsm-route #root{margin:0;min-height:100%}.xsm-back-link{position:fixed;top:16px;left:16px;z-index:30;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(93,213,245,.22);border-radius:50%;background:#0a36686b;color:#dcf0fce0;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 2px 10px #0414302e}.xsm-back-link:hover{background:#0a36688c;color:#fff}.xsm-back-link svg{width:22px;height:22px}.xsm-page .card{border:1px solid rgba(93,213,245,.25)!important;outline:none;box-shadow:none;overflow:hidden}.xsm-page textarea,.xsm-page input[type=text]{outline:none}.xsm-page .s-card.chosen{border-color:var(--glow);background:#5dd5f517;box-shadow:0 0 14px #5dd5f52e}.xsm-page .s-card.chosen .s-text{color:var(--glow);font-weight:600}.xsm-page .s-card.chosen .s-num{background:#5dd5f52e;border-color:var(--glow);color:var(--glow)}.xsm-page .result-tag-badge{border-color:var(--glow);color:var(--glow)}:root{--sky-top: #d8eef8;--sky-bot: #7bbad4;--m5: #9dd0e8;--m4: #55b0cc;--m3: #2090b8;--m2: #1065a0;--m1: #0a3668;--text-main: #ffffff;--text-sub: #b8ddf5;--glass: rgba(4,20,48,.72);--glass-b: rgba(93,213,245,.22);--glow: #5dd5f5;--accent: #2a95bf;--danger: #e05070;--gold: #f0c040;--warn: #f0a030}.xsm-page{min-height:100vh;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;color:var(--text-main);overflow-x:hidden}#mountain-bg{position:fixed;inset:0;width:100%;height:100%;z-index:0}#mountain-bg .m1,#mountain-bg .m2{transition:opacity 1.4s ease,transform 1.4s ease}#mountain-bg .m3,#mountain-bg .m2,#mountain-bg .m1{transform-origin:center;animation:floatWave 7s ease-in-out infinite}#mountain-bg .m2{animation-delay:-1.4s}#mountain-bg .m1{animation-delay:-2.8s}@keyframes floatWave{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.xsm-page.clarity-1 #mountain-bg .m1{opacity:.9}.xsm-page.clarity-2 #mountain-bg .m1{opacity:.78;transform:translateY(8px)}.xsm-page.clarity-2 #mountain-bg .m2{opacity:.88}.xsm-page.clarity-3 #mountain-bg .m1{opacity:.6;transform:translateY(16px)}.xsm-page.clarity-3 #mountain-bg .m2{opacity:.72;transform:translateY(6px)}.xsm-page.clarity-4 #mountain-bg .m1{opacity:.4;transform:translateY(24px)}.xsm-page.clarity-4 #mountain-bg .m2{opacity:.55;transform:translateY(10px)}#app{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:8px 16px 48px;gap:10px}.app-header{text-align:center;max-width:620px;width:100%}.xsm-page .app-header h1{font-family:Playfair Display,serif;font-size:clamp(1.6rem,4.5vw,2.2rem);font-weight:800;letter-spacing:.04em;color:#0a3668;text-shadow:0 1px 0 rgba(255,255,255,.45)}.xsm-page .app-header .subtitle{font-size:.85rem;color:#1a5a80;margin-top:5px;opacity:.95;line-height:1.5;text-shadow:none}.tab-bar{display:inline-flex;gap:4px;background:#081e3c8c;border:1px solid rgba(93,213,245,.35);border-radius:50px;padding:4px;margin-top:8px}.tab-btn{padding:9px 22px;border:none;border-radius:50px;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:500;color:#e9f7ff;background:#ffffff14;transition:all .22s;white-space:nowrap}#tab-btn-filter{background:#0a3668}#tab-btn-distill{background:#1065a0}#tab-btn-reframe{background:#2090b8}.tab-btn.active{color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff47}.tab-btn:not(.active){opacity:.88}.tab-btn:not(.active):hover{filter:brightness(1.08);opacity:1}.card{width:100%;max-width:660px;background:#04122ad1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(93,213,245,.25);border-radius:22px;padding:20px 22px;animation:fadeUp .4s ease both}#tab-filter.card{background:#0a3668d1}#tab-distill.card{background:#1065a0c7}#tab-reframe.card{background:#2090b8b8}#tab-reframe .step-label,#tab-reframe .step-title,#tab-reframe .step-desc,#tab-reframe .block-label,#tab-reframe .starter-chip,#tab-reframe #r-counter,#tab-reframe #r-warn,#tab-reframe #r-complaint-preview,#tab-reframe #r-s2 .story-block,#tab-reframe #r-s2 .story-block .block-label{color:#0a3668}#tab-reframe .step-label,#tab-reframe .step-desc{opacity:1}#tab-reframe textarea,#tab-reframe textarea::placeholder{color:#0a3668}#tab-reframe textarea{background:#ffffffdb;border-color:#0a366880}#tab-reframe textarea::placeholder{color:#0a366899}#tab-reframe .btn-ghost{color:#f2fbff;border-color:#0a366859;background:#0a3668db}#r-s2 .story-block.complaint{background:#ffffffa6;border-left-color:#0a36688c}#r-s2 .story-block.reframe-out{background:#ffffffb8;border-left-color:#0a3668b3}#r-s3 .story-block.complaint{background:linear-gradient(155deg,#aac8dcf2,#cacacaeb);border-left-color:#3a006c}#r-s3 .story-block.reframe-out{background:linear-gradient(135deg,#ebfcf3f2,#62ddffeb);border-left-color:#0ff}#r-s3 .story-block .block-label,#r-s3 #r-result-before,#r-s3 #r-result-after{color:#0a3668}#r-s3 #r-result-after{font-weight:700}.story-scroll-body{max-height:5.5rem;overflow-y:auto;overflow-x:hidden;word-break:break-word;overflow-wrap:anywhere;padding-right:4px;line-height:1.65}.story-scroll-body::-webkit-scrollbar{width:5px}.story-scroll-body::-webkit-scrollbar-track{background:#0a366814;border-radius:8px}.story-scroll-body::-webkit-scrollbar-thumb{background:#0a366847;border-radius:8px}#r-s2 .step-desc{margin-bottom:8px}#r-s2 .r-preview-block{margin-bottom:10px}#r-s2 .r-preview-block .story-scroll-body{max-height:4.5rem}#r-s2 .starter-chips--single{margin:8px 0 2px}#r-s2 .starter-chip{min-height:58px;padding:12px 14px;font-size:.98rem}#r-s2 .starter-actions-row{display:flex;gap:8px;align-items:stretch;margin:6px 0 8px}#r-s2 .starter-actions-row .starter-list-toggle,#r-s2 .starter-actions-row .starter-random{flex:1;min-width:0;margin:0;padding:8px 10px;font-size:.82rem;white-space:nowrap}#r-s2 .r-reframe-ta{min-height:118px;max-height:132px;margin-bottom:10px}.r-result-screen{display:flex;flex-direction:column;gap:0}.r-result-header{text-align:center;margin-bottom:10px}.r-result-sparkle{font-size:1.5rem;margin-bottom:4px;color:var(--glow);line-height:1}.r-result-header .step-title{margin-bottom:2px;font-size:clamp(.95rem,3vw,1.1rem)}.r-result-sub{font-size:.8rem;color:var(--text-sub);line-height:1.45}.r-result-before-block,.r-result-after-block{width:100%;margin-left:0;margin-right:0}.r-result-before-block{margin-bottom:6px!important}.r-result-before-block .story-scroll-body{max-height:6.6em}.r-result-arrow{text-align:center;margin:2px 0 6px;color:var(--glow);font-size:1rem;line-height:1}.r-result-after-block{margin-bottom:10px!important;box-shadow:0 4px 14px #0a36681a}.r-result-after-block .story-scroll-body{max-height:8.25em;min-height:8.25em}.r-result-actions{margin-top:12px!important}#tab-reframe .starter-chip{background:#ffffff73;border-color:#0a36684d}#tab-reframe .starter-chip.selected{background:#0a3668;border-color:#0a3668;color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.step-progress{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:14px}.step-dot{width:8px;height:8px;border-radius:50%;background:#ffffff2e;transition:all .35s}.step-dot.active{background:var(--glow);box-shadow:0 0 8px var(--glow);width:26px;border-radius:4px}.step-dot.done{background:#5dd5f573}.step-label{display:block;font-size:.7rem;color:var(--text-sub);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;opacity:.8}.step-title{font-size:clamp(1rem,3vw,1.2rem);font-weight:700;color:var(--text-main);margin-bottom:7px;line-height:1.4}.step-desc{font-size:.88rem;color:var(--text-sub);margin-bottom:12px;line-height:1.7;opacity:.9}textarea,input[type=text]{width:100%;background:#00000052;border:1px solid var(--accent);border-radius:12px;color:var(--text-main);font-family:inherit;text-align:left;outline:none;transition:border-color .25s,box-shadow .25s}textarea{padding:16px 18px;font-size:1.08rem;line-height:1.8;resize:vertical;min-height:140px}input[type=text]{padding:10px 14px;font-size:1rem}textarea::placeholder,input[type=text]::placeholder{color:#a8d8ea61;font-style:italic}textarea:focus,input[type=text]:focus{border-color:var(--glow);box-shadow:0 0 0 3px #5dd5f524}.counter-row{display:flex;justify-content:space-between;align-items:center;margin-top:7px;font-size:.78rem;color:var(--text-sub)}.warn-msg{color:var(--warn);font-size:.75rem;opacity:0;transition:opacity .2s}.warn-msg.show{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 22px;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:.9rem;letter-spacing:.02em;transition:all .2s;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--accent),#186e9a);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 4px 16px #2a95bf61}.btn-primary:disabled{background:#2a95bf38;color:#ffffff52;cursor:not-allowed}.btn-ghost{background:var(--glass);border:1px solid var(--glass-b);color:var(--text-sub)}.btn-ghost:hover{background:#ffffff1c}.btn-full{width:100%;margin-top:16px}.btn-distill-action{width:100%;margin:8px 0 6px}.btn-sm{padding:8px 16px;font-size:.82rem;border-radius:9px}.btn-row{display:flex;gap:10px;margin-top:16px}.btn-row .btn{flex:1}.add-row{display:flex;gap:8px}.add-row input{flex:1}.sentences-list{display:flex;flex-direction:column;gap:8px;margin-top:14px;max-height:360px;overflow-y:auto;padding-right:3px}.sentences-list--five{margin-top:0;max-height:calc(15.75rem + 32px)}.sentences-list::-webkit-scrollbar{width:4px}.sentences-list::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.s-card{display:flex;align-items:flex-start;gap:11px;padding:11px 13px;background:#00000038;border:1.5px solid var(--glass-b);border-radius:12px;transition:all .22s;position:relative}.s-card.interactive{cursor:pointer}.s-card.interactive:hover{border-color:var(--accent);background:#2a95bf17}.s-card.marked{border-color:#e050708c;background:#e0507012;opacity:.72}.s-card.marked .s-text{text-decoration:line-through;opacity:.55}.s-card.chosen{border-color:var(--gold);background:#f0c04017;box-shadow:0 0 14px #f0c0402e}.s-card.chosen .s-text{color:var(--gold);font-weight:600}.s-card.fade-out{transform:scale(.88);opacity:0;pointer-events:none}.s-num{min-width:24px;height:24px;border-radius:50%;background:#5dd5f51f;border:1px solid rgba(93,213,245,.28);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--glow);flex-shrink:0;margin-top:2px}.s-card.marked .s-num{background:#e050702e;border-color:#e0507066;color:#ff8fa3}.s-card.chosen .s-num{background:#f0c0402e;border-color:var(--gold);color:var(--gold)}.s-text{font-size:.9rem;line-height:1.65;color:var(--text-main);flex:1}.s-text{font-size:1rem}.s-del{background:none;border:none;color:#ffffff38;cursor:pointer;font-size:1rem;padding:0 3px;flex-shrink:0;transition:color .2s}.s-del:hover{color:var(--danger)}.elim-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#00000047;border:1px solid var(--glass-b);border-radius:50px;font-size:.82rem;color:var(--text-sub);margin-bottom:6px;transition:border-color .25s}.elim-badge strong{color:var(--glow)}.elim-badge.ready{border-color:#5dd5f566}.elim-badge.ready strong{color:#5ddc80}.fact-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.fact-card{padding:13px 16px;border-radius:12px;border:1.5px solid rgba(93,213,245,.3);background:#5dd5f51a;font-size:1.02rem;line-height:1.65;cursor:default;transition:all .22s;color:var(--text-main);position:relative;text-align:left}.fact-card:hover{border-color:#5dd5f559;background:#5dd5f50d}.fact-main{cursor:default;color:var(--text-main);opacity:1}.fact-main.struck{text-decoration-line:line-through;text-decoration-color:#ff4d5a;text-decoration-thickness:2px;text-decoration-skip-ink:none;opacity:.72}.fact-main,.result-core,.chosen-text{text-align:justify;text-justify:inter-word}.fact-edit{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(93,213,245,.25)}.fact-edit-hint{font-size:.75rem;color:var(--text-sub);margin-bottom:8px}.fact-edit textarea{min-height:70px;font-size:1.02rem}.fact-progress{font-size:.78rem;color:var(--text-sub);margin-top:10px}.fact-card.is-fact{border-color:var(--glow);background:#5dd5f51a;color:var(--text-main);box-shadow:0 0 10px #5dd5f521}.fact-card.is-fact:after{content:"✓ Đã chắt lọc";position:absolute;top:6px;right:10px;font-size:.62rem;color:var(--glow);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.result-text-wrap{background:#00000038;border-radius:14px;padding:20px;line-height:1.85;font-size:1.05rem;margin-top:12px;text-align:justify;text-justify:inter-word;white-space:pre-line}.fact-span{color:var(--text-main);font-weight:500}.fiction-span{color:#ffffff2e;font-style:italic}.tag-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag-btn{padding:7px 18px;border-radius:50px;border:1.5px solid var(--glass-b);background:#00000038;color:var(--text-sub);font-family:inherit;font-size:.83rem;cursor:pointer;transition:all .2s}.tag-btn:hover{border-color:var(--accent);color:var(--text-main)}.tag-btn.selected{border-color:var(--glow);background:#5dd5f521;color:var(--glow);font-weight:600}#d-s5 .tag-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px auto 0;max-width:720px}#d-s5 .tag-btn{width:100%;text-align:center}.distill-tag-label{font-size:.96rem;font-weight:700;color:var(--text-main);text-align:center;margin-bottom:8px}.result-box{background:#00000047;border:1px solid var(--glass-b);border-radius:14px;padding:20px 22px;margin-top:14px}.result-core{font-size:clamp(1rem,2.8vw,1.2rem);font-weight:600;color:var(--glow);line-height:1.75;margin-bottom:12px}.result-core.gold{color:var(--glow)}.result-tag-badge{display:inline-block;padding:4px 14px;border-radius:50px;border:1px solid var(--gold);color:var(--gold);font-size:.8rem;font-weight:500}#d-result .result-box{text-align:center}#d-result .result-core{text-align:center;text-justify:auto}.insight-box{background:#5dd5f50f;border:1px solid rgba(93,213,245,.18);border-radius:12px;padding:14px 16px;margin-top:14px;font-size:.85rem;color:var(--text-sub);line-height:1.75}.chosen-display{background:#00000047;border:1px solid var(--glass-b);border-radius:12px;padding:14px 16px;margin-bottom:16px}.chosen-display .chosen-label{font-size:.68rem;color:var(--text-sub);text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px;opacity:.75}.chosen-display .chosen-text{font-size:.92rem;color:var(--text-sub);font-style:italic;line-height:1.65}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:#0a3668f2;border:1px solid var(--accent);color:var(--text-main);padding:10px 22px;border-radius:50px;font-size:.85rem;opacity:0;pointer-events:none;transition:all .3s;z-index:999;white-space:nowrap;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}@keyframes stepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.hidden{display:none!important}.starter-chips{display:flex;flex-direction:column;gap:14px;margin:16px 0 8px;padding-right:6px;scroll-behavior:smooth}.starter-chips--single{margin-bottom:4px}.starter-chips--expanded{max-height:260px;overflow-y:auto}.starter-list-toggle-wrap{display:flex;justify-content:center;margin-bottom:10px}.starter-list-toggle{width:auto;padding:8px 14px;background:#ffffff47;color:#0a3668;border:1px solid rgba(10,54,104,.28);border-radius:10px;font-size:.88rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.starter-list-toggle:hover{background:#ffffff6b}.starter-list-toggle-chevron{display:inline-block;transition:transform .25s ease;font-size:.9rem;line-height:1}.starter-list-toggle.expanded .starter-list-toggle-chevron{transform:rotate(180deg)}.starter-chips::-webkit-scrollbar{width:5px}.starter-chips::-webkit-scrollbar-track{background:#ffffff26;border-radius:8px}.starter-chips::-webkit-scrollbar-thumb{background:#0a366859;border-radius:8px}.starter-chip{width:100%;min-height:72px;padding:16px 18px;border-radius:14px;border:1.5px solid rgba(10,54,104,.25);background:#ffffffbf;color:#0a3668;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:normal;text-align:left;line-height:1.5}.starter-chip:hover{background:#fffffff2;border-color:#0a366873}.starter-chip.selected{background:#0a3668;border-color:#0a3668;color:#fff;box-shadow:0 4px 14px #0a366840;border-radius:50px;transform:translate(4px)}.starter-random-wrap{margin-top:14px;margin-bottom:16px;display:flex;justify-content:center}.starter-random{width:auto;padding:9px 16px;background:linear-gradient(135deg,#1f7ea8,#1065a0);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:12px;font-weight:700;letter-spacing:.01em}.starter-random:hover{filter:brightness(1.08);box-shadow:0 6px 16px #0a366838}.starter-random:disabled{opacity:.56;cursor:not-allowed;filter:none;box-shadow:none}.story-block{border-radius:10px;padding:12px 15px;margin-bottom:14px;font-size:1.06rem;line-height:1.75;text-align:justify;text-justify:inter-word}.story-block.complaint{background:#e050701a;border-left:3px solid var(--danger)}.story-block.reframe-out{background:#5dd5f517;border-left:3px solid var(--glow)}.story-block .block-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:6px}.complaint .block-label{color:var(--danger)}.reframe-out .block-label{color:var(--glow)}.prefill-notice{font-size:.78rem;color:var(--glow);margin-top:8px;line-height:1.5;opacity:.85}@media(max-width:480px){.card{padding:20px 14px}.tab-btn{padding:8px 14px;font-size:.82rem}.add-row{flex-direction:column}}html.dnn-route,html.dnn-route body,html.dnn-route #root{margin:0;min-height:100%;overflow:hidden}.dnn-page{position:relative;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:radial-gradient(circle at center 100%,#1c1a17,#010136);font-family:"Noto Serif",serif;font-weight:400}.dnn-back-link{position:fixed;top:16px;left:16px;z-index:30;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(230,208,172,.35);border-radius:50%;background:#0b12268c;color:#e6d0ac;cursor:pointer;backdrop-filter:blur(8px)}.dnn-back-link svg{width:22px;height:22px}.dnn-water-surface{position:absolute;bottom:0;left:0;width:100vw;height:40vh;background:repeating-linear-gradient(to bottom,transparent,transparent 12px,rgba(255,255,255,.02) 13px,rgba(255,255,255,.01) 15px);transform-origin:bottom;transform:perspective(300px) rotateX(80deg);animation:dnnRippleMove 6s linear infinite;pointer-events:none;z-index:1}@keyframes dnnRippleMove{0%{background-position:0 0}to{background-position:0 48px}}.dnn-quote-wrapper{margin-top:6vh;width:85%;max-width:900px;min-height:180px;display:flex;justify-content:center;align-items:flex-start;z-index:10}.dnn-quote-box{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:40px 60px 20px;font-family:"Noto Serif",serif;font-size:22px;line-height:2;letter-spacing:.5px;text-align:center;color:#eaddc4;font-style:italic;background:#ffffff05;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.04);border-radius:16px;box-shadow:0 10px 40px #0000004d;opacity:0;transition:opacity 1.5s ease}.dnn-quote-frame{position:relative;width:100%;padding:.15em 1.4em .35em}.dnn-quote-frame:before,.dnn-quote-frame:after{position:absolute;font-size:1.45em;line-height:1;color:#eaddc473;pointer-events:none;user-select:none}.dnn-quote-frame:before{content:"“";top:-.05em;left:0}.dnn-quote-frame:after{content:"”";bottom:-.1em;right:0}.dnn-quote-text{width:100%}.dnn-quote-box.show{opacity:1}.dnn-speak-btn{position:static;flex-shrink:0;margin-top:12px;width:40px;height:40px;border:none;border-radius:50%;background:#eaddc41f;color:#eaddc4;font-style:normal;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .15s;transform:none}.dnn-speak-btn svg{width:20px;height:20px;display:block;transform:none}.dnn-speak-btn:hover{background:#eaddc438}.dnn-speak-btn.is-speaking{background:#eaddc447;animation:dnnSpeakPulse 1.2s ease-in-out infinite}@keyframes dnnSpeakPulse{0%,to{opacity:1}50%{opacity:.72}}.dnn-word{opacity:0;display:inline-block;margin-right:6px;transform:translateY(5px);transition:opacity .6s ease,transform .6s ease}.dnn-word.visible{opacity:1;transform:translateY(0)}.dnn-lotus-container{position:absolute;bottom:10vh;width:95vw;max-width:1100px;height:35vh;z-index:5}.dnn-lotus{position:absolute;width:10%;opacity:.6;cursor:pointer;border:none;padding:0;background:none;animation:dnnFloatOnWater 8s ease-in-out infinite}.dnn-lotus.l1{animation-delay:0s}.dnn-lotus.l2{animation-delay:-1.5s}.dnn-lotus.l3{animation-delay:-3s}.dnn-lotus.l4{animation-delay:-4.5s}.dnn-lotus.l5{animation-delay:-2s}.dnn-lotus.l6{animation-delay:-5s}.dnn-lotus.l7{animation-delay:-6.5s}@keyframes dnnFloatOnWater{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 12px))}}.dnn-lotus img{width:100%;display:block;-webkit-box-reflect:below -15px linear-gradient(to bottom,rgba(0,0,0,0) 20%,rgba(255,255,255,.2));transition:filter 1s ease,transform .5s ease}.dnn-lotus:hover{opacity:1}.dnn-lotus:hover img{transform:scale(1.05)}.dnn-lotus.active{opacity:1;z-index:15}.dnn-lotus.active img{transform:scale(1.06);filter:brightness(1.65) saturate(1.55) drop-shadow(0 0 16px rgba(255,230,160,.55))}.dnn-lotus.yellow{filter:hue-rotate(0deg) saturate(2.5) brightness(1.1)}.dnn-lotus.green{filter:hue-rotate(90deg) saturate(2.5) brightness(1.1)}.dnn-lotus.blue{filter:hue-rotate(195deg) saturate(3) brightness(1.2)}.dnn-lotus.purple{filter:hue-rotate(255deg) saturate(2.5) brightness(1.2)}.dnn-lotus.pink{filter:hue-rotate(310deg) saturate(2.5) brightness(1.2)}.dnn-lotus.orange{filter:hue-rotate(35deg) saturate(3) brightness(1.1)}.dnn-lotus.red{filter:hue-rotate(345deg) saturate(4) brightness(.9)}.dnn-lotus.l1{top:55%;left:15%}.dnn-lotus.l2{top:30%;left:30%}.dnn-lotus.l3{top:70%;left:30%}.dnn-lotus.l4{top:55%;left:50%}.dnn-lotus.l5{top:30%;left:70%}.dnn-lotus.l6{top:70%;left:70%}.dnn-lotus.l7{top:55%;left:85%}@media(orientation:portrait),(max-width:767px){.dnn-quote-box{font-size:17px;padding:28px 24px 14px}.dnn-water-surface{height:30vh}.dnn-lotus{width:18%}.dnn-lotus-container{bottom:10vh;height:30vh}.dnn-lotus.l1{top:20%;left:50%}.dnn-lotus.l2{top:35%;left:30%}.dnn-lotus.l3{top:35%;left:70%}.dnn-lotus.l4{top:55%;left:50%}.dnn-lotus.l5{top:75%;left:30%}.dnn-lotus.l6{top:75%;left:70%}.dnn-lotus.l7{top:90%;left:50%}}html.mptk-route,html.mptk-route body,html.mptk-route #root{margin:0;min-height:100%}.mptk-page{--mptk-bg: #f5f0fa;--mptk-card: #ffffff;--mptk-primary: #6b46c1;--mptk-green: #48bb78;--mptk-yellow: #ecc94b;--mptk-orange: #ed8936;--mptk-red: #f56565;--mptk-wood: #2f855a;--mptk-fire: #c53030;--mptk-earth: #b7791f;--mptk-metal: #718096;--mptk-water: #2b6cb0;--mptk-text: #1a202c;--mptk-text-muted: #718096;min-height:100dvh;background:var(--mptk-bg);padding:10px 15px 15px;display:flex;justify-content:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.6;color:var(--mptk-text)}.mptk-page h2,.mptk-page h3{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;line-height:1.3}.mptk-back-link{position:fixed;top:16px;left:16px;z-index:30;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(107,70,193,.25);border-radius:50%;background:#ffffffe6;color:var(--mptk-primary);cursor:pointer}.mptk-back-link svg{width:22px;height:22px}.mptk-container{width:100%;max-width:600px;padding-top:36px}.mptk-header{margin-top:-6px;margin-bottom:4px}.mptk-header h1{text-align:center;font-size:calc(1.5rem + 2px);color:var(--mptk-primary);margin:0 0 4px;font-weight:800}.mptk-step-indicator{text-align:center;font-size:.9rem;color:#718096;margin-bottom:12px;font-weight:600}.mptk-card{background:var(--mptk-card);border-radius:16px;padding:20px;box-shadow:0 4px 12px #00000014;min-height:320px;display:flex;flex-direction:column;justify-content:center}.mptk-card--resume,.mptk-card--result{justify-content:flex-start;min-height:auto;padding-top:8px}.mptk-fade-in{animation:mptkFadeIn .4s ease-out}@keyframes mptkFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mptk-q-title{font-size:1.3rem;font-weight:800;color:var(--mptk-primary);margin-bottom:10px;text-transform:uppercase}.mptk-q-title--alert{color:var(--mptk-fire)}.mptk-q-text{font-size:1.1rem;color:#2d3748;margin-bottom:20px;font-weight:600;text-align:justify;text-justify:inter-word}.mptk-option-label{display:flex;align-items:flex-start;padding:18px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:.2s;background:#fafafa;margin-bottom:15px}.mptk-option-label:hover{border-color:#cbd5e0;background-color:#fff}.mptk-option-label.selected{border-color:var(--mptk-primary);background-color:#f3e5f5}.mptk-option-label input{margin-top:5px;transform:scale(1.5);margin-right:15px;flex-shrink:0}.mptk-opt-title{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.15rem;font-weight:700;color:#000;display:block;margin-bottom:6px;letter-spacing:.2px}.mptk-opt-desc{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.12rem;font-weight:600;color:#1a202c;display:block;line-height:1.55;letter-spacing:.01em;text-align:justify;text-justify:inter-word}.mptk-zone-grid{display:grid;grid-template-columns:1fr;gap:15px}@media(min-width:480px){.mptk-zone-grid{grid-template-columns:1fr 1fr}}.mptk-zone-card{padding:18px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;text-align:left}.mptk-zone-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000f;border-color:#cbd5e0}.mptk-zone-card.zone-wood{border-left:6px solid var(--mptk-wood)}.mptk-zone-card.zone-fire{border-left:6px solid var(--mptk-fire)}.mptk-zone-card.zone-earth{border-left:6px solid var(--mptk-earth)}.mptk-zone-card.zone-metal{border-left:6px solid var(--mptk-metal)}.mptk-zone-card.zone-water{border-left:6px solid var(--mptk-water)}.mptk-zone-card.zone-rainbow{border-left:6px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(to bottom,#f56565,#ecc94b,#48bb78,#4299e1,#9f7aea);background-origin:border-box;background-clip:padding-box,border-box}.mptk-zone-title{display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:800;font-size:1.05rem;margin-bottom:8px;text-transform:uppercase;color:#2d3748;letter-spacing:.6px}.mptk-zone-title-rainbow{color:var(--mptk-primary)}.mptk-zone-desc{display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.12rem;font-weight:600;color:#1a202c;line-height:1.5;letter-spacing:.01em;text-align:justify;text-justify:inter-word}.mptk-resume-text{margin:0 0 20px;font-size:1.05rem;font-weight:600;color:#2d3748;text-align:justify;text-justify:inter-word;line-height:1.55}.mptk-btn{width:100%;padding:18px;background-color:var(--mptk-primary);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:25px;box-shadow:0 4px 6px #6b46c133;transition:background .2s}.mptk-btn:hover{background-color:#553c9a}.mptk-btn-reset{background-color:transparent;color:#718096;border:2px solid #e2e8f0;box-shadow:none;margin-top:15px}.mptk-btn-reset:hover{background-color:#f7fafc;border-color:#cbd5e0}.mptk-btn-sop{margin-top:25px;animation:mptkSopBlink 1.6s ease-in-out infinite}@keyframes mptkSopBlink{0%,to{opacity:1;box-shadow:0 4px 12px #6b46c159}50%{opacity:.82;box-shadow:0 0 20px 6px #6b46c18c}}.mptk-result-heading{text-align:center;margin:0 0 22px;font-size:1.5em;font-weight:700;color:var(--mptk-text)}.mptk-result-box{text-align:center;padding:25px;border-radius:12px;margin-bottom:25px;color:var(--mptk-text);border-width:2px;border-style:solid}.mptk-status-title{margin:0;font-size:1.5em;font-weight:700;text-transform:uppercase;line-height:1.25;display:flex;flex-direction:column;align-items:center;gap:.1em}.mptk-status-line{display:block}.mptk-status-green{background-color:#f0fff4;border-color:var(--mptk-green);color:#22543d}.mptk-status-yellow{background-color:ivory;border-color:var(--mptk-yellow);color:#744210}.mptk-status-orange{background-color:#fffaf0;border-color:var(--mptk-orange);color:#7b341e}.mptk-status-red{background-color:#fff5f5;border-color:var(--mptk-red);color:#822727}.mptk-sop-alert{text-align:center;margin-bottom:20px;color:var(--mptk-fire);font-weight:700;line-height:1.5;font-size:1rem}.mptk-advice-box{background:#f3e5f5;padding:20px;border-radius:12px;border-top:5px solid var(--mptk-primary);margin-top:20px;color:#2d3748}.mptk-advice-box h3{margin-top:0;margin-bottom:.5em;font-size:1.17em;font-weight:700;color:#2d3748}.mptk-advice-content{margin-bottom:15px;font-style:italic;font-size:1rem;line-height:1.6;text-align:justify;text-justify:inter-word}.mptk-advice-box strong{font-size:1rem;font-weight:700}.mptk-advice-box ul,.mptk-action-list{margin-top:5px;margin-bottom:0;padding-left:0;list-style:none;font-size:1rem;line-height:1.6}.mptk-advice-box li,.mptk-action-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:.5em}.mptk-action-check{flex-shrink:0;width:1.25em;color:var(--mptk-green);font-size:1.15em;font-weight:800;line-height:1.4}.mptk-action-list strong{flex:1;font-weight:700;color:#2d3748;text-align:justify;text-justify:inter-word}.mptk-zone-advice-box{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;border-left-width:6px;border-left-style:solid;margin-top:20px;box-shadow:0 2px 5px #00000008}.mptk-zone-advice-box h3{color:#2d3748;margin-top:0;font-size:1.1rem}.mptk-zone-advice-box p,.mptk-zone-advice-content{color:#4a5568;line-height:1.5;margin-bottom:0;text-align:justify;text-justify:inter-word}.mptk-zone-advice-box.za-wood{border-left-color:var(--mptk-wood)}.mptk-zone-advice-box.za-fire{border-left-color:var(--mptk-fire)}.mptk-zone-advice-box.za-earth{border-left-color:var(--mptk-earth)}.mptk-zone-advice-box.za-metal{border-left-color:var(--mptk-metal)}.mptk-zone-advice-box.za-water{border-left-color:var(--mptk-water)}.mptk-zone-advice-box.za-unclear{border-left-color:var(--mptk-primary)}.mptk-history-list{font-size:.95rem;color:#4a5568;margin-top:30px;border-top:1px solid #eee;padding-top:15px}.mptk-history-day{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed #eee}.mptk-history-day strong{min-width:80px}.mptk-history-dots{letter-spacing:3px;font-size:1.1rem;text-align:right;flex-grow:1}.mptk-timer-overlay{position:fixed;inset:0;background:#fff;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.6;color:var(--mptk-text)}.mptk-sop-title{color:var(--mptk-text);text-align:center;margin:0 0 5px;font-size:1.5rem;font-weight:700;line-height:1.3}.mptk-sop-subtitle{color:var(--mptk-text-muted);margin:0;font-size:1rem;line-height:1.6;text-align:center;max-width:320px}.mptk-breathing-circle{width:200px;height:200px;background:#e9d8fd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:var(--mptk-primary);margin:40px 0;animation:mptkBreathe 12s infinite ease-in-out;line-height:1;transition:background .6s ease,color .6s ease}.mptk-breathing-circle--0{background:#dbeafe;color:#2563eb}.mptk-breathing-circle--1{background:#e9d8fd;color:var(--mptk-primary)}.mptk-breathing-circle--2{background:#dcfce7;color:#166534}@keyframes mptkBreathe{0%{transform:scale(1);opacity:.85}33.33%{transform:scale(1.2);opacity:1}66.66%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.85}}.mptk-breath-text-wrap{text-align:center}.mptk-breath-phase{font-size:1.5rem;margin:0;font-weight:700;line-height:1.3}.mptk-breath-phase--inhale{color:#2563eb}.mptk-breath-phase--hold{color:var(--mptk-primary)}.mptk-breath-phase--exhale{color:#166534}.mptk-breath-note{margin:0;font-size:1rem;color:var(--mptk-text);line-height:1.6}.mptk-btn-close-sop{margin-top:50px;border:none;width:auto;min-width:200px}html.htt-route,html.htt-route body,html.htt-route #root{margin:0;height:100%;min-height:100%;overflow:hidden}.htt-page{--water-deep: #062840;--water-mid: #0d4a72;--water-light: #1a7ab0;--water-surface: #4aa8d8;--title-blue: #2d7ab5;--title-blue-deep: #1e5f94;--text-main: #ffffff;--text-sub: #b8ddf5;--glass: rgba(4, 20, 48, .72);--glass-b: rgba(93, 213, 245, .22);--glow: #5dd5f5;min-height:100dvh;height:100dvh;max-height:100dvh;padding:8px 16px 12px;display:flex;justify-content:center;align-items:flex-start;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.6;color:var(--text-main);background:radial-gradient(ellipse 130% 70% at 50% -15%,rgba(140,210,255,.55) 0%,transparent 48%),radial-gradient(ellipse 80% 50% at 80% 60%,rgba(60,150,200,.2) 0%,transparent 45%),linear-gradient(180deg,#1a7ab0,#0d5a88 28%,#0a4a72 55%,#062840);position:relative;overflow:hidden}.htt-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 35% at 30% 20%,rgba(255,255,255,.1) 0%,transparent 55%);z-index:0}.htt-back-link{position:fixed;top:16px;left:16px;z-index:30;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--glass-b);border-radius:50%;background:var(--glass);color:var(--text-sub);cursor:pointer;backdrop-filter:blur(8px)}.htt-back-link svg{width:22px;height:22px}.htt-logo-link{position:fixed;top:16px;right:16px;z-index:30;line-height:0;transition:transform .2s ease,opacity .2s ease}.htt-logo-link:hover,.htt-logo-link:focus-visible{opacity:.88;transform:scale(1.04)}.htt-logo{width:44px;height:44px;object-fit:contain}.htt-container{position:relative;z-index:1;width:100%;max-width:520px;height:100%;min-height:0;padding-top:44px;display:flex;flex-direction:column;overflow:hidden}.htt-header{text-align:center;margin-bottom:10px;flex-shrink:0}.htt-header h1{margin:0 0 6px;font-size:calc(1.65rem + 8px);font-weight:700;letter-spacing:.02em;color:#fff;text-shadow:0 2px 18px rgba(6,40,64,.35)}.htt-jar-count--header{margin:0 0 10px;font-size:1.35rem;font-weight:700;color:#fff}.htt-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.htt-card{border-radius:18px;padding:20px;backdrop-filter:blur(12px);box-shadow:0 8px 32px #0a366840}.htt-card--compose{position:relative;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0;padding:14px 16px 16px;background:linear-gradient(165deg,#ffffff7a,#d2ebfa61 42%,#aad7f06b);border:1px solid rgba(255,255,255,.62);box-shadow:0 14px 36px #06284038,inset 0 1px #ffffffbf;backdrop-filter:blur(18px);color:var(--title-blue-deep)}.htt-card--compose:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);pointer-events:none}.htt-card--compose:after{content:"";position:absolute;bottom:0;left:0;right:0;height:56px;background:linear-gradient(180deg,transparent,rgba(100,175,215,.22));pointer-events:none;border-radius:0 0 18px 18px}.htt-card--choose{background:var(--glass);border:1px solid var(--glass-b)}.htt-datetime{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.9rem;color:var(--title-blue);margin-bottom:12px;font-weight:600;flex-shrink:0}.htt-datetime-dot{width:5px;height:5px;border-radius:50%;background:var(--title-blue);flex-shrink:0;box-shadow:0 0 6px #2d7ab573}.htt-textarea{position:relative;z-index:1;width:100%;flex:1 1 auto;min-height:96px;max-height:none;padding:14px;border:1px solid rgba(160,180,200,.45);border-radius:14px;background:#d2dae46b;color:#0a3668;font-family:inherit;font-size:calc(1rem + 2px);line-height:1.55;resize:none;text-align:justify;box-shadow:inset 0 1px 3px #0a36680d}.htt-textarea::placeholder{color:#0a366861;font-style:italic}.htt-textarea:focus{outline:none;border-color:#4aa8d8bf;box-shadow:0 0 0 3px #4aa8d82e,inset 0 1px 4px #1e5a8c0f}.htt-char-count{position:relative;z-index:1;text-align:right;font-size:.85rem;color:var(--title-blue-deep);opacity:.75;margin:8px 0 12px;flex-shrink:0}.htt-char-count--warn{color:#b8860b}.htt-btn{display:block;width:100%;padding:14px 18px;border:1px solid var(--glass-b);border-radius:12px;background:#2090b88c;color:var(--text-main);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s,opacity .2s,box-shadow .2s,border-color .2s;text-align:center}.htt-btn:hover:not(:disabled){transform:translateY(-1px)}.htt-btn:disabled{opacity:.45;cursor:not-allowed}.htt-card--compose .htt-btn--primary{position:relative;z-index:1;flex-shrink:0;background:linear-gradient(135deg,#4aa8d8,#2d7ab5 55%,#1e5f94);border:1px solid rgba(255,255,255,.35);color:#fff;box-shadow:0 6px 20px #1e5f9459;overflow:hidden}.htt-card--compose .htt-btn--primary:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 70%,rgba(255,255,255,.35) 0 6px,transparent 7px),radial-gradient(circle at 32% 55%,rgba(255,255,255,.25) 0 4px,transparent 5px),radial-gradient(circle at 12% 40%,rgba(255,255,255,.2) 0 3px,transparent 4px);pointer-events:none}.htt-card--compose .htt-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#5bb5e0,#3488c4 55%,#256da8)}.htt-btn--primary{background:linear-gradient(135deg,var(--m4, #55b0cc),var(--m3));border-color:#5dd5f566}.htt-btn--ghost{background:#04143059;margin-top:10px}.htt-btn--spaced{margin-top:16px}.htt-btn--option{margin-bottom:10px;text-align:center}.htt-btn--dissolve{background:#2090b838;border-color:#5dd5f552}.htt-btn--dissolve:hover:not(:disabled){background:#2090b852;box-shadow:0 4px 14px #5dd5f526}.htt-btn--ephemeral{background:#2090b86b;border-color:#5dd5f580}.htt-btn--ephemeral:hover:not(:disabled){background:#2090b88c;box-shadow:0 4px 16px #5dd5f538}.htt-btn--jar{background:#1065a09e;border:2px solid rgba(93,213,245,.72);box-shadow:inset 0 1px #ffffff1f}.htt-btn--jar:hover:not(:disabled){background:#1065a0c7;box-shadow:0 6px 20px #5dd5f547,inset 0 1px #ffffff26}.htt-jar-section{margin-top:auto;padding-top:28px;padding-bottom:8px;text-align:center}.htt-jar-read-btn{display:inline-flex;justify-content:center;background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease,filter .2s ease}.htt-jar-read-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);filter:drop-shadow(0 8px 20px rgba(93,213,245,.35))}.htt-jar-read-btn:disabled{opacity:.45;cursor:not-allowed}.htt-jar-visual{position:relative;width:120px;margin:0 auto}.htt-jar-visual-neck{width:44px;height:20px;margin:0 auto;border:3px solid rgba(180,230,245,.9);border-bottom:none;border-radius:8px 8px 0 0;background:#fff3}.htt-jar-visual-body{position:relative;width:120px;min-height:88px;padding:14px 10px 18px;border-radius:10px 10px 28px 28px;border:3px solid rgba(180,230,245,.95);background:linear-gradient(180deg,#5dd5f559,#1065a0a6);box-shadow:inset 0 -14px 22px #ffffff2e,0 8px 24px #0a36684d;display:flex;align-items:center;justify-content:center}.htt-jar-visual-glow{position:absolute;left:10px;right:10px;bottom:12px;height:40px;border-radius:0 0 20px 20px;background:radial-gradient(ellipse at center 80%,rgba(255,255,255,.4),transparent 70%);pointer-events:none}.htt-jar-read-visual{width:140px}.htt-jar-read-visual .htt-jar-visual-body{width:140px;min-height:96px}.htt-jar-read-label{position:relative;z-index:1;font-size:.82rem;font-weight:600;line-height:1.35;color:#fff;text-align:center;text-shadow:0 1px 4px rgba(10,54,104,.5)}.htt-jar-visual--shake{animation:htt-jar-shake .55s ease-in-out infinite}.htt-shake-pieces{position:absolute;inset:8px;border-radius:0 0 18px 18px;background:repeating-linear-gradient(-18deg,transparent,transparent 6px,rgba(255,255,255,.08) 7px,rgba(255,255,255,.08) 8px);animation:htt-pieces-rattle .35s linear infinite}.htt-choose-title{margin:0 0 16px;font-size:1rem;color:var(--text-sub);text-align:center}.htt-ephemeral-note p{margin:0}.htt-ephemeral-note{margin:0;padding:14px;border-radius:12px;background:#04143066;border:1px solid var(--glass-b);font-size:.9rem;color:var(--text-sub);text-align:center}.htt-ephemeral-expiry{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;color:var(--glow);font-weight:600;font-size:.95rem}.htt-read-overlay,.htt-dissolve-overlay,.htt-seal-overlay,.htt-shake-overlay{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#041430bf;backdrop-filter:blur(6px)}.htt-btn--understood{margin-top:16px;margin-bottom:14px}.htt-btn--convert-jar{margin-top:0}.htt-tick{color:#48bb78;font-weight:700;margin-left:6px}.htt-read-card{width:100%;max-width:480px;max-height:min(90dvh,680px);display:flex;flex-direction:column;overflow:hidden;background:var(--glass);border:1px solid var(--glass-b);border-radius:18px;padding:24px;backdrop-filter:blur(14px)}.htt-read-time{flex-shrink:0;margin-bottom:14px;color:var(--glow)}.htt-read-content{flex:1 1 auto;min-height:0;max-height:min(50dvh,420px);overflow-y:auto;font-size:1.05rem;line-height:1.65;text-align:justify;margin-bottom:16px;white-space:pre-wrap;word-break:break-word;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(93,213,245,.45) rgba(4,20,48,.3)}.htt-read-content::-webkit-scrollbar{width:6px}.htt-read-content::-webkit-scrollbar-track{background:#04143040;border-radius:8px}.htt-read-content::-webkit-scrollbar-thumb{background:#5dd5f573;border-radius:8px}.htt-read-actions{flex-shrink:0;display:flex;flex-direction:column;gap:10px}.htt-dissolve-text{font-size:1.2rem;max-width:400px;line-height:1.65;text-align:justify;animation:htt-dissolve 2.2s ease forwards}.htt-shake-jar{width:140px}.htt-shake-jar .htt-jar-visual-body{width:140px;min-height:110px}.htt-seal-caption{margin:18px 0 0;font-size:1.05rem;font-weight:600;color:var(--glow);letter-spacing:.02em}.htt-seal-scene{position:relative;width:240px;height:260px;margin-bottom:4px}.htt-seal-fragment{position:absolute;left:50%;top:18px;width:min(200px,80vw);transform:translate(-50%);padding:10px 14px;border-radius:12px;background:#ffffffe0;color:#0a3668;font-size:.95rem;line-height:1.45;text-align:center;box-shadow:0 8px 24px #00000026;animation:htt-seal-fragment 2.4s ease-in forwards;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.htt-seal-jar-wrap{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:140px}.htt-seal-jar-wrap .htt-jar-visual-body{width:140px;min-height:96px;animation:htt-seal-jar-pulse 2.4s ease-in-out forwards}.htt-seal-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#fff9c4;box-shadow:0 0 10px #ffe566;animation:htt-seal-spark 2.2s ease-out forwards;animation-delay:calc(.15s * var(--spark-i));opacity:0}.htt-seal-spark:nth-child(odd){background:#b8f0e8;box-shadow:0 0 10px #5dd5f5}.htt-seal-caption{animation:htt-seal-caption 2.4s ease forwards}@keyframes htt-dissolve{0%{opacity:1;filter:blur(0);transform:scale(1)}60%{opacity:.6;filter:blur(4px);transform:scale(.98)}to{opacity:0;filter:blur(12px);transform:scale(.95) translateY(20px)}}@keyframes htt-jar-shake{0%,to{transform:rotate(0) translate(0)}15%{transform:rotate(-6deg) translate(-4px)}30%{transform:rotate(5deg) translate(4px)}45%{transform:rotate(-4deg) translate(-3px)}60%{transform:rotate(4deg) translate(3px)}75%{transform:rotate(-2deg) translate(-2px)}}@keyframes htt-pieces-rattle{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes htt-seal-fragment{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1);filter:blur(0)}45%{opacity:.85;transform:translate(-50%) translateY(72px) scale(.72);filter:blur(1px)}75%{opacity:.2;transform:translate(-50%) translateY(108px) scale(.35);filter:blur(4px)}to{opacity:0;transform:translate(-50%) translateY(118px) scale(.15);filter:blur(8px)}}@keyframes htt-seal-jar-pulse{0%,30%{transform:scale(1)}55%{transform:scale(1.06);box-shadow:inset 0 -14px 22px #ffffff47,0 0 24px #5dd5f58c}to{transform:scale(1)}}@keyframes htt-seal-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + (var(--spark-i) - 5) * 14px),calc(-50% + (var(--spark-i) - 5) * -10px)) scale(0)}}@keyframes htt-seal-caption{0%,50%{opacity:0;transform:translateY(8px)}70%,to{opacity:1;transform:translateY(0)}}.htt-toast{margin-top:12px;padding:10px 14px;border-radius:10px;background:#f0c04026;border:1px solid rgba(240,192,64,.35);color:#f0e0a0;font-size:.9rem;text-align:center}.htt-toast--empty{background:#04143059;border-color:var(--glass-b);color:var(--text-sub)}@media(max-width:480px){.htt-header h1{font-size:calc(1.4rem + 8px)}.htt-card{padding:16px}}html.ttl-route,html.ttl-route body,html.ttl-route #root{margin:0;min-height:100%;height:auto;overflow:auto}html.ttl-route.ttl-route--recipient,html.ttl-route.ttl-route--recipient body,html.ttl-route.ttl-route--recipient #root{height:100%;overflow:hidden}.ttl-page{--uno-1: #d6e9ff;--uno-2: #88b4e7;--uno-3: #5d8cc0;--uno-4: #2a6a9e;--uno-5: #0a4a72;--water-deep: #062840;--text-dark: #0a3668;--glass: rgba(6, 40, 64, .62);--glass-b: rgba(136, 180, 231, .42);--others-gold: #ffe566;height:auto;min-height:100dvh;padding:6px 14px 24px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.5;color:var(--uno-1);background:radial-gradient(ellipse 120% 65% at 50% -12%,rgba(214,233,255,.45) 0%,transparent 52%),radial-gradient(ellipse 70% 45% at 85% 55%,rgba(93,140,192,.28) 0%,transparent 50%),linear-gradient(180deg,#1a7ab0 0%,#0d5a88 32%,#0a4a72 58%,var(--water-deep) 100%);position:relative;overflow:visible}.ttl-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 35% at 28% 18%,rgba(255,255,255,.1) 0%,transparent 55%);z-index:0}.ttl-back-link{position:fixed;top:16px;left:16px;z-index:30;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--glass-b);border-radius:50%;background:var(--glass);color:var(--uno-1);cursor:pointer;backdrop-filter:blur(8px)}.ttl-back-link svg{width:22px;height:22px}.ttl-logo-link{position:fixed;top:16px;right:16px;z-index:30;line-height:0;transition:transform .2s ease,opacity .2s ease}.ttl-logo-link:hover,.ttl-logo-link:focus-visible{opacity:.88;transform:scale(1.04)}.ttl-logo{width:44px;height:44px;object-fit:contain}.ttl-page--recipient{height:100dvh;overflow:hidden;align-items:center}.ttl-container{position:relative;z-index:1;width:100%;max-width:520px;margin-inline:auto;padding-top:44px;overflow:visible}.ttl-page--recipient .ttl-container{display:flex;flex-direction:column;flex:1 1 auto;align-self:center;width:100%;min-height:0;height:calc(100dvh - 18px);overflow:hidden}.ttl-card--letter{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.ttl-page--recipient .ttl-header,.ttl-card--letter .ttl-expiry-note,.ttl-card--letter .ttl-btn--download{flex-shrink:0}.ttl-header h1{margin:0 0 12px;font-size:calc(1.5rem + 6px);font-weight:700;letter-spacing:.02em;color:#4eb8ff;text-align:center;-webkit-text-stroke:1.35px #ffe566;paint-order:stroke fill;text-shadow:0 0 14px rgba(255,229,102,.7),0 2px 10px rgba(10,54,104,.35)}.ttl-compose-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.ttl-card{padding:14px 14px 12px;border-radius:16px;border:1px solid var(--glass-b);background:#d6e9ff1f;backdrop-filter:blur(10px);box-shadow:0 8px 28px #06284038}.ttl-card--compose.ttl-card--others{background:linear-gradient(180deg,#0d5a888c,#062840b8);border-color:#88b4e78c}.ttl-card--compose.ttl-card--others .ttl-fieldset{border-color:#88b4e766;background:#0a366840}.ttl-card--compose.ttl-card--others .ttl-datetime{color:var(--uno-1)}.ttl-card--center{text-align:center}.ttl-card--share .ttl-share-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.82rem;padding:8px 10px;border-radius:10px;background:#0a366859;margin:8px 0 12px;color:var(--uno-1);border:1px solid rgba(136,180,231,.35);user-select:all;-webkit-user-select:all}.ttl-share-note{margin:0 0 8px;font-size:.82rem;line-height:1.45;color:#d6e9ffc7}.ttl-share-ready{font-size:1.1rem;font-weight:600;text-align:center;margin:0 0 12px;color:#fff}.ttl-share-hint{margin:0 0 8px;color:var(--uno-2);font-size:.95rem}.ttl-type-row{display:flex;gap:16px;margin-bottom:8px}.ttl-datetime{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px;font-size:.92rem;color:var(--uno-2)}.ttl-datetime-dot{width:5px;height:5px;border-radius:50%;background:var(--uno-2)}.ttl-textarea{width:100%;min-height:108px;padding:12px;border:1px solid rgba(136,180,231,.45);border-radius:12px;background:#d2dae46b;color:var(--text-dark);font-family:inherit;font-size:calc(1rem + 2px);line-height:1.5;resize:none;text-align:justify;box-sizing:border-box}.ttl-card--others .ttl-textarea{background:#083460c7;border-color:#88b4e78c;color:#d6e9ff}.ttl-textarea::placeholder{color:#0a366861;font-style:italic}.ttl-card--others .ttl-textarea::placeholder{color:#d6e9ff6b}.ttl-word-count{margin:6px 0 10px;font-size:.85rem;color:var(--uno-2);text-align:right}.ttl-card--others .ttl-word-count{color:#d6e9ffb8}.ttl-word-count--warn{color:#ffd6a0}.ttl-fieldset{margin:0 0 10px;padding:8px 10px 6px;border:1px solid rgba(136,180,231,.32);border-radius:10px}.ttl-fieldset--open{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}.ttl-fieldset--open legend{width:100%;margin-bottom:2px}.ttl-fieldset--open .ttl-radio{margin:0}.ttl-fieldset legend{padding:0 6px;color:var(--uno-2);font-size:.9rem}.ttl-radio{display:flex;align-items:center;gap:8px;margin:6px 0;cursor:pointer;color:var(--uno-1)}.ttl-radio input{appearance:none;-webkit-appearance:none;width:16px;height:16px;flex-shrink:0;margin:0;border:2px solid rgba(214,233,255,.65);border-radius:50%;background:transparent;cursor:pointer}.ttl-radio input:checked{border-color:var(--others-gold);background:radial-gradient(circle at center,var(--others-gold) 0 38%,transparent 40%)}.ttl-radio:has(input:checked) span{color:var(--others-gold);font-weight:600;text-shadow:0 0 10px rgba(255,229,102,.35)}.ttl-type-row .ttl-radio:hover span{color:var(--others-gold)}.ttl-btn{display:block;width:100%;margin:6px 0;padding:11px 14px;border:none;border-radius:11px;font-family:inherit;font-size:.98rem;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.ttl-btn--others{background:#0a36688c;color:var(--others-gold);border:1px solid rgba(255,229,102,.45);box-shadow:0 4px 14px #06284040}.ttl-btn--home-self{background:linear-gradient(180deg,var(--uno-2),var(--uno-3));color:#fff;box-shadow:0 6px 18px #0a366847;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.ttl-btn--home-self:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 10px 22px #4eb8ff66}.ttl-btn--home-others{background:#0a36688c;color:var(--others-gold);border:1px solid rgba(255,229,102,.45);box-shadow:0 4px 14px #06284040;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ttl-btn--home-others:hover{transform:translateY(-2px);border-color:#ffe566;box-shadow:0 10px 22px #ffe56647;background:#0d5a88b8}.ttl-btn:disabled{opacity:.45;cursor:not-allowed}.ttl-btn:not(:disabled):active{transform:scale(.98)}.ttl-btn--primary{background:linear-gradient(180deg,var(--uno-2),var(--uno-3));color:#fff;box-shadow:0 6px 18px #0a366847}.ttl-btn--secondary{background:#d6e9ff29;color:var(--uno-1);border:1px solid var(--uno-2)}.ttl-btn--ghost{background:transparent;color:var(--uno-2);border:1px solid rgba(136,180,231,.35)}.ttl-btn--option{text-align:center}.ttl-btn--dissolve{background:#88b4e733;color:var(--uno-1);border:1px solid rgba(136,180,231,.45)}.ttl-btn--jar{background:linear-gradient(180deg,#5dd5f559,#1065a08c);color:#fff;border:1px solid rgba(180,230,245,.5)}.ttl-btn--reseal{background:#2a6a9e8c;color:var(--uno-1);border:1px solid var(--uno-3)}.ttl-btn--download{display:flex;align-items:center;justify-content:center;gap:8px}.ttl-empty,.ttl-toast{text-align:center;color:var(--uno-2);font-size:.95rem}.ttl-envelope-grid{--ttl-env-h: 96px;--ttl-env-gap: 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ttl-env-gap);max-height:calc(var(--ttl-env-h) * 4 + var(--ttl-env-gap) * 3);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;padding-right:2px}.ttl-envelope{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:var(--ttl-env-h);padding:10px 6px;border-radius:14px;border:2px solid transparent;cursor:pointer;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease}.ttl-envelope--locked{background:#0a36686b;color:#d6e9ff80;border-color:#5d8cc073;cursor:not-allowed}.ttl-envelope--ready{background:linear-gradient(180deg,#88b4e780,#2a6a9ea6);color:#fff;border-color:var(--uno-2);box-shadow:0 6px 18px #06284047}.ttl-envelope--ready:not(:disabled):hover{transform:translateY(-2px)}.ttl-envelope-icon{font-size:1.8rem}.ttl-envelope-date{font-size:.78rem;font-weight:700;text-align:center;line-height:1.3}.ttl-recent{margin-top:14px}.ttl-recent-title{margin:0 0 8px;font-size:.88rem;font-weight:600;color:var(--uno-2);text-align:left}.ttl-recent-list{--ttl-recent-row: 78px;max-height:calc(var(--ttl-recent-row) * 2);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;border-radius:12px;border:1px solid var(--glass-b);background:#06284073}.ttl-recent-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:var(--ttl-recent-row);padding:8px 10px;border:none;border-bottom:1px solid rgba(136,180,231,.22);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.ttl-recent-row:last-child{border-bottom:none}.ttl-recent-url{font-size:.86rem;font-weight:600;color:var(--uno-1);word-break:break-all}.ttl-recent-meta{font-size:.78rem;color:var(--uno-2)}.ttl-recent-copied{font-size:.74rem;color:var(--others-gold)}.ttl-read-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px 20px 28px;background:#0a1420b8;backdrop-filter:blur(6px)}.ttl-read-stack{display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;max-height:min(88dvh,680px)}.ttl-read-card{display:flex;flex-direction:column;width:100%;min-height:0;flex:1 1 auto;overflow:hidden;padding:18px 16px 14px;border-radius:16px;background:linear-gradient(180deg,#1a7ab0eb,#062840f5);border:1px solid var(--uno-2);box-shadow:0 14px 40px #00000052}.ttl-read-time{margin-bottom:14px;flex-shrink:0}.ttl-read-content{flex:1 1 auto;min-height:0;margin-bottom:14px;padding:16px 18px 22px;border-radius:12px;background:#d6e9ff1f;color:var(--uno-1);line-height:1.65;text-align:justify;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(136,180,231,.7) rgba(6,40,64,.35)}.ttl-read-content::-webkit-scrollbar{display:block;width:8px}.ttl-read-content::-webkit-scrollbar-thumb{border-radius:8px;background:#88b4e7a6}.ttl-read-content--inline{margin-top:12px}.ttl-card--letter .ttl-read-content{flex:1 1 auto}.ttl-read-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.ttl-site-mark{margin:12px 0 0;flex-shrink:0;text-align:center;font-style:italic;font-size:.84rem;letter-spacing:.02em;color:#d6e9ffad}.ttl-reseal-title{margin:0 0 12px;text-align:center;font-weight:600;color:#fff}.ttl-wait-date{margin:16px 0 0;line-height:1.7;color:var(--uno-1)}.ttl-wait-date strong{font-size:1.2rem;color:#fff}.ttl-expired-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 8px}.ttl-expiry-note{margin:14px 0;font-size:.88rem;color:var(--uno-2);text-align:center}.ttl-dissolve-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#0628408c;backdrop-filter:blur(4px)}.ttl-dissolve-text{max-width:360px;padding:20px;border-radius:14px;background:#d6e9ffe6;color:var(--text-dark);text-align:center;animation:ttl-dissolve 2.3s ease forwards}.ttl-seal-overlay{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#062840b8;backdrop-filter:blur(6px)}.ttl-seal-scene{position:relative;width:240px;height:260px;margin-bottom:4px}.ttl-seal-fragment{position:absolute;left:50%;top:18px;width:min(200px,80vw);transform:translate(-50%);padding:10px 14px;border-radius:12px;background:#d6e9ffeb;color:var(--text-dark);font-size:.95rem;line-height:1.45;text-align:center;box-shadow:0 8px 24px #00000026;animation:ttl-seal-fragment 2.4s ease-in forwards;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.ttl-seal-jar-wrap{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:140px}.ttl-seal-jar-wrap .htt-jar-visual-body{width:140px;min-height:96px;animation:ttl-seal-jar-pulse 2.4s ease-in-out forwards}.ttl-seal-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#fff9c4;box-shadow:0 0 10px #ffe566;animation:ttl-seal-spark 2.2s ease-out forwards;animation-delay:calc(.15s * var(--spark-i));opacity:0}.ttl-seal-spark:nth-child(odd){background:#b8f0e8;box-shadow:0 0 10px var(--uno-2)}.ttl-seal-caption{color:var(--uno-1);font-weight:600;animation:ttl-seal-caption 2.4s ease forwards}@keyframes ttl-dissolve{0%{opacity:1;filter:blur(0);transform:scale(1)}60%{opacity:.6;filter:blur(4px);transform:scale(.98)}to{opacity:0;filter:blur(12px);transform:scale(.95) translateY(20px)}}@keyframes ttl-seal-fragment{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1);filter:blur(0)}45%{opacity:.85;transform:translate(-50%) translateY(72px) scale(.72);filter:blur(1px)}75%{opacity:.2;transform:translate(-50%) translateY(108px) scale(.35);filter:blur(4px)}to{opacity:0;transform:translate(-50%) translateY(118px) scale(.15);filter:blur(8px)}}@keyframes ttl-seal-jar-pulse{0%,40%{box-shadow:inset 0 -14px 22px #ffffff2e,0 8px 24px #0a36684d}55%{box-shadow:inset 0 -14px 22px #ffffff47,0 0 28px #88b4e7a6,0 8px 24px #0a366859}to{box-shadow:inset 0 -14px 22px #fff3,0 8px 24px #0a36684d}}@keyframes ttl-seal-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}30%{opacity:1}to{opacity:0;transform:translate(calc(-50% + (var(--spark-i) - 5) * 14px),calc(-50% - 40px - var(--spark-i) * 4px)) scale(1.2)}}@keyframes ttl-seal-caption{0%,50%{opacity:0;transform:translateY(8px)}80%,to{opacity:1;transform:translateY(0)}}@media(max-width:400px){.ttl-compose-actions{grid-template-columns:1fr 1fr}}@media(min-width:900px){.ttl-container{max-width:760px}.ttl-envelope-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}html.nhu-route,html.nhu-route body,html.nhu-route #root{margin:0;padding:0;width:100%;height:100%;min-height:100%;overflow:hidden;background:#e0f2f1}.nhu-page{position:fixed;inset:0;width:100vw;min-width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;cursor:default;user-select:none;-webkit-tap-highlight-color:transparent;background:#e0f2f1;transition:background 3s ease;font-family:"Source Sans 3",sans-serif}.nhu-back-link{position:fixed;top:24px;left:24px;z-index:50;display:grid;place-items:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#14121873;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fef3c7;opacity:.92;cursor:pointer;transition:opacity .2s ease,color .2s ease,transform .2s ease,background .2s ease}.nhu-back-link:after{content:"Về trang chủ";position:absolute;top:calc(100% + 6px);left:0;padding:4px 10px;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.55);color:#111;font-family:"Source Sans 3",system-ui,sans-serif;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;box-shadow:0 2px 8px #0000002e}.nhu-back-link:hover:after,.nhu-back-link:focus-visible:after{opacity:1;transform:translateY(0)}.nhu-back-link:hover{opacity:1;color:#fff8e7;background:#1412189e;transform:scale(1.05)}.nhu-back-link svg{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.nhu-audio-controls{position:fixed;top:24px;right:24px;z-index:50;display:flex;align-items:center;gap:12px;padding:8px;border-radius:9999px;background:#fff3;backdrop-filter:blur(4px);box-shadow:0 1px 3px #00000014;opacity:0;transform:translate(16px);pointer-events:none;transition:opacity .5s ease,transform .5s ease,background .2s ease}.nhu-audio-controls.visible{opacity:1;transform:translate(0);pointer-events:auto}.nhu-audio-controls:hover{background:#fff6}.nhu-audio-controls input[type=range]{-webkit-appearance:none;appearance:none;width:80px;background:transparent}.nhu-audio-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:#76ff03;cursor:pointer;margin-top:-5px;box-shadow:0 0 2px #00000080}.nhu-audio-controls input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:#4e342e80}.nhu-mute-btn{border:none;background:none;font-size:1.25rem;line-height:1;color:#1b5e20;cursor:pointer;padding:0}.nhu-mute-btn:hover{color:#2e7d32}.nhu-sky-gradient{position:absolute;top:0;left:0;width:100%;height:80%;transition:background 4s ease;z-index:0}.nhu-sky-morning{background:linear-gradient(120deg,#4fc3f7,#e1f5fe)}.nhu-sky-noon{background:linear-gradient(to bottom,#90caf9,#e3f2fd 40%,#fff)}.nhu-sky-afternoon{background:linear-gradient(to bottom,#fff9c4,#fff3e0)}.nhu-sky-sunset{background:linear-gradient(to bottom,#4a148c,#d81b60 60%,#ff6f00)}.nhu-sky-evening{background:linear-gradient(to bottom,#1a237e,#311b92 80%,#4527a0)}.nhu-sky-night{background:linear-gradient(to bottom,#000,#0a192f)}.nhu-clouds-container{position:absolute;top:0;left:0;width:100%;height:40%;pointer-events:none;z-index:1;opacity:.9}.nhu-cloud-base{position:absolute;border-radius:50%;filter:blur(8px);background:linear-gradient(to bottom right,#fffffff2,#ffffffbf);animation:nhu-cloud-life linear infinite;animation-timing-function:var(--cloud-ease, linear)}.nhu-cloud-base:after{content:"";position:absolute;top:10px;left:-20px;width:60%;height:80%;background:inherit;border-radius:50%}@keyframes nhu-cloud-life{0%{transform:translate(-20vw);opacity:0}15%{opacity:.7}40%{transform:translate(20vw)}60%{transform:translate(25vw);opacity:.7}85%{opacity:.3}to{transform:translate(50vw);opacity:0}}.nhu-cloud.small{width:80px;height:30px}.nhu-cloud.medium{width:140px;height:50px}.nhu-cloud.large{width:200px;height:70px}.nhu-cloud-group{position:absolute;animation:nhu-cloud-life linear infinite;animation-timing-function:var(--cloud-ease, linear)}.nhu-morning-light{position:absolute;inset:-20%;background:linear-gradient(115deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.18) 20%,rgba(255,255,255,.06) 40%,transparent 65%),radial-gradient(circle at 30% 30%,rgba(255,255,255,.05),transparent 60%);background-blend-mode:screen;filter:blur(35px);z-index:4;pointer-events:none;animation:nhu-morning-light-breath 10s ease-in-out infinite}@keyframes nhu-morning-light-breath{0%,to{opacity:.85}50%{opacity:1}}.nhu-rays-noon{position:absolute;top:-20%;left:10%;width:80%;height:120%;background:linear-gradient(to bottom,rgba(255,255,255,.6) 0%,transparent 80%);filter:blur(40px);mix-blend-mode:overlay;z-index:5;pointer-events:none}.nhu-stars-container{position:absolute;inset:0;pointer-events:none;z-index:2}.nhu-star{position:absolute;background:#fff;border-radius:50%;animation:nhu-twinkle var(--duration) infinite ease-in-out}@keyframes nhu-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.nhu-celestial-container{position:absolute;width:220px;height:140px;z-index:1;overflow:visible;transition:all 4s ease-in-out}.nhu-sun-core{position:relative;width:180px;height:180px;background:#ffe082;border-radius:50%;transform:translateY(-30%);margin:0 auto;box-shadow:0 0 60px #ffc850cc;transition:all 4s ease}.nhu-sun-noon{background:#fff;box-shadow:0 0 40px #ffffffe6,0 0 80px #ffffc8cc,0 0 140px #ffeb3b99,0 0 200px #ffeb3b59;animation:nhu-heat-pulse 4s ease-in-out infinite}.nhu-sun-sunset{background:#ff7043;box-shadow:0 0 80px #ff5722cc}@keyframes nhu-heat-pulse{0%,to{box-shadow:0 0 40px #ffffffe6,0 0 80px #ffffc8cc,0 0 140px #ffeb3b99,0 0 200px #ffeb3b59}50%{box-shadow:0 0 55px #fff,0 0 100px #ffffc8e6,0 0 160px #ffeb3bcc,0 0 220px #ffeb3b80}}.nhu-moon-core{width:140px;height:140px;background:#e1f5fe;border-radius:50%;box-shadow:0 0 50px #b3e5fc99;margin:0 auto;transform:translateY(20px);opacity:0;transition:opacity 4s ease}.nhu-moon-evening{opacity:.25!important;transform:translateY(40px) scale(.9);box-shadow:none}.nhu-moon-bright{opacity:1;box-shadow:0 0 100px #ffffffe6;background:#fff;animation:nhu-moon-breath 10s ease-in-out infinite}@keyframes nhu-moon-breath{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.nhu-pos-morning{top:15%;left:8%}.nhu-pos-noon{top:-40px;left:50%;transform:translate(-50%)}.nhu-pos-afternoon{top:30px;right:15%}.nhu-pos-sunset{top:70%;right:-5%;transform:scale(1.3)}.nhu-pos-evening{top:60px;right:20px}.nhu-pos-night{top:20px;right:50%;transform:translate(50%)}.nhu-ground{position:absolute;bottom:0;left:0;width:100%;height:42%;background:linear-gradient(to bottom,#a8dca8,#5fbf5f);z-index:10;box-shadow:0 -10px 30px #0000000d;transition:background 4s ease}.nhu-ground:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.2) 0%,transparent 40%);pointer-events:none;opacity:.6;transition:opacity 4s ease}.nhu-ground-night:before{opacity:.05}.nhu-ground-sunset{background:linear-gradient(to bottom,#5d4037,#3e2723)}.nhu-ground-evening{background:linear-gradient(to bottom,#263238,#1b5e20)}.nhu-ground-night{background:linear-gradient(to bottom,#000,#052e16)}.nhu-fence{position:absolute;top:-260px;left:0;width:100%;height:360px;background-image:url(/nhu/fence.png);background-repeat:repeat-x;background-size:auto 100%;background-position:left bottom;z-index:11;pointer-events:none;transition:filter 4s ease}.nhu-fence-sunset{filter:sepia(.5) hue-rotate(-20deg) contrast(1.1)}.nhu-fence-evening{filter:brightness(.6) sepia(.3) hue-rotate(-40deg)}.nhu-fence-night{filter:brightness(.2) contrast(1.4);opacity:.9}.nhu-garden-container{position:absolute;bottom:20%;left:0;width:100%;display:flex;justify-content:center;align-items:flex-end;gap:15px;z-index:20;pointer-events:none}@media(min-width:768px){.nhu-garden-container{gap:80px;bottom:22%}}.nhu-tree-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer;pointer-events:auto;width:120px;border:none;background:transparent;padding:0;font:inherit;color:inherit}.nhu-tree-wrapper[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%) translateY(4px);padding:4px 10px;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.55);color:#111;font-family:"Source Sans 3",system-ui,sans-serif;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:40;box-shadow:0 2px 8px #0000002e}.nhu-tree-wrapper[data-tip]:hover:after,.nhu-tree-wrapper[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.nhu-tree-wrapper:focus-visible{outline:2px solid #2e7d32;outline-offset:4px;border-radius:12px}.nhu-garden-label{margin-top:6px;font-size:.72rem;font-weight:650;letter-spacing:.02em;color:#2e5a32;text-shadow:0 1px 6px rgba(243,240,229,.85)}.nhu-tree-center{margin-bottom:1.5rem}@media(min-width:768px){.nhu-tree-center{margin-bottom:2.5rem}}@keyframes nhu-flower-idle-a{0%{transform:rotate(-1.4deg) translate(-1px)}50%{transform:rotate(.9deg) translate(1px)}to{transform:rotate(-1.4deg) translate(-1px)}}@keyframes nhu-flower-idle-b{0%{transform:rotate(-.8deg)}50%{transform:rotate(1.2deg)}to{transform:rotate(-.8deg)}}@keyframes nhu-flower-idle-c{0%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}to{transform:rotate(-1deg)}}.nhu-emoji-flower{line-height:1;margin-bottom:0;filter:drop-shadow(0 8px 15px rgba(0,0,0,.15));transform-origin:bottom center;transition:transform 3.5s cubic-bezier(.22,1,.36,1);position:relative;z-index:21}.nhu-idle-a{animation:nhu-flower-idle-a 7.5s cubic-bezier(.45,.05,.55,.95) infinite}.nhu-idle-b{animation:nhu-flower-idle-b 6.2s cubic-bezier(.45,.05,.55,.95) infinite}.nhu-idle-c{animation:nhu-flower-idle-c 8.4s cubic-bezier(.45,.05,.55,.95) infinite}.nhu-tree-wrapper.nhu-windy .nhu-emoji-flower{animation:none;transform:rotate(4deg) translate(8px);transition:transform .9s ease-out}.nhu-tree-wrapper.nhu-recovering .nhu-emoji-flower{animation:none;transform:rotate(0) translate(0);transition:transform 3s cubic-bezier(.16,1,.3,1)}.nhu-flower-lg{font-size:5rem}.nhu-flower-xl{font-size:6rem}.nhu-flower-sm{font-size:3.5rem}@media(min-width:768px){.nhu-flower-lg{font-size:7.5rem}.nhu-flower-xl{font-size:8.5rem}.nhu-flower-sm{font-size:5rem}}.nhu-tree-wrapper:hover .nhu-emoji-flower{filter:drop-shadow(0 0 30px rgba(255,235,59,.9)) brightness(1.1)}.nhu-page.nhu-night .nhu-tree-wrapper:hover .nhu-emoji-flower{filter:drop-shadow(0 0 25px rgba(0,255,255,.7)) brightness(1.2)}.nhu-stencil-text{font-family:Saira Stencil One,sans-serif;font-size:20px;line-height:1.4;letter-spacing:.08em;text-align:center;color:#3e2723;text-shadow:1px 1px 0 rgba(118,255,3,.5),-1px -1px 0 rgba(118,255,3,.4),0 0 5px rgba(118,255,3,.3);transition:all 3s;position:relative;z-index:22;margin-top:-6px}.nhu-text-night{color:#cfd8dc;text-shadow:1px 1px 0 rgba(0,0,0,.8),-1px -1px 0 rgba(0,0,0,.5),0 0 10px rgba(255,255,255,.2)}@keyframes nhu-particle-fall{0%{transform:translate(0) rotate(0);opacity:0}20%{opacity:var(--p-opacity)}80%{opacity:var(--p-opacity)}to{transform:translate(var(--move-x),var(--move-y)) rotate(var(--rot));opacity:0}}@keyframes nhu-firefly-float{0%,to{transform:translate(0);opacity:0}50%{opacity:1}25%{transform:translate(10px,-10px)}75%{transform:translate(-10px,10px)}}@keyframes nhu-insect-orbit-right{0%{transform:translate(0);opacity:0}10%{opacity:1}30%{transform:translate(15px,-10px)}50%{transform:translate(-10px,8px)}70%{transform:translate(10px,-6px)}to{transform:translate(120vw,-20vh);opacity:0}}@keyframes nhu-insect-orbit-left{0%{transform:translate(0);opacity:0}10%{opacity:1}30%{transform:translate(-15px,-10px)}50%{transform:translate(10px,8px)}70%{transform:translate(-10px,-6px)}to{transform:translate(-120vw,-20vh);opacity:0}}@keyframes nhu-butterfly-flicker{0%{transform:scaleX(.6) rotate(2deg);opacity:.8}50%{transform:scaleX(1.2) rotate(-2deg);opacity:1}to{transform:scaleX(.6) rotate(2deg);opacity:.8}}.nhu-particle{position:absolute;pointer-events:none;z-index:15}.nhu-falling{animation:nhu-particle-fall linear forwards}.nhu-floating{animation:nhu-firefly-float 4s ease-in-out infinite}.nhu-orbiting-right{animation:nhu-insect-orbit-right linear forwards}.nhu-orbiting-left{animation:nhu-insect-orbit-left linear forwards}.nhu-leaf{background-color:#c5e1a5;border-radius:2px 8px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1))}.nhu-pollen{background-color:#fff9c4;border-radius:50%;filter:blur(1px);box-shadow:0 0 2px #fff}.nhu-firefly{background-color:#ffeb3b;border-radius:50%;box-shadow:0 0 8px #ffeb3b}.nhu-insect-bee{width:10px;height:4px;border-radius:50%/60%;background:radial-gradient(circle,#ffeb3b 0%,#f9a825 60%,transparent 70%);box-shadow:0 0 4px #ffc80099}.nhu-insect-butterfly{width:12px;height:4px;position:relative;animation:nhu-butterfly-flicker .45s ease-in-out infinite}.nhu-insect-butterfly:before,.nhu-insect-butterfly:after{content:"";position:absolute;width:6px;height:6px;top:-1px;background:radial-gradient(circle,var(--wing-a),var(--wing-b));border-radius:50%}.nhu-insect-butterfly:before{left:-4px}.nhu-insect-butterfly:after{right:-4px}html.tvben-route,html.tvben-route body,html.tvben-route #root{margin:0;min-height:100%}.tvben-root{--tvben-bg: #f3f0e5;--tvben-bg-soft: #eef1e4;--tvben-moc: #557a55;--tvben-mam: #8faf72;--tvben-go: #8a6a48;--tvben-text: #30362f;--tvben-accent: #557a55;--tvben-accent-soft: rgba(85, 122, 85, .14);min-height:100dvh;padding:20px 18px 32px;color:var(--tvben-text);background:radial-gradient(ellipse 80% 50% at 50% -8%,rgba(143,175,114,.16) 0%,transparent 58%),var(--tvben-bg);font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;animation:tvben-fade-in .7s ease both}.tvben-root--sage{--tvben-bg: #eef1e8;--tvben-accent: #668a62;--tvben-accent-soft: rgba(102, 138, 98, .16);--tvben-moc: #668a62;--tvben-go: #6d7f68;background:radial-gradient(ellipse 70% 42% at 50% 0%,rgba(180,198,176,.38) 0%,transparent 62%),radial-gradient(ellipse 50% 36% at 82% 78%,rgba(210,220,208,.45) 0%,transparent 70%),var(--tvben-bg)}.tvben-root--young-green{--tvben-bg: #f0f2e4;--tvben-accent: #7fa65f;--tvben-accent-soft: rgba(127, 166, 95, .2);--tvben-moc: #6f9654;--tvben-mam: #7fa65f;--tvben-go: #7a8a52;background:radial-gradient(ellipse 72% 46% at 48% -4%,rgba(167,196,122,.28) 0%,transparent 58%),radial-gradient(ellipse 40% 30% at 18% 86%,rgba(143,175,114,.16) 0%,transparent 68%),var(--tvben-bg)}.tvben-root--forest{--tvben-bg: #e4efe3;--tvben-accent: #2f5d32;--tvben-accent-soft: rgba(47, 93, 50, .16);--tvben-moc: #2f5d32;--tvben-go: #3d6b3a;background:radial-gradient(ellipse 70% 42% at 50% -6%,rgba(47,93,50,.18) 0%,transparent 60%),radial-gradient(ellipse 46% 32% at 88% 90%,rgba(46,90,50,.12) 0%,transparent 70%),var(--tvben-bg)}.tvben-back{position:fixed;top:16px;left:16px;z-index:20;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--tvben-accent) 28%,transparent);border-radius:50%;background:color-mix(in srgb,var(--tvben-bg) 82%,white);color:var(--tvben-accent);cursor:pointer}.tvben-back svg{width:22px;height:22px}.tvben-back:focus-visible,.tvben-gate:focus-visible,.tvben-start:focus-visible,.tvben-ghost:focus-visible,.tvben-mode-card:focus-visible{outline:2px solid var(--tvben-accent);outline-offset:3px}.tvben-logo-link{position:fixed;top:16px;right:16px;z-index:20;line-height:0}.tvben-logo{width:44px;height:44px;object-fit:contain}.tvben-garden{display:flex;flex-direction:column;align-items:center;max-width:720px;min-height:calc(100dvh - 52px);margin:0 auto;padding-top:52px;padding-bottom:8px}.tvben-hero{text-align:center;margin-bottom:8px}.tvben-sprout{display:block;font-size:1.6rem;line-height:1;margin-bottom:8px;animation:tvben-rise .7s ease both}.tvben-hero h1{margin:0;font-family:MuseoModerno,Be Vietnam Pro,system-ui,sans-serif;font-size:clamp(1.5rem,5.4vw,2rem);font-weight:700;letter-spacing:.02em;color:var(--tvben-moc);-webkit-text-stroke:.4px currentColor;paint-order:stroke fill}.tvben-verse{margin:auto 0 10px;padding-top:36px;text-align:center;font-size:.98rem;font-weight:500;font-style:italic;line-height:1.7;letter-spacing:.01em;color:var(--tvben-moc)}.tvben-verse span{display:block}.tvben-hairline{width:min(72%,220px);height:1px;margin:18px 0;background:linear-gradient(90deg,transparent,rgba(138,106,72,.45),transparent)}.tvben-gates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:560px}.tvben-gate{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:148px;padding:16px 8px 12px;border:none;background:transparent;color:inherit;cursor:pointer;font:inherit;animation:tvben-rise .75s ease both}.tvben-gate:nth-child(1){animation-delay:.06s}.tvben-gate:nth-child(2){animation-delay:.14s}.tvben-gate:nth-child(3){animation-delay:.22s}.tvben-gate-arch{position:relative;display:flex;align-items:flex-end;justify-content:center;width:84px;height:96px;padding-bottom:14px;overflow:hidden;border:1.5px solid rgba(85,122,85,.38);border-bottom:none;border-radius:42px 42px 10px 10px;background:linear-gradient(180deg,#eef1e4b3,#f3f0e52e)}.tvben-gate--sage .tvben-gate-arch{border-color:#668a6280;border-radius:46px 46px 8px 8px;background:radial-gradient(ellipse 80% 50% at 50% 18%,rgba(255,255,255,.55) 0%,transparent 62%),linear-gradient(180deg,#e8eee6,#dce6d8)}.tvben-gate--young-green .tvben-gate-arch{border-color:#7fa65f9e;border-radius:40px 40px 18px 18px;background:radial-gradient(ellipse 70% 45% at 50% 80%,rgba(167,196,122,.35) 0%,transparent 70%),linear-gradient(180deg,#eef3df,#e2ebc8)}.tvben-gate--forest .tvben-gate-arch{border-color:#2f5d3285;border-radius:36px 36px 12px 12px;background:radial-gradient(ellipse 70% 50% at 50% 18%,rgba(255,255,255,.38) 0%,transparent 62%),linear-gradient(180deg,#d4e6d3,#b4d0b2)}.tvben-gate-mark{display:block;width:30px;height:30px;color:#557a55}.tvben-gate--sage .tvben-gate-mark,.tvben-gate--sage .tvben-gate-name{color:#668a62}.tvben-gate--young-green .tvben-gate-mark,.tvben-gate--young-green .tvben-gate-name{color:#6f9654}.tvben-gate--forest .tvben-gate-mark,.tvben-gate--forest .tvben-gate-name{color:#2f5d32}.tvben-gate-name{font-family:MuseoModerno,Be Vietnam Pro,system-ui,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.tvben-gate-mood{font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;opacity:.72}.tvben-gate--sage .tvben-gate-mood{color:#668a62}.tvben-gate--young-green .tvben-gate-mood{color:#7fa65f}.tvben-gate--forest .tvben-gate-mood{color:#3d6b3a}.tvben-gate--sage:hover .tvben-gate-arch,.tvben-gate--sage:active .tvben-gate-arch{background:radial-gradient(ellipse 80% 50% at 50% 18%,rgba(255,255,255,.7) 0%,transparent 62%),linear-gradient(180deg,#e4ebe2,#d3e0d0)}.tvben-gate--young-green:hover .tvben-gate-arch,.tvben-gate--young-green:active .tvben-gate-arch{background:radial-gradient(ellipse 70% 45% at 50% 80%,rgba(167,196,122,.48) 0%,transparent 70%),linear-gradient(180deg,#eaf2d6,#d7e6b8)}.tvben-gate--forest:hover .tvben-gate-arch,.tvben-gate--forest:active .tvben-gate-arch{background:radial-gradient(ellipse 70% 50% at 50% 18%,rgba(255,255,255,.5) 0%,transparent 62%),linear-gradient(180deg,#c9dec8,#a4c5a2)}.tvben-station,.tvben-practice{display:flex;flex-direction:column;align-items:center;max-width:420px;margin:0 auto;padding-top:56px;text-align:center;animation:tvben-fade-in .55s ease both}.tvben-station{min-height:calc(100dvh - 40px);padding-bottom:8px}.tvben-station-kicker{margin:0 0 6px;font-size:.78rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--tvben-go)}.tvben-station-mark{display:block;width:42px;height:42px;margin:2px auto 16px;color:var(--tvben-accent)}.tvben-mode-entry h1,.tvben-practice h1,.tvben-mode-list h1{margin:10px 0 8px;font-size:clamp(1.45rem,5.4vw,1.85rem);font-weight:700;color:var(--tvben-accent)}.tvben-mode-entry p,.tvben-practice-note{margin:0 0 28px;max-width:22rem;font-size:1rem;line-height:1.55;color:var(--tvben-text)}.tvben-mode-mark{width:42px;height:42px;color:var(--tvben-accent)}.tvben-start{min-width:168px;min-height:48px;padding:12px 28px;border:none;border-radius:999px;background:var(--tvben-accent);color:#f7f4ea;font:inherit;font-size:.95rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.tvben-root--sage .tvben-start{border-radius:999px}.tvben-root--young-green .tvben-start{border-radius:18px}.tvben-root--forest .tvben-start{border-radius:12px}.tvben-start:hover,.tvben-start:active{filter:brightness(.94)}.tvben-start:disabled{opacity:.45;cursor:default;filter:none}.tvben-mode-list{width:100%}.tvben-mode-list ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.tvben-mode-card{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;min-height:96px;padding:16px 14px;border:1px solid color-mix(in srgb,var(--tvben-accent) 32%,transparent);border-radius:16px;background:color-mix(in srgb,var(--tvben-bg) 70%,white);color:inherit;font:inherit;cursor:pointer}.tvben-mode-card-mark{width:26px;height:26px;color:var(--tvben-accent)}.tvben-mode-card-title{font-weight:700;color:var(--tvben-accent)}.tvben-mode-card-tag{font-size:.88rem;color:var(--tvben-text)}.tvben-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.tvben-challenge{display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;margin:0 auto;padding-top:64px;text-align:center;animation:tvben-fade-in .55s ease both}.tvben-challenge h1{margin:0;font-size:clamp(1.35rem,5vw,1.75rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tvben-accent)}.tvben-challenge-instruction{margin:10px 0 22px;max-width:22rem;font-size:.98rem;line-height:1.55;color:var(--tvben-text)}.tvben-seeds{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:8px;row-gap:18px;width:100%;max-width:22rem;margin:0 0 22px;padding:0;list-style:none}.tvben-seed{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.tvben-seed:nth-child(1){grid-column:1 / 3}.tvben-seed:nth-child(2){grid-column:3 / 5}.tvben-seed:nth-child(3){grid-column:5 / 7}.tvben-seed:nth-child(4){grid-column:2 / 4}.tvben-seed:nth-child(5){grid-column:4 / 6}.tvben-seed-word{font-size:1.02rem;font-weight:700;color:var(--tvben-accent)}.tvben-seed-dot{width:11px;height:11px;border:1.6px solid var(--tvben-accent);border-radius:50%;background:transparent}.tvben-seed--used .tvben-seed-dot{background:var(--tvben-accent)}.tvben-write{width:100%;min-height:196px;padding:14px 16px;border:1.5px solid color-mix(in srgb,var(--tvben-accent) 32%,transparent);border-radius:12px;background:color-mix(in srgb,var(--tvben-bg) 55%,white);color:var(--tvben-text);font:inherit;font-size:1rem;line-height:1.6;resize:none}.tvben-write:focus{outline:2px solid var(--tvben-accent);outline-offset:2px}.tvben-write[readonly]{opacity:.92}.tvben-seq{display:flex;flex-direction:column;gap:16px;width:100%;margin:0 0 8px}.tvben-seq-locked,.tvben-seq-active{display:flex;flex-direction:column;gap:8px;width:100%}.tvben-seq-locked{padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--tvben-accent) 22%,transparent)}.tvben-seq-seed{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:1.05rem;color:var(--tvben-accent)}.tvben-seq-seed strong{font-weight:800}.tvben-seq-body{margin:0;font-size:.98rem;line-height:1.55;text-align:justify;white-space:pre-wrap;color:var(--tvben-text)}.tvben-seq-lock{margin:0;font-size:.82rem;font-weight:650;letter-spacing:.04em;color:var(--tvben-accent);text-align:center}.tvben-seq-hint{margin:0 0 4px;font-size:.9rem;line-height:1.5;color:var(--tvben-text)}.tvben-seq-active .tvben-write{min-height:148px}.tvben-seq-active .tvben-start{width:100%;margin-top:4px;text-transform:none;letter-spacing:.04em}.tvben-prompt{margin:0 0 16px;max-width:22rem;font-size:1.08rem;font-weight:800;font-style:italic;line-height:1.5;color:#4a3728}.tvben-given{margin:0 0 16px;max-width:22rem;font-size:1.02rem;font-weight:800;line-height:1.5;color:#4a3728}.tvben-given-label{font-weight:650;font-style:normal;font-size:.92rem}.tvben-required-block,.tvben-ending-block{width:100%;max-width:22rem;margin:0 0 14px;text-align:left}.tvben-required-block strong,.tvben-ending-block strong{display:block;margin:0 0 4px;font-size:.9rem;font-weight:700;line-height:1.45;color:var(--tvben-text)}.tvben-required-words,.tvben-ending-text{margin:0;font-size:1rem;font-weight:800;line-height:1.5;color:#4a3728}.tvben-rules{list-style:none;width:100%;max-width:22rem;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left;position:relative;z-index:1}.tvben-rule{display:flex;align-items:flex-start;gap:8px;height:auto;width:auto;margin:0;background:none;font-size:.92rem;font-weight:650;line-height:1.45}.tvben-rule--ok{color:var(--tvben-accent)}.tvben-rule--bad{color:#8a3a32}.tvben-challenge--constraint .tvben-write{margin-top:2px}.tvben-write--constraint{font-size:calc(1rem + 2px);font-weight:700}.tvben-write-meta{display:flex;justify-content:space-between;align-items:baseline;width:100%;gap:12px}.tvben-min-words{margin:8px 0 0;font-size:.78rem;font-style:italic;font-weight:500;color:color-mix(in srgb,var(--tvben-text) 72%,transparent);text-align:left;flex:1}.tvben-challenge--constraint .tvben-counter{width:auto;flex-shrink:0;margin:8px 0 0}.tvben-tree{width:100%;max-width:22rem;margin:0 0 16px;text-align:left}.tvben-idea-guidance{width:100%;max-width:22rem;margin:0 0 14px;padding:10px 12px;border-radius:10px;font-size:.92rem;font-weight:650;line-height:1.5;text-align:left;color:var(--tvben-text);background:color-mix(in srgb,var(--tvben-accent) 10%,white);border:1px solid color-mix(in srgb,var(--tvben-accent) 24%,transparent)}.tvben-idea-guidance--pick{background:color-mix(in srgb,#c9a227 12%,white);border-color:color-mix(in srgb,#c9a227 35%,transparent);color:#5c4a12}.tvben-idea-guidance--done{background:color-mix(in srgb,var(--tvben-accent) 14%,white);border-color:var(--tvben-accent);color:var(--tvben-accent)}.tvben-idea-progress{display:inline-block;margin-left:6px;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--tvben-accent)}.tvben-node{margin:0 0 8px}.tvben-node-kids{margin:8px 0 0 16px;padding-left:10px;border-left:1.5px solid color-mix(in srgb,var(--tvben-accent) 28%,transparent)}.tvben-node-text{display:inline-flex;max-width:100%;padding:6px 10px;border:1px solid color-mix(in srgb,var(--tvben-accent) 28%,transparent);border-radius:10px;background:color-mix(in srgb,var(--tvben-bg) 70%,white);color:var(--tvben-text);font:inherit;font-size:.92rem;font-weight:650;text-align:left;cursor:pointer}.tvben-node--current .tvben-node-text{border-color:var(--tvben-accent);color:var(--tvben-accent);box-shadow:0 0 0 1px var(--tvben-accent)}.tvben-node--pickable .tvben-node-text{border-color:color-mix(in srgb,#c9a227 55%,var(--tvben-accent));background:color-mix(in srgb,#c9a227 10%,white);animation:tvben-pick-pulse 1.6s ease-in-out infinite}.tvben-node--pickable .tvben-node-text:after{content:" →";font-weight:800;color:#9a7b10}@keyframes tvben-pick-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,#c9a227 0%,transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb,#c9a227 28%,transparent)}}.tvben-node-text:disabled{opacity:.72;cursor:default}.tvben-idea-add{display:flex;flex-direction:column;gap:10px;width:100%;max-width:22rem}.tvben-idea-input{width:100%;min-height:44px;padding:10px 12px;border:1.5px solid color-mix(in srgb,var(--tvben-accent) 32%,transparent);border-radius:12px;background:color-mix(in srgb,var(--tvben-bg) 55%,white);color:var(--tvben-text);font:inherit}.tvben-idea-add .tvben-start{width:100%;text-transform:none}.tvben-counter{width:100%;margin:8px 0 0;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-align:right;color:var(--tvben-accent)}.tvben-ready{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:20px}.tvben-ready-flag{margin:0;padding:8px 16px;border-radius:999px;background:var(--tvben-accent-soft);color:var(--tvben-accent);font-size:.88rem;font-weight:700}.tvben-ready .tvben-start{text-transform:none;letter-spacing:.02em}.tvben-khu-luu{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding:10px 6px 4px;border:none;background:transparent;color:var(--tvben-accent);font:inherit;font-size:.9rem;font-weight:650;letter-spacing:.04em;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.tvben-khu-luu svg{width:18px;height:18px}.tvben-root--saved{padding-top:12px;padding-bottom:16px}.tvben-saved-bar{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;margin-bottom:6px}.tvben-root--saved .tvben-saved-bar .tvben-back{position:absolute;top:0;left:0}.tvben-saved-bar h1{margin:0;font-size:clamp(1.2rem,4.6vw,1.5rem);font-weight:800;color:var(--tvben-accent)}.tvben-saved{display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;margin:0 auto;padding-top:18px;text-align:center}.tvben-saved-quota{margin:0 0 14px;font-size:.88rem;font-weight:700;letter-spacing:.06em;color:var(--tvben-accent)}.tvben-saved-empty{margin:12px 0 0;color:var(--tvben-text)}.tvben-saved-toolbar{display:flex;justify-content:space-between;gap:8px;width:100%;margin-bottom:10px}.tvben-saved-tool{min-height:36px;padding:6px 10px;border:none;border-radius:8px;background:transparent;color:var(--tvben-accent);font:inherit;font-size:.82rem;font-weight:650;cursor:pointer}.tvben-saved-tool--danger{color:#8a3a32}.tvben-challenge--quan{gap:16px}.tvben-quan-head,.tvben-quan-round,.tvben-quan-locked-list,.tvben-quan-saved-groups{width:100%;max-width:32rem}.tvben-quan-head{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.tvben-quan-sense{margin:0;font-size:.92rem;font-weight:700;color:var(--tvben-accent)}.tvben-quan-title{margin:0;font-size:1.18rem;font-weight:800;line-height:1.35;color:#4a3728}.tvben-quan-locked-list{display:flex;flex-direction:column;gap:12px}.tvben-quan-round{padding:14px 14px 16px;border-radius:14px;text-align:justify;background:color-mix(in srgb,var(--tvben-bg) 64%,white);border:1px solid color-mix(in srgb,var(--tvben-accent) 18%,transparent)}.tvben-quan-round--active{border-color:color-mix(in srgb,var(--tvben-accent) 30%,transparent);box-shadow:0 10px 24px color-mix(in srgb,var(--tvben-accent) 10%,transparent)}.tvben-quan-round-label{margin:0 0 6px;font-size:.95rem;font-weight:800;letter-spacing:0;text-transform:none;color:var(--tvben-accent)}.tvben-quan-question{margin:0;font-size:1rem;font-weight:700;line-height:1.55;color:var(--tvben-text)}.tvben-quan-anchor{display:flex;align-items:flex-start;gap:10px;margin:14px 0 12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--tvben-accent) 10%,white);color:color-mix(in srgb,var(--tvben-text) 90%,transparent)}.tvben-quan-anchor--ready{background:color-mix(in srgb,#c9a227 12%,white)}.tvben-quan-anchor-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--tvben-accent);animation:tvben-quan-breathe 1.8s ease-in-out infinite;flex-shrink:0}.tvben-quan-anchor--ready .tvben-quan-anchor-dot{background:#c9a227}@keyframes tvben-quan-breathe{0%,to{transform:scale(.85);opacity:.45}50%{transform:scale(1.1);opacity:1}}.tvben-quan-anchor-text,.tvben-quan-answer,.tvben-quan-empty{margin:0;font-size:.92rem;line-height:1.55}.tvben-quan-input-label{display:block;margin:0 0 8px;font-size:.95rem;font-weight:700;font-style:italic;text-align:center;color:var(--tvben-accent)}.tvben-write--quan{min-height:128px;margin-bottom:8px}.tvben-write--quan::placeholder{color:color-mix(in srgb,var(--tvben-text) 62%,var(--tvben-accent));opacity:1;font-style:italic}.tvben-counter--quan{margin:0 0 12px;text-align:left}.tvben-quan-round--active .tvben-start{width:100%;text-transform:none}.tvben-quan-round--locked{background:color-mix(in srgb,var(--tvben-bg) 52%,white)}.tvben-quan-answer{margin-top:10px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--tvben-accent) 16%,transparent);white-space:pre-wrap;color:#4a3728}.tvben-quan-empty{margin-top:10px;font-style:italic;color:color-mix(in srgb,var(--tvben-text) 70%,transparent)}.tvben-quan-saved-groups{display:flex;flex-direction:column;gap:12px}.tvben-quan-group{border-radius:16px;background:color-mix(in srgb,var(--tvben-bg) 64%,white);border:1px solid color-mix(in srgb,var(--tvben-accent) 16%,transparent);overflow:hidden}.tvben-quan-group-head{width:100%;padding:14px;text-align:left;background:transparent;color:inherit}.tvben-quan-group-title,.tvben-quan-group-meta,.tvben-quan-saved-date{margin:0}.tvben-quan-group-title{font-size:1rem;font-weight:800;line-height:1.45;color:#4a3728}.tvben-quan-group-meta,.tvben-quan-saved-date{margin-top:6px;font-size:.82rem;font-weight:650;color:var(--tvben-accent)}.tvben-quan-group-body{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px}.tvben-quan-saved-entry{padding:12px;border-radius:12px;background:color-mix(in srgb,white 75%,var(--tvben-bg));text-align:justify}.tvben-quan-saved-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.tvben-quan-saved-rounds{display:flex;flex-direction:column;gap:10px;margin-top:8px}.tvben-saved-tool:disabled{opacity:.4;cursor:default}.tvben-saved-list{list-style:none;width:100%;margin:0;padding:0 0 16px;display:flex;flex-direction:column;gap:10px;max-height:min(70dvh,71rem);overflow-y:auto}.tvben-saved-card{display:flex;flex-direction:column;gap:8px;width:100%;padding:12px 14px 14px;border:1px solid color-mix(in srgb,var(--tvben-accent) 28%,transparent);border-radius:14px;background:color-mix(in srgb,var(--tvben-bg) 60%,white);text-align:left}.tvben-saved-card--on{border-color:var(--tvben-accent);box-shadow:0 0 0 1px var(--tvben-accent)}.tvben-saved-pick{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--tvben-accent);cursor:pointer}.tvben-saved-pick input{width:16px;height:16px;accent-color:var(--tvben-accent)}.tvben-saved-date{font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--tvben-accent)}.tvben-saved-words{margin:0;font-size:.88rem;font-weight:700;color:var(--tvben-accent)}.tvben-saved-body{margin:0;max-height:15.5em;overflow-y:auto;font-size:calc(.95rem + 3px);line-height:1.55;text-align:justify;white-space:pre-wrap;color:var(--tvben-text)}.tvben-saved-delete{align-self:flex-end;min-height:32px;padding:4px 10px;border:1px solid color-mix(in srgb,#8a3a32 45%,transparent);border-radius:8px;background:transparent;color:#8a3a32;font:inherit;font-size:.8rem;font-weight:650;cursor:pointer}.tvben-saved-detail{width:100%;text-align:left;display:flex;flex-direction:column;gap:10px;padding:4px 2px 24px}.tvben-khu-luu:focus-visible,.tvben-saved-tool:focus-visible,.tvben-saved-delete:focus-visible{outline:2px solid var(--tvben-accent);outline-offset:3px}.tvben-garden,.tvben-station,.tvben-practice,.tvben-challenge,.tvben-saved{position:relative;z-index:1}.tvben-complete{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:22px;animation:tvben-fade-in .45s ease both}.tvben-complete-check{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:8px;border-radius:50%;background:var(--tvben-accent);color:#f7f4ea;font-size:1.2rem;font-weight:700}.tvben-complete-title{margin:0 0 16px;font-size:1.05rem;font-weight:700;color:var(--tvben-accent)}.tvben-complete-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(100%,220px)}.tvben-ghost{min-height:44px;padding:10px 20px;border:1.5px solid color-mix(in srgb,var(--tvben-accent) 38%,transparent);border-radius:12px;background:transparent;color:var(--tvben-accent);font:inherit;font-size:.95rem;font-weight:650;letter-spacing:.06em;cursor:pointer}.tvben-abort-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px;background:#18241a6b;backdrop-filter:blur(6px)}.tvben-abort-modal{width:min(92vw,320px);padding:24px 20px 18px;border-radius:16px;background:color-mix(in srgb,var(--tvben-bg) 88%,white);box-shadow:0 14px 40px #18241a38}.tvben-abort-title{margin:0 0 18px;font-size:1.05rem;font-weight:700;text-align:center;color:var(--tvben-text)}.tvben-abort-message{margin:-8px 0 18px;font-size:.92rem;line-height:1.5;text-align:center;color:var(--tvben-text)}.tvben-abort-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tvben-complete-actions .tvben-start,.tvben-complete-actions .tvben-ghost,.tvben-abort-actions .tvben-start,.tvben-abort-actions .tvben-ghost{min-width:0;width:100%;text-transform:none;letter-spacing:.02em}.tvben-confirm-danger{background:#8a3a32}.tvben-air{position:fixed;inset:0;pointer-events:none;z-index:0}.tvben-air--sage:before,.tvben-air--sage:after{content:"";position:absolute;border-radius:50%;filter:blur(28px);background:#d2dcd08c}.tvben-air--sage:before{width:58vw;height:34vh;top:8%;left:-8%;animation:tvben-mist 14s ease-in-out infinite alternate}.tvben-air--sage:after{width:46vw;height:28vh;right:-6%;bottom:12%;opacity:.7;animation:tvben-mist 18s ease-in-out infinite alternate-reverse}@keyframes tvben-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tvben-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tvben-mist{0%{transform:translate(0)}to{transform:translate(12px)}}@media(max-width:360px){.tvben-gates{grid-template-columns:1fr;max-width:220px}.tvben-gate{min-height:120px}}@media(min-width:720px){.tvben-gates{gap:28px;max-width:640px}.tvben-gate-arch{width:96px;height:112px}}@media(prefers-reduced-motion:reduce){.tvben-root,.tvben-sprout,.tvben-gate,.tvben-station,.tvben-practice,.tvben-air--sage:before,.tvben-air--sage:after{animation:none}}html.tvb-route,html.tvb-route body{margin:0;min-height:100%}.tvb-hub-root,.tvb-game-root{--tvb-font-display: "Science Gothic", "Segoe UI", system-ui, sans-serif;--tvb-bg-top: #ddefd5;--tvb-bg-mid: #d3ebcb;--tvb-bg-bot: #7a9b79;--tvb-ink: #2a3d2c;--tvb-muted: #4a6350;--tvb-accent: #5a7d5c;--tvb-card: rgba(255, 255, 252, .55);--tvb-gate: rgba(255, 255, 252, .42);min-height:100dvh;color:var(--tvb-ink);background:linear-gradient(180deg,var(--tvb-bg-top) 0%,var(--tvb-bg-mid) 48%,var(--tvb-bg-bot) 100%);font-family:Segoe UI,Be Vietnam Pro,system-ui,sans-serif;position:relative;padding:1rem 1rem 2.5rem;box-sizing:border-box}.tvb-game-root--black{background:#000;color:#eee}.tvb-back{position:fixed;top:.85rem;left:.85rem;z-index:20;width:2.5rem;height:2.5rem;border:none;border-radius:999px;background:#fffffcb3;color:var(--tvb-ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 4px #283c281a}.tvb-back svg{width:1.25rem;height:1.25rem}.tvb-logo-link{position:fixed;top:.75rem;right:.85rem;z-index:20}.tvb-logo{width:2.4rem;height:2.4rem;border-radius:50%}.tvb-hub-main{max-width:56rem;margin:3.2rem auto 0}.tvb-hub-hero{text-align:center;margin-bottom:1.75rem}.tvb-hub-brand{margin:0;font-family:var(--tvb-font-display);font-size:clamp(2.35rem,8vw,3.4rem);font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1.05;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.08em}.tvb-hub-brand-line{display:block}@media(min-width:820px){.tvb-hub-brand{flex-direction:row;flex-wrap:nowrap;gap:.35em}.tvb-hub-home{overflow:hidden;height:100dvh;min-height:100dvh;padding-bottom:1rem}.tvb-hub-home .tvb-hub-main{max-width:56rem;margin:0 auto;height:100%;display:flex;flex-direction:column;padding-top:3.2rem;box-sizing:border-box}.tvb-hub-home .tvb-hub-hero{flex:0 0 auto;margin-bottom:0}.tvb-hub-home .tvb-gates{flex:1 1 auto;align-content:center;margin:0 auto;width:min(56rem,92vw);max-width:56rem;gap:1.35rem}.tvb-hub-home .tvb-gate{min-height:clamp(15rem,36dvh,22rem);max-height:none;aspect-ratio:3 / 4.2;height:auto}.tvb-hub-home .tvb-gate-art{width:clamp(3.8rem,8vw,5.2rem);height:clamp(5.5rem,12vw,7.5rem)}.tvb-hub-home .tvb-gate-name{font-size:clamp(1.05rem,1.6vw,1.25rem)}}.tvb-cat-title{margin:0;font-family:var(--tvb-font-display);font-size:clamp(1.85rem,5vw,2.35rem);font-weight:300;letter-spacing:.08em;text-transform:uppercase}.tvb-hub-tagline{margin:.55rem auto 0;max-width:22rem;color:var(--tvb-muted);font-size:.98rem;line-height:1.5}.tvb-gates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;max-width:22rem;margin:0 auto}@media(min-width:820px){.tvb-gates{grid-template-columns:repeat(4,minmax(0,1fr));max-width:48rem;gap:1rem}}.tvb-gate{appearance:none;border:1px solid rgba(60,90,65,.18);border-radius:1.15rem;background:var(--tvb-gate);backdrop-filter:blur(6px);color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.55rem;padding:1rem .65rem 1.1rem;aspect-ratio:3 / 4.2;min-height:9.5rem;transition:transform .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease}.tvb-gate:hover{transform:translateY(-3px);background:#fffffc9e;border-color:#3c5a4147;box-shadow:0 8px 22px #28462d1f}.tvb-gate:hover .tvb-gate-wave,.tvb-gate:hover .tvb-gate-orbit,.tvb-gate:hover .tvb-gate-pulse{animation-play-state:running}.tvb-gate:active{transform:translateY(0) scale(.98)}.tvb-gate-art{width:3.4rem;height:5rem;color:var(--tvb-accent);flex:1}.tvb-gate-name{font-family:var(--tvb-font-display);font-size:.98rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.tvb-gate-wave{animation:tvb-wave 2.8s ease-in-out infinite;animation-play-state:paused}.tvb-gate-wave--delay{animation-delay:.4s}.tvb-gate-orbit,.tvb-gate-orbit-dot{transform-origin:32px 48px;animation:tvb-spin 6s linear infinite;animation-play-state:paused}.tvb-gate-pulse{animation:tvb-pulse 2.2s ease-in-out infinite;animation-play-state:paused}@keyframes tvb-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes tvb-spin{to{transform:rotate(360deg)}}@keyframes tvb-pulse{0%,to{opacity:1}50%{opacity:.45}}.tvb-cat-main{max-width:26rem}.tvb-cat-label{margin:0 0 .75rem;text-align:center;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tvb-muted);font-weight:650}.tvb-cat-games{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.tvb-cat-game{width:100%;text-align:left;border:1px solid rgba(60,90,65,.18);border-radius:1rem;padding:1rem 1.1rem;background:var(--tvb-card);color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;transition:transform .15s ease,box-shadow .15s ease}.tvb-cat-game:hover{transform:translateY(-1px);box-shadow:0 4px 14px #28462d1a}.tvb-cat-game-name{font-family:var(--tvb-font-display);font-size:1.15rem;font-weight:300;letter-spacing:.03em}.tvb-cat-game-blurb{font-size:.9rem;color:var(--tvb-muted);line-height:1.4}.tvb-game-head{max-width:28rem;margin:3.2rem auto .75rem;text-align:center}.tvb-game-cat{margin:0;font-family:var(--tvb-font-display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tvb-accent);font-weight:300}.tvb-game-title{margin:.2rem 0 0;font-family:var(--tvb-font-display);font-size:clamp(1.45rem,4vw,1.75rem);font-weight:300;letter-spacing:.04em}.tvb-game-meta{margin:.35rem 0 0;font-size:.88rem;color:var(--tvb-muted)}.tvb-game-instruction{margin:.55rem 0 0;font-size:.95rem;line-height:1.4}.tvb-listen-instruction{margin:0;text-align:center;font-weight:700;font-style:italic;font-size:calc(.9rem + 2px);line-height:1.45;color:#1e3324}.tvb-game-body{max-width:32rem;margin:0 auto}.tvb-game-actions{display:flex;justify-content:center;margin-top:1.25rem}.tvb-game-actions--stack{flex-direction:column;align-items:center;gap:.75rem}.tvb-btn{border:none;border-radius:999px;padding:.7rem 1.4rem;font-size:1rem;font-weight:650;cursor:pointer}.tvb-btn-primary{background:#4a6b4c;color:#f4faf2}.tvb-btn-primary:hover{background:#3a563c}.tvb-btn-ghost{background:transparent;color:var(--tvb-ink, #2a3d2c);border:1.5px solid rgba(42,61,44,.28)}.tvb-btn-ghost:hover{background:#2a3d2c0f}.tvb-btn-skill{background:#f3efe4;color:#3d4a38;border:2px solid #8a7a52;border-radius:.45rem;min-width:12.5rem;letter-spacing:.04em;font-weight:700}.tvb-btn-skill:hover{background:#e8e0cf}.tvb-result-actions{display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap}.tvb-result-actions .tvb-btn{min-width:6.5rem}.tvb-pf-wrap{width:min(92vw,28rem);margin:.5rem auto;padding:.75rem;box-sizing:border-box}.tvb-pf{position:relative;width:100%;max-height:min(70dvh,28rem);margin:0 auto;background:#fffffc8c;border:1px solid rgba(60,90,65,.18);border-radius:1rem;overflow:hidden;touch-action:none}.tvb-pf-hint{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:1rem;text-align:center;color:var(--tvb-muted);font-size:.95rem;pointer-events:none;user-select:none;-webkit-user-select:none}.tvb-pf-hint--overlay{top:auto;bottom:.5rem;inset:auto 0 .5rem;height:auto;left:50%;transform:translate(-50%);z-index:3;width:max-content;max-width:90%}.tvb-lq-item{border:none;padding:0;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}.tvb-lq-item--blink{animation:tvb-lq-blink 1.35s ease-in-out infinite}@keyframes tvb-lq-blink{0%,to{opacity:1}50%{opacity:.28}}.tvb-challenge-brief{text-align:center;max-width:26rem;margin:1.25rem auto 0;padding:1.25rem 1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;line-height:1.55}.tvb-challenge-brief-meta{margin:0;font-size:.85rem;letter-spacing:.04em;opacity:.72}.tvb-challenge-brief-body{margin:0;font-size:1.05rem}.tvb-challenge-brief .tvb-btn{min-width:10rem;margin-top:.35rem}.tvb-listen-intro{text-align:left;max-width:28rem;margin:1rem auto;padding:1rem .75rem;display:flex;flex-direction:column;gap:.75rem;line-height:1.5}.tvb-listen-how-title{margin:0;font-weight:700;font-size:1.02rem;color:#1e3324;text-align:center}.tvb-listen-how-block{display:flex;flex-direction:column;gap:.35rem}.tvb-listen-how-label{margin:0;font-weight:650;color:#2f4a32}.tvb-listen-how-list{margin:0;padding-left:1.15rem;display:flex;flex-direction:column;gap:.3rem;color:#243628}.tvb-listen-how-list strong{font-weight:700;color:#1a2a1c}.tvb-listen-how-noise{padding-top:.15rem;border-top:1px solid rgba(74,99,80,.18)}.tvb-listen-rules{font-weight:650;color:#2f4a32;line-height:1.45}.tvb-guess-wrap{display:flex;flex-direction:column;align-items:center;gap:.85rem}.tvb-guess-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem}.tvb-guess-input{width:7.5rem;min-height:2.4rem;padding:.45rem .7rem;border-radius:10px;border:1px solid rgba(74,99,80,.45);background:#ffffffb8;color:#1a2a1c;font-family:inherit;font-size:1.05rem;font-weight:650;text-align:center;outline:none;box-shadow:none}.tvb-guess-input:focus,.tvb-guess-input:focus-visible{border-color:#4a6350b3;outline:none;box-shadow:none}.tvb-listen-intro>.tvb-muted{text-align:center}.tvb-muted{color:var(--tvb-muted);font-size:.9rem}.tvb-window-req{margin:0;max-width:28rem;font-size:1.05rem;font-weight:650;line-height:1.45;color:#1e3324;text-align:center}.tvb-black-screen,.tvb-time-screen{position:fixed;inset:0;z-index:30;background:#000;border:none;width:100%;height:100%;cursor:default;touch-action:none}.tvb-nghe-dap-screen{display:flex;align-items:center;justify-content:center;padding:0;cursor:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tvb-nghe-dap-recall{position:fixed;inset:0;z-index:30;background:#f7faf5;border:none;width:100%;height:100%;touch-action:none;cursor:default}.tvb-nghe-dap-dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.85rem;padding:1.5rem;max-width:18rem}.tvb-nghe-dap-dot{width:1.15rem;height:1.15rem;border-radius:50%;background:#2f4a32;opacity:.88}.tvb-interval-listen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;min-height:min(52vh,420px);margin:.5rem auto 0;padding:1.5rem 1.25rem;max-width:28rem;text-align:center}.tvb-interval-listen-label{margin:0;font-family:var(--tvb-font-display);font-size:clamp(1.6rem,5vw,2.2rem);font-weight:700;letter-spacing:.04em;color:var(--tvb-ink)}.tvb-interval-listen-pulse{width:4.5rem;height:4.5rem;border-radius:50%;background:radial-gradient(circle at 40% 35%,#9bc49a,#5a7d5c 70%);box-shadow:0 0 #5a7d5c73;animation:tvb-interval-pulse 1.2s ease-out infinite}@keyframes tvb-interval-pulse{0%{transform:scale(.92);box-shadow:0 0 #5a7d5c80}70%{transform:scale(1.05);box-shadow:0 0 0 18px #5a7d5c00}to{transform:scale(.92);box-shadow:0 0 #5a7d5c00}}.tvb-interval-listen-hint{margin:0;font-size:.95rem;line-height:1.45;color:var(--tvb-muted)}.tvb-line-arena{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1.35rem;width:min(100%,36rem);min-height:min(52vh,420px);margin:.75rem auto 0;padding:1.5rem 1.1rem;border-radius:1rem;background:#0a0a0a;text-align:center;cursor:default;touch-action:manipulation}.tvb-line-arena-hint{margin:0;font-size:.95rem;font-weight:600;letter-spacing:.03em;color:#ffffffb8}.tvb-line-arena-hint.is-italic{font-style:italic;font-weight:500;color:#ffffff9e}.tvb-line-sample-only{display:flex;align-items:center;justify-content:center;min-height:2.75rem}.tvb-line-play-lane{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.4rem;width:100%;min-height:1.1rem}.tvb-line-play-origin{font-size:.75rem;line-height:1;color:#ffffff8c}.tvb-line-play-track{height:3px;border-radius:2px;background:#ffffff14;overflow:hidden}.tvb-line-play-bar{height:100%;border-radius:2px;background:#ffffffb8}.tvb-remain-wrap{text-align:center}.tvb-remain-prompt{margin:0 0 .85rem;font-size:1.15rem;font-weight:700;letter-spacing:.04em;color:#ffffffe0}.tvb-line-dot--solo{width:1.35rem;height:1.35rem;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:transparent;cursor:default;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .12s ease}.tvb-line-dot--solo.is-active{border-color:#fff;background:#fff;box-shadow:0 0 0 8px #ffffff1f;cursor:pointer}.tvb-line-dot--solo.is-holding{border-color:#fff;background:#fff;box-shadow:0 0 0 10px #ffffff14;cursor:default;animation:tvb-line-hold 1.4s ease-in-out infinite}.tvb-line-dot--solo.is-active.is-recreating{border-color:#e8c84a;background:#e8c84a;box-shadow:0 0 0 8px #e8c84a38;animation:tvb-line-hold 1.4s ease-in-out infinite}.tvb-line-dot--solo:disabled{opacity:1}@keyframes tvb-line-hold{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.tvb-line-compare{display:flex;flex-direction:column;gap:1rem;margin:.45rem 0 .95rem;width:100%}.tvb-line-compare-block{display:flex;flex-direction:column;gap:.35rem}.tvb-line-compare-label{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--tvb-muted)}.tvb-line-compare-lane{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.35rem}.tvb-line-compare-origin{font-size:.7rem;line-height:1;color:#2a3d2c}.tvb-line-compare-track{height:3px;border-radius:2px;background:#2a3d2c1a;overflow:hidden}.tvb-line-compare-bar{height:100%;background:#2a3d2c;border-radius:2px}.tvb-line-compare-bar--you{background:#5a7d5c}.tvb-result-visual{width:100%}.tvb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.tvb-kheo-wrap{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;width:100%}.tvb-kheo-wrap .tvb-pf-wrap{margin-bottom:0}.tvb-kheo-hint-below{margin:0;text-align:center;font-size:.92rem;color:var(--tvb-muted);line-height:1.35;min-height:1.35em}.tvb-kheo-field{background:#fffffcb3;user-select:none;-webkit-user-select:none}.tvb-kheo-stage{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tvb-kheo-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tvb-kheo-dot{position:absolute;width:.85rem;height:.85rem;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.tvb-kheo-target{position:absolute;transform:translate(-50%,-50%);background:#3d7a52;box-shadow:0 0 0 3px #fffffaeb;display:flex;align-items:center;justify-content:center;pointer-events:none;min-width:.9rem;min-height:.9rem}.tvb-kheo-target--dot{border-radius:50%}.tvb-kheo-target--tile{border-radius:.35rem;background:#5a7d5c}.tvb-kheo-target--large{background:#5a9a6e}.tvb-kheo-target--active{background:#4a6b4c}.tvb-kheo-target--done{background:#4a6b4c59;box-shadow:none;opacity:.4}.tvb-kheo-target-label{color:#f7faf5;font-size:clamp(.65rem,2.4vw,.85rem);font-weight:700;line-height:1}.tvb-kheo-a,.tvb-kheo-b{background:#4a6b4c;box-shadow:0 0 0 3px #fffffae6}.tvb-kheo-noise{background:#506e5559;width:.55rem;height:.55rem}.tvb-kheo-mark{background:#c45c26;width:.7rem;height:.7rem;box-shadow:0 0 0 3px #ffc8a0d9}.tvb-kheo-zone{position:absolute;border:2px dashed rgba(74,107,76,.55);border-radius:.4rem;background:#4a6b4c14;transform:translate(-50%,-50%);pointer-events:none}.tvb-kheo-zone--fit{border-style:solid;border-width:2px;background:#4a6b4c1f}.tvb-kheo-shape--circle{border-radius:50%!important}.tvb-kheo-shape--triangle{border-radius:0!important;clip-path:polygon(50% 6%,94% 92%,6% 92%)}.tvb-kheo-shape--diamond{border-radius:10%!important;transform:translate(-50%,-50%) rotate(45deg)!important}.tvb-kheo-shape--star{border-radius:0!important;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.tvb-kheo-shape--hexagon{border-radius:0!important;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0% 50%)}.tvb-kheo-shape--parallelogram{border-radius:0!important;clip-path:polygon(18% 8%,100% 8%,82% 92%,0% 92%)}.tvb-kheo-draggable{position:absolute;border-radius:.3rem;background:#5a7d5c;transform:translate(-50%,-50%);touch-action:none;cursor:grab;z-index:2;box-shadow:0 1px 4px #283c2840}.tvb-kheo-obstacle{position:absolute;background:#3c503c59;border-radius:.25rem;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .35s ease}.tvb-kheo-checkpoint{position:absolute;background:#dcaa28e0;border:2px solid rgba(180,130,20,.95);border-radius:.25rem;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .35s ease,box-shadow .25s ease;z-index:1}.tvb-kheo-checkpoint--done{box-shadow:0 0 0 3px #dcaa2873;opacity:.75}.tvb-kheo-obstacle--blink{animation:tvb-kheo-blink .7s ease-in-out infinite}.tvb-kheo-obstacle--hidden{opacity:0;animation:none}@keyframes tvb-kheo-blink{0%,to{opacity:1}50%{opacity:.15}}.tvb-choice-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.tvb-choice-row .tvb-btn{min-width:5.5rem}.tvb-result{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#1e2d2059;padding:1rem}.tvb-result-card{background:#f7fbf5;color:var(--tvb-ink);border-radius:1.1rem;padding:1.4rem 1.25rem;max-width:20rem;width:100%;text-align:center;box-shadow:0 12px 40px #1e2d2038}.tvb-result-badge{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:.04em}.tvb-result-badge.is-master{font-size:clamp(.95rem,3.2vw,1.2rem);line-height:1.35}.tvb-result-badge.is-ok,.tvb-result-badge.is-master{color:#2a7a3e}.tvb-result-badge.is-soft{color:#5a7d5c}.tvb-result-badge.is-invalid{color:#5a6a7a}.tvb-result-detail{margin:.55rem 0 1rem;font-size:.95rem;line-height:1.45;color:#2a3d2c;font-weight:500;white-space:pre-line}.tvb-result-hint-key{margin:.65rem 0 0;font-size:.78rem;color:var(--tvb-muted);opacity:.85}.tvb-result-skill-req{margin:.45rem 0 .95rem;padding:.75rem .9rem;border-radius:.65rem;font-size:.92rem;font-weight:500;line-height:1.45;text-align:center}.tvb-result-skill-req--same{background:#2a5a3a;color:#f2f7f0;border:1px solid rgba(255,255,255,.12)}.tvb-result-skill-req--changed{background:#f0c94d;color:#2a2a10;border:1px solid rgba(120,90,10,.28)}.tvb-result-skill-req-label{display:block;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.85;margin-bottom:.3rem}.tvb-result-next-guide{margin:.35rem 0 1rem;padding:.65rem .75rem;border-radius:.65rem;background:#4a6b4c14;border:1px solid rgba(74,107,76,.18);font-size:.88rem;line-height:1.45;color:var(--tvb-ink);text-align:left}.tvb-result-next-tip{margin:.35rem 0 .85rem;padding:.65rem .85rem;border-radius:.65rem;background:#e8f0e4;border:1px solid rgba(42,61,44,.12);font-size:.92rem;font-weight:500;line-height:1.4;color:#1e3324;text-align:center}.tvb-result-next-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tvb-muted);margin-bottom:.25rem}.tvb-challenge-quote{margin:.35rem 0 .5rem;font-size:1.05rem;font-weight:700;letter-spacing:.04em;color:#2a5a3a}.tvb-challenge-quote--inline{margin:.15rem 0 .35rem;font-size:.88rem;font-weight:600;opacity:.9}.tvb-challenge-gate{max-width:26rem;margin:0 auto;padding:.25rem .5rem .5rem;text-align:center}.tvb-challenge-welcome{margin:.35rem 0 .55rem;font-family:var(--tvb-font-display);font-size:clamp(1.15rem,3.6vw,1.45rem);font-weight:500;letter-spacing:.06em;line-height:1.25;color:#2a5a3a;text-align:center;text-transform:uppercase}.tvb-challenge-gate-title{margin:.4rem 0 .35rem;font-size:1.05rem;font-weight:800;letter-spacing:.06em;color:#2a5a3a;text-align:center}.tvb-challenge-gate-blurb{margin:0 auto 1.15rem;max-width:22rem;font-size:.92rem;line-height:1.45;color:var(--tvb-ink);text-align:center}.tvb-challenge-countdown{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#c5d4c0;pointer-events:none}.tvb-challenge-countdown-num{font-size:clamp(4rem,18vw,7rem);font-weight:800;color:#2a5a3a;letter-spacing:.04em;animation:tvb-countdown-pop .45s ease-out}@keyframes tvb-countdown-pop{0%{transform:scale(.7);opacity:.4}to{transform:scale(1);opacity:1}}.tvb-challenge-best-title{margin:0 0 .55rem;font-size:.78rem;font-weight:800;letter-spacing:.08em;color:var(--tvb-muted);text-align:center}.tvb-challenge-records{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;font-size:.82rem;font-variant-numeric:tabular-nums}.tvb-challenge-records li{display:grid;grid-template-columns:1.6rem 3.2rem 3.4rem minmax(0,1fr);gap:.35rem;align-items:baseline;padding:.35rem .45rem;border-radius:.45rem;background:#4a6b4c14}.tvb-challenge-records--score li{grid-template-columns:1.6rem 3.2rem minmax(0,1fr)}.tvb-challenge-rank{font-weight:700;color:var(--tvb-muted)}.tvb-challenge-score{font-weight:700;color:#2a5a3a}.tvb-challenge-time{color:var(--tvb-ink)}.tvb-challenge-when{color:var(--tvb-muted);font-size:.78rem;text-align:right;white-space:nowrap}.tvb-challenge-empty{margin:0;font-size:.86rem;color:var(--tvb-muted);text-align:center}.tvb-skill-picker{max-width:22rem;margin:0 auto;text-align:center;padding:.25rem .5rem .75rem}.tvb-skill-picker-title{margin:.25rem 0 .35rem;font-size:1.1rem;font-weight:800;letter-spacing:.06em;color:#2a5a3a}.tvb-skill-picker-blurb{margin:0 0 1rem;font-size:.92rem;color:var(--tvb-muted)}.tvb-skill-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin-bottom:1rem}.tvb-skill-cell{appearance:none;border:1.5px solid rgba(74,107,76,.35);background:#f7fbf5;color:#2a5a3a;border-radius:.4rem;padding:.65rem .2rem;font-size:.95rem;font-weight:700;cursor:pointer}.tvb-skill-cell:hover{background:#e7f0e4;border-color:#4a6b4c}.tvb-skill-back{margin-top:.25rem}.tvb-challenge-summary{max-width:22rem}.tvb-challenge-summary-score{margin:.35rem 0 .5rem;font-size:1.45rem;font-weight:800;font-variant-numeric:tabular-nums;color:#2a5a3a}@media(max-width:420px){.tvb-challenge-records li{grid-template-columns:1.4rem 2.8rem 3rem minmax(0,1fr);font-size:.75rem}.tvb-challenge-records--score li{grid-template-columns:1.4rem 2.8rem minmax(0,1fr)}}html.hi-route,html.hi-route body,html.hi-route #root{margin:0;padding:0;width:100%;height:100%;min-height:100%;overflow:hidden;background:#0c0a09}.hi-page{position:fixed;inset:0;width:100vw;min-width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#0c0a09;color:#e5e7eb;font-family:Mulish,sans-serif;user-select:none;-webkit-tap-highlight-color:transparent}.hi-back-link{position:fixed;top:24px;left:24px;z-index:60;display:grid;place-items:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#14121873;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fef3c7;opacity:.92;cursor:pointer;transition:opacity .2s ease,color .2s ease,transform .2s ease,background .2s ease}.hi-back-link:after{content:"Về trang chủ";position:absolute;top:calc(100% + 6px);left:0;padding:4px 10px;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.55);color:#111;font-family:"Source Sans 3",system-ui,sans-serif;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;box-shadow:0 2px 8px #0000002e}.hi-back-link:hover:after,.hi-back-link:focus-visible:after{opacity:1;transform:translateY(0)}.hi-back-link:hover{opacity:1;color:#fff8e7;background:#1412189e;transform:scale(1.05)}.hi-back-link svg{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.hi-audio-controls{position:fixed;top:24px;right:24px;z-index:50;display:flex;align-items:center;gap:12px;max-width:90vw;padding:8px 12px;border-radius:9999px;background:#0006;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);opacity:0;pointer-events:none;transition:opacity .5s ease}.hi-audio-controls.visible{opacity:1;pointer-events:auto}.hi-audio-controls input[type=range]{-webkit-appearance:none;appearance:none;width:96px;background:transparent}.hi-audio-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:#fbbf24;cursor:pointer;margin-top:-5px;box-shadow:0 0 5px #fbbf2480}.hi-audio-controls input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:#fff3}.hi-mute-btn{border:none;background:none;font-size:1.25rem;line-height:1;color:#fbbf24;cursor:pointer;padding:4px}.hi-mute-btn:hover{color:#fcd34d}.hi-window-area{position:relative;width:100%;flex:1 1 0;min-height:80px;max-height:min(38vh,340px);z-index:1;overflow:hidden;background:linear-gradient(to bottom,#0f172a,#334155);transition:background 4s ease}.hi-weather-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.9;mix-blend-mode:screen}.hi-window-glass{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 30%,transparent 50%);backdrop-filter:blur(1.5px)}.hi-window-grid{position:absolute;inset:0;z-index:10;pointer-events:none;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;border:12px solid #2a1a14;box-shadow:inset 0 0 50px #000c}.hi-window-pane{background-color:transparent;box-shadow:inset 2px 2px 5px #00000080}.hi-window-sill{position:absolute;bottom:0;left:0;width:100%;height:25px;background:linear-gradient(to bottom,#4a352a,#2a1a14);z-index:15;box-shadow:0 5px 15px #000c;border-top:1px solid rgba(255,255,255,.15)}.hi-spot{position:absolute;z-index:40;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,filter .3s ease;border:none;background:transparent;padding:0;font:inherit;color:inherit}.hi-spot[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);padding:4px 10px;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.55);color:#111;font-family:"Source Sans 3",system-ui,sans-serif;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:50;box-shadow:0 2px 8px #0000002e}.hi-spot[data-tip]:hover:after,.hi-spot[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.hi-spot-window{bottom:26px;right:15px;z-index:40}.hi-spot-mantel{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5%;z-index:30}.hi-table-icons{position:absolute;left:50%;top:35%;width:30%;transform:translate(-50%,-50%);z-index:45;display:flex;justify-content:space-between;align-items:center;padding:0 2px 0 clamp(10px,2.2vw,16px);box-sizing:border-box;pointer-events:auto;filter:drop-shadow(0 3px 5px rgba(0,0,0,.7))}.hi-spot-window:hover{transform:scale(1.08)}.hi-spot-mantel:hover{transform:translate(-50%) scale(1.08)}.hi-lantern-icon{font-size:clamp(38px,8.05vw,44px);line-height:1;filter:drop-shadow(0 0 5px rgba(255,200,0,.6));transform-origin:top center;transition:filter .3s ease}.hi-mantel-icon{font-size:clamp(22px,3.8vw,42px);line-height:1;filter:drop-shadow(0 0 4px rgba(255,200,0,.5));transition:filter .3s ease}.hi-table-icon{font-size:clamp(16px,2.2vw,26px);line-height:1;display:inline-block;vertical-align:middle;margin-top:-2px;filter:drop-shadow(0 0 4px rgba(255,200,0,.5));transition:filter .3s ease,transform .3s ease}.hi-spot-window:hover .hi-lantern-icon{filter:drop-shadow(0 0 15px rgba(255,215,0,.9))}.hi-spot-mantel:hover .hi-mantel-icon{filter:drop-shadow(0 0 12px rgba(255,215,0,.8))}.hi-table-icons:hover .hi-table-icon{filter:drop-shadow(0 0 10px rgba(255,215,0,.7));transform:scale(1.1)}@media(max-width:768px){.hi-window-area{max-height:min(42vh,280px)}.hi-spot-window{bottom:24px}.hi-spot-mantel{margin-bottom:1%}.hi-table-icons{width:32%;padding-left:clamp(12px,3vw,18px)}.hi-mantel-icon{font-size:clamp(28px,7vw,42px)}.hi-table-icon{font-size:clamp(20px,5.5vw,30px)}}.hi-wall-area{position:relative;width:100%;flex:1 1 0;min-height:0;padding-top:clamp(15px,5vh,70px);z-index:5;background-color:#1c1917;background-image:radial-gradient(circle at 50% 10%,#292524,#0c0a09 90%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.hi-fire-glow{position:absolute;bottom:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 80%,rgba(255,100,0,.15),transparent 60%);z-index:15;pointer-events:none;animation:hi-glow-flicker 4s infinite alternate}@keyframes hi-glow-flicker{0%{opacity:.7}to{opacity:1}}.hi-fireplace-container{position:relative;width:min(90vw,55vh,520px);height:auto;aspect-ratio:1 / 1.1;z-index:20;display:flex;justify-content:center;align-items:flex-end;margin-bottom:-1%;--fireplace-offset-y: clamp(-80px, -10vh, -24px)}@media(max-width:768px){.hi-fireplace-container{--fireplace-offset-y: clamp(-60px, -9vh, -18px)}}.hi-fire-slot{position:absolute;bottom:23%;left:50%;transform:translate(-50%) translateY(var(--fireplace-offset-y));width:44%;height:52%;overflow:hidden;border-radius:140px 140px 50px 50px;z-index:30}.hi-fire-canvas{width:100%;height:100%;mix-blend-mode:screen}.hi-fireplace-visual{position:relative;width:100%;transform:translateY(var(--fireplace-offset-y));z-index:22}.hi-fireplace-img{position:relative;width:100%;height:auto;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 40px rgba(0,0,0,.9));pointer-events:none}.hi-tea-table{position:absolute;bottom:-9%;left:50%;transform:translate(-50%);width:207%;z-index:40;pointer-events:none}.hi-tea-table .hi-table-icons{pointer-events:auto}.hi-table-img{display:block;width:100%;height:auto;object-fit:contain}.hi-steam{position:relative}.hi-steam:after,.hi-steam:before{content:"";position:absolute;left:50%;bottom:85%;width:6px;height:12px;border-radius:50%;background:#fff9;filter:blur(4px);transform:translate(-50%);animation:hi-steam-rise 3s infinite ease-out;pointer-events:none;opacity:0}.hi-steam:before{bottom:75%;width:4px;height:8px;animation-duration:4s;animation-delay:1.5s}@keyframes hi-steam-rise{0%{transform:translate(-50%) translateY(0) scale(1);opacity:0}20%{opacity:.7}to{transform:translate(-50%) translateY(-25px) scale(2);opacity:0}}html.tvban-route,html.tvban-route body,html.tvban-route #root{margin:0;padding:0;width:100%;height:100%;min-height:100%;overflow:hidden}.tvban-root{box-sizing:border-box;font-family:Montserrat,sans-serif;color:#fff;background:linear-gradient(135deg,#dd4814,#772953,#5e2750 70%,#2c001e);background-size:200% 200%;animation:tvban-bg-breath 15s ease infinite;height:100dvh;overflow:hidden;display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent}.tvban-root *,.tvban-root *:before,.tvban-root *:after{box-sizing:border-box}@keyframes tvban-bg-breath{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tvban-back-link{position:fixed;top:1rem;left:1rem;z-index:100;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#0003;color:#fff;cursor:pointer;backdrop-filter:blur(4px);transition:background .2s ease}.tvban-back-link:hover{background:#00000059}.tvban-back-link svg{width:20px;height:20px}.tvban-logo-link{position:fixed;top:1rem;right:1rem;z-index:100;line-height:0}.tvban-logo{width:44px;height:44px;object-fit:contain}.tvban-header{text-align:center;padding:3vh 20px 1vh;flex-shrink:0}.tvban-header h1{font-family:Anton,sans-serif;font-size:clamp(2.5rem,8vw,4.5rem);letter-spacing:4px;margin:0;text-shadow:2px 4px 15px rgba(0,0,0,.3);font-weight:400}.tvban-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:0 15px 10px;align-content:center;justify-items:center;min-height:0}.tvban-zone{width:100%;max-width:min(100%,28dvh);aspect-ratio:3 / 4;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;border:none;padding:0;font:inherit}.tvban-zone:disabled{cursor:default}.tvban-icon-svg{width:clamp(40px,10vw,60px);height:clamp(40px,10vw,60px);fill:currentColor;margin-bottom:12px;z-index:2;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.3))}.tvban-zone h2{font-family:Be Vietnam Pro,sans-serif;font-weight:500;font-style:italic;font-size:clamp(.95rem,4.5vw,1.4rem);margin:0;z-index:2;text-transform:uppercase;letter-spacing:1px}.tvban-zone.tu-quang{background:#00000040;backdrop-filter:blur(10px);box-shadow:inset 0 0 20px #dd48144d}.tvban-zone.tu-quang:active,.tvban-zone.tu-quang:hover,.tvban-zone.tu-quang.clicked{animation:tvban-pulse-fire .4s forwards;background:#0006}@keyframes tvban-pulse-fire{0%{box-shadow:inset 0 0 20px #dd481466}to{box-shadow:inset 0 0 60px #dd4814e6;transform:scale(.96)}}.tvban-zone.u-nhiet{box-shadow:0 4px 15px #0000004d}.tvban-zone.u-nhiet:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:conic-gradient(from 0deg,transparent 70%,#FF2222 100%);animation:tvban-spin-timer 4.5s linear infinite;z-index:0}.tvban-zone.u-nhiet:after{content:"";position:absolute;inset:4px;background:linear-gradient(180deg,#900,#600);border-radius:16px;z-index:0;transition:all .3s ease}.tvban-zone.u-nhiet:active:after,.tvban-zone.u-nhiet:hover:after,.tvban-zone.u-nhiet.clicked:after{background:linear-gradient(180deg,#b30000,maroon)}.tvban-zone.u-nhiet:active,.tvban-zone.u-nhiet:hover,.tvban-zone.u-nhiet.clicked{transform:none!important}.tvban-zone.u-nhiet:hover:before,.tvban-zone.u-nhiet.clicked:before{animation-play-state:paused!important}@keyframes tvban-spin-timer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tvban-zone.toa-net{background:#5e2750;border:2px dashed rgba(255,102,0,.4);box-shadow:0 4px 15px #0003}.tvban-zone.toa-net h2,.tvban-zone.toa-net .tvban-icon-svg{color:#fff}.tvban-zone.toa-net:active,.tvban-zone.toa-net:hover,.tvban-zone.toa-net.clicked{border:2px solid rgba(255,102,0,1);box-shadow:0 0 20px #f609;transform:translateY(-6px)}.tvban-zone.to-sac{background:linear-gradient(180deg,#ff6b1a,#e53935 32%,#ec407a,#7b1fa2);box-shadow:5px 5px #2c001eb3;border:2px solid #2c001e;color:#fff}.tvban-zone.to-sac h2{text-shadow:1px 1px 0px rgba(0,0,0,.3)}.tvban-zone.to-sac:active,.tvban-zone.to-sac:hover,.tvban-zone.to-sac.clicked{transform:translate(3px,3px) rotate(4deg);box-shadow:2px 2px #2c001ee6}.tvban-footer{text-align:center;padding:2vh 20px 3vh;font-size:clamp(.75rem,2.5vw,.9rem);color:#fff;opacity:.35;flex-shrink:0;margin-top:auto}@media(max-width:767px)and (orientation:portrait){.tvban-grid{grid-template-rows:1fr 1fr;align-content:stretch;gap:12px;padding:0 12px 8px}.tvban-zone{width:auto;height:100%;max-width:100%;max-height:100%;aspect-ratio:3 / 4}.tvban-header h1{font-size:clamp(2rem,9vw,2.8rem)}}@media(orientation:landscape){.tvban-grid{grid-template-columns:repeat(4,1fr);gap:1.5vw;padding:10px 2vw 20px;max-width:1600px;width:100%;margin:auto}.tvban-zone{max-width:min(100%,55dvh)}.tvban-icon-svg{width:clamp(50px,6vw,70px);height:clamp(50px,6vw,70px);margin-bottom:15px}.tvban-zone h2{font-size:clamp(1.1rem,2vw,1.6rem)}}html.tq-route,html.tq-route body,html.tq-route #root{width:100%;height:100%;min-height:100%;margin:0;padding:0;overflow:hidden}.tq-root{--tq-bg: radial-gradient(circle at 50% 85%, #4b1c3a 0%, #331326 35%, #1a0012 70%, #0a0007 100%);--tq-orange: #e95420;--tq-yellow: #ffb347;--tq-text: #f4e8f0;position:relative;width:100%;height:100dvh;overflow:hidden;background:var(--tq-bg);color:var(--tq-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}.tq-root *,.tq-root *:before,.tq-root *:after{box-sizing:border-box}.tq-header{position:relative;z-index:900;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px}.tq-icon-button{padding:8px;border:0;background:none;color:var(--tq-text);font:inherit;font-size:20px;cursor:pointer}.tq-header-title{position:absolute;left:50%;transform:translate(-50%);color:var(--tq-yellow);font-size:15px;font-weight:500;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 5px rgba(233,84,32,.2);opacity:.8;transition:opacity .8s ease}.tq-header-title.tq-hidden{opacity:0}.tq-furnace-toggle{padding:8px 16px;border:1px solid var(--tq-orange);border-radius:20px;background:#e954200d;box-shadow:0 0 10px #e954204d,inset 0 0 5px #e9542033;color:var(--tq-yellow);font:inherit;font-size:14px;font-style:italic;font-weight:500;cursor:pointer;transition:background .3s ease}.tq-furnace-toggle:active{background:#e9542033}.tq-furnace{position:fixed;top:56px;left:0;z-index:800;display:flex;align-items:center;width:100%;height:0;padding:0 16px;gap:10px;overflow-x:auto;white-space:nowrap;background:#0003;backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:all .4s ease;scrollbar-width:none}.tq-furnace::-webkit-scrollbar{display:none}.tq-furnace.tq-open{height:70px;opacity:1;pointer-events:auto}.tq-chip{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:220px;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:#ffffff0d;color:#f4e8f0d9;font:inherit;font-size:14px;font-style:italic;text-align:center;cursor:pointer;transition:background .2s,opacity .3s,transform .2s}.tq-chip:nth-child(2n){color:#ffdab9cc}.tq-chip:hover{transform:translate(-5px);background:#ffffff1a}.tq-chip:active{background:#ffffff26}.tq-chip.tq-used{display:none}.tq-close-furnace{flex-shrink:0;margin:0 20px 0 10px;padding:12px 24px;border:1px solid rgba(255,255,255,.2);border-radius:30px;background:#ffffff0d;color:#fffc;font:inherit;font-size:14px;cursor:pointer;transition:all .3s}.tq-close-furnace:hover{background:#ffffff1a;color:#fff}.tq-main{position:absolute;inset:0;z-index:10;overflow:hidden;pointer-events:none}.tq-canvas-wrapper{position:absolute;bottom:-2vh;left:50%;display:flex;align-items:flex-end;justify-content:center;width:100vw;max-width:800px;height:60vh;transform:translate(-50%);pointer-events:auto}.tq-fire-canvas{width:100%;height:100%}.tq-start-wrapper{position:absolute;top:30%;left:50%;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;transform:translate(-50%,-50%);pointer-events:auto}.tq-primary-button{min-width:220px;padding:16px 32px;border:1px solid rgba(255,255,255,.15);border-radius:30px;background:#ffffff14;backdrop-filter:blur(8px);color:var(--tq-text);font:inherit;font-size:16px;letter-spacing:1px;cursor:pointer;opacity:1;transition:transform .3s ease,box-shadow .3s ease,color .5s ease,letter-spacing .5s ease,border-color .5s ease,opacity .3s ease}.tq-primary-button.tq-breathing{border-color:transparent;color:var(--tq-yellow);letter-spacing:3px;pointer-events:none}.tq-primary-button.tq-fading-out{opacity:0;transition:opacity 4s ease;pointer-events:none}.tq-response{position:absolute;top:60%;left:50%;z-index:50;width:90%;transform:translate(-50%,12px);color:var(--tq-yellow);font-size:20px;font-weight:600;letter-spacing:1px;text-align:center;text-shadow:0 4px 15px rgba(0,0,0,.9),0 0 20px rgba(233,84,32,.8);opacity:0;pointer-events:none;transition:all 1.2s ease}.tq-response.tq-show{transform:translate(-50%);opacity:1}.tq-audio{position:absolute;bottom:20px;left:20px;z-index:800;display:flex;align-items:center;width:40px;padding:5px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:#0000004d;backdrop-filter:blur(5px);transition:all .4s ease}.tq-audio:hover,.tq-audio:focus-within{width:140px}.tq-audio.tq-fade-out{transform:translateY(15px);opacity:0;pointer-events:none}.tq-audio-button{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:30px;height:30px;border:0;background:none;color:var(--tq-text);font-size:18px;cursor:pointer;opacity:.8}.tq-volume{width:80px;height:3px;margin-left:10px;border-radius:2px;outline:none;background:#fff3;opacity:0;transition:opacity .3s ease;-webkit-appearance:none;appearance:none}.tq-audio:hover .tq-volume,.tq-audio:focus-within .tq-volume{opacity:1}.tq-volume::-webkit-slider-thumb{width:12px;height:12px;border-radius:50%;background:var(--tq-yellow);box-shadow:0 0 5px #ffb34780;cursor:pointer;-webkit-appearance:none;appearance:none}.tq-card-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(15px);opacity:0;pointer-events:none;transition:opacity .5s ease}.tq-card-overlay.tq-active{opacity:1;pointer-events:auto}.tq-card-content{position:relative;width:85%;max-width:400px;padding:40px 30px;border:1px solid rgba(255,255,255,.05);border-radius:16px;background:#2c001eb3;text-align:center}.tq-close-card{position:absolute;top:15px;right:15px;border:0;background:none;color:#ffffff80;font-size:24px;cursor:pointer}.tq-close-card:hover{color:#fff}.tq-card-text{margin:0;color:#ffffffeb;font-size:1.15rem;line-height:1.55}.tq-mid-card{position:absolute;top:calc(100% + 14px);left:50%;z-index:51;width:min(88vw,380px);margin:0;transform:translate(-50%,6px);padding:18px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#2c001e8c;backdrop-filter:blur(10px);text-align:center;opacity:0;pointer-events:none;transition:opacity .7s ease,transform .7s ease}.tq-mid-card.tq-active{opacity:1;transform:translate(-50%)}.tq-mid-card-text{margin:0;color:#fff5e6f2;font-size:1.05rem;line-height:1.55;font-weight:500}.tq-end-notice{display:none}.tq-start-wrapper.tq-hidden-soft{opacity:0;pointer-events:none;transition:opacity .6s ease}.tq-choose-layer{position:fixed;inset:0;z-index:950;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:72px 16px 28px;pointer-events:none;opacity:0;transition:opacity .9s ease}.tq-choose-layer.tq-active{opacity:1}.tq-end-question{pointer-events:none;max-width:420px;text-align:center;padding:8px 12px;transition:opacity .8s ease,transform .8s ease}.tq-end-question.tq-soft-hide{opacity:0;transform:translateY(-8px)}.tq-end-question-title{margin:0 0 10px;color:var(--tq-yellow);font-size:clamp(1.45rem,5vw,1.9rem);font-weight:600;letter-spacing:.02em;text-shadow:0 0 18px rgba(255,179,71,.35)}.tq-end-question-body{margin:0;color:var(--tq-yellow);font-size:clamp(1.05rem,3.8vw,1.25rem);line-height:1.55;font-weight:500;text-shadow:0 0 14px rgba(255,179,71,.28)}.tq-cui-rack{pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:min(96vw,560px);margin-bottom:8px;transition:opacity 1.2s ease}.tq-cui-rack.tq-fading .tq-cui-other{opacity:0;transform:translateY(8px) scale(.96);pointer-events:none;transition:opacity 1.4s ease,transform 1.4s ease}.tq-cui{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:calc(33.33% - 10px);min-width:96px;max-width:120px;height:64px;padding:0 6px 8px;border:1px solid rgba(120,80,40,.45);border-radius:10px 10px 14px 14px;background:linear-gradient(180deg,#6b4423,#4a2e16 55%,#3a2412);box-shadow:inset 0 1px #ffdca02e,0 6px 14px #00000059;color:#f6e6c8;font:inherit;cursor:pointer;transition:transform .25s ease,opacity .4s ease,filter .4s ease}.tq-cui:disabled{cursor:default}.tq-cui:not(:disabled):hover{transform:translateY(-4px);filter:brightness(1.08)}.tq-cui-wood{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent 20%,rgba(255,220,160,.08) 50%,transparent 80%),repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 2px,transparent 2px 7px);pointer-events:none}.tq-cui-label{position:relative;z-index:1;font-size:12px;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.55)}.tq-cui-chosen{opacity:0}.tq-flying-cui{position:fixed;z-index:1200;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 6px 8px;border:1px solid rgba(120,80,40,.45);border-radius:10px 10px 14px 14px;background:linear-gradient(180deg,#6b4423,#4a2e16 55%,#3a2412);box-shadow:0 10px 24px #00000073;color:#f6e6c8;font-size:12px;font-weight:600;transition:transform 2.4s cubic-bezier(.22,.82,.28,1),opacity 2.4s ease;pointer-events:none}.tq-tuviet-panel{position:fixed;left:50%;bottom:110px;z-index:1300;width:min(92vw,360px);transform:translate(-50%);padding:14px 14px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#1c0814eb;backdrop-filter:blur(10px);box-shadow:0 12px 30px #00000073}.tq-tuviet-prompt{margin:0 0 8px;color:#ffe6beeb;font-size:.92rem;line-height:1.4}.tq-tuviet-input{width:100%;resize:none;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#fff;font:inherit;font-size:.95rem;line-height:1.35}.tq-tuviet-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:.78rem;color:#ffffff8c}.tq-tuviet-meta .tq-over{color:#ff8a7a}.tq-tuviet-actions{display:flex;gap:8px}.tq-tuviet-cancel,.tq-tuviet-submit{border:0;border-radius:999px;padding:6px 12px;font:inherit;font-size:.82rem;cursor:pointer}.tq-tuviet-cancel{background:#ffffff14;color:#fffc}.tq-tuviet-submit{background:var(--tq-orange);color:#fff;font-weight:600}.tq-tuviet-submit:disabled{opacity:.4;cursor:default}.tq-echo{position:fixed;left:50%;top:26%;z-index:1000;width:min(90vw,420px);transform:translate(-50%,12px);text-align:center;opacity:0;pointer-events:none;transition:opacity 1.1s ease,transform 1.1s ease}.tq-echo.tq-show{opacity:1;transform:translate(-50%)}.tq-echo-flame{display:block;margin-bottom:10px;font-size:1.6rem;filter:drop-shadow(0 0 10px rgba(255,160,60,.55))}.tq-echo-text{margin:0;color:var(--tq-yellow);font-size:clamp(1.05rem,4vw,1.3rem);font-weight:600;line-height:1.5;text-shadow:0 0 16px rgba(255,179,71,.35),0 4px 16px rgba(0,0,0,.65)}.tq-flying-chip{position:fixed;z-index:1100;margin:0;transition:transform 1.8s cubic-bezier(.25,1,.5,1),opacity 1.8s ease;pointer-events:none}@media(min-width:768px){.tq-furnace{top:0;right:0;left:auto;flex-direction:column;align-items:flex-end;width:320px;height:100vh!important;padding:60px 30px 40px!important;overflow-x:hidden;overflow-y:auto;white-space:normal;background:transparent;backdrop-filter:none;transform:translate(100%)}.tq-furnace.tq-open{transform:translate(0);opacity:1;pointer-events:auto}.tq-chip{margin:0 0 8px auto}.tq-close-furnace{width:100%;margin:20px auto 0}}html.unhiet-route,html.unhiet-route body,html.unhiet-route #root{margin:0;padding:0;width:100%;height:100%;min-height:100%;overflow:hidden}.unhiet-root{--bg-top: #3A0000;--bg-mid1: #5A0000;--bg-mid2: #7A0000;--bg-bottom: #A91111;--lantern-purple: #521e45;font-family:Montserrat,sans-serif;background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid1) 30%,var(--bg-mid2) 60%,var(--bg-bottom) 100%);color:#fff;height:100dvh;overflow:hidden;display:flex;justify-content:center;position:relative;-webkit-tap-highlight-color:transparent;padding-top:env(safe-area-inset-top,0px);padding-bottom:0}.unhiet-root *,.unhiet-root *:before,.unhiet-root *:after{margin:0;padding:0;box-sizing:border-box;user-select:none}.unhiet-back-link{position:fixed;top:1rem;left:1rem;z-index:200;display:flex;align-items:center;justify-content:center;padding:4px;border:none;border-radius:0;background:transparent;color:#ffffff80;cursor:pointer;transition:color .2s}.unhiet-back-link:hover{color:#ffffffbf;background:transparent}.unhiet-back-link:active{transform:none}.unhiet-back-link svg{width:22px;height:22px}.unhiet-root #app{width:100%;max-width:500px;height:100%;display:flex;flex-direction:column;position:relative}.unhiet-root .top-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 8px 48px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:30;background:linear-gradient(180deg,rgba(58,0,0,.92) 0%,rgba(58,0,0,.55) 70%,transparent 100%)}.unhiet-root #ui-title,.unhiet-root h1{font-family:Bungee Spice,Anton,sans-serif;font-size:clamp(2.15rem,9vw,3.05rem);letter-spacing:1px;text-transform:uppercase;margin:0;font-weight:400;font-synthesis:none;line-height:1.1;white-space:nowrap;flex-shrink:0;color:#ffb74d}.unhiet-root #ui-title.unhiet-title-fallback{font-family:Tahoma,Segoe UI,sans-serif;font-weight:800;background:linear-gradient(180deg,#ffe082,#ffb300 28%,#ff6f00 58%,#e65100);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.unhiet-root.unhiet-ipad .top-bar{padding-top:16px;overflow:visible}.unhiet-root.unhiet-ipad #ui-title,.unhiet-root.unhiet-ipad h1{font-size:calc(clamp(2.15rem,9vw,3.05rem) - 3px);line-height:1.22;overflow:visible}.unhiet-root .info-bar{font-size:12px;opacity:.72;font-weight:300;font-style:italic;text-align:right;line-height:1.3;max-width:48%;flex:1 1 auto}.unhiet-root main{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:clamp(8px,1.6vh,18px);position:relative;z-index:2;min-height:0}.unhiet-root.running main{padding-top:clamp(10px,2vh,22px)}.unhiet-root .timer-container{position:relative;width:min(360px,84vw);height:min(360px,84vw);max-height:min(54vh,400px);display:flex;align-items:center;justify-content:center;flex-shrink:0;flex-direction:column;overflow:visible;z-index:1;margin-top:4px}.unhiet-root .timer-container.pulse{animation:unhiet-startPulse .4s ease-out}.unhiet-root .timer-container.breathing{animation:unhiet-breathe 4s infinite ease-in-out}.unhiet-root #lantern-svg{position:absolute;top:0;left:0;width:100%;height:100%;filter:drop-shadow(0 0 26px rgba(255,87,34,.62)) drop-shadow(0 10px 22px rgba(0,0,0,.5));transition:transform .35s linear,filter .5s ease;transform:scale(1);transform-origin:center center;pointer-events:none;will-change:transform}.unhiet-root.running #lantern-svg{filter:drop-shadow(0 0 28px rgba(255,87,34,.8)) drop-shadow(0 0 52px rgba(255,152,0,.42)) drop-shadow(0 10px 22px rgba(0,0,0,.5))}.unhiet-root #lantern-shell{fill:var(--lantern-purple);stroke:#ff5722;stroke-width:3.2;stroke-linejoin:round;transition:all .5s ease}.unhiet-root.running #lantern-shell{stroke:#8a3a32;stroke-width:3}.unhiet-root #lantern-flame{fill:url(#fire-grad);transition:opacity .6s linear,all .5s ease;transform-origin:center;transform:scale(1);opacity:0}.unhiet-root #time-display{font-family:Anton,sans-serif;font-size:clamp(2.8rem,12vw,4.2rem);z-index:2;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8);transition:color .3s,text-shadow .3s;line-height:1}.unhiet-root #time-display.active{color:#ffd54f;text-shadow:0 0 20px #FF5722}.unhiet-root #time-display.active.extended-time{color:#fff;text-shadow:0 0 12px #00E5FF,0 0 4px #00E5FF}.unhiet-root #music-module{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5px;opacity:.7;transition:opacity .3s}.unhiet-root #music-module:hover{opacity:1}.unhiet-root #btn-music-toggle{cursor:pointer;background:transparent;border:none;color:#ffd54f;padding:5px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 5px rgba(0,0,0,.8));transition:transform .2s,color .3s}.unhiet-root #btn-music-toggle:active{transform:scale(.9)}.unhiet-root #btn-music-toggle.playing{color:#00e5ff;filter:drop-shadow(0 0 8px #00E5FF);animation:unhiet-pulseGlow 2s infinite}.unhiet-root:has(#btn-music-toggle.playing) #music-module{opacity:1}.unhiet-root #btn-music-toggle .material-symbols-outlined{font-size:26px}.unhiet-root #volume-wrapper{height:0;overflow:hidden;transition:height .3s ease,opacity .3s ease;opacity:0;margin-top:2px}.unhiet-root #volume-wrapper.show{height:15px;opacity:1}.unhiet-root input[type=range]{-webkit-appearance:none;width:60px;height:4px;background:#ffffff4d;border-radius:2px;outline:none}.unhiet-root input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 5px #00000080}.unhiet-root #idle-text{position:absolute;top:-10px;width:100%;text-align:center;font-size:13px;opacity:0;pointer-events:none;transition:opacity 2s;color:#ffffff80;font-style:italic}.unhiet-root #idle-text.show{opacity:1}.unhiet-root #current-task-block{position:absolute;top:66.666%;bottom:auto;left:0;width:100%;height:0;display:none;align-items:center;justify-content:center;padding:0 24px;z-index:5;transition:height .4s cubic-bezier(.25,1,.5,1),padding .4s;overflow:hidden}.unhiet-root #current-task-block.show{display:flex;height:auto;min-height:unset;max-height:28vh;padding:16px 24px 18px;transform:none}.unhiet-root #current-task-block:after{content:"";position:absolute;inset:4px 0 0;background:linear-gradient(180deg,#7a0000,#5a0000);z-index:-1}.unhiet-root #current-task-block:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;padding:0;background:#ff5722;box-shadow:0 0 10px #ff5722b3;-webkit-mask:none;mask:none;animation:none;z-index:1}.unhiet-root #current-task-text{font-size:16px;font-weight:700;text-align:center;line-height:1.5;color:#fff;opacity:0;transition:opacity .3s .2s;text-shadow:0 2px 4px rgba(0,0,0,.5)}.unhiet-root #current-task-block.show #current-task-text{opacity:1}.unhiet-root #bottom-ui{width:100%;display:flex;flex-direction:column;flex-grow:1;overflow:visible;transition:transform .4s ease,opacity .4s ease;z-index:1}.unhiet-root.running #bottom-ui{transform:translateY(100px);opacity:0;pointer-events:none}.unhiet-root .actions{padding:0 20px;flex-shrink:0;display:flex;flex-direction:row;justify-content:space-between;gap:15px;width:100%;margin-top:10px}.unhiet-root .btn{flex:1;background:#0006;border:1px solid rgba(255,255,255,.15);color:#fff;padding:14px 5px;border-radius:12px;font-size:14px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s}.unhiet-root .btn:active{transform:scale(.96)}.unhiet-root .btn:disabled{opacity:.3;pointer-events:none}.unhiet-root .btn-swipe{background:#c21313;border:none;box-shadow:0 3px 10px #0000004d}.unhiet-root .jiggle{animation:unhiet-jiggle .3s ease}.unhiet-root .card-area{height:112px;flex-shrink:0;padding:14px 15px 0;display:flex;justify-content:center;align-items:flex-end;gap:18px;margin-top:auto;margin-bottom:0;overflow:visible}.unhiet-root .card{width:44px;height:220px;flex-shrink:0;background:linear-gradient(to right,#a91111,#ff5722 40% 60%,#a91111);border-radius:6px 6px 0 0;border:none;box-shadow:0 5px 10px #000000b3;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20px;margin-bottom:-122px;color:#fff0d4;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;overflow:visible}.unhiet-root .card:hover{transform:translateY(-10px);box-shadow:0 15px 15px #000c;filter:brightness(1.2)}.unhiet-root .card-flame{position:absolute;top:-12px;left:50%;margin-left:-11px;width:22px;height:22px;border-radius:50% 0 50% 50%;transform:rotate(-45deg);background:linear-gradient(135deg,#ffd54f,#ff5722);box-shadow:inset -2px 2px 4px #ff5722cc,0 0 10px #ff5722cc;z-index:10;pointer-events:none;animation:unhiet-flameFlicker 2.5s infinite ease-in-out}.unhiet-root .card.completed .card-flame{background:linear-gradient(135deg,#5a0000,#2a0000);box-shadow:inset -1px 1px 2px #00000080;animation:none}.unhiet-root .card.completed{background:linear-gradient(to right,#2a0000,#6a0000 35% 65%,#2a0000);color:#ffd54f}.unhiet-root .card .time-num{font-family:Anton,sans-serif;font-size:22px;font-weight:700;line-height:1}.unhiet-root .card.completed .time-num{font-size:20px}.unhiet-root .time-unit{font-size:14px;font-weight:700;margin-top:2px}.unhiet-root #modal-end{position:absolute;bottom:20px;width:100%;display:none;justify-content:center;align-items:center;z-index:80}.unhiet-root #modal-end.show{display:flex;animation:unhiet-flyOutShort .3s ease-out forwards}.unhiet-root #modal-end .modal-content{background:#4a0000e6;backdrop-filter:blur(8px);width:90%;max-width:360px;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px #00000080}.unhiet-root .end-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;margin-top:5px}.unhiet-root .end-buttons .btn{flex:0 1 auto;padding:12px 16px;font-size:13px;margin:0;background:#0000004d;border-radius:8px;white-space:nowrap}.unhiet-root .end-buttons .btn.secondary{background:#ffffff1a}.unhiet-root .end-buttons .btn-start-over{background:#c21313;flex:1 1 100%}.unhiet-root .unhiet-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s;transform:none;max-width:none;max-height:none;border-radius:0;overflow:visible}.unhiet-root .unhiet-modal.show{opacity:1;visibility:visible;pointer-events:auto}.unhiet-root .unhiet-modal .modal-content{background:#4a0000;width:100%;max-width:320px;padding:20px;border-radius:16px;text-align:center;border:1px solid rgba(255,255,255,.1)}.unhiet-root .modal-content.swipe-bg{background:var(--bg-mid2)}.unhiet-root .unhiet-modal input,.unhiet-root .unhiet-modal textarea{width:100%;padding:12px;border-radius:8px;border:none;outline:none;background:#0000004d;color:#fff;font-size:16px;margin-bottom:15px;text-align:center;font-family:Montserrat,sans-serif}.unhiet-root .unhiet-modal textarea{resize:none;line-height:1.4}.unhiet-root .preset-times{display:flex;flex-wrap:nowrap;gap:6px;justify-content:space-between;margin-bottom:15px}.unhiet-root .preset-btn{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 0;border-radius:8px;font-size:14px;cursor:pointer;text-align:center}.unhiet-root .unhiet-modal .btn{width:100%;margin-top:10px;background:#c21313;border:none;font-size:15px}.unhiet-root .unhiet-modal .btn.secondary{background:#ffffff1a}.unhiet-root #word-counter{text-align:right;font-size:11px;opacity:.7;margin-top:-10px;margin-bottom:10px;padding-right:5px}.unhiet-root #word-counter.limit{color:#ff5722}.unhiet-root #input-add-time::placeholder{font-style:italic}.unhiet-root .swipe-task-name{margin-bottom:10px;font-weight:600}.unhiet-root .swipe-task-time{margin-bottom:20px;opacity:.8;font-size:14px}.unhiet-root .add-time-hint{font-size:11px;font-weight:400;opacity:.6}@media screen and (max-height:700px){.unhiet-root .timer-container{width:min(340px,82vw);height:min(340px,82vw);max-height:min(52vh,360px)}.unhiet-root main,.unhiet-root.running main{padding-top:8px}.unhiet-root #ui-title,.unhiet-root h1{font-size:clamp(1.9rem,8vw,2.7rem)}.unhiet-root.unhiet-ipad #ui-title,.unhiet-root.unhiet-ipad h1{font-size:calc(clamp(1.9rem,8vw,2.7rem) - 3px)}}@media screen and (max-height:500px)and (orientation:landscape){.unhiet-root main{padding-top:2vh}.unhiet-root .timer-container{width:160px;height:160px;max-height:160px}.unhiet-root #time-display{font-size:32px}.unhiet-root #btn-music-toggle .material-symbols-outlined{font-size:20px!important}.unhiet-root #current-task-block.show{min-height:unset;max-height:none;padding:10px 20px;top:66.666%}.unhiet-root #current-task-text{font-size:13px;margin:0}.unhiet-root .top-bar{padding:5px 16px 5px 48px}.unhiet-root h1{font-size:20px}.unhiet-root .card-area{height:72px}.unhiet-root .card{height:130px;width:30px;padding-top:10px;margin-bottom:-70px}.unhiet-root .card .time-num{font-size:16px}.unhiet-root .card-flame{width:16px;height:16px;margin-left:-8px;top:-8px}}@keyframes unhiet-startPulse{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes unhiet-breathe{0%,to{filter:drop-shadow(0 0 5px rgba(255,87,34,.3))}50%{filter:drop-shadow(0 0 30px rgba(255,87,34,.8))}}@keyframes unhiet-jiggle{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes unhiet-flyOutShort{0%{transform:translateY(20px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes unhiet-fireBorder{to{background-position:200% 0}}@keyframes unhiet-pulseGlow{0%,to{filter:drop-shadow(0 0 2px #40C4FF)}50%{filter:drop-shadow(0 0 10px #40C4FF)}}@keyframes unhiet-flameFlicker{0%,to{transform:rotate(-45deg) scale(1)}50%{transform:rotate(-45deg) scale(1.05)}}@keyframes unhiet-smokeOutSlow{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0) brightness(1)}20%{opacity:1;filter:blur(1px) brightness(2)}to{opacity:0;transform:translateY(-70px) scale(1.2);filter:blur(6px) brightness(1.5)}}@keyframes unhiet-dropDownStick{0%{transform:translateY(-300px);opacity:0}60%{transform:translateY(15px);opacity:1}80%{transform:translateY(-5px)}to{transform:translateY(0);opacity:1}}.unhiet-root .anim-drop{animation:unhiet-dropDownStick .6s cubic-bezier(.25,1,.5,1) forwards}.unhiet-root .anim-smoke-out{animation:unhiet-smokeOutSlow 1.5s ease-out forwards!important}.toa-net-to-root{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;background:#47153b}.toa-net-to-frame{display:block;width:100%;height:100%;border:none;background:#47153b}.paint-neon-root{position:fixed;inset:0;overflow:hidden;background-color:#222;background-image:linear-gradient(45deg,#1a1a1a 25%,transparent 25%),linear-gradient(-45deg,#1a1a1a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1a1a1a 75%),linear-gradient(-45deg,transparent 75%,#1a1a1a 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;font-family:Roboto,sans-serif;user-select:none;-webkit-tap-highlight-color:transparent}.paint-neon-chrome{position:fixed;top:max(10px,env(safe-area-inset-top,0px));left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 12px;z-index:15;pointer-events:none}.paint-neon-chrome>*{pointer-events:auto}.paint-neon-back{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#0f141ebf;color:#fff;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s ease}.paint-neon-back:hover{background:#ffffff26}.paint-neon-back svg{width:20px;height:20px}.paint-neon-logo{display:flex;line-height:0}.paint-neon-logo img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,255,255,.25))}.paint-neon-bg{position:absolute;inset:0;z-index:1;transition:background-color .5s ease}.paint-neon-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;cursor:crosshair;touch-action:none}.paint-neon-canvas.is-eraser{cursor:cell}.paint-neon-guide{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);color:#ffffff4d;font-size:18px;font-style:italic;pointer-events:none;transition:opacity .5s;text-align:center;z-index:5;margin:0;padding:0 20px;line-height:1.6}.paint-neon-guide--mouse{display:none}.paint-neon-guide--touch{display:block}@media(hover:hover)and (pointer:fine){.paint-neon-guide--mouse{display:block}.paint-neon-guide--touch{display:none}}.paint-neon-guide.hidden{opacity:0}.paint-neon-quick-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#0f141eb3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:40px;padding:8px 12px;z-index:10;box-shadow:0 10px 30px #00000080;width:max-content;max-width:95%;overflow-x:auto;white-space:nowrap;transition:transform .4s ease,opacity .4s ease}.paint-neon-quick-bar::-webkit-scrollbar{display:none}.paint-neon-quick-bar{-ms-overflow-style:none;scrollbar-width:none}.paint-neon-quick-bar.menu-open{transform:translate(-50%,150%);opacity:0;pointer-events:none}.paint-neon-brush-group,.paint-neon-color-group,.paint-neon-action-group,.paint-neon-eraser-sizes{display:flex;gap:5px;align-items:center}.paint-neon-brush-group,.paint-neon-color-group,.paint-neon-eraser-sizes{border-right:1px solid rgba(255,255,255,.2);padding-right:12px}.paint-neon-eraser-sizes{gap:4px}.paint-neon-b-btn{background:transparent;border:1px solid transparent;color:#94a3b8;padding:6px 12px;font-size:13px;font-weight:500;border-radius:20px;cursor:pointer;transition:.2s;font-family:inherit}.paint-neon-b-btn.active{background:#ffffff26;color:#fff;border-color:#ffffff4d}.paint-neon-b-btn.eraser-active{background:#ffc8642e;color:#ffd699;border-color:#ffc86473}.paint-neon-color-btn{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:.3s;box-shadow:0 0 5px var(--glow-color);flex-shrink:0;padding:0}.paint-neon-color-btn.active{transform:scale(1.3);border-color:#fff;box-shadow:0 0 12px var(--glow-color)}.paint-neon-color-group.disabled{opacity:.35;pointer-events:none}.paint-neon-ur-btn{background:transparent;border:none;color:#cbd5e1;font-size:18px;cursor:pointer;transition:.2s;padding:4px 6px;font-family:inherit}.paint-neon-ur-btn:hover:not(:disabled){color:#fff;transform:scale(1.1)}.paint-neon-ur-btn:disabled{opacity:.3;cursor:not-allowed;transform:scale(1)}.paint-neon-menu-btn{border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700;cursor:pointer;background:transparent;transition:.2s;margin-left:5px;font-family:inherit}.paint-neon-menu-btn:hover{background:#ffffff1a}.paint-neon-controls{position:absolute;bottom:0;left:0;width:100%;background:#0f141ef2;backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:20px 10px 30px;display:flex;flex-direction:column;gap:15px;align-items:center;z-index:20;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 -10px 40px #00000080}.paint-neon-controls.open{transform:translateY(0)}.paint-neon-close-menu{position:absolute;top:-15px;right:20px;background:#222;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-weight:700;z-index:21;box-shadow:0 4px 10px #00000080;font-family:inherit}.paint-neon-control-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:600px}.paint-neon-section{display:flex;flex-direction:column;align-items:center;width:100%}.paint-neon-group-label{color:#94a3b8;font-size:11px;text-transform:uppercase;margin-bottom:8px;font-weight:700;letter-spacing:1px}.paint-neon-bg-group{display:flex;background:#0006;border-radius:10px;padding:4px;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap;justify-content:center;width:max-content}.paint-neon-opt-btn{background:transparent;border:none;color:#94a3b8;padding:8px 16px;font-size:13px;cursor:pointer;border-radius:8px;transition:.2s;font-weight:500;font-family:inherit}.paint-neon-opt-btn.active{background:#ffffff26;color:#fff}.paint-neon-action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:13px;font-weight:700;cursor:pointer;transition:.2s;padding:10px 20px;border-radius:8px;font-family:inherit}.paint-neon-action-btn:hover{background:#ffffff26;color:#fff}.paint-neon-action-btn.save{color:#34febb;border-color:#34febb4d}.paint-neon-action-btn.save:hover{background:#34febb1a;box-shadow:0 0 15px #34febb4d}@media(max-width:600px){.paint-neon-quick-bar{bottom:10px;padding:6px 8px;gap:8px;width:98%;border-radius:30px}.paint-neon-brush-group,.paint-neon-color-group,.paint-neon-eraser-sizes{gap:2px;padding-right:8px}.paint-neon-b-btn{padding:6px 8px;font-size:12px}.paint-neon-menu-btn{padding:6px 10px;font-size:12px}.paint-neon-color-btn{width:18px;height:18px}.paint-neon-ur-btn{font-size:16px;padding:2px}}.home-pwa-install-modal{max-width:440px}.home-pwa-install-lead{margin:8px 0 0;font-family:"Source Sans 3",sans-serif;font-size:14px;font-weight:500;line-height:1.45;color:#4a5568;text-transform:none;letter-spacing:0}.home-pwa-install-status{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#e8f5e9;color:#1b5e20;font-family:"Source Sans 3",sans-serif;font-size:14px;font-weight:700;text-align:center}.home-pwa-install-native{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:14px}.home-pwa-install-cta{appearance:none;border:none;border-radius:12px;padding:12px 16px;background:linear-gradient(135deg,#2f3348,#4a4568);color:#f5f3ff;font-family:"Source Sans 3",sans-serif;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #2f334847;transition:transform .15s ease,filter .15s ease}.home-pwa-install-cta:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.home-pwa-install-cta:disabled{opacity:.7;cursor:wait}.home-pwa-install-native-hint,.home-pwa-install-note{margin:0 0 12px;font-family:"Source Sans 3",sans-serif;font-size:12px;line-height:1.4;color:#718096}.home-pwa-install-group-title{margin:12px 0 8px;font-family:"Source Sans 3",sans-serif;font-size:13px;font-weight:700;color:#2d3748}.home-pwa-install-item{border:1px solid #e2e8f0;border-radius:10px;background:#fafafa;margin-bottom:8px;overflow:hidden}.home-pwa-install-item summary{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;font-family:"Source Sans 3",sans-serif;font-size:14px;font-weight:700;color:#1a202c;list-style:none}.home-pwa-install-item summary::-webkit-details-marker{display:none}.home-pwa-install-item summary:before{content:"▸";color:#718096;font-size:12px}.home-pwa-install-item[open] summary:before{content:"▾"}.home-pwa-install-body{padding:0 12px 12px 28px;display:flex;flex-direction:column;gap:6px}.home-pwa-install-body p{margin:0;font-family:"Source Sans 3",sans-serif;font-size:13px;line-height:1.5;color:#4a5568}.home-pwa-install-body p.is-italic{font-style:italic;color:#718096}.tiviba-home{--home-logo-size: 68px;--home-plane-gap: 22px;width:100%;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:#111;font-family:Playfair Display,serif;position:relative;transition:background .45s ease}.tiviba-home.home-zone-focus{background:var(--home-zone-bg, #111)}.tiviba-home.home-zone-focus .home-block-top,.tiviba-home.home-zone-focus .home-block-mid{opacity:.22;transition:opacity .45s ease,background .45s ease;pointer-events:none}@media(max-width:768px){.tiviba-home.home-zone-focus .home-block-top,.tiviba-home.home-zone-focus .home-block-mid,.tiviba-home.home-zone-focus .home-block-bottom,.tiviba-home.home-zone-focus .home-bottom-dock{background:transparent}}.home-zone-dismiss-layer{position:fixed;inset:0;z-index:8;margin:0;padding:0;border:none;background:transparent;cursor:default}.home-block-top{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 20px;background:linear-gradient(180deg,#141414,#1c1c1cf7);z-index:10}.home-top-hero{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:0;width:100%;max-width:800px}.home-hero-left{text-align:right;flex:1;min-width:0}.home-brand-name{font-family:"Source Sans 3",sans-serif;font-size:20px;font-weight:800;color:#fff;letter-spacing:2px;line-height:1.2}.home-brand-tagline{font-family:"Source Sans 3",sans-serif;font-size:11px;font-weight:400;color:#ffffff8c;line-height:1.3;margin-top:2px}.home-logo-wrapper{flex-shrink:0;cursor:pointer}.home-logo{width:var(--home-logo-size);height:var(--home-logo-size);border-radius:16px;box-shadow:0 4px 24px #ffffff26}.home-social-row{display:none}.home-bottom-dock{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px 6px;background:#111;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;position:relative;z-index:12;overflow:visible;min-width:0}.home-bottom-features,.home-bottom-social{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}.home-bottom-features{justify-content:flex-start;gap:10px}.home-feature-shortcut-svg{width:1em;height:1em;color:#fff8ebf2}.home-feature-shortcut-img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;pointer-events:none}.home-feature-shortcut--dieu-khi .home-feature-shortcut-svg,.home-feature-shortcut--nhip-than .home-feature-shortcut-svg,.home-feature-shortcut--nau-chay .home-feature-shortcut-svg{filter:drop-shadow(0 0 2px rgba(255,220,180,.35))}.home-feature-shortcut--dieu-khi .home-feature-shortcut-svg{width:1.06em;height:1.06em}.home-feature-shortcut--tru-vung-ben,.home-feature-shortcut--to-sac,.home-feature-shortcut--music{font-size:calc(var(--home-logo-size, 68px) * .34)}.home-feature-shortcut--niem-hong-danh .home-feature-shortcut-img,.home-feature-shortcut--le-tam-bao .home-feature-shortcut-img{filter:drop-shadow(0 0 2px rgba(200,180,255,.35))}.home-bottom-social{justify-content:flex-end;margin-left:auto;gap:10px}.home-feature-shortcut,.home-social-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--home-logo-size, 68px) * .3);height:calc(var(--home-logo-size, 68px) * .3);padding:0;border:none;background:transparent;color:#ffffffe6;font-size:calc(var(--home-logo-size, 68px) * .26);line-height:1;cursor:pointer;transition:transform .15s ease,color .15s ease,opacity .15s ease;opacity:.92}.home-feature-shortcut:hover,.home-social-link:hover{transform:translateY(-1px) scale(1.08);opacity:1}.home-feature-shortcut--music span{filter:sepia(1) saturate(6.5) hue-rotate(6deg) brightness(1.42) contrast(1.12)}.home-feature-shortcut:after,.home-social-link:after{content:attr(data-link);position:absolute;left:50%;top:calc(100% + 8px);bottom:auto;transform:translate(-50%) translateY(-4px);padding:4px 10px;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.55);color:#111;font-family:"Source Sans 3",sans-serif;font-size:11px;font-weight:600;letter-spacing:.2px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:30;box-shadow:0 2px 8px #0000002e}.home-feature-shortcut:hover:after,.home-feature-shortcut:focus-visible:after,.home-social-link:hover:after,.home-social-link:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.home-bottom-features .home-feature-shortcut:after{left:0;transform:translate(0) translateY(-4px)}.home-bottom-features .home-feature-shortcut:hover:after,.home-bottom-features .home-feature-shortcut:focus-visible:after{transform:translate(0) translateY(0)}.home-bottom-social .home-social-link:after{left:auto;right:0;transform:translate(0) translateY(-4px)}.home-bottom-social .home-social-link:hover:after,.home-bottom-social .home-social-link:focus-visible:after{transform:translate(0) translateY(0)}.home-social-link--facebook:hover{color:#1877f2}.home-social-link--youtube:hover{color:red}.home-social-link--tiktok:hover{color:#69c9d0}.home-social-link--shopee:hover,.home-social-link--shopee:focus-visible{color:#ee4d2d}.home-social-link--zalo:hover,.home-social-link--zalo:focus-visible{color:#0068ff}.home-social-link--install:hover,.home-social-link--install:focus-visible{color:#f0d78c}.home-social-icon--install{display:flex;align-items:center;justify-content:center;font-family:"Source Sans 3",sans-serif;font-size:1.15em;font-weight:600;line-height:1;color:inherit}.home-social-icon{width:100%;height:100%;display:block}.home-social-icon--img{width:100%;height:100%;object-fit:contain;display:block}.home-social-icon--shopee.home-social-icon--img,.home-social-icon--zalo.home-social-icon--img{background:none;-webkit-mask:none;mask:none;filter:brightness(0) invert(1);opacity:.92;transition:filter .15s ease,opacity .15s ease}.home-social-link--shopee:hover .home-social-icon--shopee,.home-social-link--shopee:focus-visible .home-social-icon--shopee{filter:brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(2000%) hue-rotate(346deg) brightness(101%) contrast(96%);opacity:1}.home-social-link--zalo:hover .home-social-icon--zalo,.home-social-link--zalo:focus-visible .home-social-icon--zalo{filter:brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(2476%) hue-rotate(206deg) brightness(98%) contrast(101%);opacity:1}.home-zalo-modal{max-width:min(360px,92vw);text-align:center}.home-zalo-qr{width:min(260px,70vw);height:auto;margin:8px auto 0;border-radius:12px;background:#fff;display:block}.home-zalo-hint{margin:12px 0 4px;font-family:"Source Sans 3",sans-serif;font-size:13px;color:#555}@keyframes home-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.home-logo-breathe{animation:home-breathe 6s ease-in-out infinite}.home-logo-breathe:hover{animation-play-state:paused;filter:brightness(1.1)}.home-hero-right{text-align:left;flex:1;min-width:0}.home-hero-line1{font-family:"Source Sans 3",sans-serif;font-size:12px;font-weight:500;color:#ffffffb3;line-height:1.3}.home-hero-line2{font-family:Playwrite DE Grund,cursive;font-size:9px;font-weight:300;color:#ffffff80;line-height:1.4;margin-top:3px}.home-top-buttons{display:flex;gap:16px}.home-btn{display:flex;align-items:center;gap:8px;padding:7px 20px;border:none;border-radius:28px;font-family:"Source Sans 3",sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s ease;letter-spacing:.5px}.home-btn svg{width:16px;height:16px;flex-shrink:0}.home-btn-music{background:linear-gradient(135deg,#388e3c,#1b5e20);color:#fff;box-shadow:0 2px 12px #388e3c59}.home-btn-music:hover{background:linear-gradient(135deg,#43a047,#2e7d32);box-shadow:0 4px 20px #388e3c8c;transform:translateY(-2px)}.home-btn-duyen{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;box-shadow:0 2px 12px #d32f2f59}.home-btn-duyen:hover{background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 4px 20px #d32f2f8c;transform:translateY(-2px)}.home-block-mid{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#1c1c1cf7,#161616fa);border-top:1px solid rgba(255,255,255,.06);z-index:10}.home-ticker-zone{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:0 12px;border-bottom:none}.home-marquee-track{flex:0 0 auto;width:100%;overflow:hidden;padding:6px 0 4px}.home-marquee-content{display:inline-flex;white-space:nowrap;width:max-content;animation:home-scroll var(--marquee-duration, 60s) linear infinite}.home-marquee-item{font-family:"Source Serif 4",serif;font-style:italic;font-size:13px;color:#d29c32;padding:0 48px;flex-shrink:0;display:inline-block}@keyframes home-scroll{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--marquee-distance, 50%)))}}.home-features-section{flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 16px 8px;gap:8px}.home-features-title{font-family:"Source Sans 3",sans-serif;font-size:20px;font-weight:600;color:#fff9;letter-spacing:1px;text-transform:uppercase}.home-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:720px}.home-feature-btn,.home-all-features-btn{width:100%;min-height:46px;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.home-feature-slot-empty{display:block;min-height:46px;visibility:hidden;pointer-events:none}.home-feature-btn{min-width:0;padding:10px 12px;border:none;border-radius:9999px;font-family:"Source Sans 3",sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001f;border:1px solid rgba(0,0,0,.06);line-height:1.2;white-space:normal}.home-feature-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 4px 16px #0000004d;filter:brightness(1.1)}.home-all-features-btn{position:relative;margin-top:0;padding:10px 12px;border:1px solid rgba(255,214,140,.75);border-radius:0;background:linear-gradient(180deg,#f6e7b8,#d4a84b);color:#2b1f0c;font-family:"Source Sans 3",sans-serif;font-size:14px;font-weight:800;font-style:italic;letter-spacing:.04em;cursor:pointer;transition:all .3s ease;line-height:1.25;white-space:normal;box-shadow:0 4px 14px #d4a84b61,0 0 0 1px #fff8dc40 inset}.home-all-features-btn-text{font-style:italic}.home-all-features-hand{position:absolute;right:6px;bottom:2px;font-size:15px;line-height:1;opacity:0;transform:translateY(2px);pointer-events:none;animation:home-all-features-hand-pulse 5s ease-in-out infinite}@keyframes home-all-features-hand-pulse{0%,78%{opacity:0;transform:translateY(3px) scale(.92)}84%,92%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:0;transform:translateY(2px) scale(.95)}}.home-all-features-btn:hover{background:linear-gradient(180deg,#fff0c4,#e0b85a);color:#1a1408;border-color:#ffe4a0f2;transform:translateY(-2px) scale(1.04);box-shadow:0 6px 18px #d4a84b80,0 0 0 1px #fff8dc66 inset}.home-event-banner{position:relative;width:100%;max-width:920px;margin-top:2px;padding:12px 18px 14px;border:2px solid rgba(168,172,198,.42);border-radius:16px;background:linear-gradient(135deg,#2f3348,#3d3f5c 42%,#4a4568 72%,#524a6a);color:#e6e4f0;font-family:"Source Sans 3",sans-serif;font-size:16px;font-weight:700;line-height:1.35;text-align:center;cursor:pointer;overflow:hidden;box-shadow:0 6px 20px #12102066,0 0 0 1px #d2d0e214 inset;text-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}.home-event-banner-glow{display:none}.home-event-banner-label{display:block;font-family:Great Vibes,cursive;font-size:1.35em;font-weight:400;letter-spacing:1px;margin-bottom:2px;color:#d5d1e6;text-shadow:0 1px 3px rgba(12,10,24,.4)}.home-event-banner-text{display:block;font-size:.92em;font-weight:600;letter-spacing:.2px}.home-event-banner:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.04);box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff1f inset}.home-update-note{flex:0 0 auto;text-align:center;font-family:"Source Sans 3",sans-serif;font-size:11px;font-weight:400;color:#ffffff4d;padding:4px 0 6px;border-top:1px solid rgba(255,255,255,.04)}.home-block-bottom{flex:0 0 30%;max-height:30%;position:relative;overflow:hidden;display:flex;flex-direction:column;background:#111}.home-columns-container{display:flex;flex-direction:row;width:100%;flex:1 1 auto;min-height:0}.home-col{flex:1;height:100%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;overflow:hidden;background:var(--col-gradient);border-right:1px solid rgba(255,255,255,.05);transition:flex .5s ease;text-decoration:none;border-top:none;border-bottom:none;border-left:none;padding:0;font:inherit;color:inherit;text-align:inherit;-webkit-tap-highlight-color:transparent}.home-col:last-child{border-right:none}.home-col:hover{flex:2}.home-col-title{font-family:Great Vibes,cursive;font-size:2.4rem;color:var(--col-text);text-shadow:0 2px 10px rgba(0,0,0,.3);transition:all .5s ease;z-index:10;margin:0}.home-col-minh .home-col-title{color:#1a1a1a;text-shadow:none}.home-col:hover .home-col-title{transform:scale(1.25);color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5)}.home-col-minh:hover .home-col-title{color:#000;text-shadow:none}.home-col-sub{font-size:calc(.7rem + 2px);margin-top:4px;opacity:0;transition:opacity .5s ease;color:#fff;text-align:center;line-height:1.4;padding:0 10px;text-shadow:0 1px 4px rgba(0,0,0,.35)}.home-col-minh .home-col-sub{color:#1a1a1a;text-shadow:none}.home-col:hover .home-col-sub{opacity:1}.home-col-minh:hover .home-col-sub{color:#000;opacity:1}.home-plane-cta-wrap{flex:0 0 auto;display:flex;justify-content:center;align-items:center;padding:var(--home-plane-gap) 0;margin:0;min-height:0}.home-plane-cta{position:relative;width:52px;height:52px;border:none;border-radius:50%;background:linear-gradient(145deg,#fff,#e3f2fd 55%,#bbdefb);color:#0277bd;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 #03a9f466,0 6px 18px #0277bd4d;animation:home-plane-cta-pulse 5.5s ease-in-out infinite;z-index:5}.home-plane-cta-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(3,169,244,.35);animation:home-plane-cta-ring 5.5s ease-out infinite;pointer-events:none}.home-plane-cta-glow{position:absolute;inset:-2px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7) 0%,transparent 70%);opacity:.85;pointer-events:none}.home-plane-cta-svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin:-1px 0 0 -2px;animation:home-plane-cta-wiggle 4.8s ease-in-out infinite;filter:drop-shadow(0 2px 2px rgba(1,87,155,.25));position:relative;z-index:1}.home-plane-cta:hover{transform:scale(1.08);color:#01579b;animation-play-state:paused}.home-plane-cta:hover .home-plane-cta-svg{animation-play-state:paused;transform:rotate(-14deg) scale(1.08)}.home-plane-cta:active{transform:scale(.94)}@keyframes home-plane-cta-pulse{0%,to{transform:translateY(0) scale(1);box-shadow:0 0 #03a9f459,0 6px 18px #0277bd4d}50%{transform:translateY(-2px) scale(1.03);box-shadow:0 0 0 8px #03a9f400,0 8px 22px #0277bd61}}@keyframes home-plane-cta-ring{0%{transform:scale(.94);opacity:.7}to{transform:scale(1.22);opacity:0}}@keyframes home-plane-cta-wiggle{0%,to{transform:rotate(-3deg) translate(0)}50%{transform:rotate(3deg) translateY(-1px)}}.home-zone-dash-overlay{position:fixed;inset:0;z-index:110;display:flex;flex-direction:column;justify-content:flex-end;background:#00000047;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:home-fade-in .25s ease}.home-zone-dash-sheet{position:relative;width:100%;max-width:900px;margin:0 auto;max-height:min(78dvh,560px);background:#fff;border-radius:0;box-shadow:0 -15px 50px #0003;overflow:hidden;display:flex;flex-direction:column;animation:home-zone-dash-up .3s ease}@keyframes home-zone-dash-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.home-zone-dash-handle{display:flex;justify-content:center;align-items:center;width:100%;padding:10px 0 8px;border:none;background:#fff;border-bottom:1px solid #f3f4f6;cursor:pointer}.home-zone-dash-handle span{width:40px;height:4px;border-radius:999px;background:#d1d5db}.home-zone-dash-grid{display:flex;flex-direction:row;align-items:stretch;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.home-zone-dash-col{display:flex;flex-direction:column;align-items:center;flex:1 1 0;min-width:0;padding:0 2px 20px;border-right:none;overflow:visible}.home-zone-dash-col:last-child{border-right:none}.home-zone-dash-col-an{background:linear-gradient(180deg,#ffffff85,#ffffff47),linear-gradient(to bottom,#5d4037,#3e2723)}.home-zone-dash-col-minh{background:linear-gradient(180deg,#ffffff7a,#ffffff42),linear-gradient(to bottom,#c5ccd1,#90a4ae)}.home-zone-dash-col-yen{background:linear-gradient(180deg,#ffffff80,#ffffff42),linear-gradient(to bottom,#0288d1,#01579b)}.home-zone-dash-col-nhu{background:linear-gradient(180deg,#ffffff80,#ffffff42),linear-gradient(to bottom,#388e3c,#1b5e20)}.home-zone-dash-col-hi{background:linear-gradient(180deg,#ffffff80,#ffffff42),linear-gradient(to bottom,#d32f2f,#b71c1c)}.home-zone-dash-khiem-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;width:100%;padding:10px 12px;margin-bottom:2px;box-sizing:border-box;background:linear-gradient(90deg,#ebe6f5,#e4dff0 45%,#ddd6eb);border-bottom:1px solid rgba(106,90,205,.18)}.home-zone-dash-khiem-title{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border:none;border-radius:8px;background:transparent;color:#3d3558;font-family:"Source Sans 3",sans-serif;font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;flex-shrink:0}.home-zone-dash-khiem-title:hover{background:#6a5acd1a}.home-zone-dash-khiem-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:1 1 auto;min-width:0}.home-zone-dash-khiem-chip{padding:5px 10px;border:1px solid rgba(106,90,205,.28);border-radius:8px;background:#ffffff9e;color:#6a5acd;font-family:"Source Sans 3",sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.2;white-space:nowrap;cursor:pointer}.home-zone-dash-khiem-chip:hover{background:#ffffffe6;border-color:#6a5acd7a}.home-zone-dash-header{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 4px;margin-bottom:12px;border:none;border-bottom:1px solid rgba(255,255,255,.28);background:#ffffff47;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45);font-family:"Source Sans 3",sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:background .2s ease}.home-zone-dash-header:hover{background:#fff6}.home-zone-dash-col-minh .home-zone-dash-header{color:#263238;text-shadow:none}.home-zone-dash-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #00000014}.home-zone-dash-tool{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-height:56px;margin-bottom:8px;padding:4px 2px;border:none;background:transparent;cursor:default;transition:transform .2s ease,filter .2s ease}.home-zone-dash-tool.is-open{cursor:pointer}.home-zone-dash-tool.is-open:hover{transform:scale(1.04);filter:brightness(1.08)}.home-zone-dash-tool.is-open:active{transform:scale(.96)}.home-zone-dash-emoji,.home-zone-dash-symbol{display:flex;align-items:center;justify-content:center;height:32px;line-height:1;max-width:100%}.home-zone-dash-emoji{font-size:26px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}.home-zone-dash-symbol{font-size:26px;color:#2c2c2c}.home-zone-dash-tool.is-flip .home-zone-dash-emoji{transform:rotate(180deg)}.home-zone-dash-label{margin-top:4px;font-family:"Source Sans 3",sans-serif;font-size:10px;font-weight:700;text-align:center;line-height:1.2;max-width:100%;padding:0 2px;overflow-wrap:anywhere;word-break:break-word}.home-zone-dash-col-an .home-zone-dash-label{color:#3e2723}.home-zone-dash-col-minh .home-zone-dash-label{color:#263238}.home-zone-dash-col-yen .home-zone-dash-label{color:#014a7a}.home-zone-dash-col-nhu .home-zone-dash-label{color:#0d3d12}.home-zone-dash-col-hi .home-zone-dash-label{color:#7f1010}.home-zone-dash-tool[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%) translateY(4px);padding:4px 10px;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.55);color:#111;font-family:"Source Sans 3",sans-serif;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:30;box-shadow:0 2px 8px #0000002e}.home-zone-dash-tool[data-tip]:hover:after,.home-zone-dash-tool[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.home-zone-dash-tool.is-text-only{flex-direction:column;align-items:stretch;text-align:center;padding:8px 6px}.home-zone-dash-tool.is-text-only .home-zone-dash-label{font-size:11px;line-height:1.25;white-space:normal}@media(min-width:768px){.home-zone-dash-sheet{border-radius:0}.home-zone-dash-header,.home-zone-dash-khiem-chip{font-size:13px}.home-zone-dash-tool{min-height:72px;margin-bottom:10px}.home-zone-dash-emoji,.home-zone-dash-symbol{height:42px;font-size:36px}.home-zone-dash-label{font-size:12px;margin-top:6px}}@media(orientation:landscape)and (max-height:720px){.home-zone-dash-sheet{max-height:88dvh}.home-zone-dash-tool{min-height:52px;margin-bottom:6px;padding:2px}.home-zone-dash-emoji,.home-zone-dash-symbol{height:34px;font-size:28px}.home-zone-dash-label{font-size:11px;margin-top:4px}.home-zone-dash-header{padding-top:8px;padding-bottom:6px;font-size:12px}}@media(max-width:767px){.home-zone-dash-khiem-bar{flex-wrap:nowrap;align-items:center;gap:4px 6px;padding:8px}.home-zone-dash-khiem-title{font-size:10px;padding:2px 4px 2px 2px;flex-shrink:0}.home-zone-dash-khiem-tools{flex-wrap:nowrap;gap:3px;flex:1 1 auto;min-width:0;overflow:hidden}.home-zone-dash-khiem-chip{flex:1 1 0;min-width:0;padding:3px 4px;font-size:8px;font-weight:700;letter-spacing:0;text-align:center;overflow:hidden;text-overflow:ellipsis}}@media(max-width:480px){.home-plane-cta{width:48px;height:48px}.home-zone-dash-label{font-size:8px}.home-zone-dash-emoji,.home-zone-dash-symbol{height:28px;font-size:22px}}.home-paper-plane{position:absolute;width:32px;height:32px;z-index:20;pointer-events:none;filter:drop-shadow(0 5px 5px rgba(0,0,0,.3));animation:home-fly 18s linear infinite}.home-plane-svg{width:100%;height:100%;fill:#fff;opacity:.75}@keyframes home-fly{0%{left:-10%;top:70%;transform:rotate(15deg) scale(.8);opacity:0}10%{opacity:1}40%{left:40%;top:30%;transform:rotate(45deg) scale(1)}60%{left:60%;top:40%;transform:rotate(20deg) scale(.9)}to{left:110%;top:10%;transform:rotate(50deg) scale(.5);opacity:0}}.home-modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:16px;animation:home-fade-in .25s ease}@keyframes home-fade-in{0%{opacity:0}to{opacity:1}}.home-modal-box{background:#fffffff5;backdrop-filter:blur(16px);border-radius:16px;padding:24px 28px;max-width:520px;width:100%;max-height:85dvh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #00000040;animation:home-modal-in .3s ease}@keyframes home-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.home-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:4px 8px;transition:color .2s}.home-modal-close:hover{color:#333}.home-modal-header{text-align:center;margin-bottom:16px}.home-modal-subtitle{font-family:"Source Sans 3",sans-serif;font-size:12px;color:#888;text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.home-modal-title{font-family:"Source Sans 3",sans-serif;font-size:20px;font-weight:700;color:#1a1a1a}.home-modal-body{font-family:"Source Sans 3",sans-serif;font-size:14px;color:#444;line-height:1.6}.home-modal-section{margin-bottom:14px}.home-modal-term{font-weight:700;color:#1a1a1a;margin-bottom:3px}.home-modal-term em{font-weight:400}.home-modal-advice{margin-top:16px;padding:14px;background:#00000008;border-radius:10px;border-top:1px solid #ddd}.home-modal-advice-title{font-weight:700;color:#1a1a1a;margin-bottom:6px}.home-modal-advice ul{list-style:none;padding:0;margin:6px 0 10px 8px}.home-modal-advice li{margin-bottom:3px}.home-modal-closing{text-align:center;font-weight:600;color:#2e7d32;margin-top:8px}.home-modal-features{max-width:520px}.home-catalog-sort{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.home-catalog-sort-btn{flex:1 1 calc(50% - 4px);min-width:9.5rem;padding:8px 10px;border-radius:0;border:1px solid rgba(0,0,0,.12);background:#f4f2f0;color:#444;font-family:"Source Sans 3",sans-serif;font-size:13px;font-weight:600;font-style:italic;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.home-catalog-sort-btn.is-active{background:#3d3560;border-color:#3d3560;color:#f6f3ff}.home-catalog-sort-btn:hover:not(.is-active){background:#ebe7e2}.home-catalog-hint{margin:10px 0 0;font-family:"Source Sans 3",sans-serif;font-size:12px;line-height:1.45;color:#0000008c;text-align:center}.home-catalog-fav-empty{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:#3d35600f;font-family:"Source Sans 3",sans-serif;font-size:12.5px;line-height:1.45;color:#0000009e;text-align:left}.home-modal-features-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;max-height:292px;overflow-y:auto;padding-right:4px}.home-catalog-empty{margin:14px 0 4px;font-family:"Source Sans 3",sans-serif;font-size:14px;line-height:1.5;color:#0000008c;text-align:center}.home-modal-features-list::-webkit-scrollbar{width:4px}.home-modal-features-list::-webkit-scrollbar-track{background:transparent}.home-modal-features-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.home-feature-list-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px;padding:4px 6px;border:1px solid rgba(0,0,0,.06);border-radius:10px;font-family:"Source Sans 3",sans-serif;font-size:15px;font-weight:600;cursor:default;transition:filter .2s ease,box-shadow .2s ease;text-align:center;box-shadow:0 2px 6px #00000014}.home-feature-list-item:hover{filter:brightness(.97);box-shadow:0 2px 6px #0000001f}.home-feature-fav-btn,.home-feature-open-btn{appearance:none;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:6px 4px;line-height:1;touch-action:manipulation}.home-feature-fav-btn{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;min-height:2rem;border-radius:8px;color:transparent;-webkit-text-stroke:1.1px rgba(0,0,0,.28);text-stroke:1.1px rgba(0,0,0,.28);opacity:1}.home-feature-fav-btn:hover,.home-feature-open-btn:hover{opacity:1;background:#0000000d}.home-feature-fav-btn.is-on{color:#f0c400;-webkit-text-stroke:0;text-stroke:0;text-shadow:0 0 1px rgba(180,130,0,.35)}.home-feature-open-btn{min-width:0;width:100%;padding:8px 4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:8px}@media(max-width:768px){.tiviba-home{--home-logo-size: 48px;--home-plane-gap: 24px}.home-block-top{padding:8px 10px 6px}.home-block-mid{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border-top:none;border-bottom:none;background:#111}.home-block-bottom{flex:0 0 auto;min-height:0;max-height:none;border-top:none;margin-top:auto;position:relative;z-index:9;width:100%}.home-bottom-dock{gap:6px;padding-left:8px;padding-right:8px}.home-bottom-features{gap:13px}.home-bottom-social{gap:8px}.tiviba-home.home-zone-focus .home-block-bottom{flex:0 0 auto;margin-top:auto}.home-ticker-zone{flex:0 0 auto;padding:0 10px;border-bottom:none}.home-plane-cta-wrap{flex:0 0 auto;min-height:0;padding:var(--home-plane-gap) 0;margin:0;align-items:center;justify-content:center}.home-features-section{flex:0 0 auto;padding:0 12px 14px;margin-top:0;margin-bottom:2px;gap:8px;justify-content:flex-start}.home-features-grid{gap:8px;max-width:100%}.home-feature-btn,.home-all-features-btn,.home-feature-slot-empty{min-height:42px}.home-all-features-btn{font-size:13px;padding:8px 10px}.home-features-title{font-size:20px}.home-top-hero{gap:10px;margin-bottom:6px}.home-brand-name{font-size:14px;letter-spacing:1px}.home-brand-tagline{font-size:9px}.home-logo{border-radius:12px}.home-hero-line1{font-size:10px}.home-hero-line2{font-size:8px}.home-btn{padding:5px 14px;font-size:11px;gap:5px}.home-btn svg{width:14px;height:14px}.home-marquee-item{font-size:11px;padding:0 24px}.home-feature-btn{padding:8px;font-size:15px}.home-event-banner{font-size:14px;padding:10px 12px 12px;margin-top:15px}.home-event-banner-text{font-size:calc(.92em + 2px)}.home-event-banner-label{font-size:1.25em}.home-columns-container{flex-direction:column;height:auto;gap:0;justify-content:flex-end}.home-col{flex:0 0 auto;min-height:0;width:100%;height:auto;background:var(--col-h-gradient);border:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:16px 14px;transition:background .35s ease,padding .25s ease}.home-col.is-focused{padding:18px 14px;box-shadow:inset 0 0 0 2px #ffffff47}.home-col-mobile-detail{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px}.home-col-enter-plane{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(255,255,255,.62);background:linear-gradient(145deg,#ffffff57,#ffffff1a);box-shadow:0 4px 16px #00000059,inset 0 1px #ffffff73;cursor:pointer;padding:0;animation:home-enter-plane-float 1.6s ease-in-out infinite}.home-col-enter-plane svg{width:19px;height:19px;fill:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45));transform:rotate(12deg) translate(1px)}.home-col-minh.is-focused .home-col-enter-plane{border-color:#1a1a1a59;background:linear-gradient(145deg,#ffffffeb,#ffffffa6);box-shadow:0 4px 14px #0000002e,inset 0 1px #ffffffe6}.home-col-minh.is-focused .home-col-enter-plane svg{fill:#1a1a1a;filter:none}@keyframes home-enter-plane-float{0%,to{opacity:1;transform:translate(0) scale(1);box-shadow:0 4px 16px #00000059,inset 0 1px #ffffff73,0 0 #fff0}50%{opacity:.92;transform:translate(5px) scale(1.06);box-shadow:0 6px 20px #0006,inset 0 1px #ffffff8c,0 0 14px #ffffff59}}.home-col:last-child{border:none}.home-col:hover{flex:0 0 auto}.home-col-title{font-size:calc(1.5rem + 5px);flex:0 0 3rem;width:3rem;text-align:left;margin:0;transform:none;line-height:1.1}.home-col-sub{flex:1;margin:0 0 0 4px;font-size:calc(.67rem + 2px);line-height:1.25;opacity:1;color:#fff;text-align:right}.home-col-minh .home-col-sub{color:#1a1a1a;text-shadow:none}.home-col:hover .home-col-sub{opacity:1}.home-col-minh:hover .home-col-sub{color:#000}.home-col:hover .home-col-title{transform:none}.home-paper-plane{width:22px;height:22px}.home-modal-box{padding:18px 20px}.home-modal-title{font-size:17px}.home-modal-features-list{grid-template-columns:1fr;max-height:328px}}@media(max-width:768px)and (orientation:portrait){.home-col{min-height:clamp(52px,7.5dvh,76px);padding:16px 14px}.home-col.is-focused{min-height:clamp(56px,8dvh,84px);padding:18px 14px}}@media(max-width:768px)and (orientation:portrait)and (min-height:740px){.home-col{min-height:clamp(58px,8.2dvh,88px);padding:18px 14px}.home-col.is-focused{min-height:clamp(62px,8.8dvh,96px);padding:20px 14px}}@media(max-width:400px){.tiviba-home{--home-logo-size: 40px}.home-bottom-features{gap:14px}.home-block-top{padding:5px 8px 4px}.home-top-hero{gap:6px}.home-brand-name{font-size:12px}.home-brand-tagline{font-size:8px}.home-hero-line1{font-size:9px}.home-hero-line2{font-size:7px}.home-top-buttons{gap:8px}.home-btn{padding:4px 10px;font-size:10px}.home-col-title{font-size:calc(1.32rem + 5px);flex:0 0 2.64rem;width:2.64rem}.home-features-grid{gap:6px}.home-feature-btn{padding:7px 6px;font-size:13px}.home-all-features-btn{font-size:12px;padding:7px 6px}.home-feature-btn,.home-all-features-btn,.home-feature-slot-empty{min-height:38px}.home-event-banner{font-size:13px;padding:9px 10px 11px}}@media(max-height:760px){.tiviba-home{--home-logo-size: 48px;--home-plane-gap: 18px}.home-block-top{padding:6px 12px 4px}.home-marquee-track{padding:2px 0}.home-marquee-item{font-size:11px}.home-event-banner{margin-top:6px;margin-bottom:0;padding:7px 10px 8px;font-size:13px}.home-plane-cta-wrap{padding:var(--home-plane-gap) 0;margin:0}.home-plane-cta{transform:scale(.78);transform-origin:center}.home-features-section{padding:0 10px 6px;margin-top:0;gap:4px}.home-features-title{font-size:14px;letter-spacing:.5px}.home-features-grid{gap:6px}.home-feature-btn,.home-all-features-btn,.home-feature-slot-empty{min-height:34px}.home-feature-btn{padding:5px 6px;font-size:12px}.home-all-features-btn{padding:5px 6px;font-size:11px}@media(min-width:769px){.home-block-bottom{flex:0 0 26%}}.home-col-title{font-size:calc(1.1rem + 4px)}}@media(max-width:768px)and (max-height:760px){.home-block-bottom{flex:0 0 auto;max-height:none}.home-col{padding:10px 12px}.home-col.is-focused{padding:12px}.home-col-title{font-size:calc(1.05rem + 2px);flex:0 0 2.6rem;width:2.6rem}}@media(max-height:640px){.tiviba-home{--home-logo-size: 40px;--home-plane-gap: 14px}.home-plane-cta-wrap{display:flex;padding:var(--home-plane-gap) 0;margin:0}.home-plane-cta{transform:scale(.7)}.home-event-banner{margin-top:4px;margin-bottom:0;padding:6px 8px 7px;font-size:12px}.home-features-title{font-size:12px}.home-feature-btn,.home-all-features-btn,.home-feature-slot-empty{min-height:30px}.home-feature-btn{padding:4px 5px;font-size:11px}.home-all-features-btn{font-size:10px;padding:4px 5px}@media(min-width:769px){.home-block-bottom{flex:0 0 22%}}.home-bottom-dock{padding-top:2px;padding-bottom:2px}}@media(max-width:768px)and (max-height:640px){.home-block-bottom{flex:0 0 auto;max-height:none}.home-col{padding:8px 10px;min-height:44px}.home-col.is-focused{padding:9px 10px}.home-col-title{font-size:calc(.95rem + 2px);flex:0 0 2.4rem;width:2.4rem}}@media(min-height:820px)and (min-width:900px){.home-features-grid{gap:12px;max-width:820px}.home-feature-btn,.home-all-features-btn,.home-feature-slot-empty{min-height:48px}.home-feature-btn{font-size:15px;padding:12px 14px}}.lnt-root{--lnt-bg: #ede8e0;--lnt-text: #594a3c;--lnt-hl: #b87654;--lnt-border: #d3c9be;--lnt-cb-bg: #e3d9cd;--lnt-bb-h: 58px;--lnt-mp-h: 78px;--lnt-ab2-h: 58px;font-family:Quicksand,sans-serif;background-color:var(--lnt-bg);color:var(--lnt-text);overflow:hidden;height:100dvh;width:100%;-webkit-tap-highlight-color:transparent}.lnt-root *{margin:0;padding:0;box-sizing:border-box;font-family:Quicksand,sans-serif;-webkit-tap-highlight-color:transparent}.lnt-root header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--lnt-border);flex-shrink:0;overflow:visible}.lnt-root .lnt-back-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:var(--lnt-cb-bg);color:var(--lnt-text);cursor:pointer;transition:background .2s ease}.lnt-root .lnt-back-link:hover{background:#d4cabc}.lnt-root .lnt-back-link svg{width:20px;height:20px}.lnt-root .lnt-logo-link{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;justify-self:end;line-height:0;overflow:visible}.lnt-root .header-logo{width:44px;height:44px;object-fit:contain;display:block}.lnt-root header h1{font-size:17px;font-weight:700;letter-spacing:.5px;color:var(--lnt-text);white-space:nowrap;text-align:center;margin:0}.lnt-root .toggle-container{display:flex;justify-content:center;margin:20px 0}.lnt-root .toggle-btn{background:var(--lnt-cb-bg);border-radius:30px;display:flex;padding:4px;width:260px;position:relative;transition:border-radius .3s ease}.lnt-root .toggle-item{flex:1;text-align:center;padding:10px 0;z-index:1;cursor:pointer;font-size:14px;font-weight:700;color:#8f8275;transition:.3s}.lnt-root .toggle-item.active{color:#fff}.lnt-root .toggle-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--lnt-hl);border-radius:25px;transition:transform .3s ease,border-radius .3s ease}.lnt-root .toggle-container.mix .toggle-btn{border-radius:12px}.lnt-root .toggle-container.mix .toggle-slider{transform:translate(100%);border-radius:8px}.lnt-root .view-section{display:none;padding:0 25px;flex-direction:column;align-items:center;animation:lnt-fadeIn .4s ease;height:calc(100dvh - 130px);overflow-y:auto;padding-bottom:calc(var(--lnt-bb-h) + var(--lnt-mp-h) + var(--lnt-ab2-h) + 20px)}.lnt-root .view-section.active{display:flex}.lnt-root .view-section::-webkit-scrollbar{width:4px}.lnt-root .view-section::-webkit-scrollbar-thumb{background:var(--lnt-border);border-radius:4px}.lnt-root .btn-massive{background:var(--lnt-text);color:#fff;border:none;padding:16px 40px;border-radius:40px;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #594a3c26;transition:.3s;margin-bottom:15px;width:100%;max-width:340px;flex-shrink:0}.lnt-root .btn-massive:active{transform:scale(.97)}.lnt-root #btn-master-phoiam{border-radius:8px}.lnt-root .zone-list,.lnt-root .slider-group{width:100%;max-width:340px}.lnt-root .flow-hint{font-size:13px;color:#76695c;margin-bottom:20px;text-align:center;line-height:1.6;font-weight:600}.lnt-root .flow-hint strong{color:var(--lnt-text)}.lnt-root .zone-row{display:flex;align-items:center;width:100%;margin-bottom:12px}.lnt-root .flow-cb{width:30px;height:30px;accent-color:var(--lnt-hl);cursor:pointer;border-radius:6px;margin-right:14px;flex-shrink:0}.lnt-root .zone-item{padding:12px 15px;border-radius:12px;cursor:pointer;transition:.3s;border:1px solid var(--lnt-border);display:flex;justify-content:space-between;align-items:center;background:#f6f2ec;flex:1}.lnt-root .zone-item.playing{border-color:var(--lnt-hl);box-shadow:0 0 10px #b8765433;background:#fff}.lnt-root .zone-name{font-weight:700;font-size:16px;color:var(--lnt-text);white-space:nowrap}.lnt-root .zone-item-right{display:flex;align-items:center}.lnt-root .dc-vol-slider{width:80px!important;margin:0!important;height:4px!important}.lnt-root .dc-vol-slider::-webkit-slider-thumb{height:16px!important;width:16px!important;margin-top:-6px!important}.lnt-root .slider-group{margin-top:30px}.lnt-root .slider-row{margin-bottom:35px;display:flex;align-items:center;justify-content:space-between}.lnt-root .slider-label{font-size:16px;font-weight:700;width:110px;color:var(--lnt-text);white-space:nowrap;flex-shrink:0}.lnt-root input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(100% - 120px);background:transparent;outline:none}.lnt-root input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:22px;width:22px;border-radius:50%;background:var(--lnt-hl);cursor:pointer;margin-top:-8px;box-shadow:0 2px 5px #0003}.lnt-root input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:var(--lnt-cb-bg);border-radius:3px}.lnt-root input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;background:var(--lnt-cb-bg);border-radius:3px;border:none}.lnt-root input[type=range]::-moz-range-progress{height:6px;background:var(--lnt-hl);border-radius:3px}.lnt-root input[type=range]::-moz-range-thumb{height:22px;width:22px;border-radius:50%;background:var(--lnt-hl);border:none;cursor:pointer;box-shadow:0 2px 5px #0003}.lnt-root .ab2-player{position:fixed;bottom:calc(var(--lnt-bb-h) + var(--lnt-mp-h));left:0;width:100%;background:var(--lnt-bg);border-top:1px solid var(--lnt-border);padding:8px 20px;z-index:9}.lnt-root .ab2-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.lnt-root .ab2-controls{display:flex;gap:8px;align-items:center}.lnt-root .ab2-btn{background:none;border:none;border-radius:8px;font-size:16px;color:#8f8275;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0}.lnt-root .ab2-btn:hover{color:var(--lnt-hl)}.lnt-root .ab2-play{font-size:18px;width:38px;height:38px;color:#1f1f1f}.lnt-root .ab2-play.active{background:#1f1f1f;color:#fff}.lnt-root .ab2-repeat.active{color:var(--lnt-hl);background:#b876541a}.lnt-root .ab2-vol-wrap{position:relative}.lnt-root .ab2-tabs{display:flex;align-items:center;gap:0;flex:1;min-width:0;overflow:hidden}.lnt-root .ab2-tab-wrap{display:inline-flex;align-items:center;min-width:0}.lnt-root .ab2-tab{font-size:12px;font-weight:500;color:#b0a090;font-style:italic;cursor:pointer;transition:.2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lnt-root .ab2-tab.active{color:var(--lnt-text);font-weight:700;font-style:normal}.lnt-root .ab2-tab-sep{color:var(--lnt-border);font-size:14px;font-weight:300;flex-shrink:0;font-style:normal;margin:0 8px}.lnt-root .ab2-picker{display:none;position:relative;flex:1;min-width:0;max-width:min(100%,280px)}.lnt-root .ab2-picker-current{display:flex;align-items:center;gap:6px;width:100%;max-width:100%;padding:2px 0;border:none;background:transparent;cursor:pointer;text-align:left;color:var(--lnt-text);font-size:12px;font-weight:700;font-style:normal;line-height:1.3}.lnt-root .ab2-picker-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lnt-root .ab2-picker-caret{flex-shrink:0;font-size:11px;color:#b0a090;transition:transform .15s ease}.lnt-root .ab2-picker.is-open .ab2-picker-caret{transform:rotate(180deg)}.lnt-root .ab2-picker-menu{position:absolute;left:0;bottom:calc(100% + 6px);z-index:40;min-width:100%;max-width:300px;padding:6px;border-radius:10px;background:#f7f1e8;border:1px solid var(--lnt-border);box-shadow:0 8px 24px #3c281424;display:flex;flex-direction:column;gap:2px}.lnt-root .ab2-picker-item{border:none;background:transparent;text-align:left;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:12px;font-weight:500;color:#8a7a6a;font-style:italic;white-space:nowrap}.lnt-root .ab2-picker-item:hover{background:#b876541a;color:var(--lnt-text)}.lnt-root .ab2-picker-item.active{color:var(--lnt-text);font-weight:700;font-style:normal;background:#b876541f}.lnt-root .ab2-select{display:none!important}@media(max-width:720px){.lnt-root .ab2-tabs{display:none}.lnt-root .ab2-picker{display:block}}@media(max-width:430px){.lnt-root{--lnt-bb-h: 52px;--lnt-mp-h: 75px}.lnt-root .ab2-player{padding:4px 8px}.lnt-root .mini-player{padding:3px 8px}.lnt-root .ab2-row{gap:4px}.lnt-root .ab2-select{min-width:110px;max-width:150px;flex:1;font-size:11px}.lnt-root .ab2-controls{gap:5px;flex-shrink:0}.lnt-root .ab2-btn{width:28px;height:28px;font-size:12px}.lnt-root .ab2-play{width:30px;height:30px;font-size:13px}.lnt-root .mp-controls{gap:2px}.lnt-root .mp-btn{min-width:26px;min-height:26px;font-size:14px;padding:0}.lnt-root .mp-play{font-size:18px}.lnt-root .mp-title{font-size:7px;letter-spacing:0;max-width:72px;white-space:nowrap;line-height:1;text-align:right;flex-shrink:0}.lnt-root .bb-links{gap:5px;font-size:11px}.lnt-root .bottom-bar{padding:8px 12px}.lnt-root .bb-settings-btn{font-size:12px;padding:6px 10px}}.vol-popup{position:absolute;bottom:38px;left:50%;transform:translate(-50%);background:#e3d9cdf7;backdrop-filter:blur(8px);border:1px solid var(--lnt-border);border-radius:10px;padding:12px 8px;z-index:20;box-shadow:0 -4px 12px #00000014}.vol-v-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:6px!important;height:80px!important;background:var(--lnt-cb-bg);border-radius:3px;outline:none;margin:0!important}.vol-v-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:16px;width:16px;border-radius:50%;background:var(--lnt-hl);cursor:pointer;box-shadow:0 2px 5px #0003}.vol-v-slider::-webkit-slider-runnable-track{width:6px;background:var(--lnt-cb-bg);border-radius:3px}.vol-v-slider::-moz-range-track{width:6px;background:var(--lnt-cb-bg);border-radius:3px;border:none}.vol-v-slider::-moz-range-progress{width:6px;background:var(--lnt-hl);border-radius:3px}.vol-v-slider::-moz-range-thumb{height:16px;width:16px;border-radius:50%;background:var(--lnt-hl);border:none;cursor:pointer;box-shadow:0 2px 5px #0003}.lnt-root .mini-player{position:fixed;bottom:var(--lnt-bb-h);left:0;width:100%;background:var(--lnt-cb-bg);border-top:3px solid var(--lnt-border);border-bottom:3px solid var(--lnt-border);display:flex;flex-direction:column;padding:4px 10px;z-index:9}.lnt-root .mp-body{display:flex;align-items:center;width:100%}.lnt-root .mp-controls{display:flex;gap:4px;align-items:center}.lnt-root .mp-title{font-size:10.35px;font-weight:800;color:var(--lnt-hl);letter-spacing:0;white-space:nowrap;margin-left:8px;flex-shrink:0}.lnt-root .mp-btn{background:none;border:none;font-size:17px;color:var(--lnt-text);cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:0}.lnt-root .mp-btn:hover{transform:scale(1.1);color:var(--lnt-hl)}.lnt-root .mp-play{font-size:22px;color:var(--lnt-hl)}.lnt-root .mp-repeat{font-size:13px;opacity:.5;transition:.2s}.lnt-root .mp-repeat.active{opacity:1;color:var(--lnt-hl)}.lnt-root .mp-vol-wrap{position:relative}.lnt-root .mp-marquee-container{overflow:hidden;white-space:nowrap;width:100%;border-top:1px dashed var(--lnt-border);padding-top:5px;margin-top:5px}.lnt-root .mp-marquee{display:inline-block;animation:lnt-marquee 15s linear infinite}.lnt-root .mp-marquee.paused{animation-play-state:paused}.lnt-root .mp-status-text{font-style:italic;font-weight:500;opacity:.6;margin-right:5px;font-size:13px;color:var(--lnt-text)}.lnt-root .mp-song-text{font-weight:700;color:var(--lnt-text);font-size:13px}.lnt-root .bottom-bar{position:fixed;bottom:0;left:0;width:100%;padding:10px 16px;background:#ede8e0fa;border-top:1px solid var(--lnt-border);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;z-index:10;min-height:var(--lnt-bb-h);box-sizing:border-box}.lnt-root .bb-left{display:flex;align-items:center;gap:8px;flex-shrink:0;justify-self:start}.lnt-root .bb-center-link{justify-self:center;text-decoration:none;color:var(--lnt-hl);font-size:13px;font-weight:600;font-style:italic;white-space:nowrap}.lnt-root .bb-center-link:hover{opacity:.85}.lnt-root .bb-icon{cursor:pointer;color:var(--lnt-text);display:flex;align-items:center}.lnt-root .bb-settings-btn{display:inline-flex;align-items:center;gap:5px;cursor:pointer;color:var(--lnt-text);font-size:13px;font-weight:700;background:var(--lnt-cb-bg);border:1px solid var(--lnt-border);padding:6px 12px;border-radius:20px;transition:.2s;white-space:nowrap}.lnt-root .bb-settings-btn:hover,.lnt-root .bb-settings-btn:active{background:#d4cabc;border-color:var(--lnt-hl);color:var(--lnt-hl)}.lnt-root .btn-focus{background:var(--lnt-text);color:#fff;padding:10px 22px;border-radius:25px;font-weight:700;border:none;cursor:pointer;font-size:14px;white-space:nowrap}.lnt-root .bb-links{display:flex;gap:10px;font-size:13px;font-weight:700;align-items:center;justify-self:end;min-width:0}.lnt-root .bb-yt,.lnt-root .bb-tt{display:inline-flex;align-items:center;justify-content:center;color:#8f8275;flex-shrink:0}.lnt-root .bb-yt:hover,.lnt-root .bb-tt:hover{color:var(--lnt-hl)}.lnt-root .btn-focus-settings{margin-top:4px}.lnt-root .bb-links span{cursor:pointer;color:#8f8275;transition:.2s;white-space:nowrap}.lnt-root .bb-links span:hover{color:var(--lnt-hl)}.lnt-focus-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Quicksand,sans-serif}.lnt-focus-overlay.bg-blackout{background:#000}.lnt-focus-overlay.bg-deepspace{background:radial-gradient(circle at center,#171d2b,#06080d)}.lnt-focus-overlay.bg-aura{background:#c68b59;animation:lnt-runPalette 400s infinite alternate linear}.lnt-focus-overlay .star{position:absolute;background:#fff;border-radius:50%;opacity:0;animation:lnt-twinkleStar infinite alternate;box-shadow:0 0 4px #fff}.lnt-focus-overlay .btn-exit-focus{position:absolute;top:30px;right:25px;color:#fffc;font-size:18px;font-weight:700;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#0006;z-index:10;backdrop-filter:blur(5px);padding:0}.lnt-focus-overlay .clock-glow{position:absolute;bottom:60px;text-align:center;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.5);z-index:10}.lnt-focus-overlay .clock-time{font-size:42px;font-weight:500}.lnt-focus-overlay .clock-duration{font-size:14px;font-style:italic;opacity:.9}.lnt-modal{--lnt-bg: #ede8e0;--lnt-text: #594a3c;--lnt-hl: #b87654;--lnt-border: #d3c9be;position:fixed;inset:0;z-index:200;display:none;justify-content:center;align-items:center;padding:20px;background:#281e1499;font-family:Quicksand,sans-serif}.lnt-modal.open{display:flex}.lnt-modal-content{background:var(--lnt-bg);padding:30px;border-radius:20px;width:100%;max-width:350px;text-align:center;position:relative;color:var(--lnt-text);box-shadow:0 12px 40px #00000040}.lnt-modal-content-wide{max-width:630px}.lnt-close-modal{position:absolute;top:15px;right:20px;font-size:24px;cursor:pointer;color:var(--lnt-text);font-weight:700}.lnt-modal select{padding:12px;border-radius:10px;border:1px solid var(--lnt-border);margin-top:15px;width:100%;background:#fff;outline:none;font-size:15px;font-family:Quicksand,sans-serif}.lnt-modal .btn-focus{background:var(--lnt-text);color:#fff;padding:10px 22px;border-radius:25px;font-weight:700;border:none;cursor:pointer;font-size:14px;white-space:nowrap;font-family:Quicksand,sans-serif}.lnt-modal .btn-focus-settings{margin-top:4px}@keyframes lnt-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes lnt-marquee{0%{transform:translate(100%)}to{transform:translate(-150%)}}@keyframes lnt-twinkleStar{0%{opacity:.1;transform:scale(.8)}to{opacity:.9;transform:scale(1.3)}}@keyframes lnt-runPalette{0%{background:#c68b59}5%{background:#865439}10%{background:#c68b59}15%{background:#bb8760}20%{background:#cc9b6d}25%{background:#c19277}30%{background:#b68973}35%{background:#d8ac9c}40%{background:#c7b198}45%{background:#ffc38b}50%{background:#ffcdab}55%{background:#e29c68}60%{background:#e8aa8c}65%{background:#ecb390}70%{background:#c87941}75%{background:#af6b58}80%{background:#91684a}85%{background:#b67162}90%{background:#b05b3b}95%{background:#ce9461}to{background:#c68b59}}@media(max-width:360px){.lnt-root{--lnt-bb-h: 48px;--lnt-mp-h: 58px}.lnt-root .ab2-btn{width:26px;height:26px;font-size:11px}.lnt-root .ab2-play{width:28px;height:28px;font-size:12px}.lnt-root .ab2-select{min-width:90px;max-width:120px;font-size:10px}.lnt-root .mp-btn{min-width:24px;min-height:24px;font-size:13px}.lnt-root .mp-title{display:none}.lnt-root .bb-settings-btn{font-size:11px;padding:5px 8px;gap:4px}.lnt-root .bb-links{font-size:10px;gap:4px}.lnt-root .bottom-bar{padding:6px 10px}}@media(max-width:390px){.lnt-root .mp-title{font-size:8px}}:root{--c1: #F5E6C8;--c2: #EBD4A0;--c3: #C2A24D;--c4: #8B6B3F;--c5: #5C4A2A;--tvb-title-accent: #a7901a;--tvb-inner-bg: color-mix(in srgb, #a7901a 28%, white);--bg-page: var(--tvb-inner-bg);--bg-glass: rgba(255,252,240,.55);--border-glass: rgba(194,162,77,.25);--border-card: rgba(194,162,77,.2);--text-primary: #3E2F1C;--text-secondary: #7A6844;--text-muted: #A09070;--text-accent: #8B6B3F;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .2s ease;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-title: "Saira Stencil One", "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html:has(.tvb-static-root) #root{height:auto;min-height:100%}.tvb-static-root{min-height:100dvh;width:100%;font-family:var(--font-body);font-size:17px;line-height:1.5;color:var(--text-primary);background-color:#e8dc8a;background-color:var(--tvb-inner-bg);background-image:none;background-attachment:scroll;-webkit-font-smoothing:antialiased;position:relative;display:flex;flex-direction:column;align-items:center}.app-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center!important;padding:2rem 1rem 1rem;position:relative;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box}.app-header h1,.app-header .site-title,.app-header .subtitle{text-align:center!important;width:100%;margin-left:auto;margin-right:auto}.app-header h1{font-family:var(--font-title);font-size:2.5rem;color:#7a5c3a;letter-spacing:.08em;text-shadow:0 1px 4px rgba(122,92,58,.15);font-weight:400}.app-header h1 a{color:inherit;text-decoration:none;transition:var(--transition);display:inline-block;text-align:center}.app-header h1 a:hover{color:var(--c3)}.subtitle{color:var(--text-secondary);font-size:1rem;font-weight:500;margin-top:.3rem;text-align:center!important}.tvb-static-back{position:fixed;top:max(1rem,env(safe-area-inset-top,0px));left:max(1rem,env(safe-area-inset-left,0px));z-index:50;display:grid;place-items:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#14121873;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fef3c7;cursor:pointer;transition:background .2s ease,transform .2s ease}.tvb-static-back:hover,.tvb-static-back:focus-visible{background:#1412189e;transform:scale(1.05);outline:none}.tvb-static-back svg{width:22px;height:22px}.tvb-static-root>main,main{max-width:1200px;width:100%;margin-left:auto;margin-right:auto;padding:0 1rem 2rem;box-sizing:border-box;text-align:left}.filter-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.8rem}.search-box{position:relative}.search-box input{width:100%;padding:.7rem 2.8rem .7rem 2.6rem;border:1px solid var(--border-glass);border-radius:100px;font-size:.95rem;font-family:inherit;background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);transition:var(--transition);outline:none}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{box-shadow:0 0 0 3px #c2a24d26,inset 0 1px 4px #0000000a;background:#fffc}.search-box .search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-box .search-icon svg{width:20px;height:20px}.search-clear-btn{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:none;background:#0000000f;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);padding:0}.search-clear-btn:hover{background:#0000001f;color:var(--text-primary)}.filter-toggle-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.7rem 1rem;border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;transition:var(--transition)}.filter-toggle-btn:hover{background:#ffffff8c;border-color:var(--c3)}.filter-toggle-btn.open{border-color:var(--c3);background:#ffffff80}.filter-toggle-btn .filter-icon{color:var(--text-accent);flex-shrink:0}.filter-toggle-btn .filter-badge{font-size:.72rem;font-weight:700;color:#fff;background:var(--text-accent);border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.filter-toggle-btn .filter-chevron{margin-left:auto;font-size:.7rem;color:var(--text-secondary);transition:transform .3s}.filter-toggle-btn.open .filter-chevron{transform:rotate(180deg)}.filter-groups{display:flex;flex-direction:column;gap:.5rem;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease,margin .3s ease;margin-top:0}.filter-groups.panel-open{max-height:2000px;opacity:1;margin-top:.5rem}.filter-group{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:var(--radius-md);overflow:hidden}.filter-group-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;cursor:pointer;user-select:none;transition:var(--transition)}.filter-group-header:hover{background:#ffffff26}.filter-group-header .label{font-size:.88rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.filter-group-header .active-count{font-size:.75rem;font-weight:700;color:#fff;background:var(--text-accent);border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;margin-left:.4rem}.filter-group-header .chevron{font-size:.7rem;color:var(--text-secondary);transition:transform .3s}.filter-group.open .chevron{transform:rotate(180deg)}.filter-chips{display:none;flex-wrap:wrap;gap:.4rem;padding:0 .8rem .8rem}.filter-group.open .filter-chips{display:flex}.chip{padding:.35rem .85rem;border-radius:100px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--border-card);background:#ffffff59;color:var(--text-primary);transition:var(--transition);user-select:none;white-space:nowrap}.chip:hover{border-color:var(--c3);background:#ffffff8c}.chip.active{background:var(--c3);color:#fff;border-color:var(--c3);box-shadow:0 1px 4px #8b6b3f40}.chip[data-element=moc].active{background:#4caf50;border-color:#4caf50}.chip[data-element=hoa].active{background:#f44336;border-color:#f44336}.chip[data-element=tho].active{background:#8b6b3f;border-color:#8b6b3f}.chip[data-element=kim].active{background:#9e9e9e;border-color:#9e9e9e}.chip[data-element=thuy].active{background:#1976d2;border-color:#1976d2}.active-filters-bar{min-height:0}.active-filters-bar.has-filters{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:.6rem .8rem;margin-bottom:.6rem}.active-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.active-filters-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.clear-all-btn{font-size:.78rem;font-weight:600;color:#c62828;background:none;border:none;cursor:pointer;text-decoration:underline}.active-filters-chips{display:flex;flex-wrap:wrap;gap:.3rem}.active-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem .6rem;background:#8b6b3f1a;border:1px solid rgba(139,107,63,.2);border-radius:100px;font-size:.78rem;font-weight:600;color:var(--text-accent);cursor:pointer;transition:var(--transition)}.active-tag:hover{background:#8b6b3f33}.active-tag .remove{font-size:.9rem;line-height:1}.health-guide-entry{margin-bottom:.8rem}.health-guide-btn{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.82rem .95rem;border:1px solid var(--border-glass);border-radius:0;background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);text-align:left;font-family:inherit;cursor:pointer;transition:var(--transition)}.health-guide-btn:hover{background:#ffffff94;border-color:var(--c3)}.health-guide-title{font-size:1rem;font-weight:700;letter-spacing:.01em}.health-guide-subtext{font-size:.78rem;color:var(--text-secondary)}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:.4rem .2rem;margin-bottom:.5rem}.result-count{font-size:.88rem;font-weight:600;color:var(--text-secondary)}.sort-select{padding:.3rem .6rem;border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-glass);font-family:inherit;font-size:.82rem;color:var(--text-primary);cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:.8rem}.card{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-card);border-left:3px solid var(--card-accent, var(--c3));border-radius:var(--radius-md);padding:.8rem 1rem;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;min-width:0}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #5c4a2a1f;border-color:var(--c3)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.35rem}.card-name{font-family:var(--font-body);font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.3}.element-dots{display:flex;gap:.25rem;margin-top:.15rem}.element-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.card-meta{display:flex;align-items:center;gap:.35rem;margin-bottom:.3rem}.badge{padding:.15rem .5rem;border-radius:100px;font-size:.75rem;font-weight:700;display:inline-block}.badge-nature{color:#fff}.badge-nature.han{background:#1565c0}.badge-nature.luong{background:#2e7d32}.badge-nature.binh{background:#5d4037}.badge-nature.on{background:#e65100}.badge-nature.nhiet{background:#b71c1c}.badge-flavor{background:#0000000f;color:var(--text-primary);border:1px solid rgba(0,0,0,.08)}.badge-meridian{background:#0000000a;color:var(--text-secondary);border:1px solid rgba(0,0,0,.06)}.meridian-text{font-size:.8rem;color:var(--text-secondary);font-weight:500}.card-note{font-size:.83rem;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:1.1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal{width:100%;max-width:640px;max-height:85vh;background:#fffcf0f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px 20px 0 0;overflow-y:auto;padding:.8rem 1.2rem 2rem;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.modal-overlay.open .modal{transform:translateY(0)}.health-sheet-overlay{position:fixed;inset:0;background:#0000007a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.health-sheet-overlay.open{opacity:1;pointer-events:auto}.health-sheet{position:relative;width:100%;max-width:760px;height:min(82vh,820px);background:#fffcf0fa;border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;padding:.4rem 1rem 1rem}.health-sheet-overlay.open .health-sheet{transform:translateY(0)}.health-sheet-handle{display:flex;justify-content:center;margin-bottom:.4rem}.health-sheet-handle span{width:40px;height:4px;border-radius:100px;background:#0003}.health-sheet-close{position:absolute;right:1rem;top:.55rem;width:34px;height:34px;border:none;border-radius:50%;background:#0000000f;font-size:1.2rem;line-height:1;color:var(--text-secondary);cursor:pointer}.health-sheet-header{text-align:center;padding:.15rem 2.2rem .7rem;border-bottom:1px solid rgba(200,170,120,.18)}.health-sheet-header h2{font-size:1.15rem;font-weight:800;color:var(--text-primary)}.health-sheet-content{overflow-y:auto;padding:.85rem .1rem .25rem}.health-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.9rem}.health-chip{border:1px solid var(--border-card);background:#ffffff73;color:var(--text-primary);font-size:.95rem;font-weight:700;padding:.42rem .78rem;border-radius:0;cursor:pointer;transition:var(--transition)}.health-chip:hover{border-color:var(--c3);background:#ffffffb3}.health-chip.active{background:var(--c3);color:#fff;border-color:var(--c3)}.health-guide-result{background:#ffffff9e;border:1px solid rgba(200,170,120,.2);border-radius:0;padding:.9rem .95rem}.health-guide-result p{font-size:1.02rem;color:var(--text-secondary)}.health-result-block h3{font-size:1.12rem;font-weight:800;margin-bottom:.7rem;color:var(--text-primary)}.health-result-section+.health-result-section{margin-top:.95rem}.health-result-heading{font-size:1.02rem;font-weight:800;margin-bottom:.45rem}.health-result-heading.do{color:#2e7d32}.health-result-heading.avoid{color:#c62828}.health-result-section{border-radius:8px;padding:.72rem .78rem}.health-result-section.do-section{background:#4caf5024;border:1px solid rgba(46,125,50,.25)}.health-result-section.avoid-section{background:#f4433624;border:1px solid rgba(198,40,40,.25)}.health-result-section ul{list-style:none;padding-left:0}.health-result-section li{position:relative;padding-left:.9rem;margin-bottom:.28rem;font-size:.99rem;line-height:1.58;color:var(--text-primary)}.health-item-why{color:var(--text-secondary);font-size:.94em}.health-result-note{margin-top:.85rem;padding-top:.65rem;border-top:1px dashed rgba(194,162,77,.35);font-size:.88rem;font-style:italic;line-height:1.45;color:var(--text-secondary);white-space:pre-line}.health-result-section li:before{content:"•";position:absolute;left:0;color:var(--text-accent)}.modal-handle{display:flex;justify-content:center;margin-bottom:.5rem}.modal-handle span{width:36px;height:4px;background:#00000026;border-radius:100px}.modal-header{text-align:center;margin-bottom:1rem}.modal-header h2{font-family:var(--font-body);font-size:1.4rem;font-weight:800;color:var(--text-primary)}.modal-aliases{font-size:.82rem;color:var(--text-muted);margin-top:.2rem}.modal-body{display:flex;flex-direction:column;gap:1rem}.modal-section{border-bottom:1px solid rgba(200,170,120,.12);padding-bottom:1rem}.modal-section:last-child{border-bottom:none}.modal-section-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.5rem}.props-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.prop-box{background:#fff6;border:1px solid rgba(200,170,120,.1);border-radius:var(--radius-sm);padding:.5rem .6rem}.prop-label{font-size:.72rem;font-weight:600;color:var(--text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.04em}.prop-value{display:flex;flex-wrap:wrap;gap:.25rem}.element-badge{padding:.15rem .5rem;border-radius:100px;font-size:.78rem;font-weight:700}.modal-list{list-style:none;padding-left:0}.modal-list li{position:relative;padding-left:1rem;margin-bottom:.35rem;font-size:.88rem;line-height:1.5;color:var(--text-primary)}.modal-list li:before{content:"•";position:absolute;left:0;color:var(--c3);font-weight:700}.modal-list.contra li:before{color:#c62828}.pairing-chips{display:flex;flex-wrap:wrap;gap:.3rem}.pairing-chip{padding:.2rem .6rem;border-radius:100px;font-size:.8rem;font-weight:600}.pairing-chip.good{background:#4caf501a;color:#2e7d32;border:1px solid rgba(76,175,80,.2)}.pairing-chip.avoid{background:#f443361a;color:#c62828;border:1px solid rgba(244,67,54,.2)}.confidence-bar{display:flex;align-items:center;gap:.5rem}.confidence-stars{display:flex;gap:.15rem}.star{width:14px;height:14px;border-radius:50%;background:#c8aa7833;display:inline-block}.star.filled{background:var(--c3)}.confidence-label{font-size:.8rem;color:var(--text-secondary)}.ref-item{background:#ffffff4d;border:1px solid rgba(200,170,120,.1);border-radius:var(--radius-sm);padding:.6rem .8rem;margin-bottom:.5rem}.ref-prefix{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ref-title{font-size:.88rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem}.ref-quote{font-size:.82rem;font-style:italic;color:var(--text-secondary);margin-bottom:.2rem}.ref-translate{font-size:.8rem;color:var(--text-muted);font-style:italic;margin-top:.3rem;margin-bottom:.2rem;padding-left:.5rem;border-left:2px solid rgba(200,170,120,.2)}.ref-type{font-size:.75rem;color:var(--text-muted)}.modal-close{position:sticky;top:.5rem;float:right;z-index:10;width:32px;height:32px;border-radius:50%;border:none;background:#fff9;color:var(--text-secondary);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close:hover{background:#ffffffbf;color:var(--text-primary)}.season-chips{display:flex;flex-wrap:wrap;gap:.35rem}.season-chip{padding:.22rem .6rem;border-radius:100px;font-size:.82rem;font-weight:600;background:#4caf501a;color:#2e7d32;border:1px solid rgba(76,175,80,.22)}.danger-title{color:#c62828!important}.danger-list{display:flex;flex-direction:column;gap:.5rem}.danger-item{background:#c628280f;border:1px solid rgba(198,40,40,.2);border-left:3px solid #c62828;border-radius:6px;padding:.6rem .8rem}.danger-item-name{font-size:.9rem;font-weight:700;color:#c62828;margin-bottom:.25rem}.danger-item-reason{font-size:.84rem;color:var(--text-primary);line-height:1.5;margin-bottom:.2rem}.danger-item-source{font-size:.78rem;color:var(--text-secondary);font-style:italic}.pairing-good-list{display:flex;flex-direction:column;gap:.4rem}.pairing-item{background:#4caf5014;border:1px solid rgba(76,175,80,.2);border-left:3px solid #4CAF50;border-radius:6px;padding:.5rem .8rem;font-size:.85rem;color:var(--text-primary);line-height:1.5}.pairing-link{color:#2e7d32;font-weight:600;text-decoration:none;border-bottom:1px dashed rgba(46,125,50,.4);transition:var(--transition)}.pairing-link:hover{color:#1b5e20;border-bottom-color:#1b5e20}.page-footer{max-width:1200px;margin:0 auto;padding:1rem 1rem 5.5rem;display:flex;flex-direction:column;gap:.5rem}.legal-banner{text-align:center;font-size:.85rem;color:var(--text-muted);padding:.6rem;background:#fffcf066;border-radius:var(--radius-sm)}.note-toggle-btn{width:100%;padding:.6rem 1rem;border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;color:var(--text-secondary);text-align:center;transition:var(--transition)}.note-toggle-btn:hover{background:#ffffff80}.note-panel{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease}.note-panel.open{max-height:2000px;opacity:1}.note-panel-content{padding:1rem;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);margin-top:.3rem;font-size:.88rem;line-height:1.6;color:var(--text-primary)}.note-panel-content ul{padding-left:1.2rem;margin:.5rem 0}.note-panel-content li{margin-bottom:.2rem}.back-to-top{position:fixed;bottom:5.5rem;right:1.2rem;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-glass);background:#fffcf0d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s;pointer-events:none;z-index:50;box-shadow:0 2px 8px #00000014}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:#fffffff2;color:var(--text-primary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:none;align-self:stretch;background:#fffcf0f2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid var(--border-glass);display:flex;justify-content:space-around;padding:.5rem 0 .6rem;z-index:100}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.01em;color:var(--text-muted);transition:var(--transition)}.bottom-nav a.active,.bottom-nav a:hover{color:var(--text-accent)}.nav-icon{width:22px;height:22px;display:block}.bottom-nav a.nav-tab-nau-chay{color:#c45c26}.bottom-nav a.nav-tab-duong-sinh{color:#2f7d4a}.bottom-nav a.nav-tab-tra-cuu{color:#2f5fa8}.bottom-nav a.nav-tab-nau-chay:hover,.bottom-nav a.nav-tab-nau-chay.active{color:#a34414}.bottom-nav a.nav-tab-duong-sinh:hover,.bottom-nav a.nav-tab-duong-sinh.active{color:#1f5c36}.bottom-nav a.nav-tab-tra-cuu:hover,.bottom-nav a.nav-tab-tra-cuu.active{color:#1e4480}.bottom-nav a.nav-tab-nau-chay.active,.bottom-nav a.nav-tab-duong-sinh.active,.bottom-nav a.nav-tab-tra-cuu.active{position:relative}.bottom-nav a.nav-tab-nau-chay.active:after,.bottom-nav a.nav-tab-duong-sinh.active:after,.bottom-nav a.nav-tab-tra-cuu.active:after{content:"";position:absolute;bottom:-.35rem;left:50%;transform:translate(-50%);width:1.4rem;height:3px;border-radius:2px;background:currentColor}.combo-disclaimer{margin:16px 0 0;padding:12px 14px;border-radius:8px;background:#a67c2d;color:#fff;font-style:italic;font-size:calc(.9rem + 1px);line-height:1.5;font-weight:500;text-align:center}.tcm-explain{font-style:italic;color:var(--text-secondary);font-size:.92em}.modal-section-title.caution-title{color:#e65100}.modal-list.cautions li{color:#bf360c}.modal-list.cautions li:before{color:#e65100}@media(max-width:768px){.app-header{padding:1.2rem .8rem .6rem}.app-header h1{font-size:2rem}.subtitle{font-size:.88rem}main{padding:0 .6rem 1.5rem}.filter-container{gap:.4rem}.search-box input{font-size:.9rem;padding:.6rem 2.5rem .6rem 2.2rem}.search-box .search-icon{left:.6rem}.search-clear-btn{right:.5rem}.filter-toggle-btn{padding:.6rem .8rem;font-size:.82rem}.grid{grid-template-columns:1fr;gap:.6rem}.card{padding:.7rem .8rem}.card-name{font-size:.95rem}.card-note{font-size:.78rem}.toolbar{padding:.3rem 0}.result-count{font-size:.82rem}.props-grid{grid-template-columns:1fr}.modal{max-height:92vh;padding:.6rem .8rem 1.5rem}.modal-header h2{font-size:1.2rem}.health-sheet{height:84vh;padding:.3rem .75rem .85rem}.health-sheet-header h2{font-size:1.02rem}.health-chip{font-size:.86rem;padding:.36rem .62rem}.health-guide-result{padding:.65rem .7rem}.page-footer{padding:.8rem .6rem 5rem}}@media(max-width:420px){.app-header h1{font-size:1.6rem;letter-spacing:.02em}.subtitle{font-size:.8rem}.tvb-static-root{font-size:15px}.chip{font-size:.78rem;padding:.3rem .65rem}.badge{font-size:.7rem;padding:.1rem .4rem}.card-meta{gap:.25rem;flex-wrap:wrap}.health-guide-title{font-size:.92rem}.health-guide-subtext{font-size:.73rem}.health-sheet{border-radius:14px 14px 0 0}.health-result-block h3{font-size:.98rem}.health-result-heading{font-size:.9rem}.health-result-section li{font-size:.88rem}.bottom-nav{padding:.4rem 0 .5rem}.bottom-nav a{font-size:.65rem}.nav-icon{width:20px;height:20px}}@media(max-height:500px)and (orientation:landscape){.app-header{padding:.6rem .8rem .3rem}.app-header h1{font-size:1.4rem}.subtitle{font-size:.75rem;margin-top:.1rem}main{padding:0 .6rem 1rem}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.card{padding:.5rem .7rem}.card-name{font-size:.9rem}.card-note{font-size:.75rem}.modal{max-height:95vh;border-radius:12px 12px 0 0}.bottom-nav{padding:.3rem 0}.back-to-top{bottom:3.5rem;width:36px;height:36px}.page-footer{padding:.5rem .6rem 3.5rem}}.tvb-static-root{transition:background .4s ease,background-image .4s ease}.tvb-static-root.bg-goiy{background-color:color-mix(in srgb,#a7901a 22%,white)!important;background-image:none!important}.tvb-static-root.bg-kiemtra{background-color:color-mix(in srgb,#a7901a 34%,white)!important;background-image:none!important}.app-header h1 a:hover{color:#fff!important}.spin-flow-card{background:#ffffff7a;border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:18px;backdrop-filter:blur(10px)}.spin-title{margin:0;padding-bottom:10px;border-bottom:2px solid var(--border-glass)}.spin-subtitle{margin-top:8px;color:#261e0cb8;font-size:.92rem}.spin-screen{display:none;animation:fadeUp .35s ease}.spin-screen.active{display:block}.emotion-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.emotion-card,.condition-card{border:1px solid rgba(93,64,55,.2);background:#ffffffc7;border-radius:14px;padding:12px;text-align:left;cursor:pointer;transition:.24s ease;color:#2c2212}.emotion-card:hover,.condition-card:hover{border-color:#5d40376b;transform:translateY(-1px)}.emotion-card.active,.condition-card.active{background:#5d4037;color:#fff;border-color:#5d4037;box-shadow:0 8px 24px #5d403747}.emotion-card strong,.condition-card strong{display:block;margin-bottom:6px;font-size:.98rem}.emotion-card small,.condition-card small{display:block;line-height:1.35;opacity:.86;font-size:.8rem}.condition-list{margin-top:16px;display:grid;gap:10px}.flow-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.flow-btn{border:none;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;transition:.24s ease}.flow-btn.primary{background:#5d4037;color:#fff;flex:1;min-width:150px}.flow-btn.secondary{background:#ffffffd1;color:#4e342e;border:1px solid rgba(93,64,55,.2)}.flow-btn:disabled{opacity:.45;cursor:not-allowed}.selected-pill-row{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.selected-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 12px;font-size:.82rem;border:1px solid rgba(93,64,55,.25);background:#ffffffb3;color:#4e342e;opacity:.58;font-style:italic}.wheel-stage{margin-top:18px;display:grid;place-items:center;min-height:320px;position:relative}.aura-wheel{width:min(72vw,300px);height:min(72vw,300px);border-radius:50%;position:relative;overflow:hidden;transform-origin:center;animation:spinSlow 13s linear infinite;background:radial-gradient(circle at center,#ffffff40,#fff0);box-shadow:0 24px 52px #0000002b,inset 0 0 38px #ffffff4d;--a1: #f6f1e7;--a2: #e6d8bf;--a3: #e8efe6}.aura-wheel.is-spinning{animation:spinFast 9.14s cubic-bezier(.22,1,.36,1) 1}.aura-blob{position:absolute;width:72%;height:72%;border-radius:50%;mix-blend-mode:screen;filter:blur(88px);opacity:.92;transform-origin:center;animation:auraPulse 3.2s ease-in-out infinite alternate}.aura-blob-1{background:var(--a1);top:-8%;left:-10%;animation-delay:0s}.aura-blob-2{background:var(--a2);right:-8%;top:12%;animation-delay:.6s}.aura-blob-3{background:var(--a3);left:20%;bottom:-10%;animation-delay:1.2s}.aura-core{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 45% 42%,#ffffff80,#ffffff14 55%,#0000000a)}.plate-layer{top:50%;left:50%;width:min(56vw,240px);height:min(56vw,240px);transform:translate(-50%,-50%) scale(.9);opacity:0;transition:opacity .3s ease,transform .3s ease;border-radius:50%;background:radial-gradient(circle,#fefefe,#ece7df 72%,#d4ccc0);border:2px solid rgba(99,75,61,.18);box-shadow:inset 0 0 0 8px #ffffff8a,0 8px 24px #00000029;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0;text-align:center;position:absolute}.plate-layer.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.dish-view{width:82%;min-height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto;padding:0 6px 22px;opacity:0;transform:translateY(10px);transition:opacity .95s ease,transform .95s ease}.dish-current{font-weight:800;font-size:clamp(1.02rem,2.4vw,1.12rem);line-height:1.38;color:#3f2e1f;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center;max-width:100%}.dish-current.color-a{color:#9f4c24}.dish-current.color-b{color:#2e7773}.dish-nav{display:flex;align-items:center;justify-content:center;gap:14px;position:absolute;left:50%;bottom:16px;opacity:0;transform:translate(-50%,10px);transition:opacity .9s ease,transform .9s ease}.dish-nav-btn{border:1px solid rgba(120,97,86,.28);background:#ffffffa8;color:#5a3d2de0;width:34px;height:34px;border-radius:999px;font-size:1.02rem;font-weight:900;cursor:pointer;line-height:1;transition:.2s ease;padding:0}.dish-nav-btn:disabled{opacity:.35;cursor:not-allowed}.dish-view.show,.dish-nav.show{opacity:1;transform:translate(-50%)}.dish-view.show{transform:translateY(0)}.spin-message{margin-top:12px;width:100%;text-align:center;font-size:1.14rem;line-height:1.45;color:#3a2818;min-height:36px;opacity:0;transition:opacity .65s ease,transform .65s ease;font-style:italic;font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.35);transform:translateY(8px)}.spin-message.show{opacity:1;transform:translateY(0)}.spin-limit-note{margin-top:8px;font-size:.84rem;color:#6d4c41;min-height:20px}.result-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.result-actions .flow-btn{width:auto;height:auto;border-radius:14px;flex:0 0 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;padding:11px 18px;border:1px solid rgba(93,64,55,.28)}.result-actions .flow-btn.history-mode{background:#e6c87a;color:#4e342e;border-color:#82642061}.spin-eating-guide{margin-top:12px;background:#ffffffb3;border:1px solid rgba(130,100,32,.26);border-top:4px solid #E6C87A;border-radius:12px;padding:12px;color:#3d2c1c}.spin-eating-guide-title{font-size:1.08rem;font-weight:800;margin-bottom:8px}.spin-eating-guide ul{margin:0;padding-left:18px}.spin-eating-guide li{font-size:1rem;line-height:1.55;margin-bottom:4px}.spun-dishes-modal{position:fixed;inset:0;background:#00000073;display:none;align-items:center;justify-content:center;z-index:1400;padding:16px}.spun-dishes-modal.open{display:flex}.spun-dishes-dialog{width:min(92vw,520px);background:#fffdf8;border-radius:14px;border:1px solid rgba(93,64,55,.25);box-shadow:0 16px 40px #0000002e;padding:16px 16px 14px;position:relative}.spun-dishes-close{position:absolute;top:10px;right:10px;border:none;width:30px;height:30px;border-radius:999px;background:#5d40371f;color:#4e342e;cursor:pointer;font-size:1rem;font-weight:800}.spun-dishes-description{margin:0 26px 8px 0;font-size:1rem;color:#3d2c1c;line-height:1.45;font-weight:600}.spun-dishes-meta{margin:0 0 8px;font-size:.9rem;color:#6d4c41}.spun-dishes-list{margin:0;padding-left:18px}.spun-dishes-description em,.spun-dishes-description strong{font-style:italic;font-weight:600;color:#c47f00}@keyframes buttonPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #00000026}50%{transform:scale(1.02);box-shadow:0 4px 12px #c47f004d}}.flow-btn.primary.pulse{animation:buttonPulse 1.5s ease-in-out infinite}.spun-dishes-list li{margin-bottom:4px;line-height:1.45;color:#3d2c1c;font-size:.94rem}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinFast{0%{transform:rotate(0) scale(.95);filter:saturate(1.1)}to{transform:rotate(1720deg) scale(1);filter:saturate(1)}}@keyframes auraPulse{0%{transform:scale(.92) translateZ(0)}to{transform:scale(1.06) translateZ(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.emotion-grid{grid-template-columns:1fr}}@media(hover:none)and (pointer:coarse){.selected-pill-row{flex-wrap:nowrap;gap:6px}.selected-pill{flex:1;min-width:0;font-size:.72rem;padding:5px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-actions{gap:8px}.result-actions .flow-btn{width:auto;height:auto;font-size:.86rem;padding:10px 14px}}.select-box{padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border-glass);width:60%;font-size:1rem;background:#fffcf0eb;color:#3e2f1c;outline:none}.select-box::placeholder{color:#5c4326;opacity:.88;font-weight:500}input.select-box:focus{border-color:#a7901a8c;box-shadow:0 0 0 2px #a7901a2e}.add-btn{padding:12px 20px;background:var(--text-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;transition:var(--transition)}.add-btn:hover{background:var(--text-accent)}.selected-items{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.ing-tag{background:var(--bg-glass);padding:8px 15px;border-radius:100px;display:flex;align-items:center;gap:10px;font-weight:700;border:1px solid var(--border-glass)}.ing-tag span{cursor:pointer;color:#c62828;font-size:1.2em;line-height:1}.check-btn{width:100%;padding:15px;background:var(--c4);color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:var(--radius-md);margin-top:20px;cursor:pointer;transition:var(--transition)}.check-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.7}.dish-card{background:var(--bg-glass);backdrop-filter:blur(10px);border-radius:var(--radius-md);padding:15px;margin-bottom:15px;border:1px solid var(--border-glass);box-shadow:0 4px 6px #0000000d}.tvb-home-root{--c1: #f5e6c4;--c2: #e6c87a;--c3: #c2a24d;--c4: #a67c52;--c5: #8b6b3f;--c6: #5c4326;--correct: #2e7d32;--incorrect: #c62828;position:relative;width:100%;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#333;background:linear-gradient(to bottom,var(--c1) 0%,var(--c1) 15%,var(--c2) 40%,var(--c3) 70%,var(--c4) 85%,var(--c5) 90%,var(--c6) 100%);background-attachment:fixed;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.tvb-home-back-link{position:fixed;top:max(1rem,env(safe-area-inset-top,0px));left:max(1rem,env(safe-area-inset-left,0px));z-index:50;display:grid;place-items:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#1412188c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fef3c7;cursor:pointer;transition:background .2s ease,transform .2s ease}.tvb-home-back-link:hover,.tvb-home-back-link:focus-visible{background:#1412189e;transform:scale(1.05);outline:none}.tvb-home-root .tvb-home-logo-link{position:absolute;top:max(1rem,env(safe-area-inset-top,0px));right:max(1rem,env(safe-area-inset-right,0px));left:auto;bottom:auto;z-index:300;display:inline-flex;line-height:0;width:auto;height:auto;border-radius:0;background:transparent;backdrop-filter:none;filter:none}.tvb-home-root .tvb-home-logo{width:44px;height:44px;object-fit:contain;display:block;filter:none;border-radius:0}.tvb-home-root *{box-sizing:border-box;margin:0;padding:0}.tvb-home-container{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:20px}.tvb-home-site-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:5px;width:100%}.tvb-home-site-title{font-family:Saira Stencil One,sans-serif;font-size:2.8rem;color:var(--c6);line-height:1.2;margin-bottom:5px;text-align:center;width:100%;display:block}.tvb-home-site-subtitle{font-size:1rem;font-weight:600;opacity:.85;letter-spacing:1px;color:var(--c6);text-decoration:none;transition:opacity .3s ease}.tvb-home-site-subtitle:hover{opacity:1;text-decoration:underline}.tvb-home-middle-wrapper{display:grid;grid-template-columns:1fr;gap:15px;width:85%;margin:0 auto}.tvb-home-glass-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:inherit;background:#fff6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:30px;box-shadow:0 8px 32px #00000026;text-align:center;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.tvb-home-middle-wrapper .tvb-home-glass-box{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:15px 8px;gap:8px}.tvb-home-middle-wrapper .tvb-home-glass-box:hover,.tvb-home-middle-wrapper .tvb-home-glass-box:active{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #00000040;background:#ffffff8c}.tvb-home-middle-wrapper .tvb-home-glass-box h2{font-weight:800;margin-bottom:0;text-transform:uppercase;line-height:1.25;display:flex;flex-direction:row;align-items:center;font-size:.95rem;gap:4px;white-space:nowrap}.tvb-home-block-left h2{color:#c28522}.tvb-home-block-right h2{color:#a7901a}.tvb-home-flashcard-header h2{font-weight:800;text-transform:uppercase;font-size:1.4rem;line-height:1.25;color:#6e2c00;display:flex;flex-direction:row;white-space:nowrap;gap:8px;justify-content:center;margin-bottom:15px}.tvb-home-fake-search-bar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;box-sizing:border-box;background:#ffffffb3;border:1px solid rgba(255,255,255,.9);border-radius:50%;padding:0;margin:0;color:var(--c6);box-shadow:inset 0 2px 5px #0000000d;flex-shrink:0}.tvb-home-icon-circle{color:#5c4326}.tvb-home-fc-wrapper{border-top:3px solid #d4af37;padding-top:20px;margin-bottom:16px;text-align:center}.tvb-home-fc-title{color:#6e2c00;font-size:1.3rem;font-weight:800;margin-bottom:6px}.tvb-home-fc-lesson{font-weight:600;color:#6e2c00;margin-bottom:12px;font-size:1.12rem}.tvb-home-fc-scenario{background:#fff9;padding:10px 15px;border-radius:8px;border-left:4px solid var(--c4);margin-bottom:15px;font-weight:500;font-style:italic;color:#555;text-align:left}.tvb-home-fc-renewal-note{display:none;margin-top:16px;margin-left:auto;margin-right:auto;max-width:36rem;width:100%;font-style:italic;font-size:.95rem;color:#6e2c00;text-align:left;font-weight:500;line-height:1.55}.tvb-home-fc-renewal-note.show{display:block}.tvb-home-fc-renewal-lead,.tvb-home-fc-renewal-foot{margin:0;text-align:left;width:100%}.tvb-home-fc-renewal-foot{margin-top:.5rem}.tvb-home-fc-renewal-list{list-style:none;margin:.55rem 0;padding:0;text-align:left;width:100%}.tvb-home-fc-renewal-list li{display:flex;align-items:flex-start;gap:.35rem;margin-bottom:.28rem;text-align:left}.tvb-home-fc-renewal-list li:before{content:"•";flex-shrink:0;color:#6e2c00;line-height:inherit}.tvb-home-fc-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;text-align:left}.tvb-home-fc-option{background:#ffffffb3;border:1px solid rgba(255,255,255,.9);padding:12px 15px;border-radius:10px;cursor:pointer;transition:all .2s;font-weight:500;display:flex;align-items:flex-start;gap:10px;color:inherit;text-align:left}.tvb-home-fc-option:hover{background:#ffffffe6;box-shadow:0 2px 8px #0000001a}.tvb-home-fc-option.selected-correct{color:var(--correct);font-weight:700;background:#2e7d321a;border-color:var(--correct)}.tvb-home-fc-option.selected-incorrect{color:var(--incorrect);font-style:italic;background:#c628281a;border-color:var(--incorrect)}.tvb-home-fc-option.show-correct{color:var(--correct);font-weight:700}.tvb-home-fc-opt-letter{font-weight:800;min-width:25px}.tvb-home-fc-feedback{display:none;background:#ffffffd9;padding:15px;border-radius:10px;border:1px solid var(--c3);margin-top:15px;animation:tvb-home-fade-in .4s;text-align:left}.tvb-home-fc-feedback.show{display:block}.tvb-home-fc-lesson-box{display:none;margin-top:16px;background:#fff4c4;border:1px solid #ead799;border-left:4px solid #d4af37;border-radius:10px;padding:12px 14px;align-items:flex-start;gap:10px;text-align:left}.tvb-home-fc-lesson-box.show{display:flex}.tvb-home-fc-lesson-icon{font-size:1.2rem;line-height:1.2;flex-shrink:0}.tvb-home-fc-lesson-text{margin:0;color:#6e2c00;font-weight:800;font-style:normal}.tvb-home-fc-fb-item{margin-bottom:10px;font-size:.95rem}.tvb-home-fc-fb-item:last-child{margin-bottom:0}.tvb-home-fc-fb-key-correct{color:var(--correct);font-weight:700}.tvb-home-fc-fb-key-incorrect{color:var(--incorrect);font-style:italic}.tvb-home-fc-fb-explain-correct{color:var(--correct);font-weight:700;font-style:normal}.tvb-home-fc-fb-explain-incorrect{color:#222;font-style:italic}@keyframes tvb-home-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:768px),screen and (orientation:landscape){.tvb-home-middle-wrapper{grid-template-columns:1fr 1fr;width:70%;gap:30px}.tvb-home-middle-wrapper .tvb-home-glass-box{flex-direction:column;justify-content:flex-start;padding:30px}.tvb-home-middle-wrapper .tvb-home-glass-box h2{flex-direction:column;font-size:1.6rem;margin-bottom:15px;white-space:normal;min-height:75px;justify-content:center}.tvb-home-fake-search-bar{margin:0 auto;width:42px;height:42px}.tvb-home-block-flashcard{padding:30px 40px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.h-4{height:calc(var(--spacing)*4)}.h-12{height:calc(var(--spacing)*12)}.w-3\/4{width:75%}.w-12{width:calc(var(--spacing)*12)}.w-\[250px\]{width:250px}.w-full{width:100%}.flex-shrink,.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}.tvb-root{--tvb-hue:25;--tvb-bg-body:#553a32;--tvb-text-main:#f7efe6;--tvb-text-sub:#e8d9c8;--tvb-accent:#c8956c;--tvb-title-color:#ffe0c8;--tvb-font-scale:1;--tvb-font-scale-ui:1;--tvb-font-zoom:1;background-color:var(--tvb-bg-body);color:var(--tvb-text-main);background-image:none;width:100%;max-width:100vw;min-height:100dvh;font-family:Nunito,Arial,sans-serif;position:relative;overflow-x:hidden}.tvb-home-back-link{top:max(1rem,env(safe-area-inset-top,0px));left:max(1rem,env(safe-area-inset-left,0px));z-index:300;width:44px;height:44px;color:var(--tvb-text-main);cursor:pointer;background:#00000038;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.tvb-home-back-link:hover{background:#00000059}.tvb-home-back-link svg{width:22px;height:22px}.tvb-root .tvb-home-logo-link{top:max(1rem,env(safe-area-inset-top,0px));right:max(1rem,env(safe-area-inset-right,0px));z-index:300;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;background:0 0;border-radius:0;width:auto;height:auto;line-height:0;display:inline-flex;position:absolute;bottom:auto;left:auto}.tvb-root .tvb-home-logo{object-fit:contain;filter:none;border-radius:0;width:44px;height:44px;display:block}.tvb-root.tvb-font-small{--tvb-font-scale:.92;--tvb-font-scale-ui:.92;--tvb-font-zoom:.92}.tvb-root.tvb-font-normal{--tvb-font-scale:1;--tvb-font-scale-ui:1;--tvb-font-zoom:1}.tvb-root.tvb-font-large{--tvb-font-scale:1.12;--tvb-font-scale-ui:1.12;--tvb-font-zoom:1.12}.tvb-root.tvb-font-xlarge{--tvb-font-scale:1.22;--tvb-font-scale-ui:1.18;--tvb-font-zoom:1.22}.tvb-root.tvb-font-xxlarge{--tvb-font-scale:1.32;--tvb-font-scale-ui:1.22;--tvb-font-zoom:1.32}.tvb-root.tvb-font-xxxlarge{--tvb-font-scale:1.42;--tvb-font-scale-ui:1.26;--tvb-font-zoom:1.42}.tvb-app-content{zoom:var(--tvb-font-zoom);--tvb-font-scale:1}@supports not (zoom:1){.tvb-app-content{transform:scale(var(--tvb-font-zoom));transform-origin:top;width:calc(100%/var(--tvb-font-zoom));margin-left:auto;margin-right:auto}}.tvb-font-mode-wrap{justify-content:flex-end;width:100%;margin-bottom:14px;display:flex}.tvb-font-mode{background-color:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;padding:6px 8px;display:inline-flex}.tvb-font-mode-btn{min-width:44px;font-family:Nunito,Arial,sans-serif;font-size:calc(13px*var(--tvb-font-scale-ui));color:var(--tvb-text-main);cursor:pointer;background-color:#ffffff1a;border:none;border-radius:8px;padding:6px 10px;font-weight:800;transition:background-color .15s,opacity .15s}.tvb-font-mode-btn:hover:not(:disabled){background-color:#ffffff2e}.tvb-font-mode-btn:disabled{opacity:.45;cursor:not-allowed}.tvb-font-mode-label{font-size:calc(12px*var(--tvb-font-scale-ui));color:var(--tvb-text-sub);white-space:normal;font-weight:700;line-height:1.25}.tvb-app-header .tvb-font-mode{margin-left:auto}@keyframes tvb-kinh-lac-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:900px){.tvb-app-header-spacer{display:none}.tvb-app-header .tvb-font-mode{flex-basis:100%;justify-content:flex-end;width:100%;margin-left:0}}.tvb-container{width:100%;max-width:900px;padding:max(4.25rem,calc(env(safe-area-inset-top,0px) + 3.25rem))16px 28px;flex-direction:column;align-items:center;margin:auto;display:flex}.tvb-root .tvb-title{text-align:center;text-transform:uppercase;letter-spacing:2px;text-indent:0;color:var(--tvb-title-color);font-family:Nunito,Arial,sans-serif;font-weight:800;font-size:calc(24px*var(--tvb-font-scale));margin-top:8px;margin-bottom:28px;line-height:1.25}.tvb-smart-btn{background-color:var(--tvb-accent);color:#fff;width:100%;max-width:450px;font-family:Nunito,Arial,sans-serif;font-size:calc(15px*var(--tvb-font-scale));text-align:center;cursor:pointer;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,15px 100%,0 50%);border:none;margin-bottom:28px;padding:12px 20px;font-weight:800;transition:background-color .2s,transform .1s}.tvb-smart-btn:active{background-color:#b8835a;transform:scale(.96)}.tvb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;padding-bottom:20px;display:grid}.tvb-card{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#785a50,#5a4137);border:1px solid #ffffff14;border-radius:14px;outline:none;width:100%;font-family:inherit;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0003}.tvb-card:before{content:"";padding-top:100%;display:block}.tvb-card-inner{flex-direction:column;justify-content:center;align-items:center;padding:14px 6px;display:flex;position:absolute;inset:0}@media(hover:hover){.tvb-card:hover{filter:brightness(1.08);transform:translateY(-4px);box-shadow:0 12px 28px #00000052}.tvb-card:hover .tvb-card-icon-wrap{background-color:#ffffff29}.tvb-card:hover .tvb-card-icon{color:#fff;transform:scale(1.08)}}.tvb-card:active{filter:brightness(.9);transform:scale(.96)}.tvb-card:focus-visible,.tvb-smart-btn:focus-visible,.tvb-back-btn:focus-visible,.tvb-tab-trigger:focus-visible,.tvb-crosslink:focus-visible,.tvb-font-mode-btn:focus-visible{outline:2px solid var(--tvb-accent);outline-offset:2px}.tvb-card:first-child{background:linear-gradient(145deg,#8a6558,#6d4c41)}.tvb-card:nth-child(2){background:linear-gradient(145deg,#947060,#795548)}.tvb-card:nth-child(3){background:linear-gradient(145deg,#a3887a,#8d6e63)}.tvb-card:nth-child(4){background:linear-gradient(145deg,#746055,#5d4037)}.tvb-card:nth-child(5){background:linear-gradient(145deg,#8a6558,#6d4c41)}.tvb-card:nth-child(6){background:linear-gradient(145deg,#a3887a,#8d6e63)}.tvb-card:nth-child(7){background:linear-gradient(145deg,#947060,#795548)}.tvb-card:nth-child(8){background:linear-gradient(145deg,#6a4e44,#4e342e)}.tvb-card-icon-wrap{background-color:#ffffff1a;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;margin-bottom:8px;display:grid}.tvb-card-icon{width:32px;height:32px;color:var(--tvb-text-main);filter:drop-shadow(0 0 8px #ffffff4d);max-width:100%;margin-bottom:0;transition:all .2s}.tvb-card-title{font-size:calc(14.5px*var(--tvb-font-scale));color:var(--tvb-text-main);width:100%;margin-bottom:2px;font-weight:800}.tvb-card-desc{font-size:calc(11.5px*var(--tvb-font-scale));color:var(--tvb-text-sub);white-space:nowrap;text-overflow:ellipsis;width:100%;font-style:italic;font-weight:600;overflow:hidden}.tvb-app-shell{min-height:100vh;padding:0;animation:.3s ease-out tvb-slide-up}@keyframes tvb-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tvb-app-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.tvb-app-header-spacer{flex:1}.tvb-back-btn{color:var(--tvb-accent);font-family:Nunito,Arial,sans-serif;font-size:calc(14px*var(--tvb-font-scale-ui));cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-weight:700;transition:background-color .15s;display:flex}.tvb-back-btn:hover{background-color:#ffffff0f}.tvb-app-title{font-size:calc(20px*var(--tvb-font-scale-ui));color:var(--tvb-title-color);font-weight:800}.tvb-app-content{max-width:800px;margin:0 auto;padding:16px}.tvb-tabs [data-state=active]{color:var(--tvb-accent)!important;border-bottom-color:var(--tvb-accent)!important}.tvb-tabs-list{scrollbar-width:none;border-bottom:1px solid #ffffff1a;gap:0;margin-bottom:16px;display:flex;overflow-x:auto}.tvb-tabs-list::-webkit-scrollbar{display:none}.tvb-tab-trigger{font-family:Nunito,Arial,sans-serif;font-size:calc(13px*var(--tvb-font-scale-ui));color:var(--tvb-text-sub);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 12px;font-weight:700;transition:all .2s}.tvb-tab-trigger:hover{color:var(--tvb-text-main)}.tvb-tab-trigger[data-state=active]{color:var(--tvb-accent);border-bottom-color:var(--tvb-accent)}.tvb-disclaimer{text-align:center;font-size:calc(12px*var(--tvb-font-scale));color:var(--tvb-text-sub);opacity:.7;border-top:1px solid #ffffff0f;margin-top:24px;padding:16px;font-style:italic}.tvb-crosslink{cursor:pointer;box-sizing:border-box;background-color:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;width:100%;max-width:480px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:14px 16px;transition:all .2s;display:flex}.tvb-crosslink:hover{background-color:#ffffff14;transform:translate(4px)}.tvb-crosslink-icon{width:32px;height:32px;color:var(--tvb-accent)}.tvb-crosslink-text{flex:1}.tvb-crosslink-title{font-size:calc(14px*var(--tvb-font-scale));color:var(--tvb-text-main);font-weight:700}.tvb-crosslink-desc{font-size:calc(12px*var(--tvb-font-scale));color:var(--tvb-text-sub);margin-top:2px}.tvb-knowledge{line-height:1.7;font-size:calc(14px*var(--tvb-font-scale));color:var(--tvb-text-main)}.tvb-knowledge h3{font-size:calc(16px*var(--tvb-font-scale));color:var(--tvb-title-color);margin-top:20px;margin-bottom:8px;font-weight:800}.tvb-knowledge p{color:var(--tvb-text-sub);margin-bottom:12px}.tvb-knowledge strong{color:var(--tvb-text-main);font-weight:700}.tvb-timer{flex-direction:column;align-items:center;gap:20px;padding:24px 0;display:flex}.tvb-timer-circle{border:4px solid #ffffff1a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;transition:transform .5s;display:flex}.tvb-timer-circle[data-phase=inhale]{border-color:var(--tvb-accent);transform:scale(1.15)}.tvb-timer-circle[data-phase=hold]{border-color:var(--tvb-title-color);transform:scale(1.15)}.tvb-timer-circle[data-phase=exhale]{border-color:var(--tvb-text-sub);transform:scale(1)}.tvb-timer-time{font-size:calc(36px*var(--tvb-font-scale));color:var(--tvb-text-main);font-weight:800}.tvb-timer-phase{font-size:calc(14px*var(--tvb-font-scale));color:var(--tvb-accent);margin-top:4px;font-weight:600}.tvb-timer-controls{gap:12px;display:flex}.tvb-btn{font-family:Nunito,Arial,sans-serif;font-size:calc(14px*var(--tvb-font-scale));cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-weight:700;transition:all .15s}.tvb-btn-primary{background-color:var(--tvb-accent);color:#fff}.tvb-btn-primary:hover{filter:brightness(1.1)}.tvb-btn-secondary{color:var(--tvb-text-main);background-color:#ffffff14}.tvb-btn-secondary:hover{background-color:#ffffff1f}.tvb-test{max-width:600px;margin:0 auto}.tvb-test-progress{background-color:#ffffff1a;border-radius:2px;height:4px;margin-bottom:24px;overflow:hidden}.tvb-test-progress-bar{background-color:var(--tvb-accent);border-radius:2px;height:100%;transition:width .3s}.tvb-test-question{font-size:calc(16px*var(--tvb-font-scale));color:var(--tvb-text-main);margin-bottom:16px;font-weight:700;line-height:1.5}.tvb-test-option{width:100%;color:var(--tvb-text-main);font-family:Nunito,Arial,sans-serif;font-size:calc(14px*var(--tvb-font-scale));text-align:left;cursor:pointer;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:8px;padding:14px 16px;font-weight:600;transition:all .15s;display:block}.tvb-test-option:hover{border-color:var(--tvb-accent);background-color:#ffffff1a}.tvb-test-option[data-selected=true]{border-color:var(--tvb-accent);background-color:#cd853f33}.tvb-result{text-align:center;padding:24px}.tvb-result-label{font-size:calc(24px*var(--tvb-font-scale));color:var(--tvb-accent);margin-bottom:12px;font-weight:800}.tvb-result-advice{font-size:calc(14px*var(--tvb-font-scale));color:var(--tvb-text-sub);margin-bottom:24px;line-height:1.6}.tvb-water{text-align:center}.tvb-water-progress{background-color:#ffffff14;border-radius:10px;width:100%;height:20px;margin:16px 0;overflow:hidden}.tvb-water-bar{background:linear-gradient(90deg,#2e8ab8,#3ca7dd);border-radius:10px;height:100%;transition:width .5s}.tvb-water-amount{font-size:calc(36px*var(--tvb-font-scale));color:var(--tvb-text-main);font-weight:800}.tvb-water-goal{font-size:calc(14px*var(--tvb-font-scale));color:var(--tvb-text-sub)}.tvb-water-buttons{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.tvb-svg-map{width:100%;max-width:400px;margin:0 auto;position:relative}.tvb-svg-map svg{width:100%;height:auto}.tvb-svg-point{cursor:pointer;transition:all .2s}.tvb-svg-point:hover{filter:brightness(1.3)}.tvb-svg-point[data-highlight=true]{animation:.6s ease-in-out 3 tvb-point-flash}@keyframes tvb-point-flash{0%,to{opacity:1}50%{opacity:.3}}@media(min-width:768px){.tvb-container{max-width:1100px;padding:14px 20px 26px}.tvb-root .tvb-title{font-size:calc(30px*var(--tvb-font-scale));margin-bottom:30px}.tvb-smart-btn{max-width:600px;font-size:calc(18px*var(--tvb-font-scale));clip-path:polygon(25px 0,calc(100% - 25px) 0,100% 50%,calc(100% - 25px) 100%,25px 100%,0 50%);margin-bottom:35px;padding:16px 20px}.tvb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.tvb-card{border-radius:18px}.tvb-card-inner{padding:24px 10px}.tvb-card-icon-wrap{width:76px;height:76px;margin-bottom:12px}.tvb-card-icon{width:40px;height:40px;margin-bottom:0}.tvb-card-title{font-size:calc(18px*var(--tvb-font-scale));margin-bottom:6px}.tvb-card-desc{font-size:calc(14px*var(--tvb-font-scale))}.tvb-app-header{padding:14px 20px}.tvb-app-title{font-size:calc(23px*var(--tvb-font-scale-ui))}.tvb-app-content{max-width:900px;padding:20px}.tvb-tab-trigger{font-size:calc(15px*var(--tvb-font-scale-ui));padding:12px 14px}.tvb-knowledge{font-size:calc(16px*var(--tvb-font-scale))}.tvb-knowledge h3{font-size:calc(19px*var(--tvb-font-scale))}.tvb-crosslink-title{font-size:calc(16px*var(--tvb-font-scale))}.tvb-crosslink-desc{font-size:calc(14px*var(--tvb-font-scale))}.tvb-btn{font-size:calc(15px*var(--tvb-font-scale));padding:11px 26px}}@media(min-width:1200px){.tvb-container{max-width:1280px;padding:20px 28px 34px}.tvb-root .tvb-title{font-size:calc(34px*var(--tvb-font-scale));margin-bottom:34px}.tvb-smart-btn{max-width:720px;font-size:calc(20px*var(--tvb-font-scale));margin-bottom:40px;padding:18px 24px}.tvb-grid{gap:24px}.tvb-card{border-radius:18px}.tvb-card-inner{padding:28px 14px}.tvb-card-icon{margin-bottom:14px;font-size:60px}.tvb-card-title{font-size:calc(20px*var(--tvb-font-scale));margin-bottom:8px}.tvb-card-desc{font-size:calc(15px*var(--tvb-font-scale));white-space:normal;text-overflow:clip;line-height:1.35;overflow:visible}.tvb-app-header{padding:16px max(28px,50vw - 540px)}.tvb-back-btn{font-size:calc(16px*var(--tvb-font-scale-ui));padding:8px 12px}.tvb-app-title{font-size:calc(24px*var(--tvb-font-scale-ui))}.tvb-app-content{max-width:1080px;padding:28px 24px}.tvb-tab-trigger{font-size:calc(16px*var(--tvb-font-scale-ui));padding:13px 16px}.tvb-disclaimer{font-size:calc(13px*var(--tvb-font-scale))}.tvb-crosslink{padding:16px 18px}.tvb-crosslink-title{font-size:calc(17px*var(--tvb-font-scale))}.tvb-crosslink-desc{font-size:calc(15px*var(--tvb-font-scale))}.tvb-knowledge{font-size:calc(17px*var(--tvb-font-scale))}.tvb-knowledge h3{font-size:calc(22px*var(--tvb-font-scale));margin-top:24px;margin-bottom:10px}.tvb-knowledge p{margin-bottom:14px}.tvb-test{max-width:760px}.tvb-test-question{font-size:calc(19px*var(--tvb-font-scale));margin-bottom:18px}.tvb-test-option{font-size:calc(16px*var(--tvb-font-scale));padding:15px 18px}.tvb-result-label{font-size:28px}.tvb-result-advice{font-size:calc(17px*var(--tvb-font-scale))}.tvb-water-goal{font-size:calc(16px*var(--tvb-font-scale))}.tvb-btn{font-size:calc(16px*var(--tvb-font-scale));padding:12px 28px}}@media(min-width:1536px){.tvb-container{max-width:1360px}.tvb-app-header{padding-left:max(32px,50vw - 580px);padding-right:max(32px,50vw - 580px)}.tvb-app-content{max-width:1160px;padding:32px 28px}}@media(max-width:360px){.tvb-smart-btn{font-size:calc(13px*var(--tvb-font-scale));clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);padding:10px 15px}.tvb-card{border-radius:12px}.tvb-card-inner{padding:12px 4px}.tvb-card-title{font-size:calc(13.5px*var(--tvb-font-scale))}.tvb-card-desc{font-size:calc(10.5px*var(--tvb-font-scale));letter-spacing:-.3px}.tvb-card-icon-wrap{width:56px;height:56px}.tvb-card-icon{width:28px;height:28px}}@media(max-width:380px){.tvb-app-header{gap:8px;padding:10px 12px}.tvb-app-title{font-size:calc(18px*var(--tvb-font-scale-ui))}.tvb-app-content{padding:12px}.tvb-tab-trigger{font-size:calc(12px*var(--tvb-font-scale-ui));padding:9px 8px}.tvb-crosslink{gap:10px;padding:12px}.tvb-crosslink-icon{font-size:28px}.tvb-app-header-spacer{display:none}.tvb-app-header .tvb-font-mode{flex-basis:100%;justify-content:flex-end;width:100%;margin-top:2px}.tvb-font-mode-label{font-size:calc(11px*var(--tvb-font-scale-ui))}.tvb-font-mode{gap:6px;padding:5px 7px}}.tvb-dk-screen{animation:.22s ease-out both tvb-dk-enter}@keyframes tvb-dk-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tvb-dk-circle{will-change:transform,opacity;backface-visibility:hidden}.tvb-dk-circle--hold{animation:2.4s ease-in-out infinite tvb-dk-hold-pulse}@keyframes tvb-dk-hold-pulse{0%,to{box-shadow:0 0 28px var(--tvb-dk-color,#64b4a04d)}50%{box-shadow:0 0 52px var(--tvb-dk-color,#64b4a08c),0 0 80px var(--tvb-dk-color,#64b4a033)}}.tvb-dk-circle--watch{animation:4s ease-in-out infinite tvb-dk-watch-shimmer}@keyframes tvb-dk-watch-shimmer{0%,to{opacity:.6}50%{opacity:.85}}.tvb-dk-circle--done{animation:.45s cubic-bezier(.34,1.56,.64,1) both tvb-dk-done-pop}@keyframes tvb-dk-done-pop{0%{transform:scale(.92)}60%{transform:scale(1.07)}to{transform:scale(1)}}.tvb-dk-dot{background:#ffffff1f;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .35s,transform .2s}.tvb-dk-dot--done{transform:scale(1.15)}@keyframes tvb-tab-icon-bloom{0%{opacity:0;transform:scale(.55)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes tvb-tab-icon-ring-out{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes tvb-tab-icon-ring-out2{0%{opacity:.45;transform:scale(.6)}to{opacity:0;transform:scale(2.8)}}.tvb-tab-icon-loader{justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.tvb-tab-icon-loader__ring{border:1.5px solid var(--tvb-icon-color,var(--tvb-accent));border-radius:50%;animation:.55s cubic-bezier(.22,1,.36,1) forwards tvb-tab-icon-ring-out;position:absolute;inset:0}.tvb-tab-icon-loader__ring--2{animation:.75s cubic-bezier(.22,1,.36,1) 60ms forwards tvb-tab-icon-ring-out2}.tvb-tab-icon-loader__bg{background:radial-gradient(circle,var(--tvb-icon-color,var(--tvb-accent))0%,transparent 72%);opacity:.15;border-radius:50%;animation:.28s cubic-bezier(.34,1.56,.64,1) forwards tvb-tab-icon-bloom;position:absolute;inset:0}.tvb-tab-icon-loader__icon{color:var(--tvb-icon-color,var(--tvb-accent));filter:drop-shadow(0 0 8px var(--tvb-icon-color,var(--tvb-accent)));font-size:32px;animation:.28s cubic-bezier(.34,1.56,.64,1) forwards tvb-tab-icon-bloom;position:relative}.khiem-root{--khiem-gold: #f0e2b8;--khiem-ink: #0a1020;--khiem-cyan: #78e6ff;position:relative;width:100%;min-height:100vh;min-height:100dvh;height:auto;display:flex;justify-content:center;align-items:flex-start;background:#070b16;overflow-x:hidden;font-family:"Source Sans 3",Nunito,system-ui,sans-serif}.khiem-starfield{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.khiem-back-link{position:fixed;top:max(.85rem,env(safe-area-inset-top,0px));left:max(.85rem,env(safe-area-inset-left,0px));z-index:40;display:grid;place-items:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:#14122073;color:#e8e4f4;cursor:pointer;backdrop-filter:blur(6px)}.khiem-root>.khiem-back-link{top:auto;left:50%;bottom:max(1.35rem,calc(env(safe-area-inset-bottom,0px) + .75rem));transform:translate(-50%);background:#0c1424b8;border:1px solid rgba(120,230,255,.55);box-shadow:0 0 16px #50dcff4d;color:#78e6ff}.khiem-root>.khiem-back-link svg{color:#78e6ff;stroke:#78e6ff}.khiem-back-link svg{width:22px;height:22px}.khiem-stage{position:relative;z-index:1;width:100%;height:auto;margin:0 auto;line-height:0;box-shadow:0 1px #c8fafff2,0 3px #78e6ffbf,0 6px 10px #50dcff8c,0 12px 22px #3cc8ff66,0 22px 40px #28b4ff47,0 36px 64px #1ea0f029}.khiem-altar{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.khiem-audio-bar{position:absolute;z-index:8;left:50%;top:clamp(.45rem,2.4vw,.95rem);transform:translate(-50%);display:flex;align-items:center;gap:.35rem;width:min(86%,520px);max-width:calc(100% - 1.25rem);min-height:1.55rem;padding:.12rem .4rem .12rem .2rem;border-radius:999px;border:1px solid rgba(232,196,140,.5);background:linear-gradient(180deg,#302416b3,#1c140cc2);box-shadow:0 3px 10px #0000004d,inset 0 1px #ffe6b429;backdrop-filter:blur(6px);line-height:1.15;pointer-events:auto}@media(max-width:767px){.khiem-audio-bar{left:50%;transform:translate(-50%);width:min(78%,340px);max-width:calc(100% - 1.5rem)}.khiem-audio-bar.is-vol-open{width:min(88%,380px)}.khiem-audio-title{font-size:clamp(.62rem,2.8vw,.78rem)}}.khiem-audio-play{flex:0 0 auto;display:grid;place-items:center;width:1.35rem;height:1.35rem;padding:0;border:none;border-radius:0;background:transparent;color:#f3e0b8;cursor:pointer}.khiem-audio-play svg{width:.85rem;height:.85rem}.khiem-audio-play:hover,.khiem-audio-play:focus-visible{color:#ffe9b8;outline:none;opacity:.92}.khiem-audio-title{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:visible;text-overflow:clip;font-family:Playfair Display,Georgia,serif;font-size:clamp(.7rem,1.65vw,.92rem);font-weight:600;letter-spacing:.01em;color:#f3e0b8;text-align:center}.khiem-audio-vol{flex:0 0 auto;display:inline-flex;align-items:center;gap:.2rem;color:#f3e0b8e6}.khiem-audio-vol-btn{display:grid;place-items:center;width:1.35rem;height:1.35rem;padding:0;border:none;background:transparent;color:inherit;cursor:pointer}.khiem-audio-vol-btn svg{width:.82rem;height:.82rem}.khiem-audio-vol-btn:hover,.khiem-audio-vol-btn:focus-visible{color:#ffe9b8;outline:none}.khiem-audio-vol input[type=range]{width:3.4rem;height:.28rem;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.khiem-audio-vol input[type=range]::-webkit-slider-runnable-track{height:.18rem;border-radius:999px;background:#e8c48c73}.khiem-audio-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.55rem;height:.55rem;margin-top:-.18rem;border-radius:50%;border:1px solid rgba(80,52,20,.35);background:#e8c48c;box-shadow:0 0 0 1px #ffe6b433;cursor:pointer}.khiem-audio-vol input[type=range]::-moz-range-track{height:.18rem;border-radius:999px;background:#e8c48c73}.khiem-audio-vol input[type=range]::-moz-range-thumb{width:.55rem;height:.55rem;border-radius:50%;border:1px solid rgba(80,52,20,.35);background:#e8c48c;cursor:pointer}@media(min-width:768px){.khiem-audio-bar{top:clamp(.65rem,1.4vw,1.15rem);width:min(58%,620px);min-height:1.45rem;padding:.1rem .55rem .1rem .28rem}.khiem-audio-bar.is-vol-open{width:min(64%,700px)}.khiem-audio-title{font-size:.92rem}.khiem-audio-vol input[type=range]{width:4.2rem}}.khiem-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.khiem-hotspot{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;text-align:center;border-radius:10px;border:none;background:transparent;box-shadow:none;color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .18s ease,box-shadow .18s ease,transform .18s ease;touch-action:manipulation;transform:translate(-50%,-50%)}.khiem-hotspot:hover,.khiem-hotspot:focus-visible{background:radial-gradient(ellipse 55% 70% at 50% 50%,rgba(255,248,220,.42) 0%,rgba(255,230,160,.18) 42%,rgba(255,220,140,.04) 70%,transparent 100%);box-shadow:none;transform:translate(-50%,-50%);outline:none;filter:none}.khiem-hotspot:active{background:radial-gradient(ellipse 50% 65% at 50% 50%,rgba(255,248,220,.5) 0%,rgba(255,230,160,.22) 45%,transparent 100%);box-shadow:none;transform:translate(-50%,-50%)}.khiem-hotspot-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.khiem-hotspot--thu-vien{left:18.6%;top:65.9%;width:28.5%;height:8.6%;min-width:0}.khiem-hotspot--tri-vo{left:50%;top:66%;width:30%;height:8.8%;min-width:0;padding:0}.khiem-hotspot--thanh-vang{left:81.4%;top:66.3%;width:28.5%;height:8.8%;min-width:0}.khiem-hotspot--tui{left:50%;top:87.2%;width:40%;height:6.2%;min-width:0;border-radius:999px;padding:0}@media(min-width:768px){.khiem-root{height:100vh;height:100dvh;align-items:center;overflow:hidden}.khiem-root>.khiem-back-link{top:max(.85rem,env(safe-area-inset-top,0px));left:max(.85rem,env(safe-area-inset-left,0px));bottom:auto;transform:none;border:1px solid rgba(120,230,255,.55);box-shadow:0 0 16px #50dcff4d;background:#0c1424b8;color:#78e6ff}.khiem-root>.khiem-back-link svg{color:#78e6ff;stroke:#78e6ff}.khiem-stage{width:min(100vw,calc(100dvh * 941 / 1671));height:100dvh;flex-shrink:0;box-shadow:-1px 0 #dcfcfffa,-2px 0 #b4f5ffe6,-4px 0 #78e6ffc7,-7px 0 8px #64e1ff9e,-12px 0 16px #50dcff80,-18px 0 28px #3cd2ff66,-28px 0 42px #32c3ff52,-40px 0 58px #28b4ff3d,-56px 0 80px #1ea5f529,-76px 0 110px #1496e61a,-100px 0 140px #0f82d20f,1px 0 #dcfcfffa,2px 0 #b4f5ffe6,4px 0 #78e6ffc7,7px 0 8px #64e1ff9e,12px 0 16px #50dcff80,18px 0 28px #3cd2ff66,28px 0 42px #32c3ff52,40px 0 58px #28b4ff3d,56px 0 80px #1ea5f529,76px 0 110px #1496e61a,100px 0 140px #0f82d20f}.khiem-altar{width:100%;height:100%;object-fit:contain;object-position:center center}.khiem-hotspot--thu-vien{left:18.6%;top:65.9%;width:28.5%;height:8.6%;min-width:0}.khiem-hotspot--tri-vo{left:50%;top:66%;width:30%;height:8.8%;min-width:0}.khiem-hotspot--thanh-vang{left:81.4%;top:66.3%;width:28.5%;height:8.8%;min-width:0}.khiem-hotspot--tui{left:50%;top:87.2%;width:40%;height:6.2%;min-width:0}}html:has(.khiem-zone),html:has(.khiem-zone) body,html:has(.khiem-zone) #root{background-color:#2f3348;overflow-x:clip}.khiem-zone{position:relative;box-sizing:border-box;width:100%;max-width:100%;min-height:100vh;min-height:100dvh;overflow-x:clip;background:linear-gradient(135deg,#2f3348,#3d3f5c 42%,#4a4568 72%,#524a6a);color:#efe9f7;font-family:"Source Sans 3",Nunito,system-ui,sans-serif;padding:max(4.5rem,calc(env(safe-area-inset-top,0px) + 3.5rem)) 1.25rem max(2rem,env(safe-area-inset-bottom,0px))}.khiem-zone-inner{width:100%;max-width:640px;margin:0 auto;text-align:center}.khiem-zone-title{margin:0 0 .75rem;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:700;color:#f3ead2;letter-spacing:.02em}.khiem-zone-lead{margin:0;font-size:1.05rem;line-height:1.65;color:#e6e0f5d1;font-style:italic}.khiem-kinh-page.khiem-zone,.khiem-kinh-page{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;box-sizing:border-box;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;min-height:0;overflow:hidden;padding-top:max(2.75rem,calc(env(safe-area-inset-top,0px) + 1.75rem));padding-bottom:max(.55rem,env(safe-area-inset-bottom,0px));padding-left:.85rem;padding-right:.85rem}@media(min-width:820px){.khiem-kinh-page.khiem-zone,.khiem-kinh-page{padding-top:max(3rem,calc(env(safe-area-inset-top,0px) + 2.35rem));padding-bottom:max(.45rem,env(safe-area-inset-bottom,0px));padding-left:1.1rem;padding-right:1.1rem}}.khiem-kinh-books-btn{position:fixed;top:max(.85rem,env(safe-area-inset-top,0px));right:max(.85rem,env(safe-area-inset-right,0px));z-index:40;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(210,208,226,.4);background:#1412208c;color:#f3ead2;cursor:pointer;box-shadow:0 4px 14px #00000047;transition:background .2s ease,transform .2s ease}.khiem-kinh-books-btn svg{width:1.45rem;height:1.45rem}.khiem-kinh-books-btn:hover,.khiem-kinh-books-btn:focus-visible{background:#524a6abf;outline:none;transform:scale(1.04)}.khiem-kinh-books-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1.25rem;background:#080a12b8}.khiem-kinh-books-panel{position:relative;width:min(100%,420px);max-height:min(80vh,560px);overflow:auto;padding:1.45rem 1.2rem 1.25rem;border-radius:1.1rem;border:1px solid rgba(210,208,226,.3);background:linear-gradient(160deg,#3a3d55,#2a2d42);box-shadow:0 18px 42px #0006}.khiem-kinh-books-close{position:absolute;top:.55rem;right:.65rem;border:none;background:transparent;color:#efe9f7cc;font-size:1.1rem;cursor:pointer}.khiem-kinh-books-title{margin:0 0 .35rem;font-family:Playfair Display,Georgia,serif;font-size:1.35rem;color:#f3ead2;text-align:center}.khiem-kinh-books-lead{margin:0 0 1rem;font-size:.92rem;color:#e6e0f5bf;text-align:center}.khiem-kinh-books-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.khiem-kinh-book-link{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.85rem .9rem;border-radius:.85rem;border:1px solid rgba(210,208,226,.28);background:#12142466;color:inherit;text-align:left;text-decoration:none;font:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease}.khiem-kinh-book-link:hover,.khiem-kinh-book-link:focus-visible{background:#524a6a8c;border-color:#f3ead266;outline:none}.khiem-kinh-book-icon{flex:0 0 auto;display:grid;place-items:center;width:2rem;height:2rem;color:#f3ead2}.khiem-kinh-book-icon svg{width:1.35rem;height:1.35rem}.khiem-kinh-book-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0}.khiem-kinh-book-name{font-family:Playfair Display,Georgia,serif;font-size:1.05rem;font-weight:600;color:#f3ead2}.khiem-kinh-book-sub{font-size:.85rem;font-style:italic;color:#e6e0f5b8;line-height:1.4}.khiem-kinh-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;max-width:720px;margin:0 auto;flex:1 1 auto;min-height:0;height:100%;max-height:100%;overflow:hidden}.khiem-kinh-stage{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:.55rem;width:100%;flex:1 1 auto;min-height:0}.khiem-kinh-card-wrap{perspective:1400px;width:100%;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-items:center;gap:.55rem;overflow:hidden}.khiem-kinh-filter{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;flex:0 0 auto;margin-top:.55rem;padding:.35rem .15rem 0;position:relative;z-index:5}.khiem-kinh-nav{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid rgba(210,208,226,.35);background:#181a2a73;color:#d5d1e6;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease;flex-shrink:0}.khiem-kinh-nav svg{width:1.35rem;height:1.35rem}.khiem-kinh-nav:hover,.khiem-kinh-nav:focus-visible{background:#282a44bf;border-color:#d2d0e28c;outline:none;transform:scale(1.04)}.khiem-kinh-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.65rem;width:100%;flex:0 0 auto;order:-1;z-index:2}.khiem-kinh-toolbar-side{display:flex;align-items:center;min-width:0}.khiem-kinh-toolbar-side--left{justify-content:flex-start}.khiem-kinh-toolbar-side--right{justify-content:flex-end;gap:.55rem}.khiem-kinh-jump-slot--desktop{display:block}.khiem-kinh-jump-slot--mobile{display:none}.khiem-kinh-jump{width:auto;max-width:12rem;min-height:2rem;padding:.4rem .7rem;border-radius:10px;border:1px solid rgba(150,148,158,.32)!important;background:#12101c38!important;color:#dcd8e6b3;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.8rem;font-weight:400;text-align:center;letter-spacing:.01em;box-sizing:border-box;opacity:.78;-webkit-appearance:none!important;appearance:none!important;box-shadow:none!important;outline:none!important;outline-offset:0!important;accent-color:rgba(150,148,158,.55);caret-color:#dcd8e6bf}.khiem-kinh-jump::placeholder{color:#c8c6d266;font-style:italic;font-weight:400}.khiem-kinh-jump:focus,.khiem-kinh-jump:focus-visible,.khiem-kinh-jump:hover,.khiem-kinh-jump:active{outline:none!important;outline-offset:0!important;opacity:.95;border:1px solid rgba(150,148,158,.48)!important;box-shadow:none!important;background:#12101c52!important;-webkit-box-shadow:none!important}.khiem-kinh-page{--khiem-cyan: transparent;accent-color:rgba(150,148,158,.55)}.khiem-kinh-page input.khiem-kinh-jump,.khiem-kinh-page input.khiem-kinh-jump:focus,.khiem-kinh-page input.khiem-kinh-jump:focus-visible{border-color:#96949e66!important;outline:none!important;box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important}.khiem-kinh-pos{font-family:"Source Sans 3",system-ui,sans-serif;font-size:.92rem;font-weight:600;letter-spacing:.04em;color:#e6e0f5e0;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex-shrink:0}.khiem-kinh-jump-hint{margin:0;font-size:.8rem;font-weight:400;font-style:italic;color:#ffd2aae0;text-align:left;line-height:1.25;min-width:0}.khiem-kinh-jump-hint--mobile{display:none}.khiem-kinh-source-btn--out{display:inline-flex;align-items:center;justify-content:center;margin:0;flex-shrink:0;justify-self:center}@keyframes khiem-kinh-source-glow{0%,to{border-color:#d2d0e252;box-shadow:0 0 0 0 transparent}50%{border-color:#ffe4aab8;box-shadow:0 0 0 1px #ffe4aa47}}.khiem-kinh-source-btn--out.is-glow{animation:khiem-kinh-source-glow 5.6s ease-in-out infinite}.khiem-kinh-source-btn--out:hover,.khiem-kinh-source-btn--out:focus-visible{transform:none}@media(prefers-reduced-motion:reduce){.khiem-kinh-source-btn--out.is-glow{animation:none;border-color:#ffe4aa8c}}.khiem-kinh-card{position:relative;width:100%;flex:1 1 auto;min-height:0;height:100%;max-height:100%;transform:rotateY(0);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.15,.2,1)}.khiem-kinh-card.is-flipped{transform:rotateY(180deg)}.khiem-kinh-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:0;border-radius:22px;border:1px solid rgba(210,208,226,.28);background:radial-gradient(ellipse at top,rgba(255,250,235,.1),transparent 55%),linear-gradient(165deg,#26283ef2,#1c1e30fa);box-shadow:0 18px 48px #0c0a1873,inset 0 1px #e6e4f51f;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.khiem-kinh-face--front{overflow:hidden;transform:translateZ(0)}.khiem-kinh-scroll{flex:1 1 auto;min-height:0;height:100%;width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:clamp(1.15rem,3.5vw,2rem);padding-bottom:clamp(1rem,2.8vw,1.4rem);transform:none;-webkit-transform:none;backface-visibility:visible;-webkit-backface-visibility:visible;scrollbar-width:thin;scrollbar-color:rgba(210,208,226,.35) transparent}.khiem-kinh-face--front .khiem-kinh-quote{flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-start;width:100%;min-height:min(100%,12rem);margin:0;overflow:visible}.khiem-kinh-face--back{transform:rotateY(180deg) translateZ(0);justify-content:flex-start;overflow:hidden;padding:clamp(1.15rem,3.5vw,2rem);padding-bottom:clamp(1rem,2.8vw,1.4rem);background:radial-gradient(ellipse at bottom,rgba(168,172,198,.12),transparent 50%),linear-gradient(165deg,#2a2840fa,#1e1c30fa)}@supports (-webkit-touch-callout: none){.khiem-kinh-card-wrap{perspective:none}.khiem-kinh-card{transform:none!important;transform-style:flat}.khiem-kinh-face{backface-visibility:visible;-webkit-backface-visibility:visible}.khiem-kinh-face--front{z-index:2;opacity:1;visibility:visible;pointer-events:auto;transform:none!important;transition:opacity .28s ease,visibility .28s ease}.khiem-kinh-face--back{z-index:1;opacity:0;visibility:hidden;pointer-events:none;transform:none!important;transition:opacity .28s ease,visibility .28s ease}.khiem-kinh-card.is-flipped .khiem-kinh-face--front{z-index:1;opacity:0;visibility:hidden;pointer-events:none}.khiem-kinh-card.is-flipped .khiem-kinh-face--back{z-index:2;opacity:1;visibility:visible;pointer-events:auto}.khiem-kinh-scroll{overflow-y:scroll}}.khiem-kinh-source-mid{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;width:100%}.khiem-kinh-face--back .khiem-kinh-source-mid{margin-top:0;margin-bottom:0}.khiem-kinh-quote{margin:0;position:relative;width:100%;max-width:34rem}.khiem-kinh-mark{font-family:Playfair Display,Georgia,serif;font-size:3.2rem;line-height:1;color:#d5d1e673;pointer-events:none;user-select:none}.khiem-kinh-mark--open{display:block;position:static;margin:0 0 .15rem;padding-left:.2rem;text-align:left;line-height:.85}.khiem-kinh-mark--close{display:block;position:static;margin:.35rem 0 0;padding-right:.35rem;text-align:right;line-height:.85}.khiem-kinh-text{margin:0;padding:0 1.1rem;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(1.05rem,3.4vw,1.28rem);font-weight:500;line-height:1.7;color:#f2eef8;text-align:center;white-space:pre-line}.khiem-kinh-source-btn{padding:.55rem 1.35rem;border-radius:999px;border:1px solid rgba(210,208,226,.4);background:#524a6a8c;color:#e6e4f0;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .2s ease,transform .2s ease}.khiem-kinh-source-btn:hover,.khiem-kinh-source-btn:focus-visible{background:#625a82b3;outline:none;transform:translateY(-1px)}.khiem-kinh-source-label{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#d5d1e6b3}.khiem-kinh-source-block{display:flex;flex-direction:column;align-items:center;gap:.35rem;max-width:28rem;text-align:center}.khiem-kinh-source-name{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.15rem,3.6vw,1.45rem);font-weight:600;line-height:1.45;color:#f3ead2}.khiem-kinh-source-translator{margin:0;font-family:Playfair Display,Georgia,serif;font-size:calc(clamp(1.15rem,3.6vw,1.45rem) - 2px);font-style:italic;font-weight:400;line-height:1.45;color:#e6e0f5c7}.khiem-kinh-filter-dd{position:relative;width:100%;min-width:0;flex:1 1 auto}.khiem-kinh-filter-trigger{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:.65rem;row-gap:.15rem;align-items:center;width:100%;padding:.55rem .85rem .6rem;border-radius:12px;border:1px solid rgba(150,148,158,.35)!important;background:#181a2a8c!important;color:#e6e4f0;font-family:"Source Sans 3",system-ui,sans-serif;text-align:left;cursor:pointer;box-shadow:none!important;outline:none!important;-webkit-tap-highlight-color:transparent}.khiem-kinh-filter-trigger:focus,.khiem-kinh-filter-trigger:focus-visible{outline:none!important;border-color:#96949e80!important;box-shadow:none!important}.khiem-kinh-filter-trigger-label{grid-column:1;grid-row:1;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d5d1e6ad}.khiem-kinh-filter-trigger-value{grid-column:1;grid-row:2;font-size:.95rem;font-weight:600;color:#e6e4f0}.khiem-kinh-filter-chevron{grid-column:2;grid-row:1 / span 2;font-size:.85rem;color:#d5d1e6a6;transition:transform .15s ease}.khiem-kinh-filter-dd.is-open .khiem-kinh-filter-chevron{transform:rotate(180deg)}.khiem-kinh-filter-menu{position:absolute;left:0;right:0;bottom:calc(100% + .35rem);top:auto;margin:0;padding:.35rem;list-style:none;max-height:min(42vh,280px);overflow:auto;border-radius:12px;border:1px solid rgba(150,148,158,.38);background:#2f3348;box-shadow:0 -10px 28px #00000059;z-index:8}.khiem-kinh-filter-menu li button{display:block;width:100%;padding:.65rem .75rem;border:none;border-radius:8px;background:transparent;color:#e6e4f0;font-family:inherit;font-size:.92rem;text-align:left;cursor:pointer}.khiem-kinh-filter-menu li button:hover,.khiem-kinh-filter-menu li[aria-selected=true] button{background:#625a8273}.khiem-kinh-filter-all{flex:0 0 auto;align-self:center;padding:.45rem .95rem;border-radius:999px;border:1px solid rgba(210,208,226,.3);background:#524a6a73;color:#e6e4f0;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:background .2s ease}.khiem-kinh-filter-all:hover,.khiem-kinh-filter-all:focus-visible{background:#625a82b3;outline:none}@media(min-width:561px){.khiem-kinh-filter{flex-direction:row;align-items:stretch;gap:.55rem}.khiem-kinh-filter-all{align-self:stretch;display:inline-flex;align-items:center;justify-content:center;padding-inline:.85rem}}@media(max-height:720px)and (orientation:landscape){.khiem-kinh-page.khiem-zone,.khiem-kinh-page{padding-top:max(2.35rem,calc(env(safe-area-inset-top,0px) + 1.35rem));padding-bottom:max(.35rem,env(safe-area-inset-bottom,0px))}.khiem-kinh-filter{margin-top:.35rem}.khiem-kinh-face--back,.khiem-kinh-scroll{padding:.75rem .85rem .7rem}.khiem-kinh-card-wrap{gap:.35rem}}@media(max-width:560px){.khiem-kinh-stage{gap:.25rem}.khiem-kinh-nav{width:2.35rem;height:2.35rem}.khiem-kinh-jump-slot--desktop{display:none}.khiem-kinh-jump-slot--mobile{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:0 0 auto;margin:.55rem 0 0;padding:0 .35rem}.khiem-kinh-jump-slot--mobile .khiem-kinh-jump{width:min(100%,14rem);max-width:14rem}.khiem-kinh-jump-hint--desktop{display:none}.khiem-kinh-jump-hint--mobile{display:block;text-align:center;width:100%;max-width:16rem}.khiem-kinh-toolbar-side--right{flex-wrap:wrap;justify-content:flex-end}.khiem-kinh-mark{font-size:2.4rem}.khiem-kinh-face--back,.khiem-kinh-scroll{padding:1rem .85rem .9rem}.khiem-kinh-text{padding:0 .55rem;font-size:clamp(.98rem,3.8vw,1.12rem);line-height:1.65}}.khiem-kinh-reader{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:100dvh;padding:0!important;overflow:hidden}.khiem-kinh-reader-bar{flex:0 0 auto;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:.55rem;padding:max(.65rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) .65rem max(.75rem,env(safe-area-inset-left,0px));border-bottom:1px solid rgba(210,208,226,.22);background:linear-gradient(180deg,#2a2840fa,#201e32f5);box-shadow:0 8px 24px #00000047}.khiem-kinh-reader-back{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(210,208,226,.35);background:#12142473;color:#f3ead2;cursor:pointer;text-decoration:none;transition:background .2s ease,transform .2s ease}.khiem-kinh-reader-back svg{width:1.35rem;height:1.35rem}.khiem-kinh-reader-back:hover,.khiem-kinh-reader-back:focus-visible{background:#524a6ab3;outline:none;transform:scale(1.04)}.khiem-kinh-reader-logo{position:relative;display:grid;place-items:center;width:44px;height:44px;cursor:default;user-select:none}.khiem-kinh-reader-logo img{width:40px;height:40px;object-fit:contain;pointer-events:none}.khiem-kinh-reader-logo-hint{position:absolute;top:calc(100% + 6px);right:0;padding:4px 10px;border-radius:8px;background:#0b1226eb;color:#e6d0ac;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.72rem;font-weight:600;line-height:1.3;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;box-shadow:0 4px 12px #00000040;z-index:40}.khiem-kinh-reader-logo:hover .khiem-kinh-reader-logo-hint,.khiem-kinh-reader-logo:focus-visible .khiem-kinh-reader-logo-hint{opacity:1;transform:translateY(0)}.khiem-kinh-reader-heading{min-width:0;text-align:center}.khiem-kinh-reader-title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(.95rem,3.2vw,1.2rem);font-weight:600;line-height:1.25;color:#f3ead2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.khiem-kinh-reader-sub{margin:.15rem 0 0;font-size:.78rem;font-style:italic;color:#e6e0f5b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.khiem-kinh-reader-frame{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:.55rem .55rem max(.55rem,env(safe-area-inset-bottom,0px));gap:.4rem}.khiem-kinh-reader-hint{flex:0 0 auto;margin:0;text-align:center;font-size:.78rem;color:#e6e0f58c}.khiem-kinh-reader-hint a{color:#9fd8ff}.khiem-kinh-reader-empty{margin:auto;padding:2rem 1.25rem;text-align:center;color:#efe9f7e6}.khiem-kinh-reader-fallback{list-style:none;margin:1rem 0 0;padding:0}.khiem-kinh-reader-fallback a{color:#9fd8ff}.khiem-kinh-pdfjs{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border:1px solid rgba(210,208,226,.28);border-radius:.85rem;overflow:hidden;background:#1a1c28;box-shadow:0 12px 36px #00000059,inset 0 1px #ffffff0f}.khiem-kinh-pdfjs-toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .55rem;border-bottom:1px solid rgba(210,208,226,.18);background:#1c1e30f2}.khiem-kinh-pdfjs-zoom{display:grid;place-items:center;width:2.1rem;height:2.1rem;padding:0;border-radius:.45rem;border:1px solid rgba(210,208,226,.3);background:#1214248c;color:#f3ead2;font-size:1.15rem;line-height:1;cursor:pointer}.khiem-kinh-pdfjs-fit{font-size:.95rem}.khiem-kinh-pdfjs-download{display:grid;place-items:center;width:2.1rem;height:2.1rem;padding:0;border-radius:.45rem;border:1px solid rgba(210,208,226,.3);background:#1214248c;color:#f3ead2;text-decoration:none}.khiem-kinh-pdfjs-download svg{width:1.05rem;height:1.05rem}.khiem-kinh-pdfjs-download:hover,.khiem-kinh-pdfjs-download:focus-visible{background:#524a6ab3;outline:none}.khiem-kinh-pdfjs-zoom:disabled{opacity:.35;cursor:default}.khiem-kinh-pdfjs-page{display:inline-flex;align-items:center;gap:.35rem;color:#efe9f7d9;font-size:.88rem}.khiem-kinh-pdfjs-page input{width:3.2rem;padding:.25rem .35rem;border-radius:.4rem;border:1px solid rgba(210,208,226,.35);background:#0c0e18a6;color:#f3ead2;text-align:center;font:inherit}.khiem-kinh-pdfjs-sep{width:1px;height:1.25rem;margin:0 .15rem;background:#d2d0e240}.khiem-kinh-pdfjs-stage{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:.55rem .4rem 1rem;-webkit-overflow-scrolling:touch;background:#2a2c38;overscroll-behavior-x:none;overscroll-behavior-y:contain;touch-action:pan-y}.khiem-kinh-pdfjs-slot{flex:0 0 auto;display:flex;justify-content:center;width:100%;max-width:100%;overflow:hidden;background:transparent}.khiem-kinh-pdfjs-canvas{display:block;margin-inline:auto;background:#fff;box-shadow:0 4px 18px #00000059}@media(max-width:900px){.khiem-kinh-pdfjs-stage{overflow-x:hidden!important;touch-action:pan-y}}.khiem-kinh-pdfjs-status{margin:2rem 1rem;text-align:center;color:#efe9f7cc}.khiem-kinh-pdfjs-status--error{color:#ffb4a8}.khiem-video-page{padding-top:max(3.25rem,calc(env(safe-area-inset-top,0px) + 2.25rem));padding-bottom:max(2.5rem,env(safe-area-inset-bottom,0px))}.khiem-video-inner{max-width:760px;text-align:left}.khiem-video-list{display:flex;flex-direction:column;gap:1.75rem}.khiem-video-frame{position:relative;overflow:hidden}.khiem-video-frame-head{margin-bottom:.85rem}.khiem-video-frame-title{margin:0 0 .35rem;font-weight:700;line-height:1.3}.khiem-video-frame-sub{margin:0;line-height:1.45;opacity:.85}.khiem-video-embed{position:relative;width:100%;aspect-ratio:16 / 9;background:#0a0e18;overflow:hidden}.khiem-video-yt-host,.khiem-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.khiem-video-yt-host{display:block}.khiem-video-player-wrap{display:flex;flex-direction:column;gap:0}.khiem-video-queue{margin-top:.65rem;max-height:15.3rem;overflow:auto;border-radius:10px;background:#00000047;border:1px solid rgba(255,255,255,.08);-webkit-overflow-scrolling:touch}.khiem-video-queue-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:#0c0e16eb;z-index:1}.khiem-video-queue-label{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.9}.khiem-video-queue-count{font-size:.78rem;opacity:.7}.khiem-video-queue-list{list-style:none;margin:0;padding:.25rem 0 .4rem}.khiem-video-queue-empty{margin:0;padding:.75rem;font-size:.85rem;opacity:.7}.khiem-video-queue-item{display:flex;align-items:flex-start;gap:.65rem;width:100%;padding:.55rem .75rem;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit;transition:background .15s ease}.khiem-video-queue-item:hover,.khiem-video-queue-item:focus-visible{background:#ffffff0f;outline:none}.khiem-video-queue-item.is-active{background:#78e6ff1f}.khiem-video-queue-idx{flex-shrink:0;min-width:1.4rem;font-size:.8rem;font-weight:700;opacity:.65;padding-top:.1rem}.khiem-video-queue-title{font-size:.88rem;line-height:1.4}.khiem-video-open{display:block;max-width:100%;text-decoration:none;transition:opacity .2s ease,background .2s ease,transform .15s ease}.khiem-video-open:hover{opacity:.9}.khiem-video-frame--gold{--gold: #c58f26;--gold-soft: #e8c878;--gold-ink: #2a1c08;padding:1.2rem 1.15rem 1.25rem;border-radius:20px;background:radial-gradient(ellipse at top left,rgba(255,248,230,.55),transparent 48%),radial-gradient(ellipse at bottom right,rgba(232,200,120,.35),transparent 52%),linear-gradient(165deg,#f6edd8,#e8d5a8 38%,#c58f26);border:1px solid rgba(160,120,40,.28);box-shadow:0 14px 36px #3c280838,inset 0 1px #ffffff73}.khiem-video-frame--gold .khiem-video-frame-title{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:clamp(1.45rem,5vw,1.95rem);font-weight:700;letter-spacing:.04em;color:#2a1c08;text-transform:none}.khiem-video-frame--gold .khiem-video-frame-sub{font-family:Times New Roman,Times,"Liberation Serif",serif;font-size:1rem;font-style:normal;font-weight:400;color:#32240cc7;letter-spacing:.01em}.khiem-video-frame--gold .khiem-video-embed{border-radius:14px 14px 0 0;border:1px solid rgba(120,90,30,.22);border-bottom:none}.khiem-video-frame--gold .khiem-video-queue{border-radius:0 0 14px 14px;border:1px solid rgba(255,240,200,.28);background:#1c160c6b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff14}.khiem-video-frame--gold .khiem-video-queue-head{background:#18120a8c;color:#f0d78a;border-bottom-color:#ffe6b42e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.khiem-video-frame--gold .khiem-video-queue-item{color:#fff4dceb;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:.86rem}.khiem-video-frame--gold .khiem-video-queue-item:hover,.khiem-video-frame--gold .khiem-video-queue-item:focus-visible{background:#ffe6b41f}.khiem-video-frame--gold .khiem-video-queue-item.is-active{background:#ffdc8c33;color:#fff6d8}.khiem-video-frame--gold .khiem-video-open{width:fit-content;margin:1rem auto 0;padding:.55rem 1.15rem;border-radius:999px;border:1px solid rgba(80,55,15,.28);background:#20160673;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#f5e6b8;font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;font-weight:600;letter-spacing:.04em;text-align:center;text-transform:none}.khiem-video-frame--gold .khiem-video-open:hover{background:#2016069e;opacity:1}.khiem-video-frame--lotus{padding:1.15rem 1.1rem 1.2rem;border-radius:18px;background:radial-gradient(ellipse at top right,rgba(255,210,140,.14),transparent 55%),linear-gradient(155deg,#2a2218,#1a1612 48%,#241c16);border:1px solid rgba(232,196,140,.38);box-shadow:0 14px 36px #00000059,inset 0 1px #ffe6b41a}.khiem-video-frame--lotus .khiem-video-frame-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.15rem,4vw,1.45rem);letter-spacing:.02em;color:#f3e0b8}.khiem-video-frame--lotus .khiem-video-frame-sub{font-family:"Source Sans 3",system-ui,sans-serif;font-size:.92rem;font-style:italic;color:#e6d2aac7}.khiem-video-frame--lotus .khiem-video-embed{border-radius:12px 12px 0 0;border:1px solid rgba(232,196,140,.28);border-bottom:none;box-shadow:0 0 0 1px #00000059 inset}.khiem-video-frame--lotus .khiem-video-queue{border-radius:0 0 12px 12px;border-color:#e8c48c47;background:#140e0a7a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.khiem-video-frame--lotus .khiem-video-queue-head{background:#1e160ef2;color:#e8c48c}.khiem-video-frame--lotus .khiem-video-queue-item.is-active{background:#e8c48c24}.khiem-video-frame--lotus .khiem-video-queue-title{color:#f0e2c0;font-family:"Source Sans 3",system-ui,sans-serif}.khiem-video-frame--lotus .khiem-video-open{width:fit-content;margin:.85rem auto 0;padding:0 0 2px;color:#e8c48c;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.92rem;font-weight:400;font-style:normal;text-align:center;border-bottom:1px solid rgba(232,196,140,.45);background:none;border-radius:0;letter-spacing:.02em;text-transform:none}.khiem-video-frame--cyan{padding:0;border-radius:0;background:linear-gradient(180deg,#0a1828f2,#08101cfa);border:1px solid rgba(120,230,255,.45);box-shadow:0 0 0 1px #50dcff1f,0 0 28px #28b4ff2e,0 16px 40px #0006}.khiem-video-frame--cyan .khiem-video-frame-head{margin:0;padding:1rem 1.05rem .85rem;border-bottom:1px solid rgba(120,230,255,.22);background:linear-gradient(90deg,rgba(40,120,160,.18),transparent 70%)}.khiem-video-frame--cyan .khiem-video-frame-title{color:#78e6ff;font-family:"Source Sans 3",system-ui,sans-serif;font-size:clamp(1.05rem,3.6vw,1.28rem);font-weight:700;letter-spacing:.01em;text-shadow:0 0 12px rgba(80,220,255,.35)}.khiem-video-frame--cyan .khiem-video-frame-sub{color:#b4e6fabf;font-family:Be Vietnam Pro,system-ui,sans-serif;font-style:normal;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.khiem-video-frame--cyan .khiem-video-embed{border-radius:0;border:none;border-top:1px solid rgba(120,230,255,.15)}.khiem-video-frame--cyan .khiem-video-queue{margin-top:0;border-radius:0;border:none;border-top:1px solid rgba(120,230,255,.15);border-bottom:1px solid rgba(120,230,255,.15);background:#081424d9;max-height:15.3rem}.khiem-video-frame--cyan .khiem-video-queue-head{background:#0c1c30f2;color:#78e6ff;border-bottom-color:#78e6ff33}.khiem-video-frame--cyan .khiem-video-queue-item{color:#d2ebfaeb;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:.84rem}.khiem-video-frame--cyan .khiem-video-queue-item.is-active{background:#78e6ff24;color:#78e6ff}.khiem-video-frame--cyan .khiem-video-open{display:block;width:100%;margin:0;padding:.85rem 1.05rem;color:#78e6ff;background:#14304873;text-align:center;letter-spacing:.03em;text-transform:none;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:.88rem;font-weight:600;border-top:1px solid rgba(120,230,255,.2);border-radius:0}.khiem-video-frame--cyan .khiem-video-open:hover{background:#1e46648c;opacity:1}@media(min-width:768px){.khiem-video-list{gap:2.25rem}.khiem-video-frame--gold,.khiem-video-frame--lotus{padding:1.4rem 1.35rem 1.45rem}}.khiem-video-lnt-bar{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.75rem;margin-bottom:max(1.25rem,env(safe-area-inset-bottom,0px));padding:0;background:none;border:none;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}.khiem-video-cn21-play{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:0;background:transparent;color:#f3e0b8;font-size:1.55rem;line-height:1;cursor:pointer;touch-action:manipulation}.khiem-video-cn21-play.is-playing{color:#ffe6a8}.khiem-video-cn21-play:hover{filter:brightness(1.12)}.khiem-video-lnt-note{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:none;border-radius:0;text-decoration:none;background:transparent;line-height:1;font-size:1.55rem;filter:sepia(1) saturate(6.5) hue-rotate(6deg) brightness(1.42) contrast(1.12);transition:transform .18s ease}.khiem-video-lnt-note:hover{transform:scale(1.08)}.nhd-page{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;min-height:100dvh;padding-top:max(2.75rem,calc(env(safe-area-inset-top,0px) + 1.75rem));padding-bottom:max(5.25rem,calc(env(safe-area-inset-bottom,0px) + 4.25rem));padding-left:1rem;padding-right:1rem}@media(min-width:768px){.nhd-page{height:100dvh;max-height:100dvh;overflow:hidden;padding-top:max(1rem,calc(env(safe-area-inset-top,0px) + .65rem));padding-bottom:max(4.75rem,calc(env(safe-area-inset-bottom,0px) + 3.75rem))}}.nhd-toolbar{position:fixed;top:auto;right:auto;left:50%;bottom:max(.85rem,calc(env(safe-area-inset-bottom,0px) + .55rem));transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:.15rem;flex-wrap:nowrap;justify-content:center;width:max-content;max-width:calc(100% - 1rem);padding:.28rem .3rem;border-radius:999px;border:1px solid rgba(210,200,220,.18);background:#1c1a24c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000047}.nhd-tool-btn{padding:.38rem .55rem;border-radius:999px;border:none;background:transparent;color:#dcd6e6d1;font-family:inherit;font-size:.72rem;font-weight:500;letter-spacing:.01em;cursor:pointer;white-space:nowrap}.nhd-tool-btn:hover,.nhd-tool-btn:focus-visible{background:#ffffff14;color:#efe9f7;outline:none}.nhd-main{width:100%;max-width:640px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:stretch;gap:.4rem;padding:0 .25rem;flex:1 1 auto;min-height:0}@media(min-width:768px){.nhd-main{height:100%;gap:.35rem}}.nhd-header{margin-bottom:0;text-align:center;flex:0 0 auto}.nhd-title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.45rem,5vw,1.85rem);font-weight:700;color:#f3ead2;letter-spacing:.02em}@media(min-width:768px){.nhd-title{font-size:clamp(1.45rem,5vw,1.85rem)}}.nhd-subtitle{margin:.15rem 0 0;font-family:Playfair Display,Georgia,serif;font-size:.92rem;font-style:normal;font-weight:500;color:#c8bedcc7;letter-spacing:.04em}.nhd-session-count{display:flex;flex-direction:column;align-items:center;gap:.1rem;margin:.1rem 0 0;max-width:100%}.nhd-session-count-label{font-size:.78rem;letter-spacing:.04em;color:#d2c8dca6}.nhd-session-count-num{font-size:1.15rem;font-weight:600;color:#f0e8fae0;font-variant-numeric:tabular-nums;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.nhd-actions{display:flex;flex-direction:row;gap:.55rem;width:100%;max-width:420px;margin:.1rem auto .15rem}.nhd-actions .nhd-action-btn{flex:1;width:auto;padding:.65rem .55rem;font-size:.88rem}.nhd-hint{margin:0;text-align:center;font-size:.88rem;color:#e6e0f5b8;font-style:italic}.nhd-logo-zone{display:grid;place-items:center;width:100%;flex:1 1 auto;min-height:clamp(260px,48dvh,480px);margin:.1rem 0 0;padding:1.1rem 1rem 1.5rem;border:none;border-radius:18px;background:#12101c52;box-shadow:0 0 0 1px #c8bedc1f,0 12px 32px #0003;cursor:pointer;touch-action:manipulation;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}@media(min-width:768px){.nhd-logo-zone{min-height:0;flex:1 1 auto}}.nhd-logo-zone:hover,.nhd-logo-zone:focus-visible{background:#1614226b;box-shadow:0 0 0 1px #c8bedc33,0 14px 36px #00000047;outline:none}.nhd-logo-zone:active{transform:scale(.995)}.nhd-logo{width:min(40vw,168px);height:auto;user-select:none;-webkit-user-drag:none;pointer-events:none;filter:brightness(.78) saturate(.68) contrast(.96);opacity:.9}.nhd-count-subtle{margin:0;text-align:center;font-size:.95rem;color:#d2c8dcb3;letter-spacing:.06em;font-variant-numeric:tabular-nums}.nhd-action-btn{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(200,190,220,.22);background:#1614208c;color:#e6e0f0;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer}.nhd-action-btn:disabled{opacity:.55;cursor:wait}.nhd-action-btn--primary{background:linear-gradient(180deg,#463e5ca6,#2a263ab3);border-color:#c8bedc47;color:#f3ead2}.nhd-action-btn--danger{background:#78283273;border-color:#ff8c8c66;color:#ffd8d8}.nhd-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0408109e;backdrop-filter:blur(4px)}.nhd-panel{width:min(92vw,400px);max-height:min(85vh,640px);overflow-x:hidden;overflow-y:auto;padding:1.25rem 1.15rem;border-radius:16px;border:1px solid rgba(200,190,220,.22);background:linear-gradient(160deg,#2f3348,#3d3f5c,#4a4568);color:#efe9f7;text-align:left;box-shadow:0 16px 48px #00000073;box-sizing:border-box}.nhd-panel--wide{width:min(94vw,460px)}.nhd-panel--confirm .nhd-confirm-body p{margin:0 0 .65rem;line-height:1.55;color:#e6e0f5e0}.nhd-panel-title{margin:0 0 1rem;font-family:Playfair Display,Georgia,serif;font-size:1.25rem;color:#f3ead2}.nhd-panel-lead{margin:-.5rem 0 1rem;font-size:.9rem;line-height:1.5;color:#e6e0f5c7}.nhd-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid rgba(200,190,220,.12);font-size:.92rem;cursor:pointer}.nhd-toggle input{width:1.1rem;height:1.1rem;accent-color:#c4b8d4}.nhd-danger-btn{width:100%;margin-top:1.25rem;padding:.7rem;border-radius:10px;border:1px solid rgba(255,140,140,.35);background:#501e2859;color:#ffc8c8;font-family:inherit;font-size:.9rem;cursor:pointer}.nhd-panel-close{width:100%;margin-top:1rem;padding:.65rem;border-radius:10px;border:1px solid rgba(200,190,220,.22);background:transparent;color:#dcd6e6e6;font-family:inherit;cursor:pointer}.nhd-panel-actions{display:flex;gap:.65rem;margin-top:1rem}.nhd-panel-actions .nhd-action-btn{flex:1}.nhd-total-big{margin:0 0 1rem;font-size:clamp(1rem,4.5vw,1.75rem);font-weight:700;color:#f3ead2;text-align:center;max-width:100%;overflow-wrap:anywhere;word-break:break-word;font-variant-numeric:tabular-nums;line-height:1.25}.nhd-total-breakdown{display:flex;flex-direction:column;gap:.5rem;font-size:.95rem;max-width:100%}.nhd-total-breakdown p{margin:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.nhd-total-breakdown strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:break-word}.nhd-manual-input{width:100%;padding:.75rem .85rem;border-radius:10px;border:1px solid rgba(200,190,220,.25);background:#08101c8c;color:#efe9f7;font-family:inherit;font-size:1.05rem;font-variant-numeric:tabular-nums;letter-spacing:.02em;box-sizing:border-box}.nhd-manual-hint{margin:.45rem 0 0;font-size:.78rem;color:#c8bedca6}.nhd-history-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.nhd-history-tab{padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(200,190,220,.22);background:transparent;color:#dcd6e6cc;font-family:inherit;font-size:.82rem;cursor:pointer}.nhd-history-tab.is-active{background:#c8bedc24;border-color:#c8bedc59;color:#f3ead2}.nhd-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.nhd-history-empty{color:#e6e0f5a6;font-style:italic;padding:.5rem 0}.nhd-history-item{padding:.65rem .75rem;border-radius:10px;background:#08101c66;border:1px solid rgba(200,190,220,.12);max-width:100%}.nhd-history-item-head{display:flex;justify-content:space-between;gap:.5rem;font-size:.88rem;font-weight:600;max-width:100%}.nhd-history-item-head>span:last-child{text-align:right;overflow-wrap:anywhere;word-break:break-word;font-variant-numeric:tabular-nums}.nhd-history-item-type{margin:.25rem 0 0;font-size:.82rem;color:#c8bedcb3}.nhd-history-group{width:100%;display:flex;align-items:flex-start;gap:.45rem;text-align:left;padding:.75rem;border-radius:10px;border:1px solid rgba(200,190,220,.15);background:#08101c59;color:inherit;font-family:inherit;cursor:default;box-sizing:border-box;max-width:100%}.nhd-history-group:disabled{opacity:1;cursor:default}.nhd-history-group--day{cursor:pointer}.nhd-history-group--day:hover,.nhd-history-group--day:focus-visible{border-color:#c8bedc47;background:#0c14227a;outline:none}.nhd-history-group-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.nhd-history-chevron{flex:0 0 auto;display:grid;place-items:center;margin-top:.1rem;color:#dcd6e6b8}.nhd-history-group-label{display:block;font-weight:700;margin-bottom:.25rem}.nhd-history-group-total{display:flex;flex-direction:column;gap:.1rem;margin-top:.15rem;font-size:.9rem;color:#f3ead2;max-width:100%}.nhd-history-group-total-label{font-size:.78rem;font-weight:500;color:#c8bedcb3}.nhd-history-group-total-num{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:break-word}.nhd-history-group-sub{display:block;margin-top:.2rem;font-size:.78rem;color:#c8bedcb3;overflow-wrap:anywhere;word-break:break-word}.nhd-back-detail{margin-bottom:.75rem;padding:0;border:none;background:none;color:#dcd6e6e6;font-family:inherit;font-size:.88rem;cursor:pointer}.nhd-day-head{margin:0 0 .25rem;font-weight:700;font-size:1.05rem}.nhd-day-total{margin:0 0 1rem;color:#f3ead2;display:flex;flex-direction:column;gap:.1rem;max-width:100%}.nhd-day-total-label{font-size:.78rem;font-weight:500;color:#c8bedcb3}.nhd-day-total-num{font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:break-word}.nhd-confirm-stat-label{display:block;font-size:.82rem;color:#c8bedcbf;margin-bottom:.15rem}.nhd-confirm-stat-num{display:block;font-size:clamp(1.05rem,4vw,1.45rem);font-weight:700;color:#f3ead2;font-variant-numeric:tabular-nums;margin-bottom:.55rem;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.tvb-page{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;min-height:100dvh;padding-top:max(3.25rem,calc(env(safe-area-inset-top,0px) + 2.25rem));padding-bottom:0;padding-left:0;padding-right:0;overflow-x:hidden;overflow-y:auto;background:radial-gradient(ellipse 70% 55% at 50% 48%,rgba(90,78,130,.45) 0%,transparent 62%),linear-gradient(135deg,#2f3348,#3d3f5c 42%,#4a4568 72%,#524a6a)}.tvb-page .tvb-back.khiem-back-link{color:#8a8498;background:#1412208c}.tvb-page .tvb-back.khiem-back-link svg{color:#8a8498;stroke:#8a8498}.tvb-page .tvb-back.khiem-back-link:hover,.tvb-page .tvb-back.khiem-back-link:focus-visible{color:#a8a2b4;outline:none}.tvb-page .tvb-back.khiem-back-link:hover svg,.tvb-page .tvb-back.khiem-back-link:focus-visible svg{color:#a8a2b4;stroke:#a8a2b4}.tvb-page .tvb-home-logo.tiviba-home-logo-link,.tvb-page .tvb-home-logo{position:fixed!important;top:max(.85rem,env(safe-area-inset-top,0px));right:max(.85rem,env(safe-area-inset-right,0px));left:auto!important;bottom:auto!important;z-index:40;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#14122073;backdrop-filter:blur(6px);text-decoration:none}.tvb-page .tvb-home-logo-img,.tvb-page .tvb-home-logo img{width:28px;height:28px;object-fit:contain;filter:brightness(.82) saturate(.7)}.tvb-page .tvb-main{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.5rem;padding:.5rem 1.25rem 1.5rem;min-height:0}.tvb-page .tvb-header{flex:0 0 auto;text-align:center;margin-top:.35rem}.tvb-page .tvb-title{margin:0;font-family:Asimovian,"Source Sans 3",system-ui,sans-serif;font-weight:400;font-size:clamp(calc(1.55rem + 3px),calc(5.5vw + 3px),calc(2.35rem + 3px));letter-spacing:.22em;text-indent:.22em;color:#f0e8d8;text-transform:uppercase;line-height:1.15}.tvb-page .tvb-orbits{position:relative;flex:1 1 auto;width:100%;max-width:520px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;justify-items:center;gap:clamp(.75rem,4vw,1.75rem);min-height:clamp(220px,42dvh,380px);padding:2.25rem .25rem 2rem;overflow:visible}.tvb-page .tvb-radial{position:absolute;inset:8% 4% 12%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(180,170,220,.22) 0%,rgba(90,80,130,.18) 28%,rgba(50,46,72,.08) 55%,transparent 72%);filter:blur(2px)}.tvb-page .tvb-orb{position:relative;z-index:2;display:grid;place-items:center;width:clamp(5rem,20vw,6rem);height:clamp(5rem,20vw,6rem);padding:0;overflow:visible;border-radius:50%;border:1px solid rgba(210,200,220,.28);background:linear-gradient(160deg,#2a263ae0,#1c1a28eb);box-shadow:0 10px 28px #00000047,0 0 0 1px #c8bedc14 inset,0 0 24px #786eaa2e;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;touch-action:manipulation}.tvb-page .tvb-orb--soon{opacity:.55;cursor:default}.tvb-page .tvb-orb-icon{font-size:clamp(1.75rem,6.5vw,2.15rem);line-height:1;user-select:none;filter:brightness(.78) saturate(.52) contrast(.94);opacity:.88}.tvb-page .tvb-orb-icon-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;user-select:none;pointer-events:none}.tvb-page .tvb-orb-icon-img--soft{opacity:.78;filter:brightness(.9) saturate(.8)}.tvb-page .tvb-orb-icon--soft{font-size:clamp(1.45rem,5.5vw,1.85rem);color:#c8c2d28c;filter:brightness(.7) saturate(.4);opacity:.75}.tvb-page .tvb-orb-tip{position:absolute;left:50%;bottom:calc(100% + .55rem);transform:translate(-50%) translateY(4px);z-index:5;padding:.32rem .6rem;border-radius:8px;background:#12101cf0;border:1px solid rgba(200,190,220,.28);color:#efe9f7;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.tvb-page .tvb-orb:hover,.tvb-page .tvb-orb:focus-visible{transform:scale(1.05);border-color:#e6e0f56b;box-shadow:0 14px 36px #00000057,0 0 30px #8c82be47;outline:none;z-index:4}.tvb-page .tvb-orb--soon:hover,.tvb-page .tvb-orb--soon:focus-visible{transform:none;z-index:4}.tvb-page .tvb-orb:hover .tvb-orb-tip,.tvb-page .tvb-orb:focus-visible .tvb-orb-tip{opacity:1;transform:translate(-50%) translateY(0)}@media(hover:hover)and (pointer:fine){.tvb-page .tvb-orb:hover .tvb-orb-tip{opacity:1}}.tvb-page .tvb-quote{flex:0 0 auto;width:100%;max-width:100%;box-sizing:border-box;padding:1rem 1.25rem max(1.15rem,calc(env(safe-area-inset-bottom,0px) + .85rem));border-top:1px solid rgba(200,190,220,.16);background:#12101c6b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center;overflow-x:hidden}.tvb-page .tvb-quote-text{margin:0 auto;max-width:min(36rem,100%);font-family:"Source Serif 4",Playfair Display,Georgia,serif;font-size:clamp(calc(.92rem - 2px),calc(3.2vw - 2px),calc(1.08rem - 2px));font-weight:400;font-style:italic;line-height:1.55;color:#f3ead2eb;white-space:pre-line;overflow-wrap:anywhere;word-break:break-word}.tvb-page .tvb-quote-source{margin:.45rem 0 0;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.04em;color:#c8bedcb8}@media(min-width:768px){.tvb-page{padding-top:max(2rem,calc(env(safe-area-inset-top,0px) + 1.25rem))}.tvb-page .tvb-title{letter-spacing:.28em;text-indent:.28em}.tvb-page .tvb-orbits{max-width:560px}}.ltb-page{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;max-width:100%;min-height:100dvh;overflow-x:clip;padding-top:max(2.35rem,calc(env(safe-area-inset-top,0px) + 1.35rem));padding-bottom:max(5rem,calc(env(safe-area-inset-bottom,0px) + 3.5rem));padding-left:1rem;padding-right:1rem;background:linear-gradient(135deg,#2f3348,#3d3f5c 42%,#4a4568 72%,#524a6a)}.ltb-page--practice{height:100dvh;max-height:100dvh;overflow:hidden;padding-top:max(3.35rem,calc(env(safe-area-inset-top,0px) + 2.65rem));padding-bottom:max(.85rem,calc(env(safe-area-inset-bottom,0px) + .55rem))}.ltb-count-top{position:fixed;z-index:40;top:max(.85rem,env(safe-area-inset-top,0px));right:max(.85rem,env(safe-area-inset-right,0px));height:44px;margin:0;display:grid;place-items:center end;min-width:2.5rem;padding:0 .15rem;text-align:right;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.15rem,4.5vw,1.45rem);font-weight:600;color:#f3ead2eb;font-variant-numeric:tabular-nums;letter-spacing:.03em;line-height:1;pointer-events:none}.ltb-main{width:100%;max-width:420px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:1rem;text-align:center;flex:1 1 auto}.ltb-main--practice{position:relative;justify-content:flex-start;align-items:center;gap:.35rem;flex:1 1 auto;min-height:0;height:100%;max-height:calc(100dvh - 4.1rem);width:100%;max-width:min(100%,560px);overflow:hidden}.ltb-practice-mantra{flex:0 0 auto;margin:0 auto;padding:.28rem .35rem .2rem;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(1rem,3.6vw,1.28rem);font-style:italic;font-weight:600;letter-spacing:.1em;color:#f3ead2;text-align:center;line-height:1.55;overflow:visible}.ltb-practice-mid{flex:0 0 auto;display:grid;place-items:center;width:100%;min-height:2.75rem;padding:.25rem 0 .4rem}.ltb-practice-bottom{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-top:.15rem}.ltb-pause-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:max-content;margin:0 auto;padding:.48rem .85rem;border-radius:10px;border:1px solid rgba(200,190,220,.28);background:#1614208c;color:#f3ead2;font-family:inherit;font-size:.95rem;font-weight:600;line-height:1.15;white-space:nowrap;cursor:pointer;touch-action:manipulation}.ltb-pause-btn:hover{background:#201c2cb3}.ltb-header{margin-top:0;margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px solid rgba(200,190,220,.14)}.ltb-header--quiet{margin-bottom:.35rem;padding-bottom:.45rem;border-bottom-color:#c8bedc1a}.ltb-header--quiet .ltb-title{font-size:clamp(1.25rem,4vw,1.55rem)}.ltb-title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.45rem,5vw,1.85rem);font-weight:700;color:#f3ead2}.ltb-subtitle{margin:.2rem 0 0;font-family:Playfair Display,Georgia,serif;font-size:.95rem;font-style:normal;font-weight:500;color:#c8bedcc7;letter-spacing:.04em}.ltb-mode-tabs{display:flex;gap:.4rem;padding:.25rem;border-radius:999px;background:#12101c59;border:1px solid rgba(200,190,220,.14);margin-top:.15rem}.ltb-mode-tab{flex:1;padding:.55rem .4rem;border:none;border-radius:999px;background:transparent;color:#dcd6e6c7;font-family:inherit;font-size:.86rem;font-weight:500;cursor:pointer}.ltb-mode-tab.is-active{background:#c8bedc29;color:#f3ead2}.ltb-section-label{margin:0 0 .55rem;font-size:.82rem;letter-spacing:.06em;color:#c8bedcb3;text-transform:uppercase}.ltb-pace-list{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;width:100%;max-width:20rem;margin:0 auto}.ltb-pace-btn{width:100%;padding:.7rem .55rem;border-radius:12px;border:1px solid rgba(200,190,220,.2);background:#16142073;color:#e6e0f0;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.ltb-pace-btn.is-active{border-color:#f3ead28c;background:linear-gradient(180deg,#6e628cc7,#484062d1);color:#fff8ea;box-shadow:0 0 18px #c8b48c38}@media(min-width:720px){.ltb-pace-list{grid-template-columns:repeat(4,1fr);max-width:34rem;gap:.5rem}.ltb-pace-btn{font-size:.92rem;padding:.65rem .4rem}}.ltb-free-lead{margin:.5rem 0;font-size:.95rem;line-height:1.55;color:#e6e0f5d1}.ltb-image-wrap{width:min(100%,280px);margin:.25rem auto;border-radius:0;overflow:hidden;border:none}.ltb-image-wrap--practice{width:min(100%,96vw);max-width:560px;flex:1 1 auto;min-height:min(42dvh,320px);max-height:none;display:grid;place-items:start center;margin:.15rem auto 0;overflow:hidden}.ltb-image{display:block;width:100%;height:auto;max-height:48dvh;object-fit:contain}.ltb-image-wrap--practice .ltb-image{width:auto;max-width:100%;height:auto;max-height:min(58dvh,100%);object-fit:contain;object-position:top center}.ltb-practice-space{flex:1 1 auto;min-height:8rem}.ltb-start-btn,.ltb-end-btn{width:100%;margin-top:.35rem;padding:.9rem 1rem;border-radius:14px;border:1px solid rgba(200,190,220,.28);background:linear-gradient(180deg,#463e5ca6,#2a263ab3);color:#f3ead2;font-family:inherit;font-size:1.05rem;font-weight:600;cursor:pointer}.ltb-start-hint{margin:.15rem 0 0;padding:.65rem .75rem;border-radius:12px;background:#12101c59;border:1px solid rgba(200,190,220,.12);font-size:.88rem;line-height:1.5;color:#e6e0f5d1;text-align:center}.ltb-countdown{flex:0 0 auto;min-width:2.5rem;min-height:2.55rem;margin:0;display:grid;place-items:center;font-family:Playfair Display,Georgia,serif;font-size:clamp(2.1rem,8vw,2.85rem);font-weight:700;line-height:1;color:#f3ead2;letter-spacing:.04em;font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 0 18px rgba(200,180,140,.22);pointer-events:none}.ltb-countdown.is-idle{visibility:hidden}@media(min-width:900px){.ltb-page--practice{padding-top:max(2.85rem,calc(env(safe-area-inset-top,0px) + 2.15rem))}.ltb-main--practice{max-height:calc(100dvh - 3.4rem)}.ltb-practice-mantra{font-size:clamp(1.05rem,1.6vw,1.3rem)}}@media(min-width:900px)and (orientation:landscape),(min-width:1100px)and (min-aspect-ratio:4/3){.ltb-page--practice{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:0;padding-right:0;overflow:hidden}.ltb-practice-mantra{position:fixed;z-index:36;left:0;width:calc((100dvw - min(56dvw,75dvh))/2);top:max(1.1rem,calc(env(safe-area-inset-top,0px) + .85rem));transform:none;margin:0;padding:.35rem .6rem;box-sizing:border-box;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(.82rem,1.05vw,1.05rem);font-style:italic;font-weight:600;letter-spacing:.06em;line-height:1.35;text-align:center;white-space:nowrap;pointer-events:none}.ltb-main--practice{max-width:none;width:100%;height:100%;max-height:100dvh;justify-content:center;align-items:center;gap:0;overflow:visible}.ltb-image-wrap--practice{flex:0 0 auto;height:min(100dvh,calc(56dvw * 4 / 3));width:auto;max-width:min(56dvw,75dvh);aspect-ratio:3 / 4;margin:0 auto;place-items:center;overflow:visible}.ltb-image-wrap--practice .ltb-image{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center center}.ltb-practice-mid{position:fixed;inset:50% auto auto 0;width:calc((100dvw - min(56dvw,75dvh))/2);transform:translateY(-50%);z-index:37;min-height:0;padding:0;margin:0;place-items:center;pointer-events:none}.ltb-countdown{font-size:clamp(2.6rem,5.5vw,3.6rem);color:#f3ead2;opacity:1;text-shadow:0 0 22px rgba(200,180,140,.4)}.ltb-countdown.is-idle{visibility:hidden}.ltb-practice-bottom{position:fixed;right:max(1.25rem,calc(env(safe-area-inset-right,0px) + .75rem));left:auto;top:50%;bottom:auto;transform:translateY(-50%);z-index:37;width:auto;margin:0;padding:0}.ltb-pause-btn{margin:0}}.ltb-end-btn{background:#1614208c}.ltb-count-quiet{margin:0;font-size:1rem;font-weight:500;color:#dcd6e68c;font-variant-numeric:tabular-nums;letter-spacing:.04em}.ltb-elapsed{margin:0;font-size:.92rem;color:#c8bedca6;font-variant-numeric:tabular-nums}.ltb-toolbar{position:fixed;left:50%;bottom:max(.85rem,calc(env(safe-area-inset-bottom,0px) + .55rem));transform:translate(-50%);z-index:20;display:flex;gap:.25rem;padding:.28rem .35rem;border-radius:999px;border:1px solid rgba(210,200,220,.18);background:#1c1a24c7;backdrop-filter:blur(10px)}.ltb-tool-btn{padding:.4rem .85rem;border:none;border-radius:999px;background:transparent;color:#dcd6e6d9;font-family:inherit;font-size:.8rem;cursor:pointer}.ltb-tool-btn:hover,.ltb-tool-btn:focus-visible{background:#ffffff14;outline:none}.ltb-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0408109e;backdrop-filter:blur(4px)}.ltb-panel{position:relative;width:min(92vw,400px);max-height:min(85vh,640px);overflow:auto;padding:1.25rem 1.15rem;border-radius:16px;border:1px solid rgba(200,190,220,.22);background:linear-gradient(160deg,#2f3348,#3d3f5c,#4a4568);color:#efe9f7;text-align:left;box-sizing:border-box}.ltb-panel--settings{max-height:none;overflow:visible;padding-top:1.5rem}.ltb-panel-x{position:absolute;top:.55rem;right:.55rem;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:#f3ead2d9;font-size:1.15rem;line-height:1;cursor:pointer}.ltb-panel-x:hover{background:#ffffff14;color:#f3ead2}.ltb-panel--settings .ltb-panel-title{padding-right:2rem}.ltb-panel--settings .ltb-image-option{padding:.45rem .65rem;font-size:.88rem}.ltb-panel--settings .ltb-image-pick{gap:.28rem;margin-bottom:.5rem}.ltb-panel--settings .ltb-toggle{padding:.45rem 0}.ltb-panel--wide{width:min(94vw,460px)}.ltb-panel--confirm p{margin:0 0 .65rem;line-height:1.55;color:#e6e0f5e0}.ltb-panel-title{margin:0 0 1rem;font-family:Playfair Display,Georgia,serif;font-size:1.2rem;color:#f3ead2}.ltb-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid rgba(200,190,220,.12);font-size:.92rem;cursor:pointer}.ltb-image-pick{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.ltb-image-option{padding:.65rem .75rem;border-radius:10px;border:1px solid rgba(200,190,220,.18);background:#08101c59;color:inherit;font-family:inherit;text-align:left;cursor:pointer}.ltb-image-option.is-active{border-color:#e6d6b466;background:#463e5c66}.ltb-danger-btn{width:100%;margin-top:.5rem;padding:.7rem;border-radius:10px;border:1px solid rgba(255,140,140,.35);background:#501e2859;color:#ffc8c8;font-family:inherit;cursor:pointer}.ltb-panel-close{width:100%;margin-top:1rem;padding:.65rem;border-radius:10px;border:1px solid rgba(200,190,220,.22);background:transparent;color:#dcd6e6e6;font-family:inherit;cursor:pointer}.ltb-panel-actions{display:flex;gap:.55rem;margin-top:1rem;flex-wrap:wrap}.ltb-panel-actions--triple{flex-direction:column}.ltb-panel-actions--triple .ltb-action-btn{flex:1 1 auto;width:100%}.ltb-action-btn{flex:1;padding:.75rem .65rem;border-radius:12px;border:1px solid rgba(200,190,220,.22);background:#1614208c;color:#e6e0f0;font-family:inherit;font-weight:600;cursor:pointer}.ltb-action-btn--primary{background:linear-gradient(180deg,#463e5ca6,#2a263ab3);color:#f3ead2}.ltb-action-btn--italic{font-style:italic;font-weight:500}.ltb-action-btn--danger{background:#78283273;border-color:#ff8c8c66;color:#ffd8d8}.ltb-confirm-stat{color:#f3ead2!important}.ltb-history-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.ltb-history-tab{padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(200,190,220,.22);background:transparent;color:#dcd6e6cc;font-family:inherit;font-size:.82rem;cursor:pointer}.ltb-history-tab.is-active{background:#c8bedc24;color:#f3ead2}.ltb-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.ltb-history-empty{color:#e6e0f5a6;font-style:italic}.ltb-history-item,.ltb-history-group{padding:.7rem .75rem;border-radius:10px;background:#08101c59;border:1px solid rgba(200,190,220,.12)}.ltb-history-item-head{margin:0;font-weight:600;font-size:.88rem}.ltb-history-item-sub{margin:.25rem 0 0;font-size:.8rem;color:#c8bedcb8}.ltb-history-group-label{margin:0 0 .2rem;font-weight:700;display:block}.ltb-history-group-total{margin:0;font-size:.85rem;color:#f3ead2;display:block;font-weight:400}.ltb-history-group--summary .ltb-history-group-total{margin-top:.2rem}.ltb-history-day-toggle{display:flex;align-items:center;justify-content:space-between;gap:.65rem;width:100%;margin:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.ltb-history-day-toggle-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1 1 auto}.ltb-history-chevron{flex:0 0 auto;display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:999px;color:#e6e0f5b8;background:#c8bedc1a;transition:transform .18s ease,color .18s ease}.ltb-history-chevron svg{width:1rem;height:1rem}.ltb-history-chevron.is-open{transform:rotate(180deg);color:#f3ead2}.ltb-history-sublist{margin:.55rem 0 0;padding:.45rem 0 0 .15rem;border-top:1px solid rgba(200,190,220,.14);list-style:none;font-size:.8rem;color:#d2c8dcc7;line-height:1.55}.ltb-history-sublist li+li{margin-top:.25rem}html:has(.dtc-page),html:has(.dtc-page) body,html:has(.dtc-page) #root{height:100%;max-height:100dvh;overflow:hidden}.dtc-page.khiem-zone,.dtc-page{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;max-width:100%;height:100dvh;max-height:100dvh;min-height:100dvh;overflow:hidden;padding-top:max(1.45rem,calc(env(safe-area-inset-top,0px) + .75rem));padding-bottom:max(1.15rem,calc(env(safe-area-inset-bottom,0px) + .7rem));padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px));background:linear-gradient(135deg,#2f3348,#3d3f5c 42%,#4a4568 72%,#524a6a)}.dtc-page--practice{height:100dvh;max-height:100dvh;overflow:hidden;padding-bottom:max(1rem,env(safe-area-inset-bottom,0px))}.dtc-main{width:100%;max-width:420px;margin-inline:auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:clamp(.35rem,1.2dvh,.75rem);text-align:center;flex:1 1 auto;min-height:0;height:100%;max-height:100%;min-width:0;overflow:hidden}.dtc-main>.dtc-block,.dtc-main>.dtc-mok-row,.dtc-main>.dtc-tam-lead,.dtc-main>.dtc-start-btn,.dtc-main>.dtc-toolbar,.dtc-main>.dtc-header{width:100%}.dtc-home-spacer{flex:1 1 auto;min-height:0}.dtc-subtitle{margin:.25rem 0 0;font-family:Playfair Display,Georgia,serif;font-size:.92rem;font-style:normal;font-weight:500;color:#d2c8dcc7;letter-spacing:.04em}.dtc-header{margin-top:0;margin-bottom:clamp(.5rem,1.9dvh,.95rem)}.dtc-title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.45rem,5vw,1.85rem);font-weight:700;color:#f3ead2;letter-spacing:.02em}@media(max-height:620px){.dtc-main{gap:.3rem;justify-content:flex-start}.dtc-header{margin-bottom:.35rem}.dtc-chant-body{min-height:4.2rem;padding:.4rem .22rem .45rem}.dtc-chant-list{gap:.7rem .95rem}.dtc-mode-list{max-width:13.5rem}.dtc-mode-btn{max-height:3.35rem;font-size:.82rem}.dtc-pace-btn{padding:.4rem .3rem;font-size:.85rem}.dtc-start-btn{padding:.55rem .85rem;font-size:.98rem}}.dtc-block{text-align:center}.dtc-section-label{margin:0 0 .32rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#c8bedcad}.dtc-chant-list{--dtc-scroll-w: 4.85rem;display:grid;grid-template-columns:repeat(3,var(--dtc-scroll-w));gap:clamp(.85rem,2.2dvh,1.25rem) 1.15rem;width:100%;max-width:100%;margin-inline:auto;box-sizing:border-box;padding-inline:.28rem;justify-content:center;justify-items:stretch;align-items:stretch;font-size:calc(.82rem + 2px)}@media(min-width:720px){.dtc-chant-list{grid-template-columns:repeat(6,var(--dtc-scroll-w));gap:1.75rem 1.85rem;font-size:calc(.86rem + 2px)}}@media(min-width:720px)and (orientation:landscape),(min-width:960px){.dtc-main{max-width:min(760px,92vw);gap:clamp(.45rem,2.2dvh,1.15rem);justify-content:space-evenly}.dtc-header{margin-bottom:clamp(.35rem,1.5dvh,.75rem)}.dtc-home-spacer{flex:.25 1 auto;min-height:0}.dtc-chant-list{gap:1.65rem 2rem}.dtc-mode-list{max-width:min(20rem,40vw);gap:.55rem}.dtc-mode-btn{max-height:clamp(3.6rem,9.5dvh,5rem);font-size:.92rem}.dtc-pace-list{max-width:min(40rem,76vw);gap:.55rem .75rem}.dtc-pace-btn{padding:clamp(.5rem,1.4dvh,.7rem) .4rem}.dtc-section-label{margin-bottom:.35rem}}.dtc-chant-card{width:var(--dtc-scroll-w);min-width:var(--dtc-scroll-w);max-width:var(--dtc-scroll-w);padding:0;border:none;border-radius:0;background:transparent;color:#f2eee6;display:flex;flex-direction:column;align-items:center;cursor:pointer;font:inherit;text-align:center;box-shadow:none;transition:filter .18s ease,transform .18s ease}.dtc-scroll-roll{display:block;position:relative;z-index:2;width:calc(100% + .42rem);height:.48rem;flex:0 0 auto;border-radius:999px;background:linear-gradient(180deg,#fff8e68c,#d2b982f2,#8c6e46fa 70%,#5a462de6);box-shadow:0 1px 2px #00000059,inset 0 1px #fff5dc73}.dtc-scroll-roll--top{margin-bottom:-1px}.dtc-scroll-roll--bot{margin-top:-1px}.dtc-chant-body{position:relative;z-index:1;width:100%;box-sizing:border-box;padding:clamp(.48rem,1.4dvh,.72rem) .28rem clamp(.52rem,1.5dvh,.78rem);border-left:1px solid rgba(220,200,160,.28);border-right:1px solid rgba(220,200,160,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(4.55rem,13.2dvh,5.9rem);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.dtc-chant-card--forest .dtc-chant-body{background:#789e7661}.dtc-chant-card--forest.is-active .dtc-chant-body{background:#7ea87c9e;border-left-color:#fff;border-right-color:#fff;box-shadow:inset 0 0 0 1px #ffffff73}.dtc-chant-card--gold .dtc-chant-body{background:#ecc63475}.dtc-chant-card--gold.is-active .dtc-chant-body{background:#f4d03ab8;border-left-color:#fff;border-right-color:#fff;box-shadow:inset 0 0 0 1px #ffffff73}.dtc-chant-card--ocean .dtc-chant-body{background:#6e96b257}.dtc-chant-card--ocean.is-active .dtc-chant-body{background:#76a0bc94;border-left-color:#fff;border-right-color:#fff;box-shadow:inset 0 0 0 1px #ffffff73}.dtc-chant-card--brick .dtc-chant-body{background:#e062347a}.dtc-chant-card--brick.is-active .dtc-chant-body{background:#ec6e3ab3;border-left-color:#fff;border-right-color:#fff;box-shadow:inset 0 0 0 1px #ffffff73}.dtc-chant-card--mauve .dtc-chant-body{background:#d6709475}.dtc-chant-card--mauve.is-active .dtc-chant-body{background:#e47c9ead;border-left-color:#fff;border-right-color:#fff;box-shadow:inset 0 0 0 1px #ffffff73}.dtc-chant-card--terra .dtc-chant-body{background:#a8704866}.dtc-chant-card--terra.is-active .dtc-chant-body{background:#b0764c9e;border-left-color:#fff;border-right-color:#fff;box-shadow:inset 0 0 0 1px #ffffff73}.dtc-chant-card.is-active .dtc-chant-name{color:#fff}.dtc-chant-card.is-active .dtc-scroll-roll{box-shadow:0 0 0 1px #ffffff8c,0 1px 3px #00000059,inset 0 1px #fff5dc80}.dtc-chant-card.is-soon{opacity:.72}.dtc-chant-name{font-family:Playfair Display,Georgia,serif;font-size:1em;font-weight:600;color:#f2eee6;line-height:1.35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem}.dtc-chant-name-line{display:block;white-space:nowrap}.dtc-mode-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;width:100%;max-width:min(15.5rem,72vw);margin:0 auto}.dtc-mode-btn{aspect-ratio:1 / 1;min-height:0;max-height:clamp(3.6rem,11dvh,5.1rem);padding:.28rem .2rem;border-radius:12px;border:1px solid rgba(200,190,220,.2);background:#16142073;color:#e6e0f0;font:inherit;font-size:.9rem;font-weight:600;line-height:1.15;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.06rem;text-align:center}.dtc-mode-btn.is-active{border-color:#f3ead28c;background:linear-gradient(180deg,#6e628cc7,#484062d1);color:#fff8ea}.dtc-pace-list{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;width:100%;max-width:20rem;margin:0 auto}.dtc-pace-btn{width:100%;padding:clamp(.48rem,1.3dvh,.65rem) .4rem;border-radius:12px;border:1px solid rgba(200,190,220,.2);background:#16142073;color:#e6e0f0;font:inherit;font-size:.92rem;font-weight:600;cursor:pointer}.dtc-pace-btn.is-active{border-color:#f3ead28c;background:linear-gradient(180deg,#6e628cc7,#484062d1);color:#fff8ea}@media(min-width:720px){.dtc-pace-list{grid-template-columns:repeat(4,1fr);max-width:34rem}.dtc-pace-btn{font-size:.9rem;padding:.65rem .35rem}}.dtc-mok-row{display:flex;justify-content:center}.dtc-mok-check{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem .5rem;border:none;background:transparent;color:#e6e0f0;font:inherit;font-size:.95rem;font-weight:500;cursor:pointer}.dtc-mok-box{width:1.35rem;height:1.35rem;border-radius:5px;border:1.5px solid rgba(200,190,220,.45);background:#16142073;display:grid;place-items:center;font-size:.85rem;font-weight:700;color:#fff;line-height:1}.dtc-mok-box.is-on{background:#6faf78;border-color:#8ec896}.dtc-tam-lead{margin:0 auto;max-width:22rem;font-size:.82rem;line-height:1.45;color:#d2c8dcb8}.dtc-start-btn{width:100%;margin-top:.1rem;padding:clamp(.65rem,1.6dvh,.85rem) 1rem;border:none;border-radius:14px;font-family:Playfair Display,Georgia,serif;font-size:1.05rem;font-weight:600;cursor:pointer;color:#2a2438}.dtc-start-btn:disabled{opacity:.55;cursor:not-allowed}.dtc-start-btn--forest{background:linear-gradient(180deg,#9fbf98,#7fa678);color:#1e2e1c}.dtc-start-btn--gold{background:linear-gradient(180deg,#f0d84a,#d4b028);color:#2a2438}.dtc-start-btn--ocean{background:linear-gradient(180deg,#9bb8cc,#7a9cb4);color:#1a2a36}.dtc-start-btn--brick{background:linear-gradient(180deg,#f08a58,#d06038);color:#2a1410}.dtc-start-btn--mauve{background:linear-gradient(180deg,#e0a0b8,#c07090);color:#2a1420}.dtc-start-btn--terra{background:linear-gradient(180deg,#c4a078,#a88058);color:#2a2014}.dtc-practice{position:relative;width:100%;max-width:560px;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;outline:none}.dtc-practice--tam{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.dtc-practice-head{flex:0 0 auto;text-align:center;padding:.35rem .5rem .75rem;width:100%}.dtc-practice-title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.35rem,4.2vw,1.75rem);font-weight:700;color:#f3ead2;line-height:1.25}.dtc-practice-sub{margin:.2rem 0 0;font-family:Playfair Display,Georgia,serif;font-size:clamp(.88rem,2.6vw,1.05rem);font-weight:600;color:#f3ead2e0}.dtc-practice-source{margin:.35rem 0 0;font-size:clamp(.68rem,2vw,.78rem);font-style:italic;color:#c8bedc9e;line-height:1.4}.dtc-am-stage{flex:1 1 auto;display:grid;place-items:center;width:100%;min-height:0;padding:1rem}.dtc-am-syllable,.dtc-cau-current,.dtc-cau-next{font-family:Be Vietnam Pro,system-ui,sans-serif;font-weight:600}.dtc-am-syllable{margin:0;font-size:clamp(3.1rem,15vw,5.2rem);color:#f2eee6;letter-spacing:.02em;text-shadow:0 0 28px rgba(200,180,140,.28);animation:dtc-fade-in .22s ease}.dtc-cau-stage{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;width:100%;min-height:0;padding:.5rem .75rem 4.5rem}.dtc-cau-stack{width:100%;max-width:28rem;text-align:center;animation:dtc-rise .38s ease}.dtc-cau-current{margin:0 0 1.35rem;font-size:clamp(1.45rem,5.2vw,2.05rem);line-height:1.45;color:#f2eee6}.dtc-cau-next{margin:0;font-size:clamp(.92rem,3vw,1.1rem);line-height:1.45;color:#d2c8dc8c}.dtc-cau-syllable-hint{margin:0;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#c8b48c73}.dtc-tam-hint{margin:0;font-size:.95rem;color:#d2c8dc9e;font-style:italic}.dtc-countdown{flex:1 1 auto;display:grid;place-items:center;width:100%;min-height:0;font-family:Be Vietnam Pro,system-ui,sans-serif;font-weight:600;font-style:italic;font-size:clamp(4rem,22vw,7rem);color:#f2eee6;letter-spacing:.04em}.dtc-rounds-badge{position:fixed;top:max(.85rem,env(safe-area-inset-top,0px));right:max(1rem,env(safe-area-inset-right,0px));z-index:40;height:44px;display:flex;align-items:center;justify-content:flex-end;margin:0;padding:0;border:none;background:transparent;color:#f2eee6e6;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.02em;pointer-events:none;user-select:none}.dtc-toolbar{display:flex;justify-content:center;gap:.55rem;margin-top:0;margin-bottom:.35rem;padding-bottom:.25rem}.dtc-history-by-chant{margin-top:.45rem;padding-top:.35rem;border-top:1px solid rgba(200,190,220,.14);display:flex;flex-direction:column;gap:.75rem;text-align:left}.dtc-history-chant-block{text-align:left}.dtc-history-sublist{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.28rem}.dtc-history-entry-title{margin:0;font-size:.86rem;font-weight:600;color:#f2eee6;line-height:1.3;text-align:left}.dtc-history-entry-detail{margin:0;font-size:.76rem;line-height:1.4;color:#dcd6e6db;text-align:left;white-space:normal}.dtc-tool-btn{padding:.45rem .95rem;border-radius:999px;border:1px solid rgba(200,190,220,.28);background:#16142066;color:#e6e0f0e6;font:inherit;font-size:.88rem;cursor:pointer}.dtc-panel--wide{width:min(100%,420px);max-height:min(78dvh,560px);display:flex;flex-direction:column;gap:.75rem;padding:1.15rem 1.05rem 1rem;text-align:left}.dtc-panel-title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:1.2rem;color:#f3ead2;text-align:center}.dtc-history-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.dtc-history-tab{padding:.45rem .35rem;border-radius:10px;border:1px solid rgba(200,190,220,.22);background:#16142073;color:#e6e0f0;font:inherit;font-size:.88rem;cursor:pointer}.dtc-history-tab.is-active{border-color:#f3ead28c;background:linear-gradient(180deg,#6e628cc7,#484062d1);color:#fff8ea}.dtc-history-list{list-style:none;margin:0;padding:0;overflow:auto;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.45rem}.dtc-history-empty{padding:1rem .5rem;text-align:center;color:#d2c8dcb3;font-size:.9rem}.dtc-history-group{border-radius:12px;border:1px solid rgba(200,190,220,.18);background:#16142059;padding:.55rem .65rem}.dtc-history-group-label{margin:0;font-size:.92rem;font-weight:600;color:#f2eee6}.dtc-history-group-total{margin:.2rem 0 0;font-size:.8rem;color:#d2c8dcb8}.dtc-history-day-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.dtc-history-day-toggle-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;text-align:left}.dtc-history-chevron{flex:0 0 auto;width:1.1rem;height:1.1rem;color:#d2c8dcb3;transition:transform .18s ease}.dtc-history-chevron.is-open{transform:rotate(180deg)}.dtc-history-chevron svg{width:100%;height:100%}.dtc-panel-close{width:100%;padding:.65rem 1rem;border-radius:12px;border:1px solid rgba(200,190,220,.28);background:#16142080;color:#e6e0f0;font:inherit;cursor:pointer}.dtc-pause-btn{position:fixed;z-index:30;left:50%;bottom:max(1rem,calc(env(safe-area-inset-bottom,0px) + .75rem));transform:translate(-50%);padding:.55rem 1.25rem;border-radius:999px;border:1px solid rgba(200,190,220,.28);background:#161420b8;color:#e6e0f0;font:inherit;font-size:.92rem;cursor:pointer;backdrop-filter:blur(6px)}.dtc-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#080a129e;backdrop-filter:blur(6px)}.dtc-panel{width:min(100%,360px);padding:1.1rem;border-radius:16px;background:linear-gradient(160deg,#3a364ef5,#242234fa);border:1px solid rgba(200,190,220,.2);text-align:center}.dtc-panel-actions{display:flex;flex-direction:column;gap:.45rem}.dtc-action-btn{width:100%;padding:.7rem 1rem;border-radius:12px;border:1px solid rgba(200,190,220,.22);background:#16142080;color:#e6e0f0;font:inherit;font-size:.95rem;cursor:pointer}.dtc-action-btn--italic{font-family:Playfair Display,Georgia,serif;font-style:italic}.dtc-action-btn--primary{background:linear-gradient(180deg,#c4b08a,#a89068);border-color:transparent;color:#2a2438;font-weight:600}@keyframes dtc-fade-in{0%{opacity:.35;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes dtc-rise{0%{opacity:.4;transform:translateY(.85rem)}to{opacity:1;transform:translateY(0)}}@media(min-width:900px)and (orientation:landscape){.dtc-pause-btn{left:auto;right:max(1.25rem,calc(env(safe-area-inset-right,0px) + .75rem));bottom:auto;top:50%;transform:translateY(-50%)}}.khiem-tui-page{padding-top:max(3.4rem,calc(env(safe-area-inset-top,0px) + 2.35rem));padding-bottom:max(2rem,env(safe-area-inset-bottom,0px))}.khiem-tui-inner{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.khiem-tui-hero{display:block;width:min(86%,336px);height:auto;margin-top:-.35rem;border-radius:1.15rem;box-shadow:0 12px 32px #0000004d}.khiem-tui-glass{width:100%;padding:1.35rem 1.2rem 1.45rem;border-radius:1.15rem;border:1px solid rgba(255,245,225,.22);background:linear-gradient(155deg,#fffcf824,#e6dcff1a 48%,#12142447);box-shadow:0 18px 42px #00000047,inset 0 1px #ffffff2e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.khiem-tui-copy{width:100%;text-align:center;font-family:"Source Sans 3",Nunito,system-ui,sans-serif;font-size:calc(clamp(.95rem,2.8vw,1.05rem) + 2px);line-height:1.75;letter-spacing:.01em;color:#f6f1fcf2}.khiem-tui-copy p{margin:0 0 1.05rem}.khiem-tui-copy p:last-child{margin-bottom:0}.khiem-tui-highlight{margin:.15rem 0 1.15rem!important;padding:1rem 1.05rem;border-radius:.85rem;border:1px solid rgba(255,214,150,.45);background:linear-gradient(145deg,#ffd28c57,#e8aa5a47 55%,#b4783c38);box-shadow:0 8px 22px #50280a2e,inset 0 1px #fff0d259;color:#fff6e8;font-size:1.05em;font-weight:700;line-height:1.7;text-align:center}.khiem-tui-highlight em{font-style:italic;font-weight:600;color:#ffe7c2}.khiem-tui-shopee-url{font-size:calc(1em - 2px)}.khiem-tui-link{color:#9fd8ff;text-decoration:underline;text-underline-offset:.15em;word-break:break-all}.khiem-tui-link:hover,.khiem-tui-link:focus-visible{color:#c8ecff;outline:none}.khiem-tui-link--cta{font-weight:700;word-break:normal}.khiem-tui-link-btn{display:inline;padding:0;border:none;background:transparent;color:#9fd8ff;font:inherit;text-decoration:underline;text-underline-offset:.15em;cursor:pointer}.khiem-tui-link-btn:hover,.khiem-tui-link-btn:focus-visible{color:#c8ecff;outline:none}.khiem-tui-note{font-style:italic;font-weight:700;color:#fff6e8;text-shadow:0 1px 8px rgba(80,40,10,.25)}.khiem-tui-note .khiem-tui-link{color:#ffe7c2;font-weight:700}.khiem-tui-note .khiem-tui-link:hover,.khiem-tui-note .khiem-tui-link:focus-visible{color:#fff6e8}.khiem-tui-contact{display:block;width:100%;max-width:720px;height:auto;margin-top:.15rem;border-radius:.75rem;box-shadow:0 10px 26px #00000047}.khiem-tui-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1.25rem;background:#080a12b8}.khiem-tui-modal-box{position:relative;width:min(100%,320px);padding:1.35rem 1.1rem 1.2rem;border-radius:1rem;background:linear-gradient(160deg,#3a3d55,#2a2d42);border:1px solid rgba(159,216,255,.28);box-shadow:0 16px 40px #0006;text-align:center}.khiem-tui-modal-close{position:absolute;top:.55rem;right:.65rem;border:none;background:transparent;color:#efe9f7cc;font-size:1.1rem;cursor:pointer}.khiem-tui-modal-title{margin:0 0 .85rem;font-family:Playfair Display,Georgia,serif;font-size:1.1rem;color:#f3ead2}.khiem-tui-zalo-qr{width:min(100%,200px);height:auto;border-radius:.5rem;background:#fff}.khiem-tui-modal-hint{margin:.75rem 0 0;font-size:.9rem;color:#e6e0f5c7}@media(min-width:900px){.khiem-tui-page{padding-top:max(3rem,calc(env(safe-area-inset-top,0px) + 2rem));padding-left:2rem;padding-right:2rem}.khiem-tui-inner{max-width:920px;gap:1.5rem}.khiem-tui-hero{width:min(42%,400px)}.khiem-tui-glass{padding:1.75rem 2.25rem 1.85rem;border-radius:1.25rem}.khiem-tui-copy{font-size:calc(1.05rem + 2px);line-height:1.8;text-align:left}.khiem-tui-highlight{padding:1.15rem 1.35rem;text-align:left}.khiem-tui-contact{max-width:920px}}:root{--bg-body: #AF8260;--text-color: #3e2723;--text-hover-color: #FFFFFF;--glow-color: #521C0D;--t1-color: #A79277;--t2-color: #D1BB9E;--t3-color: #DED0B6;--t4-color: #FAEED1}.tvbinh-root{background-color:#af8260!important;background-image:none!important;font-family:Be Vietnam Pro,sans-serif;color:var(--text-color);position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;z-index:0}.tvbinh-scroll{flex:1;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding:4.5rem 1rem 2rem}.tvbinh-back-link{position:absolute;top:max(1rem,env(safe-area-inset-top,0px));left:max(1rem,env(safe-area-inset-left,0px));z-index:300;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:#00000026;color:var(--text-color);cursor:pointer;transition:background .2s ease}.tvbinh-back-link:hover{background:#00000047}.tvbinh-back-link svg{width:22px;height:22px}.tvbinh-logo-link{position:absolute;top:max(1rem,env(safe-area-inset-top,0px));right:max(1rem,env(safe-area-inset-right,0px));z-index:300;line-height:0}.tvbinh-logo{width:44px;height:44px;object-fit:contain}.header{text-align:center;margin-bottom:4rem}.header h1{font-size:2rem;font-weight:900;letter-spacing:.05em;color:#3e2723;text-transform:uppercase}.tvbinh-grid{display:grid;grid-template-columns:1fr;gap:4rem;width:100%;max-width:280px}@media(min-width:768px){.tvbinh-scroll{padding:3.75rem 1rem 1rem;justify-content:center;overflow-y:hidden}.header{margin-bottom:1.5rem}.tvbinh-grid{grid-template-columns:repeat(2,1fr);max-width:720px;column-gap:6rem;row-gap:2rem}.card-wrapper{padding:20px 24px 28px}}.card-wrapper{position:relative;width:100%;padding:24px 24px 35px;cursor:pointer;-webkit-tap-highlight-color:transparent}.card-wrapper.card-disabled{cursor:default;pointer-events:none}.card-wrapper.card-disabled .text{opacity:.55}.text{position:absolute;font-weight:800;font-size:1.05rem;letter-spacing:.08em;color:var(--text-color);z-index:10;transition:color .3s ease}.card-wrapper:hover .text,.card-wrapper:active .text{color:var(--text-hover-color)}.pos-top{top:-5px;left:50%;transform:translate(-50%)}.pos-left{bottom:-5px;left:-12px}.pos-right{bottom:-5px;right:-12px}.triangle-container{position:relative;width:100%;aspect-ratio:1 / .866;filter:drop-shadow(0 6px 10px rgba(0,0,0,.1));transition:transform .4s ease}.card-wrapper:hover .triangle-container,.card-wrapper:active .triangle-container{transform:translateY(-5px)}.triangle-mask{position:absolute;inset:0;clip-path:polygon(50% 0%,0% 100%,100% 100%);background-color:var(--card-color);overflow:hidden}.animated-border{position:absolute;top:50%;left:50%;width:150%;height:150%;background:conic-gradient(from 0deg,transparent 60%,var(--glow-color) 100%);transform:translate(-50%,-50%) rotate(0);opacity:0;transition:opacity .4s ease;pointer-events:none}.card-wrapper:hover .animated-border,.card-wrapper:active .animated-border{opacity:1;animation:lightSpinCCW 3.5s linear infinite}@keyframes lightSpinCCW{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}.triangle-inner{position:absolute;inset:0;clip-path:polygon(50% 4px,4px calc(100% - 3px),calc(100% - 4px) calc(100% - 3px));background-color:var(--card-color);transition:filter .4s ease;z-index:1}.card-wrapper:hover .triangle-inner,.card-wrapper:active .triangle-inner{filter:brightness(1.03)}.center-group{position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.ribbon-swirl{position:absolute;width:60px;height:60px;border-radius:50%;border:1.5px solid transparent;border-top-color:#3e27234d;border-right-color:#3e27231a;animation:swirlSpin 6s cubic-bezier(.4,0,.2,1) infinite}.ribbon-swirl:before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid transparent;border-bottom-color:#3e272340;border-left-color:#3e27231a;animation:swirlSpin 4s linear infinite reverse}.ribbon-swirl:after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px dashed rgba(62,39,35,.2);animation:swirlSpin 8s linear infinite}.card-wrapper:hover .ribbon-swirl,.card-wrapper:active .ribbon-swirl,.card-wrapper:hover .ribbon-swirl:before,.card-wrapper:active .ribbon-swirl:before,.card-wrapper:hover .ribbon-swirl:after,.card-wrapper:active .ribbon-swirl:after{animation-play-state:paused}@keyframes swirlSpin{to{transform:rotate(360deg)}}.material-symbols-rounded{font-size:36px;color:var(--text-color);opacity:.9;transition:transform .4s ease;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.card-wrapper:hover .material-symbols-rounded,.card-wrapper:active .material-symbols-rounded{transform:scale(1.1)}.dlc-page{--dlc-bg-color: #AF8260;--dlc-card-bg: #F8F5F2;--dlc-card-dimmed: #D5C4B4;--dlc-primary: #A79277;--dlc-text-dark: #3e2723;--dlc-text-light: #795548;--dlc-tier1-bg: #EAE6E1;--dlc-tier2-bg: #D6D0C9;--dlc-tier3-bg: #BCB4AB;--dlc-joy-bg: #FFF8E7;background-color:var(--dlc-bg-color);color:var(--dlc-text-dark);display:flex;justify-content:center;align-items:center;min-height:100dvh;padding:1rem;transition:background-color .8s ease;font-family:Be Vietnam Pro,sans-serif;user-select:none;-webkit-user-select:none}.dlc-page.joy-mode{background-color:var(--dlc-joy-bg)}.dlc-app-container{background:var(--dlc-card-bg);width:100%;max-width:420px;max-height:100%;min-height:80vh;overflow-y:auto;scrollbar-width:none;border-radius:24px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;position:relative;transition:background-color .8s ease}@keyframes dlc-haptic-pulse{0%,to{filter:none}35%{filter:brightness(1.22)}}.dlc-page.dlc-haptic-pulse{animation:dlc-haptic-pulse .22s ease}.dlc-app-container::-webkit-scrollbar{display:none}.dlc-app-container.dimmed{background:var(--dlc-card-dimmed)}.dlc-progress-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.dlc-progress-rect{fill:none;stroke:#3e27234d;stroke-width:4px;rx:24px;ry:24px;transition:stroke-dashoffset linear}.dlc-header{padding:30px 20px 10px;text-align:center;position:relative;z-index:11;transition:opacity .5s ease}.dlc-app-container.dimmed .dlc-header{opacity:.25;pointer-events:none}.dlc-header h2{font-size:1.4rem;color:var(--dlc-text-dark);text-transform:uppercase;font-weight:800;letter-spacing:.05em;margin-bottom:4px}.dlc-sub-link{font-size:.85rem;color:var(--dlc-text-light);text-decoration:none;font-weight:500;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.dlc-step-container{padding:24px;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:dlcFadeIn .5s ease;width:100%;position:relative}@keyframes dlcFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dlc-step-title{text-align:center;font-size:1.15rem;margin-bottom:24px;font-weight:700;line-height:1.4}.dlc-emotions-wrapper{display:flex;flex-direction:column;transition:opacity .3s ease;width:100%}.dlc-emotion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.dlc-chip{border:2px solid transparent;border-radius:12px;text-align:center;font-weight:600;font-size:.9rem;padding:14px 4px;cursor:pointer;box-shadow:0 2px 6px #00000005;color:var(--dlc-text-dark);transition:transform .3s ease,opacity .3s ease,border-color .2s ease;font-family:inherit}@media(hover:hover){.dlc-chip:hover{border-color:var(--dlc-primary)}}.dlc-tier-1{background-color:var(--dlc-tier1-bg);color:#6d5b50}.dlc-tier-2{background-color:var(--dlc-tier2-bg);color:#524239}.dlc-tier-3{background-color:var(--dlc-tier3-bg);color:#3e2723}.dlc-grid-2{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.dlc-chip-custom{background-color:#fff;border:1px solid rgba(0,0,0,.08);font-size:.9rem;padding:14px 4px;color:var(--dlc-text-dark);width:100%}.dlc-chip-joy{background-color:var(--dlc-joy-bg);color:#d48806;width:100%;padding:14px 4px}@keyframes dlcSelectPop{0%{transform:scale(1)}40%{transform:scale(.97)}to{transform:scale(1.02)}}.dlc-chip.selected{animation:dlcSelectPop .12s ease forwards;border-color:var(--dlc-primary);background-color:#fff;color:var(--dlc-primary)}.dlc-chip.selected.dlc-chip-joy{border-color:#d48806;color:#d48806}.dlc-emotions-wrapper.disabled-grid{opacity:.25;pointer-events:none}.dlc-custom-name-box{margin-top:10px;width:100%;text-align:center;animation:dlcFadeIn .3s ease}.dlc-custom-input{width:100%;padding:14px;border-radius:12px;border:1px solid rgba(0,0,0,.1);font-size:1rem;font-family:inherit;text-align:center;color:var(--dlc-text-dark);background:#fff;margin-bottom:16px;outline:none;user-select:text;-webkit-user-select:text}.dlc-custom-input:focus{border-color:var(--dlc-primary)}.dlc-selection-feedback{text-align:center;margin-top:20px;animation:dlcFadeIn .3s ease;width:100%}.dlc-feedback-text{font-size:1rem;font-weight:600;color:var(--dlc-primary);margin-bottom:20px}.dlc-time-options{display:flex;gap:10px;margin-bottom:20px}.dlc-time-btn{padding:8px 16px;border-radius:20px;border:1px solid var(--dlc-primary);background:transparent;color:var(--dlc-primary);font-weight:600;cursor:pointer;font-family:inherit}.dlc-time-btn.active{background:var(--dlc-primary);color:#fff}.dlc-stay-text{font-size:1.05rem;color:var(--dlc-text-dark);text-align:center;line-height:1.6;font-weight:600;opacity:1;transition:opacity 2s ease}.dlc-here-word{font-size:1.6rem;font-weight:600;opacity:.85;color:var(--dlc-text-dark);margin-top:12px;transition:opacity 8s ease}.dlc-fade-opacity-down{opacity:.75!important}.dlc-joy-ring-container{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center;margin:30px auto;opacity:0;transition:opacity 2s ease}.dlc-joy-ring-container.visible{opacity:1}.dlc-joy-ring{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:#ffc64099;border-right-color:#ffc64033;box-shadow:0 0 20px #ffc64026;animation:dlcSlowSpin 10s linear infinite}@keyframes dlcSlowSpin{to{transform:rotate(360deg)}}.dlc-joy-word{font-size:1.6rem;font-weight:600;color:#d48806;letter-spacing:.05em}.dlc-defusion-container{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%;justify-content:center;min-height:300px;position:relative}.dlc-defusion-item{text-align:center;width:100%;transition:all .8s ease;opacity:0;max-height:0;overflow:hidden;margin:0;pointer-events:none;transform:translateY(20px)}.dlc-defusion-item.active{opacity:1;max-height:200px;transform:translateY(0);pointer-events:auto}.dlc-defusion-item.moved{opacity:.5;max-height:100px;transform:translateY(0);pointer-events:none;margin-bottom:8px;font-size:.9em}.dlc-defusion-item.center{opacity:1;max-height:200px;transform:translateY(0);pointer-events:auto;font-weight:700}.dlc-defusion-item.final{color:var(--dlc-primary);font-weight:800;font-size:1.3rem;transition:all 1s ease;transform:translateY(10px)}.dlc-defusion-item.final.active{opacity:1;max-height:200px;transform:translateY(0);margin-top:16px;pointer-events:auto}.dlc-defusion-text{font-size:1.15rem;font-weight:600;color:var(--dlc-text-dark);line-height:1.6}.dlc-blank{display:inline-block;min-width:60px;border-bottom:2px solid rgba(0,0,0,.2);color:transparent;transition:all .3s ease;text-align:center;padding:0 5px}.dlc-blank.filled{color:var(--dlc-primary);border-bottom-color:transparent;font-weight:700}.dlc-defusion-choices{display:flex;justify-content:center;gap:12px;margin-top:16px;animation:dlcFadeIn .4s ease}.dlc-choice-btn{background:#fff;border:1px solid rgba(0,0,0,.1);padding:12px 24px;border-radius:20px;font-size:.95rem;font-weight:600;color:var(--dlc-text-dark);cursor:pointer;transition:.2s;box-shadow:0 2px 4px #00000005;font-family:inherit}.dlc-choice-btn:active{transform:scale(.95)}.dlc-power-shift-area{display:flex;justify-content:space-around;align-items:center;width:100%;height:200px;margin-top:20px;position:relative;z-index:10;transition:opacity 1s ease}.dlc-ps-left{font-weight:500;font-size:1.4rem;opacity:.9;color:var(--dlc-text-dark);text-transform:lowercase;transition:font-size .05s linear,opacity .05s linear}.dlc-ps-right{font-weight:800;font-size:2rem;opacity:1;color:var(--dlc-primary);text-transform:uppercase}.dlc-touch-instruction{font-size:.9rem;color:var(--dlc-text-light);text-align:center;margin-top:50px;animation:dlcPulseText 2s infinite;pointer-events:none;z-index:10;position:relative;transition:opacity .5s ease}@keyframes dlcPulseText{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.dlc-step3-touch-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;cursor:pointer;touch-action:none}.dlc-final-text{font-size:1.3rem;font-weight:600;color:var(--dlc-text-dark);text-align:center;opacity:0;transition:opacity 1.5s ease;position:relative;margin-top:10px;width:100%;z-index:30;pointer-events:none}.dlc-final-text.visible{opacity:1}.dlc-primary-btn{background:var(--dlc-primary);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;width:100%;max-width:300px;transition:.3s;margin:0 auto;font-family:inherit}.dlc-secondary-btn{background:transparent;color:var(--dlc-primary);border:2px solid var(--dlc-primary);padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;width:100%;max-width:300px;margin:12px auto 0;font-family:inherit}.dlc-action-row{display:flex;gap:12px;width:100%;justify-content:center}.dlc-action-row button{margin:0;flex:1;padding:14px 10px;font-size:.95rem}.dlc-exit-btn{margin:30px auto 0;padding:12px 24px;border-radius:24px;font-size:1.05rem;font-weight:700;cursor:pointer;border:none;opacity:0;transition:opacity 1.5s ease,transform .2s ease;box-shadow:0 4px 15px #0000000f;z-index:30;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.dlc-exit-btn.visible{opacity:1}.dlc-exit-btn:active{transform:scale(.96)}.dlc-exit-btn.heavy{background:#ffe4adeb;color:#8b6304;border:1px solid rgba(140,115,91,.15)}.dlc-exit-btn.joy{background:#a87a50;color:#fffbcefc}.dlc-power-shift-content{width:100%;transition:opacity 1.5s ease;z-index:10;position:relative}.dlc-power-shift-content.hidden{opacity:0}@media(min-width:768px){.dlc-app-container{max-width:640px;min-height:650px}.dlc-step-container{padding:40px}.dlc-chip{font-size:1.05rem;padding:18px 8px;border-radius:16px}.dlc-chip-custom,.dlc-chip-joy{font-size:1rem;padding:16px 8px;border-radius:16px}.dlc-defusion-text{font-size:1.25rem}.dlc-defusion-item.moved .dlc-defusion-text{font-size:1.05rem}.dlc-ps-left{font-size:1.8rem}.dlc-ps-right{font-size:2.5rem}}.gta-page{--gta-bg: #AF8260;--gta-bg-shift: #CBB199;--gta-inner: #F3E9DC;--gta-outer: #E5D3C5;--gta-text: #3E2C23;--gta-accent: #7C9A92;--gta-drag-glow: #D6BFA9;--gta-font: "Be Vietnam Pro", sans-serif;width:100%;height:100dvh;overflow:hidden;touch-action:none;user-select:none;background:var(--gta-bg);font-family:var(--gta-font);color:var(--gta-text);display:flex;flex-direction:column;align-items:center;transition:background 1.2s ease;position:relative}.gta-page.shifted{background:linear-gradient(150deg,#cbb199,#af8260 60%,#9e7250)}.gta-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(243,233,220,.09) 0%,transparent 68%);animation:gtaBreathe 6s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes gtaBreathe{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.02);opacity:1}}.gta-cloud-layer{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity 1.2s ease;overflow:hidden}.gta-cloud-layer.on{opacity:1}.gta-cloud-bg{position:absolute;border-radius:50%;background:#f3e9dc0d;animation:gtaCloudDrift linear infinite}@keyframes gtaCloudDrift{0%,to{transform:translate(0)}50%{transform:translate(22px,-12px)}}.gta-app{position:relative;z-index:2;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center}.gta-header{text-align:center;padding:32px 24px 0;transition:opacity .7s ease,transform .7s ease;flex-shrink:0}.gta-header h1{font-size:clamp(21px,4vw,30px);font-weight:500;color:var(--gta-inner);letter-spacing:.04em;margin-bottom:6px}.gta-header p{font-size:clamp(13px,3vw,14px);font-weight:300;color:#f3e9dc99;letter-spacing:.02em}.gta-header.gone{opacity:0;transform:translateY(-8px);pointer-events:none}.gta-circle-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%}.gta-outer-circle{position:relative;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease,filter .8s ease,transform .8s ease}.gta-outer-circle.dissolve{opacity:0;filter:blur(6px);transform:scale(1.04)}.gta-inner-circle{position:relative;border-radius:16px;background:var(--gta-inner);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease,opacity .8s ease;gap:0;box-shadow:inset 0 0 0 1px #3e2c230f}.gta-inner-circle.glow{transform:scale(1.025);box-shadow:0 0 0 7px #d7bfa959,0 0 32px #d7bfa92e}.gta-inner-circle.shrink{transform:scale(.95);opacity:0}.gta-circle-label{font-size:clamp(12px,2.5vw,14px);font-weight:400;letter-spacing:.06em;color:#3e2c236b;padding:0 14px;line-height:1.55;pointer-events:none}.gta-chip{position:fixed;background:var(--gta-inner);color:var(--gta-text);border-radius:999px;padding:12px 26px;font-size:clamp(13px,3.5vw,15px);font-weight:400;letter-spacing:.02em;box-shadow:0 2px 14px #3e2c2324,0 0 0 1px #3e2c230f;cursor:grab;pointer-events:auto;white-space:nowrap;touch-action:none;user-select:none;z-index:11;transform:translate(-50%)}.gta-chip.animate-in{animation:gtaChipIn .32s ease forwards}.gta-chip.gta-chip-pulse{animation:gtaChipIn .32s ease forwards,gtaChipPulse 2.3s ease-in-out .45s infinite}@keyframes gtaChipPulse{0%,to{box-shadow:0 2px 14px #3e2c2324,0 0 0 1px #3e2c230f;transform:translate(-50%) scale(1)}50%{box-shadow:0 6px 28px #3e2c2347,0 0 0 2px #fff8f073;transform:translate(-50%) scale(1.04)}}@keyframes gtaChipIn{0%{opacity:0;transform:translate(-50%) scale(.94) translateY(-6px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.gta-chip.dragging{cursor:grabbing;box-shadow:0 10px 30px #3e2c2338,0 0 0 2px #d7bfa973;transform:none;z-index:999}.gta-classify-btn{position:fixed;left:0;right:0;margin:0 auto;width:max-content;background:#fffffff0;border:none;color:var(--gta-text);border-radius:999px;padding:13px 34px;font-family:var(--gta-font);font-size:clamp(14px,3.8vw,16px);font-weight:500;letter-spacing:.04em;cursor:pointer;pointer-events:auto;white-space:nowrap;z-index:12;box-shadow:0 4px 22px #3e2c2338;animation:gtaFadeUp .45s ease forwards,gtaBtnPulse 2.2s ease-in-out .5s infinite}@keyframes gtaBtnPulse{0%,to{box-shadow:0 4px 22px #3e2c2338;transform:scale(1)}50%{box-shadow:0 8px 32px #3e2c2361;transform:scale(1.05)}}.gta-classify-btn:hover{background:#fff;box-shadow:0 8px 28px #3e2c2352}.gta-add-area{position:fixed;transform:translate(-50%) translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;width:260px;pointer-events:auto;z-index:12;animation:gtaChipIn .32s ease}.gta-add-btn{background:#f3e9dceb;border:1px solid rgba(62,44,35,.1);color:var(--gta-text);border-radius:999px;padding:10px 22px;font-family:var(--gta-font);font-size:13px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.gta-add-btn:hover{background:#f3e9dc}.gta-input-wrap{display:flex;width:100%;background:#f3e9dc1f;border-radius:999px;overflow:hidden;animation:gtaSlidein .22s ease}@keyframes gtaSlidein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gta-custom-input{flex:1;background:transparent;border:none;outline:none;padding:12px 18px;font-family:var(--gta-font);font-size:14px;color:var(--gta-inner);caret-color:var(--gta-inner);user-select:text;-webkit-user-select:text}.gta-custom-input::placeholder{color:#f3e9dc61}.gta-submit-custom{background:#f3e9dc24;border:none;padding:12px 18px;color:var(--gta-inner);cursor:pointer;font-size:16px;transition:background .2s;font-family:var(--gta-font)}.gta-submit-custom:hover{background:#f3e9dc42}.gta-hint{position:fixed;transform:translate(-50%) translateY(-100%);padding-bottom:12px;text-align:center;pointer-events:none;z-index:20;display:flex;flex-direction:column;align-items:center;gap:5px;width:88vw;max-width:360px;transition:opacity .7s ease}.gta-hint.gone{opacity:0;pointer-events:none}.gta-hint-line{font-size:clamp(12px,3vw,14px);font-weight:400;color:#fff8f0f2;letter-spacing:.02em;line-height:1.6;text-shadow:0 1px 3px rgba(30,20,12,.35)}.gta-hint-line strong{color:#fff;font-weight:700}.gta-particle{position:fixed;border-radius:50%;pointer-events:none;z-index:50;animation:gtaPoof .85s ease forwards}@keyframes gtaPoof{0%{opacity:.8;transform:scale(1) translate(0)}to{opacity:0;transform:scale(.2) translate(var(--tx),var(--ty))}}.gta-cloud-chip{position:fixed;background:#f3e9dc29;color:#f3e9dc85;border-radius:999px;padding:9px 22px;font-size:clamp(12px,3vw,13px);font-weight:300;letter-spacing:.02em;white-space:nowrap;pointer-events:auto;touch-action:none;cursor:pointer;will-change:transform,opacity,filter}.gta-release-copy{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:clamp(13px,3.5vw,15px);font-weight:300;letter-spacing:.04em;color:#f3e9dc00;pointer-events:none;z-index:60;transition:color .9s ease;width:80%;max-width:320px;line-height:1.75}.gta-release-copy.on{color:#f3e9dca6}.gta-end-state{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0 32px 52px;text-align:center;opacity:0;pointer-events:none;z-index:100;transition:opacity .9s ease}.gta-end-state.on{opacity:1;pointer-events:auto}.gta-end-top{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:100%}.gta-end-title{font-size:clamp(20px,5.5vw,28px);font-weight:300;letter-spacing:.06em;color:var(--gta-inner);opacity:0;transition:opacity 1s ease}.gta-end-title.on{opacity:1}.gta-end-top.has-many-inner{justify-content:flex-start;padding-top:clamp(48px,10vh,88px);gap:18px}.gta-final-card{background:var(--gta-inner);border-radius:20px;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:24px 28px;opacity:0;transform:scale(.88);transition:opacity 1.1s ease,transform 1.1s ease;max-width:90vw;min-width:220px;width:min(100%,420px)}.gta-final-card.on{opacity:1;transform:scale(1)}.gta-final-list{display:flex;flex-direction:column;align-items:center;gap:8px}.gta-final-list.scrollable{font-size:clamp(12px,3vw,14px);max-height:calc(6.4em + 24px);overflow-y:auto;align-items:stretch;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(62,44,35,.25) transparent}.gta-final-list.scrollable::-webkit-scrollbar{width:6px}.gta-final-list.scrollable::-webkit-scrollbar-thumb{background:#3e2c2338;border-radius:999px}.gta-final-square{background:var(--gta-inner);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 32px;opacity:0;transform:scale(.88);transition:opacity 1.1s ease,transform 1.1s ease;max-width:90vw;min-width:220px}.gta-final-square.on{opacity:1;transform:scale(1)}.gta-final-square.scrollable{max-height:min(46dvh,360px);overflow-y:auto;align-items:stretch;padding:22px 24px;scrollbar-width:thin;scrollbar-color:rgba(62,44,35,.25) transparent}.gta-final-square.scrollable::-webkit-scrollbar{width:6px}.gta-final-square.scrollable::-webkit-scrollbar-thumb{background:#3e2c2338;border-radius:999px}.gta-final-square.many-inner{margin-top:4px}.gta-end-alt-text{opacity:0;transition:opacity 1.2s ease;text-align:center;font-size:clamp(14px,3.8vw,17px);font-weight:300;letter-spacing:.03em;color:#f3e9dcb8;line-height:1.8;max-width:78vw;padding:0 8px}.gta-end-alt-text.on{opacity:1}.gta-final-inner-label{font-size:clamp(9px,2.2vw,11px);color:#3e2c2352;font-weight:300;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px}.gta-final-inner-label.many-inner{text-transform:none;letter-spacing:.01em;font-size:clamp(14px,3.6vw,16px);font-weight:500;color:#3e2c23d1;line-height:1.7;margin-bottom:0;text-align:center;flex-shrink:0;padding-bottom:12px;border-bottom:1px solid rgba(62,44,35,.1)}.gta-final-chip{color:#3e2c23a6;font-size:clamp(12px,3vw,14px);font-weight:300;letter-spacing:.02em;line-height:1.6;text-align:center}.gta-end-bottom{display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0;transition:opacity 1s ease}.gta-end-bottom.on{opacity:1}.gta-ok-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#f3e9dc1f;border:1px solid rgba(243,233,220,.3);border-radius:50%;cursor:pointer;transition:background .3s ease,transform .2s ease;animation:gtaFadeUp .65s ease forwards}@keyframes gtaFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gta-ok-btn:hover{background:#f3e9dc38;transform:scale(1.08)}.gta-ok-btn svg{width:24px;height:24px;display:block}.gta-sound-btn{position:fixed;bottom:24px;right:20px;z-index:120;width:44px;height:44px;border-radius:50%;border:1px solid rgba(243,233,220,.35);background:#3e2c2338;backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.gta-restart-btn{position:fixed;bottom:18px;left:18px;top:auto;z-index:25;background:#f3e9dc24;border:1px solid rgba(243,233,220,.35);color:#fff8f0eb;border-radius:999px;padding:8px 16px;font-family:var(--gta-font);font-size:13px;font-weight:500;letter-spacing:.03em;cursor:pointer;backdrop-filter:blur(6px);transition:background .2s ease,transform .2s ease}.gta-restart-btn:hover{background:#f3e9dc3d;transform:scale(1.02)}.cty-page{--cty-ease: cubic-bezier(.22, 1, .36, 1);min-height:100dvh;overflow-x:hidden;font-family:Be Vietnam Pro,sans-serif;position:relative;transition:background 1.2s ease}.cty-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;position:relative;z-index:20}.cty-back-btn{background:none;border:none;font-family:inherit;font-size:.9rem;font-weight:600;letter-spacing:.04em;cursor:pointer;padding:8px 0;transition:opacity .2s}.cty-back-btn:hover{opacity:.75}.cty-hint-link{font-style:italic;font-size:.85rem;text-decoration:none;transition:color .2s}.cty-hint-link:hover{opacity:.85}.cty-sound-btn{position:fixed;bottom:24px;right:20px;z-index:30;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.cty-main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - 64px);padding:0 20px 100px;position:relative}.cty-main-review{justify-content:flex-start;padding-top:8px}.cty-breath-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;min-height:60vh}.cty-light-core{width:24px;height:24px;border-radius:50%;will-change:transform,opacity;animation:ctyLightBreath 3.5s var(--cty-ease) 2}@keyframes ctyLightBreath{0%,to{transform:scale(1);opacity:.55;filter:blur(2px)}50%{transform:scale(1.8);opacity:.15;filter:blur(12px)}}.cty-intro-text{font-size:clamp(.95rem,3.5vw,1.05rem);font-weight:300;text-align:center;line-height:1.65;max-width:300px;opacity:0;animation:ctyFadeInOut 7s ease forwards}@keyframes ctyFadeInOut{0%,to{opacity:0}15%,75%{opacity:1}}.cty-tap-hint{font-size:.8rem;opacity:.45;margin-top:8px}.cty-draw-stage{position:relative;width:min(100%,360px);height:420px;display:flex;align-items:center;justify-content:center}.cty-center-logo{width:100px;height:100px;border-radius:20px;background:#fff3;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;letter-spacing:.12em;z-index:5;transition:opacity .4s ease}.cty-ghost-card{position:absolute;width:72px;height:108px;border-radius:10px;background:#ffffff2e;border:1px solid rgba(255,255,255,.22);opacity:.4;will-change:transform,opacity,filter;pointer-events:none}.cty-ghost-card.scatter{opacity:0;filter:blur(6px);transition:transform .55s var(--cty-ease),opacity .55s ease,filter .55s ease}.cty-focus-light{position:absolute;inset:0;margin:auto;width:200px;height:200px;border-radius:50%;opacity:0;transform:scale(.8);pointer-events:none;transition:opacity .5s ease,transform .5s var(--cty-ease)}.cty-focus-light.on{opacity:1;transform:scale(1.2)}.cty-condense-text{font-size:.95rem;font-weight:300;text-align:center;opacity:0;margin-top:24px;transition:opacity .4s ease}.cty-condense-text.on{opacity:.75}.cty-reveal-wrap{display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px}.cty-card-stack{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.cty-card-glow{position:absolute;width:340px;height:340px;border-radius:50%;opacity:0;transform:scale(.8);pointer-events:none;transition:opacity .6s ease,transform .6s var(--cty-ease)}.cty-card-glow.flash{opacity:.8;transform:scale(1.4)}.cty-card-glow.fade{opacity:0}.cty-card-img-wrap{position:relative;z-index:2;opacity:0;transform:scale(.95);transition:opacity .55s var(--cty-ease),transform .55s var(--cty-ease)}.cty-card-img-wrap.visible{opacity:1;transform:scale(1);animation:ctyCardFadeIn 3s var(--cty-ease) forwards}.cty-card-img-wrap.visible.instant{animation:none}@keyframes ctyCardFadeIn{0%{opacity:0;filter:blur(14px);transform:scale(.96)}to{opacity:1;filter:blur(0);transform:scale(1)}}.cty-card-zoom-btn{position:absolute;top:10px;right:10px;z-index:3}.cty-card-img{width:min(290px,76vw);height:auto;border-radius:14px;box-shadow:0 12px 40px #0000002e;display:block}.cty-card-label{margin-top:16px;font-family:Lora,serif;font-size:.92rem;font-weight:500;font-style:italic;line-height:1.45;text-align:center;max-width:300px;opacity:0;transition:opacity .5s ease .1s}.cty-card-label.visible{opacity:.85}.cty-text-block{width:100%;margin-top:20px;opacity:0;transform:translateY(15px);transition:opacity .5s var(--cty-ease) .15s,transform .5s var(--cty-ease) .15s}.cty-text-block.visible{opacity:1;transform:translateY(0)}.cty-view-box,.cty-hint-box{border-radius:14px;padding:16px 18px;margin-bottom:12px}.cty-box-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.cty-zoom-btn{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.cty-view-label,.cty-hint-label{font-family:Lora,serif;font-size:.75rem;font-weight:500;letter-spacing:.06em;opacity:.7;margin-bottom:0}.cty-view-text{font-family:Lora,serif;font-size:18px;font-weight:500;font-style:italic;line-height:1.65;text-align:justify;hyphens:auto}.cty-hint-text{font-family:Lora,serif;font-size:18px;font-weight:700;line-height:1.6;text-align:justify;hyphens:auto}.cty-review-note{width:100%;margin-top:8px;padding:14px 16px;border-radius:12px;background:#ffffff1a;text-align:center}.cty-review-note p{font-size:.88rem;font-weight:300;line-height:1.65;opacity:.8;margin:0}.cty-review-sub,.cty-limit-sub{font-style:italic;margin-top:8px!important;opacity:.65!important}.cty-zoom-overlay{position:fixed;inset:0;z-index:100;background:#0a0814b8;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px 20px}.cty-zoom-panel{width:min(100%,480px);max-height:min(80dvh,640px);overflow-y:auto;background:#fffaf2;color:#2e2218;border-radius:18px;padding:22px 20px;box-shadow:0 20px 60px #00000059}.cty-zoom-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.cty-zoom-head h3{font-family:Lora,serif;font-size:1.1rem;font-weight:600;margin:0}.cty-zoom-close{border:none;background:#0000000f;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1rem}.cty-zoom-body{font-family:Lora,serif;font-size:clamp(1.2rem,4.8vw,1.4rem);line-height:1.75;text-align:justify;margin:0}.cty-zoom-body.bold{font-weight:700}.cty-card-zoom-panel{position:relative;width:min(100%,420px);max-height:min(90dvh,800px);display:flex;flex-direction:column;align-items:center;padding:16px}.cty-card-zoom-close{position:absolute;top:0;right:0;z-index:2}.cty-card-zoom-img{width:100%;max-height:min(75dvh,680px);object-fit:contain;border-radius:14px;box-shadow:0 16px 48px #00000073}.cty-card-zoom-label{margin-top:14px;font-family:Lora,serif;font-size:1rem;font-style:italic;text-align:center;color:#fffaf2;max-width:360px}.cty-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:24px;opacity:0;transform:translateY(12px);transition:opacity .5s ease .3s,transform .5s ease .3s}.cty-actions.visible{opacity:1;transform:translateY(0)}.cty-share-label{font-size:.82rem;text-align:center;margin-bottom:4px;opacity:.65}.cty-social-row{display:flex;gap:8px;width:100%}.cty-social-btn{flex:1;border:none;border-radius:999px;padding:12px 8px;font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;color:#fff;transition:transform .2s,opacity .2s}.cty-social-btn:active{transform:scale(.98)}.cty-social-btn:disabled{opacity:.5;cursor:wait}.cty-social-fb{background:#1877f2}.cty-social-zalo{background:#0068ff}.cty-social-ig{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.cty-btn{border:none;border-radius:999px;padding:14px 24px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.cty-btn:active{transform:scale(.98)}.cty-btn-primary{background:#ffffffeb;color:#1e1837e6}.cty-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.35);color:inherit}.cty-btn-text{background:none;border:none;font-family:inherit;font-size:.88rem;opacity:.6;cursor:pointer;padding:8px}.cty-limit-box{text-align:center;max-width:320px;padding:40px 20px}.cty-limit-box h2{font-size:1.2rem;font-weight:500;margin-bottom:16px;line-height:1.5}.cty-limit-box p{font-size:.92rem;font-weight:300;line-height:1.7;opacity:.75;margin-bottom:12px}.cty-loading{font-size:.85rem;opacity:.6;margin-top:8px}.cty-draw-tap{margin-top:28px;font-size:.88rem;font-weight:500;opacity:.75;text-align:center;cursor:pointer;padding:12px 20px;border:none;background:#ffffff24;border-radius:999px;font-family:inherit;color:inherit}.cty-draw-tap-pulse{animation:ctyDrawPulse 2.4s ease-in-out infinite}@keyframes ctyDrawPulse{0%,to{opacity:.6;box-shadow:0 0 #fff0;transform:scale(1)}50%{opacity:1;box-shadow:0 0 18px #ffffff47;transform:scale(1.02)}}.cty-slot-note{font-size:clamp(.62rem,2.4vw,.74rem);opacity:.45;text-align:center;margin-top:20px;max-width:100%;line-height:1.55;white-space:nowrap}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border)}html,body,#root{width:100%;height:100%;margin:0}body{background-color:var(--background);color:var(--foreground);font-family:Nunito,system-ui,sans-serif}[data-slot=skeleton],.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite skeleton-pulse}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.h-4{height:calc(var(--spacing)*4)}.h-12{height:calc(var(--spacing)*12)}.w-3\/4{width:75%}.w-12{width:calc(var(--spacing)*12)}.w-\[250px\]{width:250px}.w-full{width:100%}.flex-shrink,.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-muted{background-color:var(--muted)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--radius:.625rem;--background:oklch(98% .002 264);--foreground:oklch(20% .015 264);--muted:oklch(94% .01 264);--muted-foreground:oklch(50% .02 264);--border:oklch(88% .01 264)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}