/**
 * Pattern tests pages: soft-blue theme
 * 
 * Extracted from index.html (inline <style> that began at line 5675).
 * Stylesheet order matters (cascade); index.html links the files in numeric order.
 * See assets/README.md.
 */
#patternTestsPage,#ptTakeTestPage{--ink:#17395f;--ink2:#2d5486;--mute:#5f82a8;--line:#d3e4fa;--blue:#3678d4;--blue2:#5b9cf0;--sh:0 10px 28px -14px rgba(54,120,212,.45);color:var(--ink)}
#patternTestsPage{background:radial-gradient(900px 420px at 88% -8%,#d4e8ff,transparent 62%),radial-gradient(720px 400px at -8% 108%,#dcebff,transparent 62%),linear-gradient(180deg,#eaf3ff,#f6faff)!important;animation:ptIn .3s ease both}
@keyframes ptIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#patternTestsPage>div:nth-child(1){background:rgba(255,255,255,.8)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)!important;box-shadow:0 8px 26px -20px rgba(54,120,212,.6);gap:16px!important;padding-bottom:18px!important}
#patternTestsPage>div:nth-child(1)>button{width:42px!important;height:42px!important;background:#fff!important;border:1.5px solid var(--line)!important;color:var(--blue)!important;box-shadow:var(--sh)}
#patternTestsPage>div:nth-child(1) [style*="Fraunces"]{font-size:1.4rem!important;line-height:1.2;letter-spacing:-.01em}
#patternTestsPage>div:nth-child(1) [style*="font-size:0.68rem"]{font-size:.8rem!important;margin-top:4px!important}
#patternTestsPage>div:nth-child(2){gap:4px!important;width:calc(100% - 40px);max-width:820px;margin:18px auto 0;padding:5px!important;background:#dcebff;border-radius:18px;box-shadow:inset 0 1px 3px rgba(54,120,212,.18)}
#patternTestsPage #ptTab_pattern,#patternTestsPage #ptTab_sample{border-radius:13px!important;border:none!important;padding:12px 10px!important;font-size:.92rem!important;background:transparent!important;color:var(--ink2)!important;box-shadow:none!important;filter:none}
#patternTestsPage #ptTab_pattern[style*="1255b0"],#patternTestsPage #ptTab_pattern[style*="18, 85, 176"],#patternTestsPage #ptTab_sample[style*="1255b0"],#patternTestsPage #ptTab_sample[style*="18, 85, 176"]{background:#fff!important;color:var(--blue)!important;box-shadow:0 6px 16px -8px rgba(54,120,212,.65)!important}
#ptBody{padding:22px 20px 60px!important;scrollbar-width:thin;scrollbar-color:#b4d0f5 transparent}
#ptBody::-webkit-scrollbar{width:8px}#ptBody::-webkit-scrollbar-thumb{background:#b4d0f5;border-radius:8px}
#ptBody>*{max-width:820px;margin-left:auto;margin-right:auto}
#ptUploadZone{background:linear-gradient(160deg,#fff,#e9f2ff)!important;border:2px dashed #8fbaf0!important;border-radius:26px!important;padding:42px 24px!important;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s,border-color .2s,background .2s!important}
#ptUploadZone:hover{transform:translateY(-2px);border-color:var(--blue2)!important;box-shadow:0 18px 38px -18px rgba(54,120,212,.55)}
#ptUploadZone.pt-drag{border-color:var(--blue)!important;background:#dbeaff!important;transform:scale(1.01)}
#ptUploadZone>div:nth-child(1){display:inline-grid!important;place-items:center;width:84px;height:84px;border-radius:26px;background:linear-gradient(145deg,#e3efff,#c8e0ff);font-size:2.3rem!important;margin-bottom:18px!important;box-shadow:inset 0 0 0 1px #bcd7fa}
#ptUploadZone>div:nth-child(2){font-family:'Fraunces',serif;font-size:1.3rem!important}
#ptUploadZone>div:nth-child(3){font-size:.9rem!important;max-width:400px!important}
#ptUploadZone span:not(.ei):not(.ei-t){padding:6px 14px!important;font-size:.78rem!important;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.2;white-space:nowrap}
#ptPatternsList>div[style*="text-align:center"]{background:#eef5ff;border-radius:18px;padding:36px 20px!important;font-size:.92rem!important}
#ptTakeTestPage{background:linear-gradient(180deg,#eaf3ff,#f7fbff)!important}
#ptTakeTestPage>div:first-child{background:rgba(255,255,255,.88)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)!important}
#ptTakeTestPage>div:first-child :is(div,span){color:var(--ink)!important}
#ptTakeTestPage>div:first-child>button:first-child{background:#fff!important;border:1.5px solid var(--line)!important;color:var(--blue)!important}
@media (max-width:520px){#ptUploadZone{padding:30px 16px!important}#patternTestsPage>div:nth-child(1) [style*="Fraunces"]{font-size:1.15rem!important}}
@media (prefers-reduced-motion:reduce){#patternTestsPage{animation:none}#patternTestsPage button,#ptTakeTestPage button,#ptUploadZone{transition:none!important}}
#patternTestsPage [style*="color:#e0eaf8"],#ptTakeTestPage [style*="color:#e0eaf8"]{color:var(--ink)!important}
#patternTestsPage [style*="color:#c8daf0"],#ptTakeTestPage [style*="color:#c8daf0"]{color:var(--ink2)!important}
#patternTestsPage [style*="color:rgba(160,195,255"],#ptTakeTestPage [style*="color:rgba(160,195,255"]{color:var(--mute)!important}
#patternTestsPage [style*="color:#7ab3e0"],#patternTestsPage [style*="color:#1a73e8"],#ptTakeTestPage [style*="color:#7ab3e0"],#ptTakeTestPage [style*="color:#1a73e8"]{color:var(--blue)!important}
#patternTestsPage [style*="color:#a78bfa"],#patternTestsPage [style*="color:#7c3aed"],#patternTestsPage [style*="color:#5b21b6"],#ptTakeTestPage [style*="color:#a78bfa"],#ptTakeTestPage [style*="color:#7c3aed"],#ptTakeTestPage [style*="color:#5b21b6"]{color:#4a79d6!important}
#patternTestsPage [style*="color:#4ade80"],#ptTakeTestPage [style*="color:#4ade80"]{color:#15803d!important}
#patternTestsPage [style*="color:#f87171"],#ptTakeTestPage [style*="color:#f87171"]{color:#d64545!important}
#patternTestsPage :not(input):not(select):not(textarea):not(button)[style*="background:rgba(26,115,232,0.06)"],#patternTestsPage :not(input):not(select):not(textarea):not(button)[style*="background:rgba(26,115,232,0.05)"],#patternTestsPage :not(input):not(select):not(textarea):not(button)[style*="background:rgba(26,115,232,0.04)"],#ptTakeTestPage :not(input):not(select):not(textarea):not(button)[style*="background:rgba(26,115,232,0.06)"],#ptTakeTestPage :not(input):not(select):not(textarea):not(button)[style*="background:rgba(26,115,232,0.05)"],#ptTakeTestPage :not(input):not(select):not(textarea):not(button)[style*="background:rgba(26,115,232,0.04)"]{background:#fff!important;border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:var(--sh)}
#patternTestsPage [style*="background:rgba(255,255,255,0.03)"],#ptTakeTestPage [style*="background:rgba(255,255,255,0.03)"]{background:#f1f7ff!important;border:1px solid #e0ecfc;border-radius:12px!important;padding:9px 12px!important}
#patternTestsPage [style*="linear-gradient"][style*="#7c3aed"],#ptTakeTestPage [style*="linear-gradient"][style*="#7c3aed"]{background:linear-gradient(145deg,#8fc0f8,#4f94e8)!important;box-shadow:0 8px 16px -8px rgba(54,120,212,.7)}
#patternTestsPage [style*="background:rgba(124,58,237"],#ptTakeTestPage [style*="background:rgba(124,58,237"]{background:#e8efff!important;border-color:#cbd9fb!important}
#patternTestsPage button[style*="1255b0"],#patternTestsPage button[style*="18, 85, 176"],#patternTestsPage button[style*="background:#1a73e8"],#ptTakeTestPage button[style*="1255b0"],#ptTakeTestPage button[style*="18, 85, 176"],#ptTakeTestPage button[style*="background:#1a73e8"]{background:linear-gradient(135deg,#6aaaf3,#3678d4)!important;color:#fff!important;border:none!important;border-radius:14px!important;box-shadow:0 10px 20px -10px rgba(54,120,212,.85)}
#patternTestsPage button[style*="rgba(220,38,38,0.1)"],#ptTakeTestPage button[style*="rgba(220,38,38,0.1)"]{background:#fff1f1!important;border:1px solid #f6cccc!important;color:#d64545!important;border-radius:10px!important}
#patternTestsPage button,#ptTakeTestPage button{transition:transform .15s,box-shadow .15s,filter .15s}
#patternTestsPage button:hover,#ptTakeTestPage button:hover{filter:brightness(1.04);transform:translateY(-1px)}
#patternTestsPage button:focus-visible,#ptTakeTestPage button:focus-visible{outline:3px solid rgba(91,156,240,.55);outline-offset:2px}
#patternTestsPage input[style]:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),#patternTestsPage select[style],#patternTestsPage textarea[style],#ptTakeTestPage input[style]:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),#ptTakeTestPage select[style],#ptTakeTestPage textarea[style]{background:#f5f9ff!important;border:1.5px solid #cbdff8!important;color:var(--ink)!important;border-radius:12px!important;padding:11px 14px!important;outline:none}
#patternTestsPage input[style]:focus,#patternTestsPage select[style]:focus,#patternTestsPage textarea[style]:focus,#ptTakeTestPage input[style]:focus,#ptTakeTestPage select[style]:focus,#ptTakeTestPage textarea[style]:focus{border-color:var(--blue2)!important;box-shadow:0 0 0 4px rgba(91,156,240,.22)}
#patternTestsPage ::placeholder,#ptTakeTestPage ::placeholder{color:#8aa8cb}
#patternTestsPage [style*="text-transform:uppercase"],#ptTakeTestPage [style*="text-transform:uppercase"]{text-transform:none!important;letter-spacing:0!important;font-size:.95rem!important;font-weight:700!important;color:var(--ink2)!important}