.btng {
            background: transparent
        }

        .row {
            display: flex;
            gap: 8px;
            align-items: center
        }

        .row>* {
            flex: 1
        }

        .theme-grid {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .theme-btn {
            font-size: .76rem;
            font-weight: 700;
            transition: transform .22s ease, box-shadow .22s ease
        }

        .theme-btn:hover {
            transform: translateY(-1px)
        }

        .theme-btn.btnp {
            box-shadow: 0 8px 20px rgba(2, 6, 23, .2)
        }

        .pillwrap {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            margin-top: 8px
        }

        .obp-main {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .obp-main.custom-open {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .obp-custom-wrap {
            margin-top: 8px;
            border: 1px solid var(--cizgi);
            border-radius: 12px;
            background: var(--cam2);
            padding: 0 10px;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transform: translateY(-6px);
            transition: max-height .3s ease, opacity .24s ease, transform .24s ease, padding .24s ease
        }

        .obp-custom-wrap.open {
            max-height: 120px;
            opacity: 1;
            padding: 9px 10px;
            transform: translateY(0)
        }

        .obp-custom-wrap label {
            margin-bottom: 4px
        }

        .obp-toggle {
            width: 100%;
            border-radius: 12px;
            text-align: center;
            transition: transform .22s ease, box-shadow .22s ease
        }

        .obp-main.custom-open .obp-toggle {
            grid-column: 3
        }

        .net-card-top {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 10px
        }

        .subject-card-top {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 10px;
            margin-bottom: 8px
        }

        .subject-title-wrap {
            display: flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
            flex: 1
        }

        .subject-card-top h3 {
            margin: 0;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-width: 0
        }

        .subject-hint-btn {
            width: 36px;
            height: 36px;
            border-radius: 10px;
            border: 1px solid var(--vurguBorder);
            background: linear-gradient(130deg, var(--vurguSoft2), var(--vurguSoft3));
            color: var(--yazi);
            flex: 0 0 auto
        }

        .subject-hint-btn svg {
            width: 20px;
            height: 20px;
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round
        }

        .subject-hint-btn[aria-expanded="true"] {
            border-color: var(--vurgu);
            box-shadow: 0 0 0 3px var(--vurguSoft1)
        }

        .subject-hint-panel {
            margin-top: 8px
        }

        .subject-memory-toggle {
            margin-top: 0;
            max-width: min(60%, 300px);
            text-align: right
        }

        .subject-memory-toggle span:first-child {
            font-size: .68rem;
            line-height: 1.25
        }

        .net-card-top h2 {
            margin: 0
        }

        .obp-memory-toggle {
            margin-top: 2px;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font-size: .69rem;
            color: var(--soluk);
            cursor: pointer;
            user-select: none;
            position: relative;
            white-space: nowrap
        }

        .obp-memory-toggle input {
            position: absolute;
            opacity: 0;
            width: 1px;
            height: 1px;
            pointer-events: none
        }

        .obp-memory-track {
            width: 34px;
            height: 19px;
            border-radius: 999px;
            border: 1px solid var(--cizgi);
            background: var(--cam2);
            display: inline-flex;
            align-items: center;
            padding: 2px;
            transition: background .24s ease, border-color .24s ease, box-shadow .24s ease
        }

        .obp-memory-knob {
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background: var(--yazi);
            transform: translateX(0);
            transition: transform .24s cubic-bezier(.22, 1, .36, 1), background .24s ease
        }

        .obp-memory-toggle input:checked+.obp-memory-track {
            border-color: transparent;
            background: linear-gradient(130deg, var(--vurgu), var(--vurgu2));
            box-shadow: 0 0 0 3px rgba(251, 191, 36, .14)
        }

        .obp-memory-toggle input:checked+.obp-memory-track .obp-memory-knob {
            transform: translateX(15px);
            background: var(--vurguMetin)
        }

        .obp-toggle:active {
            transform: scale(.98)
        }

        .pill {
            border-radius: 999px;
            font-size: .77rem;
            padding: 7px 8px;
            text-align: center
        }

        .pill.active {
            border: none;
            color: var(--vurguMetin);
            background: linear-gradient(130deg, var(--vurgu), var(--vurgu2))
        }

        .examtype-grid {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            margin-top: 8px
        }

        .etype-btn {
            border-radius: 12px;
            border: 1px solid var(--cizgi);
            background: var(--cam2);
            color: var(--yazi);
            font-weight: 700;
            padding: 10px 8px
        }

        .etype-btn.active {
            border: none;
            color: var(--vurguMetin);
            background: linear-gradient(130deg, var(--vurgu), var(--vurgu2))
        }

        .rank-year-wrap {
            width: min(260px, 100%);
            margin: 12px auto 2px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 6px;
            text-align: center;
            animation: rankYearIn .34s ease both
        }

        .rank-year-wrap label {
            margin: 0;
            font-size: .78rem;
            font-weight: 700;
            color: var(--soluk);
            letter-spacing: .01em
        }

        #rankYearSelect {
            width: 100%;
            margin-top: 0
        }

        #rankYearToggle {
            text-align: center;
            font-weight: 700
        }

        #rankYearValue {
            flex: 1
        }

        #rankYearMenu {
            background: var(--menuPanel);
            backdrop-filter: none;
            -webkit-backdrop-filter: none
        }

        #panel-net {
            position: relative;
            overflow: visible;
            z-index: 1
        }

        #panel-net .card {
            position: relative;
            z-index: 1
        }

        #examTypeCard {
            position: relative;
            overflow: visible;
            z-index: 2
        }

        #examTypeCard.rank-open {
            z-index: 1000
        }

        #rankYearSelect.open {
            z-index: 1010
        }

        #rankYearMenu {
            z-index: 1020
        }

        #panel-count {
            position: relative;
            overflow: visible;
            z-index: 2
        }

        #panel-count .card {
            position: relative;
            overflow: visible
        }

        #panel-count .card:first-child {
            z-index: 120
        }

        #panel-count .card:not(:first-child) {
            z-index: 20
        }

        .count-year-wrap {
            width: min(320px, 100%);
            margin: 2px auto 4px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            text-align: center;
            animation: rankYearIn .34s ease both
        }

        .count-year-wrap label {
            margin: 0;
            font-size: .86rem;
            font-weight: 800;
            color: var(--soluk);
            letter-spacing: .01em
        }

        #examYearSelect {
            width: 100%
        }

        #examYearSelect.open {
            z-index: 1025
        }

        #examYearSelect .select-menu {
            top: calc(100% + 8px);
            bottom: auto;
            transform: translateY(-6px) scale(.985)
        }

        #examYearSelect.open .select-menu {
            transform: translateY(0) scale(1)
        }

        #examYearToggle {
            text-align: center;
            font-weight: 800;
            font-size: 1rem;
            border-radius: 14px;
            border-color: var(--vurguBorder);
            box-shadow: 0 8px 20px var(--vurguSoft1)
        }

        #examYearValue {
            flex: 1
        }

        #examYearMenu {
            background: var(--menuPanel);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            z-index: 1030
        }

        @keyframes rankYearIn {
            from {
                opacity: 0;
                transform: translateY(8px)
            }

            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        .hide {
            display: none !important
        }

        details {
            border: 1px solid var(--cizgi);
            border-radius: 12px;
            background: var(--cam2);
            padding: 0 10px;
            overflow: hidden
        }

        details+details {
            margin-top: 8px
        }

        summary {
            list-style: none;
            cursor: pointer;
            font-weight: 700;
            padding: 10px 0;
            font-size: .9rem;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        summary::-webkit-details-marker {
            display: none
        }

        summary:after {
            content: "";
            width: 8px;
            height: 8px;
            border-right: 2px solid var(--soluk);
            border-bottom: 2px solid var(--soluk);
            transform: rotate(45deg);
            transition: transform .24s ease
        }

        details[open] summary:after {
            transform: rotate(225deg)
        }

        .details-body {
            display: grid;
            grid-template-rows: 0fr;
            opacity: .2;
            transition: grid-template-rows .32s ease, opacity .32s ease, padding .32s ease;
            padding-bottom: 0
        }

        details[open] .details-body {
            grid-template-rows: 1fr;
            opacity: 1;
            padding-bottom: 8px
        }

        .details-inner {
            overflow: hidden
        }

        .sub {
            display: grid;
            gap: 7px;
            grid-template-columns: minmax(0, 1fr) 68px 68px;
            align-items: center;
            margin-top: 7px
        }

        .sub span {
            font-size: .84rem
        }

        .sub.sub-head {
            margin-top: 0;
            padding-bottom: 4px;
            border-bottom: 1px dashed var(--cizgi)
        }

        .sub.sub-head span {
            font-size: .72rem;
            color: var(--soluk);
            font-weight: 700
        }

        .sub.sub-head .sub-col {
            text-align: center;
            letter-spacing: .04em
        }

        .sub.sub-head.global-sub-head {
            margin-bottom: 8px;
            padding-left: 2px;
            padding-right: 2px
        }

        .net-input-group {
            border: 1px solid var(--cizgi);
            border-radius: 12px;
            background: var(--cam2);
            padding: 8px 10px
        }

        .net-input-group + .net-input-group {
            margin-top: 8px
        }

        .selectbox {
            position: relative;
            margin-top: 8px
        }

        .selectbox.open {
            z-index: 90
        }

        .select-toggle {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            font-weight: 600;
            text-align: left
        }

        .select-toggle svg {
            width: 16px;
            height: 16px;
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
            transition: transform .22s ease
        }

        .selectbox.open .select-toggle svg {
            transform: rotate(180deg)
        }

        .select-menu {
            position: absolute;
            top: calc(100% + 8px);
            left: 0;
            right: 0;
            background: var(--cam2);
            border: 1px solid var(--cizgi);
            border-radius: 12px;
            max-height: 220px;
            overflow: auto;
            opacity: 0;
            pointer-events: none;
            transform: translateY(-6px) scale(.985);
            transition: opacity .22s ease, transform .22s ease;
            z-index: 95;
            box-shadow: 0 14px 30px rgba(2, 6, 23, .22)
        }

        #notifyMenu {
            background: var(--menuPanel);
            backdrop-filter: none;
            -webkit-backdrop-filter: none
        }

        .selectbox.open .select-menu {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0) scale(1)
        }

        #panel-settings {
            position: relative;
            overflow: visible;
            z-index: 2
        }

        /* Ayarlar ekranında bazı cihazlarda görülen yatay "iz" efektini temizle */
        #panel-settings .card {
            box-shadow: none;
            background: var(--cam2);
        }

        #panel-settings .card + .card {
            margin-top: 12px;
        }

        #panel-trial {
            position: relative;
            overflow: visible;
            z-index: 2
        }

        #panel-trial .card {
            position: relative;
            overflow: visible
        }

        #panel-trial .card:first-child {
            z-index: 240
        }

        #panel-trial .card:not(:first-child) {
            z-index: 20
        }

        #trialAlarmSelect.open {
            z-index: 250
        }

        #trialAlarmMenu {
            z-index: 260;
            background: var(--menuPanel);
            backdrop-filter: none;
            -webkit-backdrop-filter: none
        }

        #settingsMainCard {
            position: relative;
            overflow: visible;
            z-index: 30
        }

        #settingsScoreCard {
            position: relative;
            overflow: visible;
            z-index: 45;
            min-height: 124px
        }

        #settingsNotifyCard {
            position: relative;
            overflow: visible;
            z-index: 60
        }

        #settingsFeedbackCard {
            position: relative;
            z-index: 10
        }

        #settingsMainCard h2,
        #settingsScoreCard h3,
        #settingsNotifyCard h3,
        #settingsFeedbackCard h3 {
            font-size: 1.08rem;
            gap: 10px
        }

        #settingsFeedbackCard h3 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            -webkit-tap-highlight-color: transparent
        }

        .feedback-header-main {
            display: inline-flex;
            align-items: center;
            gap: 10px
        }

        .feedback-header-toggle {
            width: 30px;
            height: 30px;
            border: 1px solid var(--cizgi);
            border-radius: 10px;
            background: var(--cam2);
            color: var(--yazi);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            flex: 0 0 auto
        }

        #settingsFeedbackCard .feedback-header-toggle {
            display: none;
        }

        #settingsFeedbackCard.open .feedback-header-toggle {
            display: inline-flex;
        }

        .feedback-header-toggle svg {
            width: 15px;
            height: 15px;
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
            transition: transform .24s ease
        }

        #settingsFeedbackCard.open .feedback-header-toggle svg {
            transform: rotate(180deg)
        }

        #settingsMainCard .ico,
        #settingsScoreCard .ico,
        #settingsNotifyCard .ico,
        #settingsFeedbackCard .ico {
            width: 28px;
            height: 28px;
            border-radius: 10px
        }

        #settingsMainCard .ico svg,
        #settingsScoreCard .ico svg,
        #settingsNotifyCard .ico svg,
        #settingsFeedbackCard .ico svg {
            width: 16px;
            height: 16px
        }

        .quick-start-card {
            border-style: dashed;
            animation: rankYearIn .34s ease both
        }

        .quick-start-list {
            margin: 0 0 10px;
            padding-left: 18px;
            display: grid;
            gap: 5px;
            font-size: .85rem
        }

        .result-save-row {
            display: flex;
            justify-content: flex-end;
            margin-top: 10px
        }

        .saved-filter-wrap {
            margin-top: 8px
        }

        #notifyInfoBtn {
            width: 36px;
            height: 36px;
            border-radius: 12px
        }

        #notifyInfoBtn svg {
            width: 18px;
            height: 18px
        }

        .settings-toggle-row {
            margin: 8px 0 2px;
            border: 1px solid var(--cizgi);
            border-radius: 12px;
            background: var(--cam2);
            padding: 12px
        }

        .settings-toggle-main {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px
        }

        .settings-toggle-head {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            text-align: left;
            gap: 10px;
            min-width: 138px
        }

        .settings-toggle-title {
            font-size: .9rem;
            font-weight: 700;
            color: var(--yazi);
            text-align: center;
            margin-bottom: 10px
        }

        .settings-switch {
            margin-top: 0;
            transform: scale(1.28);
            transform-origin: right center
        }

        .settings-toggle-label {
            font-size: .9rem;
            font-weight: 700;
            color: var(--soluk);
            margin-right: 0
        }

        .settings-toggle-status {
            margin: 0;
            font-size: .78rem;
            text-align: left;
            flex: 1
        }

        .feedback-card {
            overflow: hidden
        }

        .feedback-box {
            margin-top: 8px;
            border: 1px solid var(--cizgi);
            border-radius: 12px;
            background: var(--cam2);
            transition: border-color .24s ease, box-shadow .24s ease, background .24s ease
        }

        .feedback-box.open {
            border-color: var(--vurguBorder);
            box-shadow: 0 8px 24px var(--vurguSoft1)
        }

        .feedback-box.open .feedback-toggle span {
            display: none
        }

        .feedback-box.open .feedback-toggle {
            display: none
        }

        .feedback-toggle {
            width: 100%;
            border: 0;
            border-radius: 12px;
            background: transparent;
            color: var(--yazi);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            font-weight: 700;
            padding: 12px
        }

        .feedback-toggle svg {
            width: 16px;
            height: 16px;
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
            transition: transform .24s ease
        }

        .feedback-box.open .feedback-toggle svg {
            transform: rotate(180deg)
        }

        .feedback-body {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transform: translateY(-8px);
            padding: 0 12px;
            transition: max-height .34s ease, opacity .26s ease, transform .26s ease, padding .26s ease
        }

        .feedback-box.open .feedback-body {
            max-height: 380px;
            opacity: 1;
            transform: translateY(0);
            padding: 10px 12px 12px
        }

        .feedback-box.history-open .feedback-body {
            max-height: 2600px
        }

        .feedback-form {
            display: grid;
            gap: 7px
        }

        .feedback-form textarea {
            min-height: 92px;
            resize: vertical
        }

        #feedbackSendBtn:disabled {
            opacity: .7;
            cursor: wait
        }

        .feedback-history-row {
            margin-top: 8px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px
        }

        .feedback-history-toggle {
            padding: 6px 10px;
            font-size: .72rem;
            border-radius: 999px
        }

        #feedbackStatus {
            margin: 0;
            min-height: 0;
            font-size: .72rem;
            line-height: 1.2;
            text-align: left;
            order: 1;
            flex: 1
        }

        #feedbackHistoryToggle {
            order: 2;
            margin-left: auto
        }

        .feedback-history-panel {
            margin-top: 8px;
            border: 1px solid var(--cizgi);
            border-radius: 12px;
            background: var(--cam);
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transform: translateY(-6px);
            transition: max-height .3s ease, opacity .24s ease, transform .24s ease, padding .24s ease;
            padding: 0 10px
        }

        .feedback-history-panel.open {
            max-height: 2000px;
            opacity: 1;
            transform: translateY(0);
            padding: 10px
        }

        .feedback-history-list {
            display: grid;
            gap: 8px;
            max-height: none;
            overflow: visible;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior: contain;
            touch-action: pan-y
        }

        .fh-item {
            border: 1px solid var(--cizgi);
            border-radius: 10px;
            background: var(--cam2);
            padding: 8px
        }

        .fh-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px
        }

        .fh-date {
            font-size: .72rem;
            color: var(--soluk)
        }

        .fh-status {
            font-size: .72rem;
            color: var(--ok);
            font-weight: 700
        }

        .fh-title {
            margin-top: 5px;
            font-size: .82rem;
            font-weight: 700
        }

        .fh-msg {
            margin-top: 4px;
            font-size: .8rem;
            white-space: pre-wrap;
            word-break: break-word
        }

        @media (max-width: 520px) {
            .feedback-box.history-open .feedback-body {
                max-height: 2600px
            }

            .feedback-history-panel.open {
                max-height: 2000px
            }
        }

        @media (max-width: 520px) {
            .settings-toggle-main {
                flex-direction: row;
                align-items: center
            }

            .settings-toggle-head {
                justify-content: center
            }

            .subject-card-top {
                flex-direction: column;
                align-items: stretch
            }

            .subject-title-wrap {
                width: 100%;
                justify-content: space-between
            }

            .subject-memory-toggle {
                max-width: 100%;
                justify-content: space-between;
                text-align: left
            }
        }

        .select-option {
            border: none;
            border-radius: 10px;
            background: transparent;
            text-align: left;
            padding: 9px 10px;
            color: var(--yazi)
        }

        .select-option:hover {
            background: var(--vurguSoft1)
        }

        .select-option.active {
            font-weight: 700;
            background: linear-gradient(130deg, var(--vurguSoft2), var(--vurguSoft3))
        }

        .resultg {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .resultg.genel-only .alan-sonuc {
            display: none
        }

        .resultg.genel-only .alan-puan {
            display: none
        }

        .resultg .ayt-ozel {
            display: none
        }

        .resultg .ydt-puan {
            display: none
        }

        .resultg.ayt-mode .genel-ortak {
            display: none
        }

        .resultg.ayt-mode .ayt-ozel {
            display: block
        }

        .resultg.ayt-mode .yillik-sira-kutu {
            display: none
        }

        .resultg.ayt-mode #obpKatkiCard {
            display: none
        }

        .resultg.ayt-mode .ydt-puan {
            display: none
        }

        .resultg.ayt-mode .ayt-ozel,
        .resultg.ayt-mode .alan-net {
            order: 10
        }

        .resultg.ayt-mode .alan-rank {
            order: 20;
            grid-column: 1 / -1;
            padding: 12px 14px;
            background: linear-gradient(135deg, var(--cam2), rgba(255, 255, 255, .04));
            display: grid;
            justify-items: center;
            align-items: center;
            text-align: center
        }

        .resultg.ayt-mode .alan-rank .k {
            font-size: .84rem;
            font-weight: 700;
            text-align: center;
            width: 100%
        }

        .resultg.ayt-mode .alan-rank .v {
            font-size: 1.35rem;
            margin-top: 6px;
            text-align: center;
            width: 100%
        }

        .resultg.ayt-mode .ham-card {
            order: 30
        }

        .resultg.ayt-mode .yer-card {
            order: 40
        }

        .resultg.ayt-mode .puan-kutu:not(.ham-card):not(.yer-card) {
            order: 60
        }

        .resultg.ayt-mode #genelHamCard {
            order: 30
        }

        .resultg.ayt-mode #genelYerCard {
            order: 31
        }

        .resultg.ayt-mode #sayHamCard {
            order: 32
        }

        .resultg.ayt-mode #sayYerCard {
            order: 33
        }

        .resultg.ayt-mode #eaHamCard {
            order: 34
        }

        .resultg.ayt-mode #eaYerCard {
            order: 35
        }

        .resultg.ayt-mode #sozHamCard {
            order: 36
        }

        .resultg.ayt-mode #sozYerCard {
            order: 37
        }

        .resultg.ydt-mode .alan-sonuc,
        .resultg.ydt-mode .alan-puan,
        .resultg.ydt-mode .ayt-ozel {
            display: none
        }

        .resultg.ydt-mode #obpKatkiCard,
        .resultg.ydt-mode .obpsiz-kutu,
        .resultg.ydt-mode .ham-card,
        .resultg.ydt-mode .yer-card {
            display: none
        }

        .resultg.ydt-mode .ydt-puan {
            display: block
        }

        .resultg.ydt-mode .genel-ortak {
            order: 10
        }

        .resultg.ydt-mode #ydtYerCard {
            order: 10
        }

        .resultg.ydt-mode .yillik-sira-kutu {
            order: 20;
            grid-column: 1 / -1;
            padding: 12px 14px;
            background: linear-gradient(135deg, var(--cam2), rgba(255, 255, 255, .04));
            display: grid;
            justify-items: center;
            align-items: center;
            text-align: center
        }

        .resultg.ydt-mode .yillik-sira-kutu .k {
            font-size: .84rem;
            font-weight: 700;
            text-align: center;
            width: 100%
        }

        .resultg.ydt-mode .yillik-sira-kutu .v {
            font-size: 1.35rem;
            margin-top: 6px;
            text-align: center;
            width: 100%
        }

        .resultg.ydt-mode #ydtHamCard {
            display: none
        }

        .resultg.obp-disabled .yer-kutu {
            display: none
        }

        .resultg:not(.obp-disabled) .obpsiz-kutu {
            display: none
        }

        .yillik-sira-kutu {
            grid-column: 1 / -1;
            background: linear-gradient(135deg, var(--cam2), rgba(255, 255, 255, .03));
            display: grid;
            gap: 6px;
            justify-items: center;
            align-items: center;
            text-align: center
        }

        .v.v-wide {
            font-size: 1rem;
            line-height: 1.35;
            word-break: break-word
        }

        #scoreSummary {
            text-align: center
        }

        .result-warn {
            margin-top: 8px;
            text-align: center;
            font-size: .78rem;
            line-height: 1.4
        }

        .metric {
            border: 1px solid var(--cizgi);
            border-radius: 12px;
            background: var(--cam2);
            padding: 9px
        }

        .resultg .ham-card,
        .resultg .yer-card,
        .resultg #ydtHamCard,
        .resultg #ydtYerCard {
            overflow: hidden;
            transform-origin: top;
            transition: opacity .3s ease, transform .3s ease, max-height .3s ease, padding .3s ease, margin .3s ease, border-color .3s ease
        }

        .resultg.score-boxes-hidden .ham-card,
        .resultg.score-boxes-hidden .yer-card,
        .resultg.score-boxes-hidden #ydtHamCard,
        .resultg.score-boxes-hidden #ydtYerCard {
            opacity: 0;
            transform: translateY(-8px) scale(.985);
            max-height: 0;
            padding-top: 0;
            padding-bottom: 0;
            margin: 0;
            border-color: transparent;
            pointer-events: none
        }

        .metric-mini {
            padding: 8px
        }

        .result-detail-wrap {
            margin-top: 8px;
            border: 1px solid var(--cizgi);
            border-radius: 12px;
            background: var(--cam2);
            padding: 10px
        }

        .result-debug-wrap {
            margin-top: 8px;
            border: 1px solid var(--cizgi);
            border-radius: 12px;
            background: var(--cam2);
            padding: 10px;
            animation: debugIn .24s ease
        }

        .debug-list {
            display: grid;
            gap: 7px;
            max-height: 260px;
            overflow: auto
        }

        .debug-row {
            border: 1px solid var(--cizgi);
            border-radius: 10px;
            background: var(--cam);
            padding: 8px
        }

        .debug-head {
            font-size: .72rem;
            font-weight: 700;
            color: var(--soluk);
            margin-bottom: 4px
        }

        .debug-text {
            font-size: .75rem;
            line-height: 1.4;
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace
        }

        @keyframes debugIn {
            from {
                opacity: 0;
                transform: translateY(6px)
            }

            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        .result-detail-title {
            margin: 0 0 8px;
            font-size: .84rem;
            color: var(--soluk);
            font-weight: 700
        }

        .result-detail-groups {
            display: grid;
            gap: 10px
        }

        .result-detail-group h4 {
            margin: 0 0 6px;
            font-size: .8rem;
            color: var(--soluk);
            font-weight: 700
        }

        .result-detail-grid {
            display: grid;
            gap: 8px;
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .k {
            font-size: .75rem;
            color: var(--soluk)
        }

        .v {
            margin-top: 4px;
            font-size: 1.08rem;
            font-weight: 800
        }

        .good {
            color: var(--ok)
        }

        .warn {
            color: var(--uyari)
        }

        .hidden {
            display: none !important
        }

        .modal-backdrop {
            position: fixed;
            inset: 0;
            z-index: 5100;
            display: grid;
            place-items: center;
            padding: 20px;
            background: rgba(2, 6, 23, .56);
            backdrop-filter: blur(3px);
            -webkit-backdrop-filter: blur(3px)
        }

        .modal-card {
            width: min(430px, 100%);
            border: 1px solid var(--cizgi);
            border-radius: 16px;
            background: var(--cam2);
            padding: 16px
        }

        .modal-card h3 {
            margin: 0 0 8px;
            font-size: 1rem;
            font-weight: 800
        }

        .modal-card p {
            margin: 0;
            color: var(--soluk);
            font-size: .9rem
        }

        .modal-actions {
            margin-top: 14px;
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 8px;
            font-size: .82rem
        }

        #examTypeCard .examtype-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .rank-year-wrap {
            max-height: 180px;
            opacity: 1;
            transform: translateY(0);
            overflow: hidden;
            transition: max-height .36s ease, opacity .28s ease, transform .28s ease, margin .28s ease, gap .28s ease;
        }

        .rank-year-wrap.is-hidden {
            max-height: 0;
            opacity: 0;
            transform: translateY(-8px);
            margin-top: 0;
            margin-bottom: 0;
            gap: 0;
            pointer-events: none;
        }

        .resultg.net-mode {
            display: none;
        }

        @media (max-width: 430px) {
            #examTypeCard .examtype-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }