@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";:root{--bg:#0f1f12;--bg-soft:#152a1a;--bg-card:#18341ed9;--bg-card-strong:#142a19eb;--text:#e6f6ea;--text-muted:#b8d9c0;--accent:#36c26a;--accent-2:#9be58a;--accent-3:#c7f0a3;--border:#ffffff1f;--shadow:0 20px 60px #06140a73;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Zen Kaku Gothic New,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#36c26a59,#0000 45%),radial-gradient(circle at 20% 90%,#9be58a4d,#0000 50%),radial-gradient(circle at 80% 20%,#c7f0a347,#0000 40%),linear-gradient(160deg,#0f1f12 0%,#14301a 45%,#0f1d12 100%);min-height:100svh;margin:0}#root{min-height:100svh}h1,h2,h3,h4{margin:0;font-family:Sora,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}.app{flex-direction:column;gap:48px;padding:32px 32px 64px;display:flex}.hero{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);background-image:linear-gradient(135deg,#4ed27c38,#1c784629),url(/assets/raspi-side-C2E4jqSP.png);background-position:100%;background-repeat:no-repeat;background-size:cover;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;padding:36px;animation:.8s ease-out float-in;display:grid;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";opacity:.35;filter:blur();border-radius:50%;position:absolute}.hero:before{background:radial-gradient(circle,#c7f0a3b3,#0000 65%);width:220px;height:220px;top:-60px;right:35%}.hero:after{background:radial-gradient(circle,#36c26ab3,#0000 70%);width:180px;height:180px;bottom:-40px;left:-30px}.hero-content{text-align:right;flex-direction:column;align-items:flex-end;gap:16px;display:flex}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent-2);font-size:.75rem;font-weight:600}.hero h1{flex-direction:column;gap:8px;font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.05;display:flex}.hero h1 span{color:var(--text-muted);letter-spacing:.04em;font-size:1rem;font-weight:500}.lead{color:var(--text-muted);max-width:520px;font-size:1.05rem}.hero-panel{justify-content:flex-start;align-items:flex-start;display:flex}.layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;display:grid}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:20px;min-height:420px;padding:24px;display:flex}.panel.detail{background:var(--bg-card-strong)}.panel-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.meta{color:var(--text-muted);font-size:.85rem}.card{border-radius:var(--radius-md);background:#122817d9;border:1px solid #ffffff14;flex-direction:column;gap:12px;padding:18px;display:flex}.post-form{background:#122817a9;width:min(520px,100%)}.card h2,.card h4{margin-bottom:4px}label{color:var(--text-muted);flex-direction:column;gap:8px;font-size:.9rem;display:flex}input,textarea{border-radius:var(--radius-sm);color:var(--text);background:#ffffff14;border:1px solid #0000;outline:none;padding:10px 12px;font-size:.95rem;transition:border .2s,transform .2s}input:focus,textarea:focus{border-color:var(--accent-2);transform:translateY(-1px)}textarea{resize:vertical;min-height:110px}button{border-radius:var(--radius-sm);background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0b1a0f;cursor:pointer;border:none;padding:12px 16px;font-weight:600;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #4ed27c40}.post-list{flex-direction:column;gap:12px;padding-right:6px;display:flex;overflow-y:auto}.post-card{text-align:left;border-radius:var(--radius-md);color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #0000;justify-content:space-between;gap:16px;padding:16px;transition:border .2s,transform .2s;display:flex}.post-card.active,.post-card:hover{border-color:#ffffff2e;transform:translateY(-2px)}.post-card h3{font-size:1.05rem}.excerpt{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;display:-webkit-box;overflow:hidden}.post-meta{color:var(--text-muted);flex-direction:column;align-items:flex-end;gap:8px;font-size:.78rem;display:flex}.pill{color:var(--text);background:#ffffff1f;border-radius:999px;padding:4px 10px;font-size:.75rem}.detail-content{flex-direction:column;gap:20px;display:flex}.detail-header{flex-direction:column;gap:12px;display:flex}.detail-body{color:var(--text-muted);line-height:1.6}.detail-meta{color:var(--text-muted);align-items:center;gap:12px;font-size:.85rem;display:flex}.comments{flex-direction:column;gap:12px;display:flex}.comment-list{flex-direction:column;gap:10px;display:flex}.comment{border-radius:var(--radius-sm);color:var(--text);background:#102014b3;border:1px solid #ffffff0f;flex-direction:column;gap:8px;padding:12px 14px;font-size:.95rem;display:flex}.comment span{color:var(--text-muted);font-size:.75rem}.comment-form textarea{min-height:90px}.empty{color:var(--text-muted);font-size:.9rem}.error{color:#ffd4c9;border-radius:var(--radius-sm);background:#ff78781f;border:1px solid #ff787866;padding:10px 12px}@keyframes float-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.hero,.layout{grid-template-columns:1fr}.post-form{width:100%}}@media (width<=720px){.app{padding:20px}.hero{padding:24px}.panel{padding:18px}.post-card{flex-direction:column;align-items:flex-start}.post-meta{flex-direction:row;align-items:center}}