:root{--bg: #f5f3f2;--card: #fff;--radius-lg: 16px;--border: #e5e5e5}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#333}.app-shell{max-width:1100px;margin:0 auto;padding:16px}.card{background:var(--card);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px;box-shadow:0 12px 40px #00000008}.hero-img{width:100%;display:block;border-radius:12px;object-fit:cover}.section-title{font-weight:700;margin-bottom:12px}.footer{text-align:center;font-size:12px;color:#aaa;margin:32px 0 16px}.login-box{max-width:360px;margin:80px auto;background:#fff;border-radius:16px;padding:20px;text-align:center;box-shadow:0 16px 50px #0000000d}.button{background:#111;color:#fff;border:none;border-radius:999px;padding:8px 16px;cursor:pointer;font-size:14px}.button:disabled{opacity:.4;cursor:not-allowed}.input-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.sns-grid{display:flex;flex-wrap:wrap;gap:12px}.sns-item{background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.03);padding:12px 14px;min-width:130px}@media (max-width: 768px){.app-shell{padding:10px}}