:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18181b;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}textarea,input{font:inherit}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e4e4e7}.nav__logo{font-weight:700;font-size:1.1rem;color:#1e3a8a}.nav__right{display:flex;align-items:center;gap:16px}.nav__right a{color:#3b82f6;font-weight:600}.nav__right button{padding:6px 12px;border:1px solid #d4d4d8;border-radius:999px;background:none;color:#52525b;font-size:.85rem}.nav__right button:hover{background:#f4f4f5}.app-main{max-width:640px;margin:0 auto;padding:24px}.page h2{margin:0 0 16px}.error{color:#dc2626}.identity-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.identity-card{width:100%;max-width:380px}.identity-card h1{color:#1e3a8a;margin:0 0 8px}.identity-subtitle{color:#52525b;margin:0 0 24px;font-size:.92rem}.identity-tabs{display:flex;gap:8px;margin-bottom:20px}.identity-tabs button{flex:1;padding:10px;border:1px solid #d4d4d8;border-radius:10px;background:none;color:#52525b;font-weight:600;font-size:.85rem}.identity-tabs button.active{border-color:#3b82f6;color:#1e3a8a;background:#eff6ff}.identity-card form{display:flex;flex-direction:column;gap:14px}.identity-card label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:#3f3f46}.identity-card input{padding:10px 12px;border:1px solid #d4d4d8;border-radius:10px;font-size:.95rem}.identity-card input:focus{outline:none;border-color:#3b82f6}.identity-card button[type=submit]{margin-top:4px;padding:11px;border:none;border-radius:10px;background:#1e3a8a;color:#fff;font-weight:600}.identity-card button[type=submit]:disabled{opacity:.6;cursor:default}.identity-error{margin-top:12px;color:#dc2626;font-size:.85rem}.compose-box{display:flex;flex-direction:column;gap:8px;padding:14px;margin-bottom:8px;border:1px solid #e4e4e7;border-radius:14px}.compose-box textarea{border:none;resize:none;font-size:1rem}.compose-box textarea:focus{outline:none}.compose-box__footer{display:flex;align-items:center;justify-content:space-between}.compose-box__count{color:#a1a1aa;font-size:.8rem}.compose-box__footer button{padding:8px 18px;border:none;border-radius:999px;background:#1e3a8a;color:#fff;font-weight:600;font-size:.9rem}.compose-box__footer button:disabled{opacity:.5;cursor:default}.compose-box__error{color:#dc2626;font-size:.85rem;margin:0}.timeline-tabs{display:flex;gap:8px;margin:4px 0}.timeline-tabs button{padding:8px 16px;border:1px solid #d4d4d8;border-radius:999px;background:none;color:#52525b;font-weight:600;font-size:.85rem}.timeline-tabs button.active{border-color:#3b82f6;color:#1e3a8a;background:#eff6ff}.timeline-hint{color:#71717a;font-size:.85rem;line-height:1.5;margin:12px 0}.refresh-button{margin-bottom:16px;padding:8px 16px;border:1px solid #d4d4d8;border-radius:999px;background:none;color:#3f3f46;font-size:.85rem}.refresh-button:hover{background:#f4f4f5}.tweet-list{display:flex;flex-direction:column;gap:12px}.tweet-card{display:block;padding:16px;border:1px solid #e4e4e7;border-radius:14px}.tweet-card__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.tweet-card__author{display:flex;align-items:baseline;gap:8px}.tweet-card__username{color:#71717a;font-size:.85rem}.tweet-card__time{color:#a1a1aa;font-size:.8rem}.tweet-card__content{display:block;color:#18181b;line-height:1.5;margin-bottom:10px}.tweet-card__actions{display:flex;align-items:center;gap:18px}.tweet-card__reply-link{color:#71717a;font-size:.85rem}.tweet-card__reply-link:hover{color:#3b82f6}.tweet-card__actions button{display:flex;align-items:center;gap:6px;border:none;background:none;color:#71717a;font-size:.85rem}.tweet-card__actions button.liked{color:#e11d48}.profile-header{margin-bottom:20px}.profile-username{color:#71717a;margin:2px 0 12px}.profile-stats{display:flex;gap:16px;margin-bottom:12px;color:#52525b;font-size:.9rem}.profile-header>button{padding:8px 18px;border:none;border-radius:999px;background:#1e3a8a;color:#fff;font-weight:600;font-size:.85rem}.profile-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid #e4e4e7}.profile-tabs button{padding:10px 4px;border:none;background:none;color:#71717a;font-weight:600;font-size:.9rem;border-bottom:2px solid transparent}.profile-tabs button.active{color:#1e3a8a;border-bottom-color:#3b82f6}.user-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.user-list li a{display:flex;align-items:baseline;gap:8px;padding:10px 12px;border:1px solid #e4e4e7;border-radius:12px}.user-list li a:hover{border-color:#93c5fd}.user-list li a span{color:#71717a;font-size:.85rem}.user-list__empty{color:#71717a}.discover-section{margin-bottom:32px}.discover-section h3{margin:0 0 2px}.discover-section__hint{color:#71717a;font-size:.85rem;margin:0 0 14px}.people-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.people-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e4e4e7;border-radius:12px}.people-list__identity{display:flex;align-items:baseline;gap:8px;min-width:0}.people-list__identity span{color:#71717a;font-size:.85rem}.people-list__count{margin-left:auto;white-space:nowrap}.people-list li:hover{border-color:#93c5fd}.people-list button{flex-shrink:0;padding:6px 14px;border:1px solid #d4d4d8;border-radius:999px;background:none;color:#1e3a8a;font-weight:600;font-size:.8rem}.people-list button:hover{background:#f4f4f5}