:root{--bg-color:#ffffff;--text-color:#333333;--secondary-text:#6c757d;--link-color:#007bff;--link-hover-color:#0056b3;--header-bg:#f4f4f4;--footer-bg:#333333;--footer-text:#ffffff;--btn-primary-bg:#007bff;--btn-primary-text:#ffffff;--btn-secondary-bg:#6c757d;--btn-secondary-text:#ffffff;--btn-tertiary-bg:#ac31b0;--btn-tertiary-text:#ffffff;--card-bg:#ffffff;--card-border:#e0e0e0;--input-border:#cccccc;--point-good-bg:#d1e7dd;--point-good-text:#0f5132;--point-neutral-bg:#e2e3e5;--point-neutral-text:#41464b;--point-bad-bg:#fff3cd;--point-bad-text:#664d03;--point-blocker-bg:#f8d7da;--point-blocker-text:#842029;--grade-a-bg:#198754;--grade-b-bg:#79b752;--grade-c-bg:#ffc107;--grade-d-bg:#d66f2c;--grade-e-bg:#dc3545;--grade-na-bg:#6c757d;--grade-text:#ffffff;--border-radius:2rem}@media(prefers-color-scheme:dark){:root{--bg-color:#1a1a1a;--text-color:#e0e0e0;--secondary-text:#b9bbbe;--link-color:#3a9fff;--link-hover-color:#70b8ff;--header-bg:#2a2a2a;--footer-bg:#2a2a2a;--footer-text:#e0e0e0;--btn-primary-bg:#3a9fff;--btn-primary-text:#ffffff;--btn-secondary-bg:#5a5a5a;--btn-secondary-text:#ffffff;--card-bg:#2a2a2a;--card-border:#444444;--input-border:#444444;--point-good-bg:#133d2a;--point-good-text:#4ade80;--point-neutral-bg:#2f3136;--point-neutral-text:#b9bbbe;--point-bad-bg:#3f2f00;--point-bad-text:#ffd966;--point-blocker-bg:#3f1f1f;--point-blocker-text:#f87171;--grade-a-bg:#15803d;--grade-b-bg:#65a30d;--grade-c-bg:#ca8a04;--grade-d-bg:#b45309;--grade-e-bg:#b91c1c;--grade-text:#ffffff}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;line-height:1.6;color:var(--text-color);background:var(--bg-color)}main{min-height:calc(100vh - 140px);margin-top:60px}.grade-A{background:#2ecc71;color:#fff}.grade-B{background:#27ae60;color:#fff}.grade-C{background:#f1c40f;color:#2d2d2d}.grade-D{background:#e67e22;color:#fff}.grade-E{background:#e74c3c;color:#fff}.point-good{color:#2ecc71}.point-neutral{color:#95a5a6}.point-bad{color:#e74c3c}.point-blocker{color:#c0392b}html{scroll-behavior:smooth}:focus{outline:3px solid rgba(52,152,219,.5);outline-offset:2px}.loading{position:relative}.loading::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover-color)}.translation-warning{background-color:var(--point-bad-bg);border:1px solid var(--point-bad-text);color:var(--point-bad-text);padding:1rem;margin:1rem 0;border-radius:var(--border-radius);display:flex;align-items:center;gap:.75rem;border-color:rgba(102,77,3,.2)}.translation-warning::before{content:'';width:28px;height:28px;background-image:url(/static/svg/warning.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;filter:invert(27%)sepia(51%)saturate(768%)hue-rotate(12deg)brightness(92%)contrast(96%)}.translation-warning p{margin:0;font-size:.9rem;flex:1}.donate-header{max-width:750px;margin:0 auto 1rem;position:relative}.donate-header-link{background:var(--btn-tertiary-bg);color:var(--btn-tertiary-text);padding:1.25rem 3rem 1.25rem 1.25rem;text-align:left;border-radius:var(--border-radius);display:flex;align-items:center;gap:1rem;text-decoration:none;transition:opacity .3s ease,transform .3s ease}.donate-header-link:hover{color:var(--btn-tertiary-text);opacity:.95}.warning-icon{width:24px;height:24px;filter:invert(1);flex-shrink:0}.donate-text{flex:1}.donate-text h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--btn-tertiary-text)}.donate-text p{margin:0;font-size:1rem;line-height:1.4;color:var(--btn-tertiary-text)}.donate-text a{text-decoration:underline}.close-donate{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);z-index:1;background:0 0;border:none;color:var(--btn-tertiary-text);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .2s ease}.close-donate:hover{opacity:1}.donate-header.hiding .donate-header-link{opacity:0;transform:translateY(-20px)}.reflective-card{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-radius:var(--border-radius);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.reflective-card::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient( 120deg,transparent,rgba(255,255,255,.3),transparent );transition:left .6s ease}.reflective-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.reflective-card h3{margin:0 0 .5rem;color:var(--btn-primary-text)}.reflective-card p{margin:0;color:var(--btn-primary-text);opacity:.9}.btn{padding:.75rem 1.5rem;border-radius:var(--border-radius);border:none;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{color:var(--btn-primary-text)}.btn-secondary{background:var(--card-border);color:var(--text-color)}.btn-secondary:hover{color:var(--text-color)}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-color)}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid var(--card-border);border-radius:var(--border-radius);font-size:1rem;background:var(--card-bg);color:var(--text-color);transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--btn-primary-bg);box-shadow:0 0 0 3px rgba(79,70,229,.1);outline:none}.form-group textarea{min-height:150px;resize:vertical}