.skills-index[data-astro-cid-d5bibqle]{max-width:780px;margin:0 auto;padding:2rem clamp(1.5rem,5vw,3rem) 4rem}.skills-nav[data-astro-cid-d5bibqle]{align-items:center;margin-bottom:2.5rem;display:flex}.brand-link[data-astro-cid-d5bibqle]{color:var(--text);border-bottom:none;align-items:center;gap:.5rem;text-decoration:none;transition:color .2s;display:flex;& svg,& img{filter:drop-shadow(0 0 8px oklch(75% .12 75/.3));width:36px;height:36px}& span{font-family:var(--font-display);font-size:1.7rem;font-weight:400}&:hover{color:var(--gold)}}h1[data-astro-cid-d5bibqle]{font-family:var(--font-display);margin-bottom:.75rem;font-size:clamp(2rem,5vw,3rem);font-weight:400}.subtitle[data-astro-cid-d5bibqle]{color:var(--text-mid);margin-bottom:1.25rem;font-size:1.05rem;font-weight:200;line-height:1.65}.quiz-trigger[data-astro-cid-d5bibqle]{width:100%;font-family:var(--font-body);color:var(--gold);cursor:pointer;background:oklch(75% .12 75/.08);border:1px solid oklch(75% .12 75/.25);border-radius:8px;justify-content:center;align-items:center;gap:.6rem;margin-bottom:3rem;padding:.8rem 1.75rem;font-size:1rem;font-weight:400;transition:background .2s,border-color .2s,box-shadow .2s,translate .2s;display:flex;&:hover{background:oklch(75% .12 75/.14);border-color:oklch(75% .12 75/.4);translate:0 -1px;box-shadow:0 0 24px oklch(75% .12 75/.1)}}.modal-backdrop[data-astro-cid-d5bibqle]{z-index:1000;backdrop-filter:blur(6px);background:oklch(8% 0 0/.75);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-backdrop[data-astro-cid-d5bibqle].hidden{display:none}.modal-dialog[data-astro-cid-d5bibqle]{background:var(--surface,oklch(14% 0 0));border-radius:var(--radius,12px);border:1px solid oklch(100% 0 0/.08);width:100%;max-width:540px;padding:clamp(1.5rem,4vw,2.5rem);animation:.25s ease-out modalIn;position:relative}@keyframes modalIn{0%{opacity:0;translate:0 12px;scale:.96}to{opacity:1;translate:0;scale:1}}.modal-close[data-astro-cid-d5bibqle]{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;line-height:1;transition:color .2s;position:absolute;top:.75rem;right:.75rem;&:hover{color:var(--text)}}.modal-title[data-astro-cid-d5bibqle]{font-family:var(--font-display);margin-bottom:.5rem;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:400}.modal-subtitle[data-astro-cid-d5bibqle]{color:var(--text-mid);margin-bottom:1.5rem;font-size:.95rem;font-weight:200;line-height:1.5}.question-card[data-astro-cid-d5bibqle]{transition:opacity .18s,translate .18s}.question-card[data-astro-cid-d5bibqle].fade-out{opacity:0;translate:0 8px}.question-card[data-astro-cid-d5bibqle].fade-in{animation:cardIn .35s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)) forwards}@keyframes cardIn{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}.question-text[data-astro-cid-d5bibqle]{font-family:var(--font-display);color:var(--text);margin-bottom:1.25rem;font-size:clamp(1.1rem,3vw,1.3rem);font-weight:400;line-height:1.35}.options[data-astro-cid-d5bibqle]{flex-direction:column;gap:.5rem;display:flex}.options[data-astro-cid-d5bibqle].hidden{display:none}.option-btn{text-align:left;border-radius:var(--radius-sm,6px);width:100%;font-family:var(--font-body);color:var(--text);cursor:pointer;background:oklch(100% 0 0/.03);border:1px solid oklch(100% 0 0/.06);padding:.7rem 1rem;font-size:.9rem;font-weight:300;transition:background .2s,border-color .2s,color .2s;display:block}.option-btn:hover{color:var(--gold);background:oklch(75% .12 75/.08);border-color:oklch(75% .12 75/.3)}.question-text[data-astro-cid-d5bibqle].hidden{display:none}.result-box[data-astro-cid-d5bibqle]{padding:0}.result-box[data-astro-cid-d5bibqle].hidden{display:none}.result-label[data-astro-cid-d5bibqle]{font-family:var(--font-code,monospace);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.75rem;font-size:.7rem;font-weight:400;display:block}.result-card[data-astro-cid-d5bibqle]{background:var(--card,oklch(18% .01 75));border:1px solid oklch(.5 .04 var(--pillar-hue) / .15);border-radius:var(--radius,12px);flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;text-decoration:none;transition:border-color .3s,translate .3s,box-shadow .3s,background .3s;display:flex;&.hidden{display:none}&:hover{border-color:oklch(.7 .1 var(--pillar-hue) / .4);box-shadow:0 6px 30px oklch(.5 .08 var(--pillar-hue) / .12);background:oklch(.22 .02 var(--pillar-hue));translate:0 -2px}&:hover .result-card-read[data-astro-cid-d5bibqle]{opacity:1;translate:0}}.result-card-header[data-astro-cid-d5bibqle]{align-items:center;gap:.4rem;display:flex}.result-card-icon[data-astro-cid-d5bibqle]{color:oklch(.7 .1 var(--pillar-hue));align-items:center;display:flex}.result-card-pillar[data-astro-cid-d5bibqle]{font-family:var(--font-code,monospace);color:oklch(.7 .1 var(--pillar-hue));text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.result-card-title[data-astro-cid-d5bibqle]{font-family:var(--font-display);color:var(--text);font-size:1.2rem;font-weight:400;line-height:1.25}.result-card-desc[data-astro-cid-d5bibqle]{color:var(--text-mid);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.85rem;font-weight:300;line-height:1.55;display:-webkit-box;overflow:hidden}.result-card-read[data-astro-cid-d5bibqle]{font-family:var(--font-code,monospace);color:oklch(.75 .1 var(--pillar-hue));letter-spacing:.05em;opacity:0;font-size:.75rem;transition:opacity .25s,translate .25s;translate:0 4px}.result-also-wrap[data-astro-cid-d5bibqle]{text-align:center;margin-top:.75rem}.result-also-wrap[data-astro-cid-d5bibqle].hidden{display:none}.result-also-label[data-astro-cid-d5bibqle]{font-family:var(--font-code,monospace);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.5rem;font-size:.65rem;font-weight:400;display:block}.result-also-card[data-astro-cid-d5bibqle]{background:var(--card,oklch(18% .01 75));border:1px solid oklch(.5 .04 var(--pillar-hue) / .1);border-radius:var(--radius-sm,8px);justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;text-decoration:none;transition:border-color .3s,background .3s;display:inline-flex;&.hidden{display:none}&:hover{border-color:oklch(.7 .1 var(--pillar-hue) / .3);background:oklch(.22 .02 var(--pillar-hue))}}.result-also-icon[data-astro-cid-d5bibqle]{color:oklch(.7 .1 var(--pillar-hue));flex-shrink:0;align-items:center;display:flex}.result-also-title[data-astro-cid-d5bibqle]{font-family:var(--font-display);color:var(--text-mid);font-size:.95rem;font-weight:400;line-height:1.25}.start-over[data-astro-cid-d5bibqle]{border-radius:var(--radius-sm,6px);font-family:var(--font-body);color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid oklch(100% 0 0/.08);margin:1.5rem auto 0;padding:.55rem 1.5rem;font-size:.85rem;font-weight:400;transition:color .2s,border-color .2s;display:block}.start-over[data-astro-cid-d5bibqle]:hover{color:var(--text-mid);border-color:oklch(100% 0 0/.15)}.start-over[data-astro-cid-d5bibqle].hidden{display:none}.pillar-group[data-astro-cid-d5bibqle]{margin-bottom:3rem}.pillar-heading[data-astro-cid-d5bibqle]{font-family:var(--font-display);color:var(--text);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.4rem;font-weight:400;display:flex;& svg{color:oklch(.7 .1 var(--pillar-hue))}}.skills-grid[data-astro-cid-d5bibqle]{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid;@media (width<=500px){grid-template-columns:1fr}}.skills-footer[data-astro-cid-d5bibqle]{text-align:center;border-top:1px solid oklch(100% 0 0/.03);max-width:780px;margin:0 auto;padding:2.5rem clamp(1.5rem,5vw,3rem);& p{color:var(--text-mid);font-size:.75rem;font-weight:300}& p a{color:var(--text-mid);border-bottom:none;&:hover{color:var(--gold)}}}.footer-star-btn[data-astro-cid-d5bibqle]{background:var(--gold);color:var(--ink);font-family:var(--font-body);border:none;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .3s,box-shadow .3s,translate .3s;display:inline-flex;&:hover{background:oklch(80% .12 75);translate:0 -1px;box-shadow:0 0 40px oklch(75% .12 75/.2)}}@media (width<=640px){.modal-dialog[data-astro-cid-d5bibqle]{padding:1.25rem}}