/* Öğretmenlik Tarzım — editorial premium UI v1.1.0 */
.oon-ot{
  --ot-ink:#132f3b;--ot-ink-2:#1d4350;--ot-paper:#f6f2ea;--ot-paper-2:#fbfaf6;--ot-white:#fff;
  --ot-teal:#11766f;--ot-teal-bright:#73d8c8;--ot-teal-soft:#dcebe5;--ot-coral:#d96f55;--ot-coral-soft:#f1ded5;
  --ot-gold:#b99662;--ot-line:#d9ddd7;--ot-muted:#6c7a7c;--ot-shadow:0 26px 70px rgba(24,47,55,.10);
  width:min(100%,1480px);margin:28px auto 64px;color:var(--ot-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:var(--ot-paper);border-radius:30px;overflow:hidden;border:1px solid rgba(19,47,59,.07);box-shadow:0 28px 80px rgba(30,51,58,.11)
}
.oon-ot *{box-sizing:border-box}.oon-ot button,.oon-ot select{font:inherit}.oon-ot [hidden]{display:none!important}.oon-ot h1,.oon-ot h2,.oon-ot h3,.oon-ot p{margin:0}.oon-ot button:focus-visible,.oon-ot select:focus-visible,.oon-ot a:focus-visible{outline:3px solid rgba(115,216,200,.38);outline-offset:3px}

/* Start */
.oon-ot-start{padding:30px}.oon-ot-start-hero{min-height:595px;border-radius:24px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;background:#183c49;color:#fff}
.oon-ot-start-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,rgba(97,214,193,.17),transparent 28%),radial-gradient(circle at 90% 80%,rgba(222,128,94,.12),transparent 35%);pointer-events:none}
.oon-ot-start-copy{padding:68px 58px 60px;align-self:center;position:relative;z-index:2;max-width:790px}.oon-ot-eyebrow{display:block;font-size:10px;letter-spacing:.23em;text-transform:uppercase;font-weight:800;color:#65cfbe;margin-bottom:21px}
.oon-ot-start-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(54px,5vw,80px);line-height:.99;letter-spacing:-.055em;margin-bottom:28px;color:#fbf8f1}.oon-ot-start-copy h1 em{font-style:italic;color:#79d4c7}.oon-ot-start-copy>p{font-size:16px;line-height:1.82;color:#d6e0e1;max-width:620px}
.oon-ot-start-actions{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin-top:29px}.oon-ot-primary,.oon-ot-secondary{border-radius:999px;min-height:50px;padding:0 23px;border:1px solid transparent;font-size:13px;font-weight:720;cursor:pointer;transition:.18s ease}.oon-ot-primary{background:var(--ot-teal-bright);color:#13313a}.oon-ot-primary:hover:not(:disabled){background:#92e3d6;transform:translateY(-1px)}.oon-ot-primary:disabled{opacity:.42;cursor:not-allowed}.oon-ot-secondary{background:transparent;color:var(--ot-ink);border-color:#cfd6d1}.oon-ot-secondary:hover:not(:disabled){background:#edf1ec}.oon-ot-secondary:disabled{opacity:.4;cursor:not-allowed}
.oon-ot-meta-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:29px;color:#aabec1;font-size:11px}.oon-ot-meta-row span{display:flex;align-items:center;gap:7px}.oon-ot-meta-row i{width:5px;height:5px;border-radius:50%;background:#d58a67}
.oon-ot-context-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;max-width:590px}.oon-ot-context-form label{display:block}.oon-ot-context-form label>span{display:block;margin:0 0 7px;color:#9fb7ba;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.oon-ot-context-form select{width:100%;min-height:47px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.07);color:#fff;padding:0 38px 0 14px;outline:none}.oon-ot-context-form select option{color:#183c49;background:#fff}
.oon-ot-profile-read{margin-top:23px;max-width:590px;padding:13px 16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:14px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.oon-ot-profile-read>span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#79d4c7;font-weight:800}.oon-ot-profile-read strong{font-size:12px;color:#fff}.oon-ot-profile-read small{font-size:11px;color:#b9cbcd}
.oon-ot-resume{min-height:50px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.055);color:#fff;padding:6px 16px 6px 10px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:9px;text-align:left;cursor:pointer;transition:.18s}.oon-ot-resume:hover{background:rgba(255,255,255,.1)}.oon-ot-resume>span{grid-row:1/3;width:32px;height:32px;align-self:center;border-radius:50%;background:rgba(115,216,200,.15);display:grid;place-items:center}.oon-ot-resume>span:before{content:"↻";color:#79d4c7;font-size:17px}.oon-ot-resume strong{font-size:11px;align-self:end}.oon-ot-resume small{font-size:9px;color:#9fb5b8;align-self:start}
.oon-ot-start-art{position:relative;display:flex;align-items:center;justify-content:center;padding:50px 42px 50px 18px;z-index:2}.oon-ot-card-stack{width:min(470px,100%);height:460px;position:relative}.oon-ot-profile-card{position:absolute;border-radius:26px;box-shadow:0 28px 65px rgba(3,22,30,.28);backdrop-filter:blur(10px)}.oon-ot-card-back{width:300px;height:370px;right:5px;top:22px;background:linear-gradient(155deg,#d8e8df,#b8d6ce);transform:rotate(7deg);border:1px solid rgba(255,255,255,.3)}.oon-ot-card-mid{width:320px;height:390px;right:61px;top:42px;background:#f1dfd4;transform:rotate(-5deg);border:1px solid rgba(255,255,255,.32)}.oon-ot-card-main{width:350px;height:420px;right:45px;top:17px;background:#fbf8f1;color:var(--ot-ink);padding:28px;border:1px solid rgba(255,255,255,.45);transform:rotate(-.7deg)}
.oon-ot-mini-kicker{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ot-teal);font-weight:800}.oon-ot-card-main h3{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:500;letter-spacing:-.045em;margin:14px 0 9px}.oon-ot-card-main p{font-size:12px;line-height:1.65;color:#687778}.oon-ot-mini-radar{height:175px;margin:20px -2px 6px;display:grid;place-items:center}.oon-ot-mini-radar svg{width:175px;height:175px}.oon-ot-mini-traits{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.oon-ot-mini-traits span{padding:8px 5px;border-top:1px solid #dde1dc;font-size:9px;color:#607174;text-align:center}.oon-ot-seal{position:absolute;left:10px;bottom:16px;width:104px;height:104px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center;color:#c8d8d7;font-family:Georgia,serif;font-style:italic;font-size:14px;transform:rotate(-8deg);text-align:center;line-height:1.2}
.oon-ot-start-strip{display:grid;grid-template-columns:1.25fr repeat(3,.7fr);margin:0 12px;background:#fdfbf7;border:1px solid var(--ot-line);border-top:0;border-radius:0 0 20px 20px;overflow:hidden}.oon-ot-strip-intro,.oon-ot-strip-item{padding:23px 26px;border-right:1px solid var(--ot-line)}.oon-ot-strip-item:last-child{border-right:0}.oon-ot-strip-intro strong{font-family:Georgia,serif;font-weight:500;font-size:20px}.oon-ot-strip-intro p,.oon-ot-strip-item p{font-size:11px;color:var(--ot-muted);line-height:1.55;margin-top:5px}.oon-ot-strip-item b{display:block;font-size:24px;font-weight:580;letter-spacing:-.05em}.oon-ot-strip-item small{display:block;margin-top:3px;color:var(--ot-teal);font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:780}

/* History home */
.oon-ot-history-home{margin:18px 12px 0;background:#fff;border:1px solid var(--ot-line);border-radius:18px;padding:20px 22px}.oon-ot-history-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.oon-ot-history-head>div{display:grid;gap:4px}.oon-ot-kicker{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ot-teal);font-weight:800}.oon-ot-history-head strong{font-family:Georgia,serif;font-size:21px;font-weight:500}.oon-ot-history-head small{font-size:10px;color:var(--ot-muted)}.oon-ot-history-count{width:36px;height:36px;border-radius:50%;background:#e8f1ec;color:var(--ot-teal);display:grid;place-items:center;font-size:11px;font-weight:800}.oon-ot-history-list{margin-top:14px;border-top:1px solid #eceee9}.oon-ot-history-row{display:grid;grid-template-columns:110px 1fr 170px;gap:12px;padding:10px 0;border-bottom:1px solid #eceee9;align-items:center;font-size:11px}.oon-ot-history-row span,.oon-ot-history-row em{color:var(--ot-muted);font-style:normal}.oon-ot-history-row strong{font-weight:720}.oon-ot-history-clear{margin-top:13px;border:0;background:none;color:#8a635a;font-size:10px;text-decoration:underline;cursor:pointer;padding:0}

/* Quiz */
.oon-ot-quiz{background:var(--ot-paper-2)}.oon-ot-quiz-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:790px}.oon-ot-progress-side{background:#143642;color:#fff;padding:42px 30px;position:relative}.oon-ot-side-kicker{font-size:9px;color:#74d6c6;text-transform:uppercase;letter-spacing:.22em;font-weight:780}.oon-ot-progress-side h2{font-family:Georgia,serif;font-weight:500;font-size:32px;line-height:1.05;letter-spacing:-.045em;margin:14px 0 35px}.oon-ot-step-list{display:flex;flex-direction:column;gap:7px}.oon-ot-step{display:grid;grid-template-columns:28px 1fr;gap:11px;align-items:center;padding:10px 0;color:#8fa5aa;font-size:11px}.oon-ot-step i{width:28px;height:28px;border:1px solid rgba(255,255,255,.17);border-radius:50%;display:grid;place-items:center;font-style:normal}.oon-ot-step.is-active{color:#fff}.oon-ot-step.is-active i{background:#78d6c8;border-color:#78d6c8;color:#14343d;font-weight:800}.oon-ot-step.is-done{color:#bdd0d2}.oon-ot-step.is-done i{border-color:#6daaa1;color:#71cdbf}.oon-ot-progress-foot{position:absolute;left:30px;right:30px;bottom:32px;color:#8fa4a8}.oon-ot-progress-foot strong{display:block;color:#fff;font-size:12px}.oon-ot-progress-foot p{margin-top:5px;font-size:10px;line-height:1.6}
.oon-ot-question-main{padding:44px 58px 54px;display:flex;flex-direction:column;min-width:0}.oon-ot-progress{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:23px;border-bottom:1px solid #e0e3de}.oon-ot-progress>div{min-width:260px}.oon-ot-progress>div>span{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--ot-teal);font-weight:800}.oon-ot-progress em{display:inline-block;margin-left:10px;font-style:normal;font-size:9px;color:#6d7c7e}.oon-ot-progress>strong{font-size:11px;color:var(--ot-muted);font-weight:500}.oon-ot-progress__bar{height:4px;background:#e2e4df;border-radius:999px;overflow:hidden;margin-top:11px}.oon-ot-progress__bar i{display:block;width:4%;height:100%;background:linear-gradient(90deg,var(--ot-teal),#78c9b8);transition:width .25s ease}
.oon-ot-question{max-width:900px;margin:58px auto 0;width:100%}.oon-ot-question>.oon-ot-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#e8eee8;color:#38615f;letter-spacing:0;font-size:10px}.oon-ot-question>.oon-ot-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:#d4785d}.oon-ot-question h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:42px;line-height:1.18;letter-spacing:-.045em;margin:19px 0 30px;color:#163641}.oon-ot-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.oon-ot-option{position:relative;min-height:125px;border:1px solid #d9ddd7;border-radius:16px;background:#fff;padding:20px 45px 18px 20px;display:grid;grid-template-columns:36px 1fr;gap:14px;text-align:left;color:#26414a;cursor:pointer;transition:.2s;box-shadow:0 7px 25px rgba(20,47,57,.035)}.oon-ot-option:hover{transform:translateY(-2px);border-color:#a8c4bb;box-shadow:0 16px 34px rgba(20,47,57,.08)}.oon-ot-option.is-selected{border-color:#297f76;background:#eef6f2;box-shadow:inset 0 0 0 1px #297f76}.oon-ot-letter{width:34px;height:34px;border-radius:11px;background:#f0f1ed;display:grid;place-items:center;font-size:11px;font-weight:800;color:#5d7475}.oon-ot-option.is-selected .oon-ot-letter{background:#1f786f;color:#fff}.oon-ot-option>span:nth-child(2){font-size:13px;line-height:1.65;padding-top:3px}.oon-ot-option>i{display:none;position:absolute;right:18px;top:20px;width:22px;height:22px;border-radius:50%;background:#1f786f;color:#fff;font-size:11px;font-style:normal;place-items:center}.oon-ot-option.is-selected>i{display:grid}.oon-ot-option.is-pop{animation:oonOtPop .2s ease}@keyframes oonOtPop{50%{transform:scale(.992)}100%{transform:none}}.oon-ot-question.is-enter{animation:oonOtQuestionIn .24s ease both}@keyframes oonOtQuestionIn{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:none}}
.oon-ot-nav{margin-top:auto;padding-top:35px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1e4df}.oon-ot-nav .oon-ot-secondary{border:0;background:transparent;color:#6e7c7f;padding:10px 0;min-height:auto}.oon-ot-nav .oon-ot-primary{background:#143743;color:#fff;min-height:46px}.oon-ot-nav .oon-ot-primary:hover:not(:disabled){background:#1b4a58}

/* Result */
.oon-ot-result{padding:30px;background:var(--ot-paper)}.oon-ot-result-shell{--ot-profile:#11766f;--ot-profile-soft:#dcebe5}.oon-ot-result-hero{display:grid;grid-template-columns:1.08fr .92fr;border-radius:24px;overflow:hidden;background:#173c47;color:#fff;min-height:495px;position:relative}.oon-ot-result-copy{padding:56px 52px 50px;position:relative;z-index:2}.oon-ot-result-copy .oon-ot-eyebrow{margin-bottom:18px}.oon-ot-result-copy h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(44px,4.4vw,64px);line-height:1;letter-spacing:-.055em;color:#fbf7ef}.oon-ot-result-copy h2 em{display:block;color:#75d3c4;font-style:italic;margin-top:4px}.oon-ot-result-lead{font-size:15px;line-height:1.82;color:#d0dedf;max-width:630px;margin-top:21px}.oon-ot-result-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:29px}.oon-ot-result-pills span{font-size:10px;padding:8px 11px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:#dce7e7;background:rgba(255,255,255,.04)}.oon-ot-result-actions{display:flex;gap:10px;margin-top:32px}.oon-ot-result-actions .oon-ot-secondary{color:#f7f3ec;border-color:rgba(255,255,255,.3)}.oon-ot-result-actions .oon-ot-secondary:hover{background:rgba(255,255,255,.08)}
.oon-ot-compass-panel{padding:34px 40px 30px;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.01))}.oon-ot-compass-card{width:100%;max-width:440px;background:#fbf8f1;color:var(--ot-ink);border-radius:23px;padding:26px 28px;box-shadow:0 28px 70px rgba(5,23,31,.25);transform:rotate(1.1deg)}.oon-ot-compass-head{display:flex;justify-content:space-between;align-items:flex-start}.oon-ot-compass-head strong{display:block;font-family:Georgia,serif;font-weight:500;font-size:25px;margin-top:4px}.oon-ot-score-ring{width:55px;height:55px;border-radius:50%;border:1px solid #adc5bc;display:grid;place-items:center;color:var(--ot-teal);font-size:12px;font-weight:800}.oon-ot-radar-wrap{height:245px;display:grid;place-items:center}.oon-ot-radar{width:250px;height:250px;overflow:visible}.oon-ot-radar text{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:9px;font-weight:700;fill:#647577}.oon-ot-legend{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px}.oon-ot-legend span{font-size:10px;color:#5d7072;display:flex;justify-content:space-between;border-bottom:1px solid #e2e3de;padding-bottom:6px}.oon-ot-legend b{color:#24454d}
.oon-ot-result-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.oon-ot-panel,.oon-ot-reco,.oon-ot-history-panel,.oon-ot-share-panel{background:#fff;border:1px solid var(--ot-line);border-radius:19px;padding:26px;box-shadow:0 10px 34px rgba(26,49,57,.045)}.oon-ot-panel h3,.oon-ot-reco h3,.oon-ot-history-panel h3,.oon-ot-share-panel h3{font-family:Georgia,serif;font-weight:500;font-size:27px;letter-spacing:-.04em;margin:8px 0 15px}.oon-ot-panel-intro,.oon-ot-panel>p,.oon-ot-reco>div>p,.oon-ot-share-panel>div>p{font-size:11px;line-height:1.65;color:var(--ot-muted)}
.oon-ot-strengths{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.oon-ot-strength{background:#f5f3ed;border-radius:14px;padding:18px}.oon-ot-strength b{display:block;font-size:25px;font-weight:560;letter-spacing:-.05em;color:#163b45}.oon-ot-strength span{font-size:10px;color:#6c797a}.oon-ot-tool-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.oon-ot-tool-pills span{background:#eef3ee;border-radius:999px;padding:8px 11px;font-size:10px;color:#45605f}
.oon-ot-month-card{background:#193d47;color:#fff;border-radius:16px;padding:24px}.oon-ot-month-card small{display:block;color:#7ad5c5;font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.oon-ot-month-card strong{display:block;font-family:Georgia,serif;font-size:25px;font-weight:500;line-height:1.2;margin:12px 0}.oon-ot-month-card>p{font-size:12px!important;line-height:1.7!important;color:#d2dfe0!important}.oon-ot-success-marker{margin-top:17px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}.oon-ot-success-marker span{font-size:9px;letter-spacing:.13em;color:#7ad5c5;font-weight:800}.oon-ot-success-marker p{margin-top:6px;font-size:10px;line-height:1.55;color:#bcd0d1}
.oon-ot-profile-details{display:grid;grid-template-columns:1.15fr .9fr .9fr;gap:18px;margin-top:18px}.oon-ot-profile-details article{border:1px solid var(--ot-line);background:#fff;border-radius:18px;padding:23px}.oon-ot-profile-details article:first-child{background:#e9f1ec}.oon-ot-profile-details span{font-size:9px;letter-spacing:.16em;color:var(--ot-teal);font-weight:800}.oon-ot-profile-details strong{display:block;font-family:Georgia,serif;font-size:22px;line-height:1.35;font-weight:500;margin-top:11px}.oon-ot-profile-details p{font-size:11px;line-height:1.65;color:var(--ot-muted);margin-top:11px}
.oon-ot-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px}.oon-ot-focus blockquote{margin:22px 0 0;border-left:2px solid var(--ot-profile);padding:4px 0 4px 16px;font-family:Georgia,serif;font-size:18px;line-height:1.45;color:#36565d}
.oon-ot-score{margin-top:14px}.oon-ot-score>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:11px}.oon-ot-score-meta{color:var(--ot-muted);font-size:10px}.oon-ot-score-meta strong{color:var(--ot-ink)}.oon-ot-score>div:last-child{height:5px;border-radius:999px;background:#eceee9;overflow:hidden;margin-top:7px}.oon-ot-score>div:last-child i{display:block;height:100%;border-radius:999px}
.oon-ot-reco{margin-top:18px;display:grid;grid-template-columns:.75fr 1.25fr;gap:24px}.oon-ot-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.oon-ot-tool{display:block;text-decoration:none!important;color:var(--ot-ink)!important;background:#f8f7f2;border:1px solid #e3e5e0;border-radius:15px;padding:16px;transition:.18s}.oon-ot-tool:hover{transform:translateY(-2px);border-color:#adc9c0;box-shadow:0 12px 28px rgba(18,33,58,.07)}.oon-ot-tool>span{display:block;color:var(--ot-teal);font-size:8px;letter-spacing:.13em;font-weight:800}.oon-ot-tool strong{display:block;font-size:13px;margin-top:9px}.oon-ot-tool p{font-size:10px;line-height:1.55;color:var(--ot-muted);margin-top:6px}.oon-ot-tool b{display:block;font-size:10px;color:var(--ot-teal);margin-top:11px}
.oon-ot-history-panel{margin-top:18px}.oon-ot-history-panel__head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.oon-ot-history-previous{text-align:right}.oon-ot-history-previous small{display:block;font-size:9px;color:var(--ot-muted)}.oon-ot-history-previous strong{font-size:11px}.oon-ot-deltas{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:17px}.oon-ot-delta{display:flex;justify-content:space-between;gap:7px;border:1px solid #e5e7e2;border-radius:11px;padding:9px 10px}.oon-ot-delta span{font-size:9px;color:var(--ot-muted)}.oon-ot-delta strong{font-size:10px}.oon-ot-delta .is-up{color:#16766e}.oon-ot-delta .is-down{color:#a26453}.oon-ot-history-panel>p{font-size:9px;line-height:1.55;color:var(--ot-muted);margin-top:12px}
.oon-ot-share-panel{margin-top:18px;background:#173c47;color:#fff;border-color:#173c47;display:flex;align-items:center;justify-content:space-between;gap:24px}.oon-ot-share-panel .oon-ot-kicker{color:#7ad5c5}.oon-ot-share-panel h3{color:#fff}.oon-ot-share-panel>div>p{color:#bfd0d2;max-width:590px}.oon-ot-share-choices{display:flex;gap:9px}.oon-ot-share-choice{min-width:144px;min-height:102px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.055);color:#fff;text-align:left;padding:13px;cursor:pointer;transition:.18s}.oon-ot-share-choice:hover{background:rgba(255,255,255,.11);transform:translateY(-2px)}.oon-ot-share-choice>span{display:inline-grid;place-items:center;min-width:38px;height:25px;border-radius:8px;background:#73d8c8;color:#14343d;font-size:9px;font-weight:800}.oon-ot-share-choice.is-story>span{background:#e6b194}.oon-ot-share-choice strong,.oon-ot-share-choice small{display:block}.oon-ot-share-choice strong{font-size:11px;margin-top:9px}.oon-ot-share-choice small{font-size:9px;color:#a9bec0;margin-top:3px}.oon-ot-disclaimer{margin:18px 4px 0;font-size:10px;color:#788485;text-align:center}.oon-ot-final-actions{display:flex;justify-content:center;margin-top:14px}.oon-ot-final-actions .oon-ot-secondary{min-height:42px;padding:0 18px;font-size:11px}
.oon-ot-toast{position:fixed;left:50%;bottom:28px;z-index:99999;transform:translate(-50%,16px);opacity:0;background:#143642;color:#fff;border-radius:999px;padding:11px 16px;font-size:11px;font-weight:750;box-shadow:0 14px 38px rgba(18,33,58,.24);transition:.22s;pointer-events:none}.oon-ot-toast.is-show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1100px){.oon-ot-start-copy{padding:56px 42px}.oon-ot-start-art{padding-right:20px}.oon-ot-card-main{right:25px}.oon-ot-card-mid{right:48px}.oon-ot-tools{grid-template-columns:1fr}.oon-ot-reco{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.oon-ot{margin:0 auto;border-radius:0;box-shadow:none;border-left:0;border-right:0}.oon-ot-start{padding:18px}.oon-ot-start-hero,.oon-ot-result-hero,.oon-ot-quiz-layout,.oon-ot-result-grid,.oon-ot-detail-grid,.oon-ot-reco{grid-template-columns:1fr}.oon-ot-start-art{min-height:420px}.oon-ot-progress-side{display:none}.oon-ot-question-main{padding:32px 24px}.oon-ot-question{margin-top:35px}.oon-ot-question h2{font-size:34px}.oon-ot-options{grid-template-columns:1fr}.oon-ot-start-strip{grid-template-columns:1fr 1fr}.oon-ot-strip-intro{grid-column:1/-1}.oon-ot-result{padding:18px}.oon-ot-compass-card{transform:none}.oon-ot-profile-details{grid-template-columns:1fr}.oon-ot-reco{gap:14px}.oon-ot-share-panel{display:block}.oon-ot-share-choices{margin-top:16px}.oon-ot-deltas{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.oon-ot-start-copy{padding:44px 25px}.oon-ot-start-copy h1{font-size:48px}.oon-ot-start-art{padding:25px 10px;min-height:365px}.oon-ot-card-stack{height:350px}.oon-ot-card-back{width:235px;height:290px;right:5px}.oon-ot-card-mid{width:250px;height:305px;right:42px}.oon-ot-card-main{width:275px;height:325px;right:25px;padding:21px}.oon-ot-card-main h3{font-size:27px}.oon-ot-mini-radar{height:120px;margin:12px 0}.oon-ot-mini-radar svg{width:120px;height:120px}.oon-ot-seal{width:78px;height:78px;font-size:11px}.oon-ot-start-strip{grid-template-columns:1fr}.oon-ot-strip-intro,.oon-ot-strip-item{border-right:0;border-bottom:1px solid var(--ot-line)}.oon-ot-strip-item:last-child{border-bottom:0}.oon-ot-context-form{grid-template-columns:1fr}.oon-ot-meta-row{gap:11px 16px}.oon-ot-question-main{padding:25px 16px}.oon-ot-progress{gap:12px}.oon-ot-progress>div{min-width:0;flex:1}.oon-ot-progress em{display:block;margin:5px 0 0}.oon-ot-question h2{font-size:29px}.oon-ot-option{min-height:100px;padding:16px 40px 15px 15px}.oon-ot-nav{position:sticky;bottom:8px;z-index:8;background:rgba(251,250,246,.95);backdrop-filter:blur(10px);padding:8px;border:1px solid var(--ot-line);border-radius:999px}.oon-ot-nav .oon-ot-secondary,.oon-ot-nav .oon-ot-primary{min-height:42px;padding:0 16px;font-size:11px}.oon-ot-result-copy{padding:42px 25px}.oon-ot-result-copy h2{font-size:44px}.oon-ot-compass-panel{padding:25px 16px}.oon-ot-compass-card{padding:22px 18px}.oon-ot-strengths{grid-template-columns:1fr}.oon-ot-legend{grid-template-columns:1fr}.oon-ot-result-pills{display:grid}.oon-ot-result-actions{flex-wrap:wrap}.oon-ot-result-actions button{width:100%}.oon-ot-share-choices{display:grid;grid-template-columns:1fr 1fr}.oon-ot-share-choice{min-width:0}.oon-ot-history-row{grid-template-columns:88px 1fr}.oon-ot-history-row em{display:none}.oon-ot-history-panel__head{display:block}.oon-ot-history-previous{text-align:left;margin-top:9px}}
@media(max-width:430px){.oon-ot-start-copy h1{font-size:42px}.oon-ot-start-art{min-height:330px}.oon-ot-card-stack{transform:scale(.9)}.oon-ot-share-choices{grid-template-columns:1fr}.oon-ot-radar{width:220px;height:220px}.oon-ot-progress>strong{font-size:9px}.oon-ot-question>.oon-ot-kicker{font-size:9px}}
@media print{.oon-ot{box-shadow:none;border:0}.oon-ot-start,.oon-ot-quiz,.oon-ot-share-panel,.oon-ot-final-actions{display:none!important}.oon-ot-result{padding:0}.oon-ot-result-hero{break-inside:avoid}.oon-ot-result-actions{display:none}.oon-ot-panel,.oon-ot-reco,.oon-ot-history-panel{box-shadow:none}.oon-ot-tools{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){.oon-ot *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* 1.3.0 - Birlikte düğmesi, profilde görünme seçeneği, Network haritası */
@media(min-width:431px){.oon-ot-share-choices{grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}}
.oon-ot-share-choice.is-birlikte{display:block;text-decoration:none;color:#fff}
.oon-ot-share-choice.is-birlikte>span{background:#9fd8b8;color:#173c47}
.oon-ot-label-toggle{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:16px 18px;border:1px solid var(--ot-line);border-radius:16px;background:var(--ot-paper-2);cursor:pointer;text-align:left}
.oon-ot-label-toggle input{flex:none;margin-top:3px;width:18px;height:18px;accent-color:var(--ot-teal)}
.oon-ot-label-toggle strong{display:block;font-size:14px;color:var(--ot-ink)}
.oon-ot-label-toggle small{display:block;margin-top:3px;font-size:12px;line-height:1.5;color:var(--ot-muted)}
.oon-ot-map{margin-top:18px;padding:26px;border:1px solid var(--ot-line);border-radius:22px;background:var(--ot-paper-2)}
.oon-ot-map h3{font-size:22px;line-height:1.3;margin:6px 0 16px}
.oon-ot-map h3 em{color:var(--ot-teal);font-style:italic}
.oon-ot-map-row{display:grid;grid-template-columns:minmax(120px,190px) 1fr 44px;align-items:center;gap:12px;font-size:14px;margin:8px 0}
.oon-ot-map-row i{display:block;height:9px;border-radius:9px;background:linear-gradient(90deg,var(--ot-teal) var(--w),var(--ot-teal-soft) var(--w))}
.oon-ot-map-row b{text-align:right;font-size:13px}
.oon-ot-map-row.is-mine span,.oon-ot-map-row.is-mine b{font-weight:800;color:var(--ot-teal)}
.oon-ot-map-note{margin-top:12px;font-size:12px;line-height:1.5;color:var(--ot-muted)}
@media(max-width:520px){.oon-ot-map{padding:20px}.oon-ot-map-row{grid-template-columns:1fr 40px}.oon-ot-map-row i{grid-column:1/-1;order:3}}
@media print{.oon-ot-label-toggle,.oon-ot-share-choice.is-birlikte{display:none!important}}
/* 1.3.2 - Network çatısı içinde başlık renklerini koru (çatının genel başlık rengi bu sayfadaki koyu alanları ezmesin) */
.oon-portal .oon-ot .oon-ot-start-copy h1{color:#fbf8f1!important}
.oon-portal .oon-ot .oon-ot-start-copy h1 em{color:#79d4c7!important}
.oon-portal .oon-ot .oon-ot-progress-side h2{color:#fff!important}
.oon-portal .oon-ot .oon-ot-question h2{color:#163641!important}
.oon-portal .oon-ot .oon-ot-result-copy h2{color:#fbf7ef!important}
.oon-portal .oon-ot .oon-ot-result-copy h2 em{color:#75d3c4!important}