/* Lovelle original application code © 2026 Xuân Hoà · Telegram: @HoaNX · Facebook: fb.com/nxh1811. Third-party components retain their own licenses. */
@import url("/library/lovelle-theme.css");
:root{--paper:#f8f6ef;--ink:#304b5a;--muted:#63747b;--line:#d9dfdb;--white:#fff;--accent:#b98c68;--soft:#e8eeeb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a66943;outline-offset:4px}button,a{touch-action:manipulation}.site-header{max-width:1280px;margin:auto;min-height:94px;padding:20px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font:27px Georgia,serif;flex-wrap:wrap}.brand svg{width:29px;height:32px}.brand span{display:block;font:9px Arial;letter-spacing:2px;flex-basis:100%;padding-left:38px;margin-top:-7px}.site-header nav{display:flex;gap:30px;align-items:center;font-size:14px}.nav-admin{border:1px solid var(--ink);border-radius:999px;padding:10px 20px}.hero{max-width:1280px;margin:auto;padding:76px 36px 92px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:35px;min-height:650px}.eyebrow{font:11px/1.5 Arial;letter-spacing:2.2px;margin:0 0 18px;font-weight:600}.hero h1{font:clamp(39px,4.5vw,64px)/1.15 Georgia,serif;letter-spacing:-1.8px;margin:0 0 24px}.hero h1 em{font-weight:400;color:#587583}.lead{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.primary{display:inline-flex;align-items:center;gap:24px;min-height:48px;padding:12px 24px;background:var(--ink);color:white;border-radius:999px;font-size:14px}.subtle{font-size:14px;border-bottom:1px solid #a2b1b4}.hero-note{display:flex;gap:17px;flex-wrap:wrap;margin-top:32px;font-size:11px;color:var(--muted)}.hero-note span:before{content:'✓';margin-right:6px}.hero-art{position:relative;height:450px;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;width:430px;height:430px;border:1px solid #dce2dd;border-radius:50%;background:radial-gradient(ellipse,#e6ece7 0,transparent 72%)}.mini-card{height:360px;width:218px;border:8px solid white;border-radius:15px;box-shadow:0 20px 40px #304b5a20;overflow:hidden;position:absolute}.mini-card img{width:100%;height:100%;object-fit:cover;object-position:top}.card-back{transform:rotate(-11deg) translate(-79px,-10px)}.card-front{transform:rotate(8deg) translate(71px,14px)}.seal{position:absolute;bottom:15px;right:35px;border:1px solid #bda281;color:#aa815f;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;font:italic 35px Georgia;background:#f8f6ef}.art-caption{position:absolute;bottom:-10px;font:italic 15px Georgia;color:var(--muted)}.collection{max-width:1280px;margin:auto;padding:64px 36px;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-title h2,.how h2,.closing h2{font:38px/1.2 Georgia,serif;letter-spacing:-.8px;margin:0}.section-title p:last-child{color:var(--muted);font-size:13px}.filterbar{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:14px;padding:18px;background:#eef0e9;border:1px solid #dde2d9;border-radius:15px}.filterbar label{font-size:11px;color:var(--muted)}.filterbar select{display:block;min-height:44px;width:100%;border:0;background:transparent;color:var(--ink);font-size:14px;padding-right:8px}.search-label{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:10px;padding:10px 14px}.search-label svg{width:21px;flex-shrink:0}.search-label input{width:100%;border:0;background:transparent;min-height:30px;font-size:14px;color:var(--ink)}.collection-meta{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:22px 0}.collection-meta p{font-size:13px;color:var(--muted);margin:0}.badge-key{display:flex;gap:16px;font-size:11px;color:var(--muted)}.badge-key span{display:flex;gap:6px;align-items:center}.badge-key svg{width:17px;height:17px}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.card{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 12px 32px #304b5a13;transform:translateY(-3px)}.image{position:relative;height:320px;overflow:hidden;background:#eeede7}.image img{width:100%;height:100%;object-fit:cover;object-position:top}.image iframe{position:absolute;top:0;left:0;width:390px;height:850px;border:0;transform-origin:top left;pointer-events:none}.tier-badge{position:absolute;right:12px;top:12px;z-index:3;width:35px;height:35px;display:grid;place-items:center;background:#fffef5ec;backdrop-filter:blur(6px);border:1px solid #ffffffa0;border-radius:50%;box-shadow:0 3px 12px #0001;color:#627d64}.tier-badge svg{width:20px;height:20px}.tier-badge.basic{color:#496a7e}.tier-badge.premium{color:#a87826;background:#fff7db}.info{padding:19px}.card-source{font:10px Arial;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted)}.info h3{font:23px/1.25 Georgia;margin:10px 0 12px;min-height:58px}.card-actions{display:flex;gap:8px}.card-actions a{display:flex;flex:1;justify-content:center;align-items:center;min-height:44px;font:13px Arial;white-space:nowrap;padding:10px 6px;border:1px solid var(--ink);border-radius:8px}.open{background:var(--ink);color:white}.demo{background:white;color:var(--ink)}.card-actions a:hover{filter:brightness(.93)}.more-wrap{text-align:center;margin-top:35px}.outline{min-height:46px;padding:10px 27px;border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:999px;cursor:pointer}.how{max-width:1280px;margin:auto;padding:72px 36px;display:grid;grid-template-columns:1fr 1.9fr;gap:55px;border-top:1px solid var(--line)}.how>div p:last-child{font-size:14px;color:var(--muted)}.how ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.how li>span{display:inline-block;font:italic 28px Georgia;color:#9b7a5e;padding-bottom:12px;border-bottom:1px solid #d9caba;width:100%}.how h3{font:21px Georgia}.how li p{font-size:13px;color:var(--muted);line-height:1.7}.closing{text-align:center;background:#e8eeea;padding:64px 20px}.closing h2{margin-bottom:25px}footer{padding:40px 36px;max-width:1280px;margin:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;font-size:12px;color:var(--muted)}footer .credits{flex-basis:100%;font-size:11px;margin:0}footer .credits a{text-decoration:underline}button[hidden]{display:none}.empty{grid-column:1/-1;text-align:center;padding:50px}.empty button{margin-top:15px}@media(max-width:1100px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:20px}.hero-art{transform:scale(.86)}.hero h1{font-size:50px}.how{grid-template-columns:1fr}.image{height:340px}}@media(max-width:760px){.site-header{padding:18px 20px}.site-header nav{gap:16px}.site-header nav a:not(.nav-admin){display:none}.nav-admin{font-size:12px;padding:8px 13px}.hero{grid-template-columns:1fr;padding:44px 20px 50px;gap:0}.hero h1{font-size:42px;letter-spacing:-1px}.hero-copy{text-align:center}.hero-actions,.hero-note{justify-content:center}.hero-art{height:365px;transform:scale(.8);margin:10px -20px -15px}.collection{padding:38px 20px}.section-title{align-items:start;flex-direction:column;gap:8px}.section-title h2,.how h2,.closing h2{font-size:31px}.filterbar{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.search-label{grid-column:1/-1}.collection-meta{flex-wrap:wrap;gap:10px}.badge-key{gap:13px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.image{height:275px}.info{padding:13px}.info h3{font-size:19px;min-height:48px}.card-actions{gap:6px}.card-actions a{font-size:11px;min-height:44px}.how{padding:40px 20px;gap:22px}.how ol{grid-template-columns:1fr;gap:15px}.how li{display:grid;grid-template-columns:40px 1fr;gap:0 15px}.how li>span{grid-row:1/3;border:0}.how h3{margin:0}.how li p{margin:8px 0}.closing{padding:45px 20px}.tier-badge{right:9px;top:9px;width:29px;height:29px}.tier-badge svg{width:17px;height:17px}}@media(max-width:390px){.gallery{gap:10px}.info{padding:10px}.card-actions a{font-size:10px}.image{height:240px}.hero h1{font-size:36px}.hero-art{transform:scale(.72)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover{transform:none}}
.card{display:flex;flex-direction:column}.info{flex:1;display:flex;flex-direction:column}.card-actions{margin-top:auto}.image{flex-shrink:0}
.nav-admin{white-space:nowrap}