:root{--bg: #0f0f1a;--bg-card: #1a1a2e;--bg-input: #16213e;--primary: #e94560;--primary-hover: #ff6b81;--text: #eaeaea;--text-muted: #888;--border: #2a2a4a;--accent: #533483;--success: #00d2d3;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}.container{max-width:640px;margin:0 auto;padding:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:var(--radius);background:var(--primary);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s;width:100%;font-family:inherit}.btn:hover:not(:disabled){background:var(--primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-tweet{background:#000;color:#fff;border:1px solid #333}.btn-tweet:hover:not(:disabled){background:#1a1a1a}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary);color:#fff}.input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text);font-size:16px;font-family:inherit;outline:none;transition:border-color .2s}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--text-muted)}.label{display:block;font-size:14px;color:var(--text-muted);margin-bottom:6px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:14px}.header{text-align:center;padding:24px 0 16px}.header h1{font-size:28px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{color:var(--text-muted);font-size:14px;margin-top:4px}.node-card{display:flex;gap:12px;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:8px;cursor:pointer;transition:border-color .2s}.node-card:hover{border-color:var(--primary)}.node-card img{width:80px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0}.node-card-info{flex:1;min-width:0}.node-card-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-card-channel{font-size:12px;color:var(--text-muted);margin-top:2px}.node-card-comment{font-size:13px;color:var(--success);margin-top:4px}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700}.badge-first{background:var(--success);color:var(--bg)}.youtube-embed{position:relative;width:100%;padding-bottom:56.25%;border-radius:var(--radius);overflow:hidden;margin-bottom:12px}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.error{color:var(--primary);font-size:14px;margin-top:8px}.char-count{font-size:12px;color:var(--text-muted);text-align:right;margin-top:4px}.char-count.over{color:var(--primary)}.footer{text-align:center;padding:32px 0 16px;font-size:13px;color:var(--text-muted)}.footer a{color:var(--text-muted);transition:color .2s}.footer a:hover{color:var(--primary)}@media(max-width:480px){.container{padding:12px}.header h1{font-size:24px}}