.exp-page{color:#c9c9c9;background:#010101;min-height:100vh;font-family:Helvetica Now Display,ui-sans-serif,system-ui,-apple-system,sans-serif}.exp-shell{max-width:1140px;margin:0 auto;padding:132px 28px 120px}.exp-head{margin-bottom:56px}.exp-title{letter-spacing:-.02em;color:#f2f2f2;font-size:clamp(36px,6vw,60px);font-weight:600;line-height:1.02}.exp-lede{color:#8c8c8c;max-width:560px;margin-top:18px;font-size:16px;line-height:1.6}.exp-count{color:#5a5a5a;font-variant-numeric:tabular-nums;margin-top:22px;font-size:13px}.exp-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}@media (max-width:760px){.exp-grid{grid-template-columns:1fr}}.exp-card{color:inherit;background:#0b0b0b;border:1px solid #ffffff12;border-radius:22px;text-decoration:none;display:block;position:relative;overflow:hidden}.exp-card-canvas{background:radial-gradient(120% 120% at 50% 0,#161616 0%,#0a0a0a 70%);border-bottom:1px solid #ffffff0d;place-items:center;height:280px;display:grid;position:relative;overflow:hidden}.exp-card-canvas:before{content:"";pointer-events:none;background-image:radial-gradient(#fff1 1px,#0000 1.2px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(82% 78% at 50% 42%,#000 6%,#00000080 44%,#0000 80%);mask-image:radial-gradient(82% 78% at 50% 42%,#000 6%,#00000080 44%,#0000 80%)}.exp-card-preview{pointer-events:none;transform-origin:50%;transform:scale(.66)}.exp-card-meta{justify-content:space-between;align-items:baseline;gap:12px;padding:18px 22px 20px;display:flex}.exp-card-left{flex-direction:column;gap:5px;display:flex}.exp-card-day{letter-spacing:.1em;color:#5a5a5a;font-variant-numeric:tabular-nums;font-size:11px}.exp-card-name{color:#ededed;letter-spacing:-.01em;font-size:19px;font-weight:600}.exp-tag{letter-spacing:.03em;color:#8a8a8a;background:#ffffff05;border:1px solid #ffffff17;border-radius:7px;flex:none;padding:4px 10px;font-size:11px}.exp-back{color:#888;align-items:center;gap:8px;margin-bottom:34px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.exp-back:hover{color:#ddd}.exp-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.exp-detail-title{letter-spacing:-.02em;color:#f2f2f2;font-size:clamp(30px,5vw,46px);font-weight:600;line-height:1.05}.exp-detail-meta{align-items:center;gap:12px;margin-top:22px;display:flex}.exp-detail-index{letter-spacing:.04em;color:#6a6a6a;font-variant-numeric:tabular-nums;font-size:12px}.exp-detail-desc{color:#8c8c8c;max-width:620px;margin-top:16px;font-size:16px;line-height:1.6}.exp-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.exp-action{color:#d6d6d6;background:#ffffff06;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.exp-action:hover{color:#fff;background:#ffffff0d;border-color:#ffffff38}.exp-stage{background:radial-gradient(130% 120% at 50% 0,#141414 0%,#080808 72%);border:1px solid #ffffff12;border-radius:24px;justify-content:center;place-items:center;min-height:520px;margin:14px 0 40px;display:grid;position:relative;overflow:hidden}.exp-stage-grain{pointer-events:none;opacity:1;background-image:radial-gradient(#fff1 1px,#0000 1.2px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 66%,#000 8%,#00000080 42%,#0000 72%);mask-image:radial-gradient(72% 66%,#000 8%,#00000080 42%,#0000 72%)}.exp-code{background:#0c0c0c;border:1px solid #ffffff14;border-radius:18px;overflow:hidden}.exp-code-bar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.exp-code-file{color:#8a8a8a;font-family:ui-monospace,Cascadia Code,monospace;font-size:13px}.exp-copy{color:#cfcfcf;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;transition:border-color .2s,color .2s;display:inline-flex}.exp-copy:hover{color:#fff;border-color:#ffffff40}.exp-copy[data-copied=true]{color:#7fd6a6;border-color:#5fbf8f80}.exp-code-scroll{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;max-height:560px;font-size:13px;overflow:auto}.exp-code-scroll::-webkit-scrollbar{width:11px;height:11px}.exp-code-scroll::-webkit-scrollbar-track{background:0 0}.exp-code-scroll::-webkit-scrollbar-thumb{background:#ffffff1f padding-box content-box;border:3px solid #0000;border-radius:999px}.exp-code-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff38 padding-box content-box}.exp-code-scroll::-webkit-scrollbar-corner{background:0 0}.exp-code-scroll pre{margin:0;padding:20px 22px;background:0 0!important}.exp-code-scroll code{font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace}.exp-nav{justify-content:space-between;gap:16px;margin-top:40px;display:flex}.exp-nav-link{color:inherit;background:#0b0b0b;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;gap:5px;min-width:180px;padding:16px 20px;text-decoration:none;transition:border-color .2s;display:flex}.exp-nav-link:hover{border-color:#fff3}.exp-nav-link[data-dir=next]{text-align:right;align-items:flex-end}.exp-nav-dir{letter-spacing:.08em;color:#5a5a5a;font-size:11px}.exp-nav-name{color:#e2e2e2;font-size:15px;font-weight:600}.exp-nav-spacer{flex:1}