#main-wrapper{opacity:1;transition:none;min-height:80vh}.nav-right{display:flex;align-items:center;gap:1rem}.icon-btn{background:transparent;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .2s}.icon-btn:hover{color:var(--text-color);opacity:.7;transform:scale(1.1)}.links-page{max-width:var(--max-width);margin:0 auto;padding:calc(var(--nav-height) + 2rem) 5% 4rem}.links-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:var(--border-width) solid var(--text-color)}.links-header h1{font-size:2rem;font-weight:900;margin:0 0 .3rem;font-family:Space Grotesk,sans-serif}.links-header p{font-size:.85rem;opacity:.6;margin:0}.stagger-item{opacity:0;visibility:hidden;will-change:transform,opacity}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));column-gap:1rem;row-gap:1.8rem}.friend-card{background:var(--card-bg);border:var(--border-width) solid var(--text-color);box-shadow:4px 4px 0 var(--shadow-color);padding:1rem;display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:var(--text-color);transition:box-shadow .2s;will-change:transform;position:relative}.friend-card.animated{transition:transform .2s,box-shadow .2s}.friend-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--shadow-color)}.friend-card.vip{border-color:var(--accent-2)}.friend-card.vip:before{content:"VIP";position:absolute;top:-10px;right:10px;background:var(--accent-2);color:#fff;font-size:.65rem;font-weight:700;padding:1px 6px;border:2px solid var(--text-color);font-family:Space Grotesk,monospace;letter-spacing:1px}.friend-card-header{display:flex;align-items:center;gap:.6rem}.friend-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--text-color);object-fit:cover;flex-shrink:0;background:var(--search-bg)}.friend-avatar-placeholder{width:40px;height:40px;border-radius:50%;border:2px solid var(--text-color);background:var(--search-bg);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;flex-shrink:0}.friend-info{flex:1;min-width:0}.friend-name{font-size:.95rem;font-weight:800;margin:0;line-height:1.2;word-break:break-word}.friend-url{font-size:.7rem;opacity:.5;font-family:Space Grotesk,monospace;word-break:break-all;margin-top:2px}.friend-desc{font-size:.8rem;opacity:.7;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;overflow-wrap:anywhere}.friend-loading{text-align:center;padding:3rem 0;opacity:.5;font-size:.95rem}.friend-error{text-align:center;padding:3rem 0;color:var(--accent-2);font-size:.9rem}.friend-error a{color:var(--accent-3);text-decoration:underline}.apply-friend-btn{background:var(--text-color);color:var(--bg-color);border:var(--border-width) solid var(--text-color);box-shadow:4px 4px 0 var(--shadow-color);padding:.6rem 1.2rem;font-weight:800;font-size:.85rem;font-family:Space Grotesk,sans-serif;letter-spacing:.5px;cursor:pointer;transition:transform .15s,box-shadow .15s;display:inline-flex;align-items:center;gap:.4rem}.apply-friend-btn:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--shadow-color)}.apply-friend-btn:active{transform:translate(0);box-shadow:2px 2px 0 var(--shadow-color)}.friend-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:max(1rem,3vh) max(1rem,3vw);overflow-y:auto}.friend-modal.open{display:flex}.friend-modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);opacity:0}.friend-modal-content{position:relative;background:var(--bg-color);color:var(--text-color);border:var(--border-width) solid var(--text-color);box-shadow:8px 8px 0 var(--shadow-color);width:min(640px,100%);max-width:100%;max-height:88vh;overflow-y:auto;padding:1.5rem;opacity:0;transform:translateY(20px) scale(.96);will-change:transform,opacity}.friend-modal.open .friend-modal-backdrop{animation:friend-backdrop-in .2s cubic-bezier(.22,.61,.36,1) forwards}.friend-modal.open .friend-modal-content{animation:friend-content-in .3s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.05s;opacity:0}.friend-modal.closing{display:flex!important}.friend-modal.closing .friend-modal-backdrop{animation:friend-backdrop-out .12s cubic-bezier(.4,0,1,1) forwards}.friend-modal.closing .friend-modal-content{animation:friend-content-out .12s cubic-bezier(.4,0,1,1) forwards}@keyframes friend-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes friend-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes friend-content-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes friend-content-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.97)}}.friend-modal-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.8rem;padding:0 0 1rem;min-height:0;max-width:none;margin:0 0 1.2rem;border-bottom:var(--border-width) solid var(--text-color)}.friend-modal-header h2{font-size:1.3rem;font-weight:900;margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:.5px;flex:1 1 0%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close-btn{background:transparent;border:var(--border-width) solid var(--text-color);color:var(--text-color);width:32px;height:32px;flex:0 0 32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;line-height:1;font-weight:900;transition:opacity .15s}.modal-close-btn:hover{opacity:.6}.modal-close-btn:active{opacity:.4}.modal-header-actions{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.modal-help-btn{display:flex;align-items:center;justify-content:center;padding:0 .4rem;height:32px;color:var(--text-color);background:transparent;border:none;font-size:1.3rem;line-height:1;font-weight:900;font-family:Space Grotesk,sans-serif;text-decoration:none;cursor:pointer;transition:opacity .15s}.modal-help-btn:hover{opacity:.6}.modal-help-btn:active{opacity:.4}.pr-hint{margin:.6rem 0 0;padding:0;font-size:.75rem;opacity:.7;line-height:1.5}.pr-link{color:var(--accent-3);text-decoration:none;font-weight:600;transition:opacity .15s;display:inline-flex;align-items:center;gap:.15rem}[data-theme=dark] .pr-link{color:var(--accent-1)}.pr-link:hover{opacity:.7}.pr-link:active{opacity:.5}.pr-link i{font-size:.85rem}.mode-switcher{display:flex;gap:0;margin-bottom:1.2rem;border:var(--border-width) solid var(--text-color)}.mode-btn{flex:1;background:var(--bg-color);color:var(--text-color);border:none;padding:.55rem .5rem;cursor:pointer;font-weight:700;font-size:.82rem;font-family:Space Grotesk,sans-serif;letter-spacing:.3px;transition:background .15s,color .15s;border-right:var(--border-width) solid var(--text-color)}.mode-btn:last-child{border-right:none}.mode-btn:hover{background:var(--search-bg)}.mode-btn.active{background:var(--text-color);color:var(--bg-color)}.form-step{margin-bottom:1.3rem;padding:1rem;border:2px solid var(--text-color);background:var(--card-bg)}.form-step.hidden{display:none}.step-title{font-size:.9rem;font-weight:900;margin:0 0 .6rem;font-family:Space Grotesk,sans-serif;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.step-number{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--text-color);color:var(--bg-color);font-size:.75rem;font-weight:900;border-radius:0}.copy-site-info-btn{margin-left:auto;background:transparent;border:none;color:var(--text-color);font-size:1rem;line-height:1;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.copy-site-info-btn:hover{opacity:.6}.copy-site-info-btn:active{opacity:.4}.back-link-card{display:flex;align-items:center;gap:.8rem;padding:.7rem;background:var(--search-bg);border:2px solid var(--text-color)}.back-link-card img,.back-link-card-placeholder{width:44px;height:44px;border-radius:50%;border:2px solid var(--text-color);object-fit:cover;flex-shrink:0;background:var(--bg-color);display:flex;align-items:center;justify-content:center;font-weight:900}.back-link-card-info{flex:1;min-width:0}.back-link-card-info h4{font-size:.95rem;font-weight:900;margin:0 0 2px}.back-link-card-info span{display:block;font-size:.72rem;opacity:.7;font-family:Space Grotesk,monospace;word-break:break-all}.back-link-hint{font-size:.75rem;opacity:.7;margin:.5rem 0 0;line-height:1.5}.form-field{margin-bottom:.8rem}.form-field:last-child{margin-bottom:0}.form-field.hidden{display:none}.form-field label{display:block;font-size:.82rem;font-weight:700;margin-bottom:.3rem;font-family:Space Grotesk,sans-serif}.form-field .required{color:var(--accent-2);font-weight:900;margin-left:2px}.form-field input[type=text],.form-field input[type=url]{width:100%;background:var(--bg-color);color:var(--text-color);border:2px solid var(--text-color);padding:.5rem .6rem;font-size:.85rem;font-family:Space Grotesk,monospace;transition:box-shadow .15s}.form-field input[type=text]:focus,.form-field input[type=url]:focus{outline:none;box-shadow:3px 3px 0 var(--shadow-color)}.form-field input[type=text].invalid,.form-field input[type=url].invalid{border-color:var(--accent-2)}.form-field input[type=checkbox],.form-field input[type=radio]{background:transparent!important;border-color:var(--text-color)!important;accent-color:var(--text-color);cursor:pointer}.form-field input[type=checkbox].invalid,.form-field input[type=radio].invalid{accent-color:var(--accent-2);outline:2px solid var(--accent-2);outline-offset:2px}.form-field .hint{font-size:.7rem;opacity:.6;margin-top:.25rem;line-height:1.4}.form-field .field-error{font-size:.72rem;opacity:1;margin-top:.25rem;line-height:1.4;color:var(--accent-2);font-weight:600;word-break:break-word}.confirm-field{display:flex;align-items:center;gap:.5rem}.confirm-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--text-color);cursor:pointer;flex-shrink:0}.confirm-field label{margin:0;font-weight:600;cursor:pointer;line-height:1.4}.preview-box{background:var(--search-bg);border:2px solid var(--text-color);padding:.7rem;font-family:Space Grotesk,monospace;font-size:.78rem;line-height:1.5;word-break:break-all;white-space:pre-wrap;max-height:200px;overflow-y:auto}.preview-box.empty{opacity:.5;font-style:italic}.friend-modal-footer{display:flex;gap:.6rem;margin-top:1.2rem;padding-top:1rem;border-top:var(--border-width) solid var(--text-color);flex-wrap:wrap}.friend-modal-footer button{flex:1;min-width:140px;padding:.65rem .8rem;border:var(--border-width) solid var(--text-color);font-weight:800;font-size:.85rem;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:opacity .15s;letter-spacing:.3px;box-shadow:none}.friend-modal-footer button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--text-color);color:var(--bg-color)}.btn-primary:not(:disabled):hover{opacity:.85}.btn-primary:not(:disabled):active{opacity:.7}.btn-secondary{background:var(--bg-color);color:var(--text-color)}.btn-secondary:not(:disabled):hover{opacity:.7}.btn-secondary:not(:disabled):active{opacity:.5}.copy-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(20px);background:var(--text-color);color:var(--bg-color);padding:.6rem 1.2rem;border:var(--border-width) solid var(--text-color);box-shadow:4px 4px 0 var(--shadow-color);font-weight:700;font-size:.85rem;font-family:Space Grotesk,sans-serif;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;z-index:10000}.copy-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 767px){.nav-right{gap:.8rem}.links-page{padding:calc(var(--nav-height) + 1rem) 1rem 3rem}.links-header h1{font-size:1.5rem}.friends-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));column-gap:.8rem;row-gap:1.4rem}.friend-avatar,.friend-avatar-placeholder{width:36px;height:36px}.friend-modal-content{padding:1rem}.friend-modal-header h2{font-size:1.1rem}.friend-modal-footer button{min-width:110px;font-size:.8rem;padding:.55rem .6rem}}@media (max-width: 599px){.friends-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));column-gap:.7rem;row-gap:1.3rem}.friend-card{padding:.8rem;gap:.4rem}.friend-name{font-size:.9rem}.friend-desc{font-size:.75rem}.friend-modal-content{padding:.9rem}.friend-modal-header h2{font-size:1.05rem}.friend-modal-footer{gap:.4rem}.friend-modal-footer button{min-width:100px;font-size:.75rem;padding:.5rem;letter-spacing:0}.form-field input[type=text],.form-field input[type=url]{font-size:.82rem}.form-step{padding:.8rem}}@media (max-width: 359px){.friends-grid{grid-template-columns:1fr;row-gap:1.2rem}.friend-card{padding:.7rem}.friend-modal-content{padding:.75rem}.friend-modal-header{gap:.5rem}.friend-modal-header h2{font-size:.95rem}.friend-modal-footer{gap:.35rem}.friend-modal-footer button{min-width:0;font-size:.72rem;padding:.45rem .35rem;letter-spacing:0}.form-step{padding:.7rem}.back-link-card{padding:.55rem;gap:.55rem}.back-link-card img,.back-link-card-placeholder{width:38px;height:38px}}@media (max-height: 500px){.friends-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));column-gap:.7rem;row-gap:1.2rem}.friend-modal{padding:.5rem .8rem;align-items:stretch}.friend-modal-content{max-height:100vh;padding:.8rem}.friend-modal-header{margin-bottom:.8rem;padding-bottom:.6rem}.friend-modal-footer{margin-top:.6rem;padding-top:.6rem}.form-step{padding:.5rem;margin-bottom:.6rem}}