:root{font-family:Space Grotesk,Inter,system-ui,sans-serif;color:#161616;background-color:#f4f1ff}*{box-sizing:border-box}body{margin:0}.app-shell{padding:32px 6vw 80px}.app-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;background:linear-gradient(120deg,#ffb4ff,#9ad0ff,#b1ffd1);border-radius:24px;box-shadow:0 12px 30px #463c8233}.app-header h1{margin:8px 0 12px;font-size:clamp(28px,4vw,44px)}.subtitle{max-width:520px;margin:0}.eyebrow{font-weight:600;text-transform:uppercase;letter-spacing:2px;font-size:12px}.layout-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;margin-top:32px}.column{display:flex;flex-direction:column;gap:24px}.card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 6px 20px #17104c14}.mode-toggle h3{margin:0 0 8px}.toggle-buttons{display:flex;gap:12px;margin-top:12px}.ghost.active{background:#151515;color:#fff}.cta{background:#151515;color:#fff;border:none;padding:12px 20px;border-radius:999px;font-weight:600;cursor:pointer}.ghost{background:transparent;border:1px solid #222;border-radius:999px;padding:8px 16px;cursor:pointer}.pill{background:#f0f0ff;color:#4333b5;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.feed-header,.composer-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.post-list{display:flex;flex-direction:column;gap:20px;margin-top:16px}.post{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:16px;border-radius:16px;background:#f8f7ff;transition:transform .2s ease,opacity .2s ease}.post.low{opacity:.7;transform:scale(.98)}.post.medium{background:#f7fbff}.post.high{background:#f3fff7}.post-avatar{font-size:32px}.post-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.badge{background:#ffe9f9;color:#aa2c84;padding:4px 10px;border-radius:999px;font-size:12px}.tag{background:#e7f0ff;color:#1f4fa3;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.tag.cringe{background:#ffe0e9;color:#a1113c}.tag.banger{background:#e6ffe8;color:#1b7a3c}.tag.probation{background:#fff2d6;color:#a36500}.reactions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.reaction{border:none;background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;display:flex;gap:6px;align-items:center;font-weight:600;transition:transform .2s ease}.reaction:hover{transform:translateY(-2px)}.reaction.ghost{border:1px dashed #2f2f2f}.composer textarea{width:100%;margin-top:16px;padding:16px;border-radius:16px;border:1px solid #ddd;resize:vertical;font-size:16px}.composer-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.ghost.danger{border-color:#ff5c7a;color:#ff5c7a}.action-row{display:flex;flex-wrap:wrap;gap:10px}.system-note{font-size:13px;color:#7a3c6f;background:#fff1fb;padding:8px 12px;border-radius:12px;margin:12px 0 0}.helper{font-size:12px;color:#555;margin-top:12px}.profile-banner{background:linear-gradient(120deg,#ffc6f7,#c6fff0);border-radius:14px;padding:20px;text-align:center;font-weight:600}.profile-header{display:flex;align-items:center;gap:16px;margin-top:16px}.avatar{font-size:40px;background:#f3f0ff;padding:12px;border-radius:16px}.avatar.punitive{background:#ffe2e9;animation:wiggle .6s ease-in-out infinite alternate}.profile-bio{margin-top:12px}.profile-effect{font-size:13px;color:#7a3c6f;background:#fff1fb;padding:8px 12px;border-radius:12px;margin:12px 0 0}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.badge-pill{background:#f0f0ff;color:#3a2b91;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;text-align:center}.profile-stats span{display:block;font-size:12px;color:#666}.badge-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}.badge-list li{display:flex;align-items:center;gap:8px}.ranking-card{background:#f9f6ff;border-radius:16px;padding:12px 16px;margin-bottom:16px}.ranking-card ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}.ranking-card li{display:flex;flex-direction:column;gap:4px}.notice{background:#fff5d6}.notice ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}@keyframes wiggle{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@media (max-width: 900px){.app-header{flex-direction:column;align-items:flex-start}.layout-grid{grid-template-columns:1fr}}