:root{--primary-color: #2c3e50;--secondary-color: #34495e;--accent-color: #3498db;--bg-color: #f4f6f8;--card-bg: #ffffff;--text-color: #333333;--border-color: #e1e4e8;--font-sans: "Inter", sans-serif;--font-serif: "Merriweather", serif}body{margin:0;padding:0;font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased}.App{max-width:900px;margin:60px auto;padding:0 20px}.App-header{text-align:center;margin-bottom:50px}.App-header h1{font-family:var(--font-serif);font-weight:700;color:var(--primary-color);font-size:2.5rem;margin:0 0 15px}.App-header p{color:#666;font-size:1.1rem;margin:0}.citation-form{background:var(--card-bg);padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid var(--border-color)}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:var(--secondary-color);font-size:.95rem}textarea.form-input{width:100%;padding:16px;border:1px solid var(--border-color);border-radius:8px;font-family:var(--font-sans);font-size:1rem;line-height:1.5;transition:all .2s;box-sizing:border-box;background-color:#fafafa;resize:vertical}textarea.form-input:focus{outline:none;border-color:var(--accent-color);background-color:#fff;box-shadow:0 0 0 3px #3498db1a}.style-toggle{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.radio-label{display:flex;align-items:center;cursor:pointer;padding:10px 20px;border-radius:30px;background:white;border:1px solid var(--border-color);transition:all .2s ease;font-weight:500;color:#666;box-shadow:0 2px 4px #00000005}.radio-label:hover{border-color:var(--accent-color);color:var(--accent-color)}.radio-label.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 8px #2c3e5033}.radio-label input{display:none}.btn{padding:12px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem;letter-spacing:.5px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.btn-secondary{background-color:#fff;border:1px solid var(--border-color);color:var(--text-color)}.btn-secondary:hover{background-color:#f8f9fa;border-color:#ccc}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.example-btn{background:none;border:none;color:var(--accent-color);font-weight:500;cursor:pointer;padding:4px 8px;font-size:.9em;border-radius:4px;transition:background .2s}.example-btn:hover{background:rgba(52,152,219,.1)}.citation-result{background:var(--card-bg);padding:40px;border-radius:12px;box-shadow:0 8px 16px #0000000d;border:1px solid var(--border-color);margin-top:40px;animation:slideUp .4s ease-out}.citation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:15px}.citation-header h3{margin:0;color:var(--secondary-color);font-size:1.2rem}.citation-box{background-color:#fbfbfb;border-left:5px solid var(--primary-color);padding:25px;margin-bottom:30px;font-family:var(--font-serif);font-size:1.3rem;line-height:1.6;color:#222;box-shadow:inset 0 0 10px #00000005}.reasoning-section h4,.rules-section button{color:var(--secondary-color);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;margin-bottom:10px}.reasoning-section p{color:#444;line-height:1.7}.rules-section ul{list-style:none;padding:0}.rule-item{border-bottom:1px solid #f0f0f0;padding:16px 0}.rule-item:last-child{border-bottom:none}.rule-source{font-size:.8rem;color:var(--accent-color);font-weight:600;margin-bottom:6px;display:block}.rule-text{font-size:.95rem;color:#555;line-height:1.5}.btn-copy{font-size:.9rem;padding:8px 16px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.App-footer{margin-top:60px;padding-top:20px;border-top:1px solid var(--border-color);text-align:center;color:#7f8c8d;font-size:.85rem;line-height:1.5}.App-footer strong{color:var(--secondary-color);font-weight:600}