body:has(.skills-app){background:var(--ink-950)!important}.skills-app{background:var(--ink-950);min-height:100svh}.skills-app main{padding-top:calc(72px + env(safe-area-inset-top))}.skills-app section{padding:48px 0}.skills-app .sk-head{padding-top:24px;padding-bottom:8px}.skills-app .sk-head h1{font-size:clamp(36px,9vw,64px)}.skills-app .sk-body{padding-bottom:56px}.skills-app .chips{display:flex;gap:8px;margin:20px -20px 0;padding:4px 20px 8px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.skills-app .chips::-webkit-scrollbar{display:none}.skills-app .chips .chip{flex:none;min-height:44px;padding:0 18px;font:700 13px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--paper-100);background:transparent;border:2px solid var(--ink-600);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur-fast),border-color var(--dur-fast)}.skills-app .chips .chip:active{transform:scale(.97)}.skills-app .chips .chip[aria-pressed=true]{background:var(--mint-400);color:var(--ink-950);border-color:var(--mint-400)}.skills-app .sk-count{margin:12px 0 16px;color:var(--ink-400)}.skills-app .skill-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px 14px;gap:24px 14px}.skills-app .skill-card{display:flex;flex-direction:column;gap:6px;color:var(--paper-100);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skills-app .sc-poster{display:block;aspect-ratio:9/16;border-radius:20px;border:2px solid var(--ink-700);background:var(--ink-900);overflow:hidden;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base)}.skills-app .sc-poster .ph,.skills-app .sc-poster img{display:block;width:100%;height:100%;object-fit:cover}.skills-app .skill-card:active .sc-poster{transform:scale(.98)}.skills-app .skill-card .cat{margin-top:8px;color:var(--mint-400);font-size:12px;font-weight:700}.skills-app .skill-card strong{font:800 18px/1.15 var(--font-display);letter-spacing:-.02em}.skills-app .sc-sum{display:none;color:var(--ink-400);font-size:15px;line-height:1.45}.skills-app .skill-card .more{display:none;color:var(--mint-400);font-weight:700;margin-top:4px}.skills-app .sk-note{color:var(--ink-400);font-size:14px;line-height:1.5;margin-top:24px;max-width:60ch}.skills-app .sk-final{padding:64px 0}.skills-app .sk-final h2{margin-bottom:8px}.skills-app .sp-top{padding-top:16px}.skills-app .sp-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink-400);font-weight:700;text-decoration:none}.skills-app .sp-back-ico{width:20px;height:20px;transform:scaleX(-1)}.skills-app .sp-grid{display:grid;grid-gap:28px;gap:28px;margin-top:8px}.skills-app .sp-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.skills-app .sp-head h1{font-size:clamp(34px,8.5vw,60px)}.skills-app .sp-actions{display:flex;flex-direction:column;gap:14px;width:100%;margin-top:8px}.skills-app .sp-actions .btn{width:100%}.skills-app .sp-actions .btn-ink{background:transparent;color:var(--paper-100);border-color:var(--paper-100);box-shadow:none}.skills-app .sp-media{display:flex;flex-direction:column;align-items:center;gap:12px}.skills-app .vframe{background:var(--paper-100);border:3px solid var(--ink-950);border-radius:40px;padding:8px;box-shadow:0 28px 60px color-mix(in srgb,var(--ink-950) 60%,transparent),0 0 0 2px var(--ink-700)}.skills-app .vframe-portrait{width:min(72vw,300px)}.skills-app .vframe video{display:block;width:100%;border-radius:32px;background:var(--ink-900)}.skills-app .vframe-wide{display:none;width:100%;border-radius:22px;padding:6px}.skills-app .vframe-wide video{border-radius:16px}.skills-app .sp-steps{background:var(--paper-100);color:var(--ink-950);--focus:var(--mint-700);--sh:var(--ink-950)}.skills-app .sp-steps h2{margin-bottom:24px}.skills-app .sp-steps .steps{margin-top:0}.skills-app .sp-steps .step{flex-direction:row;align-items:flex-start;gap:14px}.skills-app .sp-steps .step p{color:var(--ink-950);margin:0;font-size:17px;line-height:1.5;padding-top:2px}.skills-app .sp-sample h2{margin-bottom:16px}.skills-app details{background:var(--ink-900);border:2px solid var(--ink-700);border-radius:var(--radius-md);margin-top:12px;overflow:hidden}.skills-app summary{cursor:pointer;min-height:56px;padding:8px 16px;display:flex;align-items:center;word-break:break-word;color:var(--paper-100);list-style:none;font-weight:700}.skills-app summary::-webkit-details-marker{display:none}.skills-app summary:after{content:"+";margin-left:auto;padding-left:12px;font:700 22px/1 var(--font-mono);color:var(--mint-400)}.skills-app details[open] summary:after{content:"–"}.skills-app pre{margin:0;padding:16px;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:500 14px/1.55 var(--font-mono);color:var(--paper-100);background:var(--ink-950);max-height:60vh;overflow-y:auto;border-top:2px solid var(--ink-700)}.skills-app .sp-more{padding-top:16px}.skills-app .sp-more h2{margin-bottom:20px}@media (min-width:720px){.skills-app .skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}.skills-app .sc-sum{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.skills-app .skill-card .more{display:block}.skills-app .chips{margin-inline:0;padding-inline:0;flex-wrap:wrap;overflow:visible}.skills-app .sp-actions{flex-direction:row}.skills-app .sp-actions .btn{width:auto}.skills-app .vframe-portrait{display:none}.skills-app .vframe-wide{display:block}.skills-app .sp-steps .steps{grid-template-columns:repeat(3,1fr)}.skills-app .sp-steps .step{flex-direction:column}}@media (min-width:1000px){.skills-app .skill-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.skills-app .sp-grid{grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}}@media (hover:hover){.skills-app .skill-card:hover .sc-poster{border-color:var(--mint-400)}}