:root{--bg: #0e1218;--card: #151b24;--border: #232d3b;--text: #e7edf4;--sub: #8494a7;--accent: #0a84ff;--accent-soft: rgba(10,132,255,.12);--like: #f91880;--like-soft: rgba(249,24,128,.12)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;line-height:1.7;font-size:15px}.wrap{max-width:600px;margin:0 auto;min-height:100vh;border-left:1px solid var(--border);border-right:1px solid var(--border)}header{position:sticky;top:0;z-index:10;background:#0e1218d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 16px;display:flex;align-items:center;gap:12px}.brand-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0a84ff,#5e5ce6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0;overflow:hidden}.brand-icon img{width:100%;height:100%;object-fit:cover}header h1{font-size:16px;font-weight:700}header p{font-size:12px;color:var(--sub)}.pr-notice{padding:8px 16px;font-size:11px;color:var(--sub);border-bottom:1px solid var(--border);background:#ffffff05}.post{border-bottom:1px solid var(--border);padding:16px;display:grid;grid-template-columns:44px 1fr;gap:12px;scroll-margin-top:70px;transition:background .6s}.post:target{background:#0a84ff12}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0a84ff,#5e5ce6);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.meta{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-bottom:4px}.name{font-weight:700;font-size:15px}.handle{color:var(--sub);font-size:13px}.date{color:var(--sub);font-size:13px;text-decoration:none}.date:hover{text-decoration:underline}.body{white-space:pre-line;word-break:break-word;margin-bottom:10px}.tag{color:var(--accent)}.media{display:grid;gap:3px;border-radius:14px;overflow:hidden;border:1px solid var(--border);margin-bottom:10px}.media.grid-2{grid-template-columns:1fr 1fr}.media img{display:block;width:100%;height:100%;max-height:420px;object-fit:cover;background:var(--card)}.linkcard{display:block;border:1px solid var(--border);border-radius:14px;padding:12px 14px;text-decoration:none;transition:background .15s}.linkcard:hover,.linkcard:active{background:var(--accent-soft)}.linkcard .domain{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--sub);margin-bottom:2px}.linkcard .domain:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.linkcard .cta{color:var(--accent);font-weight:600;font-size:14px}.actions{margin-top:10px;display:flex;align-items:center;gap:4px}.act-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--sub);font-size:13px;font-family:inherit;padding:6px 10px;border-radius:999px;transition:background .15s,color .15s}.actions .act-btn:first-child{margin-left:-10px}.like-btn:hover{background:var(--like-soft);color:var(--like)}.like-btn .heart-wrap{display:inline-flex;position:relative}.like-btn .heart{font-size:16px;line-height:1;transition:transform .15s}.like-btn:hover .heart{transform:scale(1.15)}.like-btn.liked{color:var(--like)}.like-btn.liked .heart{transform:scale(1.1);text-shadow:0 0 10px var(--like)}.like-btn.liked{background:var(--like-soft)}.like-btn:disabled{cursor:default}.like-btn .heart.pop{animation:heart-pop .6s cubic-bezier(.2,1.6,.4,1) both}.like-btn .count.bump{animation:count-bump .5s cubic-bezier(.2,1.6,.4,1) both}@keyframes heart-pop{0%{transform:scale(1)}25%{transform:scale(0)}50%{transform:scale(1.6)}70%{transform:scale(.9)}to{transform:scale(1.1)}}@keyframes count-bump{0%{transform:translateY(0);color:var(--like)}40%{transform:translateY(-7px) scale(1.35);color:var(--like)}to{transform:translateY(0) scale(1)}}.share-btn:hover{background:var(--accent-soft);color:var(--accent)}.act-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tl-status{padding:40px 16px;text-align:center;color:var(--sub);font-size:14px}footer{padding:24px 16px 40px;text-align:center;color:var(--sub);font-size:12px;line-height:2}footer a{color:var(--sub)}@media(max-width:640px){.wrap{border:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.linkcard,.act-btn,.like-btn .heart,.post{transition:none}.like-btn .heart.pop,.like-btn .count.bump{animation:none}}.fx-layer{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden}.fx-particle{position:fixed;left:0;top:0;transform:translate(-50%,-50%);will-change:transform,opacity;animation:fx-burst 1.05s ease-out forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}@keyframes fx-burst{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:0}15%{opacity:1}60%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(var(--rot));opacity:0}}.fx-ring{position:fixed;left:0;top:0;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:3px solid #f91880;animation:fx-ring .7s ease-out forwards}@keyframes fx-ring{0%{transform:scale(.3);opacity:.9;border-width:6px}to{transform:scale(6);opacity:0;border-width:1px}}.fx-plusone{position:fixed;left:0;top:0;transform:translate(-50%,-50%);font-weight:800;font-size:18px;color:#f91880;text-shadow:0 2px 8px rgba(249,24,128,.5);animation:fx-plusone 1.15s cubic-bezier(.2,.9,.3,1) forwards}@keyframes fx-plusone{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}25%{transform:translate(-50%,-140%) scale(1.2);opacity:1}to{transform:translate(-50%,-320%) scale(1);opacity:0}}.fx-confetti{position:fixed;top:-20px;will-change:transform,opacity;animation:fx-confetti var(--dur, 2s) linear forwards}@keyframes fx-confetti{0%{transform:translateY(-20px) rotate(0);opacity:1}85%{opacity:1}to{transform:translate(var(--x, 0),105vh) rotate(var(--rot, 360deg));opacity:0}}.fx-toast{position:fixed;left:50%;bottom:84px;z-index:10000;transform:translate(-50%,20px) scale(.85);background:linear-gradient(135deg,#f91880,#ff6aa9);color:#fff;font-weight:800;font-size:15px;padding:12px 22px;border-radius:999px;box-shadow:0 10px 30px #f9188073;opacity:0;pointer-events:none;white-space:nowrap;transition:transform .35s cubic-bezier(.2,1.6,.4,1),opacity .35s}.fx-toast.show{transform:translate(-50%) scale(1);opacity:1}