.art-main{padding-top:68px;background:var(--hf-bg, #0a0a0a);min-height:100vh}.art-container{max-width:720px;margin:0 auto;padding:80px 24px 48px}.art-container-narrow{max-width:640px;margin:0 auto;padding:0 24px}.art-layout--essay .art-container{max-width:680px}.art-layout--essay .art-body{font-size:1.1rem;line-height:2.1}.art-layout--essay .art-body h2,.art-layout--essay .art-body h3{font-family:"Source Serif 4",Georgia,serif;font-weight:600;letter-spacing:0}.art-layout--essay .art-body h2{font-size:1.7rem}.art-layout--essay .art-body h3{font-size:1.3rem}.art-layout--essay .art-body blockquote{font-family:"Source Serif 4",Georgia,serif;font-style:italic;font-size:1.05rem}.art-layout--essay .art-title{font-family:"Source Serif 4",Georgia,serif;font-weight:700;letter-spacing:-.3px}.art-layout--reportage .art-container{max-width:760px}.art-layout--reportage .art-body{font-size:1.05rem;line-height:1.85}.art-layout--reportage .art-body blockquote{font-size:1.1rem;padding:32px 36px;border-left-width:4px}.art-layout--reportage .art-body blockquote:before{font-size:3.5rem;top:6px;left:10px}.art-layout--reportage .art-title{font-size:clamp(2.2rem,5vw,3rem)}.art-hero{margin-bottom:64px;padding-bottom:48px;border-bottom:1px solid var(--hf-border-secondary, #2a2a2a);position:relative}.art-hero:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:2px;background:var(--hf-accent, #00D26A);border-radius:1px}.art-meta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.art-tags{display:flex;gap:8px;flex-wrap:wrap}.art-tag{font-size:.7rem;font-weight:600;letter-spacing:.06em;color:var(--hf-accent, #00D26A);background:var(--hf-accent-dim);border:1px solid var(--hf-accent-border, var(--hf-border));padding:4px 12px;border-radius:100px;text-transform:uppercase;transition:all .3s ease}.art-tag:nth-child(1){border-color:#8b5cf64d;animation:tag-pulse-purple 3s ease-in-out infinite}.art-tag:nth-child(2){border-color:#3b82f64d;animation:tag-pulse-blue 3s ease-in-out .4s infinite}.art-tag:nth-child(3){border-color:#ef44444d;animation:tag-pulse-red 3s ease-in-out .8s infinite}@keyframes tag-pulse-purple{0%,to{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 10px #8b5cf633,0 0 2px #8b5cf61a}}@keyframes tag-pulse-blue{0%,to{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 10px #3b82f633,0 0 2px #3b82f61a}}@keyframes tag-pulse-red{0%,to{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 10px #ef444433,0 0 2px #ef44441a}}.art-tag:hover{transform:scale(1.05);border-color:var(--hf-accent, #00D26A)}.art-tag:hover{transform:scale(1.04)}.art-badge{font-size:.6rem;font-weight:800;letter-spacing:.12em;color:#0d0d0d;background:linear-gradient(135deg,var(--hf-accent, #00D26A),#00a854);padding:3px 10px;border-radius:100px;text-transform:uppercase;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:.9}50%{opacity:1;box-shadow:0 0 12px color-mix(in srgb,var(--hf-accent, #00D26A) 40%,transparent)}}.art-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4.5vw,2.8rem);font-weight:700;color:var(--hf-text);line-height:1.12;margin-bottom:20px;letter-spacing:-.8px}.art-desc{font-size:1.05rem;color:var(--hf-text-secondary, #b0b0b0);line-height:1.7;margin-bottom:24px;max-width:600px}.art-byline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.85rem;color:var(--hf-text-dim, #6a6a6a)}.art-sep{opacity:.3}.art-author{font-weight:600;color:var(--hf-text-secondary, #b0b0b0)}.art-body{font-size:1.05rem;line-height:1.9;color:var(--hf-text-secondary, #b0b0b0);font-family:system-ui,-apple-system,Inter,sans-serif}.art-body h2{font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:700;color:var(--hf-text);margin:72px 0 24px;line-height:1.3;letter-spacing:-.3px;padding-bottom:14px;border-bottom:1px solid var(--hf-border-secondary, #2a2a2a)}.art-body h2:first-child{margin-top:0}.art-body h3{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600;color:var(--hf-text);margin:48px 0 20px;letter-spacing:-.2px}.art-body p{margin-bottom:28px}.art-body a.src{background:linear-gradient(180deg,transparent 55%,rgba(255,200,0,.25) 55%,rgba(255,200,0,.15) 95%,transparent 95%);border-radius:2px;padding:0 2px;cursor:pointer;position:relative;font-weight:500;transition:background .2s;color:inherit;text-decoration:none;border-bottom:none}.art-body a.src:hover{background:linear-gradient(180deg,transparent 55%,rgba(255,200,0,.4) 55%,rgba(255,200,0,.25) 95%,transparent 95%)}.art-body a.src:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--hf-bg-elevated, #1a1a1a);border:1px solid var(--hf-border, #222);color:var(--hf-text-secondary, #ccc);font-family:JetBrains Mono,monospace;font-size:.6rem;padding:4px 8px;border-radius:5px;white-space:nowrap;max-width:360px;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10;font-weight:400;text-transform:none;letter-spacing:0}.art-body a.src:hover:after{opacity:1}.art-body blockquote{position:relative;border-left:3px solid var(--hf-accent, #00D26A);padding:24px 28px;margin:40px 0;background:linear-gradient(90deg,var(--hf-accent-dim),transparent);border-radius:0 8px 8px 0;color:var(--hf-text-secondary, #b0b0b0);font-size:1rem;line-height:1.8;box-shadow:0 2px 12px #00d26a0f}.art-body blockquote:before{content:"“";font-family:Space Grotesk,serif;font-size:3rem;color:var(--hf-accent, #00D26A);opacity:.3;position:absolute;top:8px;left:12px;line-height:1;pointer-events:none}.art-body code{font-family:JetBrains Mono,monospace;font-size:.82rem;background:var(--hf-accent-dim);padding:2px 6px;border-radius:4px;color:var(--hf-accent, #00D26A);border:1px solid var(--hf-accent-border, transparent)}.art-body pre{background:var(--hf-bg-code, var(--hf-bg-elevated, #1a1a1a));border:1px solid var(--hf-border, #222222);border-radius:10px;padding:28px 28px 24px;overflow-x:auto;margin:40px 0;position:relative}.art-body pre:before{content:"Python";display:inline-block;background:var(--hf-accent-dim);color:var(--hf-accent, #00D26A);font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 12px;border-radius:6px;margin-bottom:12px}.art-body pre code{background:none;border:none;padding:0;color:var(--hf-text-secondary, #cccccc);font-size:.85rem;line-height:1.7}.art-body hr{border:none;border-top:1px solid var(--hf-border-secondary, #2a2a2a);margin:64px 0;opacity:.4}.art-body table{width:100%;border-collapse:separate;border-spacing:0;margin:40px 0;font-size:.85rem;border-radius:8px;overflow:hidden;border:1px solid var(--hf-border, #3a3a3a)}.art-body th{background:var(--hf-accent-dim);font-weight:600;color:var(--hf-accent, #00D26A);padding:12px 16px;border-bottom:1px solid var(--hf-border, #3a3a3a);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.art-body td{padding:12px 16px;border-bottom:1px solid var(--hf-border-secondary, #2a2a2a);color:var(--hf-text-muted, #8a8a8a);vertical-align:top}.art-body tr:last-child td{border-bottom:none}.art-body tr:hover td{background:var(--hf-accent-dim)}.art-body a{color:var(--hf-accent, #00D26A);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--hf-accent-dim);transition:text-decoration-color .2s}.art-body a:hover{text-decoration-color:var(--hf-accent, #00D26A)}.art-closing-panel{padding:60px 24px;max-width:820px;margin:0 auto}.art-closing-inner{display:grid;grid-template-columns:160px 1fr;gap:40px;background:var(--hf-bg-card, #111);border:1px solid var(--hf-border, #222);border-radius:16px;padding:40px 36px;position:relative}html[data-theme-mode=light] .art-closing-inner{background:var(--hf-bg-secondary, #ffffff);border:1px solid #dde0e6;box-shadow:0 1px 3px #0000000a}html[data-theme-mode=light] .art-closing-inner{background:var(--hf-bg-secondary, #ffffff);border:1px solid var(--hf-border, #d0d8e0);box-shadow:0 1px 4px #0000000a}.art-closing-inner{display:grid;grid-template-columns:160px 1fr;gap:40px;background:var(--hf-bg-card, #111);border:1px solid var(--hf-border, #222);border-radius:16px;padding:40px 36px;position:relative;animation:border-glow 3s ease-in-out infinite}html[data-theme-mode=light] .art-closing-inner{background:var(--hf-bg-secondary, #ffffff);border-color:#dde0e6;animation:border-glow-light 3s ease-in-out infinite}@keyframes border-glow{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 18px 1px var(--hf-accent-dim),0 0 0 0 transparent}}@keyframes border-glow-light{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 24px 3px #00965a26,0 1px 4px #0000000f}}html[data-theme-mode=light] .art-claps-box{border-color:#e0e4ea}.art-closing-inner:before{display:none}html[data-theme-mode=light] .art-closing-inner:before{background:conic-gradient(from 0deg,transparent 0deg,transparent 255deg,var(--hf-accent, #00965A) 255deg,transparent 300deg,transparent 360deg)}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.art-closing-inner:after{display:none}.art-claps-box{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--hf-border-secondary, #2a2a2a);padding-right:40px}.art-claps{display:flex;flex-direction:column;align-items:center;gap:8px}.art-claps-btn{background:var(--hf-accent-dim);border:2px solid var(--hf-accent-border, rgba(0,210,106,.3));color:var(--hf-accent, #00D26A);width:64px;height:64px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}html[data-theme-mode=light] .art-claps-btn{background:var(--hf-accent-dim, rgba(0,150,90,.08));border-color:var(--hf-accent-border, rgba(0,150,90,.25));color:var(--hf-accent, #00965A)}.art-claps-btn svg:first-child{animation:star-pulse 2s ease-in-out infinite}.art-claps-btn svg:last-child{animation:star-orbit 3s linear infinite;transform-origin:center}@keyframes star-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}@keyframes star-orbit{0%{transform:scale(1.35) translate(-3.5px,-3.5px) rotate(0)}to{transform:scale(1.35) translate(-3.5px,-3.5px) rotate(360deg)}}.art-claps-btn:hover{border-color:var(--hf-accent, #00D26A);color:var(--hf-accent, #00D26A);transform:scale(1.08);box-shadow:0 0 24px var(--hf-accent-dim)}.art-claps-btn.clapped{color:var(--hf-accent, #00D26A);border-color:var(--hf-accent, #00D26A);animation:clap-pop .3s ease}@keyframes clap-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.art-claps-count{font-size:1.4rem;font-weight:800;color:var(--hf-accent, #00D26A);font-family:Space Grotesk,sans-serif}.art-claps-label{font-size:.65rem;color:var(--hf-text-dim, #6a6a6a);text-transform:uppercase;letter-spacing:2px}.art-comments-box{min-width:0}#cusdis_thread{min-height:200px}#cusdis_thread iframe{border:none!important}.art-footer{border-top:1px solid var(--hf-border-secondary, #2a2a2a);padding:24px 0;background:var(--hf-bg-secondary, #111)}.art-footer-inner{max-width:820px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.art-footer-back{font-size:.82rem;color:var(--hf-text-muted, #888);text-decoration:none;transition:color .2s}.art-footer-back:hover{color:var(--hf-accent, #00D26A)}.art-footer-copy{font-size:.78rem;color:var(--hf-text-dim, #666)}.art-footer-cta{font-size:.82rem;font-weight:600;color:var(--hf-accent, #00D26A);text-decoration:none;padding:6px 16px;border:1px solid var(--hf-accent-border, rgba(0,210,106,.3));border-radius:8px;transition:all .2s}.art-footer-cta:hover{background:var(--hf-accent-dim)}@media(max-width:700px){.art-container{padding:48px 20px 0}.art-container-narrow{padding:0 20px}.art-closing-panel{padding:40px 20px}.art-closing-inner{grid-template-columns:1fr;gap:24px;padding:28px 24px}.art-claps-box{border-right:none;border-bottom:1px solid var(--hf-border-secondary, #2a2a2a);padding-right:0;padding-bottom:24px}.art-footer-inner{padding:0 20px}.art-title{font-size:1.6rem;letter-spacing:-.5px}.art-section{padding:60px 0}.art-claps-btn{width:60px;height:60px}.art-claps-btn svg{width:36px;height:36px}.art-body{font-size:1rem}.art-body h2{font-size:1.3rem}.art-body table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.art-body pre:before{font-size:.6rem;padding:3px 10px}}
