@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#17191b;--ink:#f4f0e7;--muted:#a9a59c;--accent:#f7d33c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,textarea,input{font:inherit}button{cursor:pointer}.top{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 24px;border-bottom:1px solid #393b3c}.brand{font:clamp(17px,2.5vw,25px) 'Archivo Black',Impact,sans-serif;letter-spacing:-1px}.brand-dot{color:var(--accent)}.top-note,.eyebrow,.section-kicker,.wall-intro,.note-top,footer,.random,.jump,.more{font-size:11px;font-weight:800;letter-spacing:1.5px}.top-note{color:#898d8b}main{overflow:hidden}.hero{max-width:1240px;margin:auto;padding:100px 24px 110px;position:relative}.eyebrow,.section-kicker{color:var(--accent)}h1,h2{font-family:'Archivo Black',Impact,sans-serif;letter-spacing:-3px;line-height:1.03}h1{font-size:clamp(50px,8.8vw,120px);margin:24px 0 24px}h1 em{font-style:normal;color:var(--accent)}h1 span{-webkit-text-stroke:2px var(--ink);color:transparent}.hero p{font-size:clamp(17px,2vw,22px);line-height:1.65;max-width:640px;color:#bdbab4}.jump,.primary{display:inline-block;background:var(--accent);color:#17191b;border:0;padding:19px 25px;font-weight:800;margin-top:24px}.composer{background:#e9e3d6;color:#1b1d1f;padding:70px max(24px,calc((100vw - 1192px)/2))}.composer .section-kicker{color:#a4512c}h2{font-size:clamp(44px,6vw,75px);margin:12px 0}.composer p{color:#555;max-width:600px}.composer form{max-width:850px;margin-top:28px}textarea{display:block;width:100%;height:180px;resize:vertical;background:#fffdf7;border:2px solid #292929;border-radius:0;padding:22px;font-size:19px;outline:none}textarea:focus{border-color:#b26433}.form-bottom{display:flex;justify-content:space-between;align-items:center}.form-bottom span{font-weight:800;color:#777}.primary{margin-top:14px}.composer small{display:block;margin-top:16px;color:#686868}.trap{position:absolute;left:-10000px}.notice{background:#d7efc9;padding:16px;margin:16px 0;max-width:850px}.notice.error{background:#ffb6a6}.wall-section{padding:90px 24px 110px;background-color:#555957;background-image:linear-gradient(90deg,rgba(0,0,0,.11) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.13) 1px,transparent 1px),radial-gradient(ellipse at 40% 10%,#727671,#434846);background-size:120px 65px,120px 65px,100% 100%}.wall-header,.wall-intro,.wall-grid{max-width:1192px;margin-left:auto;margin-right:auto}.wall-header{display:flex;justify-content:space-between;align-items:end}.wall-header h2{margin-bottom:24px}.random{border:1px solid #c4c6bd;padding:14px 18px;margin-bottom:30px}.wall-intro{display:flex;justify-content:space-between;color:#e1e0d8;border-top:1px solid #a0a29b;padding:18px 0 28px}.wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.note{min-height:235px;padding:23px 24px 18px;color:#26251f;box-shadow:4px 8px 16px #20232265;transform:rotate(-1deg);display:flex;flex-direction:column;overflow-wrap:anywhere}.note:nth-child(2n){transform:rotate(1.2deg)}.n1{background:#f9e8a0}.n2{background:#e9c3b0}.n3{background:#c9ddc3}.n4{background:#d5d1ea}.n5{background:#f5d6a0}.n6{background:#bcd9df}.note-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#555}.note p{font-size:clamp(17px,1.6vw,21px);font-weight:700;line-height:1.42;flex:1;margin:24px 0}.me-too{background:transparent;border:0;border-top:1px solid #5555;padding:13px 0 0;width:100%;text-align:left;font-size:11px;font-weight:800;letter-spacing:1px}.me-too span{float:right}.empty{padding:35px;background:#e9e3d6;color:#222}.more{display:block;width:max-content;margin:48px auto 0;border:1px solid white;padding:18px 25px}footer{padding:35px max(24px,calc((100vw - 1192px)/2));display:flex;align-items:center;gap:24px;justify-content:space-between;color:#9d9d9d}footer strong{color:white}footer a{font-size:10px}@media(max-width:800px){.wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-note{display:none}.hero{padding:70px 24px}.wall-intro{gap:16px}.wall-header{align-items:center}}@media(max-width:540px){h1{letter-spacing:-2px}h1 span{-webkit-text-stroke:1px var(--ink)}.wall-grid{grid-template-columns:1fr;gap:19px}.wall-header h2{font-size:52px}.random{font-size:9px;padding:12px}.wall-intro{font-size:9px}.note{min-height:180px}.form-bottom{gap:12px}.primary{padding:16px;font-size:12px}footer{flex-wrap:wrap;line-height:1.8}}

/* MoanWall edition */
.brand,.brand-dot{color:#f43e39!important}.primary,.me-too{background:#f43e39!important;color:#fff!important}.note{box-shadow:5px 6px 0 #111,0 0 0 2px #333!important}.wall-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}.composer{border:3px solid #171717!important}

.handle-label{display:block;font-weight:900;font-size:13px;letter-spacing:.08em;margin:16px 0 8px}.handle-input{display:block;box-sizing:border-box;width:100%;max-width:400px;padding:13px 16px;border:2px solid #222;border-radius:5px;margin-bottom:14px;background:#fff;color:#111;font:inherit}.official{display:inline-block;background:#e32d30;color:#fff;padding:3px 6px;font-size:10px;border-radius:3px;margin-left:5px}

.extra-nav{display:flex;gap:18px;font-size:12px;font-weight:900;color:#f43e39}.top{flex-wrap:wrap;gap:16px}.share-moan{border:1px solid #222;background:transparent;padding:8px;font-weight:800;font-size:11px;margin:12px 0}.featured{outline:6px solid #f5c94b}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.shop-card{padding:24px;background:#e9e3d6;color:#222}.shop-card .shirt{min-height:210px;background:#1d1d1d;color:white;display:grid;place-items:center;text-align:center;padding:24px;font-size:24px;font-weight:900}.shop-card select,.shop-card input{padding:10px;max-width:100%}.shop-card button{padding:12px;background:#f43e39;color:white;border:0;font-weight:900}.shop-page{max-width:1150px;margin:50px auto;padding:24px}.shop-card form{display:grid;gap:10px;margin-top:14px}

.sponsor{margin:45px auto 10px;padding:16px 23px;border:2px dashed #f7d43b;display:flex;align-items:center;gap:20px;flex-wrap:wrap;max-width:990px}.sponsor small{color:#f7d43b;font-weight:bold}.sponsor b{font-size:20px}.sponsor span{flex:1}.sponsor a{color:#f7d43b;font-weight:900}.extra-nav a{color:#f7d43b;text-decoration:none}

/* MoanWall rules, policy documents, and complaint reports */
.mw-legal-footer,.mw-legal-page-footer{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:center;padding:20px 24px;background:#101112;border-top:1px solid #353535;font-size:12px;font-weight:750;color:#e8dfc8}
.mw-legal-footer a,.mw-legal-page-footer a{text-decoration:underline;text-underline-offset:3px}.mw-legal-footer a:hover,.mw-legal-page-footer a:hover{color:#f7d33c}
.mw-legal-document{max-width:920px;margin:auto;padding:56px 24px 100px;line-height:1.74;color:#e5e2db;overflow:visible}
.mw-legal-document h1{font-size:clamp(40px,6vw,72px);margin:15px 0 26px;letter-spacing:-2px}
.mw-legal-document h2{font-size:clamp(22px,3vw,31px);margin:38px 0 12px;letter-spacing:-1px}
.mw-legal-document p,.mw-legal-document li{font-size:16px;line-height:1.78}.mw-legal-document li{margin-bottom:10px}
.mw-legal-document a{color:#f7d33c;text-decoration:underline}.mw-intro-legal{background:#292b2c;border-left:6px solid #f7d33c;padding:24px}
.mw-rules-dialog{color:#191a1b;background:#f3eacb;border:5px solid #191a1b;border-radius:8px;width:min(660px,calc(100vw - 30px));max-height:min(90vh,900px);overflow-y:auto;box-shadow:12px 12px 0 #d9262e;padding:0;line-height:1.5}
.mw-rules-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(5px)}
.mw-rules-inner{padding:clamp(22px,5vw,42px)}.mw-rules-eyebrow{color:#a51d25;font-size:11px;letter-spacing:2px;font-weight:900}
.mw-rules-dialog h2{font-size:clamp(29px,5.5vw,49px);letter-spacing:-1.5px;margin:12px 0 14px;color:#151515}
.mw-rules-dialog p{margin:0 0 13px}.mw-rules-list{padding-left:20px;margin:15px 0 22px}.mw-rules-list li{padding-left:5px;margin:9px 0;font-size:14px}
.mw-rules-dialog .mw-rules-links{font-size:13px}.mw-rules-dialog a{color:#a42129;text-decoration:underline;font-weight:800}
.mw-rules-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.mw-rules-accept,.mw-rules-exit{font-size:14px;font-weight:900;padding:14px 18px;border:2px solid #171819;border-radius:3px}
.mw-rules-accept{background:#e62c32;color:#fff;flex:1}.mw-rules-exit{background:transparent;color:#202021}
.mw-rule-checkbox{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;margin:15px 0;color:#272727;max-width:820px}
.mw-rule-checkbox input{width:20px;height:20px;flex:0 0 20px;accent-color:#d1222e;margin-top:2px}
.mw-rule-checkbox a{color:#a12426;text-decoration:underline;font-weight:800}
.mw-report-form{margin-top:12px}.mw-report-form summary{font-size:12px;font-weight:800;cursor:pointer;color:#202020;text-decoration:underline}.mw-report-form form{margin-top:10px;display:grid;gap:8px}.mw-report-form select,.mw-report-form textarea{width:100%;padding:8px;border:1px solid #444;font-size:13px;min-height:auto;height:auto}.mw-report-form textarea{height:64px}
.mw-report-form button{border:0;background:#191919;color:#fff;padding:8px;font-size:12px;font-weight:800}.mw-report-form .mw-rule-checkbox{font-size:12px;margin:0}
.mw-legal-document .privacy-form{display:grid;gap:16px;max-width:670px}.mw-legal-document .privacy-form input,.mw-legal-document .privacy-form textarea,.mw-legal-document .privacy-form select{width:100%;padding:12px;border:2px solid #777;font-size:16px;background:#fff;color:#111}.privacy-form label{display:grid;gap:6px}.privacy-form button{background:#f7d33c;color:#171819;border:0;font-weight:900;padding:16px}.privacy-form .mw-rule-checkbox{color:#eee}
@media(max-width:600px){.mw-rules-inner{padding:20px}.mw-rules-list li{font-size:13px}.mw-rules-actions button{width:100%}.mw-legal-document{padding:38px 17px 70px}}
@media print{.mw-rules-dialog{display:none!important}}