:root{color-scheme:dark;--bg:#050b1b;--text:#edf4ff;--muted:#9db1d3;--surface:rgba(10,25,55,.77);--line:rgba(123,177,255,.23);--blue:#249cff;--purple:#9966ff;--shadow:0 18px 50px rgba(0,0,0,.25)}
html[data-theme=light]{color-scheme:light;--bg:#f0f6ff;--text:#122647;--muted:#526785;--surface:rgba(255,255,255,.83);--line:rgba(55,110,185,.18);--blue:#1469df;--purple:#7752da;--shadow:0 16px 40px rgba(39,80,135,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #59c9ff;outline-offset:3px}
#backdrop{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 78% 8%,#173f83 0,transparent 42%),radial-gradient(ellipse at 13% 70%,#421b79 0,transparent 44%),linear-gradient(135deg,#030817,#0b1731 60%,#090c23)}
html[data-theme=light] #backdrop{background:radial-gradient(ellipse at 80% 10%,#b9d9ff 0,transparent 45%),radial-gradient(ellipse at 15% 80%,#e6d4ff 0,transparent 40%),linear-gradient(135deg,#f8fcff,#e9f1ff)}
#particles{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.particle{position:absolute;top:-15px;width:5px;height:5px;border-radius:50%;background:#cce8ff;opacity:.6;animation:fall linear infinite}html[data-theme=light] .particle{width:9px;height:7px;border-radius:65% 10% 65% 20%;background:#ff90c2;opacity:.5}
@keyframes fall{to{transform:translate3d(42px,105vh,0) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.particle{display:none}*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.shell{max-width:1230px;margin:auto;padding:16px 24px 30px}.glass{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:23px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;position:relative;z-index:4}.brand{display:flex;align-items:center;gap:11px}.brand-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#19caff,#295df9 55%,#a252fb);box-shadow:0 0 24px #248aff55;border:1px solid #ffffff50;color:white;font-size:32px;font-weight:1000;font-style:italic}.brand strong{display:block;font-size:17px;letter-spacing:-.5px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2.2px;font-weight:800}.nav{display:flex;gap:7px;align-items:center}.nav a,.nav button{background:rgba(90,139,214,.09);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:10px 15px;font-weight:750}.nav a:hover,.nav button:hover{background:#2d7ffb30}
.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.7fr);align-items:center;gap:24px;min-height:355px;margin-top:19px;padding:34px 46px;position:relative;overflow:hidden;background:linear-gradient(105deg,rgba(7,23,58,.91),rgba(19,45,94,.77)),radial-gradient(circle at 80% 25%,#2d90ff88,transparent 55%)}.hero:before{content:'';position:absolute;width:350px;height:350px;right:-80px;top:-160px;background:#5e4bff2d;border-radius:50%;filter:blur(30px)}.hero>*{position:relative}html[data-theme=light] .hero{background:linear-gradient(115deg,rgba(244,250,255,.93),rgba(218,234,255,.85))}
.kicker,.tag{display:inline-flex;padding:6px 13px;border:1px solid var(--line);border-radius:99px;color:#9bdcff;background:#1e79db1c;font-size:12px;font-weight:800}html[data-theme=light] .kicker{color:#1755a3}
h1{font-size:clamp(31px,4.6vw,57px);line-height:1.1;letter-spacing:-2px;margin:17px 0 12px}h1 span{background:linear-gradient(100deg,#3acbff,#8b80ff,#d28eff);color:transparent;background-clip:text;-webkit-background-clip:text}.subtitle{font-size:17px;color:var(--muted);max-width:560px;margin:0 0 20px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.cta{padding:11px 17px;border:1px solid var(--line);border-radius:13px;font-weight:800;background:var(--surface)}.cta.primary{color:white;background:linear-gradient(110deg,#087bf4,#6947eb);border-color:#79bfff}
.hero-logo{display:flex;flex-direction:column;align-items:center;gap:10px}.hero-logo img{width:200px;height:200px;object-fit:cover;border-radius:50%;border:4px solid #5fcbff;box-shadow:0 0 0 9px #357cff16,0 0 55px #167aff65}.hero-logo strong{font-size:18px}.hero-logo small{color:var(--muted)}
.info{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.info span{padding:7px 12px;border:1px solid var(--line);border-radius:10px;background:#3672b013;font-size:12px}
.section{margin-top:25px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 4px 13px}.section-head h2{margin:0;font-size:22px;letter-spacing:-.6px}.section-head p{margin:3px 0 0;color:var(--muted);font-size:13px}.socials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.social-card{display:flex;align-items:center;gap:11px;padding:16px 13px;border-radius:17px;background:var(--surface);border:1px solid var(--line);box-shadow:0 7px 24px #0000001c;transition:transform .2s,border-color .2s}.social-card:hover,.group-card:hover{transform:translateY(-3px);border-color:#7cbaff}.social-card.fb{border-bottom:2px solid #168bff}.social-card.yt{border-bottom:2px solid #ff4e6e}.social-card.tt{border-bottom:2px solid #ef4a98}.social-card.tg{border-bottom:2px solid #38b7ff}.sicon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#0786ed,#5847c9);font-weight:900;font-size:24px;color:white}.yt .sicon{background:linear-gradient(135deg,#e83c58,#a61734)}.tt .sicon{background:linear-gradient(135deg,#102d48,#b92c69)}.social-card strong,.group-card strong{display:block;font-size:14px}.social-card small,.group-card small{display:block;color:var(--muted);font-size:11px}.arrow{margin-left:auto;color:#86caff}
.main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:15px;margin-top:24px}.panel{padding:22px}.panel h2{margin:0;font-size:21px}.panel p{margin:4px 0 15px;color:var(--muted);font-size:13px}.filters{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.filters button{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:9px;padding:7px 12px}.filters button.active{background:#1e73ea;color:white}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.group-card{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#2b66bd0c;transition:transform .2s,border-color .2s}.gicon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:white;font-weight:900;flex:none}.gicon.z{background:#167df0}.gicon.t{background:#169ad5}.right{display:grid;gap:15px;align-content:start}.player{display:flex;gap:12px;align-items:center}.album{width:68px;height:68px;border-radius:50%;background:conic-gradient(#1f9df7,#9c4afa,#131c46,#1f9df7);display:grid;place-items:center;font-size:29px}.player-meta{flex:1;min-width:0}.player-meta strong{display:block}.player-meta small{color:var(--muted)}.player-controls{display:flex;gap:8px;margin-top:12px;align-items:center;flex-wrap:wrap}.player-controls button,.track{border:1px solid var(--line);background:#2776d51d;color:var(--text);border-radius:10px;padding:8px 12px}.track-list{display:grid;gap:6px;margin-top:10px}.track{text-align:left}.track.active{border-color:#5ba9ff}.track:disabled{opacity:.45;cursor:not-allowed}.contact-links{display:flex;gap:8px;flex-wrap:wrap}.contact-links a{padding:10px 13px;border-radius:11px;background:#1c79ed24;border:1px solid var(--line);font-weight:800}.contact-links a:first-child{background:linear-gradient(110deg,#078af5,#5544e7);color:white}.footer{text-align:center;color:var(--muted);padding:27px 0 5px;font-size:12px}.float-zalo{position:fixed;right:19px;bottom:19px;z-index:6;border-radius:99px;background:linear-gradient(110deg,#0578ef,#6a45f5);padding:13px 18px;color:white;font-weight:800;box-shadow:0 12px 30px #0859cb60}
@media(max-width:900px){.main-grid{grid-template-columns:1fr}.socials{grid-template-columns:repeat(2,1fr)}.hero{padding:30px;grid-template-columns:1.4fr .6fr}.hero-logo img{width:150px;height:150px}}
@media(max-width:590px){.shell{padding:9px 11px 25px}.topbar{padding:10px}.brand-icon{width:38px;height:38px;font-size:26px}.brand strong{font-size:13px}.brand small{font-size:8px;letter-spacing:1px}.nav{gap:4px}.nav a,.nav button{padding:8px;font-size:11px}.hero{grid-template-columns:1fr;text-align:center;gap:15px;padding:24px 17px;min-height:0}.hero-logo{grid-row:1}.hero-logo img{width:108px;height:108px}.hero h1{font-size:33px}.hero-actions,.info{justify-content:center}.subtitle{font-size:14px}.social-card{padding:11px 8px}.sicon{width:34px;height:34px;font-size:18px}.social-card strong{font-size:12px}.social-card small{font-size:10px}.group-grid{grid-template-columns:1fr}.panel{padding:17px}.float-zalo{padding:11px 14px;font-size:12px}}
html{scroll-padding-top:95px}
.topbar{position:sticky;top:8px;z-index:100;isolation:isolate;background:rgba(8,20,48,.94)}
html[data-theme=light] .topbar{background:rgba(245,250,255,.96)}
.topbar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav button,.nav a{white-space:nowrap;min-height:42px}
#home,#social,#community,#music,#contact{scroll-margin-top:105px}
@media(max-width:590px){
.shell{padding:8px 12px 24px}
.topbar{top:5px;display:grid;grid-template-columns:1fr;gap:9px;padding:10px 11px;border-radius:17px}
.brand{justify-content:center;gap:8px}
.brand-icon{width:31px;height:31px;font-size:21px;border-radius:10px}
.brand strong{font-size:13px;line-height:1.1}
.brand small{font-size:7px;letter-spacing:1.4px}
.nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px}
.nav a,.nav button{display:flex;align-items:center;justify-content:center;min-height:41px;padding:8px 5px;font-size:12px;font-weight:750;border-radius:10px}
.socials{grid-template-columns:1fr;gap:10px}
.social-card{min-height:77px;padding:13px 17px;border-radius:17px;gap:14px}
.sicon{width:47px;height:47px;font-size:25px;border-radius:13px}
.social-card strong{font-size:16px;line-height:1.35}
.social-card small{font-size:12px;margin-top:3px}
.social-card .arrow{font-size:20px}
.section-head h2{font-size:23px}
.section-head p{font-size:13px}
.float-zalo{bottom:16px;right:12px;padding:10px 12px;font-size:12px}
}
@media(min-width:591px) and (max-width:800px){
.socials{grid-template-columns:repeat(2,minmax(0,1fr))}
.social-card{min-height:78px}
}
.youtube-slot{margin:14px 0 8px;aspect-ratio:16/9;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(3,12,30,.55);display:grid;place-items:center}
.youtube-slot iframe{display:block;width:100%;height:100%;border:0}
.yt-placeholder{text-align:center;color:var(--muted);font-size:13px;padding:15px}
.track-list{grid-template-columns:1fr}.track{width:100%;font-weight:650}.track.active{background:linear-gradient(110deg,#176ef644,#814be83b)}
.topbar{position:relative;top:auto;z-index:4;isolation:auto}
@media(max-width:590px){
.topbar{position:relative;top:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;padding:11px 12px;border-radius:18px}
.brand{justify-content:flex-start;gap:8px}
.brand-icon{width:38px;height:38px;font-size:26px}
.brand strong{font-size:13px}.brand small{font-size:8px;letter-spacing:1px}
.nav{display:flex;grid-template-columns:none;width:auto;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.nav a,.nav button{min-height:37px;padding:8px 9px;font-size:11px}
.socials{grid-template-columns:1fr;gap:13px}
.social-card{min-height:94px;padding:17px 19px;gap:16px;border-radius:19px}
.sicon{width:53px;height:53px;font-size:28px;border-radius:15px}
.social-card strong{font-size:18px}.social-card small{font-size:13px}
.social-card .arrow{font-size:22px}
}
@media(max-width:390px){.topbar{justify-content:center}.nav{width:100%;justify-content:center}.nav a,.nav button{flex:1}}
.press-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.press-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:228px;padding:22px 23px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}
.press-card:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#1cbdff,#6567ff,#ad62fa)}
.press-card:hover{transform:translateY(-3px);border-color:#7eb9ff}
.press-number{font-size:10px;letter-spacing:1.8px;color:var(--muted);font-weight:850}
.press-name{font-size:13px;color:#89caff;font-weight:800}.press-date{color:var(--muted);font-weight:500}
html[data-theme=light] .press-name{color:#176bd2}
.press-card strong{font-size:17px;line-height:1.42;letter-spacing:-.3px;flex:1}
.press-read{font-size:13px;font-weight:800;color:#a8d6ff}
html[data-theme=light] .press-read{color:#1468ca}
@media(max-width:650px){.press-grid{grid-template-columns:1fr;gap:10px}.press-card{min-height:0;padding:19px;gap:9px}.press-card strong{font-size:15px}}
.about-section{margin-top:28px}.about-panel{padding:clamp(20px,4vw,36px);border-radius:28px;border:1px solid rgba(130,167,255,.27);background:linear-gradient(135deg,rgba(24,44,102,.78),rgba(68,27,108,.32));box-shadow:0 18px 48px rgba(0,0,0,.13)}
.about-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:26px;align-items:center}.about-kicker{font-size:12px;letter-spacing:.15em;color:#8ddcff;font-weight:800;text-transform:uppercase}.about-top h2{font-size:clamp(26px,4vw,38px);margin:10px 0}.about-desc{line-height:1.8;opacity:.86}.about-cover{width:100%;max-height:370px;object-fit:cover;object-position:center 42%;border-radius:22px;border:1px solid rgba(154,194,255,.3)}
.love-panel{margin:26px 0;padding:25px 18px;border:1px solid rgba(255,153,202,.4);border-radius:24px;background:linear-gradient(120deg,rgba(244,67,143,.17),rgba(111,73,255,.19));text-align:center}.love-panel h3{font-size:clamp(21px,3vw,28px);margin:0 0 12px}.love-count{font-size:clamp(42px,8vw,70px);font-weight:900;line-height:1.2;background:linear-gradient(90deg,#ff8cc8,#d1b0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.love-date{opacity:.83;font-size:14px;margin-top:9px}.love-note{font-size:13px;opacity:.7;margin-top:8px}
.about-subtitle{font-size:clamp(20px,3vw,26px);margin:28px 0 14px}.memory-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.memory-photo{margin:0;min-width:0}.memory-photo img{display:block;width:100%;height:205px;object-fit:cover;border-radius:15px;border:1px solid rgba(160,187,255,.24)}.memory-photo figcaption{font-size:12px;opacity:.7;text-align:center;margin-top:8px}.about-articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.about-article{display:flex;flex-direction:column;gap:10px;padding:19px;border-radius:18px;background:rgba(20,35,80,.33);border:1px solid rgba(137,177,255,.24);color:inherit;text-decoration:none}.about-article strong{line-height:1.55}.about-article span{font-size:13px;color:#99d5ff}.about-article:hover{border-color:#79baff;transform:translateY(-2px)}
body.light .about-panel{background:linear-gradient(130deg,rgba(255,255,255,.94),rgba(236,231,255,.85))}body.light .about-article{background:rgba(255,255,255,.72)}body.light .about-article span{color:#356cc1}
@media(max-width:720px){.about-top{grid-template-columns:1fr}.about-cover{max-height:320px}.memory-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-photo img{height:230px}.about-articles{grid-template-columns:1fr}.about-panel{padding:18px}.love-panel{padding:22px 12px}}
@media(max-width:390px){.memory-photo img{height:185px}}
.nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;align-items:stretch}
.nav a,.nav button{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 10px;font-size:13px;text-align:center;white-space:nowrap;font-family:inherit;line-height:1.2;cursor:pointer}
.about-section{scroll-margin-top:18px}
.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;font-size:13px;opacity:.9}
.gallery-buttons{display:flex;gap:8px}.gallery-buttons button{width:38px;height:36px;border:1px solid rgba(142,178,255,.4);border-radius:11px;background:rgba(85,120,240,.16);color:inherit;font-size:26px;line-height:1;cursor:pointer}
.memory-gallery{display:flex!important;grid-template-columns:none!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:5px 2px 14px;scrollbar-width:thin;scrollbar-color:#759eff transparent}
.memory-photo{flex:0 0 clamp(215px,29vw,315px);scroll-snap-align:start;overflow:hidden}.memory-photo img{height:295px;width:100%;object-fit:cover}
.gallery-progress{height:4px;background:rgba(137,172,255,.2);border-radius:999px;overflow:hidden;margin-top:3px}.gallery-progress span{display:block;width:12.5%;height:100%;border-radius:999px;background:linear-gradient(90deg,#39c4ff,#bd72ff);transition:transform .2s ease}
.couple-profiles{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:12px;align-items:center;margin-top:22px}.couple-person{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border-radius:18px;background:rgba(75,105,180,.13);border:1px solid rgba(130,170,255,.25)}
.couple-avatar{flex:none;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;font-weight:900;font-size:22px;background:linear-gradient(135deg,#4eaaff,#8d59fa);color:#fff;border:2px solid rgba(255,255,255,.4)}.couple-person strong,.couple-person span,.couple-person small{display:block}.couple-person strong{font-size:15px;line-height:1.35}.couple-person span{font-size:13px;margin-top:4px}.couple-person small{font-size:11px;opacity:.65;margin-top:5px}.couple-between{color:#ff74ae;font-size:24px;text-align:center;animation:heartBeat 2.2s ease-in-out infinite}
.love-panel{position:relative;isolation:isolate;overflow:hidden;padding-top:54px}.heart-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}.heart-scene span{position:absolute;bottom:-20px;color:#ff7fb5;opacity:.45;font-size:23px;animation:heartFloat 7s linear infinite}.heart-scene span:nth-child(1){left:9%;animation-delay:-1s}.heart-scene span:nth-child(2){left:28%;animation-delay:-4s;font-size:15px}.heart-scene span:nth-child(3){left:54%;animation-delay:-2s;font-size:28px}.heart-scene span:nth-child(4){left:76%;animation-delay:-5s;font-size:18px}.heart-scene span:nth-child(5){left:90%;animation-delay:-3s;font-size:22px}
@keyframes heartFloat{0%{transform:translateY(15px) rotate(-15deg);opacity:0}20%{opacity:.48}85%{opacity:.4}100%{transform:translateY(-260px) rotate(18deg);opacity:0}}
@keyframes heartBeat{0%,100%{transform:scale(1)}40%{transform:scale(1.2)}55%{transform:scale(.95)}70%{transform:scale(1.13)}}
@media(max-width:760px){.topbar{gap:10px}.nav{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.nav a,.nav button{font-size:12px;padding:9px 3px;min-height:40px}.memory-photo{flex-basis:72vw;max-width:300px}.memory-photo img{height:315px}.couple-profiles{grid-template-columns:1fr;gap:9px}.couple-between{line-height:1}.couple-person{padding:12px}.gallery-buttons button{width:35px;height:34px}}
@media(max-width:390px){.nav a,.nav button{font-size:11px;padding:8px 2px}.memory-photo{flex-basis:77vw}.memory-photo img{height:285px}}
@media(prefers-reduced-motion:reduce){.heart-scene span,.couple-between{animation:none!important}.memory-gallery{scroll-behavior:auto}}
.couple-avatar{overflow:hidden;padding:0}.couple-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
html[data-theme="light"] .about-panel{background:linear-gradient(135deg,#f7fbff 0%,#edf4ff 54%,#fff0fa 100%);border-color:#b7c9e7;box-shadow:0 15px 35px rgba(43,65,112,.11);color:#192b4d}
html[data-theme="light"] .about-panel .about-kicker{color:#135ea8}
html[data-theme="light"] .about-panel h2,html[data-theme="light"] .about-panel h3{color:#162c52}
html[data-theme="light"] .about-panel .about-desc{color:#334867;opacity:1}
html[data-theme="light"] .couple-person{background:rgba(255,255,255,.82);border-color:#c6d5eb;color:#1d3050}
html[data-theme="light"] .couple-person small{opacity:1;color:#526782}
html[data-theme="light"] .love-panel{background:linear-gradient(115deg,#fff0f7,#f4eaff);border-color:#edb6d7;color:#48264d}
html[data-theme="light"] .love-count{background:linear-gradient(90deg,#bf176d,#7735c2);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .love-date,html[data-theme="light"] .love-note{opacity:1;color:#60446b}
html[data-theme="light"] .memory-photo figcaption,html[data-theme="light"] .gallery-controls{color:#314769}
html[data-theme="light"] .about-panel .press-card{background:rgba(255,255,255,.88);color:#192d50;border-color:#cad9ef}
html[data-theme="light"] .about-panel .press-number{color:#4d6483}
.v7-block{margin:22px 0;padding:22px;border:1px solid rgba(147,177,244,.35);border-radius:22px;background:rgba(55,83,145,.14)}
.v7-block h3{margin:0 0 12px;font-size:1.24rem}.v7-muted{opacity:.83;font-size:.9rem;line-height:1.6}
.v7-milestone strong{display:block;margin-bottom:4px}
.v7-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.v7-button{border:1px solid rgba(150,175,239,.5);background:rgba(103,108,194,.2);color:inherit;border-radius:12px;padding:10px 14px;cursor:pointer;font:inherit}.v7-button:focus-visible,.v7-field:focus-visible{outline:3px solid #f288ca;outline-offset:2px}
.v7-overlay{position:fixed;inset:0;z-index:9999;background:rgba(10,12,28,.94);display:none;align-items:center;justify-content:center;flex-direction:column;padding:20px;gap:12px}.v7-overlay.is-open{display:flex}.v7-overlay img{max-width:min(94vw,1100px);max-height:77vh;object-fit:contain;border-radius:12px}.v7-overlay .v7-actions{justify-content:center;color:#fff}
.v7-field{width:100%;padding:12px;border-radius:12px;border:1px solid #9eaecf;background:rgba(255,255,255,.1);color:inherit;font:inherit;box-sizing:border-box}.v7-form{display:grid;gap:12px;max-width:660px}.v7-entry{padding:12px 14px;border-bottom:1px solid rgba(153,170,217,.28)}.v7-entry p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.v7-entry time{font-size:.75rem;opacity:.75}
.v7-welcome{position:fixed;inset:0;z-index:9998;background:rgba(10,15,39,.88);display:none;place-items:center;padding:20px}.v7-welcome.is-open{display:grid}.v7-welcome-inner{text-align:center;background:linear-gradient(130deg,#242a69,#683f86);color:white;padding:35px;border:1px solid #a7a4ef;border-radius:24px;max-width:440px}.v7-welcome-inner h2{color:white}
html[data-theme="light"] .v7-block{background:rgba(255,255,255,.84);color:#203253;border-color:#b9c9e6}html[data-theme="light"] .v7-button{background:#e8edff;color:#1d3257}html[data-theme="light"] .v7-field{background:#fff;color:#1d3257}
@media(max-width:600px){.v7-block{padding:15px}}
@media(prefers-reduced-motion:reduce){.v7-overlay *, .v7-welcome *{animation:none!important;transition:none!important}}
.v72-welcome-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.v72-welcome-actions button{min-width:155px}.v72-no{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.5)!important}html[data-theme='light'] .v7-welcome-inner{color:#fff}
.v73-mini-player[hidden]{display:none!important}
.v73-mini-player{position:fixed;right:14px;bottom:14px;z-index:9000;width:min(260px,calc(100vw - 28px));border-radius:15px;overflow:hidden;background:#181532;box-shadow:0 10px 38px #0008;border:1px solid #b5a2ee;color:#fff}
.v73-mini-head{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;font-size:12px;font-weight:700}
.v73-mini-head button{border:0;background:#5c4d9a;color:white;border-radius:8px;cursor:pointer;padding:3px 8px}
.v73-mini-video{aspect-ratio:16/9}.v73-mini-video iframe{width:100%;height:100%;border:0;display:block}
.v73-note-layer{position:fixed;inset:0;pointer-events:none;z-index:120;overflow:hidden}
.v73-float-note{position:absolute;max-width:min(240px,65vw);padding:10px 13px;border-radius:16px;background:rgba(255,255,255,.93);color:#302651;box-shadow:0 8px 28px #211c5a38;border:1px solid #ead8ff;font-size:12px;overflow-wrap:anywhere;animation:v73-note-float 11s ease-in-out both}
.v73-float-note strong{display:block;color:#6c38a4;margin-bottom:4px}
@keyframes v73-note-float{0%{opacity:0;transform:translateY(45px) scale(.94)}12%{opacity:.95}82%{opacity:.95}100%{opacity:0;transform:translateY(-95px) scale(1.02)}}
@media(prefers-reduced-motion:reduce){.v73-float-note{animation:none;opacity:.95}}
#guestbook{min-width:0;padding:clamp(18px,2.5vw,30px)}
.v71-guest-shell{width:100%;min-width:0}
#v71GuestFrame{display:block;width:100%;height:630px;min-height:630px;border:0;border-radius:18px;background:#f8f4ff}
#music{padding:16px 18px;max-width:100%;min-width:0}
#music .album{width:46px;height:46px;font-size:21px}
#music .player{gap:9px}
#music .player-controls button{padding:8px 10px;font-size:13px}
#music .track-list{max-height:185px;overflow:auto;scrollbar-width:thin}
#music .track{font-size:12px;padding:7px 10px}
#music .youtube-slot{max-height:220px}
@media(max-width:740px){#v71GuestFrame{height:690px;min-height:690px}#guestbook{padding:18px}#music{padding:14px}#music .youtube-slot{max-height:200px}}
.v74-audio-off[hidden]{display:none!important}
.v74-audio-off{position:fixed;bottom:16px;left:14px;z-index:9000;border:1px solid #d9bcff;border-radius:999px;background:#2d2051;color:#fff;padding:11px 16px;box-shadow:0 8px 20px #13082f66;font-weight:700;cursor:pointer;font-size:13px}
@media(max-width:600px){.v74-audio-off{left:10px;bottom:10px;padding:10px 13px;font-size:12px}}
.v73-float-note{max-width:min(260px,70vw);font-size:13px;line-height:1.45;z-index:1}
@media(max-width:600px){.v73-float-note{max-width:min(210px,64vw);font-size:12px}}
#guestbook{padding:clamp(15px,2vw,23px)!important;overflow:visible}
#guestbook>.v7-muted{margin-bottom:10px;font-size:13px;line-height:1.4}
#v71GuestFrame{display:block;width:100%;height:385px;min-height:0!important;max-height:525px;border:0;border-radius:16px;background:transparent;transition:height .22s ease}
.v75-approved-wall{margin-top:14px;padding:15px;border:1px solid rgba(156,139,235,.38);background:rgba(102,93,178,.09);border-radius:17px;scroll-margin-top:20px}
.v75-approved-heading{margin:0 0 7px;font-size:clamp(18px,2.2vw,23px);color:inherit}
.v75-approved-info{font-size:12px;line-height:1.5;opacity:.8;margin:0 0 10px}
.v75-approved-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v75-entry{min-width:0;border:1px solid rgba(158,144,232,.36);border-radius:12px;background:rgba(255,255,255,.09);padding:12px 13px;overflow-wrap:anywhere}
.v75-entry-name{display:block;font-weight:800;font-size:13px;color:#d7bcff;margin-bottom:5px}
.v75-entry-date{font-size:11px;opacity:.7;margin-left:8px;font-weight:500}
.v75-entry-message{white-space:pre-wrap;font-size:13px;line-height:1.5;margin:0}
html[data-theme="light"] .v75-approved-wall{background:#f5efff;border-color:#c6b8f0;color:#283052}
html[data-theme="light"] .v75-entry{background:#fff;border-color:#d3c8ed;color:#263050}
html[data-theme="light"] .v75-entry-name{color:#6740a3}
.v75-fly-layer{position:fixed;inset:0;z-index:140;overflow:hidden;pointer-events:none;contain:layout style;isolation:isolate}
.v75-fly-note{position:absolute;box-sizing:border-box;min-width:130px;max-width:min(270px,74vw);width:max-content;padding:12px 15px;border:1px solid rgba(229,190,255,.77);border-radius:16px;background:rgba(35,26,65,.93);color:#f5eeff;box-shadow:0 12px 32px rgba(0,0,0,.25);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);overflow-wrap:anywhere;will-change:transform,opacity;opacity:0}
.v75-fly-note strong{display:block;font-size:13px;color:#ffd0fb;margin-bottom:5px;line-height:1.3}
.v75-fly-note span{display:block;font-size:13px;line-height:1.45;white-space:pre-wrap}
.v75-fly-note:before{content:'💌';position:absolute;top:-8px;right:-5px;font-size:18px;filter:drop-shadow(0 2px 6px #23133b66)}
html[data-theme="light"] .v75-fly-note{background:rgba(255,251,255,.95);border-color:#dbbde9;color:#302651}
html[data-theme="light"] .v75-fly-note strong{color:#863d9b}
@keyframes v75-enter-exit{
0%{opacity:0;transform:translate3d(var(--v75-x1),var(--v75-y1),0) rotate(-4deg) scale(.94)}
17%{opacity:1;transform:translate3d(var(--v75-x2),var(--v75-y2),0) rotate(0deg) scale(1)}
72%{opacity:1;transform:translate3d(var(--v75-x3),var(--v75-y3),0) rotate(1deg) scale(1)}
100%{opacity:0;transform:translate3d(var(--v75-x4),var(--v75-y4),0) rotate(4deg) scale(.96)}
}
@media(max-width:700px){#guestbook{padding:14px!important}#v71GuestFrame{height:375px} .v75-approved-items{grid-template-columns:1fr}.v75-approved-wall{padding:13px}.v75-fly-note{max-width:min(210px,66vw);padding:10px 12px}.v75-fly-note strong,.v75-fly-note span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.v75-fly-note{animation:none!important}.v75-fly-layer{display:none}}
.v75-fly-layer{pointer-events:none;z-index:140}
.v75-fly-note.v76-wish{
pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-select:none;
border:1px solid var(--v76-border,#e7c3ff);
background:var(--v76-bg,rgba(35,26,65,.95));
color:var(--v76-ink,#fff);border-radius:18px;
padding:12px 15px 13px;max-width:min(275px,70vw);
box-shadow:0 12px 32px #08041b44,0 0 24px var(--v76-glow,#b479ef26);
backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
overflow:visible;touch-action:manipulation;
}
html[data-theme="light"] .v75-fly-note.v76-wish{background:var(--v76-bg);color:var(--v76-ink);border-color:var(--v76-border)}
html[data-theme="light"] .v75-fly-note.v76-wish strong{color:var(--v76-title)}
.v75-fly-note.v76-wish strong{color:var(--v76-title,#ffdaf8);padding-right:16px}
.v75-fly-note.v76-wish .v76-message{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}
.v75-fly-note.v76-wish::before{content:'💌';right:9px;top:8px;font-size:14px}
.v76-spark{position:absolute;pointer-events:none;z-index:-1;filter:drop-shadow(0 2px 4px #0a071a50);animation:v76-heart 2.9s ease-in-out infinite}
.v76-spark:nth-of-type(2){left:-10px;top:-14px;animation-delay:-.7s;font-size:16px}
.v76-spark:nth-of-type(3){right:-9px;bottom:-10px;animation-delay:-1.5s;font-size:13px}
.v76-spark:nth-of-type(4){left:30%;bottom:-15px;animation-delay:-2.2s;font-size:12px}
.v76-pause-hint{display:none!important;font-size:10px!important;line-height:1.3!important;margin-top:6px;opacity:.85}
.v76-wish.v76-paused .v76-pause-hint{display:block!important}
.v76-wish.v76-paused{outline:2px solid var(--v76-border,#d9b8ff);outline-offset:2px}
.v76-wish.v76-paused .v76-spark{animation-play-state:paused}
@keyframes v76-heart{0%,100%{opacity:.45;transform:translateY(2px) scale(.85)}50%{opacity:1;transform:translateY(-9px) scale(1.15)}}
@keyframes v76-fly{
0%{opacity:0;transform:translate3d(var(--v76-x1),var(--v76-y1),0) rotate(var(--v76-r1)) scale(.91)}
17%{opacity:.98;transform:translate3d(var(--v76-x2),var(--v76-y2),0) rotate(0deg) scale(1)}
76%{opacity:.98;transform:translate3d(var(--v76-x3),var(--v76-y3),0) rotate(1deg) scale(1)}
100%{opacity:0;transform:translate3d(var(--v76-x4),var(--v76-y4),0) rotate(var(--v76-r4)) scale(.95)}
}
@media(max-width:700px){.v75-fly-note.v76-wish{max-width:min(215px,62vw);padding:10px 12px;font-size:12px}.v75-fly-note.v76-wish .v76-message{-webkit-line-clamp:3;line-clamp:3}}
@media(prefers-reduced-motion:reduce){.v75-fly-layer{display:none!important}.v76-spark{animation:none!important}}
@media (max-width:700px){
.about-panel{padding:15px!important;border-radius:21px!important}
.about-top{gap:13px!important}
.about-top h2{font-size:clamp(23px,6.5vw,29px)!important;margin:7px 0!important}
.about-desc{font-size:14px!important;line-height:1.65!important;margin-bottom:12px!important}
.about-cover{display:block;width:100%!important;height:clamp(175px,54vw,245px)!important;max-height:none!important;object-fit:cover!important;object-position:center 43%!important;border-radius:17px!important}
.memory-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.memory-photo img{height:clamp(116px,35vw,160px)!important;border-radius:12px!important}
.memory-photo figcaption{font-size:11px!important;margin-top:4px!important}
.about-subtitle{margin:20px 0 10px!important;font-size:19px!important}
.v75-approved-wall{padding:12px!important}
.v75-approved-items{gap:8px!important}
.v75-entry{padding:10px 11px!important}
.v75-entry-message{font-size:12px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.v75-entry-name{font-size:12px!important}
.v75-fly-note.v76-wish{max-width:min(172px,49vw)!important;min-width:0!important;padding:8px 10px!important;border-radius:14px!important;box-shadow:0 7px 19px #05071a55!important}
.v75-fly-note.v76-wish strong{font-size:11px!important;margin-bottom:3px!important}
.v75-fly-note.v76-wish .v76-message{font-size:11px!important;line-height:1.3!important;-webkit-line-clamp:2!important;line-clamp:2!important}
.v76-spark:nth-of-type(3),.v76-spark:nth-of-type(4){display:none!important}
}
.v77-more-wishes{display:none;align-items:center;justify-content:center;width:100%;margin:11px 0 0;padding:10px 12px;border:1px solid rgba(177,153,255,.48);border-radius:12px;color:inherit;background:rgba(131,100,229,.13);font-weight:700;cursor:pointer}
@media(max-width:700px){.v77-more-wishes{display:flex}.v75-entry.v77-collapsed{display:none!important}}
@media(prefers-reduced-motion:reduce){.v76-spark{display:none!important}}
@media (max-width:700px){
.hero.glass{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;padding:18px 15px 20px!important;margin-top:13px!important;min-height:0!important;border-radius:22px!important;text-align:center!important}
.hero-logo{grid-row:1!important;gap:4px!important;margin:0 auto 3px!important}
.hero-logo img{width:82px!important;height:82px!important;border-width:3px!important;box-shadow:0 0 0 5px #357cff16,0 0 25px #167aff42!important}
.hero-logo strong{font-size:15px!important;line-height:1.2!important}
.hero-logo small{font-size:11px!important;line-height:1.25!important}
.hero .kicker{font-size:10px!important;padding:5px 9px!important;max-width:100%;line-height:1.3!important}
.hero h1{font-size:clamp(23px,6.2vw,30px)!important;line-height:1.16!important;letter-spacing:-.8px!important;margin:10px 0 9px!important;overflow-wrap:normal!important}
.hero .subtitle{font-size:12.5px!important;line-height:1.55!important;margin:0 auto 12px!important;max-width:36ch!important}
.hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:430px!important;margin:0 auto!important}
.hero-actions .cta{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:42px!important;padding:9px 7px!important;font-size:11px!important;line-height:1.3!important;border-radius:12px!important;text-align:center!important}
.hero .info{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:6px!important;margin-top:11px!important}
.hero .info span{padding:5px 8px!important;font-size:10px!important;line-height:1.2!important;border-radius:9px!important}
.topbar.glass{padding:9px 10px!important;gap:9px!important;border-radius:17px!important}
.topbar .brand-icon{width:34px!important;height:34px!important;font-size:23px!important}
.topbar .brand strong{font-size:12px!important}
.topbar .brand small{font-size:7px!important;letter-spacing:1.1px!important}
.topbar .nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
.topbar .nav a,.topbar .nav button{display:flex!important;justify-content:center!important;align-items:center!important;min-width:0!important;min-height:36px!important;padding:7px 3px!important;font-size:11px!important;border-radius:10px!important;white-space:nowrap!important}
}
@media (max-width:365px){
.hero.glass{padding:15px 12px 17px!important}
.hero-logo img{width:74px!important;height:74px!important}
.hero h1{font-size:22px!important}
.hero-actions .cta{font-size:10px!important}
.topbar .nav a,.topbar .nav button{font-size:10px!important}
}
.v75-approved-wall{padding:13px 14px!important}
.v75-approved-heading{font-size:clamp(17px,1.9vw,21px)!important;line-height:1.3!important;margin-bottom:5px!important}
.v75-approved-info{margin:0 0 9px!important;font-size:12px!important}
.v75-approved-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:start!important}
.v75-entry.v79-entry{min-height:0!important;padding:9px 11px!important;border-radius:11px!important;align-self:start!important}
.v79-entry .v75-entry-name{font-size:12px!important;line-height:1.3!important;margin-bottom:4px!important}
.v79-entry .v75-entry-date{font-size:10px!important;white-space:nowrap!important}
.v79-entry .v75-entry-message{font-size:12px!important;line-height:1.42!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;overflow:hidden!important}
.v79-entry.v79-expanded .v75-entry-message{display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;overflow-wrap:anywhere!important}
.v79-read-more{display:inline-block;border:0;background:transparent;color:#c5a4ff;cursor:pointer;font:inherit;font-size:11px;font-weight:700;padding:5px 0 0}
html[data-theme="light"] .v79-read-more{color:#7143b1}
.v79-wish-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;padding-top:9px;border-top:1px solid rgba(163,142,225,.24)}
.v79-pager-btn{flex:0 0 auto;min-width:75px;min-height:35px;border:1px solid rgba(173,152,244,.48);border-radius:10px;background:rgba(131,103,223,.17);color:inherit;font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:7px 9px;touch-action:manipulation}
.v79-pager-btn:disabled{opacity:.38;cursor:default}
.v79-pager-btn:not(:disabled):hover{background:rgba(140,104,231,.29)}
.v79-pager-btn:focus-visible,.v79-read-more:focus-visible{outline:2px solid #a5d6ff;outline-offset:2px}
.v79-pager-count{font-size:11px;font-weight:700;opacity:.85;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.v79-welcome-invite{font-size:13px!important;line-height:1.55!important;max-width:38ch;margin:10px auto 16px!important;color:inherit;opacity:.9}
.v79-welcome-invite strong{color:#dcb8ff}
html[data-theme="light"] .v79-welcome-invite strong{color:#7143b1}
@media(max-width:700px){
.v75-approved-wall{padding:12px!important}
.v75-approved-items{grid-template-columns:minmax(0,1fr)!important;gap:7px!important;touch-action:pan-y!important}
.v75-entry.v79-entry{padding:8px 10px!important}
.v79-entry .v75-entry-name{font-size:12px!important;margin-bottom:2px!important}
.v79-entry .v75-entry-message{font-size:12px!important;line-height:1.36!important;-webkit-line-clamp:2!important;line-clamp:2!important}
.v79-wish-pager{gap:5px}
.v79-pager-btn{min-width:76px;min-height:39px;padding:8px 9px}
.v79-welcome-invite{font-size:12px!important;margin:9px auto 13px!important}
}
@media(prefers-reduced-motion:reduce){.v75-approved-items{scroll-behavior:auto!important}}
.v80-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid rgba(166,148,220,.2)}
.v80-react{display:inline-flex;align-items:center;gap:5px;min-height:31px;padding:5px 9px;border-radius:999px;border:1px solid rgba(172,150,235,.35);background:rgba(150,129,229,.1);color:inherit;font-size:12px;font-weight:700;cursor:pointer;touch-action:manipulation;transition:background .18s,transform .18s}
.v80-react:hover:not(:disabled){background:rgba(160,130,241,.22);transform:translateY(-1px)}
.v80-react:disabled{cursor:default;opacity:.65}.v80-react[aria-pressed="true"]{border-color:#b997ff;background:rgba(167,115,237,.27);opacity:1}
.v80-react:focus-visible,.v80-bot-toggle:focus-visible,.v80-bot-close:focus-visible,.v80-bot-send:focus-visible,.v80-bot-chip:focus-visible{outline:2px solid #79ccff;outline-offset:3px}
.v80-react-count{font-variant-numeric:tabular-nums}.v80-react-status{font-size:11px;opacity:.8;flex-basis:100%;line-height:1.4}
.v80-bot-toggle{position:fixed;right:19px;bottom:89px;z-index:390;display:flex;align-items:center;gap:7px;padding:10px 13px;border-radius:999px;border:1px solid rgba(160,204,255,.55);background:linear-gradient(115deg,#2155d4,#6e38bb);color:#fff;font-size:13px;font-weight:800;box-shadow:0 8px 26px #050d3677;cursor:pointer}
.v80-bot-toggle[aria-expanded="true"]{background:#38305e}
.v80-bot-panel{position:fixed;right:18px;bottom:143px;z-index:391;width:min(350px,calc(100vw - 30px));max-height:min(515px,calc(100dvh - 160px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #9182d5;border-radius:19px;background:#171c3a;color:#f5efff;box-shadow:0 18px 52px #03061b99;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.v80-bot-panel[hidden]{display:none!important}
.v80-bot-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;background:linear-gradient(110deg,#304bb4,#6c3e94)}
.v80-bot-head strong{font-size:14px;color:#fff}.v80-bot-head small{display:block;color:#e1dbff;font-size:10px;margin-top:2px}
.v80-bot-close{border:0;background:#ffffff22;color:#fff;border-radius:8px;width:31px;height:31px;cursor:pointer;font-size:17px}
.v80-bot-log{display:flex;flex-direction:column;gap:9px;overflow-y:auto;min-height:125px;max-height:265px;padding:12px;overscroll-behavior:contain}
.v80-bot-bubble{max-width:93%;align-self:flex-start;border:1px solid #7c77ab66;background:#292d53;padding:9px 11px;border-radius:13px;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.v80-bot-bubble.user{align-self:flex-end;background:#3546a0;border-color:#6e7ce0}
.v80-bot-quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px}
.v80-bot-chip{font-size:11px;border:1px solid #7976c2;background:#313461;color:#f7efff;border-radius:999px;padding:6px 9px;cursor:pointer}
.v80-bot-form{display:flex;gap:7px;padding:10px;border-top:1px solid #8073ad55}
.v80-bot-input{flex:1;min-width:0;border:1px solid #7773a3;border-radius:10px;padding:10px;background:#111a36;color:#fff;font:inherit;font-size:12px}
.v80-bot-send{border:0;border-radius:10px;padding:8px 11px;background:#5c52dc;color:#fff;font-size:12px;font-weight:700;cursor:pointer}
.v80-bot-note{padding:0 12px 10px;font-size:10px;color:#b7b5d6;line-height:1.4}
html[data-theme="light"] .v80-bot-panel{background:#f9f7ff;color:#28213e;border-color:#c1b6eb}
html[data-theme="light"] .v80-bot-bubble{background:#eae6fb;border-color:#d0c7ed}
html[data-theme="light"] .v80-bot-bubble.user{background:#d4ddff;border-color:#bac9f7}
html[data-theme="light"] .v80-bot-chip{background:#ebe7ff;color:#3a2d67;border-color:#c9b9ef}
html[data-theme="light"] .v80-bot-input{background:#fff;color:#24233c;border-color:#c5b8e3}
html[data-theme="light"] .v80-bot-note{color:#686283}
@media(max-width:700px){.v80-bot-toggle{right:12px;bottom:83px;padding:9px 11px;font-size:12px}.v80-bot-panel{right:10px;bottom:130px;width:min(340px,calc(100vw - 20px));max-height:min(480px,calc(100dvh - 148px))}.v80-react{font-size:11px;min-height:31px;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.v80-react{transition:none}}
@media (min-width:901px) {
.main-grid {
grid-template-columns:minmax(0,1.35fr) minmax(310px,.9fr);
align-items:start;
gap:18px;
}
.main-grid > #community {
grid-column:1 / -1;
width:100%;
min-width:0;
align-self:start;
}
.main-grid > #community .group-grid {
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.main-grid > #community .group-card {
min-height:70px;
padding:12px 14px;
}
.main-grid > #guestbook {grid-column:1;min-width:0}
.main-grid > .right {grid-column:2;min-width:0}
}
@media (min-width:1250px) {
.main-grid > #community .group-grid {
grid-template-columns:repeat(4,minmax(0,1fr));
}
}
@media (max-width:700px) {
.memory-gallery {display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important;padding:4px 2px 12px!important}
.memory-gallery .memory-photo {flex:0 0 min(66vw,255px)!important;width:min(66vw,255px)!important;min-width:0!important;scroll-snap-align:center!important}
.memory-gallery .memory-photo img {display:block!important;width:100%!important;height:auto!important;aspect-ratio:1 / 1!important;object-fit:cover!important;object-position:center!important;border-radius:15px!important}
}
@media (min-width:901px) {
.main-grid {grid-template-columns:minmax(0,1.07fr) minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
.main-grid > #community {grid-column:1 / -1!important;padding:24px 26px!important}
.main-grid > #community .group-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}
.main-grid > #community .group-card {min-height:92px!important;padding:16px 18px!important;gap:13px!important;border-radius:16px!important}
.main-grid > #community .group-card .gicon {width:47px!important;height:47px!important;min-width:47px!important;border-radius:13px!important;font-size:23px!important}
.main-grid > #community .group-card strong {font-size:15px!important;line-height:1.35!important}
.main-grid > #community .group-card small {font-size:12px!important;line-height:1.4!important;margin-top:3px!important}
.main-grid > #guestbook {grid-column:1!important;width:100%!important;min-width:0!important;max-width:none!important;padding:17px!important}
.main-grid > #guestbook .v71-guest-shell {min-width:0!important;width:100%!important}
.main-grid > #guestbook .v75-approved-wall {padding:15px!important;margin-top:12px!important}
.main-grid > #guestbook .v75-approved-items {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.main-grid > #guestbook .v75-entry {padding:10px 11px!important}
.main-grid > .right {grid-column:2!important;width:100%!important;min-width:0!important}
}
@media (min-width:1350px) {.main-grid > #community .group-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:901px) {
.main-grid {
grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;
align-items:start!important;
gap:16px!important;
}
.main-grid > #community {
grid-column:1!important;
grid-row:1!important;
width:100%!important;
min-width:0!important;
align-self:start!important;
padding:22px!important;
}
.main-grid > #community .group-grid {
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:11px!important;
}
.main-grid > #community .group-card {
min-height:82px!important;
padding:12px 13px!important;
}
.main-grid > #guestbook {
grid-column:2!important;
grid-row:1!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
padding:18px!important;
align-self:start!important;
}
.main-grid > .right {
grid-column:1 / -1!important;
grid-row:2!important;
display:grid!important;
grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
align-items:start!important;
gap:16px!important;
width:100%!important;
min-width:0!important;
}
.main-grid > .right > #contact {grid-column:1!important;grid-row:1!important;min-width:0!important}
.main-grid > .right > #music {grid-column:2!important;grid-row:1!important;min-width:0!important}
}
@media (min-width:901px) and (max-width:1080px) {
.main-grid > #community .group-grid {grid-template-columns:1fr!important}
}
@media (min-width:901px) {
.main-grid {
grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)!important;
align-items:stretch!important;
gap:18px!important;
}
.main-grid > #community {
grid-column:1!important;
grid-row:1!important;
align-self:stretch!important;
width:100%!important;
min-width:0!important;
padding:22px 26px!important;
}
.main-grid > #community .group-grid {
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
}
.main-grid > #community .group-card {
min-height:78px!important;
padding:12px 14px!important;
}
.main-grid > #guestbook {
grid-column:2!important;
grid-row:1!important;
align-self:start!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
padding:18px!important;
}
.main-grid > .right {
grid-column:1!important;
grid-row:2!important;
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
grid-template-rows:auto auto!important;
align-items:start!important;
align-content:start!important;
gap:16px!important;
width:100%!important;
min-width:0!important;
}
.main-grid > .right > #music {
grid-column:1!important;
grid-row:1!important;
width:100%!important;
min-width:0!important;
}
.main-grid > .right > #contact {
grid-column:1!important;
grid-row:2!important;
width:100%!important;
min-width:0!important;
}
}
@media (min-width:901px) and (max-width:1080px) {
.main-grid {grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important}
.main-grid > #community .group-grid {grid-template-columns:1fr!important}
}