.taglines{color:#f4f5fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#11131b;font-family:Arial,sans-serif}.taglines *{box-sizing:border-box}.taglines{margin:0}.taglines header,.taglines main,.taglines footer{max-width:1100px;margin:auto;padding:28px}.taglines header{border-bottom:1px solid #383b49;justify-content:space-between;align-items:center;gap:20px;display:flex}.taglines .brand{letter-spacing:.14em;color:#ffce61;font-size:14px;font-weight:800}.taglines .badge{color:#c3c6d4;font-size:14px}.taglines h1{letter-spacing:-.04em;margin:12px 0;font-size:clamp(32px,5vw,54px)}.taglines p{color:#c3c6d4;font-size:17px;line-height:1.6}.taglines .intro{max-width:720px;margin-bottom:30px}.taglines .layout{grid-template-columns:minmax(0,1fr) 300px;gap:30px;display:grid}.taglines .card{background:#1b1e29;border:1px solid #3b3d4a;border-radius:12px;margin-bottom:16px;padding:24px}.taglines .num{color:#ffce61;letter-spacing:.12em;font-size:14px}.taglines .quote{margin:12px 0 22px;font-family:Georgia,serif;font-size:26px;line-height:1.4;display:block}.taglines select,.taglines button{font:inherit;border-radius:7px;min-height:48px;padding:13px;font-size:16px}.taglines select{color:#fff;background:#11131b;border:1px solid #686d81;width:100%}.taglines button{cursor:pointer;color:#11131b;background:#ffce61;border:0;font-weight:700}.taglines button.secondary{color:#fff;background:#303545}.taglines button:disabled{opacity:.5;cursor:default}.taglines :focus-visible{outline-offset:4px;outline:3px solid #8cc9ff}.taglines .tools{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.taglines aside{background:#181b25;border-top:3px solid #ffce61;border-radius:12px;align-self:start;max-height:calc(100vh - 40px);padding:22px;position:sticky;top:20px;overflow-y:auto}.taglines h2{margin:0 0 12px;font-size:20px}.taglines summary{cursor:pointer;padding:12px 0;font-size:16px;line-height:1.5}.taglines details p{margin:0 0 16px;font-size:15px}.taglines details{border-bottom:1px solid #383b49}.taglines .feedback{margin:14px 0 0;font-size:16px;line-height:1.5}.taglines .correct{border-color:#68d9af}.taglines .wrong{border-color:#f89d92}.taglines .correct .feedback{color:#8decc7}.taglines .wrong .feedback{color:#ffb4a8}.taglines #result{margin:20px 0;scroll-margin-top:20px;font-size:22px;font-weight:700}.taglines progress{accent-color:#ffce61;width:100%;height:7px;margin:12px 0 25px}.taglines footer{color:#aeb3c4;font-size:14px}.taglines .sources a{margin:8px 14px 8px 0;display:inline-block}@media (max-width:760px){.taglines header,.taglines main,.taglines footer{padding:20px}.taglines .layout{grid-template-columns:1fr}.taglines aside{grid-row:1;max-height:none;position:static}.taglines .quote{font-size:23px}.taglines .card{padding:20px}}@media print{.taglines header,.taglines aside,.taglines .tools,.taglines footer,.taglines progress{display:none}.taglines{color:#000;background:#fff}.taglines .layout{display:block}.taglines .card{break-inside:avoid;color:#000;background:#fff}.taglines .quote,.taglines p{color:#000}}.taglines{min-height:100vh}.taglines input{font:inherit;color:#fff;background:#11131b;border:1px solid #686d81;border-radius:7px;width:100%;margin:10px 0;padding:12px}.taglines .notice{background:#252a3a;border-radius:10px;margin:20px 0;padding:18px}.taglines a{color:#c9dcff}.taglines table{border-collapse:collapse;width:100%}.taglines th,.taglines td{text-align:left;border-bottom:1px solid #686d81;padding:12px}.taglines code{white-space:nowrap;font-size:17px}.taglines label{display:block}.taglines .history{flex-wrap:wrap;gap:10px;display:flex}
