@charset "UTF-8";
:root{--rose:#087E97;--rose2:#169BB1;--ice:#A5DFE8;--soft:#E1F5F8;--cream:#F5F9FC;--pale:#EAF2F8;--blue:#155B7E;--deep:#102A43;--ink:#172D40;--muted:#536D80;--line:rgba(36,73,102,.15);--white:#fff;--shadow:0 12px 35px rgba(16,42,67,.09);--wrap:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.8 Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--rose)}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(var(--wrap),calc(100% - 48px));margin:auto}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:99}
header{height:70px;position:sticky;top:0;z-index:20;background:rgba(245,249,252,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.head{height:100%;display:flex;align-items:center;gap:30px}.brand{font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand b{width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,var(--rose),var(--blue));color:white;display:grid;place-items:center;font-size:15px}.head nav{display:flex;gap:21px;margin-left:auto}.head nav a,.head-actions a{font-size:12px;color:var(--muted);white-space:nowrap}.head nav a:hover{color:var(--rose)}.head-actions{display:flex;gap:14px;align-items:center}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:30px;padding:6px 12px;color:var(--ink)}#mobileNav{display:none}
.hero{background:linear-gradient(130deg,#F5F9FC,#EAF2F8 58%,#D5EAF3);overflow:hidden}.hero-layout{min-height:590px;padding:70px 0;display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}.hero small,.section-head small,.feature small,.wide small,.topicbox small,.guidebox small,.darkbanner small,.communitybox small,.mobilebox small{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--rose)}.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.16;letter-spacing:-.055em;margin:15px 0 20px}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{max-width:620px;color:var(--muted);font-size:15px}.hero-search{display:flex;gap:8px;padding:7px;background:white;border:1px solid var(--line);border-radius:50px;box-shadow:var(--shadow);max-width:600px;margin:25px 0 15px}.hero-search input{flex:1;min-width:0;border:0;outline:0;padding:8px 13px;background:transparent;font-size:12px}.hero-search button,.button{border:0;border-radius:50px;background:var(--rose);color:white;padding:11px 19px;font-size:12px;font-weight:700}.hero-search button:hover,.button:hover{background:var(--deep);color:white}.hero-tags{display:flex;gap:18px;flex-wrap:wrap}.hero-tags a{font-size:11px;color:var(--blue);border-bottom:1px solid var(--ice)}.hero-ctas{display:flex;gap:10px;margin-top:23px}.button.outline{background:transparent;border:1px solid var(--line);color:var(--blue)}.hero-art{height:410px;position:relative;display:grid;place-items:center}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid rgba(8,126,151,.2);border-radius:50%}.hero-art:before{width:400px;height:400px}.hero-art:after{width:480px;height:480px;border-style:dashed}.hero-art-inner{z-index:1;width:360px;height:330px;border-radius:27px;background:linear-gradient(145deg,#155B7E,#087E97 65%,#A5DFE8);padding:30px;color:white;box-shadow:0 28px 75px rgba(16,42,67,.18);display:flex;flex-direction:column;justify-content:center;transform:rotate(2deg)}.hero-art-inner small{color:#c9f2f6}.hero-art-inner strong{font-size:58px;line-height:1.05;letter-spacing:-.06em;margin:18px 0}.hero-art-inner p{color:rgba(255,255,255,.78);font-size:12px}.float{position:absolute;z-index:2;padding:12px 17px;background:white;border-radius:12px;box-shadow:var(--shadow);font-size:11px;color:var(--blue)}.f1{top:40px;right:0}.f2{bottom:35px;left:-5px}
.quick{background:white;border-bottom:1px solid var(--line)}.quickgrid{display:grid;grid-template-columns:repeat(5,1fr);padding:22px 0}.quickgrid a{padding:8px 18px;border-right:1px solid var(--line);font-size:11px;color:var(--rose)}.quickgrid a:last-child{border:0}.quickgrid b{color:var(--ink);font-size:13px}.quickgrid small{display:block;color:var(--muted);padding-left:34px;font-size:10px}
.section{padding:76px 0}.section.muted{background:#EDF4F8}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:27px}.section-head h2{font-size:clamp(25px,3vw,36px);line-height:1.25;letter-spacing:-.04em;margin:6px 0 0}.section-head p{max-width:440px;font-size:12px;color:var(--muted);margin:0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:white;border:1px solid var(--line);border-radius:19px;overflow:hidden;align-items:center}.feature-art{min-height:300px;background:linear-gradient(140deg,#D5EAF3,#8DCBD8 55%,#155B7E);color:white;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.feature-art:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.4);border-radius:50%;right:-70px;bottom:-80px;box-shadow:0 0 0 28px rgba(255,255,255,.07),0 0 0 58px rgba(255,255,255,.04)}.feature-art small{color:white}.feature-art strong{font-size:45px;line-height:1.1;z-index:1}.feature>div:last-child{padding:30px}.feature h3{font-size:23px;line-height:1.4;margin:9px 0}.feature p,.wide p,.guidebox p,.topicbox p,.darkbanner p,.split p,.communitybox p,.mobilebox p,.callout p{font-size:12px;color:var(--muted)}.more{font-size:12px;color:var(--rose);font-weight:750}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.art{height:165px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#DCE9F3,#A5DFE8);position:relative;overflow:hidden}.art:after{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.7);border-radius:50%;right:-40px;bottom:-90px;box-shadow:0 0 0 20px rgba(255,255,255,.1)}.art span{background:rgba(255,255,255,.75);padding:4px 9px;border-radius:30px;color:var(--blue);font-size:9px}.art b{font-size:34px;color:rgba(21,91,126,.3);z-index:1}.art2{background:linear-gradient(135deg,#E1F5F8,#9CC9D8)}.art3{background:linear-gradient(135deg,#DCE9F3,#8DA6B8)}.art4{background:linear-gradient(135deg,#DCF3EF,#89C8C1)}.art5{background:linear-gradient(135deg,#DDF2F9,#70B6C7)}.card-body{padding:17px 19px 20px}.card-body small{color:var(--rose);font-size:10px}.card h3{font-size:15px;line-height:1.5;margin:7px 0}.card p{font-size:11px;color:var(--muted);min-height:58px;margin:0 0 12px}
.wide{display:grid;grid-template-columns:210px 1fr 160px;gap:30px;align-items:center;padding:28px;background:white;border:1px solid var(--line);border-radius:18px}.liveart{height:165px;border-radius:15px;background:linear-gradient(145deg,var(--deep),var(--blue),var(--rose2));display:grid;place-items:center;color:white;font-weight:800;font-size:24px;text-align:center}.wide h3{font-size:23px;margin:5px 0}.wide aside{border-left:1px solid var(--line);padding-left:22px;display:grid}.wide aside b{color:var(--rose);font-size:18px}.wide aside small{font-size:10px;letter-spacing:0;color:var(--muted);margin-bottom:10px}
.creatorrow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.creatorrow article,.threepanels article,.steps article{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.creatorrow article>b{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--rose)}.creatorrow h3,.threepanels h3,.steps h3{font-size:14px}.creatorrow p,.threepanels p,.steps p{font-size:11px;color:var(--muted)}.creatorrow a,.threepanels a{font-size:11px;color:var(--rose)}
.rail{display:flex;gap:14px;overflow:auto;padding-bottom:12px}.rail a{flex:0 0 235px;min-height:145px;background:white;border:1px solid var(--line);border-radius:14px;padding:19px;display:flex;flex-direction:column}.rail small{font-size:10px;color:var(--rose)}.rail b{font-size:14px;line-height:1.5;margin:10px 0}.rail span{margin-top:auto;color:var(--muted);font-size:10px}
.mosaic{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:150px 150px;gap:14px}.mosaic a{padding:20px;border-radius:15px;background:linear-gradient(140deg,#155B7E,#087E97);color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.mosaic a:nth-child(2){background:linear-gradient(140deg,#337A9D,#8DA6B8)}.mosaic a:nth-child(3){background:linear-gradient(140deg,#3B9D9A,#155B7E)}.mosaic a:nth-child(4){background:linear-gradient(140deg,#244966,#102A43);grid-column:2/4}.mosaic a:first-child{grid-row:span 2}.mosaic small{opacity:.7}.mosaic h3{font-size:21px;margin:0}.mosaic p{font-size:10px;margin:0;opacity:.8}
.topicbox{display:grid;grid-template-columns:1fr 180px;gap:30px;padding:30px;background:white;border:1px solid var(--line);border-radius:17px;align-items:center}.topicbox h3{font-size:28px;margin:6px 0}.topicbox strong{height:150px;border-radius:15px;background:linear-gradient(145deg,#DDF2F9,#8DCBD8);display:grid;place-items:center;font-size:75px;color:var(--blue)}
.guidebox{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center;padding:27px;background:white;border:1px solid var(--line);border-radius:17px}.guidebox>b{height:150px;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,var(--deep),var(--rose));color:var(--ice);font-size:20px;letter-spacing:.15em;border-radius:14px}.guidebox h3{font-size:21px;margin:5px 0}.guidebox a{font-size:11px;color:var(--rose);font-weight:700}
.steps,.threepanels{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps article>b{font-size:25px;color:var(--rose)}.steps h3{margin:7px 0}
.ranklist{border-top:1px solid var(--line)}.ranklist a{display:flex;align-items:center;gap:18px;padding:15px 10px;border-bottom:1px solid var(--line)}.ranklist>a>b{font-size:24px;color:var(--ice)}.ranklist>a>span{font-size:13px}.ranklist small{display:block;font-size:10px;color:var(--muted)}.ranklist>a{color:var(--ink)}.ranklist>a:hover{color:var(--rose)}
.updates{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.updates article{padding:20px;background:white;border:1px solid var(--line);border-radius:14px}.updates time{display:block;font-size:20px;font-weight:800;color:var(--blue)}.updates small{color:var(--rose);font-size:10px}.updates h3{font-size:14px}
.darkbanner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;border-radius:18px;background:linear-gradient(110deg,var(--deep),var(--blue));color:white}.darkbanner small{color:var(--ice)}.darkbanner h3{font-size:25px;margin:6px 0}.darkbanner p{color:rgba(255,255,255,.7);max-width:650px}
.tagcloud{display:flex;flex-wrap:wrap;gap:12px}.tagcloud a{padding:10px 20px;border:1px solid var(--line);background:white;border-radius:40px;color:var(--blue);font-size:12px}.tagcloud a:nth-child(3n){background:var(--soft);border-color:transparent}
.split{display:grid;grid-template-columns:220px 1fr auto;gap:25px;align-items:center;padding:25px;background:white;border:1px solid var(--line);border-radius:16px}.split h3{font-size:17px;margin:0}.split p{margin:0}.split a{font-size:11px;color:var(--rose)}
.communitybox{display:grid;grid-template-columns:1fr .8fr;gap:30px;padding:30px;background:white;border:1px solid var(--line);border-radius:18px}.communitybox h3{font-size:23px;margin:6px 0}.communitybox blockquote{margin:0;background:var(--pale);border-radius:13px;padding:25px;display:grid;place-items:center;text-align:center;color:var(--blue);font-size:19px;font-weight:700}
.privacybox{display:grid;grid-template-columns:50px 1fr auto auto;gap:18px;align-items:center;padding:22px;background:white;border:1px solid var(--line);border-radius:15px}.privacybox>b{font-size:35px;color:var(--sage,#3B9D9A)}.privacybox h3{font-size:15px;margin:0}.privacybox p{font-size:11px;color:var(--muted);margin:3px 0}.privacybox a{font-size:11px;color:var(--rose)}
.mobilebox{display:grid;grid-template-columns:1fr 200px;gap:30px;align-items:center;padding:28px;background:white;border:1px solid var(--line);border-radius:17px}.mobilebox h3{font-size:22px;margin:5px 0}.phone{width:105px;height:185px;border:5px solid var(--blue);border-radius:20px;background:linear-gradient(145deg,#EAF2F8,#A5DFE8);padding:32px 12px 10px;margin:auto;color:var(--blue);font-weight:800;font-size:20px;box-shadow:12px 12px 0 var(--pale)}.phone i{display:block;height:8px;border-radius:8px;background:rgba(21,91,126,.2);margin-top:12px}.webchecks{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.webchecks span{padding:10px;border-right:1px solid var(--line);font-size:11px}.webchecks span:last-child{border:0}
.callout{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--soft);padding:25px 30px;border-radius:15px}.callout h3{font-size:18px;margin:0}.callout p{margin:5px 0 0}.intro{padding:52px 0 42px;background:linear-gradient(120deg,#EAF2F8,#F5F9FC 65%,#DDF2F9);border-bottom:1px solid var(--line)}.crumb{padding-top:18px;font-size:11px;color:var(--muted)}.crumb a{color:var(--rose)}.intro small{font-size:10px;letter-spacing:.15em;color:var(--rose);font-weight:800}.intro h1{font-size:clamp(32px,4vw,48px);line-height:1.2;letter-spacing:-.05em;margin:8px 0 12px}.intro p{max-width:820px;color:var(--muted);font-size:13px;margin:0}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filters a{border:1px solid var(--line);border-radius:30px;padding:7px 14px;background:white;font-size:11px;color:var(--blue)}
.searchform{display:flex;gap:12px;align-items:center;padding:18px;background:white;border:1px solid var(--line);border-radius:14px}.searchform label{font-size:12px;font-weight:700}.searchform input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px}.notice{padding:15px 18px;background:var(--soft);border-left:3px solid var(--rose);font-size:12px;color:var(--muted);margin:20px 0}
.detail,.prose{max-width:920px;background:white;border:1px solid var(--line);border-radius:17px;padding:28px}.detailart{height:220px;border-radius:14px;background:linear-gradient(135deg,#155B7E,#087E97,#A5DFE8);color:white;display:flex;align-items:center;justify-content:space-between;padding:30px;font-size:70px;font-weight:800}.detailart span{font-size:12px}.detail h2{font-size:26px;margin:10px 0}.detail p,.prose p{font-size:13px;color:var(--muted);line-height:2}.detail h3,.prose h2{font-size:17px;margin-top:25px}.watch{display:grid;grid-template-columns:1.3fr .7fr;gap:25px}.player{min-height:350px;border-radius:17px;background:linear-gradient(145deg,var(--deep),var(--blue));color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.player b{width:85px;height:85px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;color:var(--ice);font-size:27px}.player p{font-size:11px;color:#b8d9e3}.watch>div:last-child{padding:20px;background:white;border-radius:15px;border:1px solid var(--line)}.watch h2{font-size:20px}
.faq{background:white;border:1px solid var(--line);border-radius:11px;padding:17px 20px;margin:10px 0}.faq summary{cursor:pointer;font-weight:700;font-size:13px}.faq p{font-size:12px;color:var(--muted)}
.policy,.rulegrid,.topiclist,.timeline{display:grid;gap:14px}.policy article,.rulegrid article{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.policy article{display:flex;gap:18px}.policy article>b,.rulegrid article>b{font-size:24px;color:var(--ice)}.policy h2,.rulegrid h2{font-size:15px;margin:0}.policy p,.rulegrid p{font-size:11px;color:var(--muted)}.rulegrid{grid-template-columns:repeat(3,1fr)}.topiclist article{display:grid;grid-template-columns:45px 1fr auto;gap:18px;align-items:center;padding:22px 5px;border-bottom:1px solid var(--line)}.topiclist article>b{font-size:25px;color:var(--ice)}.topiclist h2{font-size:18px;margin:0}.topiclist p{font-size:12px;color:var(--muted)}.topiclist small{font-size:10px;color:var(--blue)}.topiclist a{font-size:11px;color:var(--rose)}.timeline article{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.timeline time{font-size:19px;color:var(--blue);font-weight:800}.timeline h2{font-size:15px;margin:4px 0}.timeline small{color:var(--rose)}
.creator{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.creator>b{font-size:22px;color:var(--rose)}.creator h2{font-size:16px}.creator p{font-size:11px;color:var(--muted)}.device{display:grid;grid-template-columns:250px 1fr;gap:50px;align-items:center;background:white;padding:30px;border-radius:17px}.phone{display:block}.device h2{font-size:24px}.device li{font-size:12px;color:var(--muted);padding:4px 0}
.tabs{display:flex;gap:10px;margin-bottom:20px}.tabs button{border:1px solid var(--line);border-radius:30px;padding:8px 15px;background:white;color:var(--blue)}[hidden]{display:none!important}
.faq summary:after{content:"＋";float:right;color:var(--rose)}.faq[open] summary:after{content:"－"}
footer{background:linear-gradient(135deg,#102A43,#155B7E);color:white;padding:50px 0 18px;margin-top:25px;border-top:3px solid var(--ice)}.foot{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px;padding-bottom:30px}.footbrand{color:white}.foot p{font-size:11px;color:rgba(255,255,255,.6)}.foot h3{font-size:12px}.foot>div>a:not(.brand){display:block;font-size:11px;color:rgba(255,255,255,.7);margin:5px 0}.foot>div>a:hover{color:var(--ice)}.footbottom{border-top:1px solid rgba(255,255,255,.17);padding-top:15px;font-size:10px;color:rgba(255,255,255,.6);display:flex;justify-content:space-between}.backtop{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border:0;border-radius:50%;background:var(--deep);color:white;opacity:0;pointer-events:none}.backtop.show{opacity:1;pointer-events:auto}
@media(max-width:1200px){.head nav{gap:12px}.head nav a{font-size:11px}.hero-layout{gap:25px}}
@media(max-width:1024px){.head nav{display:none}.head-actions{margin-left:auto}.menu-toggle{display:block}#mobileNav:not([hidden]){position:absolute;top:70px;left:0;right:0;background:white;padding:15px 25px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:var(--shadow)}#mobileNav a{font-size:12px;padding:8px}.hero-layout{grid-template-columns:1fr .8fr}.hero h1{font-size:49px}.wide{grid-template-columns:170px 1fr}.wide aside{grid-column:1/-1;display:flex;gap:15px;align-items:center;border:0;padding:0}.wide aside small{margin:0}.creatorrow{grid-template-columns:repeat(2,1fr)}.foot{gap:20px}}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr}.hero-art{height:350px}.hero h1{font-size:53px}.feature{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,1fr)}.wide{grid-template-columns:140px 1fr}.rulegrid{grid-template-columns:repeat(2,1fr)}.watch{grid-template-columns:1fr}.device{grid-template-columns:1fr}.webchecks{grid-template-columns:repeat(2,1fr)}.webchecks span:nth-child(2){border:0}.webchecks span:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:768px){.wrap{width:calc(100% - 34px)}.hero-layout{padding:48px 0}.hero h1{font-size:43px}.hero-art{height:320px}.hero-art-inner{width:300px;height:280px}.hero-art-inner strong{font-size:48px}.quickgrid{grid-template-columns:repeat(3,1fr)}.quickgrid a:nth-child(n+4){display:none}.section{padding:55px 0}.section-head{display:block}.section-head p{margin-top:10px}.feature{grid-template-columns:1fr}.feature-art{min-height:190px}.wide{grid-template-columns:1fr}.liveart{height:130px}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:130px 130px}.mosaic a:first-child{grid-row:span 2}.mosaic a:nth-child(4){grid-column:2}.topicbox{grid-template-columns:1fr}.topicbox strong{height:100px}.guidebox{grid-template-columns:1fr}.guidebox>b{height:100px}.steps,.threepanels,.updates{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:10px}.communitybox{grid-template-columns:1fr}.privacybox{grid-template-columns:40px 1fr}.privacybox>a{grid-column:2}.mobilebox{grid-template-columns:1fr}.webchecks{grid-template-columns:1fr}.webchecks span{border-right:0;border-bottom:1px solid var(--line)}.webchecks span:last-child{border:0}.darkbanner{align-items:flex-start;flex-direction:column}.foot{grid-template-columns:repeat(2,1fr)}.foot>div:first-child{grid-column:1/-1}.intro{padding:38px 0 30px}.intro h1{font-size:34px}.topiclist article{grid-template-columns:35px 1fr}.topiclist article>a{grid-column:2}.searchform{align-items:stretch;flex-direction:column}.searchform input{width:100%}.rulegrid{grid-template-columns:1fr}.policy article{padding:17px}.detail,.prose{padding:18px}.detailart{height:160px;font-size:50px}.watch .player{min-height:260px}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:36px}.hero p{font-size:13px}.hero-art{height:285px}.hero-art-inner{width:250px;height:245px;padding:22px}.hero-art-inner strong{font-size:42px}.hero-art:before{width:300px;height:300px}.hero-art:after{width:350px;height:350px}.float{font-size:9px;padding:8px 11px}.f1{top:10px}.f2{bottom:8px}.quickgrid{grid-template-columns:repeat(2,1fr)}.quickgrid a:nth-child(3){display:none}.section{padding:44px 0}.section-head h2{font-size:25px}.grid{gap:10px}.art{height:110px;padding:10px}.art b{font-size:24px}.card-body{padding:12px}.card h3{font-size:12px}.card p{font-size:10px;min-height:85px}.card-body small{font-size:9px}.more{font-size:10px}.creatorrow{grid-template-columns:1fr}.mosaic{grid-template-rows:120px 120px}.mosaic h3{font-size:16px}.mosaic p{font-size:9px}.hero-ctas{flex-wrap:wrap}.hero-search button{padding:9px 12px}.hero-search input{font-size:10px}.head-actions>a{display:none}.footbottom{display:block}.footbottom span{display:block}.intro h1{font-size:29px}.intro p{font-size:12px}.topiclist article{gap:10px}.timeline article{grid-template-columns:60px 1fr;gap:12px}.timeline time{font-size:15px}.foot{gap:15px}.foot h3{font-size:11px}.foot>div>a:not(.brand){font-size:10px}.feature>div:last-child{padding:20px}.feature h3{font-size:19px}.wide{padding:18px}.privacybox{gap:10px}.privacybox>b{font-size:26px}.device{padding:20px}.player{min-height:220px}}

.search-modal{display:none;position:fixed;inset:0;z-index:100;background:rgba(16,42,67,.55);align-items:center;justify-content:center;padding:20px}
.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}
.search-dialog{width:min(560px,100%);background:white;border-radius:20px;padding:34px;position:relative;box-shadow:0 25px 90px rgba(0,0,0,.2)}
.search-dialog h2{font-size:26px;margin:4px 0 20px}.search-dialog form{display:flex;gap:10px}.search-dialog input{flex:1;min-width:0;border:1px solid var(--line);border-radius:30px;padding:12px 16px}
.search-close{position:absolute;right:17px;top:12px;border:0;background:transparent;font-size:28px;color:var(--muted)}
.search-open{border:0;background:transparent;color:var(--muted);font-size:12px;padding:0}
body.modal-open{overflow:hidden}
@media(max-width:600px){.search-dialog{padding:25px 18px}.search-dialog form{flex-direction:column}}