:root{--bg:#0b0f0c;--panel:#121813;--panel-2:#17201a;--line:#223026;--text:#d9e6dc;--muted:#7d9184;--goo:#7CFF4F;--goo-dim:#4fbf2f;--danger:#ff6b6b;--radius:14px;font-family:ui-monospace,Cascadia Code,JetBrains Mono,Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;inset:0;background:radial-gradient(600px 300px at 20% -10%,rgba(124,255,79,.07),transparent),radial-gradient(500px 400px at 90% 110%,rgba(124,255,79,.05),transparent);pointer-events:none}a{color:inherit;text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:rgba(11,15,12,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.typing-logo{font-size:1.35rem;font-weight:700;color:var(--goo);letter-spacing:.02em;text-shadow:0 0 18px rgba(124,255,79,.35);white-space:pre}.cursor{color:var(--goo);font-weight:400}.topbar nav{display:flex;gap:1rem;align-items:center}.topbar nav a{color:var(--muted);font-size:.9rem}.topbar nav a:hover{color:var(--text)}.topbar nav a.cta{color:#06130a;background:var(--goo);padding:.45rem .9rem;border-radius:999px;font-weight:700;box-shadow:0 0 20px rgba(124,255,79,.25)}.topbar nav a.cta:hover{background:#93ff70;color:#06130a}main{flex:1 1;width:100%;max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}footer{border-top:1px solid var(--line);padding:1.2rem 1.5rem;color:var(--muted);font-size:.8rem}.hero,footer{text-align:center}.hero{padding:2.5rem 0 3rem}.hero h1{font-size:1.6rem;margin-bottom:.6rem}.hero h1 em{color:var(--goo);font-style:normal}.hero p{color:var(--muted);max-width:540px;margin:0 auto;line-height:1.6;font-size:.95rem}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .15s ease,border-color .15s ease}.card:hover{transform:translateY(-3px);border-color:var(--goo-dim)}.card img{width:100%;aspect-ratio:832/1216;object-fit:cover;display:block;background:var(--panel-2)}.card .meta{padding:.7rem .85rem}.card .meta .title{font-size:.85rem}.card .meta .tags{color:var(--muted);font-size:.72rem;margin-top:.3rem;line-height:1.5}.card .meta .diff{font-size:.7rem;margin-top:.35rem}.diff-add{color:var(--goo)}.diff-del{color:var(--danger);text-decoration:line-through}.empty{text-align:center;color:var(--muted);padding:4rem 1rem;border:1px dashed var(--line);border-radius:var(--radius);line-height:1.7}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;max-width:640px;margin:0 auto}.panel h2{font-size:1.1rem;margin-bottom:1rem}.panel h2 em{color:var(--goo);font-style:normal}.mode-switch{display:flex;gap:.5rem;margin-bottom:1.2rem}.mode-switch button{flex:1 1;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);padding:.6rem;border-radius:10px;cursor:pointer;font:inherit;font-size:.85rem}.mode-switch button.active{border-color:var(--goo-dim);color:var(--goo)}label.field{display:block;margin-bottom:1rem;font-size:.8rem;color:var(--muted)}label.field>span{display:block;margin-bottom:.35rem}input[type=text],textarea{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:.7rem;font:inherit;font-size:.85rem;resize:vertical}input:focus,textarea:focus{outline:none;border-color:var(--goo-dim)}input[type=range]{width:100%;accent-color:var(--goo)}.btn{background:var(--goo);color:#06130a;border:none;border-radius:10px;padding:.7rem 1.2rem;font:inherit;font-weight:700;cursor:pointer}.btn:hover{background:#93ff70}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--goo);border:1px solid var(--goo-dim);font-weight:400}.tag-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 1rem}.chip{background:var(--panel-2);border:1px solid var(--goo-dim);color:var(--goo);border-radius:999px;padding:.25rem .7rem;font-size:.75rem;cursor:pointer}.chip:hover{border-color:var(--danger);color:var(--danger)}.chip:after{content:" ×";opacity:.6}.hint{color:var(--muted);font-size:.72rem;line-height:1.5}.error{color:var(--danger);font-size:.8rem;margin-top:.6rem}.success{text-align:center;padding:2rem 1rem;line-height:1.8}.success .big{color:var(--goo);font-size:1.1rem}.ref-preview{max-width:200px;border-radius:10px;border:1px solid var(--line);display:block;margin-top:.5rem}.dropzone{border:1px dashed var(--goo-dim);border-radius:10px;padding:1.2rem;text-align:center;color:var(--muted);cursor:pointer;font-size:.8rem}.dropzone:hover{border-color:var(--goo);color:var(--text)}