@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #0b0b0f;--bg-2: #111118;--ink: #f4f4f6;--muted: #a4a6b3;--accent: #00f2ea;--accent-2: #ff0050;--accent-3: #ffcc00;--card: rgba(16, 16, 24, .96);--card-2: rgba(22, 22, 32, .98);--border: rgba(244, 244, 246, .08);--shadow: 0 35px 70px rgba(0, 0, 0, .55);--glow-cyan: 0 0 22px rgba(0, 242, 234, .25);--glow-pink: 0 0 28px rgba(255, 0, 80, .22);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px}*{box-sizing:border-box}body{margin:0;font-family:Roboto,system-ui,-apple-system,sans-serif;color:var(--ink);background:radial-gradient(circle at top right,rgba(255,0,80,.18),transparent 45%),radial-gradient(circle at 20% 20%,rgba(0,242,234,.2),transparent 40%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);min-height:100vh;font-size:19px}h1,h2,h3{font-family:Roboto,system-ui,-apple-system,sans-serif;margin:0 0 12px;letter-spacing:-.02em}p{margin:0 0 16px;line-height:1.6;color:var(--muted)}button{font-family:inherit}a{color:inherit}.app-shell{position:relative;min-height:100vh;padding:40px 24px 64px;overflow:hidden}.app-shell:before,.app-shell:after{content:"";position:absolute;border-radius:999px;filter:blur(0px);opacity:.55;z-index:0}.app-shell:before{width:240px;height:240px;background:#00f2ea40;top:-80px;right:10%}.app-shell:after{width:320px;height:320px;background:#ff005038;bottom:-120px;left:5%}.shell-content{position:relative;z-index:1;max-width:1040px;margin:0 auto}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.brand{font-family:Roboto,sans-serif;font-weight:700;font-size:28px;letter-spacing:.04em;text-transform:uppercase}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow),var(--glow-cyan);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card+.card{margin-top:24px}.card:hover{box-shadow:var(--shadow),var(--glow-cyan),var(--glow-pink);border-color:#00f2ea38}.hero{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:center}.hero h1{font-size:clamp(40px,5vw,60px)}.hero .tagline{font-size:21px}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--border);padding:6px 12px;border-radius:999px;background:#12121ad9;font-size:14px;color:var(--muted)}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b0b0f;border:none;padding:15px 24px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;box-shadow:0 14px 30px #00f2ea40}.primary-button:disabled{opacity:.5;cursor:not-allowed}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 36px #ff005040}.ghost-button{background:#101018b3;border:1px solid rgba(244,244,246,.12);padding:13px 20px;border-radius:999px;cursor:pointer;color:var(--ink);transition:all .2s ease}.ghost-button:hover{border-color:#00f2ea59;box-shadow:0 10px 20px #00f2ea2e}.feed-grid{display:grid;gap:18px}.feed-card{background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:0 12px 30px #1c1c1c14;position:relative}.feed-card h3{font-size:26px;margin-bottom:8px}.title-button{all:unset;cursor:pointer;display:block;width:100%}.title-button:hover h3{color:var(--accent-2)}.text-button{all:unset;cursor:pointer;display:block;width:100%}.text-button:hover p{color:var(--accent-2)}.feed-card.skeleton{overflow:hidden;border-color:#ffffff14}.feed-card.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#fff0,#ffffff0f 45%,#ffffff29 55%,#fff0);transform:translate(-100%);animation:shimmer .9s infinite}.skeleton-line{height:12px;border-radius:999px;background:#ffffff14;margin-bottom:12px}.skeleton-line.title{height:20px;width:70%;margin-bottom:14px}.skeleton-line.short{width:55%}.skeleton-actions{display:flex;gap:12px;margin-top:18px}.skeleton-pill{height:38px;width:120px;border-radius:999px;background:#ffffff1a}.loader-row{display:flex;justify-content:center;gap:10px;padding:18px 0 6px}.loader-dot{width:8px;height:8px;border-radius:999px;background:#00f2ea99;animation:pulseDots .75s infinite}.loader-dot:nth-child(2){animation-delay:.15s}.loader-dot:nth-child(3){animation-delay:.3s}@keyframes shimmer{to{transform:translate(100%)}}@keyframes pulseDots{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-4px);opacity:1}}.body-loader{margin-top:14px}.read-close-button{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:999px;border:1px solid var(--border);background:#12121ad9;color:var(--text);font-size:17px;font-weight:600;cursor:pointer;transition:all .2s ease}.read-close-button:hover{border-color:#00f2ea59;box-shadow:0 10px 20px #00f2ea2e}.feed-meta{font-size:15px;color:var(--muted);margin-bottom:12px}.action-row{display:flex;gap:12px;margin-top:16px}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:#101018b3;border:1px solid rgba(244,244,246,.12);border-radius:999px;color:var(--ink);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.icon-button:hover{transform:translateY(-1px);border-color:#00f2ea59;box-shadow:0 10px 20px #00f2ea2e}.icon-button svg{width:20px;height:20px;transition:transform .2s ease}.icon-button:hover svg{transform:scale(1.08)}.icon-button.liked{color:#b36bff;border-color:#b36bff66;box-shadow:0 10px 20px #b36bff2e}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#c75c5c1a;color:var(--accent-3);font-size:14px}.toggle{display:inline-flex;gap:6px;border:1px solid var(--border);border-radius:999px;padding:4px;background:#12121ae6;box-shadow:inset 0 0 0 1px #00f2ea14}.toggle button{border:none;background:transparent;padding:6px 10px;border-radius:999px;cursor:pointer;font-size:15px;color:var(--muted);transition:all .2s ease}.toggle button.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b0b0f;box-shadow:0 8px 18px #00f2ea40}.notice{border:1px dashed rgba(13,107,107,.4);background:#0d6b6b14;padding:16px 18px;border-radius:var(--radius-md);color:var(--muted);font-size:17px}.fade-in{animation:fadeInUp .6s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.top-bar{flex-direction:column;align-items:flex-start;gap:12px}.card{padding:20px}}