:root{--ink-0:#121015;--ink-1:#0e0b0d;--leather:#3b3122;--sand:#d1caa3;--mist:#e0e3c4;--green-0: #314e1f;--green-1: #223822;--yellow-0:#7e6c11;--yellow-1:#8e8738;--text:#f2f0ea;--muted:rgba(224,227,196,.72);--line:rgba(209,202,163,.14);--shadow:0 30px 90px rgba(0,0,0,.62);--radius:22px;--brand-font:"Cinzel", serif;--body-font:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial}*{box-sizing:border-box}html,body{height:100%}html{background:transparent}body{margin:0;font-family:var(--body-font);color:var(--text);background:transparent;overflow-x:hidden;min-height:100svh}a{color:inherit;text-decoration:none}.wrap{display:flex;justify-content:center;padding:clamp(18px,3vw,36px);padding-top:clamp(18px,6vh,56px);z-index:2;min-height:100svh;min-width:230px;align-items:center;position:relative;pointer-events:none}.shell{width:min(1060px,100%)}.topbar{margin-bottom:14px}.brand{display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none;margin-left:35px}.dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--green-1),var(--green-0));box-shadow:0 0 #314e1f66;animation:dotBeacon 3s ease-out infinite}@keyframes dotBeacon{0%{box-shadow:0 0 #314e1f66}40%{box-shadow:0 0 0 14px #314e1f00}to{box-shadow:0 0 0 14px #314e1f00}}.brand b{font-family:var(--brand-font);font-weight:600;letter-spacing:.08em;font-size:1.05rem}.brand span{color:var(--muted);font-size:.92rem}.card{position:relative;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,#e0e3c40f,#00000014);box-shadow:var(--shadow);overflow:hidden;max-width:100%}.card:after{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(820px 260px at 32% 20%,rgba(119,180,188,.07),transparent 64%),radial-gradient(760px 280px at 72% 26%,rgba(143,203,210,.06),transparent 66%),radial-gradient(900px 520px at 50% 115%,rgba(59,49,34,.22),transparent 62%);opacity:.55}.inner{display:grid;grid-template-columns:420px 1fr;pointer-events:auto}.left{padding:22px;background:linear-gradient(180deg,#0000002e,#3b31222e);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.portrait{border-radius:18px;overflow:hidden;border:1px solid rgba(209,202,163,.16);background:#00000040;box-shadow:0 22px 70px #0009;aspect-ratio:1/1;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .18s ease;will-change:transform}.portrait img{width:100%;height:100%;object-fit:cover;display:block}.badge{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.pill{height:34px;padding:0 12px;border:1px solid rgba(209,202,163,.16);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.86rem;color:#e0e3c4bd;background:#00000038}.right{padding:28px;background:linear-gradient(180deg,#00000014,#3b31221a)}h1{margin:0 0 8px;font-family:var(--brand-font);font-weight:600;font-size:clamp(1.55rem,2.2vw,2.1rem)}.sub{margin:0 0 18px;color:var(--muted);line-height:1.65;max-width:62ch}.socialGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.social{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(209,202,163,.14);background:#00000029;transition:transform .12s ease,border-color .12s ease;min-width:0}.social:hover{transform:translateY(-1px);border-color:#8fcbd238}.socialText{display:flex;flex-direction:column;min-width:0}.socialText b{font-weight:600;letter-spacing:.01em;line-height:1.2}.socialText div{color:var(--muted);font-size:.92rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iconSlot{width:36px;height:36px;border-radius:12px;border:1px solid rgba(143,203,210,.16);background:linear-gradient(180deg,#8fcbd21a,#00000042);display:grid;place-items:center;font-weight:600;color:var(--mist);flex:0 0 auto}.iconSlot svg{width:18px;height:18px;stroke:#e0e3c4bf;stroke-width:2}.footer{margin-top:18px;padding-top:16px;padding-left:10px;padding-right:10px;border-top:1px solid rgba(209,202,163,.14);display:flex;justify-content:space-between;color:var(--muted);font-size:.92rem;gap:12px;flex-wrap:wrap}.status{display:flex;align-items:center;gap:8px}.led{width:9px;height:9px;border-radius:999px;background:var(--green-0);box-shadow:0 0 0 6px #11560b1a}.ledYellow{width:9px;height:9px;border-radius:999px;background:var(--yellow-0);box-shadow:0 0 #edc7074d;animation:ledBeacon 4s ease-out infinite}@keyframes ledBeacon{0%{box-shadow:0 0 #edc7074d}50%{box-shadow:0 0 0 10px #edc70700}to{box-shadow:0 0 0 10px #edc70700}}@media(max-width:900px){.inner{grid-template-columns:1fr}.left{border-right:none;border-bottom:1px solid var(--line)}}@media(max-width:440px){.inner{grid-template-columns:1fr}.brand{margin-left:15px;margin-right:15px}.right{padding:22px}.left{padding:18px}.socialGrid{grid-template-columns:1fr}}#bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:auto}#bg canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s ease-in}#bg canvas.loaded{opacity:1}#bg-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(900px 520px at 78% 18%,rgba(119,180,188,.1),transparent 62%),radial-gradient(780px 460px at 22% 12%,rgba(143,203,210,.08),transparent 60%),radial-gradient(1100px 650px at 38% 105%,rgba(59,49,34,.3),transparent 56%),linear-gradient(180deg,#0e0b0da6,#121015a6)}.theme-toggle{margin-top:18px;padding-top:16px;border-top:1px solid rgba(209,202,163,.14);display:flex;justify-content:flex-start;gap:12px}.theme-btn{padding:0;border:none;background:transparent;color:var(--muted);font-family:var(--body-font);font-size:.88rem;cursor:pointer;transition:color .15s ease;opacity:.6}.theme-btn:hover{color:var(--text);opacity:.85}.theme-btn.active{color:var(--text);opacity:1}.blog{margin-top:24px;padding-top:20px;border-top:1px solid rgba(209,202,163,.14)}.blog-header{margin-bottom:16px}.blog-title-row{display:flex;align-items:center;gap:14px}.tilubot-avatar{width:48px;height:48px;border-radius:12px;object-fit:cover;border:1px solid rgba(143,203,210,.2);box-shadow:0 4px 12px #0000004d;flex-shrink:0}.blog-title-text{display:flex;flex-direction:column;gap:2px}.blog h2{margin:0;font-family:var(--brand-font);font-weight:600;font-size:1.25rem}.ai-disclosure{margin:0;font-size:.82rem;color:var(--muted);opacity:.85;line-height:1.4}.blog-post{margin-bottom:12px}.post-toggle{width:100%;padding:16px;border:1px solid rgba(209,202,163,.14);border-radius:14px;background:#00000029;color:inherit;text-align:left;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease;position:relative}.post-toggle:hover{border-color:#8fcbd238;background:#00000038}.post-meta{margin-bottom:6px}.post-meta time{font-size:.8rem;color:var(--muted);opacity:.7}.post-toggle h3{margin:0 0 8px;font-family:var(--brand-font);font-weight:600;font-size:1.05rem}.post-seed{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}.expand-hint{position:absolute;right:16px;bottom:16px;opacity:.5;transition:transform .2s ease,opacity .2s ease}.expand-hint svg{width:18px;height:18px;stroke:var(--muted)}.post-toggle[aria-expanded=true] .expand-hint{transform:rotate(180deg)}.post-toggle:hover .expand-hint{opacity:.8}.post-expanded{display:none;padding:16px;margin-top:-1px;border:1px solid rgba(209,202,163,.14);border-top:none;border-radius:0 0 14px 14px;background:#00000040}.post-expanded.open{display:block}.post-toggle[aria-expanded=true]{border-radius:14px 14px 0 0}.post-expanded p{margin:0 0 12px;color:var(--muted);font-size:.92rem;line-height:1.65}.post-expanded p:last-child{margin-bottom:12px}.post-footer{display:flex;justify-content:flex-start;margin-top:16px;padding-top:12px;border-top:1px solid rgba(209,202,163,.1)}.share-buttons{display:flex;gap:8px}.share-btn{width:32px;height:32px;border:1px solid rgba(209,202,163,.14);border-radius:8px;background:#0003;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,background .15s ease,color .15s ease}.share-btn:hover{border-color:#8fcbd24d;background:#8fcbd21a;color:var(--text)}.share-btn svg{width:16px;height:16px}.share-btn.copied{border-color:#314e1f80;background:#314e1f33}.comments-section{margin-top:20px;padding-top:16px;border-top:1px solid rgba(209,202,163,.1)}.comments-toggle{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(209,202,163,.14);border-radius:10px;background:#0000001f;color:var(--muted);cursor:pointer;font-family:inherit;font-size:.88rem;transition:border-color .15s ease,background .15s ease;width:100%;text-align:left}.comments-toggle:hover{border-color:#8fcbd238;background:#0000002e}.comments-toggle svg{width:16px;height:16px;flex-shrink:0}.comments-toggle .comments-chevron{margin-left:auto;transition:transform .2s ease}.comments-toggle[aria-expanded=true] .comments-chevron{transform:rotate(180deg)}.comments-container{display:none;margin-top:12px}.comments-container.open{display:block}.comments-list{display:flex;flex-direction:column;gap:12px}.comment{padding:12px;border:1px solid rgba(209,202,163,.1);border-radius:10px;background:#00000014}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.comment-author{font-weight:600;font-size:.88rem;color:var(--text)}.comment-date{font-size:.78rem;color:var(--muted);opacity:.7}.comment-text{font-size:.9rem;color:var(--muted);line-height:1.55;margin:0}.comment-actions{margin-top:8px}.reply-btn{padding:4px 10px;border:none;border-radius:6px;background:transparent;color:var(--muted);font-family:inherit;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease,background .15s ease}.reply-btn:hover{color:var(--text);background:#8fcbd21a}.reply-btn svg{width:14px;height:14px}.delete-btn{padding:4px 10px;border:none;border-radius:6px;background:transparent;color:var(--muted);font-family:inherit;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease,background .15s ease;opacity:.6}.delete-btn:hover{color:#c66;background:#cc66661a;opacity:1}.delete-btn svg{width:14px;height:14px}.comment-replies{margin-top:12px;margin-left:20px;padding-left:12px;border-left:2px solid rgba(209,202,163,.1);display:flex;flex-direction:column;gap:10px}.add-comment-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;margin-top:12px;border:1px dashed rgba(209,202,163,.2);border-radius:10px;background:transparent;color:var(--muted);font-family:inherit;font-size:.9rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.add-comment-btn:hover{border-color:#8fcbd24d;background:#8fcbd20d;color:var(--text)}.add-comment-btn svg{width:16px;height:16px}.no-comments{text-align:center;padding:16px;color:var(--muted);opacity:.7;font-size:.88rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;padding:20px}.modal-overlay.open{opacity:1;visibility:visible}.modal{background:linear-gradient(180deg,#121015fa,#0e0b0dfa);border:1px solid rgba(209,202,163,.16);border-radius:18px;padding:24px;width:100%;max-width:440px;position:relative;box-shadow:0 30px 90px #0009;transform:translateY(20px);transition:transform .2s ease}.modal-overlay.open .modal{transform:translateY(0)}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;border-radius:8px;background:#d1caa31a;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.modal-close:hover{background:#d1caa333;color:var(--text)}.modal-close svg{width:18px;height:18px}.modal-title{margin:0 0 20px;font-family:var(--brand-font);font-weight:600;font-size:1.15rem}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:.88rem;color:var(--muted)}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid rgba(209,202,163,.16);border-radius:10px;background:#0003;color:var(--text);font-family:inherit;font-size:.92rem;transition:border-color .15s ease;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted);opacity:.5}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8fcbd266}.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1px solid rgba(209,202,163,.14);border-radius:10px;background:#0000001f;color:var(--muted);font-family:inherit;font-size:.9rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.submit-btn:hover{border-color:#8fcbd24d;background:#8fcbd20d;color:var(--text)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn svg{width:16px;height:16px}