:root{--bg:#080808;--surface:#111;--surface-2:#171717;--text:#f5f5f5;--muted:#7c7c82;--line:#242424;--pink:#f00070;--red:#ff1428}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{background:#090909;border-inline:1px solid #101010;width:min(100%,430px);min-height:100svh;margin:0 auto;padding-bottom:86px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#080808f0;justify-content:center;align-items:center;height:68px;display:flex;position:sticky;top:0}.wordmark{text-align:center;line-height:1;display:grid}.wordmark strong{letter-spacing:.19em;text-shadow:0 0 18px #f000705c;font-size:14px}.wordmark strong:after{content:"";background:linear-gradient(90deg,transparent,var(--pink),transparent);width:46%;height:2px;margin:4px auto 2px;display:block}.wordmark small{letter-spacing:.28em;color:#878787;font-size:6px}.top-actions{gap:8px;display:flex;position:absolute;right:14px}.top-actions a{border:1px solid var(--line);color:#c8c8c8;background:#111;border-radius:12px;place-items:center;width:38px;height:38px;font-size:23px;display:grid}.category-strip{scrollbar-width:none;gap:8px;padding:15px 20px;display:flex;overflow:auto}.category-strip::-webkit-scrollbar{display:none}.category-strip a{border:1px solid var(--line);color:#a6a6aa;white-space:nowrap;background:#111;border-radius:999px;flex:none;padding:9px 16px;font-size:12px}.category-strip a.active{background:linear-gradient(135deg,#b00063,var(--pink));color:#fff;border-color:#0000;box-shadow:0 0 20px #f0007040}.reaction-banner{background:linear-gradient(110deg,#220b0d,#140a0b);border:1px solid #47121b;border-radius:17px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;margin:0 20px 18px;padding:14px 15px;display:grid;box-shadow:inset 0 0 30px #ff14280a}.reaction-banner small{color:#ff4054;letter-spacing:.08em;font-size:9px;font-weight:900;display:block}.reaction-banner strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.reaction-banner b{color:#777;font-size:22px}.play-orb{background:var(--red);border-radius:50%;place-items:center;width:42px;height:42px;padding-left:2px;font-size:14px;display:grid;box-shadow:0 0 20px #ff14284d}.feed{padding:0 20px 24px}.story-card{background:linear-gradient(145deg,#151515,#101010);border:1px solid #262626;border-radius:18px;margin-bottom:15px;animation:.45s both cardIn;overflow:hidden;box-shadow:0 10px 25px #0000003b}.story-card a{padding:20px;display:block}.story-card:active{transform:scale(.985)}.category-label{color:#ff087d;letter-spacing:.06em;text-transform:uppercase;background:#31081d;border-radius:5px;padding:5px 10px;font-size:9px;font-weight:900;display:inline-block}.story-card h2{text-transform:uppercase;letter-spacing:-.015em;margin:13px 0 9px;font-size:17px;line-height:1.25}.story-card p{color:#8e8e94;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;display:-webkit-box;overflow:hidden}.story-metrics{color:#68686e;justify-content:flex-end;gap:15px;margin-top:16px;font-size:11px;display:flex}.bottom-nav{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080808f5;grid-template-columns:repeat(4,1fr);width:min(100%,430px);height:76px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{text-align:center;color:#666;place-content:center;gap:2px;font-size:10px;display:grid}.bottom-nav span{font-size:25px;line-height:1}.bottom-nav a:first-child{color:var(--pink)}.floating-confess{background:linear-gradient(145deg,#be0063,var(--pink));z-index:40;border-radius:50%;place-items:center;width:58px;height:58px;font-size:30px;display:grid;position:fixed;bottom:78px;right:clamp(24px,5vw,72px);box-shadow:0 0 28px #f0007073}.empty-feed{text-align:center;color:var(--muted);padding:80px 20px}.empty-feed>span{color:var(--pink);font-size:42px}.empty-feed h1{color:var(--text);font-size:22px}.primary-button,.button{background:linear-gradient(135deg,#c60065,var(--pink));color:#fff;cursor:pointer;border:0;border-radius:11px;padding:14px 19px;font-weight:800;display:inline-block}.section,.detail{width:min(100%,430px);margin:0 auto;padding:34px 20px 110px}.section h1,.detail h1{text-transform:uppercase;margin:8px 0 12px;font-size:27px;line-height:1.15}.eyebrow{color:var(--pink);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.detail .content{white-space:pre-wrap;color:#c7c7cb;font-size:16px;line-height:1.8}.meta{color:var(--muted);font-size:11px}.form{width:100%}.notice{color:#c3aab9;background:#180d14;border:1px solid #3b1730;border-radius:13px;margin:20px 0;padding:15px;font-size:12px}.field{color:#b9b9bd;gap:8px;margin:18px 0;font-size:12px;font-weight:700;display:grid}.field input,.field textarea,.field select{color:#fff;background:#111;border:1px solid #292929;border-radius:11px;outline:none;width:100%;padding:14px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--pink);box-shadow:0 0 0 3px #f000701a}.field textarea{resize:vertical;min-height:180px}.actions{flex-wrap:wrap;gap:9px;margin:22px 0;display:flex}.actions button{color:#bbb;background:#131313;border:1px solid #303030;border-radius:999px;padding:10px 14px}.form audio,.detail audio{width:100%}.error{color:#ff6878}.success{color:#66d59a}footer{display:none}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (min-width:700px){body{background:#060606}.app-shell{box-shadow:0 0 80px #000c}.floating-confess{right:calc(50% - 295px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
.app-content{min-height:100svh}.app-content-hidden{visibility:hidden;height:100svh;overflow:hidden}.confess-icon{width:1em;height:1em;display:block}.floating-confess .confess-icon{width:30px;height:30px}.splash-screen{z-index:100;text-align:center;color:#fff;background:#080808;flex-direction:column;justify-content:flex-start;align-items:center;padding:clamp(80px,18vh,176px) 28px 40px;display:flex;position:fixed;inset:0}.splash-logo{background:linear-gradient(135deg,#40154e,#f00070);border-radius:28px;place-items:center;width:112px;height:112px;margin-bottom:46px;animation:3s ease-in-out infinite splashPulse;display:grid;box-shadow:0 0 50px #f000702e,0 10px 35px #00000080}.splash-logo svg{width:58px;height:58px}.splash-title{width:min(100%,430px)}.splash-title small{text-align:right;letter-spacing:.38em;color:#a7a7a7;font-size:14px;display:block}.splash-title h1{color:#0000;letter-spacing:.1em;white-space:nowrap;background:linear-gradient(90deg,#fff 24%,#ff1790);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(34px,7vw,44px);font-weight:900;line-height:1}.splash-title>span{background:#373737;width:184px;height:1px;margin:16px 0 12px auto;display:block}.splash-tagline{color:#96969d;margin:30px 0 58px;font-size:18px;line-height:1.55}.splash-primary,.splash-secondary{border-radius:20px;justify-content:center;align-items:center;width:min(100%,455px);min-height:64px;font-size:20px;font-weight:800;display:flex}.splash-primary{color:#fff;cursor:pointer;background:linear-gradient(105deg,#4c195b,#f00070);border:0;gap:14px}.splash-primary span{font-size:28px;font-weight:400}.splash-secondary{color:#999;background:0 0;border:1px solid #292929;margin-top:16px}.splash-footer{color:#39393d;margin:50px 0 0;font-size:14px}@keyframes splashPulse{50%{transform:scale(1.04);box-shadow:0 0 65px #f0007040,0 10px 35px #00000080}}@media (max-width:430px){.splash-screen{padding-top:72px}.splash-logo{border-radius:24px;width:96px;height:96px;margin-bottom:38px}.splash-logo svg{width:44px;height:44px}.splash-title h1{font-size:34px}.splash-title>span{width:160px}.splash-title small{font-size:12px}.splash-tagline{margin:28px 0 48px;font-size:15px}.splash-primary,.splash-secondary{border-radius:16px;min-height:60px;font-size:17px}.splash-footer{margin-top:40px;font-size:12px}}@media (prefers-reduced-motion:reduce){.splash-logo{animation:none}}.social-actions{border-block:1px solid #292929;grid-template-columns:repeat(3,1fr);margin:28px 0 12px;display:grid}.social-actions button{color:#a5a5aa;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;min-height:58px;font-weight:700;transition:color .18s,background .18s;display:flex}.social-actions button+button{border-left:1px solid #242424}.social-actions button:hover{color:#fff;background:#111}.social-actions button.active{color:var(--pink)}.social-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.social-actions button:first-child.active svg{fill:currentColor}.support-actions{flex-wrap:wrap;gap:8px;margin:0 0 10px;display:flex}.support-actions button{color:#8e8e94;cursor:pointer;background:#111;border:1px solid #292929;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:8px 11px;font-size:12px;display:flex}.support-actions button.active{color:#ff479a;background:#250d19;border-color:#6d1941}.support-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.action-message{color:#8e8e94;min-height:18px;display:block}.report-panel{background:#130c11;border:1px solid #3b1730;border-radius:14px;margin:18px 0;padding:16px}.report-panel label{color:#aaa;gap:6px;margin-bottom:12px;font-size:12px;display:grid}.report-panel select,.report-panel textarea{color:#fff;background:#0d0d0d;border:1px solid #333;border-radius:9px;width:100%;padding:12px}.creator-reactions,.related,.settings-group{border-top:1px solid var(--line);margin:38px 0;padding-top:22px}.creator-reactions h2,.related h2,.settings-group h2{text-transform:uppercase;font-size:18px}.creator-reactions a{color:#ff5ba5;background:#211018;border-radius:12px;margin:10px 0;padding:14px;display:block}.whatsapp-button{color:#071d0f;background:#25d366;justify-content:center;align-items:center;gap:10px;display:flex}.whatsapp-button:hover{background:#20bd5a}.whatsapp-button svg{fill:currentColor;flex:none;width:22px;height:22px}.whatsapp-button b{font-size:18px}.moderation-content{padding:20px}