@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:wght@400;500;600;700&display=swap);:root{--color-bg:#fff;--color-text:#1a1a1b;--color-primary:#0079d3;--color-primary-hover:#005fa3;--color-accent:#007bff;--color-danger:#dc3545;--color-success:#28a745;--color-warning:#ffc107;--color-border:#e2e4e6;--color-muted:#848485;--color-surface:#f8f9fa;--navbar-height:64px;--sidebar-width:60px;--hover-bg:#00000008;--card-radius:12px;--card-padding:16px;--card-gap:16px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition:all 0.2s ease}[data-theme=dark]{--color-bg:#0f1419;--color-text:#e6edf3;--color-primary:#58a6ff;--color-primary-hover:#79c0ff;--color-accent:#58a6ff;--color-border:#30363d;--color-muted:#7d8590;--color-surface:#161b22;--hover-bg:#ffffff0d}*{-webkit-tap-highlight-color:transparent;margin:0;padding:0}*,:after,:before{box-sizing:border-box}a,button,div{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-bg);color:#1a1a1b;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);line-height:1.6;overscroll-behavior-x:contain}a,body{transition:all .2s ease;transition:var(--transition)}a{color:#0079d3;color:var(--color-primary);text-decoration:none}a:hover{color:#005fa3;color:var(--color-primary-hover);text-decoration:underline}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-around{display:flex;justify-content:space-around}.flex-around,.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:12px;border-radius:var(--card-radius)}.rounded-sm{border-radius:4px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.transition{transition:all .2s ease;transition:var(--transition)}.container{margin:0 auto;max-width:1280px;padding:0 1rem;width:100%}.container-with-navbar{padding-top:64px;padding-top:var(--navbar-height)}.container-with-sidebar{padding-left:60px;padding-left:var(--sidebar-width)}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease;transition:var(--transition);-webkit-user-select:none;user-select:none}.btn-primary{background-color:#0079d3;background-color:var(--color-primary);border-color:#0079d3;border-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#005fa3;background-color:var(--color-primary-hover);border-color:#005fa3;border-color:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:initial;border-color:#e2e4e6;border-color:var(--color-border);color:#1a1a1b;color:var(--color-text)}.btn-secondary:hover{background-color:#00000008;background-color:var(--hover-bg);border-color:#007bff;border-color:var(--color-accent)}.btn-danger{background-color:#dc3545;background-color:var(--color-danger);border-color:#dc3545;border-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#c82333;border-color:#c82333}.btn-sm{font-size:.8rem;padding:.375rem .75rem}.btn-lg{font-size:1rem;padding:.75rem 1.5rem}.card{background-color:#fff;background-color:var(--color-bg);border:1px solid #e2e4e6;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:16px;padding:var(--card-padding);transition:all .2s ease;transition:var(--transition)}.card:hover{border-color:#007bff;border-color:var(--color-accent);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.icon-btn{background:#0000;border-radius:8px;color:#1a1a1b;display:inline-flex;height:40px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:40px}.icon-btn:hover{background-color:#00000008;background-color:var(--hover-bg);color:#0079d3;color:var(--color-primary)}.icon-btn svg{height:20px;width:20px}.link{align-items:center;color:inherit;display:flex;gap:.5rem;text-decoration:none!important;transition:all .2s ease;transition:var(--transition)}.link:hover{color:#0079d3;color:var(--color-primary)}.input{background-color:#fff;background-color:var(--color-bg);border:1px solid #e2e4e6;border:1px solid var(--color-border);border-radius:8px;color:#1a1a1b;color:var(--color-text);font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;transition:var(--transition);width:100%}.input:focus{border-color:#0079d3;border-color:var(--color-primary);box-shadow:0 0 0 3px #0079d31a;outline:none}.textarea{background-color:#fff;background-color:var(--color-bg);border:1px solid #e2e4e6;border:1px solid var(--color-border);border-radius:8px;color:#1a1a1b;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:.875rem;min-height:100px;padding:.75rem 1rem;resize:vertical;transition:all .2s ease;transition:var(--transition);width:100%}.textarea:focus{border-color:#0079d3;border-color:var(--color-primary);box-shadow:0 0 0 3px #0079d31a;outline:none}.toast-container{display:flex;flex-direction:column;gap:.75rem;max-width:90vw;position:fixed;z-index:9999}.toast-container.top-right{right:1rem;top:1rem}.toast-container.top-left{left:1rem;top:1rem}.toast-container.bottom-right{bottom:1rem;right:1rem}.toast-container.bottom-left{bottom:1rem;left:1rem}.toast{word-wrap:break-word;align-items:center;animation:fadein .3s ease,fadeout .5s ease 3.5s;background:#f8f9fa;background:var(--color-surface);border-left:4px solid #0079d3;border-left:4px solid var(--color-primary);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#1a1a1b;color:var(--color-text);display:flex;font-size:.9rem;line-height:1.4;max-width:300px;min-width:220px;padding:.75rem 1.25rem}.toast.info{border-left-color:#0079d3;border-left-color:var(--color-primary)}.toast.success{border-left-color:#28a745;border-left-color:var(--color-success)}.toast.error{border-left-color:#dc3545;border-left-color:var(--color-danger)}.toast.warning{border-left-color:#ffc107;border-left-color:var(--color-warning)}@keyframes fadein{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#0000}body::-webkit-scrollbar-thumb{background:#e2e4e6;background:var(--color-border);border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:#848485;background:var(--color-muted)}@media (max-width:768px){.container-with-sidebar{padding-bottom:60px;padding-bottom:var(--sidebar-width);padding-left:0}.icon-btn{height:36px;width:36px}.icon-btn svg{height:18px;width:18px}.container{padding-left:.75rem;padding-right:.75rem}}@media (max-width:480px){.toast{font-size:.8rem;max-width:90vw;min-width:200px;padding:.75rem 1rem}.container{padding-left:.5rem;padding-right:.5rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #0079d3;outline:2px solid var(--color-primary);outline-offset:2px}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#e2e4e6 25%,#00000008 50%,#e2e4e6 75%);background:linear-gradient(90deg,var(--color-border) 25%,var(--hover-bg) 50%,var(--color-border) 75%);background-size:200% 100%}.loader-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.loader-text{color:#848485;color:var(--color-muted,#848485);font-family:var(--font-family);font-size:.875rem;font-weight:500;margin-top:.5rem;text-align:center}.loader-spinner{display:inline-block;height:60px;width:60px}.loader-small .loader-spinner{height:30px;width:30px}.loader-large .loader-spinner{height:90px;width:90px}.ant{height:100%;width:100%}.ant-leg{stroke:var(--color-primary);stroke-width:2;animation:leg-walk .6s ease-in-out infinite alternate;transform-origin:center}.leg1{animation-delay:0s}.leg2{animation-delay:.1s}.leg3{animation-delay:.2s}.ant-head{fill:var(--color-primary);animation:head-nod 1s ease-in-out infinite alternate}.ant-back{fill:var(--color-);animation:body-bob .6s ease-in-out infinite alternate}@keyframes leg-walk{0%{transform:rotate(0deg)}50%{transform:rotate(25deg)}to{transform:rotate(0deg)}}@keyframes head-nod{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes body-bob{0%{transform:translateY(0)}50%{transform:translateY(2px)}to{transform:translateY(0)}}.skeleton-loader{max-width:400px;width:100%}.skeleton-line{animation:loading 1.5s infinite;background:linear-gradient(90deg,#e2e4e6 25%,#00000008 50%,#e2e4e6 75%);background:linear-gradient(90deg,var(--color-border,#e2e4e6) 25%,var(--hover-bg,#00000008) 50%,var(--color-border,#e2e4e6) 75%);background-size:200% 100%;border-radius:4px;height:1rem;margin-bottom:.75rem}.skeleton-title{height:1.5rem;margin-bottom:1rem}.skeleton-short{width:60%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.main-container{align-items:flex-start;box-sizing:border-box;display:flex;gap:2rem;margin:0 auto;max-width:1280px;width:100%}.left-column{flex:2 1;min-width:0;width:100%}.right-column{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;max-height:calc(100vh - 120px);position:-webkit-sticky;position:sticky;top:5rem}.right-column>div{background-color:var(--navbar-bg);border:1px solid var(--color-border);border-radius:12px;padding:1rem}@media (max-width:768px){.main-container{flex-direction:column;padding:0}.left-column{padding:0;width:100%}.right-column{display:none}}.hack-card{background-color:var(--navbar-bg);border-bottom:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-family:Fira Sans,sans-serif;margin-bottom:1.5rem;padding:1rem;position:relative;transition:background-color .25s ease,transform .2s ease}.hack-card:hover{background-color:#00000008;background-color:var(--hover-bg,#00000008);transform:translateY(-2px)}.hack-author{align-items:center;display:flex;gap:.6rem;margin-bottom:.4rem}.hack-username{font-size:.9rem}.hack-date{font-size:.74rem}.hack-title{color:var(--color-text);font-size:1.6rem;font-weight:700;line-height:1.4;margin:1rem 0 .5rem}.hack-title:hover{color:var(--color-primary)}.hack-description{color:var(--color-muted);font-size:1rem;line-height:1.6;margin-bottom:1rem;white-space:pre-wrap;word-break:break-word}.hack-label{background:var(--color-border);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text);font-size:.7rem;font-weight:500;padding:.2rem .6rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}@media (max-width:768px){.hack-title{font-size:1.1rem}.hack-username{font-size:.85rem}.hack-date{font-size:.7rem}.hack-description{font-size:.92rem}}.hack-social{border-top:1px solid #ddd;border-top:1px solid var(--color-border,#ddd);justify-content:space-between;margin-top:1rem;padding:.5rem .75rem}.hack-social,.left,.right{align-items:center;display:flex}.left,.right{gap:.5rem}.save-btn,.share-btn{background:none;border:none;color:var(--color-muted);cursor:pointer;padding:0;transition:color .2s ease}.save-btn:hover,.share-btn:hover{color:var(--color-accent)}.upvote-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.3rem;padding:.3rem .6rem;transition:background-color .2s ease,transform .1s ease}.upvote-btn:hover{background-color:var(--color-primary-hover);transform:scale(1.05)}.upvote-count{font-weight:500}.avatar-wrapper{display:inline-block;height:40px;position:relative;width:40px}.avatar{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-wrapper.captain{border:2px solid gold;border-radius:50%;box-shadow:0 0 6px gold;padding:2px}.avatar-wrapper.captain .avatar-overlay{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3));height:auto;left:50%;pointer-events:none;position:absolute;top:-10px;transform:translateX(-50%) rotate(-15deg);width:28px}.hack-tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.tag-badge{background-color:var(--color-border);border-radius:12px;color:var(--color-text);cursor:pointer;font-size:12px;padding:4px 10px}.error-wrapper,.notfound-wrapper{align-items:center;background-color:var(--color-bg);display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:2rem 1rem;text-align:center}.ascii-luffy,.ascii-skull{color:var(--color-text);font-family:monospace,Courier New,Courier;font-size:1rem;line-height:1.4;max-width:100%;overflow-x:auto;white-space:pre-wrap}.error-msg,.notfound-msg{color:var(--color-text);font-size:1.1rem;margin-top:1.5rem}.error-hint{color:var( --color-muted);font-size:.95rem;margin:.5rem 0 1.5rem}.home-link,.retry-btn{font-weight:500;text-decoration:underline;transition:color .2s ease}.home-link,.home-link:hover,.retry-btn,.retry-btn:hover{color:var(--color-primary)}@media (max-width:768px){.ascii-luffy,.ascii-skull{font-size:.85rem;line-height:1.3}.error-msg,.notfound-msg{font-size:1rem}.error-hint{font-size:.9rem}}@media (max-width:480px){.ascii-luffy,.ascii-skull{font-size:.75rem}.error-msg,.notfound-msg{font-size:.95rem}.error-hint{font-size:.85rem}}.news-feed-container{-ms-overflow-style:none;box-sizing:border-box;font-family:Fira Sans,sans-serif;margin:0 auto;max-width:800px;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;scrollbar-width:none}.news-feed-container::-webkit-scrollbar{display:none}.news-feed-title{color:var(--color-text);font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center;word-break:break-word}.news-feed-list{gap:1.25rem;list-style:none;margin:0;padding:0}.news-feed-item,.news-feed-list{display:flex;flex-direction:column}.news-feed-item{background-color:#f9f9f9;background-color:var(--color-bg,#f9f9f9);border-radius:8px;box-shadow:0 1px 3px #0000000d;gap:.6rem;overflow-wrap:break-word;padding:1rem;word-break:break-word}.news-feed-link{color:var(--color-text);font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s ease}.news-feed-link:hover{color:var(--color-primary)}.news-feed-meta{color:var(--color-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem}.news-type{background-color:#e5e5e5;background-color:var(--color-surface,#e5e5e5);border-radius:4px;color:var(--color-muted);font-size:.65rem;font-weight:600;letter-spacing:.04em;padding:2px 6px;text-transform:uppercase}.news-summary{color:var(--color-muted);font-size:.85rem;line-height:1.5}.news-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:4px}.news-tag{background-color:#e5e5e5;background-color:var(--color-surface,#e5e5e5);border-radius:4px;color:var(--color-muted);font-size:.7rem;max-width:100%;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.news-feed-container{padding:1rem .75rem}.news-feed-title{font-size:1.1rem}.news-feed-link{font-size:.95rem}.news-summary{font-size:.8rem}.news-tag{font-size:.65rem}}.search-help-container{color:var(--color-text);font-family:Inter,sans-serif;line-height:1.6;margin:0 auto;max-width:800px;padding:2rem 1rem}.search-help-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;text-align:center}.search-help-description{color:var(--color-muted);font-size:.95rem;margin-bottom:2rem;text-align:center}.search-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:2rem;padding:1rem}.section-title{font-size:1.2rem;margin-bottom:.5rem}.search-section p{margin:.5rem 0}.search-section ul{list-style-type:disc;margin-top:.5rem;padding-left:1.25rem}.search-section li{font-size:.9rem;margin-bottom:.5rem}.search-section code{background:var(--color-bg);border-radius:4px;font-family:Fira Code,monospace;font-size:.85rem;padding:2px 6px}.search-section pre{background:var(--color-surface);border-radius:6px;font-size:.85rem;overflow-x:auto;padding:.75rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tag{background-color:var(--color-muted);border-radius:4px;font-size:.75rem;font-weight:500;padding:4px 8px}@media (max-width:480px){.search-help-title{font-size:1.4rem}.section-title{font-size:1rem}.tag{font-size:.7rem}}.create-hack{background:var(--color-bg);border-radius:16px;box-shadow:0 6px 24px #0000000f;color:var(--color-text);font-family:Fira Sans,sans-serif;margin:2rem auto;max-width:900px;padding:2rem;transition:all .2s ease;width:96%}.editor-top{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.hack-type-toggle{background:var(--hover-bg);border-radius:8px;display:flex;gap:.5rem;padding:.3rem}.hack-type-toggle button{background:#0000;border:none;border-radius:6px;color:var(--color-text);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .2s ease}.hack-type-toggle button.active{background:var(--color-primary);color:#fff;font-weight:600}.hack-type-toggle button:hover{background:var(--color-border)}.tag-input-wrapper{align-items:center;background:var(--color-bg);border-radius:8px;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;padding:.5rem}.tag-input-wrapper input{background:#0000;border:none;color:var(--color-text);flex:1 1;font-size:1rem;min-width:120px;outline:none;padding:.4rem}.tag-chip{align-items:center;background:var(--color-primary);border-radius:999px;color:#fff;display:flex;font-size:.85rem;padding:.3rem .7rem}.tag-chip button{background:none;border:none;color:#fff;cursor:pointer;margin-left:.5rem}.hack-title-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1.15rem;font-weight:600;margin:1rem 0;padding:.75rem 1rem;width:100%}.cover-upload-wrapper{margin-bottom:1rem}.upload-btn{background:var(--hover-bg);border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text);display:inline-block;padding:.6rem 1.2rem;transition:background .2s ease}.upload-btn:hover{background:var(--color-border);color:var(--color-primary)}.textarea-wrapper{position:relative}.markdown-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:monospace;font-size:1.05rem;line-height:1.7;min-height:300px;padding:1rem 1rem 3rem;resize:vertical;scrollbar-color:var(--color-text) #0000;scrollbar-width:thin;width:100%}.markdown-input::-webkit-scrollbar{width:8px}.markdown-input::-webkit-scrollbar-track{background:#0000}.markdown-input::-webkit-scrollbar-thumb{background-color:var(--color-text);border-radius:6px}.markdown-input::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}.inside-plus-btn{align-items:center;background:var(--color-primary);border:none;border-radius:50%;bottom:16px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:16px;transition:background .2s ease;width:32px;z-index:2}.inside-plus-btn:hover{background:var(--color-accent)}.markdown-help-btn{align-items:center;background:var(--color-border);border:none;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:34px;justify-content:center;transition:background .2s ease;width:34px}.markdown-help-btn:hover{background:var(--color-primary);color:#fff}.markdown-preview{background:var(--hover-bg);border:1px dashed var(--color-border);border-radius:8px;font-family:Fira Sans,sans-serif;padding:1rem;white-space:pre-wrap}.markdown-preview img{border:1px solid var(--color-border);border-radius:8px;display:block;margin:1rem 0;max-height:300px;max-width:100%;object-fit:cover}.editor-controls{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-end;margin-top:1.5rem}.editor-controls button{background:var(--hover-bg);border:none;border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:background .2s ease}.editor-controls button:hover{background:var(--color-border)}.submit-btn{background:var(--color-primary);color:#fff;font-weight:600}.submit-btn:hover{background:var(--color-accent)}.markdown-popup{animation:fadeInUp .2s ease-out;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 6px 16px #00000026;font-family:monospace;font-size:.95rem;padding:1rem;position:fixed;right:20px;top:80px;width:300px;z-index:9999}.markdown-popup:before{border-bottom:1px dashed var(--color-border);content:"Markdown Cheatsheet";display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem}.markdown-popup ul{list-style:none;padding-left:0}.markdown-popup li{margin-bottom:.6rem}.markdown-popup code{background:var(--hover-bg);border-radius:4px;color:var(--color-primary);font-family:monospace;padding:.2rem .4rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.create-hack{border-radius:12px;padding:1.2rem 1rem;width:100%}.editor-controls,.editor-top{flex-direction:column}.editor-controls{align-items:stretch}.editor-controls button{width:100%}.hack-title-input{font-size:1rem}.inside-plus-btn{font-size:1rem;height:28px;width:28px}.image-preview{height:70px;width:70px}}.navbar{background-color:var(--color-bg);color:var(--navbar-text);height:var(--navbar-height);left:0;padding:.75rem 1rem;position:fixed;top:0;z-index:100}.navbar,.navbar-inner{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar-inner{gap:1rem;margin:0 auto;max-width:1280px}.rightbar{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem}.btn:hover{border:1px solid var(--color-accent)}.btn+.btn{margin-left:.75rem}.wrapper{align-items:center;display:flex}@media (max-width:768px){.navbar{border-bottom:1px solid var(--color-border);padding:.5rem 1rem}.btn{font-size:.8rem;padding:.35rem .65rem}.rightbar,.wrapper{gap:.5rem}.hide-on-mobile{display:none!important;opacity:0;pointer-events:none}}.menu-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s ease}.menu-btn:hover{background-color:#0000000d}.nav-logo{align-items:center;cursor:pointer;display:flex;gap:.4rem;transition:opacity .2s ease}.nav-logo:hover{opacity:.85}.logo{display:inline-block;flex-shrink:0;height:40px;width:40px}.brand{align-items:center;display:flex;height:26px;max-height:30px;-webkit-user-select:none;user-select:none;width:auto}[data-theme=dark] .menu-btn:hover{background-color:#ffffff1a}.search-wrapper{align-items:center;display:flex;max-width:100%;position:relative;transition:all .3s ease;width:100%}.search-icon{color:#777;color:var(--color-muted,#777);height:16px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.search-form{flex:1 1}.search-input{background-color:#fff;background-color:var(--color-bg,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:999px;color:#333;color:var(--color-text,#333);font-size:.9rem;padding:.5rem 1rem .5rem 2.25rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#0070f3;border-color:var(--color-primary,#0070f3);outline:none}.back-btn{color:#333;color:var(--color-text,#333);display:none;font-size:1.5rem;margin-right:.75rem}.back-btn,.search-help{background:none;border:none;cursor:pointer}.search-help{color:var(--color-muted);font-size:1rem;margin-left:.5rem}.search-help:hover{color:var(--color-primary)}.search-suggestions{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #0000001a;left:0;max-height:300px;overflow-y:auto;padding:.25rem 0;position:absolute;right:0;top:calc(100% + 8px);transition:all .3s ease;z-index:1000}.suggestion-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.6rem 1rem;transition:background .2s ease}.suggestion-item:hover{background:#0000000a;background:var(--hover-bg,#0000000a)}.suggestion-info{display:flex;flex-direction:column;overflow:hidden}.suggestion-username{color:var(--color-text);font-size:.9rem;font-weight:600}.suggestion-fullname,.suggestion-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-fullname{color:var(--color-muted);font-size:.8rem}.suggestion-tag{color:#0070f3;color:var(--color-primary,#0070f3);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-tag-count{color:#777;color:var(--color-muted,#777);font-size:.75rem}@media (max-width:640px){.search-wrapper{justify-content:flex-end;position:relative}.search-icon{color:#333;color:var(--color-text,#333);height:20px;left:auto;pointer-events:auto;position:relative;transform:none;width:20px}.search-input{border:none;opacity:0;padding:0;pointer-events:none;width:0}.search-wrapper.active{align-items:center;background:#fff;background:var(--color-bg,#fff);display:flex;height:56px;left:0;padding:0 1rem;position:absolute;right:0;top:0;z-index:9999}.search-wrapper.active .back-btn{display:inline}.search-wrapper.active .search-icon{display:none}.search-wrapper.active .search-input{border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:999px;flex:1 1;opacity:1;padding:.4rem 1rem;pointer-events:auto;width:100%}.search-suggestions{border-radius:0 0 8px 8px;left:0;max-height:50vh;right:0;width:100%}.suggestion-item{padding:.75rem 1rem}.suggestion-item img{height:32px;width:32px}.suggestion-username{font-size:.95rem}.suggestion-fullname{font-size:.8rem}}.sidebar{align-items:center;background-color:var(--color-bg);display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;padding-top:1rem;position:fixed;top:var(--navbar-height);transition:width .3s ease;width:var(--sidebar-width);z-index:1000}.sidebar.expanded{align-items:flex-start;padding-left:1rem;width:200px}.icon-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-size:20px;gap:.75rem;margin:8px 0;padding:12px;transition:background .2s ease,padding-left .3s ease;width:100%}.icon-btn:hover{color:var(--color-accent)}.label{font-size:.9rem;opacity:0;transform:translateX(-5px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.sidebar.expanded .label{opacity:1;transform:translateX(0)}.sidebar-footer{display:flex;justify-content:center;margin-top:auto;padding:1rem;width:100%}.theme-toggle-btn{background-color:initial;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;font-size:.9rem;padding:.5rem;text-align:center;transition:background .2s ease;width:90%}.theme-toggle-btn:hover{background-color:#0000000d}[data-theme=dark] .theme-toggle-btn:hover{background-color:#ffffff14}@media (max-width:768px){.sidebar{align-items:center;border-top:1px solid var(--color-border);bottom:0;flex-direction:row;height:60px;justify-content:space-around;left:0;padding:0;top:auto;width:100%}.icon-btn{flex-direction:column;font-size:18px;margin:0}.label,.sidebar-footer{display:none}}.login-page{align-items:center;background-color:var(--color-bg);display:flex;height:100dvh;justify-content:center;padding:1rem}.login-card{border:1px solid var(--color-border);border-radius:6px;box-shadow:0 1px 3px #0000000d;max-width:400px;padding:2rem;text-align:center;width:100%}.login-card,.login-image{background-color:var(--color-bg)}.login-image{border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 6px #0000000d;display:block;height:72px;margin:0 auto 1.5rem;object-fit:cover;width:72px}.login-form{display:flex;flex-direction:column;gap:.75rem}.login-form input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.95rem;padding:.6rem .75rem;transition:border-color .2s ease,box-shadow .2s ease}.login-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 30%,#0000);outline:none}.login-form button{background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem .75rem;transition:background-color .2s ease}.login-form button:hover{background-color:var(--color-primary-hover)}.login-footer{align-items:center;color:var(--color-muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;justify-content:center;margin-top:1rem}.login-footer a{color:var(--color-primary);text-decoration:none}.login-footer a:hover{text-decoration:underline}.github-login-button{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:center;margin-top:1rem;padding:.6rem .75rem;transition:background-color .2s ease}.github-login-button:hover{background-color:var(--color-border)}.divider{border:none;border-top:1px solid var(--color-border);margin:1.25rem 0}@media (max-width:480px){.login-card{padding:1.5rem 1rem}.login-form button,.login-form input{font-size:.9rem}.login-image{height:64px;margin-bottom:1.25rem;width:64px}}.read-hack{color:var(--color-text);font-family:Fira Sans,sans-serif;line-height:1.65;margin:2rem auto;max-width:800px;padding:1rem}.hack-main-title{color:var(--color-text);font-size:2.25rem;font-weight:800;line-height:1.3;margin:1rem 0 1.25rem;word-break:break-word}.read-hack .hack-content{font-size:1rem;line-height:1.65;word-break:break-word}.read-hack .hack-content>*{margin:.4rem 0}.read-hack .hack-content>:first-child{margin-top:0}.read-hack .hack-content>:last-child{margin-bottom:0}.read-hack .hack-content h1,.read-hack .hack-content h2,.read-hack .hack-content h3,.read-hack .hack-content h4,.read-hack .hack-content h5,.read-hack .hack-content h6{color:var(--color-text);font-weight:700;line-height:1.3;margin:.8rem 0 .3rem}.read-hack .hack-content h1{font-size:1.8rem}.read-hack .hack-content h2{font-size:1.4rem}.read-hack .hack-content h3{font-size:1.2rem}.read-hack .hack-content h4{font-size:1.05rem}.read-hack .hack-content h5{font-size:1rem}.read-hack .hack-content h6{font-size:.95rem}.read-hack .hack-content p{color:var(--color-text);margin:.35rem 0}.read-hack .hack-content p+p{margin-top:.3rem}.read-hack .hack-content a{color:var(--color-accent);text-decoration:underline}.read-hack .hack-content a:hover{color:var(--color-primary-hover);text-decoration:none}.read-hack .hack-content code{background:var(--hover-bg);border-radius:4px;color:var(--color-accent);font-family:Fira Code,monospace;font-size:.92rem;padding:.25em .5em}.read-hack .hack-content pre{margin:.8rem 0}.read-hack .hack-content pre code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);display:block;font-family:Fira Code,monospace;font-size:.94rem;line-height:1.5;margin:0;overflow-x:auto;padding:.9rem 1rem}.read-hack .hack-content img,.read-hack .hack-content video{border-radius:6px;margin:.7rem 0;max-width:100%}.read-hack .hack-content blockquote{background-color:var(--hover-bg);border-left:4px solid var(--color-primary);border-radius:6px;color:var(--color-muted);font-size:1rem;font-style:italic;line-height:1.65;margin:.8rem 0;padding:.75rem 1rem}.read-hack .hack-content blockquote p{color:var(--color-muted);margin:.25rem 0}.read-hack .hack-content blockquote blockquote{border-left-width:3px;font-size:.95rem;margin:.5rem 0;padding:.5rem .8rem}.read-hack .hack-content hr{border:none;border-top:1px solid var(--color-border);margin:1.4rem 0}.read-hack .hack-content ol,.read-hack .hack-content ul{color:var(--color-text);margin:.5rem 0;padding-left:2rem}.read-hack .hack-content li{line-height:1.5;margin:.2rem 0}.read-hack .hack-content table{border-collapse:collapse;color:var(--color-text);font-size:.95rem;margin:1rem 0;width:100%}.read-hack .hack-content td,.read-hack .hack-content th{border:1px solid var(--color-border);padding:.55rem .8rem;text-align:left}.read-hack .hack-content th{background-color:var(--color-surface);font-weight:600}.read-author{align-items:center;display:flex;gap:.6rem;margin-top:1.4rem}.read-author .avatar{border-radius:50%;height:38px;object-fit:cover;width:38px}.hack-username{color:var(--color-text);font-size:.94rem;font-weight:600;margin:0}.hack-date{color:var(--color-muted);font-size:.73rem;margin:0}.hack-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:.9rem}.hack-btn{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.88rem;padding:.45rem 1.1rem;transition:background-color .2s ease}.hack-btn:hover{background-color:var(--hover-bg)}.update-btn{border-color:var(--color-primary);color:var(--color-primary)}.update-btn:hover{background-color:var(--color-primary-hover);color:#fff}.delete-btn{border-color:var(--color-danger);color:var(--color-danger)}.delete-btn:hover{background-color:var(--color-danger);color:#fff}@media (max-width:768px){.read-hack{padding:1rem}.hack-main-title{font-size:1.75rem;line-height:1.3;margin:.8rem 0 1.1rem}.read-hack .hack-content{font-size:.95rem;line-height:1.6}.read-hack .hack-content>*{margin:.3rem 0}.read-hack .hack-content h1{font-size:1.5rem}.read-hack .hack-content h2{font-size:1.25rem}.read-hack .hack-content pre code{font-size:.9rem;padding:.75rem}.read-author{flex-direction:row;gap:.5rem;margin-top:1.1rem}.hack-username{font-size:.9rem}.hack-date{font-size:.7rem}}@media (max-width:480px){.hack-main-title{font-size:1.5rem;margin:.6rem 0 .9rem}.read-hack .hack-content{font-size:.9rem}.read-hack .hack-content>*{margin:.25rem 0}.read-hack .hack-content p+p{margin-top:.2rem}}.thread-box{border-top:1px solid var(--color-border);font-family:Fira Sans,sans-serif;margin-top:2rem;padding-top:1rem}.thread-box textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.95rem;line-height:1.4;margin-bottom:.75rem;min-height:100px;padding:.75rem;width:100%}.thread-actions{display:flex;flex-wrap:wrap;gap:.75rem}.upload-btn{background:none;border:1px dashed var(--color-primary);border-radius:4px;color:var(--color-primary);cursor:pointer;font-weight:600;padding:.4rem .8rem;transition:background .2s}.upload-btn:hover{background:#0070f30d}.thread-actions button{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.2rem;transition:background .2s}.thread-actions button:disabled{cursor:not-allowed;opacity:.7}.thread-list{gap:1rem;margin-top:1.5rem}.thread-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:.75rem}.thread-author{color:var(--color-muted);display:block;font-size:.75rem;margin-top:.5rem}@media (max-width:600px){.thread-actions{align-items:stretch;flex-direction:column}.thread-actions button,.upload-btn{text-align:center;width:100%}.thread-box textarea{min-height:120px}}.thread-list{border-top:1px solid #ddd;border-top:1px solid var(--color-border,#ddd);display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;padding-top:1rem}.empty-message{color:#777;color:var(--color-muted,#777);font-size:.95rem;text-align:center}.thread-item{background:#fff;background:var(--color-bg,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:8px;padding:1rem 1.25rem;transition:box-shadow .2s ease}.thread-item:hover{box-shadow:0 4px 12px #0000000f}.left-margin{cursor:pointer;margin-left:auto;transition:var(--transition)}.thread-content{color:#333;color:var(--color-text,#333);font-size:.95rem;line-height:1.6;text-align:left;word-break:break-word}.thread-content pre{background:#1e1e1e;border-radius:6px;color:#eee;overflow-x:auto;padding:.75rem}.thread-content code{background:#f4f4f4;border-radius:4px;font-family:monospace;font-size:.85rem;padding:2px 4px}.thread-content pre code{background:none;padding:0}.thread-content h1,.thread-content h2,.thread-content h3{font-weight:600;margin:1rem 0 .5rem}.thread-content a{color:#0070f3;color:var(--color-primary,#0070f3);text-decoration:underline}.thread-content ol,.thread-content ul{padding-left:1.25rem}.thread-content blockquote{border-left:3px solid #0070f3;border-left:3px solid var(--color-primary,#0070f3);color:#555;font-style:italic;margin:1rem 0;padding-left:1rem}.thread-content img{border-radius:8px;height:auto;margin:1rem 0;max-width:100%}.thread-content video{border-radius:8px;margin:1rem 0;width:100%}.thread-upvotes{align-items:center;display:flex;gap:.5rem;margin-top:1rem}.thread-upvotes button{background:#0070f3;background:var(--color-primary,#0070f3);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:background .2s ease}.thread-upvotes button:hover{background:#005bb5}.thread-upvotes span{color:#333;color:var(--color-text,#333);font-size:.85rem}.thread-author{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.thread-author .author-username{color:#333;color:var(--color-text,#333);font-size:.9rem;font-weight:600}@media (max-width:768px){.thread-item{padding:.75rem 1rem}.thread-content{font-size:.9rem}.thread-type{font-size:.7rem}}.hacker-trends-page{font-family:Fira Sans,sans-serif;margin:0 auto;max-width:800px;padding:2rem 1rem}@media (max-width:768px){.hacker-trends-page{padding:1.5rem 1rem}}@media (max-width:480px){.hacker-trends-page{padding:1rem .75rem}}.profile-terminal{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);margin:0 auto;max-width:800px;overflow-x:auto;padding:2rem;position:relative}.gear-btn{background:none;border:none;color:var(--color-muted);cursor:pointer;font-size:2.2rem;line-height:1;position:absolute;right:1rem;top:1rem;transition:color .2s,transform .2s}.gear-btn:hover{color:var(--color-primary);transform:rotate(20deg)}.follow-btn{border:none;border-radius:9999px;cursor:pointer;font-size:.85rem;font-weight:600;margin:0;padding:6px 14px;transition:background .3s ease,box-shadow .2s ease}.follow-btn.follow{background:var(--color-primary);color:#fff}.follow-btn.follow:hover{background:var(--color-primary-hover);box-shadow:0 2px 8px #0003}.follow-btn.unfollow{background:var(--color-muted);color:#fff}.follow-btn.unfollow:hover{background:#555}@keyframes fadeInAscii{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ascii-banner{background-color:var(--color-bg);border-radius:8px;color:var(--color-primary);font-family:Fira Code,Courier New,monospace;font-size:12px;line-height:1.1;overflow-x:auto;padding:12px;white-space:pre}.profile-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem}.profile-picture{border:3px solid var(--color-primary);border-radius:50%;flex-shrink:0;height:110px;object-fit:cover;transition:transform .3s ease;width:110px}.profile-picture:hover{transform:scale(1.05)}.profile-name-bio{display:flex;flex:1 1 25px;flex-direction:column;gap:.5rem;padding-top:.5rem}.profile-name-bio h1{font-family:Fira Sans,sans-serif;font-size:1.8rem;font-weight:700;margin:0}.profile-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.profile-name-bio p{color:var(--color-muted);margin:.2rem 0}.profile-name-bio a{color:var(--color-primary);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;word-break:break-word}.profile-stats{align-items:center;background:var(--hover-bg);border:2px dashed var(--color-primary);border-radius:8px;display:flex;flex-direction:column;font-size:1rem;line-height:1.8;margin-top:1.5rem;padding:1.5rem;text-align:center}.profile-stats .score{color:var(--color-primary);font-size:3rem;font-weight:800;text-shadow:1px 1px var(--color-border)}.profile-stats .score:after{content:" ⚡";font-size:2rem;vertical-align:middle}.profile-stats .follow-stats{font-size:1rem;margin-top:.5rem}.profile-stats .follow-stats a,.profile-stats .follow-stats strong{color:var(--color-text);font-weight:600;margin:0 .25rem;text-decoration:none;transition:color .2s ease}.profile-stats .follow-stats a:hover{color:var(--color-primary);text-decoration:underline}.clickable{color:var(--color-text);cursor:pointer;transition:color .2s ease}.clickable:hover{color:var(--color-primary);text-decoration:underline}@media (max-width:768px){.profile-header{align-items:center;flex-direction:column;gap:1rem;text-align:center}.profile-picture{height:90px;width:90px}.ascii-banner{font-size:7px}.profile-name-bio h1{font-size:1.5rem}.profile-actions{flex-direction:column;width:100%}.add-to-crew-btn,.follow-btn{text-align:center;width:100%}.profile-stats{padding:1rem}.profile-stats .score{font-size:2.8rem}.gear-btn{font-size:2.5rem;right:.8rem;top:.8rem}}.skills-list{margin-bottom:2rem}.skills-list h3{color:var(--color-text);font-family:Fira Sans,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.tags-wrapper{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#0000000d;border:1px solid var(--color-border);border-radius:16px;color:var(--color-text);cursor:default;display:inline-block;font-size:.85rem;padding:.4rem .9rem;transition:background-color .2s,box-shadow .2s}[data-theme=dark] .tag{background:#ffffff0d}.tag:hover{background:#0000001a}[data-theme=dark] .tag:hover{background:#ffffff1a}.tag:hover{background:var(--hover-bg)}.add-tag{border-color:var(--color-primary);color:var(--color-primary);cursor:pointer;font-weight:700}.add-tag:hover{background:var(--hover-bg)}.add-input-wrapper{align-items:center;display:flex;gap:.3rem}.add-input-wrapper input{background:#0000;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:.85rem;outline:none}.add-input-wrapper button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:1rem}.add-input-wrapper button:hover{text-decoration:underline}.delete-skill-btn{background:none;border:none;color:#e74c3c;color:var(--color-danger,#e74c3c);cursor:pointer;font-size:.85rem;line-height:1;margin-left:.4rem;vertical-align:middle}.delete-skill-btn:hover{text-decoration:underline}.hacker-journey{margin-bottom:var(--sidebar-width)}.hacker-journey h3{color:var(--color-text);font-family:Fira Sans,sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.journey-list{display:flex;flex-direction:column;gap:1rem}.journey-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);padding:1.2rem 1rem;transition:box-shadow .2s}.journey-card:hover{box-shadow:0 4px 12px #0000000d}.journey-header{font-weight:600;margin-bottom:.4rem}.journey-meta{color:var(--color-muted);font-size:.85rem;margin-bottom:.5rem}.journey-meta span{margin-right:.7rem}.journey-card p{font-size:.95rem;margin-bottom:.5rem}.tools-used{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.tool-tag{background:#0000000d;border:1px solid var(--color-border);border-radius:12px;font-size:.75rem;padding:.2rem .6rem}[data-theme=dark] .tool-tag{background:#ffffff0d}.journey-dates{color:var(--color-muted);font-size:.8rem}.reference-link{color:var(--color-primary);font-size:.8rem}.read-more-toggle{color:#007bff;cursor:pointer;font-weight:500;margin-left:5px}.read-more-toggle:hover{text-decoration:underline}.card-actions{display:flex;gap:.5rem;margin-top:.7rem}.action-btn{border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.3rem .6rem;transition:background .2s}.edit-btn{background:var(--color-primary);color:#fff}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover,.edit-btn:hover{opacity:.9}.add-journey-btn{background:#0000;border:1px dashed var(--color-primary);border-radius:16px;color:var(--color-primary);cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:.4rem .8rem;transition:background .2s,border-color .2s}.add-journey-btn:hover{background:var(--hover-bg);border-color:var(--color-accent)}.modal-backdrop{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:999}.modal-content{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 0 20px #0003;max-height:90vh;max-width:640px;overflow-y:auto;padding:2rem;width:100%}.journey-form{display:flex;flex-direction:column;gap:.7rem}.journey-form input,.journey-form select,.journey-form textarea{background:#0000;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-family:Fira Sans,sans-serif;padding:.55rem .8rem;transition:border-color .2s;width:100%}.journey-form input:focus,.journey-form select:focus,.journey-form textarea:focus{border-color:var(--color-primary)}.journey-form textarea{min-height:80px}.journey-form .form-group{display:flex;flex-wrap:wrap;gap:.5rem}.journey-form .form-actions{display:flex;gap:.7rem;margin-top:.5rem}.modal-content button{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.45rem 1rem}.modal-content button:hover{opacity:.9}@media (max-width:768px){.modal-content{max-width:95%;padding:1.5rem}.journey-form .form-actions,.journey-form .form-group{flex-direction:column}.add-journey-btn{font-size:1rem;padding:.4rem 1rem}}@media (max-width:480px){.journey-card{padding:.8rem}.journey-header{font-size:1rem}.journey-meta{font-size:.75rem}.reference-link{word-break:break-all}}.profile-grid{display:grid;grid-template-columns:2fr 1fr;padding:1rem}.left-column,.right-column{background:var(--color-bg);border-radius:8px;color:var(--color-text);padding:2rem}.right-column{max-height:calc(100vh - var(--navbar-height) - 4rem);overflow-y:auto}.right-column::-webkit-scrollbar{width:8px}.right-column::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.hack-section{margin-top:2rem;padding:1rem 2rem}.hack-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.hack-header h2{color:var(--color-heading);flex:1 1 auto;font-size:1.5rem;font-weight:700;min-width:150px}.show-more-btn,.toggle-draft-btn{background:#1f2937;background:var(--color-primary,#1f2937);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1.25rem;transition:background .2s ease;white-space:nowrap}.show-more-btn:hover,.toggle-draft-btn:hover{background:#111827;background:var(--color-primary-dark,#111827)}.hack-list{display:flex;flex-direction:column;gap:1.25rem}@media (max-width:1024px){.hack-section{padding:1rem}.hack-header{align-items:flex-start;flex-direction:column}.show-more-btn,.toggle-draft-btn{width:100%}}@media (max-width:600px){.hack-section{margin-top:1rem;padding:.75rem}.hack-header h2{font-size:1.25rem}.show-more-btn,.toggle-draft-btn{font-size:.95rem;padding:.6rem 1rem}}@media (max-width:768px){.profile-grid{grid-template-columns:1fr;padding:0}.left-column,.right-column{border-radius:0;padding:.1rem}.right-column{max-height:none;overflow-y:visible}.skills-list{margin-bottom:2rem;margin-top:2rem}}.settings-container{background:var(--color-bg);display:flex;height:calc(100vh - var(--navbar-height));overflow:hidden;position:relative;width:100%}.settings-sidebar{background:var(--color-sidebar-bg);border-right:1px solid var(--color-border);flex-shrink:0;height:100%;overflow:hidden;padding:1.5rem;width:240px}.settings-content{-webkit-overflow-scrolling:touch;background:var(--color-bg);flex:1 1;height:100%;overflow-y:auto;padding:2rem 3rem;scroll-behavior:smooth}.settings-content::-webkit-scrollbar{background-color:var(--color-border)}.hamburger-btn-setting,.settings-sidebar .close-btn{display:none}@media (max-width:768px){.settings-container{flex-direction:column;height:auto}.settings-sidebar{background:var(--color-bg);box-shadow:2px 0 10px #00000026;height:calc(100vh - var(--navbar-height));left:-260px;overflow:hidden;position:fixed;transition:left .3s ease;width:260px;z-index:1000}.settings-sidebar.open{left:0}.settings-sidebar .close-btn{font-size:1.5rem;margin-bottom:1.5rem}.hamburger-btn-setting,.settings-sidebar .close-btn{background:none;border:none;color:var(--color-text);cursor:pointer;display:block}.hamburger-btn-setting{font-size:1.8rem;left:1rem;position:absolute;top:1rem;z-index:10}.settings-content{height:auto;max-height:none;padding:4rem 1.5rem 2rem}}.settings-sidebar ul{list-style:none;margin:0;padding:0}.settings-sidebar button{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.6rem .75rem;text-align:left;transition:background .2s ease,color .2s ease;width:100%}.settings-sidebar button:hover{background:#0000000d}.settings-sidebar button.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.settings-form{color:var(--color-text);font-family:Fira Sans,sans-serif;margin:0 auto;max-width:700px;padding:2rem}.settings-form h2{border-bottom:1px solid var(--color-border);color:var(--color-primary);font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.security-block{border-top:1px solid var(--color-border);margin-bottom:2.5rem;padding-top:1.5rem}.session-list-container{margin-bottom:1.5rem;max-height:300px;overflow-y:auto;padding-right:6px;scrollbar-width:thin}.session-list-container::-webkit-scrollbar{width:6px}.session-list-container::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.session-list{list-style:none;margin:0;padding:0}.session-item{align-items:flex-start;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;display:flex;font-family:monospace;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:border .2s}.session-item:hover{border-color:var(--color-primary)}.session-meta span{color:var(--color-muted);display:block;font-size:.85rem;margin-bottom:4px}.logout-btn{background:#0000;border:1px solid #ff4c4c;border-radius:4px;color:#ff4c4c;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s}.logout-btn:hover{background-color:#ff4c4c;color:#000}.settings-form label{display:block;font-size:.95rem;font-weight:500;margin-bottom:1.25rem}.settings-form input,.settings-form textarea{background:#0000;border:1px solid var(--color-border);border-radius:5px;color:var(--color-text);font-size:1rem;padding:.6rem .8rem;transition:border-color .2s;width:100%}.settings-form input:focus,.settings-form textarea:focus{border-color:var(--color-primary);outline:none}.settings-form textarea{min-height:100px;resize:vertical}.settings-form button{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.65rem 1.3rem;transition:background .2s ease,transform .1s ease}.settings-form button:disabled{cursor:not-allowed;opacity:.6}.settings-form button:hover:not(:disabled){background:#0f0;background:var(--color-primary-hover,#0f0);transform:translateY(-1px)}.settings-form .save-btn{margin-top:1.25rem}.profile-picture-wrapper{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.profile-picture-wrapper img{border:1px solid var(--color-border);border-radius:50%;cursor:pointer;height:90px;object-fit:cover;transition:transform .2s,border-color .2s;width:90px}.profile-picture-wrapper img:hover{border-color:var(--color-primary);transform:scale(1.05)}.upload-hint{color:var(--color-muted);font-size:.8rem;margin-top:.4rem}.inline-token-box{border:1px solid var(--color-border);font-family:monospace;margin:1rem 0 2rem;padding:1rem}.inline-token-box,.token-display{background:var(--color-bg);border-radius:6px}.token-display{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:.5rem;overflow-x:auto;padding:.75rem 1rem}.token-display code{color:var(--color-text);flex:1 1;font-size:.95rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-token-btn{background:var(--color-primary);border:none;border-radius:4px;color:#000;cursor:pointer;font-weight:600;padding:.4rem .8rem;transition:background .2s ease}.copy-token-btn:hover{background:var(--color-primary-hover)}.warning-text{color:#f55;font-size:.85rem;margin-top:.5rem}@media (max-width:600px){.settings-form{padding:1rem}.settings-form h2{font-size:1.3rem}.session-item{align-items:flex-start;flex-direction:column;gap:.5rem}.profile-picture-wrapper img{height:70px;width:70px}}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1002}.modal{animation:scaleIn .2s ease;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 5px 25px #0003;max-width:500px;padding:2rem;width:90%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal h3{color:var(--color-primary);font-size:1.3rem;margin-bottom:1rem;margin-top:0}.modal p{font-size:.95rem;line-height:1.5;margin-bottom:1rem}.modal input,.modal p{color:var(--color-text)}.modal input{background:#0000;border:1px solid var(--color-border);border-radius:5px;font-size:1rem;padding:.6rem .8rem;width:100%}.modal input:focus{border-color:var(--color-primary);outline:none}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.modal-actions .cancel{background:#0000;border:1px solid #aaa;border-radius:5px;color:#888;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .2s}.modal-actions .cancel:hover{background:#eee}.modal-actions .delete-btn{background:#e53935;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.2rem;transition:background .2s ease}.modal-actions .delete-btn:hover{background:#d32f2f}.network-container{margin:0 auto;max-width:800px;padding:16px}.ascii-banner-network{color:#22c55e;font-family:var(--font-mono);font-size:11px;margin-bottom:16px;white-space:pre-wrap}.tab-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.tab-buttons button{background-color:var(--hover-bg);border:none;border-radius:8px;color:var(--color-text);cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.tab-buttons button.active{background-color:var(--color-primary);color:#fff}.tab-buttons button:hover{background-color:var(--color-primary-hover);color:#fff}.section-title{font-size:16px;font-weight:600;margin-bottom:8px}.empty-text{color:var(--color-muted);font-size:14px}.card-grid{grid-gap:var(--card-gap);display:grid;gap:var(--card-gap);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.network-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--card-radius);box-shadow:0 1px 2px #0000000d;justify-content:space-between;padding:var(--card-padding);width:100%}.network-card,.user-section-network{align-items:center;display:flex;gap:12px}.user-section-network{color:inherit;flex:1 1;min-width:0;text-decoration:none}.profile-picture-network{align-items:center;background-color:var(--hover-bg);border-radius:50%;color:var(--color-muted);display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:42px;justify-content:center;overflow:hidden;width:42px}.user-details-network{display:flex;flex-direction:column;overflow:hidden}.username-network{color:var(--color-text);font-size:14px;font-weight:600}.fullname-network,.username-network{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fullname-network{color:var(--color-muted);font-size:13px}.hacker-score-network{color:#10b981;font-size:12px;font-weight:500;margin-top:2px}.follow-button .follow-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background-color .2s;white-space:nowrap}.follow-button .follow-btn.follow{background-color:var(--color-primary);color:#fff}.follow-button .follow-btn.follow:hover{background-color:var(--color-primary-hover)}.follow-button .follow-btn.unfollow{background-color:var(--color-border);color:var(--color-text)}.follow-button .follow-btn.unfollow:hover{background-color:var(--hover-bg)}@media (max-width:600px){.card-grid{grid-template-columns:1fr}.ascii-banner-network{font-size:10px}.tab-buttons button{font-size:13px;padding:6px 10px}}.logo-wrapper{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:50%;box-shadow:var(--shadow-md);display:flex;height:110px;justify-content:center;margin:0 auto;overflow:hidden;width:110px}.logo-wrapper img{height:70%;object-fit:contain;width:70%}.levelup-title{color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1.3;margin-top:.5rem}@media (min-width:768px){.levelup-title{font-size:2rem}}.levelup-card{margin:0 auto;max-width:680px;text-align:center}.levelup-card h2,.levelup-card h3{letter-spacing:.2px}.levelup-card ul{list-style:none;margin-top:.75rem;padding-left:0}.levelup-card ul li{font-size:.9rem;line-height:1.6;margin-bottom:.4rem;padding-left:.25rem}.levelup-form{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.levelup-form .input,.levelup-form .textarea{background:var(--color-surface);border-color:var(--color-border)}.levelup-form .input:focus,.levelup-form .textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0079d326}.levelup-form .btn{margin-top:.25rem}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-muted)}@media (max-width:480px){.logo-wrapper{height:90px;width:90px}.logo-wrapper img{height:65%;width:65%}.levelup-title{font-size:1.25rem}}
/*# sourceMappingURL=main.a342fb71.css.map*/