/* Basit Toplama atölyesi */
dialog:has(.addition-screen){width:min(610px,94vw);padding:0;border:1px solid #ddd4f1;border-radius:26px;background:#faf8ff;max-height:94dvh;overflow:auto;box-shadow:0 30px 110px #15102b66}
dialog:has(.addition-screen)>.close{z-index:2;top:18px;right:18px;background:#ffffff16;border:1px solid #ffffff28;color:white;width:32px;height:32px}
.addition-header{padding:23px 29px 21px;background:radial-gradient(ellipse at 90% 35%,#7351b177,transparent 58%),linear-gradient(120deg,#202044,#35275b);color:white;position:relative;overflow:hidden}
.addition-header:after{content:'';position:absolute;width:190px;height:190px;border:1px solid #ffffff0b;border-radius:50%;right:-45px;top:-70px;pointer-events:none}
.addition-brand{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.7px;font-weight:800;color:#ece4ff}.addition-brand img{width:29px;height:29px}.addition-brand small{display:block;font-size:7px;letter-spacing:2px;color:#a99cc5;margin-top:4px}
.addition-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0}.addition-kicker{font-size:8px;color:#ddbf82;letter-spacing:1.8px;font-weight:700}.addition-header h2{font-family:Outfit,Manrope,sans-serif;font-size:34px;letter-spacing:1px;font-weight:800;color:#fff;margin:5px 0 7px;line-height:1.15}.addition-header p{color:#c6badb;font-size:11px;margin:0}.addition-emblem{display:grid;place-items:center;flex-shrink:0;width:68px;height:68px;border-radius:20px;transform:rotate(-10deg);border:1px solid #cbb9f54d;background:linear-gradient(130deg,#cbb1ff30,#ab81ee0a);font-size:53px;color:#e6cb91;font-family:Outfit,sans-serif;box-shadow:0 8px 20px #08081c33;position:relative}.addition-emblem span{position:absolute;top:-13px;right:-9px;font-size:23px;color:#f5dfaf}
.addition-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#c0b3d9}.addition-progress-label strong{color:#f0d89e;font-size:10px;letter-spacing:1px}.addition-progress-label strong span{color:#a998c6}.addition-steps{display:flex;gap:6px;margin-top:11px}.addition-steps>span{flex:1;height:5px;background:#ffffff16;border-radius:8px}.addition-steps .done{background:#bca0ee}.addition-steps .current{background:#eed099;box-shadow:0 0 10px #eaca8450}.addition-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.addition-body{padding:21px 29px 19px}.addition-prompt{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;letter-spacing:1px;color:#8c7aab;margin-bottom:12px}.addition-pill{background:#ede7f7;border:1px solid #e1d7ee;border-radius:15px;padding:5px 8px;font-size:7px;letter-spacing:.6px;color:#9481ad}
.addition-screen .addition-equation{display:flex;justify-content:center;align-items:center;gap:16px;padding:17px 14px;border:1px solid #e1d6ef;border-radius:17px;background:radial-gradient(ellipse at 0 0,#eae0fa,transparent 65%),linear-gradient(120deg,#f2ecfc,#fff);box-shadow:inset 0 1px 0 #fff,0 5px 15px #73608f05;font-size:44px;letter-spacing:0}.addition-equation b{font-weight:700;color:#5b4287}.addition-screen .addition-equation>span{font-size:28px;color:#a897be;font-weight:500}.addition-equation .addition-mystery{display:grid;place-items:center;min-width:62px;height:64px;background:#fff;border:2px dashed #c8b7df;border-radius:12px;color:#b3a0ca}
.addition-answer-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:17px 0}.addition-screen .addition-answer-row label{font-size:9px;letter-spacing:1px;font-weight:800;color:#8c7aab;margin:0}.addition-answer-row label small{display:block;font-size:10px;letter-spacing:0;font-weight:400;color:#a394b5;margin-top:6px;line-height:1.6}.addition-screen .addition-answer{width:112px;height:58px;margin:0!important;border:2px solid #d0bde9;border-radius:13px;background:white;color:#65458c;box-shadow:0 4px 0 #e9dff5;font-size:30px!important;flex-shrink:0}.addition-screen .addition-answer::placeholder{color:#d2c5e2}.addition-screen .addition-answer:focus-visible{outline:2px solid #d9c6f0;outline-offset:3px}
.addition-screen .addition-keypad{gap:9px}.addition-screen .addition-keypad button{min-height:44px;background:linear-gradient(180deg,#fff,#f4effb);border:1px solid #e4d9ef;border-bottom:3px solid #d8c7e9;border-radius:11px;color:#6f5298;font-family:Outfit,Manrope,sans-serif;font-size:23px;box-shadow:0 2px 4px #9b82b608;transition:background .15s,transform .15s}.addition-screen .addition-keypad button:hover:not(:disabled){background:#e9def8;border-color:#b9a0d6;transform:translateY(-1px)}.addition-screen .addition-keypad button:active:not(:disabled){transform:translateY(2px);border-bottom-width:1px}.addition-screen .addition-keypad #addition-clear,.addition-screen .addition-keypad #addition-delete{background:#eee7f6;color:#a18ab9;font-size:12px}.addition-screen .addition-keypad #addition-delete{font-size:22px}
.addition-screen .addition-check{margin-top:17px;padding:14px 19px;justify-content:space-between;border-radius:11px;background:linear-gradient(110deg,#7c59b2,#624795);box-shadow:0 5px 0 #50357e,0 10px 17px #8060a620;font-size:12px;letter-spacing:.3px}.addition-check span{font-size:18px;color:#d6c2f0}.addition-check:disabled{opacity:.55;box-shadow:none;cursor:default}.addition-screen #addition-feedback{font-size:10px;line-height:1.8;color:#9382a9;min-height:20px;margin:17px 0 0;text-align:center}.addition-screen #addition-next{width:100%;justify-content:center;margin-top:12px;background:#6e509d}.addition-screen .addition-answer.answer-correct{background:#edf9f0;border-color:#6fa987;color:#287947}.addition-screen .addition-answer.answer-incorrect{background:#fff0f0;border-color:#db8e8e;color:#a84d4d}
@media(max-width:420px){.addition-header{padding:20px}.addition-body{padding:18px 20px}.addition-header h2{font-size:27px}.addition-emblem{width:54px;height:54px;font-size:42px}.addition-heading{margin:19px 0}.addition-screen .addition-equation{gap:12px;font-size:36px}.addition-equation .addition-mystery{min-width:50px;height:54px}.addition-screen .addition-answer{width:90px}.addition-prompt{font-size:8px}}
@media(max-height:760px) and (min-width:421px){.addition-header{padding-top:17px;padding-bottom:15px}.addition-heading{margin:12px 0}.addition-header h2{font-size:30px}.addition-body{padding-top:15px;padding-bottom:15px}.addition-screen .addition-equation{padding:11px}.addition-answer-row{margin:12px 0}.addition-screen .addition-keypad button{min-height:39px}.addition-screen .addition-keypad{gap:7px}.addition-screen .addition-check{margin-top:12px;padding:11px 17px}}