@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;500;700&family=Noto+Sans:wght@400;500;600;700&display=swap";:root{--bg:#0a0a0b;--bg2:#0f0f11;--surface:#16161a;--line:#242429;--line2:#33333a;--ink:#ecebe6;--dim:#9b988f;--faint:#67655e;--amber:#ffb000;--amber-hi:#ffca4d;--live:#63d68a;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--grot:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--discord:"Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--accent-color:var(--amber);--background-color:var(--bg);--background-secondary:var(--surface);--hover-color:var(--bg2);--border-primary:var(--line);--border-active:var(--amber);--text-primary:var(--ink);--text-inactive:var(--dim)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--grot);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#ffffff06 1px,#0000 1px);background-size:27px 27px;background-attachment:fixed;margin:1.5rem;font-size:16px;line-height:1.55;overflow-x:hidden}::selection{background:var(--amber);color:#000}.centered{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.stage{position:relative;overflow-x:clip}.stage .layer.leaving{z-index:2;position:absolute;top:0;left:0;right:0}.stage.sliding .layer.entering{animation:.32s both slide-in-right}.stage .layer.leaving{animation:.32s both slide-out-left}@keyframes slide-in-right{0%{opacity:0;transform:translate(8vw)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-8vw)}}.stage.back.sliding .layer.entering{animation:.32s both slide-in-left}.stage.back .layer.leaving{animation:.32s both slide-out-right}@keyframes slide-in-left{0%{opacity:0;transform:translate(-8vw)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(8vw)}}@media (prefers-reduced-motion:reduce){.stage .layer.leaving,.stage.sliding .layer.entering,.stage.back.sliding .layer.entering{animation:none}}h1{letter-spacing:-.02em;font-weight:700}h2:has(+p){margin-bottom:0}p{color:var(--dim);white-space:normal;overflow-wrap:break-word;width:90%;max-width:640px;font-size:1.1rem;font-weight:400;line-height:1.65}code,.mono{font-family:var(--mono)}.accent{color:var(--amber);font-weight:700}.accent-gradient{background:linear-gradient(90deg, var(--amber) 0%, var(--amber-hi) 50%, var(--amber) 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;font-weight:700;animation:5s linear infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.navbar{background:var(--surface);border:1px solid var(--line);border-radius:1.15rem;justify-content:center;align-items:center;gap:2rem;width:fit-content;margin:auto;padding:.65rem .8rem .65rem 1.1rem;display:flex}.navbar-brand{color:var(--amber);font-family:var(--mono);letter-spacing:.02em;font-size:.95rem;font-weight:700;text-decoration:none}.navbar-links{align-items:center;gap:.25rem;display:flex}.navbar-link{color:var(--dim);font-family:var(--mono);border-radius:.6rem;padding:.45rem .65rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out}.navbar-link:hover{color:var(--ink)}.navbar-link-active{color:var(--ink);background:var(--bg2)}.link-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;max-width:640px;display:flex}.link-button{background:var(--surface);border:1px solid var(--line);border-radius:.9rem;align-items:center;gap:.55rem;width:fit-content;padding:.6rem .95rem;text-decoration:none;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,transform .2s ease-in-out;display:inline-flex}.link-button:hover{border-color:var(--amber);background:var(--bg2)}.link-text-container{flex-direction:column;align-items:start;display:inline-flex}.link-text-lower{color:var(--ink);font-size:.85rem;font-weight:600}.link-text-upper{color:var(--faint);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:500}.link-icon{width:20px;height:20px;color:var(--amber);flex-shrink:0}.project-placeholder{height:14rem;color:var(--dim);align-items:center;display:flex}.project-container{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.75rem;max-width:90vw;display:flex}.project-card{text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:.9rem;flex-direction:column;align-items:start;width:400px;max-width:80vw;min-height:100px;padding:1rem;text-decoration:none;transition:border-color .2s ease-in-out,background-color .2s ease-in-out;display:flex;position:relative}.project-card:hover{border-color:var(--amber);background:var(--bg2)}.project-title{color:var(--ink);max-width:calc(100% - 2rem);margin:0 0 .5rem;font-size:1.15rem;font-weight:600}.project-description{color:var(--dim);flex:1;width:100%;margin:0 0 1.25rem;font-size:.85rem;line-height:1.5}.project-bottom-container{border-top:1px solid var(--line);width:100%;font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:1rem;padding-top:.8rem;display:flex}.project-lang,.project-stars,.project-forks{align-items:center;font-size:.75rem;font-weight:500;display:inline-flex}.project-lang{color:var(--dim)}.project-lang-dot{border-radius:100%;width:9px;height:9px;margin-right:.4rem;transform:translateY(1px)}.project-stars{color:var(--amber-hi)}.project-forks{color:var(--dim)}.project-faicon{margin-right:.4rem}.project-icon{color:var(--faint);pointer-events:none;transition:color .2s ease-in-out;position:absolute;top:1.15rem;right:1.15rem}.project-card:hover .project-icon{color:var(--amber)}.discord-card{width:300px;min-height:160px;font-family:var(--discord);text-align:left;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:.9rem;margin-bottom:1rem;padding-bottom:14px;text-decoration:none;transition:border-color .2s ease-in-out,background-color .2s ease-in-out;position:relative;overflow:hidden}.discord-card:hover{border-color:var(--amber);background:var(--bg2)}.discord-card-username{color:var(--dim);font-size:.75rem;font-weight:500}.discord-card-name{font-size:1.05rem;font-weight:700}.discord-card-banner{object-fit:cover;width:100%;height:80px}.discord-card-avatar-wrapper{width:64px;height:64px;position:absolute;top:35px;left:12px}.discord-card-avatar,.discord-card-avatar-deco{width:100%;height:100%;position:absolute;inset:0}.discord-card-avatar{border:3px solid var(--surface);object-fit:cover;background:var(--bg2);border-radius:50%}.discord-card-avatar-deco{object-fit:contain;pointer-events:none;width:120%;height:120%;inset:-7%}.discord-status{border:3px solid var(--surface);border-radius:50%;width:14px;height:14px;position:absolute;bottom:-5px;right:-4px}.discord-status-online{background:#3ba55d}.discord-status-idle{background:#faa61a}.discord-status-dnd{background:#ed4245}.discord-status-offline{background:#747f8d}.discord-card-content{margin-top:25px;padding-left:16px}.discord-card-icon{color:var(--dim);pointer-events:none;position:absolute;top:5.5rem;right:.8rem}.discord-card-activity{color:var(--amber-hi);white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin-top:2px;font-size:.68rem;overflow:hidden}.note-editor{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:.9rem;flex-direction:column;gap:.6rem;width:90%;max-width:560px;margin-bottom:1.5rem;padding:1rem;display:flex}.note-editor-head,.note-editor-foot{color:var(--dim);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.note-textarea,.note-input{background:var(--bg);width:100%;color:var(--ink);border:1px solid var(--line2);font-family:var(--grot);resize:vertical;border-radius:.6rem;outline:none;padding:.7rem .8rem;font-size:.95rem}.note-textarea{min-height:90px}.note-textarea:focus,.note-input:focus{border-color:var(--amber)}.lk-solid{background:var(--amber);color:#000;border:1px solid var(--amber);cursor:pointer;border-radius:.6rem;padding:.5rem .9rem;font-size:.8rem;font-weight:600;transition:background .15s ease-in-out}.lk-solid:hover:not(:disabled){background:var(--amber-hi)}.lk-solid:disabled{opacity:.5;cursor:not-allowed}.linkbtn{color:var(--dim);font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:.4rem;padding:.2rem .4rem;font-size:.7rem}.linkbtn:hover{color:var(--ink)}.linkbtn.danger:hover{color:#ed4245}.notes-list{flex-direction:column;gap:.6rem;width:90%;max-width:560px;display:flex}.note-card{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:.9rem;padding:.85rem 1rem}.note-card-head{align-items:center;gap:.55rem;margin-bottom:.5rem;display:flex}.note-avatar{object-fit:cover;background:var(--bg2);border-radius:50%;flex-shrink:0;width:30px;height:30px}.note-name{color:var(--ink);font-size:.9rem;font-weight:600}.rank-badge{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:.4rem;padding:.15rem .45rem;font-size:.6rem}.rank-badge.stranger{color:var(--faint);border:1px solid var(--line2)}.rank-badge.friend{color:#000;background:var(--amber);font-weight:600}.note-admin{align-items:center;gap:.3rem;margin-left:auto;display:flex}.note-body{color:var(--dim);white-space:pre-wrap;overflow-wrap:break-word;width:100%;max-width:100%;margin:0;font-size:.9rem;line-height:1.5}.footer{text-align:center;width:fit-content;margin:2rem auto}.footer-text{color:var(--faint);font-family:var(--mono);letter-spacing:.04em;font-size:.75rem;font-weight:500;text-decoration:none}.footer-link{color:var(--dim);font-weight:600;transition:color .2s ease-in-out}.footer-link:hover{color:var(--amber)}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.copy-container{font-family:var(--mono);align-items:center;gap:8px;display:inline-flex}.copy-container code{color:var(--amber-hi);line-height:1}.copy-container button{color:var(--amber);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.copy-container button:hover{color:var(--amber-hi)}@media (width<=480px){.navbar{gap:.75rem;padding:.55rem .6rem .55rem .75rem}.navbar-brand{font-size:.85rem}.navbar-link{padding:.4rem .45rem;font-size:.7rem}}