:root{--cream:#f5f0e8;--cream-deep:#ebe2d2;--ink:#1a1814;--ink-soft:#3d362a;--terracotta:#c4542a;--terracotta-deep:#9e3d1c;--olive:#5b6b3a;--blush:#e8b8a0;--sun:#f2b544;--accent:var(--terracotta);--font-display:"Fraunces",serif;--font-body:"Space Grotesk",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius:4px;--shadow-raw:4px 4px 0 var(--ink);--shadow-soft:0 20px 50px -20px #1a181440}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;background:#f5f0e8;background:var(--cream);color:#1a1814;color:var(--ink);font-family:Space Grotesk,sans-serif;font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}body{background-image:radial-gradient(circle at 20% 10%,#c4542a14,#0000 40%),radial-gradient(circle at 85% 85%,#5b6b3a12,#0000 40%);min-height:100vh}body:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.09 0 0 0 0 0.08 0 0 0 0.22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");content:"";inset:0;mix-blend-mode:multiply;opacity:.35;pointer-events:none;position:fixed;z-index:1}#root{position:relative;z-index:2}h1,h2,h3,h4{font-family:Fraunces,serif;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.1}h1{font-size:clamp(2.5rem,7vw,6rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.3rem,2vw,1.8rem)}a{color:#1a1814;color:var(--ink);text-decoration:none}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit}.nav{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f0e8d9;border-bottom:1px solid #1a181414;display:flex;gap:2rem;justify-content:space-between;padding:1.2rem 2rem;position:sticky;top:0;z-index:100}.nav-logo{font-family:Fraunces,serif;font-family:var(--font-display);font-size:1.5rem;font-style:italic;font-weight:500;letter-spacing:-.02em}.nav-logo span{color:#c4542a;color:var(--terracotta)}.nav-links{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none}.nav-links a{border-radius:100px;font-size:.95rem;font-weight:500;padding:.5rem 1rem;position:relative;transition:all .2s}.nav-links a:hover{background:#1a1814;background:var(--ink);color:#f5f0e8;color:var(--cream)}.nav-links a.active{background:#c4542a;background:var(--terracotta)}.nav-links a.active,.nav-toggle{color:#f5f0e8;color:var(--cream)}.nav-toggle{background:#1a1814;background:var(--ink);border:none;border-radius:100px;cursor:pointer;display:none;padding:.5rem 1rem}@media (max-width:768px){.nav-toggle{display:block}.nav-links{background:#f5f0e8;background:var(--cream);border-bottom:2px solid #1a1814;border-bottom:2px solid var(--ink);display:none;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:100%}.nav-links.open{display:flex}}.hero{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1.2fr 1fr;margin:0 auto;max-width:1400px;min-height:85vh;padding:4rem 2rem 6rem;position:relative}.hero-left h1{font-size:clamp(3rem,9vw,8rem);letter-spacing:-.04em;line-height:.95}.hero-left h1 .italic{color:#c4542a;color:var(--terracotta);font-style:italic;font-weight:400}.hero-left h1 .outline{-webkit-text-stroke:2px #1a1814;-webkit-text-stroke:2px var(--ink);color:#0000}.hero-tagline{color:#3d362a;color:var(--ink-soft);font-size:1.2rem;margin-top:2rem;max-width:480px}.hero-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}.hero-meta .tag{background:#ebe2d2;background:var(--cream-deep);border:1.5px solid #1a1814;border:1.5px solid var(--ink);border-radius:100px;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.85rem;padding:.4rem 1rem}.hero-right{height:500px;position:relative}.hero-sticker{background:#f5f0e8;background:var(--cream);border:2px solid #1a1814;border:2px solid var(--ink);box-shadow:4px 4px 0 #1a1814;box-shadow:var(--shadow-raw);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;padding:1rem;position:absolute;transition:transform .3s}.hero-sticker:hover{transform:rotate(0) scale(1.05)}.hero-sticker-1{background:#f2b544;background:var(--sun);left:20%;top:0;transform:rotate(-6deg)}.hero-sticker-2{background:#e8b8a0;background:var(--blush);right:0;top:30%;transform:rotate(4deg);width:240px}.hero-sticker-3{background:#5b6b3a;background:var(--olive);bottom:10%;left:0;transform:rotate(3deg)}.hero-sticker-3,.hero-sticker-4{color:#f5f0e8;color:var(--cream)}.hero-sticker-4{background:#c4542a;background:var(--terracotta);bottom:25%;font-family:Fraunces,serif;font-family:var(--font-display);font-size:1.8rem;font-style:italic;padding:1.5rem 2rem;right:15%;transform:rotate(-3deg)}@media (max-width:900px){.hero{gap:2rem;grid-template-columns:1fr;padding:2rem 1.5rem 4rem}.hero-right{height:400px}}.marquee{background:#1a1814;background:var(--ink);border-bottom:2px solid #1a1814;border-bottom:2px solid var(--ink);border-top:2px solid #1a1814;border-top:2px solid var(--ink);color:#f5f0e8;color:var(--cream);margin:2rem 0;overflow:hidden;padding:1rem 0}.marquee-track{animation:scroll 25s linear infinite;display:flex;font-family:Fraunces,serif;font-family:var(--font-display);font-size:2rem;font-style:italic;gap:3rem;white-space:nowrap}.marquee-track span{padding:0 1rem}.marquee-track .dot{color:#c4542a;color:var(--terracotta)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.section{margin:0 auto;max-width:1400px;padding:5rem 2rem}.section-head{align-items:baseline;border-bottom:2px solid #1a1814;border-bottom:2px solid var(--ink);display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:3rem;padding-bottom:1rem}.section-head h2{font-size:clamp(2.2rem,5vw,4.5rem);font-style:italic}.section-head .counter{background:#1a1814;background:var(--ink);border-radius:4px;color:#f5f0e8;color:var(--cream);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.9rem;padding:.3rem .8rem}.articles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card{background:#f5f0e8;background:var(--cream);border:2px solid #1a1814;border:2px solid var(--ink);color:#1a1814;color:var(--ink);display:block;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none;transition:all .25s}.card:hover{box-shadow:4px 4px 0 #1a1814;box-shadow:var(--shadow-raw);transform:translate(-3px,-3px)}.card-image{background:#ebe2d2;background:var(--cream-deep);filter:contrast(1.05);object-fit:cover}.card-image,.card-placeholder{aspect-ratio:16/10;margin-bottom:1rem;width:100%}.card-placeholder{align-items:center;background:linear-gradient(135deg,#e8b8a0,#c4542a);background:linear-gradient(135deg,var(--blush),var(--terracotta));color:#f5f0e8;color:var(--cream);display:flex;font-family:Fraunces,serif;font-family:var(--font-display);font-size:3rem;font-style:italic;justify-content:center}.card-date{color:#3d362a;color:var(--ink-soft);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.card h3{font-family:Fraunces,serif;font-family:var(--font-display);font-weight:600;line-height:1.15;margin-bottom:.7rem}.card-excerpt{color:#3d362a;color:var(--ink-soft);font-size:.95rem}.card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.card-tag{background:#ebe2d2;background:var(--cream-deep);border-radius:100px;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.7rem;padding:.2rem .6rem}.article-detail{margin:0 auto;max-width:780px;padding:4rem 2rem}.article-detail h1{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:1rem}.article-detail .date{color:#3d362a;color:var(--ink-soft);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.1em;margin-bottom:2rem;text-transform:uppercase}.article-detail img{border:2px solid #1a1814;border:2px solid var(--ink);height:auto;margin:2rem 0;max-width:100%}.article-detail .content{font-size:1.1rem;line-height:1.75}.article-detail .content p{margin-bottom:1.3rem}.article-detail .content h2,.article-detail .content h3{margin:2.5rem 0 1rem}.article-detail .content blockquote{border-left:4px solid #c4542a;border-left:4px solid var(--terracotta);color:#3d362a;color:var(--ink-soft);font-family:Fraunces,serif;font-family:var(--font-display);font-size:1.3rem;font-style:italic;margin:2rem 0;padding-left:1.5rem}.article-detail .content code{background:#ebe2d2;background:var(--cream-deep);border-radius:3px;font-size:.9em;padding:.1rem .4rem}.article-detail .content code,.article-detail .content pre{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.article-detail .content pre{background:#1a1814;background:var(--ink);color:#f5f0e8;color:var(--cream);font-size:.9rem;margin:1.5rem 0;overflow-x:auto;padding:1.5rem}.page-layout{margin:0 auto;max-width:900px;padding:4rem 2rem}.page-title{color:#c4542a;color:var(--terracotta);font-size:clamp(3rem,8vw,6rem);font-style:italic;margin-bottom:2rem}.page-content{font-size:1.1rem;line-height:1.8}.page-content h2,.page-content h3,.page-content h4{margin:2rem 0 1rem}.page-content p{margin-bottom:1rem}.page-content ol,.page-content ul{margin:1rem 0 1rem 2rem}.page-content li{margin-bottom:.4rem}.page-content a{color:#c4542a;color:var(--terracotta);text-decoration:underline}.page-content table{border-collapse:collapse;margin:1.5rem 0;width:100%}.page-content td,.page-content th{border:1px solid #1a1814;border:1px solid var(--ink);padding:.6rem}.timeline{margin:0 auto;max-width:1000px;padding:2rem 0;position:relative}.timeline:before{background:#1a1814;background:var(--ink);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item{padding:2rem 0;position:relative;width:50%}.timeline-item:nth-child(odd){padding-right:3rem;text-align:right}.timeline-item:nth-child(2n){margin-left:50%;padding-left:3rem}.timeline-item:before{background:#c4542a;background:var(--terracotta);border:2px solid #1a1814;border:2px solid var(--ink);border-radius:50%;content:"";height:16px;position:absolute;top:2.5rem;width:16px}.timeline-item:nth-child(odd):before{right:-9px}.timeline-item:nth-child(2n):before{left:-9px}.timeline-card{background:#f5f0e8;background:var(--cream);border:2px solid #1a1814;border:2px solid var(--ink);padding:1.5rem;transition:all .2s}.timeline-card:hover{box-shadow:4px 4px 0 #1a1814;box-shadow:var(--shadow-raw);transform:translate(-3px,-3px)}.timeline-card img{border:1px solid #1a1814;border:1px solid var(--ink);margin-bottom:1rem;max-width:100%}@media (max-width:768px){.timeline:before{left:10px}.timeline-item,.timeline-item:nth-child(2n),.timeline-item:nth-child(odd){margin-left:0;padding:1rem 0 1rem 2.5rem;text-align:left;width:100%}.timeline-item:nth-child(2n):before,.timeline-item:nth-child(odd):before{left:1px;right:auto}}.tutorial-detail{margin:0 auto;max-width:860px;padding:3rem 2rem}.tutorial-header{background:#1a1814;background:var(--ink);color:#f5f0e8;color:var(--cream);margin-bottom:3rem;overflow:hidden;padding:3rem 2rem;position:relative}.tutorial-header:after{bottom:-50px;color:#c4542a;color:var(--terracotta);content:"</>";font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:16rem;opacity:.2;position:absolute;right:-30px}.tutorial-header h1{color:#f5f0e8;color:var(--cream)}.tutorial-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;position:relative}.tutorial-meta span{background:#c4542a;background:var(--terracotta);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;padding:.3rem .8rem}.step{background:#f5f0e8;background:var(--cream);margin-bottom:2rem;padding:2rem;position:relative}.step,.step-number{border:2px solid #1a1814;border:2px solid var(--ink)}.step-number{background:#c4542a;background:var(--terracotta);color:#f5f0e8;color:var(--cream);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-weight:600;left:2rem;padding:.3rem 1rem;position:absolute;top:-20px}.step h3{font-size:1.5rem;margin:1rem 0}.step-text{line-height:1.7;white-space:pre-wrap}.step img{border:2px solid #1a1814;border:2px solid var(--ink);margin-top:1.5rem;max-width:100%}.footer{background:#1a1814;background:var(--ink);color:#f5f0e8;color:var(--cream);margin-top:6rem;padding:4rem 2rem 2rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr;margin:0 auto;max-width:1400px}.footer h3{color:#f5f0e8;color:var(--cream);font-style:italic}.footer p{color:#f5f0e8b3;margin-top:1rem}.footer-links{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.footer-links a{color:#f5f0e8;color:var(--cream);opacity:.7;transition:opacity .2s}.footer-links a:hover{color:#f2b544;color:var(--sun);opacity:1}.footer-bottom{border-top:1px solid #f5f0e833;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;margin-top:3rem;opacity:.5;padding-top:1.5rem;text-align:center}@media (max-width:700px){.footer-content{grid-template-columns:1fr}}.admin-shell{background:#ebe2d2;background:var(--cream-deep);display:flex;min-height:100vh}.admin-sidebar{background:#1a1814;background:var(--ink);color:#f5f0e8;color:var(--cream);display:flex;flex-direction:column;gap:.3rem;padding:2rem 1rem;width:260px}.admin-sidebar h2{color:#f2b544;color:var(--sun);font-family:Fraunces,serif;font-family:var(--font-display);font-size:1.5rem;font-style:italic;margin-bottom:2rem}.admin-sidebar a{border-radius:4px;border-radius:var(--radius);color:#f5f0e8;color:var(--cream);font-size:.95rem;padding:.7rem 1rem;transition:background .15s}.admin-sidebar a.active,.admin-sidebar a:hover{background:#c4542a;background:var(--terracotta)}.admin-sidebar .logout{background:#0000;border:1px solid #f5f0e8;border:1px solid var(--cream);border-radius:4px;border-radius:var(--radius);color:#f5f0e8;color:var(--cream);cursor:pointer;margin-top:auto;padding:.6rem}.admin-main{flex:1 1;overflow-y:auto;padding:2rem 3rem}.login-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card,.login-shell{background:#f5f0e8;background:var(--cream)}.login-card{border:2px solid #1a1814;border:2px solid var(--ink);box-shadow:4px 4px 0 #1a1814;box-shadow:var(--shadow-raw);max-width:420px;padding:3rem;width:100%}.login-card h1{color:#c4542a;color:var(--terracotta);font-size:2rem;font-style:italic;margin-bottom:1.5rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.08em;margin-bottom:.4rem;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#f5f0e8;background:var(--cream);border:1.5px solid #1a1814;border:1.5px solid var(--ink);border-radius:0;outline:none;padding:.7rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#c4542a;border-color:var(--terracotta)}.form-group textarea{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.9rem;min-height:220px;resize:vertical}.btn{background:#1a1814;background:var(--ink);border:2px solid #1a1814;border:2px solid var(--ink);color:#f5f0e8;color:var(--cream);cursor:pointer;font-family:Space Grotesk,sans-serif;font-family:var(--font-body);font-weight:600;padding:.7rem 1.5rem;transition:all .15s}.btn:hover{background:#c4542a;background:var(--terracotta);border-color:#c4542a;border-color:var(--terracotta)}.btn.secondary{background:#f5f0e8;background:var(--cream);color:#1a1814;color:var(--ink)}.btn.secondary:hover{background:#f2b544;background:var(--sun);border-color:#1a1814;border-color:var(--ink);color:#1a1814;color:var(--ink)}.btn.danger{background:#a02020;border-color:#a02020}.admin-list{display:flex;flex-direction:column;gap:.8rem}.admin-row{align-items:center;background:#f5f0e8;background:var(--cream);border:1.5px solid #1a1814;border:1.5px solid var(--ink);display:flex;gap:1rem;justify-content:space-between;padding:1rem}.admin-row-title{font-weight:600}.admin-row-actions{display:flex;gap:.5rem}.flash{background:#f2b544;background:var(--sun);border:2px solid #1a1814;border:2px solid var(--ink);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.9rem;margin-bottom:1rem;padding:.8rem 1rem}.flash.error{background:#f8c8c0}.step-editor{background:#f5f0e8;background:var(--cream);border:2px dashed #1a1814;border:2px dashed var(--ink);margin-bottom:1rem;padding:1.2rem}.step-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.step-editor-header strong{font-family:Fraunces,serif;font-family:var(--font-display);font-size:1.2rem}.editor-toolbar{background:#ebe2d2;background:var(--cream-deep);border:1.5px solid #1a1814;border:1.5px solid var(--ink);border-bottom:none;display:flex;flex-wrap:wrap;gap:.3rem;padding:.5rem}.editor-toolbar button{background:#f5f0e8;background:var(--cream);border:1px solid #1a1814;border:1px solid var(--ink);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.85rem;padding:.3rem .7rem}.editor-toolbar button:hover{background:#f2b544;background:var(--sun)}.rich-editor{background:#f5f0e8;background:var(--cream);border:1.5px solid #1a1814;border:1.5px solid var(--ink);line-height:1.7;max-height:600px;min-height:400px;outline:none;overflow-y:auto;padding:1rem}.rich-editor:focus{border-color:#c4542a;border-color:var(--terracotta)}.rich-editor img{max-width:100%}.empty-state{color:#3d362a;color:var(--ink-soft);font-family:Fraunces,serif;font-family:var(--font-display);font-size:1.3rem;font-style:italic;padding:4rem 2rem;text-align:center}.fade-in{animation:fadeIn .6s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.f04e47d3.css.map*/