@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--ink:#f4f2ef;--ink-soft:#969398;--night:#0d0d0e;--night-2:#151516;--paper:#09090b;--paper-2:#151516;--line:#343336;--line-dark:#454348;--orange:#ff9551;--pink:#f7bbcb;--mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--sans:"Geist Variable", Geist, Inter, ui-sans-serif, system-ui, sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{background:var(--paper);color:#f7f5f1;isolation:isolate;min-height:280px;position:relative;overflow:hidden}.app-shell{color:var(--ink);background:var(--paper)}.app-shell.light{--ink:#09090b;--ink-soft:#52525b;--paper:#fafafa;--paper-2:#f4f4f5;--line:#d4d4d8;--line-dark:#a1a1aa;--night:#fafafa;--night-2:#f4f4f5;min-height:100vh}.app-shell.light .site-header{color:#09090b;background:#fafafaeb;border-bottom:.5px solid #d4d4d8}.app-shell.light .site-header nav{color:#52525b}.app-shell.light .site-header nav a.is-active{color:#09090b}.app-shell.light .header-search{color:#52525b;background:#f4f4f5;border-color:#d4d4d8}.app-shell.light .header-search input{color:#09090b}.app-shell.light .header-search input::placeholder,.app-shell.light .header-search kbd{color:#52525b}.app-shell.light .theme-button{color:#09090b;background:#e4e4e7;border-color:#a1a1aa}.app-shell.light .hero{color:#09090b}.app-shell.light .hero-intro{color:#52525b}.app-shell.light .archive,.app-shell.light .site-footer{color:var(--ink)}.app-shell.light .archive-intro>p,.app-shell.light .card-meta,.app-shell.light .section-label,.app-shell.light .section-label,.app-shell.light .result-count{color:#52525b}.app-shell.light .result-count strong{color:#09090b}.app-shell.light .archive-search input,.app-shell.light .category-select select{color:var(--ink)}.app-shell.light .category-select{background:#fff;border-color:#d4d4d8}.app-shell.light .category-select i{border-color:#a1a1aa}.app-shell.light .archive-search{color:#52525b;border-color:#d4d4d8}.app-shell.light .archive-search input::placeholder,.app-shell.light .archive-search kbd{color:#52525b}.app-shell.light .card-meta span+span:before{color:#a1a1aa}.app-shell.light .control-bar{background:color-mix(in oklab, var(--paper) 92%, transparent)}.app-shell.light .site-footer{background:var(--paper);color:#09090b}.app-shell.light .reference-search{color:#52525b;border-color:#d4d4d8}.app-shell.light .reference-search input{color:#09090b}.app-shell.light .reference-search input::placeholder{color:#52525b}.site-header{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09090bf5;border-bottom:1px solid #323233;grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:0 16px;display:grid;position:sticky;top:0;left:0}.header-left{justify-self:start;align-items:center;gap:24px;min-width:0;display:flex}.brand{letter-spacing:.04em;font:500 13px var(--mono);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.brand .logo-mark{flex:none;width:25px;height:25px;display:block}.site-header nav{font:500 11px/20px var(--mono);letter-spacing:.04em;color:#9c999d;align-items:center;gap:18px;display:flex}.site-header nav a{transition:color .2s}.site-header nav a.is-active{color:var(--ink)}.site-header nav a:hover{color:var(--orange)}.header-search{color:#9c999d;background:#181719;border:.5px solid #363538;grid-template-columns:auto 1fr auto;justify-self:center;align-items:center;gap:9px;width:min(280px,32vw);height:36px;padding:0 10px 0 12px;display:grid}.header-search svg{fill:none;stroke:currentColor;stroke-width:1.8px;flex:none;width:16px;height:16px}.header-search input{color:#f4f2ef;width:100%;min-width:0;height:36px;font:13px var(--sans);letter-spacing:0;background:0 0;border:0;outline:0}.header-search input::placeholder{color:#9c999d;font:500 11px var(--mono);letter-spacing:.04em}.header-search kbd{color:#7a777d;font:10px var(--mono);white-space:nowrap}.header-actions{justify-self:end;align-items:center;gap:8px;display:flex}.theme-button{color:#aaa7aa;background:#181719;border:.5px solid #363538;place-items:center;width:34px;height:34px;display:grid}.theme-button:hover{color:var(--orange);border-color:var(--orange)}.theme-button svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.dot-field{display:none}.hero-copy{z-index:1;text-align:center;flex-direction:column;justify-content:flex-start;width:min(840px,100% - 40px);height:280px;margin:0 auto;padding-top:72px;display:flex;position:relative}.hero-kicker{display:none}.hero h1{letter-spacing:-.06em;text-wrap:balance;max-width:540px;margin:0 auto;font-size:36px;font-weight:500;line-height:1.1}.hero h1 span{color:inherit}.desktop-break{display:inline}.mobile-break{display:none}.hero-intro{color:#aaa8ad;width:min(100%,480px);max-width:480px;font:400 12px/1.55 var(--mono);letter-spacing:.01em;text-wrap:pretty;overflow-wrap:anywhere;margin:10px auto 0}.hero-index,.scroll-cue{display:none}.archive{background:var(--paper);padding:16px max(16px,50vw - 960px) 130px}.archive-intro{display:none}.section-label{color:#8b8780;font:500 10px var(--mono);letter-spacing:.16em;margin:0 0 18px}.archive-intro h2{letter-spacing:-.065em;max-width:650px;margin:0;font-size:clamp(38px,4.4vw,68px);font-weight:500;line-height:.98}.archive-intro>p{color:#929096;max-width:490px;font:13px/1.8 var(--mono);margin:0 0 5px}.control-bar{z-index:2;background:color-mix(in oklab, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:12px;min-height:36px;margin:0 -16px;padding:10px 16px;display:flex;position:sticky;top:56px}.category-select{background:#18181b;border:.5px solid #3f3f46;align-items:center;min-width:158px;height:36px;padding:0 12px;display:inline-flex;position:relative}.category-select select{appearance:none;width:100%;color:var(--ink);font:500 11px/16px var(--mono);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;outline:0;padding:0 24px 0 0}.category-select i{pointer-events:none;border-bottom:1.5px solid #aaa7ad;border-right:1.5px solid #aaa7ad;width:8px;height:8px;position:absolute;top:11px;right:12px;rotate:45deg}.result-count{color:#929096;font:11px var(--mono);letter-spacing:.12em;white-space:nowrap}.result-count strong{color:var(--ink);font-weight:500}.archive-search{border-bottom:1px solid var(--line);color:#969188;align-items:center;gap:9px;width:min(330px,30vw);margin-left:auto;padding:7px 0;display:flex}.archive-search svg{fill:none;stroke:currentColor;stroke-width:1.7px;flex:none;width:16px;height:16px}.archive-search input{width:100%;min-width:0;color:var(--ink);font:12px var(--mono);background:0 0;border:0;outline:0}.archive-search input::placeholder{color:#a09d96}.archive-search kbd{font:10px var(--mono);color:#9e9a92;white-space:nowrap}.reference-search{border-bottom:1px solid var(--line);color:#969188;align-items:center;gap:9px;width:min(300px,30vw);margin-left:auto;padding:7px 0;display:flex}.reference-search svg{fill:none;stroke:currentColor;stroke-width:1.7px;flex:none;width:16px;height:16px}.reference-search input{width:100%;min-width:0;color:var(--ink);font:12px var(--mono);background:0 0;border:0;outline:0}.reference-search input::placeholder{color:#a09d96}.reference-archive{border-top:1px solid var(--line)}.layout-toggle{gap:5px;margin-left:10px;display:none}.layout-toggle button{color:#99958d;background:0 0;border:1px solid #0000;place-items:center;width:31px;height:31px;display:grid}.layout-toggle button.active,.layout-toggle button:hover{border-color:var(--ink);color:var(--ink)}.layout-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px}.layout-toggle rect{fill:none}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:0;margin-top:10px;display:grid}.archive-grid.list{grid-template-columns:1fr}.archive-card{z-index:0;background:var(--paper);min-width:0;box-shadow:0 0 0 .5px var(--line);padding:12px;position:relative;overflow:visible}.corner{box-sizing:border-box;z-index:2;pointer-events:none;border:1px solid var(--ink);width:5px;height:5px;position:absolute}.corner.one{border-bottom:0;border-right:0;top:-1px;left:-1px}.corner.two{border-bottom:0;border-left:0;top:-1px;right:-1px}.corner.three{border-top:0;border-left:0;bottom:-1px;right:-1px}.corner.four{border-top:0;border-right:0;bottom:-1px;left:-1px}.video-frame{aspect-ratio:16/9;color:#fff;text-align:left;cursor:pointer;background:#181719;border:1px solid #27272a;width:100%;padding:0;display:block;position:relative;overflow:hidden}.video-frame:after{content:none}.video-frame:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.video-frame video,.video-frame .video-poster-fallback{object-fit:cover;opacity:.86;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .3s;display:block}.video-frame:hover video,.video-frame:focus-visible video,.video-frame:hover .video-poster-fallback,.video-frame:focus-visible .video-poster-fallback{opacity:1;transform:scale(1.02)}.media-source,.media-duration,.media-external{z-index:2;color:#ffffffeb;font:500 10px/1.2 var(--mono);letter-spacing:.02em;opacity:0;background:#00000073;transition:opacity .12s cubic-bezier(0,0,.2,1);position:absolute}.video-frame:hover .media-source,.video-frame:hover .media-duration,.video-frame:hover .media-external,.video-frame:focus-visible .media-source,.video-frame:focus-visible .media-duration,.video-frame:focus-visible .media-external{opacity:1}.media-source{pointer-events:none;align-items:center;gap:0;padding:2px;display:inline-flex;bottom:8px;left:8px}.source-icon{color:#202022;background:#97979a;flex:none;place-items:center;width:20px;height:20px;font:600 13px/1 ui-sans-serif,sans-serif;display:grid}.source-icon svg{fill:currentColor;width:13px;height:13px;display:block}.media-source>span:last-child{opacity:0;white-space:nowrap;max-width:0;padding:0;transition:max-width .16s cubic-bezier(0,0,.2,1),padding .16s cubic-bezier(0,0,.2,1),opacity .12s,transform .16s cubic-bezier(0,0,.2,1);overflow:hidden;transform:translate(-4px)}.video-frame:hover .media-source>span:last-child,.video-frame:focus-visible .media-source>span:last-child{opacity:1;max-width:160px;padding:0 6px;transform:none}.media-external{color:#f3f3f3;place-items:center;width:16px;height:16px;padding:0;text-decoration:none;display:grid;top:8px;right:8px}.media-external svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:12px;height:12px}.media-duration{font-variant-numeric:tabular-nums;padding:2px 5px;bottom:8px;right:8px}.image-frame{aspect-ratio:4/3;color:#fff;cursor:pointer;background:#181719;border:1px solid #27272a;width:100%;display:block;position:relative;overflow:hidden}.image-frame img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .3s;display:block}.image-frame:hover img,.image-frame:focus-visible img{transform:scale(1.025)}.image-frame:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.image-overlay-source,.image-overlay-open,.image-count{z-index:2;color:#fff;opacity:0;background:#00000073;transition:opacity .14s;position:absolute}.image-frame:hover .image-overlay-source,.image-frame:hover .image-overlay-open,.image-frame:hover .image-count,.image-frame:focus-visible .image-overlay-source,.image-frame:focus-visible .image-overlay-open,.image-frame:focus-visible .image-count{opacity:1}.image-overlay-source{font:500 10px/1.2 var(--mono);letter-spacing:.02em;align-items:center;gap:6px;padding:2px 7px 2px 2px;display:inline-flex;bottom:8px;left:8px}.image-source-icon{color:#202022;background:#97979a;place-items:center;width:20px;height:20px;font:600 13px/1 ui-sans-serif,sans-serif;display:grid}.image-overlay-open{place-items:center;width:24px;height:24px;display:grid;top:8px;right:8px}.image-overlay-open svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:13px;height:13px}.image-count{font:500 9px var(--mono);letter-spacing:.03em;padding:4px 6px;bottom:8px;right:8px}.image-missing{color:#8b8780;width:100%;height:100%;font:10px var(--mono);letter-spacing:.12em;place-items:center;display:grid}.image-detail-modal{flex-direction:column;width:min(840px,100vw - 48px);height:min(680px,100vh - 80px);max-height:calc(100vh - 80px);display:flex;overflow:hidden}.image-detail-stage{isolation:isolate;background:#080809;flex:none;place-items:center;width:100%;height:400px;display:grid;position:relative;overflow:hidden}.image-detail-backdrop{z-index:0;filter:blur(24px);opacity:.58;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-28px;transform:scale(1.08)}.image-detail-stage>img,.image-detail-stage>video{z-index:1;object-fit:contain;opacity:0;background:0 0;width:100%;height:100%;transition:opacity .2s;display:block;position:absolute;inset:0}.image-detail-stage>img.is-loaded,.image-detail-stage>video.is-loaded{opacity:1}.image-detail-stage:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#000000b8,#0000 22% 72%,#00000024);position:absolute;inset:0}.image-detail-top{z-index:3;pointer-events:none;opacity:0;justify-content:space-between;align-items:flex-start;gap:20px;transition:opacity .16s;display:flex;position:absolute;inset:20px 24px auto}.image-detail-stage:hover .image-detail-top,.image-detail-stage:focus-within .image-detail-top{opacity:1}.image-tabs{z-index:4;gap:4px;display:flex;position:absolute;bottom:18px;left:20px}.image-tabs button{color:#ddd;min-width:31px;height:26px;font:10px var(--mono);background:#00000080;border:1px solid #ffffff73}.image-tabs button.active,.image-tabs button:hover{color:#161616;background:#ffffffd9;border-color:#fff}.image-detail-copy{flex:auto;min-height:0;padding-top:22px;overflow:hidden}.image-tags{flex-wrap:wrap;gap:5px;margin-top:15px;display:flex}.image-tags span{border:1px solid var(--line);color:var(--ink-soft);font:10px var(--mono);letter-spacing:.03em;padding:4px 6px}.image-prompt-copy{white-space:pre-wrap;max-height:190px;overflow:hidden}.app-shell.light .image-tags span{color:#71717a;border-color:#d4d4d8}.app-shell.light .image-frame,.app-shell.light .video-frame{border-color:#d4d4d8}.card-copy{text-align:left;width:100%;min-height:48px;color:var(--ink);background:0 0;padding:12px 0 0}.card-copy h2{letter-spacing:-.01em;margin:0;font-size:13px;font-weight:500;line-height:18px}.card-copy:hover h2{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.card-meta{color:#88837b;font:500 10px/16px var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;margin-top:4px;display:flex;overflow:hidden}.card-meta span{text-overflow:ellipsis;overflow:hidden}.card-meta span+span:before{content:"•";color:#aaa59b;margin-right:5px}.archive-grid.list .archive-card{grid-template-columns:minmax(300px,.55fr) 1fr;align-items:center;gap:28px;padding:18px 25px;display:grid}.archive-grid.list .card-copy{padding:0}.archive-grid.list .card-copy h2{max-width:700px;min-height:0;font-size:clamp(20px,2.7vw,38px)}.pagination{color:var(--ink-soft);justify-content:center;align-items:center;gap:4px;margin:24px 0 0;padding:8px 0;display:flex}.pagination button,.pagination-ellipsis{min-width:44px;height:44px;color:inherit;font:500 11px var(--mono);background:0 0;place-items:center;display:inline-grid}.pagination button:hover:not(:disabled),.pagination button.active{background:var(--paper-2);color:var(--ink)}.pagination button:disabled{opacity:.28;cursor:not-allowed}.pagination .pagination-arrow{width:38px;font-size:18px}.pagination-ellipsis{min-width:24px}.empty-state{border:1px solid var(--line);text-align:center;padding:120px 30px}.empty-state span{font:12px var(--mono);letter-spacing:.15em}.empty-state p{color:var(--ink-soft);font:13px var(--mono)}.site-footer{border-top:1px solid var(--line);background:var(--paper);min-height:76px;color:var(--ink);justify-content:center;align-items:center;margin:0 8px;padding:24px 16px 18px;display:flex}.site-footer>span{font:600 12px/1.2 var(--sans);letter-spacing:.02em}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overscroll-behavior:contain;background:#080808d1;place-items:center;padding:28px;animation:.2s both fade-in;display:grid;position:fixed;inset:0}.detail-modal{background:var(--paper);width:min(960px,100vw - 48px);max-height:calc(100vh - 56px);color:var(--ink);animation:.32s cubic-bezier(.2,.75,.2,1) both modal-in;overflow:auto;box-shadow:0 30px 100px #0006}.detail-modal.image-detail-modal{width:min(840px,100vw - 48px);overflow:hidden}.detail-stage{aspect-ratio:16/9;background:#080809;position:relative;overflow:hidden}.detail-stage>video,.detail-stage>.detail-poster-fallback{object-fit:contain;background:#080809;width:100%;height:100%;display:block}.detail-stage:after{content:"";pointer-events:none;background:linear-gradient(#000000b8,#0000 22% 72%,#00000024);position:absolute;inset:0}.detail-stage-top{z-index:2;pointer-events:none;opacity:0;justify-content:space-between;align-items:flex-start;gap:20px;transition:opacity .16s;display:flex;position:absolute;top:20px;left:24px;right:24px}.detail-stage:hover .detail-stage-top,.detail-stage:focus-within .detail-stage-top{opacity:1}.detail-stage-title{color:#fff;text-shadow:0 1px 16px #0000008c;min-width:0}.detail-stage-title h2{letter-spacing:-.035em;max-width:min(680px,52vw);margin:0;font-size:clamp(18px,2vw,28px);font-weight:500;line-height:1.15}.detail-stage-title p{color:#ffffffb8;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:7px 0 0}.detail-stage-title p span{margin:0 6px}.detail-stage-actions{pointer-events:auto;align-items:center;gap:8px;display:flex}.detail-stage-actions a{color:#fff;height:36px;font:500 10px/1 var(--mono);letter-spacing:.01em;white-space:nowrap;background:#0000008c;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;padding:0 14px;transition:background .18s,border-color .18s;display:inline-flex}.detail-stage-actions a:hover{background:#0000009e;border-color:#ffffff57}.detail-stage-actions svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:13px;height:13px}.modal-close{color:#fff;background:#0000008c;border:1px solid #fff3;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid}.modal-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:19px;height:19px;display:block}.modal-close:hover{background:#0000009e}.video-tabs{z-index:3;gap:4px;display:flex;position:absolute;bottom:52px;left:20px}.video-tabs button{color:#ddd;min-width:31px;height:26px;font:10px var(--mono);background:#00000080;border:1px solid #ffffff73}.video-tabs button.active,.video-tabs button:hover{color:#161616;background:#ffffffd9;border-color:#fff}.detail-copy{grid-template-columns:minmax(0,1fr) minmax(180px,.28fr);align-items:start;gap:28px;padding:24px 28px 28px;display:grid}.detail-copy-main{min-width:0}.summary{color:#9d9aa0;font:13px/1.75 var(--mono);white-space:nowrap;margin:0}.prompt-copy{color:#77747c;max-height:82px;font:11px/1.7 var(--mono);margin:20px 0 0;overflow:auto}.reference-info{color:#8f8b92;font:10px/1.5 var(--mono);letter-spacing:.04em;flex-wrap:wrap;gap:6px 14px;margin-top:16px;display:flex}.reference-tags{white-space:normal;max-height:60px}.prompt-block{justify-content:flex-end;align-self:end;min-width:0;margin:0;display:flex}.copy-prompt-button{border:1px solid var(--ink);color:var(--ink);font:10px var(--mono);letter-spacing:.02em;background:0 0;flex:none;padding:12px 16px;transition:background .2s,color .2s}.copy-prompt-button:hover{background:var(--ink);color:var(--paper)}.app-shell.light .summary{color:#52525b}.app-shell.light .prompt-copy,.app-shell.light .reference-info{color:#71717a}.skill-archive{min-height:calc(100vh - 56px)}.skill-intro{border-bottom:1px solid var(--line);grid-template-columns:1fr;align-items:end;gap:12px;padding:16px 0 18px;display:grid}.skill-intro .section-label{grid-column:1/-1;margin:0}.skill-intro h1{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(34px,5vw,68px);font-weight:500;line-height:.98}.skill-intro>p:last-child{max-width:760px;color:var(--ink-soft);font:12px/1.75 var(--mono);margin:0}.skill-control-bar{margin-top:0}.skill-search{width:min(260px,24vw)}.skill-search-icon{font:20px/1 var(--sans);color:currentColor;transform:translateY(-1px)}.skill-grid{margin-top:10px}.skill-card{flex-direction:column;display:flex}.skill-preview{aspect-ratio:16/9;border:1px solid var(--line);background:var(--paper-2);width:100%;color:var(--ink);text-align:left;padding:0;position:relative;overflow:hidden}.skill-preview img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .25s;display:block}.skill-preview:hover img,.skill-preview:focus-visible img{transform:scale(1.025)}.skill-preview:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.skill-preview-empty{width:100%;height:100%;color:var(--ink-soft);align-content:center;place-items:center;gap:8px;display:grid}.skill-preview-empty svg{fill:currentColor;width:28px;height:28px}.skill-preview-empty small{font:10px var(--mono);letter-spacing:.12em}.skill-preview-badge{color:#fff;font:9px var(--mono);letter-spacing:.04em;background:#0000009e;padding:4px 6px;position:absolute;bottom:8px;left:8px}.skill-preview-open{color:#fff;opacity:0;background:#0000009e;place-items:center;width:24px;height:24px;transition:opacity .14s;display:grid;position:absolute;top:8px;right:8px}.skill-preview:hover .skill-preview-open,.skill-preview:focus-visible .skill-preview-open{opacity:1}.skill-preview-open svg,.skill-source-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:13px;height:13px}.skill-card .card-copy{flex:1;min-width:0;padding:12px 0 0}.skill-card .card-copy h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skill-card-description{min-height:36px;color:var(--ink-soft);font:11px/1.65 var(--mono);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0 0;display:-webkit-box;overflow:hidden}.skill-card-tags{flex-wrap:wrap;gap:5px;margin-top:11px;display:flex}.skill-card-tags span,.skill-detail-tags span{border:1px solid var(--line);color:var(--ink-soft);font:9px var(--mono);letter-spacing:.03em;padding:4px 6px}.skill-detail-modal{width:min(900px,100vw - 48px);max-height:calc(100vh - 56px);overflow:auto}.skill-detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 28px 20px;display:flex}.skill-detail-kicker{color:var(--ink-soft);font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px}.skill-detail-kicker span{margin:0 5px}.skill-detail-head h2{letter-spacing:-.06em;margin:0;font-size:clamp(26px,4vw,44px);font-weight:500;line-height:1}.skill-detail-repo{color:var(--ink-soft);font:11px var(--mono);margin:9px 0 0}.skill-modal-close{border-color:var(--line);color:var(--ink);background:0 0;flex:none}.skill-modal-close:hover{background:var(--paper-2)}.skill-detail-body{grid-template-columns:minmax(260px,.95fr) minmax(0,1fr);gap:24px;padding:24px 28px;display:grid}.skill-detail-preview{aspect-ratio:16/10;border:1px solid var(--line);background:var(--paper-2);min-width:0;overflow:hidden}.skill-detail-preview img{object-fit:contain;width:100%;height:100%;display:block}.skill-detail-preview .skill-preview-empty{color:var(--ink-soft)}.skill-detail-info{min-width:0}.skill-detail-description{color:var(--ink);font:13px/1.75 var(--mono);margin:0}.skill-detail-tags{flex-wrap:wrap;gap:5px;margin-top:16px;display:flex}.skill-detail-stats{color:var(--ink-soft);font:10px var(--mono);letter-spacing:.04em;flex-wrap:wrap;gap:8px 16px;margin-top:14px;display:flex}.skill-usage-box{border:1px solid var(--line);background:var(--paper-2);margin-top:20px;padding:14px}.skill-usage-box p{color:var(--ink-soft);font:11px/1.7 var(--mono);margin:8px 0 0}.skill-detail-actions{flex-wrap:wrap;align-items:center;gap:8px;padding:0 28px 26px;display:flex}.skill-download-button,.skill-source-button{border:1px solid var(--ink);min-height:36px;color:var(--ink);font:10px var(--mono);align-items:center;gap:7px;padding:0 12px;display:inline-flex}.skill-download-button{appearance:none;cursor:pointer;background:var(--ink);color:var(--paper)}.skill-download-button:disabled{cursor:wait;opacity:.65}.skill-download-button svg{fill:currentColor;width:14px;height:14px}.skill-source-button{border-color:var(--line-dark);color:var(--ink-soft)}.skill-source-button:hover{border-color:var(--ink);color:var(--ink)}.app-shell.light .skill-card-tags span,.app-shell.light .skill-detail-tags span,.app-shell.light .skill-preview,.app-shell.light .skill-detail-preview{border-color:#d4d4d8}.skill-detail-modal{flex-direction:column;width:min(840px,100vw - 48px);height:min(680px,100vh - 80px);max-height:calc(100vh - 80px);display:flex;overflow:hidden}.skill-detail-stage{height:400px}.skill-detail-stage>.skill-preview-empty{z-index:1;color:#ffffffad;position:relative}.skill-detail-copy{flex:1 1 0;grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:0;padding-top:22px;overflow:hidden}.skill-detail-copy .detail-copy-main{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.skill-detail-copy .summary{white-space:normal;max-height:62px;overflow:hidden}.skill-detail-copy .skill-detail-tags{margin-top:15px}.skill-detail-copy .skill-usage-box{background:0 0;border:0;flex:auto;min-height:0;max-height:none;margin-top:15px;padding:0;overflow:auto}.skill-detail-copy .skill-usage-box p{white-space:pre-wrap;color:#77747c;max-height:none;font:11px/1.7 var(--mono);margin:0;overflow:visible}.skill-detail-copy .skill-detail-actions{justify-content:flex-end;align-self:end;margin:0;padding:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:none}}@media (width<=860px){.site-header{padding:0 16px}.header-left{gap:22px}.site-header nav{gap:14px;font-size:10px}.header-search{width:min(300px,28vw)}.archive{padding-top:20px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-grid.list .archive-card{grid-template-columns:1fr;gap:0}.archive-grid.list .card-copy{padding-top:18px}.detail-modal{width:min(100%,100vw - 24px);max-height:calc(100vh - 42px)}.image-detail-modal{width:min(100%,100vw - 24px);height:min(680px,100vh - 42px);max-height:calc(100vh - 42px)}.image-detail-stage{height:min(400px,48vh);min-height:0}.image-detail-stage>img{height:100%;min-height:0}.detail-stage-top{top:16px;left:16px;right:16px}.detail-stage-actions{gap:5px}.detail-stage-actions a{padding:8px 10px}.detail-copy{grid-template-columns:1fr;gap:20px;padding:22px 22px 24px}.summary{white-space:normal}.prompt-block{justify-content:flex-start;align-self:start}.skill-intro{grid-template-columns:1fr;gap:14px}.skill-intro>p:last-child{max-width:560px}.skill-search{width:min(100%,300px)}.skill-detail-body{grid-template-columns:1fr}}@media (width<=600px){.hero{min-height:260px}.site-header{padding:0 12px}.site-header nav{scrollbar-width:none;gap:14px;max-width:calc(100vw - 168px);overflow-x:auto}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{flex:none}.brand{font-size:11px}.brand .logo-mark{width:27px;height:27px}.header-left{gap:12px}.header-search{background:0 0;border-color:#0000;justify-content:center;width:42px;height:42px;padding:0}.header-search input,.header-search kbd{display:none}.header-actions{gap:5px}.theme-button{width:42px;height:42px;padding:0}.hero-copy{width:calc(100% - 32px);height:260px;padding-top:62px}.hero h1{max-width:340px;font-size:26px}.desktop-break{display:none}.mobile-break{display:inline}.hero-intro{width:calc(100% - 24px);max-width:330px;margin-top:12px;font-size:10px;line-height:1.6}.archive{padding:20px 12px 86px}.control-bar{flex-wrap:wrap;gap:8px 14px;padding:10px 0}.category-select{min-width:145px}.result-count{order:2}.archive-search,.reference-search{order:3;width:100%;margin-left:0}.layout-toggle{margin-left:auto}.archive-grid,.archive-grid.list{grid-template-columns:1fr}.archive-card,.archive-grid.list .archive-card{padding:17px 16px 21px}.card-copy h2{min-height:0;font-size:18px}.site-footer{min-height:68px;margin:0 4px;padding:20px 12px 16px}.modal-backdrop{align-items:end;padding:0}.detail-modal{width:100%;max-height:94vh}.image-detail-modal{height:94vh;max-height:94vh}.image-detail-stage{height:36vh;min-height:0}.image-detail-stage>img{height:100%;min-height:0}.detail-stage-top{display:block}.detail-stage-title h2{max-width:calc(100% - 10px);font-size:18px}.detail-stage-actions{position:absolute;top:0;right:0}.detail-stage-actions a{display:none}.detail-stage-actions .modal-close{display:grid}.detail-copy{padding:20px 16px 22px}.skill-intro{padding-top:14px}.skill-intro h1{font-size:36px}.skill-intro>p:last-child{font-size:11px}.skill-control-bar{align-items:stretch}.skill-detail-head,.skill-detail-body,.skill-detail-actions{padding-left:16px;padding-right:16px}.skill-detail-actions{flex-direction:column;align-items:stretch}.skill-download-button,.skill-source-button,.skill-detail-actions .copy-prompt-button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}