@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;transition:background-color .35s,color .35s}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}.navbar-wrapper{z-index:1000;transition:opacity .4s,transform .4s;position:fixed;top:20px;left:50%;transform:translate(-50%)}.navbar-wrapper.scrolled{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-20px)}.navbar{background:var(--bubble-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:0 8px 32px var(--shadow);border-radius:50px;align-items:center;gap:8px;padding:12px 20px;transition:background-color .35s,border-color .35s;display:flex}.nav-link{color:var(--text-secondary);white-space:nowrap;border-radius:50px;padding:8px 18px;font-size:.85rem;font-weight:500;transition:background-color .2s,color .2s}.nav-link:hover{background:var(--hover-lift);color:var(--text-primary)}.nav-link.active{background:var(--accent);color:var(--bg-primary);font-weight:600}.nav-separator{background:var(--border);width:1px;height:16px;margin:0 2px}.nav-icon-btn{width:36px;height:36px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;transition:background-color .2s;display:flex}.nav-icon-btn:hover{background:var(--hover-lift);color:var(--text-primary)}.layout{align-items:flex-start;gap:20px;min-height:100vh;padding:90px 24px 24px;display:flex}@media (width<=900px){.layout{flex-direction:column;gap:16px;padding:90px 12px 12px}}.sidebar{background:var(--bubble-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);width:320px;min-width:320px;box-shadow:0 8px 40px var(--shadow);border-radius:32px;flex-direction:column;align-items:center;padding:32px 28px;transition:background-color .35s,border-color .35s;display:flex;position:sticky;top:90px}@media (width<=900px){.sidebar{width:100%;min-width:unset;position:relative;top:0}}.pfp-container{margin-bottom:24px;display:inline-block;position:relative}.pfp-container .pfp-frame{margin-bottom:0}.pfp-frame{border:2px solid var(--border);width:140px;height:140px;box-shadow:0 8px 24px var(--shadow);border-radius:28px;transition:border-color .35s;overflow:hidden}.pfp-frame img{object-fit:cover;width:100%;height:100%;display:block}.status-dot{border:3px solid var(--bg-secondary);background:#22c55e;border-radius:50%;width:16px;height:16px;transition:border-color .35s;position:absolute;bottom:4px;right:4px}.sidebar-name{letter-spacing:-.5px;margin-bottom:2px;font-size:1.4rem;font-weight:700}.sidebar-role{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;font-size:.8rem;font-weight:400}.sidebar-bio{color:var(--text-secondary);text-align:center;margin-bottom:24px;padding:0 4px;font-size:.85rem;line-height:1.6}.sidebar-section{width:100%;margin-bottom:20px}.sidebar-section-title{text-transform:uppercase;letter-spacing:2.5px;color:var(--text-muted);margin-bottom:12px;padding-left:4px;font-size:.65rem;font-weight:600}[dir=rtl] .sidebar-section-title{padding-left:0;padding-right:4px}.skills-grid{flex-wrap:wrap;gap:6px;display:flex}.skill-tag{background:var(--hover-lift);border:1px solid var(--border);border-radius:50px;padding:5px 14px;font-size:.75rem;font-weight:500;transition:background-color .2s,border-color .2s,transform .2s}.skill-tag:hover{border-color:var(--border-hover);transform:translateY(-2px)}.options-list{flex-direction:column;gap:4px;display:flex}.option-link{color:var(--text-secondary);border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:8px 14px;font-size:.82rem;font-weight:500;transition:background-color .2s,border-color .2s;display:flex}.option-link:hover{background:var(--hover-lift);border-color:var(--border);color:var(--text-primary)}.option-arrow{opacity:0;margin-left:auto;font-size:.75rem;transition:opacity .2s}[dir=rtl] .option-arrow{margin-left:0;margin-right:auto;transform:scaleX(-1)}.option-link:hover .option-arrow{opacity:1}.main-content{flex-direction:column;flex:1;gap:20px;min-width:0;display:flex}.banner{pointer-events:none;flex-direction:column;justify-content:flex-end;width:100%;min-height:220px;margin-bottom:10px;padding:0 0 20px;display:flex;position:relative}.banner-content{z-index:2;width:100%;padding:0 32px;position:relative}.banner-heading{letter-spacing:-1.5px;z-index:5;margin-bottom:0;font-size:2.8rem;font-weight:800;line-height:1.1;display:inline-block;position:relative}.banner-sub{color:var(--text-secondary);margin-top:8px;font-size:1rem;font-weight:300}.banner-character{object-fit:contain;pointer-events:auto;z-index:10;width:226px;height:226px;filter:drop-shadow(0 10px 30px var(--shadow));position:absolute;bottom:-40px;right:0}@media (width<=900px){.banner{min-height:unset;padding:20px 0}.banner-character{display:none}.banner-heading{padding-right:0;font-size:2rem}}.feed-section{background:var(--bubble-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:0 8px 40px var(--shadow);border-radius:32px;padding:28px;transition:background-color .35s,border-color .35s}.section-heading{text-transform:uppercase;letter-spacing:2.5px;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:14px;font-size:.65rem;font-weight:600}.post-list{flex-direction:column;gap:4px;display:flex}.post-row{cursor:pointer;border:1px solid #0000;border-radius:20px;align-items:flex-start;gap:16px;padding:18px 16px;transition:background-color .2s,transform .15s;display:flex}.post-row:hover{background:var(--hover-lift);border-color:var(--border);transform:scale(1.005)}.post-row-date{color:var(--text-muted);min-width:110px;padding-top:3px;font-size:.75rem;font-weight:400}.post-row-content{flex:1;min-width:0}.post-row-title{letter-spacing:-.3px;margin-bottom:4px;font-size:1.05rem;font-weight:600}.post-row-preview{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.post-row-arrow{color:var(--text-muted);opacity:0;padding-top:5px;font-size:.8rem;transition:opacity .2s,transform .2s}[dir=rtl] .post-row-arrow{transform:scaleX(-1)}.post-row:hover .post-row-arrow{opacity:1;transform:translate(3px)}[dir=rtl] .post-row:hover .post-row-arrow{transform:scaleX(-1)translate(3px)}.post-row-meta{color:var(--text-muted);white-space:nowrap;padding-top:4px;font-size:.7rem}.modal-overlay{z-index:2000;background:var(--overlay);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-window{background:var(--bg-elevated);border:1px solid var(--border);width:90%;max-width:640px;max-height:80vh;box-shadow:0 32px 100px var(--shadow);border-radius:28px;flex-direction:column;transition:background-color .35s,border-color .35s;animation:.3s slideUp;display:flex;overflow:hidden}.modal-top-bar{border-bottom:1px solid var(--border);background:var(--bg-tertiary);justify-content:space-between;align-items:center;padding:16px 24px;transition:background-color .35s;display:flex}.modal-dots{gap:8px;display:flex}.modal-dot{border:1px solid var(--border);background:0 0;border-radius:50%;width:12px;height:12px;transition:background-color .15s}.modal-dot.close-dot{cursor:pointer}.modal-dot.close-dot:hover{background:var(--text-muted)}.modal-title-bar{color:var(--text-muted);font-size:.8rem;font-weight:500}.modal-close-btn{color:var(--text-secondary);border-radius:50px;padding:6px 16px;font-size:.8rem;font-weight:600;transition:background-color .2s,color .2s}.modal-close-btn:hover{background:var(--hover-lift);color:var(--text-primary)}.modal-body{flex:1;padding:32px;overflow-y:auto}.modal-post-date{color:var(--text-muted);margin-bottom:8px;font-size:.8rem;display:block}.modal-post-title{letter-spacing:-.5px;margin-bottom:24px;font-size:1.6rem;font-weight:700;line-height:1.3}.modal-post-body{color:var(--text-secondary);white-space:pre-line;font-size:1rem;line-height:1.8}.content-link{color:var(--accent);text-underline-offset:4px;text-decoration:underline;transition:opacity .2s}.content-link:hover{opacity:.7}.projects-grid{flex-direction:column;gap:16px;display:flex}.project-card{background:var(--hover-lift);border:1px solid var(--border);border-radius:24px;padding:24px;transition:border-color .2s,transform .2s}.project-card:hover{border-color:var(--border-hover);transform:translateY(-3px)scale(1.005)}.project-name{letter-spacing:-.3px;margin-bottom:8px;font-size:1.15rem;font-weight:600}.project-desc{color:var(--text-secondary);margin-bottom:14px;font-size:.88rem;line-height:1.6}.project-tech{flex-wrap:wrap;gap:6px;display:flex}.project-tech-tag{background:var(--hover-lift);border:1px solid var(--border);color:var(--text-muted);border-radius:50px;padding:4px 12px;font-size:.72rem;font-weight:500}.about-content{color:var(--text-secondary);white-space:pre-line;max-width:600px;font-size:1rem;line-height:1.9}.contact-block{max-width:500px}.contact-text{color:var(--text-secondary);margin-bottom:24px;font-size:1rem;line-height:1.8}.contact-container{width:100%;animation:.6s ease-out fadeIn}.contact-hub-card{background:var(--bubble-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:0 16px 60px var(--shadow);border-radius:40px;gap:40px;padding:48px;transition:border-color .35s,background-color .35s;display:flex;position:relative;overflow:hidden}@media (width<=900px){.contact-hub-card{flex-direction:column;gap:20px;padding:32px}}.contact-hub-content{z-index:2;flex-direction:column;flex:1;gap:32px;display:flex}.contact-header{max-width:480px}.contact-heading{letter-spacing:-1.5px;color:var(--text-primary);margin-bottom:12px;font-size:2.5rem;font-weight:800;line-height:1.1}.contact-subtext{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.contact-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%;display:grid}.contact-action-btn{background:var(--bg-elevated);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:24px;align-items:center;gap:16px;padding:20px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.contact-action-btn:hover{background:var(--hover-lift);border-color:var(--accent);box-shadow:0 12px 30px var(--shadow);transform:translateY(-4px)}.action-icon-bg{background:var(--bg-tertiary);width:44px;height:44px;color:var(--text-secondary);border-radius:14px;justify-content:center;align-items:center;transition:all .3s;display:flex}.contact-action-btn:hover .action-icon-bg{background:var(--accent);color:var(--bg-primary);transform:scale(1.1)rotate(-5deg)}.action-info{flex-direction:column;gap:2px;display:flex}.action-label{color:var(--text-primary);letter-spacing:-.2px;font-size:1rem;font-weight:700}.action-hint{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:flex}.linktree-btn{border-left:4px solid var(--accent)}.contact-character-area{justify-content:center;align-items:center;width:200px;display:flex;position:relative}.contact-gif{object-fit:contain;width:100%;max-width:180px;height:auto;filter:drop-shadow(0 10px 20px var(--shadow));transition:transform .3s}.contact-hub-card:hover .contact-gif{transform:scale(1.05)rotate(2deg)}@media (width<=900px){.contact-character-area{order:-1;justify-content:flex-start;width:100%}.contact-gif{max-width:120px}}.site-footer{color:var(--text-muted);background:var(--bubble-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:0 4px 20px var(--shadow);border-radius:24px;justify-content:space-between;align-items:center;padding:20px 28px;font-size:.75rem;transition:background-color .35s,border-color .35s;display:flex}@media (width<=900px){.site-footer{text-align:center;flex-direction:column;gap:6px}}.scroll-progress-track{z-index:9999;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress-bar{background:var(--accent);height:100%;transition:width .1s linear}.typewriter-text{display:inline}.typewriter-cursor{color:var(--text-muted);margin-left:1px;font-weight:300;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.status-card{background:var(--hover-lift);border:1px solid var(--border);border-radius:18px;align-items:center;gap:12px;padding:12px 16px;transition:background-color .35s,border-color .35s;display:flex}.status-pulse{background:#22c55e;border-radius:50%;width:8px;min-width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.7;box-shadow:0 0 0 6px #22c55e00}}.status-info{flex-direction:column;gap:2px;display:flex}.status-text{color:var(--text-muted);font-size:.7rem}.status-project{font-size:.82rem;font-weight:600}.cmd-overlay{z-index:3000;background:var(--overlay);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:flex-start;padding-top:20vh;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.cmd-palette{background:var(--bg-elevated);border:1px solid var(--border);width:90%;max-width:520px;box-shadow:0 32px 100px var(--shadow);border-radius:24px;transition:background-color .35s,border-color .35s;animation:.2s slideUp;overflow:hidden}.cmd-input-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.cmd-icon{color:var(--text-muted);text-align:center;width:20px;font-size:1rem;font-weight:700}.cmd-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem}.cmd-input::placeholder{color:var(--text-muted)}.cmd-esc{border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:3px 6px;font-size:.65rem;font-weight:600}.cmd-results{max-height:300px;padding:8px;overflow-y:auto}.cmd-no-results{text-align:center;color:var(--text-muted);padding:24px;font-size:.9rem}.cmd-result-item{text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.9rem;transition:background-color .15s;display:flex}[dir=rtl] .cmd-result-item{text-align:right}.cmd-result-item:hover{background:var(--hover-lift)}.cmd-result-type{color:var(--text-muted);text-align:center;width:16px;font-size:.8rem}.cmd-result-label{flex:1;font-weight:500}.cmd-result-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.cmd-trigger-slash{opacity:.6;font-size:.9rem;font-weight:700}.toast{z-index:5000;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:0 12px 40px var(--shadow);border-radius:50px;align-items:center;gap:10px;padding:14px 24px;font-size:.85rem;font-weight:500;transition:background-color .35s,border-color .35s;animation:.3s toastIn;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast-check{color:#22c55e;font-weight:700}.page-enter{animation:.3s pageIn}.page-exit{opacity:.3;transition:opacity .2s}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.about-image{object-fit:cover;border:1px solid var(--border);border-radius:20px;width:100%;max-height:280px;margin-bottom:24px}.project-image{object-fit:cover;border:1px solid var(--border);border-radius:16px;width:100%;height:160px;margin-bottom:16px}.branch-trigger{z-index:999;background:var(--bubble-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);width:44px;height:44px;box-shadow:0 4px 20px var(--shadow);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,transform .2s;display:flex;position:fixed;top:24px;right:24px}.branch-trigger:hover{border-color:var(--border-hover);transform:scale(1.08)}.branch-trigger-icon{color:var(--text-secondary);font-size:1.1rem;line-height:1}.branch-overlay{z-index:3000;background:var(--overlay);-webkit-backdrop-filter:blur(6px);justify-content:flex-end;align-items:flex-start;padding:80px 24px 24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.branch-menu{background:var(--bg-elevated);border:1px solid var(--border);width:340px;box-shadow:0 24px 80px var(--shadow);border-radius:24px;transition:background-color .35s,border-color .35s;animation:.25s slideUp;overflow:hidden}.branch-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 20px;display:flex}.branch-header .branch-icon{color:var(--text-muted);font-size:1rem}.branch-title{flex:1;font-size:.85rem;font-weight:600}.branch-close{color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;transition:background-color .15s;display:flex}.branch-close:hover{background:var(--hover-lift);color:var(--text-primary)}.branch-tree{max-height:420px;padding:8px;overflow-y:auto}.branch-item{text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:10px;width:100%;padding:12px 14px;transition:background-color .15s;display:flex}.branch-item:hover{background:var(--hover-lift)}.branch-hidden{opacity:.7}.branch-hidden:hover{opacity:1}.branch-connector{color:var(--text-muted);min-width:24px;font-family:monospace;font-size:.8rem}.branch-item-icon{text-align:center;min-width:20px;font-size:1rem}.branch-item-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.branch-item-name{font-size:.88rem;font-weight:600}.branch-item-desc{color:var(--text-muted);font-size:.72rem}.branch-item-arrow{color:var(--text-muted);opacity:0;font-size:.75rem;transition:opacity .15s}.branch-item:hover .branch-item-arrow{opacity:1}.branch-footer{border-top:1px solid var(--border);padding:12px 20px}.branch-footer-hint{color:var(--text-muted);font-size:.7rem}.linktree-grid{flex-direction:column;gap:10px;display:flex}.linktree-card{background:var(--hover-lift);border:1px solid var(--border);cursor:pointer;border-radius:20px;align-items:center;gap:16px;padding:18px 20px;transition:border-color .2s,transform .15s,background-color .2s;display:flex}.linktree-card:hover{border-color:var(--border-hover);background:var(--bg-tertiary);transform:translate(4px)}[dir=rtl] .linktree-card:hover{transform:translate(-4px)}.linktree-icon{text-align:center;min-width:28px;font-size:1.3rem}.linktree-label{flex:1;font-size:1rem;font-weight:600}.linktree-arrow{color:var(--text-muted);opacity:0;font-size:.85rem;transition:opacity .15s}.linktree-card:hover .linktree-arrow{opacity:1}.guestbook-form{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;margin-bottom:32px;padding-bottom:24px;display:flex}.guestbook-input,.guestbook-textarea{background:var(--hover-lift);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:none;border-radius:16px;outline:none;padding:14px 18px;font-family:inherit;font-size:.92rem;transition:border-color .2s}.guestbook-input:focus,.guestbook-textarea:focus{border-color:var(--border-hover)}.guestbook-input::placeholder,.guestbook-textarea::placeholder{color:var(--text-muted)}.guestbook-submit{background:var(--accent);color:var(--bg-primary);border-radius:50px;align-self:flex-start;padding:12px 24px;font-size:.88rem;font-weight:600;transition:opacity .2s,transform .15s}.guestbook-submit:hover{opacity:.85;transform:scale(1.02)}.guestbook-entries{flex-direction:column;gap:12px;display:flex}.guestbook-empty{text-align:center;color:var(--text-muted);padding:32px;font-size:.9rem}.guestbook-entry{background:var(--hover-lift);border:1px solid var(--border);border-radius:16px;padding:16px 18px}.guestbook-entry-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.guestbook-entry-name{font-size:.88rem;font-weight:600}.guestbook-entry-date{color:var(--text-muted);font-size:.72rem}.guestbook-entry-msg{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.terminal-section{flex-direction:column;min-height:400px;font-family:Courier New,Courier,monospace;display:flex}.terminal-output{flex:1;margin-bottom:16px}.terminal-line{white-space:pre-wrap;word-break:break-word;font-size:.85rem;line-height:1.6}.terminal-line.input{color:var(--text-primary);font-weight:600}.terminal-line.output{color:var(--text-secondary)}.terminal-input-row{align-items:center;gap:8px;display:flex}.terminal-prompt{color:#22c55e;font-size:.88rem;font-weight:700}.terminal-input{color:var(--text-primary);caret-color:#22c55e;background:0 0;border:none;outline:none;flex:1;font-family:Courier New,Courier,monospace;font-size:.85rem}.credits-list{flex-direction:column;gap:14px;margin-bottom:40px;display:flex}.credit-row{align-items:center;gap:12px;display:flex}.credit-role{color:var(--text-muted);min-width:180px;font-size:.85rem;font-weight:500}.credit-dots{border-bottom:1px dotted var(--border);flex:1;min-width:30px;height:1px}.credit-name{text-align:right;font-size:.88rem;font-weight:600}[dir=rtl] .credit-name{text-align:left}.credits-thanks{text-align:center;color:var(--text-secondary);padding:32px;font-size:1.1rem}.matrix-overlay{z-index:9999;cursor:pointer;animation:.3s fadeIn;position:fixed;inset:0}.matrix-canvas{width:100%;height:100%;display:block}.matrix-text{color:#0f0;text-shadow:0 0 20px #0f0,0 0 40px #0f0;pointer-events:none;font-family:Courier New,monospace;font-size:1.6rem;font-weight:700;animation:2s ease-in-out infinite matrixPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes matrixPulse{0%,to{opacity:1}50%{opacity:.4}}@media (width<=900px){.branch-trigger{width:38px;height:38px;top:16px;right:16px}.branch-overlay{padding:70px 12px 12px}.branch-menu{width:100%}.credit-role{min-width:120px;font-size:.78rem}}.theme-swatch-mini{border:2px solid var(--border);border-radius:50%;width:18px;height:18px;transition:border-color .2s,transform .2s;display:block}.theme-picker-trigger:hover .theme-swatch-mini{border-color:var(--border-hover);transform:scale(1.15)}.theme-picker-dropdown{z-index:1200;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:0 16px 48px var(--shadow);border-radius:20px;min-width:200px;padding:16px;animation:.2s slideUp;position:absolute;top:calc(100% + 12px);right:0}.theme-picker-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.theme-picker-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-size:.8rem;font-weight:600}.theme-picker-mode{cursor:pointer;border-radius:8px;padding:4px;font-size:1rem;transition:background-color .15s}.theme-picker-mode:hover{background:var(--hover-lift)}.theme-picker-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.theme-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s,border-color .15s,box-shadow .15s}.theme-swatch:hover{transform:scale(1.2)}.theme-swatch.active{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--bg-primary), 0 0 0 5px var(--text-muted)}.standalone-wrap{min-height:100vh}.branch-fullpage{background:var(--bg-primary);min-height:100vh;position:relative}.branch-back{z-index:100;background:var(--bubble-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:0 4px 20px var(--shadow);color:var(--text-secondary);cursor:pointer;border-radius:50px;align-items:center;gap:6px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:border-color .2s,color .2s;display:flex;position:fixed;top:24px;left:24px}[dir=rtl] .branch-back{left:auto;right:24px}.branch-back:hover{border-color:var(--border-hover);color:var(--text-primary)}.branch-fullpage-inner{max-width:520px;margin:0 auto;padding:80px 24px 60px}.linktree-page{flex-direction:column;align-items:center;display:flex}.linktree-pfp-wrap{flex-direction:column;align-items:center;margin-bottom:36px;display:flex}.linktree-pfp{border:3px solid var(--border);width:100px;height:100px;box-shadow:0 8px 32px var(--shadow);border-radius:50%;margin-bottom:16px;transition:border-color .35s;overflow:hidden}.linktree-pfp img{object-fit:cover;width:100%;height:100%;display:block}.linktree-name{letter-spacing:-.5px;text-align:center;margin-bottom:4px;font-size:1.5rem;font-weight:700}.linktree-sub{color:var(--text-muted);text-align:center;font-size:.85rem}.linktree-links{flex-direction:column;gap:10px;width:100%;display:flex}.linktree-link-card{background:var(--bubble-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);cursor:pointer;border-radius:20px;align-items:center;gap:14px;padding:16px 20px;transition:border-color .2s,transform .15s,background-color .2s;animation:.4s both cardSlideIn;display:flex}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.linktree-link-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.linktree-link-icon{text-align:center;min-width:24px;font-size:1.2rem}.linktree-link-info{flex-direction:column;flex:1;gap:1px;display:flex}.linktree-link-label{font-size:.92rem;font-weight:600}.linktree-link-sub{color:var(--text-muted);font-size:.72rem}.linktree-link-arrow{color:var(--text-muted);opacity:0;font-size:.8rem;transition:opacity .15s}.linktree-link-card:hover .linktree-link-arrow{opacity:1}.stack-page{flex-direction:column;align-items:center;display:flex}.stack-header{flex-direction:column;align-items:center;margin-bottom:36px;display:flex}.stack-grid{flex-direction:column;gap:14px;width:100%;display:flex}.stack-card{background:var(--bubble-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;padding:20px 22px;animation:.4s both cardSlideIn}.stack-cat{text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:12px;font-size:.7rem;font-weight:600}.stack-tags{flex-wrap:wrap;gap:6px;display:flex}.stack-tag{background:var(--hover-lift);border:1px solid var(--border);color:var(--text-secondary);border-radius:50px;padding:6px 14px;font-size:.8rem;font-weight:500}.uses-list{flex-direction:column;gap:8px;display:flex}.uses-item{color:var(--text-secondary);white-space:pre-line;align-items:flex-start;gap:12px;font-size:.9rem;display:flex}.uses-dot{background:var(--accent);border-radius:50%;width:5px;min-width:5px;height:5px;margin-top:9px}.music-bars{align-items:flex-end;gap:2px;height:16px;display:flex}.music-bar{background:var(--accent);border-radius:2px;width:3px;animation:1.2s ease-in-out infinite musicPulse}.music-bar:first-child{height:60%;animation-delay:0s}.music-bar:nth-child(2){height:100%;animation-delay:.2s}.music-bar:nth-child(3){height:40%;animation-delay:.4s}@keyframes musicPulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.music-card{cursor:default}.guestbook-form-full{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;width:100%;margin-bottom:28px;padding-bottom:20px;display:flex}.guestbook-input-full,.guestbook-textarea-full{background:var(--hover-lift);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:none;border-radius:16px;outline:none;padding:14px 18px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.guestbook-input-full:focus,.guestbook-textarea-full:focus{border-color:var(--accent)}.guestbook-input-full::placeholder,.guestbook-textarea-full::placeholder{color:var(--text-muted)}.guestbook-submit-full{background:var(--accent);color:var(--bg-primary);cursor:pointer;border-radius:50px;align-self:flex-start;padding:12px 24px;font-size:.88rem;font-weight:600;transition:opacity .2s,transform .15s}.guestbook-submit-full:hover{opacity:.85;transform:scale(1.02)}.guestbook-entries-full{flex-direction:column;gap:10px;width:100%;display:flex}.guestbook-empty-full{text-align:center;color:var(--text-muted);padding:32px;font-size:.9rem}.guestbook-entry-full{background:var(--bubble-bg);border:1px solid var(--border);border-radius:16px;padding:14px 18px;animation:.3s both cardSlideIn}.guestbook-entry-header-full{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.guestbook-entry-name-full{font-size:.85rem;font-weight:600}.guestbook-entry-date-full{color:var(--text-muted);font-size:.7rem}.guestbook-entry-msg-full{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.terminal-fullpage{max-width:680px;padding-top:80px}.terminal-header-full{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:16px 16px 0 0;align-items:center;gap:8px;padding:14px 18px;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-title-full{text-align:center;color:var(--text-muted);flex:1;font-family:Courier New,monospace;font-size:.75rem;font-weight:500}.terminal-body-full{background:var(--bubble-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:none;border-radius:0 0 16px 16px;min-height:400px;padding:20px 22px;font-family:Courier New,Courier,monospace}.terminal-output-full{margin-bottom:16px}.credits-list-full{flex-direction:column;gap:12px;width:100%;margin-bottom:40px;display:flex}.credit-row-full{align-items:center;gap:10px;animation:.35s both cardSlideIn;display:flex}.credit-role-full{color:var(--text-muted);min-width:170px;font-size:.82rem;font-weight:500}.credit-dots-full{border-bottom:1px dotted var(--border);flex:1;min-width:20px;height:1px}.credit-name-full{text-align:right;font-size:.88rem;font-weight:600}.credits-thanks-full{text-align:center;color:var(--text-secondary);padding:28px;font-size:1.1rem}@media (width<=600px){.branch-fullpage-inner{padding:70px 16px 40px}.branch-back{padding:8px 16px;font-size:.8rem;top:16px;left:16px}.linktree-pfp{width:80px;height:80px}.credit-role-full{min-width:110px;font-size:.75rem}.terminal-fullpage{max-width:100%}.layout{padding:70px 12px 12px}.sidebar{width:100%;padding:24px 16px}.nav-link{padding:6px 12px;font-size:.8rem}.navbar{max-width:95vw;padding:8px 12px;overflow-x:auto}}.theme-sync-popup{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);z-index:100;white-space:nowrap;pointer-events:none;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;font-weight:500;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideDownFade;display:flex;position:absolute;top:-24px;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 4px 12px #0000004d}.theme-sync-popup.sync-exit{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFadeOut}.theme-sync-popup.sync-done{color:var(--bg-primary);border-color:var(--theme-secondary);background:var(--theme-secondary)}.theme-sync-popup.sync-done .sync-text{color:var(--bg-primary)}.sync-icon{align-items:center;display:flex}.spin-icon{animation:1s linear infinite spin}@keyframes slideDownFade{0%{opacity:0;visibility:visible;transform:translate(-50%)translateY(-10px)}to{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}}@keyframes slideUpFadeOut{0%{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}99%{opacity:0;visibility:visible;transform:translate(-50%)translateY(-10px)}to{opacity:0;visibility:hidden;transform:translate(-50%)translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lang-sync-popup{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);box-shadow:0 12px 40px var(--shadow);z-index:9999;white-space:nowrap;pointer-events:none;border-radius:30px;align-items:center;gap:10px;padding:10px 20px;font-size:.85rem;font-weight:600;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideDownFade;display:flex;position:fixed;top:30px;left:50%;transform:translate(-50%)translateY(0)}.lang-sync-popup.sync-exit{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFadeOut}.lang-sync-popup.sync-done{color:var(--bg-primary);border-color:var(--accent);background:var(--accent)}.lang-sync-popup.sync-done .sync-text{color:var(--bg-primary)}.theme-picker-wrap{position:relative}.theme-picker-trigger{padding:8px}.theme-swatch-mini{border:1px solid var(--border);border-radius:50%;width:20px;height:20px;display:block}.theme-picker-backdrop{z-index:100;position:fixed;inset:0}.theme-picker-dropdown{background:var(--bg-elevated);border:1px solid var(--border);width:240px;box-shadow:0 8px 32px var(--shadow);z-index:101;border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex;position:absolute;top:48px;right:0}[dir=rtl] .theme-picker-dropdown{left:0;right:auto}.theme-picker-header{justify-content:space-between;align-items:center;display:flex}.theme-picker-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.theme-picker-mode{font-size:1.1rem}.theme-mono-btn{background:var(--hover-lift);border:1px solid var(--border);color:var(--text-secondary);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;display:flex}.theme-mono-btn.active{border-color:var(--accent);color:var(--text-primary)}.theme-mono-dot{background:#888;border-radius:50%;width:12px;height:12px}.theme-slider-wrap{padding:12px 0 4px}.theme-hue-bar{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:7px;width:100%;height:14px;position:relative}[dir=rtl] .theme-hue-bar{background:linear-gradient(270deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.theme-hue-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #00000080}.theme-hue-label{text-align:center;font-size:.8rem;font-weight:600}