:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}:root{color:#f5f5f7;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0d12;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#0b0d12;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.app{color:#f5f5f7;background:#0b0d12;min-height:100vh}.navbar{background:#0b0d12;border-bottom:1px solid #20232c;justify-content:center;align-items:center;padding:22px 24px;display:flex}.navbar h1{letter-spacing:-.8px;margin:0;font-size:2rem;font-weight:750}.container{width:min(1100px,100% - 48px);margin:0 auto;padding:48px 0 70px}.container>h1{letter-spacing:-1.2px;margin:0 0 10px;font-size:clamp(2rem,4vw,3rem);line-height:1.2}.container>p{color:#9ca3af;margin:0 0 28px;font-size:1.05rem}.link-input{gap:12px;width:100%;margin-bottom:46px;display:flex}.link-input input{color:#f5f5f7;background:#151821;border:1px solid #303542;border-radius:12px;outline:none;flex:1;min-width:0;padding:15px 18px;transition:border-color .2s}.link-input input::placeholder{color:#777e8d}.link-input input:focus{border-color:#a3e635}.link-input button{color:#11150b;background:#a3e635;border:none;border-radius:12px;padding:14px 23px;font-weight:700;transition:background .2s,transform .2s}.link-input button:hover{background:#bef264;transform:translateY(-1px)}.about{background:#11141b;border:1px solid #242834;border-radius:18px;max-width:800px;margin:0 auto 55px;padding:30px;line-height:1.8}.about h2{margin:0 0 18px;font-size:1.8rem}.about h3{margin:28px 0 10px;font-size:1.2rem}.about p{color:#a5adbb;margin:0 0 16px;font-size:.98rem}.about .about-tagline{color:#a3e635;margin:24px 0 0;font-size:1.08rem;font-weight:750}.container>h2{letter-spacing:-.4px;margin:0 0 22px;font-size:1.65rem}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.folder{color:#f5f5f7;text-align:center;background:#171a22;border:1px solid #303542;border-radius:20px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:145px;padding:28px;font-size:1.35rem;font-weight:500;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.folder:hover{background:#1c2029;border-color:#a3e635;transform:translateY(-4px);box-shadow:0 10px 30px #0000002e}.folder:focus-visible{outline-offset:4px;outline:2px solid #a3e635}.folder-icon{font-size:1.7rem}.folder-arrow{color:#a3e635;opacity:0;font-size:1.2rem;transition:opacity .2s;position:absolute;top:18px;right:20px}.folder:hover .folder-arrow{opacity:1}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(7px);background:#000000c2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.link-modal{color:#f5f5f7;background:#151821;border:1px solid #303542;border-radius:20px;width:100%;max-width:480px;max-height:90vh;padding:30px;animation:.18s ease-out modal-appear;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000073}.link-modal h2{margin:0 40px 8px 0;font-size:1.65rem}.modal-subtitle{color:#9ca3af;margin:0 0 24px;font-size:.92rem;line-height:1.5}.close-btn{color:#d1d5db;background:#242834;border:1px solid #343a47;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:background .2s,color .2s;display:flex}.close-btn:hover{color:#fff;background:#343a47}.link-modal>.close-btn{position:absolute;top:20px;right:20px}.link-modal form>label{color:#e5e7eb;margin:18px 0 8px;font-size:.9rem;font-weight:600;display:block}.link-modal input:not([type=checkbox]),.link-modal textarea{color:#f5f5f7;background:#0e1118;border:1px solid #303545;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:.94rem;transition:border-color .2s;display:block}.link-modal input:not([type=checkbox])::placeholder,.link-modal textarea::placeholder{color:#777e8d}.link-modal input:not([type=checkbox]):focus,.link-modal textarea:focus{border-color:#a3e635}.link-modal textarea{resize:vertical;min-height:90px;line-height:1.5}.link-modal form>label.notification-option{background:#0e1118;border:1px solid #303545;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:14px;display:flex}.notification-option span{flex-direction:column;gap:5px;display:flex}.notification-option strong{color:#f5f5f7;font-size:.92rem}.notification-option small{color:#9ca3af;font-size:.8rem;font-weight:400;line-height:1.4}.notification-option input{accent-color:#a3e635;cursor:pointer;flex-shrink:0;width:18px;height:18px}.save-btn{color:#11150b;background:#a3e635;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.94rem;font-weight:750;transition:background .2s,transform .2s;display:inline-flex}.save-btn:hover{background:#bef264;transform:translateY(-1px)}.link-modal .save-btn{width:100%;margin-top:22px;padding:14px;font-size:1rem}.folder-modal{color:#f5f5f7;background:#151821;border:1px solid #303542;border-radius:20px;flex-direction:column;width:100%;max-width:650px;max-height:85vh;animation:.18s ease-out modal-appear;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000073}.folder-modal-header{border-bottom:1px solid #292d39;justify-content:space-between;align-items:flex-start;gap:16px;padding:25px 28px 21px;display:flex}.folder-modal-header h2{overflow-wrap:anywhere;margin:8px 0 6px;font-size:1.55rem}.saved-link-card{background:#0e1118;border:1px solid #2b303b;border-radius:14px;margin-bottom:14px;padding:20px;transition:border-color .2s,background .2s}.saved-link-card:last-child{margin-bottom:0}.saved-link-card:hover{background:#11151e;border-color:#454c5c}.saved-link-platform{color:#cbd5e1;background:#252b36;border-radius:6px;margin-bottom:11px;padding:5px 9px;font-size:.75rem;font-weight:600;display:inline-block}.saved-link-card h3{color:#f5f5f7;overflow-wrap:anywhere;margin:0 0 18px;font-size:1.08rem;font-weight:650;line-height:1.5}.saved-note-label{color:#a3e635;letter-spacing:.08em;margin:0 0 7px;font-size:.72rem;font-weight:750}.open-link-btn{color:#f5f5f7;background:#222833;border:1px solid #343b49;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.open-link-btn:hover{background:#2d3542;border-color:#a3e635}.folder-modal-footer{color:#9ca3af;background:#11141b;border-top:1px solid #292d39;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;font-size:.85rem;display:flex}.folder-modal-footer .save-btn{flex-shrink:0;padding:10px 14px;font-size:.85rem}.empty-folder .save-btn{margin-top:0}.folder-modal-header{text-align:center;border-bottom:1px solid #292d39;justify-content:center;align-items:center;padding:25px 65px 22px;display:flex;position:relative}.folder-heading{flex-direction:column;align-items:center;min-width:0;display:flex}.folder-modal-header h2{margin:8px 0 6px;font-size:1.55rem}.folder-modal-header p{color:#9ca3af;margin:0;font-size:.9rem;line-height:1.5}.folder-modal-header .close-btn{position:absolute;top:20px;right:20px}.folder-modal-icon{font-size:1.7rem}.folder-modal-content{scrollbar-width:thin;scrollbar-color:#3b4250 #151821;flex:1;min-height:0;padding:20px 24px;overflow-y:auto}.saved-link-row{background:#0e1118;border:1px solid #2b303b;border-radius:14px;align-items:flex-start;gap:18px;margin-bottom:14px;padding:16px;transition:border-color .2s,background .2s;display:flex}.saved-link-row:last-child{margin-bottom:0}.saved-link-row:hover{background:#11151e;border-color:#454c5c}.saved-thumbnail{aspect-ratio:16/9;background:#202530;border-radius:10px;flex:0 0 180px;justify-content:center;align-items:center;text-decoration:none;display:flex;overflow:hidden}.saved-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.saved-thumbnail:hover img{transform:scale(1.04)}.thumbnail-placeholder{font-size:2rem}.saved-link-info{flex:1;min-width:0}.saved-title-line{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.saved-title-line h3{color:#f5f5f7;overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:650;line-height:1.45}.saved-link-note{color:#b7bdc9;overflow-wrap:anywhere;margin:0 0 12px;font-size:.88rem;line-height:1.6}.saved-link-date{color:#858b99;margin:0 0 14px;font-size:.78rem}.watched-badge{color:#a3e635;background:#a3e6351f;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:700;display:inline-block}.saved-link-row.is-watched{border-color:#39432c}.saved-link-row.is-watched .saved-title-line h3{color:#a5adbb}.saved-link-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.saved-link-actions .open-link-btn{padding:8px 11px;font-size:.8rem}.watched-control{color:#c0c4ce;cursor:pointer;align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.watched-control input{accent-color:#a3e635;cursor:pointer;width:16px;height:16px;margin:0}.delete-link-btn{color:#f87171;background:0 0;border:1px solid #513039;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:.8rem;transition:background .2s,border-color .2s;display:inline-flex}.delete-link-btn:hover{background:#321b22;border-color:#f87171}.folder-modal-footer{color:#9ca3af;background:#11141b;border-top:1px solid #292d39;justify-content:flex-start;align-items:center;padding:16px 24px;font-size:.85rem;display:flex}.folder-modal-footer .save-btn{display:none}.empty-folder{text-align:center;padding:44px 16px}.empty-folder-icon{margin-bottom:14px;font-size:2.6rem}.empty-folder h3{color:#f5f5f7;margin:0 0 10px;font-size:1.15rem}.empty-folder p{color:#9ca3af;max-width:320px;margin:0 auto 22px;font-size:.9rem;line-height:1.65}@media (width<=600px){.folder-modal{max-height:90vh}.folder-modal-header{padding:22px 52px 18px}.folder-modal-header .close-btn{top:16px;right:14px}.folder-modal-content{padding:14px}.saved-link-row{flex-direction:column;gap:14px;padding:14px}.saved-thumbnail{aspect-ratio:16/9;flex:none;width:100%}.saved-link-info{width:100%}.saved-link-actions{gap:9px}.folder-modal-footer{padding:14px 18px}}@keyframes modal-appear{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.container{width:calc(100% - 32px);padding-top:34px}.container>h1{font-size:2rem}.folder-grid{gap:14px}.folder{border-radius:16px;gap:9px;min-height:120px;padding:20px 12px;font-size:1.05rem}.folder-icon{font-size:1.4rem}.folder-arrow{top:12px;right:13px}.about{padding:22px}.folder-modal{max-height:90vh}.folder-modal-header{padding:21px 18px 18px}.folder-modal-content{padding:14px}.saved-link-card{padding:16px}.folder-modal-footer{padding:14px}}.folder-link-count{color:#a3e635;background:#a3e63514;border:1px solid #ffffff1a;border-radius:999px;align-items:center;width:fit-content;margin-top:8px;padding:5px 9px;font-size:12px;font-weight:500;display:inline-flex}@media (width<=420px){.navbar{padding:18px}.navbar h1{font-size:1.7rem}.link-input{flex-direction:column}.link-input button{width:100%}.folder-grid{grid-template-columns:1fr}.folder{min-height:100px;font-size:1.1rem}.link-modal{padding:24px 20px}.link-modal h2{font-size:1.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.youtube-preview{background:#12151c;border:1px solid #30343d;border-radius:12px;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.youtube-preview img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:120px}.youtube-preview p{color:#a1a1aa;margin:6px 0 0;font-size:13px}.metadata-error{color:#f87171;font-size:13px}.loginbtn{color:#fff;cursor:pointer;background:#ff3864;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:12px 26px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.loginbtn:hover{background:#ed2854;transform:translateY(-2px);box-shadow:0 6px 20px #ff386440}.loginbtn:active{transform:translateY(0)}