*{box-sizing:border-box}
:root{
    --rose:#C98595;
    --rose-2:#D9A0AD;
    --rose-light:#F0CDD5;
    --rose-soft:#FAEEF1;
    --cream:#FFFDFC;
    --cream-2:#FBF7F6;
    --cream-3:#FFF9F8;
    --mauve:#9D7C8E;
    --mauve-deep:#71596A;
    --plum:#6B5363;
    --plum-dark:#4A3945;
    --lavender:#B8A5B4;
    --lavender-soft:#EFE8EE;
    --peach:#E6B7AA;
    --peach-soft:#F8EAE5;
    --sage:#91A79D;
    --sage-soft:#E8F0EC;
    --ink:#3D343A;
    --ink-2:#655B61;
    --ink-3:#92878D;
    --surface:#FFFFFF;
    --surface-soft:rgba(255,255,255,.90);
    --line:rgba(157,124,142,.14);
    --line-strong:rgba(157,124,142,.24);
    --shadow:0 8px 28px rgba(80,57,70,.07);
    --shadow-hover:0 18px 42px rgba(80,57,70,.12);
    --radius:12px;
    --radius-card:18px;
    --radius-large:28px;
    --radius-pill:999px;
    --wrap:1320px;
}
html{scroll-behavior:smooth;background:var(--cream)}
body{margin:0;min-width:0;color:var(--ink);background:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.7;overflow-x:hidden}
body.search-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;object-fit:cover}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
p,h1,h2,h3,h4,ul,ol,dl,dd{margin-top:0}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin:0 auto}
.page-main{padding:42px 0 80px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-80px;z-index:300;background:var(--plum-dark);color:#fff;padding:10px 16px;border-radius:0 0 10px 10px}
.skip-link:focus{top:0}
.eyebrow{margin-bottom:8px;color:var(--mauve-deep);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:750}
.muted{color:var(--ink-3)}
.lead{font-size:1.08rem;color:var(--ink-2);max-width:820px}
.stack{display:grid;gap:18px}
.button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-pill);padding:11px 18px;font-weight:700;min-height:44px}
.button.primary{background:var(--plum);color:#fff;box-shadow:0 8px 22px rgba(107,83,99,.18)}
.button.primary:hover{background:var(--plum-dark)}
.button.secondary{background:var(--surface);border-color:var(--line-strong);color:var(--plum)}
.button.soft{background:var(--rose-soft);color:var(--plum)}
.text-link{color:var(--plum);font-weight:720;white-space:nowrap}
.text-link:hover{text-decoration:underline}

.site-header{position:sticky;top:0;z-index:120;height:70px;background:rgba(255,253,252,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);transition:background .25s,box-shadow .25s}
.site-header.is-scrolled{background:rgba(255,255,255,.97);box-shadow:0 8px 28px rgba(80,57,70,.07)}
.header-inner{height:70px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content}
.brand img{width:42px;height:42px;object-fit:contain;border-radius:12px}
.brand span{display:grid;line-height:1.22}
.brand strong{font-size:1.03rem;color:var(--plum-dark)}
.brand small{font-size:.68rem;color:var(--ink-3);margin-top:3px}
.desktop-nav{display:flex;align-items:center;gap:19px;margin-left:auto;font-size:.92rem}
.desktop-nav a{padding:8px 0;position:relative;color:var(--ink-2)}
.desktop-nav a:hover{color:var(--plum)}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--rose);transition:right .2s}
.desktop-nav a:hover:after{right:0}
.header-actions{display:flex;align-items:center;gap:8px}
.icon-button,.menu-button,.header-app{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-pill);padding:0 12px}
.icon-button{font-size:1.12rem;padding:0}
.menu-button{display:none}
.header-app{background:var(--rose-soft);color:var(--plum);font-size:.86rem;font-weight:750}
.mega-menu{position:absolute;left:0;right:0;top:70px;background:rgba(255,253,252,.985);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
.mega-menu[hidden]{display:none}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:30px 0 34px}
.mega-grid>div{display:grid;gap:8px;align-content:start}
.mega-grid strong{color:var(--plum);margin-bottom:5px}
.mega-grid a{font-size:.92rem;color:var(--ink-2)}
.mega-grid a:hover{color:var(--rose)}

.search-modal{display:none}
.search-modal{position:fixed;inset:0;z-index:220;background:rgba(55,42,50,.46);align-items:flex-start;justify-content:center;padding:12vh 20px 30px;backdrop-filter:blur(9px)}
.search-modal.is-open{display:flex}
.search-modal[hidden]{display:none!important}
.search-dialog{position:relative;width:min(720px,100%);background:var(--cream);border:1px solid rgba(255,255,255,.65);border-radius:28px;padding:34px;box-shadow:0 28px 90px rgba(49,34,43,.25)}
.search-dialog h2{font-size:clamp(1.65rem,3vw,2.35rem);margin-bottom:8px}
.search-dialog>p:not(.eyebrow){color:var(--ink-2)}
.modal-close{position:absolute;right:18px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:var(--lavender-soft);font-size:1.5rem}
.modal-search-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:22px}
.modal-search-form input,.search-bar input{width:100%;min-height:48px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:#fff;padding:0 18px;outline:none}
.modal-search-form input:focus,.search-bar input:focus{border-color:var(--rose);box-shadow:0 0 0 4px var(--rose-soft)}
.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.search-suggestions a,.chip{border:1px solid var(--line);border-radius:var(--radius-pill);padding:7px 12px;background:var(--surface);font-size:.85rem;color:var(--ink-2)}
.search-suggestions a:hover,.chip:hover,.chip.is-active{background:var(--rose-soft);border-color:var(--rose-light);color:var(--plum)}

.hero{background:linear-gradient(135deg,#FFFDFC 0%,#FAEEF1 52%,#EEE5EC 100%);min-height:580px;display:flex;align-items:center;border-bottom:1px solid var(--line);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,6.5fr) minmax(0,5.5fr);gap:52px;align-items:center;padding:58px 0}
.hero-copy h1{font-size:clamp(2.6rem,5.3vw,5rem);line-height:1.05;letter-spacing:-.045em;margin-bottom:22px;color:var(--plum-dark);max-width:760px}
.hero-copy .lead{font-size:1.08rem;margin-bottom:12px}
.hero-search{display:grid;grid-template-columns:1fr auto;gap:9px;margin:26px 0 16px;max-width:690px}
.hero-search input{min-width:0;height:52px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:0 20px;background:rgba(255,255,255,.9)}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hero-tags a{font-size:.82rem;color:var(--mauve-deep);background:rgba(255,255,255,.72);padding:6px 11px;border-radius:var(--radius-pill);border:1px solid var(--line)}
.hero-visual{position:relative;min-height:465px}
.hero-visual>img{width:100%;height:465px;border-radius:32px;box-shadow:0 28px 65px rgba(86,58,74,.16);object-fit:cover}
.floating-card{position:absolute;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);backdrop-filter:blur(12px);border-radius:18px;padding:14px 16px;max-width:245px}
.floating-card strong{display:block;font-size:.92rem;margin-bottom:3px;color:var(--plum)}
.floating-card span{font-size:.78rem;color:var(--ink-2)}
.floating-card.one{left:-26px;bottom:32px}
.floating-card.two{right:-18px;top:35px}
.hero-privacy{position:absolute;right:16px;bottom:-24px;width:min(310px,72%);background:var(--sage-soft);border:1px solid rgba(145,167,157,.28);border-radius:18px;padding:14px 16px;font-size:.82rem;color:#4e625a}

.home-section,.content-section{padding:72px 0;border-bottom:1px solid var(--line)}
.home-section.alt,.content-section.alt{background:var(--cream-2)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.section-heading h2{font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:1.15;letter-spacing:-.025em;margin-bottom:8px;color:var(--plum-dark)}
.section-heading p:not(.eyebrow){margin-bottom:0;color:var(--ink-2);max-width:760px}
.chip-cloud{display:flex;flex-wrap:wrap;gap:10px}
.chip-cloud .chip{padding:10px 15px;font-weight:650}

.editorial-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:24px}
.editorial-lead{position:relative;min-height:450px;border-radius:var(--radius-large);overflow:hidden;background:var(--plum);color:#fff}
.editorial-lead img{position:absolute;inset:0;width:100%;height:100%;opacity:.78}
.editorial-lead:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(60,42,53,.06),rgba(60,42,53,.86))}
.editorial-lead-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:32px}
.editorial-lead-copy h3{font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.15;margin-bottom:10px}
.editorial-lead-copy p{max-width:640px;margin-bottom:0;color:rgba(255,255,255,.87)}
.editorial-side{display:grid;gap:14px}

.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.video-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.video-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;min-width:0;box-shadow:0 5px 18px rgba(80,57,70,.035);transition:transform .2s,box-shadow .2s}
.video-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}
.video-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--lavender-soft)}
.video-thumb img{width:100%;height:100%;transition:transform .35s}
.video-card:hover .video-thumb img{transform:scale(1.025)}
.duration{position:absolute;right:9px;bottom:9px;background:rgba(56,45,52,.82);color:#fff;border-radius:8px;padding:3px 7px;font-size:.72rem}
.video-card-body{padding:17px}
.card-kicker{display:flex;justify-content:space-between;gap:9px;color:var(--mauve-deep);font-size:.72rem;font-weight:700}
.video-card h3{font-size:1.04rem;line-height:1.4;margin:8px 0 8px}
.video-card h3 a:hover{color:var(--rose)}
.video-card p{font-size:.86rem;line-height:1.65;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:13px}
.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px;font-size:.78rem;color:var(--ink-3)}
.favorite-button{border:0;background:var(--rose-soft);color:var(--plum);border-radius:var(--radius-pill);padding:5px 10px;font-size:.75rem}
.favorite-button.is-favorite{background:var(--plum);color:#fff}

.content-rail-wrap{position:relative}
.content-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,32%);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 2px 18px;scrollbar-width:thin;scrollbar-color:var(--rose-light) transparent}
.content-rail .video-card{scroll-snap-align:start}
.rail-controls{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
.rail-control{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fff}

.mini-video{display:grid;grid-template-columns:42px 1fr;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}
.mini-video h3{font-size:1rem;line-height:1.4;margin:0 0 6px}
.mini-video p:last-child{margin-bottom:0;color:var(--ink-2);font-size:.84rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mini-index{font-size:1.4rem;color:var(--rose-2);font-weight:800}

.bento-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:auto auto;gap:18px}
.bento-card{border-radius:var(--radius-large);padding:26px;background:var(--surface);border:1px solid var(--line);min-height:210px;display:flex;flex-direction:column;justify-content:space-between}
.bento-card.large{grid-row:span 2;background:linear-gradient(145deg,var(--rose-soft),var(--lavender-soft));min-height:438px}
.bento-card.sage{background:var(--sage-soft)}
.bento-card.peach{background:var(--peach-soft)}
.bento-card h3{font-size:1.35rem;margin-bottom:8px}
.bento-card p{color:var(--ink-2);margin-bottom:0}

.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}
.split-panel.reverse>div:first-child{order:2}
.split-panel img{width:100%;aspect-ratio:16/10;border-radius:var(--radius-large)}
.split-copy{padding:10px 0}
.split-copy h2,.split-copy h3{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.2;color:var(--plum-dark)}
.split-copy p{color:var(--ink-2)}
.check-list{list-style:none;padding:0;display:grid;gap:10px}
.check-list li{position:relative;padding-left:28px}
.check-list li:before{content:"✓";position:absolute;left:0;color:var(--sage);font-weight:900}

.creator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.creator-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:22px;min-width:0}
.creator-avatar{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,var(--rose-soft),var(--lavender-soft));display:grid;place-items:center;color:var(--plum);font-size:1.2rem;font-weight:800;margin-bottom:17px}
.creator-card h3{font-size:1.18rem;margin-bottom:8px}
.creator-card>p:not(.eyebrow){font-size:.88rem;color:var(--ink-2)}
.creator-foot{display:flex;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid var(--line);font-size:.74rem;color:var(--ink-3)}

.knowledge-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.knowledge-item{background:#fff;border-left:4px solid var(--rose-light);border-radius:0 var(--radius-card) var(--radius-card) 0;padding:20px 22px;box-shadow:var(--shadow)}
.knowledge-item h3{font-size:1.02rem;margin-bottom:7px}
.knowledge-item p{font-size:.86rem;color:var(--ink-2);margin-bottom:0}

.timeline{position:relative;display:grid;gap:0;margin-left:9px}
.timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:1px;background:var(--line-strong)}
.timeline-item{position:relative;display:grid;grid-template-columns:120px 120px 1fr;gap:18px;padding:0 0 26px 36px}
.timeline-item:before{content:"";position:absolute;left:2px;top:7px;width:13px;height:13px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 5px var(--rose-soft)}
.timeline-time{font-size:.82rem;color:var(--ink-3)}
.timeline-type{font-size:.78rem;color:var(--mauve-deep);font-weight:700}
.timeline-item h3{font-size:1.02rem;margin-bottom:4px}
.timeline-item p{color:var(--ink-2);font-size:.87rem;margin:0}

.rank-list{display:grid;gap:10px}
.rank-row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.rank-number{font-size:1.35rem;font-weight:850;color:var(--rose-2)}
.rank-row h3{font-size:.98rem;margin:0 0 3px}
.rank-row p{font-size:.8rem;color:var(--ink-3);margin:0}
.rank-score{font-size:.78rem;background:var(--rose-soft);color:var(--plum);padding:5px 9px;border-radius:999px}
.tab-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.tab-button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px}
.tab-button.is-active{background:var(--plum);color:#fff;border-color:var(--plum)}
.rank-panel[hidden]{display:none}

.collection-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;background:linear-gradient(145deg,var(--cream-3),var(--rose-soft));border:1px solid var(--line);border-radius:30px;padding:24px}
.collection-feature img{width:100%;height:100%;min-height:360px;border-radius:22px}
.collection-feature-copy{padding:22px 12px 18px}
.collection-feature-copy h3{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.2;color:var(--plum-dark)}
.collection-feature-copy p{color:var(--ink-2)}
.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.collection-card{display:grid;grid-template-columns:220px 1fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}
.collection-card>img{width:100%;height:100%;min-height:270px}
.collection-card-body{padding:22px}
.collection-card h3{font-size:1.22rem;line-height:1.35}
.collection-card p{font-size:.87rem;color:var(--ink-2)}
.mini-dl{font-size:.8rem;color:var(--ink-2);display:grid;gap:8px}
.mini-dl div{display:grid;grid-template-columns:42px 1fr;gap:8px}
.mini-dl dt{font-weight:750;color:var(--mauve-deep)}
.mini-dl dd{margin:0}

.community-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:22px}
.post-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}
.post-card h3{font-size:1.08rem;margin-bottom:8px}
.post-card p{color:var(--ink-2);font-size:.9rem}
.post-meta{display:flex;justify-content:space-between;align-items:center;color:var(--ink-3);font-size:.78rem}
.like-button{border:0;background:var(--rose-soft);color:var(--plum);border-radius:999px;padding:6px 10px}

.privacy-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.privacy-card{border:1px solid var(--line);border-radius:var(--radius-card);padding:24px;background:var(--surface)}
.privacy-card.sage{background:var(--sage-soft)}
.privacy-card h3{margin-bottom:8px}
.privacy-card p{color:var(--ink-2);margin-bottom:0}

.device-showcase{display:grid;grid-template-columns:1fr .85fr;gap:28px;align-items:center;background:linear-gradient(145deg,var(--plum),var(--plum-dark));color:#fff;border-radius:32px;padding:42px;overflow:hidden}
.device-showcase h2{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.12}
.device-showcase p{color:rgba(255,255,255,.78)}
.device-showcase .button.secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.24)}
.device-abstract{position:relative;min-height:320px}
.device-abstract:before,.device-abstract:after{content:"";position:absolute;border-radius:28px;background:linear-gradient(145deg,#fff,var(--rose-light));box-shadow:0 20px 50px rgba(0,0,0,.2)}
.device-abstract:before{width:58%;height:86%;right:10%;top:4%;transform:rotate(6deg)}
.device-abstract:after{width:42%;height:70%;left:8%;bottom:0;transform:rotate(-8deg);background:linear-gradient(145deg,var(--sage-soft),#fff)}

.faq-list{display:grid;gap:10px;max-width:980px;margin:0 auto}
.faq-item{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:#fff;text-align:left;padding:18px 20px;font-weight:750}
.faq-question span:last-child{font-size:1.25rem;color:var(--rose)}
.faq-answer{padding:0 20px 18px;color:var(--ink-2)}
.faq-answer[hidden]{display:none}

.longform-guide{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.4fr);gap:36px}
.article-copy{background:#fff;border:1px solid var(--line);border-radius:var(--radius-large);padding:34px}
.article-copy h2{font-size:2rem;color:var(--plum-dark)}
.article-copy h3{margin-top:28px;color:var(--plum)}
.article-copy p{color:var(--ink-2)}
.article-aside{align-self:start;position:sticky;top:96px;display:grid;gap:12px}
.article-aside a{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink-2)}

.page-hero{padding:56px 0 34px}
.page-hero.soft{background:linear-gradient(135deg,var(--cream),var(--rose-soft))}
.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}
.page-hero h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.08;letter-spacing:-.04em;color:var(--plum-dark);margin-bottom:16px}
.page-hero p{color:var(--ink-2);font-size:1.03rem;max-width:780px}
.page-hero img{width:100%;aspect-ratio:16/10;border-radius:var(--radius-large);box-shadow:var(--shadow)}
.page-hero.compact{padding:46px 0 20px}
.page-hero.compact h1{font-size:clamp(2.1rem,4vw,3.6rem)}

.notice-card{display:flex;gap:14px;align-items:flex-start;background:var(--sage-soft);border:1px solid rgba(145,167,157,.26);border-radius:16px;padding:18px}
.notice-icon{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:#fff;font-weight:800}
.notice-card strong{color:#4b6258}
.notice-card p{margin:3px 0 0;color:#587067;font-size:.88rem}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.info-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:22px}
.info-card h3{font-size:1.05rem}
.info-card p{color:var(--ink-2);font-size:.9rem;margin-bottom:0}
.prose{max-width:920px}
.prose h2{margin-top:34px;color:var(--plum-dark);font-size:1.55rem}
.prose h3{margin-top:24px;color:var(--plum)}
.prose p,.prose li{color:var(--ink-2)}
.prose section{margin:34px 0}
.policy-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px}
.policy-aside{position:sticky;top:96px;align-self:start;background:var(--rose-soft);border-radius:18px;padding:20px}
.policy-aside a{display:block;padding:7px 0;color:var(--plum)}

.search-bar{display:grid;grid-template-columns:1fr auto;gap:10px;margin:24px 0 34px;max-width:820px}
.search-summary{padding:15px 18px;background:var(--rose-soft);border-radius:14px;margin-bottom:24px;color:var(--plum)}
.empty-state{padding:38px;background:#fff;border:1px dashed var(--line-strong);border-radius:var(--radius-card);text-align:center}

.detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:34px;align-items:center;padding:42px 0}
.detail-media{position:relative;aspect-ratio:16/10;border-radius:30px;overflow:hidden;background:var(--lavender-soft)}
.detail-media img{width:100%;height:100%}
.detail-copy h1{font-size:clamp(2rem,4.5vw,3.9rem);line-height:1.08;color:var(--plum-dark)}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}
.tag{padding:6px 10px;background:var(--rose-soft);border-radius:999px;color:var(--plum);font-size:.78rem}
.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.detail-meta div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}
.detail-meta dt{font-size:.72rem;color:var(--ink-3)}
.detail-meta dd{margin:2px 0 0;font-weight:700}
.detail-sections{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}
.detail-main{display:grid;gap:20px}
.detail-block{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:26px}
.detail-block h2{font-size:1.4rem;color:var(--plum-dark)}
.detail-block p,.detail-block li{color:var(--ink-2)}
.detail-aside{align-self:start;position:sticky;top:96px;display:grid;gap:16px}

.viewer-shell{max-width:1180px;margin:0 auto;padding:32px 20px 70px}
.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.viewer-toolbar .button-row{justify-content:flex-end}
.viewer-stage{background:linear-gradient(145deg,var(--plum-dark),#2f272c);color:#fff;border-radius:28px;padding:clamp(24px,5vw,58px);min-height:460px;display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}
.viewer-stage img{width:100%;aspect-ratio:16/10;border-radius:22px;opacity:.92}
.viewer-stage h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12}
.viewer-stage p{color:rgba(255,255,255,.76)}
.viewer-progress{height:6px;background:rgba(255,255,255,.16);border-radius:999px;overflow:hidden;margin-top:22px}
.viewer-progress>span{display:block;height:100%;width:0;background:var(--rose-light)}
.viewer-content{max-width:820px;margin:36px auto 0}
.viewer-content section{padding:28px 0;border-bottom:1px solid var(--line)}
.viewer-content h2{color:var(--plum-dark)}
.viewer-content p,.viewer-content li{color:var(--ink-2)}
.subtitle-panel{background:var(--rose-soft);border-radius:16px;padding:18px;margin:16px 0}
html[data-reader-theme="soft"] body{background:var(--cream-2)}

.library-grid [hidden]{display:none!important}
.library-note{padding:20px;background:var(--sage-soft);border-radius:16px;color:#536b61;margin-bottom:24px}
.clear-button{border:1px solid var(--line-strong);background:#fff;border-radius:999px;padding:8px 13px}

.download-steps{counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.download-step{counter-increment:steps;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.download-step:before{content:counter(steps);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--rose-soft);color:var(--plum);font-weight:800;margin-bottom:14px}

.not-found-panel{text-align:center;max-width:700px;margin:12vh auto;padding:50px;background:linear-gradient(145deg,var(--rose-soft),var(--cream));border:1px solid var(--line);border-radius:32px}
.not-found-panel h1{font-size:clamp(2rem,5vw,3.8rem);color:var(--plum-dark)}
.not-found-panel .button-row{justify-content:center}

.site-footer{background:linear-gradient(135deg,#6B5363,#40333D);color:#fff;padding:56px 0 92px}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:38px}
.footer-grid>div{display:grid;gap:8px;align-content:start}
.footer-grid strong{margin-bottom:6px}
.footer-grid a{font-size:.86rem;color:rgba(255,255,255,.74)}
.footer-grid a:hover{color:#fff}
.footer-brand p{color:rgba(255,255,255,.7);font-size:.9rem;max-width:380px}
.footer-bottom{display:flex;justify-content:space-between;gap:22px;border-top:1px solid rgba(255,255,255,.12);padding-top:24px;margin-top:40px;font-size:.78rem;color:rgba(255,255,255,.62)}
.mobile-bottom-nav{display:none}
.back-to-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;box-shadow:var(--shadow);z-index:80;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}
.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}
[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .45s,transform .45s}
[data-reveal].is-visible{opacity:1;transform:none}

@media (max-width:1200px){
    .desktop-nav{gap:13px;font-size:.86rem}.brand small{display:none}.video-grid{grid-template-columns:repeat(3,1fr)}.creator-grid{grid-template-columns:repeat(4,1fr)}.collection-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}
}
@media (max-width:1024px){
    .desktop-nav a:nth-child(6),.desktop-nav a:nth-child(7),.desktop-nav a:nth-child(8){display:none}.menu-button{display:inline-flex}.hero-grid{gap:34px}.video-grid{grid-template-columns:repeat(3,1fr)}.info-grid{grid-template-columns:repeat(2,1fr)}.knowledge-list{grid-template-columns:repeat(2,1fr)}.creator-grid{grid-template-columns:repeat(4,1fr)}.collection-card{grid-template-columns:190px 1fr}.detail-sections{grid-template-columns:1fr 270px}.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}
}
@media (max-width:900px){
    .wrap{width:min(calc(100% - 30px),var(--wrap))}.desktop-nav{display:none}.header-inner{gap:12px}.header-actions{margin-left:auto}.hero{min-height:auto}.hero-grid,.page-hero-grid,.detail-hero{grid-template-columns:1fr}.hero-grid{padding:44px 0 62px}.hero-copy{order:1}.hero-visual{order:2;min-height:400px}.hero-visual>img{height:400px}.editorial-grid,.split-panel,.collection-feature,.device-showcase,.viewer-stage{grid-template-columns:1fr}.split-panel.reverse>div:first-child{order:initial}.bento-grid{grid-template-columns:1fr 1fr}.bento-card.large{grid-column:span 2;grid-row:auto;min-height:300px}.content-rail{grid-auto-columns:minmax(290px,55%)}.video-grid,.video-grid.three{grid-template-columns:repeat(2,1fr)}.creator-grid{grid-template-columns:repeat(2,1fr)}.community-flow,.privacy-panel{grid-template-columns:1fr}.longform-guide,.policy-layout,.detail-sections{grid-template-columns:1fr}.article-aside,.policy-aside,.detail-aside{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}.device-abstract{min-height:260px}
}
@media (max-width:768px){
    .site-header{height:64px}.header-inner{height:64px}.brand img{width:38px;height:38px}.brand span small{display:none}.brand strong{font-size:.96rem}.header-app{display:none}.mega-menu{top:64px;max-height:calc(100vh - 64px);overflow:auto}.mega-grid{grid-template-columns:1fr 1fr;gap:24px}.home-section,.content-section{padding:52px 0}.section-heading{align-items:flex-start}.section-heading .text-link{margin-top:8px}.hero-copy h1{font-size:clamp(2.4rem,10vw,4rem)}.floating-card.one{left:10px}.floating-card.two{right:8px}.timeline-item{grid-template-columns:90px 1fr}.timeline-type{display:none}.collection-card{grid-template-columns:1fr}.collection-card>img{height:220px;min-height:0}.detail-meta{grid-template-columns:1fr 1fr}.download-steps{grid-template-columns:1fr 1fr}.viewer-toolbar{align-items:flex-start;flex-direction:column}.viewer-toolbar .button-row{justify-content:flex-start}.site-footer{padding-bottom:120px}.mobile-bottom-nav{position:fixed;z-index:110;left:10px;right:10px;bottom:10px;height:62px;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 44px rgba(68,48,59,.18);backdrop-filter:blur(15px)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.68rem;color:var(--ink-2)}.mobile-bottom-nav a span{font-size:1.05rem;color:var(--plum)}.back-to-top{bottom:84px}.footer-bottom{flex-direction:column}.search-dialog{padding:28px 22px}.modal-search-form{grid-template-columns:1fr}.page-main{padding-bottom:100px}
}
@media (max-width:600px){
    .wrap{width:min(calc(100% - 24px),var(--wrap))}.brand span{display:none}.header-actions{gap:6px}.menu-button{padding:0 10px}.mega-grid{grid-template-columns:1fr}.hero-grid{padding-top:32px}.hero-visual{min-height:320px}.hero-visual>img{height:320px}.floating-card.two{display:none}.hero-privacy{right:8px;width:82%}.hero-search{grid-template-columns:1fr}.section-heading{display:grid;gap:8px}.video-grid,.video-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.video-card-body{padding:12px}.video-card p{font-size:.79rem;-webkit-line-clamp:2}.card-meta a{display:none}.content-rail{grid-auto-columns:82%}.bento-grid{grid-template-columns:1fr}.bento-card.large{grid-column:auto}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.creator-card{padding:16px}.creator-card>p:not(.eyebrow){display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.knowledge-list{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;padding-left:30px}.timeline-time{margin-bottom:-12px}.rank-row{grid-template-columns:42px 1fr}.rank-score{display:none}.info-grid{grid-template-columns:1fr}.detail-meta{grid-template-columns:1fr}.detail-media{border-radius:22px}.detail-block{padding:20px}.download-steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.device-showcase{padding:28px}.page-hero{padding-top:36px}.page-hero h1{font-size:clamp(2rem,10vw,3.3rem)}
}