/* Silver, crimson and sakura. Decorative layers never intercept page controls. */
.nf-notice-launch{position:fixed;left:20px;bottom:22px;z-index:110;display:flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid #fff;border-radius:40px;color:#a41c3d;background:linear-gradient(130deg,#fff,#f7e9ee);box-shadow:0 4px 24px #b6254733;font:800 12px system-ui,sans-serif;cursor:pointer}.nf-notice-dot{width:7px;height:7px;background:#df355c;border-radius:50%;box-shadow:0 0 0 4px #df355c18}
#nf-announcement{width:min(510px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;box-sizing:border-box;overflow:auto;border:1px solid #ffd4e1;border-radius:26px;background:radial-gradient(ellipse at 50% 0,#ffe2ec,transparent 55%),linear-gradient(145deg,#fff,#f0f3f8);box-shadow:0 0 0 5px #fff2,0 0 45px #ed3e7133,0 30px 100px #101c4666;color:#24334b;font-family:system-ui,sans-serif}
#nf-announcement::backdrop{background:#172138a8;backdrop-filter:blur(7px)}.nf-announcement-inner{padding:34px 30px 20px;position:relative;text-align:center}.nf-announcement-close{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:50%;border:1px solid #e5cdd6;background:#fff9;color:#a32344;font-size:23px;cursor:pointer}#nf-announcement h2{font-size:25px;line-height:1.4;margin:14px 0 20px;color:#8e1836;overflow-wrap:anywhere}.nf-announcement-content{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:14px;padding:20px;margin-bottom:22px;background:#ffffffbd;border:1px solid #e3dce6;border-radius:16px;color:#40516b;max-height:42vh;overflow:auto}.nf-announcement-foot{font-size:10px;color:#8a7680;margin:17px 0 0}.nf-announcement-settings{padding:18px;border:1px solid #e2c7d1;border-radius:14px;margin:25px 0}.nf-announcement-settings legend{font-weight:800;color:#ab2244;padding:0 8px}.nf-settings textarea{box-sizing:border-box;width:100%;display:block;margin-top:7px;padding:12px;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;color:#26364b;font:inherit;resize:vertical}.nf-settings .nf-checkbox{display:flex;align-items:center;gap:10px}.nf-settings .nf-checkbox input{width:18px;height:18px;margin:0;accent-color:#bd2549}.nf-announcement-settings p{font-size:12px;color:#728096}
@media(max-width:600px){.nf-notice-launch{left:12px;bottom:12px;padding:9px 12px;font-size:10px;gap:6px}.nf-announcement-inner{padding:30px 18px 18px}#nf-announcement h2{font-size:21px}.nf-announcement-content{padding:15px;font-size:13px}}
.portal-masthead .portal-logo.portal-logo-shenron{display:block;width:min(440px,100%)!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:0 auto;filter:none!important}
.portal-masthead:has(.portal-logo-shenron)>a{display:block;width:min(440px,100%);margin:0 auto}
.nf-floating .nf-open,.nf-floating .nf-zalo{position:relative;--aura-rgb:234,48,100;animation:nf-hover-float 3.8s ease-in-out infinite;border-color:#ffd0e0;box-shadow:0 0 0 1px #fff8,0 0 14px rgba(var(--aura-rgb),.42),0 0 30px rgba(var(--aura-rgb),.22),0 8px 25px #18263f26}
.nf-floating .nf-zalo{--aura-rgb:30,137,255;animation-duration:4.4s;animation-delay:-1.4s;border-color:#b3dcff}
.nf-floating .nf-open:before,.nf-floating .nf-zalo:before{content:"";position:absolute;inset:-1px;border:2px solid rgba(var(--aura-rgb),.65);border-radius:inherit;pointer-events:none;animation:nf-aura-wave 2.8s ease-out infinite;box-shadow:0 0 12px rgba(var(--aura-rgb),.5)}
.nf-floating .nf-open{overflow:visible}
.nf-floating .nf-open:after{border-radius:inherit;background:linear-gradient(110deg,transparent 30%,#fff3 48%,transparent 65%);animation:nf-glint 4s ease-in-out infinite}
.nf-floating .nf-zalo:before{animation-delay:1.4s}
.nf-floating a:focus-visible,.nf-floating button:focus-visible{outline:3px solid #275a9d;outline-offset:6px}
.nf-floating .nf-open:hover,.nf-floating .nf-zalo:hover,.nf-floating .nf-open:focus-visible,.nf-floating .nf-zalo:focus-visible{animation-play-state:paused}
@keyframes nf-hover-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes nf-aura-wave{0%{transform:scale(1);opacity:.7}85%,100%{transform:scale(1.17,1.45);opacity:0}}
@keyframes nf-glint{0%,55%,100%{opacity:0}70%{opacity:1}}
@media(prefers-reduced-motion:reduce){.nf-floating .nf-open,.nf-floating .nf-zalo,.nf-floating .nf-open:before,.nf-floating .nf-zalo:before{animation:none}.nf-floating .nf-open:before,.nf-floating .nf-zalo:before{display:none}}
body:has(#nf-petals){background:radial-gradient(ellipse at 10% 5%,#f9dce4 0,transparent 42%),radial-gradient(ellipse at 95% 40%,#dfe5ef 0,transparent 45%),#eef1f6!important}
body:has(#nf-petals) .portal-masthead{position:relative;background:radial-gradient(ellipse at 85% 0,#a3234d66,transparent 65%),linear-gradient(120deg,#152033,#344057)!important;border-bottom:1px solid #ffffff40;border-radius:0;padding:34px 20px!important;box-shadow:0 18px 60px #3440580c,inset 0 1px #fff3;margin-bottom:18px;overflow:hidden}
body:has(#nf-petals) .portal-masthead:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 32%,#ffffffa6 46%,transparent 60%);transform:translateX(-120%);animation:nf-sheen 9s ease-in-out infinite}
body:has(#nf-petals) .blue-home-actions{border:1px solid #ffffffd9;border-radius:22px;background:#ffffffb8!important;padding:18px!important;box-shadow:0 12px 38px #33445b0b;backdrop-filter:blur(12px)}
body:has(#nf-petals) .forum-tabs{gap:8px!important;padding:12px 0!important}body:has(#nf-petals) .forum-tabs>*{border-radius:12px!important;transition:transform .2s,box-shadow .2s}body:has(#nf-petals) .forum-tabs>*:hover{transform:translateY(-2px);box-shadow:0 6px 18px #b3213f18}
body:has(#nf-petals) .community-menu>a{border-radius:16px!important;box-shadow:0 4px 15px #24344b06}body:has(#nf-petals) .comment-card{border-radius:18px!important;box-shadow:0 6px 25px #24334b08}
.lantern-sky{display:none!important}
#nf-petals{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden}#nf-petals i{position:absolute;top:-30px;aspect-ratio:.68;border-radius:75% 15% 65% 35%;background:linear-gradient(135deg,#fff2f6 5%,#f6b4c9 45%,#dd779e);box-shadow:inset 1px 1px 2px #fff9;opacity:.75;animation:nf-fall linear infinite;will-change:transform}
@keyframes nf-fall{0%{transform:translate3d(0,-35px,0) rotate(0)}50%{transform:translate3d(var(--drift),50vh,0) rotate(calc(var(--turn)/2))}100%{transform:translate3d(0,calc(100vh + 65px),0) rotate(var(--turn))}}
@keyframes nf-sheen{0%,65%{transform:translateX(-120%)}90%,100%{transform:translateX(120%)}}
.nf-floating{position:fixed;right:22px;bottom:22px;z-index:110;display:flex;align-items:flex-end;flex-direction:column;gap:12px;font-family:system-ui,sans-serif}.nf-floating a,.nf-floating button{cursor:pointer;text-decoration:none;border:1px solid #fff8;box-sizing:border-box;box-shadow:0 7px 25px #18263f26;font-family:inherit}.nf-zalo{display:flex;align-items:center;gap:10px;border-radius:40px;padding:7px 17px 7px 7px;background:#fff!important;color:#25364b!important;font-size:13px}.nf-zalo span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0877ee;color:#fff;font-weight:800;font-size:12px}.nf-open{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr;text-align:left;align-items:center;gap:2px 8px;padding:13px 21px!important;border-radius:17px;color:#fff!important;background:linear-gradient(120deg,#9b1532,#e13c5b)!important}.nf-open b{font-size:13px;letter-spacing:.04em}.nf-open small{font-size:10px;color:#ffe4eb}.nf-open:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#fff4 45%,transparent 60%);animation:nf-sheen 7s infinite}.nf-floating button:hover,.nf-floating a:hover{filter:brightness(1.06)}
#nf-schedule{width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #f8c1cf;border-radius:26px;box-sizing:border-box;background:linear-gradient(145deg,#fff,#f1f3f8);color:#24334b;box-shadow:0 25px 100px #07102066;font-family:system-ui,sans-serif;overflow:auto}#nf-schedule::backdrop{background:#111b32b0;backdrop-filter:blur(7px)}.nf-schedule-inner{padding:34px 28px 24px;position:relative}.nf-schedule-close{position:absolute;right:12px;top:10px;border:0;background:#e9edf4;color:#34455e;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:23px}.nf-eyebrow{color:#b62547;font-size:10px;font-weight:800;letter-spacing:.14em}#nf-schedule h2{font-size:25px;line-height:1.25;color:#213048;margin:12px 0 8px;font-weight:900;letter-spacing:-.04em}.nf-schedule-lead{color:#788297;font-size:13px;margin:0 0 22px}.nf-count-section{border:1px solid #d9dfe9;background:#fff;padding:18px;border-radius:17px;margin-top:12px}.nf-count-section h3{font-size:13px;letter-spacing:.03em;color:#a91f3c;margin:0 0 8px}.nf-count-section p{font-size:12px;line-height:1.7;color:#69778b;margin:0 0 8px}.nf-count-section>strong{font-size:10px;color:#576781;letter-spacing:.05em}.nf-count{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.nf-count>div{text-align:center;padding:13px 2px 10px;border:1px solid #ebd4dc;border-radius:12px;background:linear-gradient(145deg,#fff8fa,#f4e5eb)}.nf-count b{display:block;font-variant-numeric:tabular-nums;font-size:28px;color:#b32144;line-height:1.2}.nf-count span{display:block;font-size:9px;color:#826474;margin-top:5px;font-weight:700}.nf-timezone{text-align:center;color:#8290a2;font-size:10px;margin:13px 0}.nf-play{display:flex;align-items:center;justify-content:center;gap:25px;background:linear-gradient(125deg,#b51d40,#e33e60);color:#fff!important;border:0;border-radius:12px;text-decoration:none!important;padding:15px 20px;font-weight:800;font-size:13px;cursor:pointer;font-family:inherit}
.nf-settings-body{margin:0;background:radial-gradient(at 10% 0,#f9e0e9,transparent 60%),#edf1f7;color:#26364b;font:14px/1.6 system-ui,sans-serif}.nf-settings{max-width:660px;margin:45px auto;padding:30px;background:#fff;border:1px solid #d8deea;border-radius:24px;box-shadow:0 20px 60px #24334b12}.nf-settings h1{font-size:30px;margin:5px 0}.nf-settings a{color:#ab2242}.nf-settings label{display:block;font-weight:700;font-size:13px;margin:18px 0}.nf-settings input{display:block;box-sizing:border-box;width:100%;margin-top:7px;padding:12px;border:1px solid #cbd5e1;border-radius:9px;font:inherit;color:#26364b;background:#f8fafc}.nf-settings input:focus{outline:2px solid #db718b;outline-offset:2px}.nf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.nf-settings form>a{display:block;margin-top:16px}.nf-notice{padding:12px;background:#e5f6ed;border-radius:10px;color:#246544}.nf-error{padding:12px;background:#ffe9ed;border-radius:10px;color:#a51c3e}
@media(max-width:600px){.nf-floating{right:12px;bottom:12px;gap:8px}.nf-open{padding:10px 13px!important}.nf-open b{font-size:11px}.nf-zalo{padding:5px 12px 5px 5px;font-size:11px}.nf-zalo span{width:30px;height:30px}.nf-schedule-inner{padding:32px 17px 18px}#nf-schedule h2{font-size:22px}.nf-count-section{padding:13px}.nf-count b{font-size:24px}.nf-settings{margin:15px;padding:20px}.nf-form-row{grid-template-columns:1fr;gap:0}body:has(#nf-petals) .wrap{padding-bottom:150px!important}}
@media(prefers-reduced-motion:reduce){#nf-petals{display:none}.nf-open:after,body:has(#nf-petals) .portal-masthead:after{animation:none;display:none}body:has(#nf-petals) .forum-tabs>*{transition:none}}
