@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#130b12;--surface:#211720;--surface2:#2b1d29;--text:#fff8fc;--muted:#b6a5b2;--line:#ffffff17;--pink:#ff4f87;--purple:#a64cff;--radius:22px;font-family:'DM Sans','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 85% 0%,#382135 0,transparent 33%),var(--bg);padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.announcement{height:30px;background:#241824;color:#d9cbd6;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;position:relative}.announcement i{width:5px;height:5px;border-radius:50%;background:var(--pink)}.announcement button{position:absolute;right:12px;border:0;background:none;color:#d8c8d4;font-size:18px}.header{height:68px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;gap:9px}.brand-icon{width:35px;height:35px;border-radius:13px;background:linear-gradient(135deg,var(--purple),var(--pink));display:grid;place-items:center;color:white;font-weight:800;font-size:17px;box-shadow:0 5px 22px #b72d9440}.brand b,.brand small{display:block}.brand b{font-size:17px;font-weight:800;letter-spacing:.01em}.brand small{font-size:7px;letter-spacing:.16em;color:#bda9b8;margin-top:2px}.header nav{display:none}.header-actions{display:flex;align-items:center;gap:7px}.round{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;background:#ffffff0a;color:#fff;font-size:21px;display:grid;place-items:center}.feedback-open{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;background:#ffffff0a;color:#fff;font-size:0;display:grid;place-items:center}.feedback-open span{font-size:13px;width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,#8e3ef1,#f34d8a);display:grid;place-items:center;font-weight:800}.hero{padding:25px 18px 18px;display:flex;flex-direction:column;gap:20px;min-height:0}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:800;color:#ed8eb8;margin:0 0 11px}.hero h1{font-size:clamp(31px,8vw,43px);line-height:1.23;letter-spacing:-.045em;font-weight:800;margin:0}.hero h1 em{font-style:normal;background:linear-gradient(95deg,#d3a0ff,#ff7ca7);color:transparent;background-clip:text}.intro{font-size:12px;line-height:1.8;color:var(--muted);max-width:310px;margin:12px 0 19px}.search{height:49px;width:100%;border:1px solid #ffffff1c;background:#ffffff0a;display:flex;align-items:center;gap:9px;padding:5px 5px 5px 13px;border-radius:16px;box-shadow:inset 0 1px #ffffff08}.search>span{font-size:22px;color:#bca9ba}.search input{min-width:0;flex:1;border:0;outline:0;background:none;color:white;font-size:12px}.search input::placeholder{color:#9f8e9c}.search button{height:37px;padding:0 14px;border:0;border-radius:12px;background:linear-gradient(105deg,#9b48fa,#fa4f87);color:white;font-size:11px;font-weight:700}.search button b{margin-left:6px}.meta{display:flex;gap:8px;align-items:center;margin-top:12px;color:#aa98a7;font-size:9px}.meta span:first-child{color:#f2a5c5}.hero-art{height:180px;position:relative;overflow:hidden;border-radius:22px;background:#2b1c29}.art-bg{position:absolute;inset:0;background:linear-gradient(180deg,#140d1730,#160b13a6),url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=1000&q=85') center 45%/cover}.hero-art figure{position:absolute;margin:0;overflow:hidden;box-shadow:0 14px 30px #0005;background:#2b202a;border:1px solid #ffffff25}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.art-main{width:37%;height:84%;left:32%;top:8%;border-radius:14px;transform:rotate(-3deg)}.art-main figcaption{position:absolute;bottom:8px;left:9px;color:#fff;font-size:7px;letter-spacing:.12em}.art-side{width:22%;height:58%;right:7%;top:20%;border-radius:12px;transform:rotate(5deg)}.art-bottom{width:21%;height:52%;left:8%;bottom:7%;border-radius:12px;transform:rotate(-6deg)}.float-note{position:absolute;right:10px;bottom:10px;background:#281b28e8;border:1px solid #ffffff1b;border-radius:12px;padding:8px 10px;display:flex;align-items:center;gap:7px;backdrop-filter:blur(10px)}.float-note>span{width:24px;height:24px;background:#fa4f8733;border-radius:8px;display:grid;place-items:center;color:#ff8bb5}.float-note b,.float-note small{display:block}.float-note b{font-size:10px}.float-note small{font-size:8px;color:var(--muted);margin-top:3px}.shell{padding:25px 18px 0;max-width:760px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:14px}.section-head .eyebrow{margin-bottom:6px}.section-head h2{font-size:21px;line-height:1.25;margin:0;letter-spacing:-.035em;font-weight:800}.section-head .subhead{font-size:11px;color:var(--muted);margin:7px 0 0}.text-link{border:0;background:none;color:#ff85ac;font-size:11px;white-space:nowrap;padding:8px 0}.chips{display:flex;gap:8px;overflow:auto;margin:0 -18px;padding:0 18px 4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip,.filter{flex:none;border:1px solid var(--line);border-radius:99px;background:#ffffff08;color:#c8b7c5;padding:9px 14px;font-size:11px;white-space:nowrap}.chip.active,.filter.active{background:#f84e8730;border-color:#fa6095;color:#fff}.wallpaper-section{padding-top:28px}.view-tools{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.view-tools .round{width:32px;height:32px;font-size:16px}.filters{display:flex;gap:7px;margin-bottom:13px}.filter{padding:7px 12px;font-size:10px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:start}.card{min-width:0;overflow:hidden;border-radius:17px;background:linear-gradient(145deg,#2a1e29,#20151f);border:1px solid #ffffff12;animation:rise .35s both;cursor:pointer}.thumb{position:relative;overflow:hidden;background:#2a1e29;aspect-ratio:3/4}.card:nth-child(3n) .thumb{aspect-ratio:4/5}.card:nth-child(4n) .thumb{aspect-ratio:2/3}.thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:active .thumb img{transform:scale(1.035)}.open-card{position:absolute;right:8px;bottom:8px;width:29px;height:29px;border:1px solid #ffffff40;border-radius:50%;background:#211520b8;color:white;backdrop-filter:blur(10px)}.card-info{display:flex;align-items:center;gap:6px;padding:10px 9px 11px}.card-title{font-size:12px;font-weight:700;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{font-size:9px;color:#b3a1b0;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heart{flex:none;width:29px;height:29px;border:1px solid #ffffff18;border-radius:50%;background:#ffffff08;color:#d8c5d3;font-size:17px}.heart.saved{color:#ff6d9d;background:#ff4f871a;border-color:#ff4f8740}.grid.compact .thumb{aspect-ratio:1/1}.skeleton{height:205px;border-radius:17px;background:linear-gradient(100deg,#241823 25%,#342331 45%,#241823 65%);background-size:200% 100%;animation:shimmer 1.5s infinite}.center{text-align:center;padding:20px 0}.load-more,.dark,.light{border:0;border-radius:13px;padding:13px 18px;font-size:12px;font-weight:700}.load-more{background:#ffffff0b;border:1px solid var(--line);color:#f8eefa}.dark{background:linear-gradient(100deg,#9a46f5,#f34f89);color:white}.light{background:#ffffff0d;border:1px solid var(--line);color:white}.empty{text-align:center;padding:34px 15px;color:var(--muted);font-size:12px}.empty>div{font-size:25px;color:#f27aa6}.empty h3{color:white;font-size:17px}.closing{margin:32px 18px 0;padding:25px 22px;border:1px solid #ffffff18;border-radius:23px;background:radial-gradient(ellipse at 100% 0%,#9b40b22e,transparent 45%),linear-gradient(135deg,#2c1c2a,#211620);position:relative;overflow:hidden}.closing h2{font-size:27px;line-height:1.3;margin:0;font-weight:800}.closing>div>p:last-child{font-size:11px;color:var(--muted);line-height:1.7}.closing>a{display:inline-block;margin-top:10px;color:#ff88b0;font-size:12px}.watermark{position:absolute;right:13px;bottom:-22px;font-size:112px;font-weight:800;color:#ffffff05;letter-spacing:-.1em;pointer-events:none}.footer{padding:25px 18px 12px;color:var(--muted);font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.footer>a{font-weight:700;color:#f3e7f0}.footer small{font-weight:400;color:#887788;margin-left:5px}.footer p{margin:0}.footer button{background:none;border:0;color:#ff8bb1;font-size:10px}.backdrop{position:fixed;z-index:20;inset:0;background:#080408d9;display:flex;align-items:flex-end;justify-content:center;padding:0;backdrop-filter:blur(7px)}.detail,.feedback-modal{width:100%;max-width:600px;max-height:94dvh;overflow:auto;position:relative;background:#211720;border:1px solid #ffffff20;border-radius:25px 25px 0 0;padding:14px 16px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 60px #0005}.close{position:absolute;z-index:2;right:13px;top:13px;width:35px;height:35px;border:1px solid #ffffff30;border-radius:50%;background:#170f18c9;color:white;font-size:23px}.detail-image{position:relative;border-radius:18px;overflow:hidden;background:#120b12;max-height:56dvh;text-align:center}.detail-image img{width:100%;height:auto;max-height:56dvh;object-fit:contain;display:block}.detail-image span{position:absolute;left:12px;bottom:12px;background:#170f18b8;padding:6px 9px;border-radius:8px;font-size:8px;letter-spacing:.13em}.detail-copy{padding:19px 3px 0}.detail-copy .eyebrow{margin-bottom:7px}.detail-copy h2,.feedback-modal h2{font-size:24px;margin:0 0 8px;font-weight:800}.description{font-size:12px;line-height:1.8;color:var(--muted)}.facts{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.facts span{font-size:10px;color:#e1d1df;background:#ffffff0a;border:1px solid var(--line);padding:7px 9px;border-radius:9px}.detail-actions{display:flex;gap:9px}.detail-actions button{flex:1}.footnote{font-size:9px;color:#8d7c8b;line-height:1.6}.feedback-modal{padding:28px 20px calc(24px + env(safe-area-inset-bottom,0px))}.feedback-modal .description{margin-bottom:20px}.feedback-modal form label{display:block;font-size:12px;margin:15px 0;color:#eadde7}.feedback-modal label small{color:var(--muted)}.feedback-modal textarea,.feedback-modal input{display:block;width:100%;margin-top:8px;background:#ffffff08;border:1px solid var(--line);border-radius:12px;padding:12px;color:white;outline:none;resize:vertical}.feedback-modal form>.dark{width:100%;margin-top:5px}.form-message{font-size:11px;color:#ff9cbe}.toast{position:fixed;z-index:40;bottom:calc(94px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);max-width:90vw;padding:11px 15px;background:#4a3348;border:1px solid #ffffff20;color:white;border-radius:12px;font-size:12px;box-shadow:0 8px 30px #0005;white-space:nowrap}.footer{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
/* desktop keeps the real responsive page wide; never renders a phone mockup */
@media(min-width:760px){body{padding-bottom:0}.header{max-width:1180px;padding:0 30px;height:76px}.header nav{display:flex;gap:28px}.header nav a{font-size:12px;color:#c2b2bf;padding:10px 0}.header nav a.active{color:white;border-bottom:2px solid var(--pink)}.feedback-open{width:auto;height:38px;padding:0 12px;border-radius:99px;font-size:11px;display:flex;gap:7px}.feedback-open span{width:25px;height:25px}.hero{max-width:1180px;padding:55px 30px 34px;display:grid;grid-template-columns:1fr .9fr;gap:45px;min-height:440px}.hero h1{font-size:clamp(43px,5vw,64px)}.hero-art{height:340px}.art-main{width:46%;height:88%;left:23%;top:2%;border-radius:45% 45% 15px 15px}.art-side{width:28%;height:50%;right:3%;top:18%}.art-bottom{width:24%;height:39%;left:4%;bottom:0}.shell{max-width:1180px;padding:35px 30px 0}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{border-radius:19px}.thumb{aspect-ratio:3/4}.card-title{font-size:13px}.card-info{padding:12px}.closing{max-width:1120px;margin:45px auto 0;padding:35px 40px}.footer{max-width:1180px;margin:auto;padding:25px 30px}.backdrop{align-items:center;padding:20px}.detail,.feedback-modal{border-radius:25px;max-height:90dvh}.detail{display:grid;grid-template-columns:1fr .85fr;gap:22px;padding:18px;width:min(850px,100%);align-items:center}.detail-image,.detail-image img{max-height:82dvh}.detail-copy{padding:15px}.feedback-modal{width:min(520px,100%)}}
@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}