*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f5f5;padding:20px;font-family:Arial,sans-serif}.container{background:#fff;border-radius:12px;max-width:700px;margin:0 auto;padding:32px;box-shadow:0 2px 12px #0000001a}h1{color:#000;margin-bottom:8px;font-size:28px}.subtitle{color:#1d1a1a;margin-bottom:24px;font-size:15px}label{margin-bottom:8px;font-weight:700;display:block}textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;width:100%;min-height:200px;margin-bottom:16px;padding:12px;font-family:Arial,sans-serif;font-size:14px}textarea:focus{border-color:#6c63ff;outline:none}button{color:#fff;cursor:pointer;background-color:#6c63ff;border:none;border-radius:8px;width:100%;margin-bottom:10px;padding:12px 24px;font-size:15px;font-weight:700}button:hover{background-color:#574fd6}button:disabled{cursor:not-allowed;background-color:#aaa}.loading{text-align:center;color:#777171;padding:40px;font-size:16px}.error{color:#c00;background:#f8c3c3;border:1px solid #ffe8e8;border-radius:8px;margin-top:12px;padding:12px 16px;font-size:14px}.btn-secondary{color:#6c63ff;background-color:#fff;border:2px solid #6c63ff}.btn-secondary:hover{background-color:#f0eeff}.payment-box{background:#fdfdfd;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:20px}.payment-box h2{margin-bottom:16px;font-size:20px}.payment-detail{margin-bottom:14px}.payment-detail label{color:#888;text-transform:uppercase;margin-bottom:4px;font-size:12px}.copy-row{align-items:center;gap:8px;display:flex}.copy-value{text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:6px;flex:1;padding:8px 12px;font-family:monospace;font-size:13px;overflow:hidden}.copy-btn{color:#333;cursor:pointer;white-space:nowrap;background:#eee;border:1px solid #ddd;border-radius:6px;width:auto;margin:0;padding:8px 14px;font-size:13px}.copy-btn:hover{background:#ddd}.warning{color:#e65c00;margin-top:6px;font-size:12px}.instructions{background:#d6d4cb;border-left:4px solid #4e4332;border-radius:4px;margin:16px 0;padding:12px 16px;font-size:14px;line-height:1.7}.results{margin-top:8px}.results h2{margin-bottom:16px}.score{color:#6c63ff;margin-bottom:4px;font-size:48px;font-weight:700}.score-label{color:#666;margin-bottom:20px;font-size:14px}.result-section{margin-bottom:20px}.result-section h3{color:#1a1a2e;border-bottom:2px solid #f0eeff;margin-bottom:10px;padding-bottom:6px;font-size:16px}.result-section ul{padding-left:20px}.result-section ul li{margin-bottom:6px;font-size:14px;line-height:1.5}.keywords{flex-wrap:wrap;gap:8px;display:flex}.keyword-tag{color:#6c63ff;background:#f0eeff;border-radius:999px;padding:5px 12px;font-size:13px}.summary{color:#444;background:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;line-height:1.6}
