:root{--bg-gradient-start:#121212;--bg-gradient-end:#5a5a5a;--text-primary:#fff;--text-secondary:#fffc;--text-muted:#fff9;--text-contrast-light:#2a2a2a;--text-contrast-medium:#4a4a4a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{background:linear-gradient(180deg, var(--bg-gradient-start) 0%, var(--bg-gradient-start) 90%, var(--bg-gradient-end) 100%);background-attachment:fixed;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.theme-light{--bg-gradient-start:#f8f9fa;--bg-gradient-end:#fff;--text-primary:#2a2a2a;--text-secondary:#2a2a2acc;--text-muted:#2a2a2a99;--text-contrast-light:#fff;--text-contrast-medium:#f5f5f5}.theme-dark{--bg-gradient-start:#2a2a2a;--bg-gradient-end:#f5f5f5;--text-primary:#fff;--text-secondary:#fffc;--text-muted:#fff9;--text-contrast-light:#2a2a2a;--text-contrast-medium:#4a4a4a}@media (prefers-color-scheme:light){:root{--bg-gradient-start:#f8f9fa;--bg-gradient-end:#fff;--text-primary:#2a2a2a;--text-secondary:#2a2a2acc;--text-muted:#2a2a2a99;--text-contrast-light:#fff;--text-contrast-medium:#f5f5f5}a:hover{color:#747bff}button{background-color:#f9f9f9}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-contrast-light{color:var(--text-contrast-light)}.text-contrast-medium{color:var(--text-contrast-medium)}.bg-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.bg-glass-strong{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d}.shadow-soft{box-shadow:0 2px 8px #0000001a}.shadow-medium{box-shadow:0 4px 12px #00000026}.shadow-strong{box-shadow:0 6px 16px #0003}.transition-all{transition:all .2s}.transition-colors{transition:color .2s,background-color .2s,border-color .2s}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.auth-bar{justify-content:flex-end;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.auth-bar .auth-user{opacity:.8}.auth-bar .auth-link{color:inherit;border:1px solid;border-radius:6px;padding:.35rem .75rem;text-decoration:none}.auth-bar button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:.35rem .75rem;font-size:.85rem}.auth-bar button:disabled{opacity:.5;cursor:default}.gate{text-align:center;max-width:480px;margin:0 auto;padding:64px 24px}.gate h2{margin:0 0 8px}.gate p{color:var(--text-secondary);margin:0 0 24px}.gate-loading{opacity:.7}.gate-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.gate-actions button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;padding:10px 18px}.gate-actions button:disabled{opacity:.5;cursor:default}.landing{text-align:center;max-width:640px;margin:0 auto;padding:64px 24px}.landing h1{margin:0 0 12px;font-size:48px}.landing p{color:var(--text-secondary);margin:0 0 24px;font-size:18px}.landing-cta{color:#fff;background:#6366f1;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-block}.landing-hint{opacity:.8;font-size:15px}.block{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:12px;align-items:center;min-height:64px;margin:4px 0;padding:12px 8px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.block:hover{background:#fff;border-color:#3b82f699;transform:translateY(-1px);box-shadow:0 6px 16px #0003}.block-icon{color:#475569;background:#e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-weight:700;display:flex}.block-icon img{object-fit:contain;width:28px;height:28px}.block-content{flex:1;min-width:0}.block-type{color:var(--text-contrast-light);margin-bottom:2px;font-size:14px;font-weight:600}.block-handle{color:var(--text-contrast-medium);word-break:break-word;font-size:13px}@media (width>=768px){.block{border-radius:16px;min-height:72px;margin:4px;padding:16px 20px}.block-icon{width:48px;height:48px;margin-right:16px}.block-icon img{width:32px;height:32px}.block-type{margin-bottom:4px;font-size:16px}.block-handle{font-size:14px}}@media (width>=1024px){.block{min-height:80px;margin:6px;padding:20px 24px}.block-icon{width:56px;height:56px;margin-right:20px}.block-icon img{width:36px;height:36px}.block-type{margin-bottom:6px;font-size:18px}.block-handle{font-size:15px}}.block-x{background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);border-color:#333}.block-x:hover{background:linear-gradient(135deg,#1a1a1a 0%,#333 100%);border-color:#555}.block-linkedin{background:linear-gradient(135deg,#0077b5 0%,#005885 100%);border-color:#004471}.block-linkedin:hover{background:linear-gradient(135deg,#005885 0%,#004471 100%);border-color:#003556}.block-instagram{background:linear-gradient(135deg,#e4405f 0%,#833ab4 50%,#fd1d1d 100%);border-color:#c13584}.block-instagram:hover{background:linear-gradient(135deg,#c13584 0%,#6a2c93 50%,#d61a1a 100%);border-color:#a02e5a}.block-facebook{background:linear-gradient(135deg,#1877f2 0%,#42a5f5 100%);border-color:#1565c0}.block-facebook:hover{background:linear-gradient(135deg,#1565c0 0%,#1976d2 100%);border-color:#0d47a1}.block-tiktok{background:linear-gradient(135deg,#000 0%,#ff0050 50%,#000 100%);border-color:#cc003d}.block-tiktok:hover{background:linear-gradient(135deg,#1a1a1a 0%,#cc003d 50%,#1a1a1a 100%);border-color:#990029}.block-youtube{background:linear-gradient(135deg,red 0%,#c00 100%);border-color:#b30000}.block-youtube:hover{background:linear-gradient(135deg,#c00 0%,#900 100%);border-color:maroon}.block-twitch{background:linear-gradient(135deg,#9146ff 0%,#772ce8 100%);border-color:#6441a4}.block-twitch:hover{background:linear-gradient(135deg,#772ce8 0%,#5b1fb3 100%);border-color:#4b1a8c}.block-discord{background:linear-gradient(135deg,#5865f2 0%,#4752c4 100%);border-color:#3c45a5}.block-discord:hover{background:linear-gradient(135deg,#4752c4 0%,#3c45a5 100%);border-color:#303986}.block-reddit{background:linear-gradient(135deg,#ff4500 0%,#cc3700 100%);border-color:#b32f00}.block-reddit:hover{background:linear-gradient(135deg,#cc3700 0%,#992900 100%);border-color:#801f00}.block-pinterest{background:linear-gradient(135deg,#bd081c 0%,#8c0615 100%);border-color:#7a0512}.block-pinterest:hover{background:linear-gradient(135deg,#8c0615 0%,#5e040e 100%);border-color:#4a030b}.block-snapchat{color:#000;background:linear-gradient(135deg,#fffc00 0%,#ccca00 100%);border-color:#b3b300}.block-snapchat:hover{color:#000;background:linear-gradient(135deg,#ccca00 0%,#999700 100%);border-color:olive}.block-whatsapp{background:linear-gradient(135deg,#25d366 0%,#1da851 100%);border-color:#128c7e}.block-whatsapp:hover{background:linear-gradient(135deg,#1da851 0%,#128c7e 100%);border-color:#0f7a6b}.block-patreon{background:linear-gradient(135deg,#f96854 0%,#e6522c 100%);border-color:#d4441f}.block-patreon:hover{background:linear-gradient(135deg,#e6522c 0%,#d4441f 100%);border-color:#c23616}.block-phone{background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%);border-color:#2e7d32}.block-phone:hover{background:linear-gradient(135deg,#388e3c 0%,#2e7d32 100%);border-color:#1b5e20}.block-email{background:linear-gradient(135deg,#ea4335 0%,#d33b2c 100%);border-color:#c5221f}.block-email:hover{background:linear-gradient(135deg,#d33b2c 0%,#c5221f 100%);border-color:#b52d20}.block-website{background:linear-gradient(135deg,#607d8b 0%,#455a64 100%);border-color:#37474f}.block-website:hover{background:linear-gradient(135deg,#455a64 0%,#37474f 100%);border-color:#263238}.block-x,.block-linkedin,.block-instagram,.block-facebook,.block-tiktok,.block-youtube,.block-twitch,.block-discord,.block-reddit,.block-pinterest,.block-whatsapp,.block-patreon,.block-phone,.block-email,.block-website,.block-x .block-type,.block-linkedin .block-type,.block-instagram .block-type,.block-facebook .block-type,.block-tiktok .block-type,.block-youtube .block-type,.block-twitch .block-type,.block-discord .block-type,.block-reddit .block-type,.block-pinterest .block-type,.block-whatsapp .block-type,.block-patreon .block-type,.block-phone .block-type,.block-email .block-type,.block-website .block-type{color:#fff}.block-x .block-handle,.block-linkedin .block-handle,.block-instagram .block-handle,.block-facebook .block-handle,.block-tiktok .block-handle,.block-youtube .block-handle,.block-twitch .block-handle,.block-discord .block-handle,.block-reddit .block-handle,.block-pinterest .block-handle,.block-whatsapp .block-handle,.block-patreon .block-handle,.block-phone .block-handle,.block-email .block-handle,.block-website .block-handle{color:#ffffffe6}.block-snapchat,.block-snapchat .block-type,.block-snapchat .block-handle{color:#000}.block-snapchat .block-handle{color:#000c}.block-x .block-icon,.block-instagram .block-icon,.block-facebook .block-icon,.block-tiktok .block-icon,.block-twitch .block-icon,.block-discord .block-icon,.block-reddit .block-icon,.block-pinterest .block-icon,.block-whatsapp .block-icon,.block-patreon .block-icon,.block-phone .block-icon,.block-email .block-icon,.block-snapchat .block-icon,.block-website .block-icon{color:#fff;background:#ffffff40;border:1px solid #ffffff59}.block-linkedin .block-icon,.block-youtube .block-icon{color:#000;background:#fff;border:1px solid #ffffff59}.card-page{background:0 0;min-height:100vh;margin:0 auto;padding:24px 12px}.card-header{text-align:center;margin-bottom:32px;padding:24px 0}.card-header h1{color:var(--text-primary);text-shadow:0 1px 2px #0000001a;margin:0 0 8px;font-size:24px;font-weight:700}.card-header p{color:var(--text-secondary);margin:0;font-size:16px}.connections-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;flex-direction:column;padding:2px;display:flex;box-shadow:0 4px 12px #00000026}.loading,.error{text-align:center;color:var(--text-secondary);padding:48px 16px;font-size:16px}.error{color:#ff6b6b}@media (width>=768px){.card-page{max-width:768px;padding:40px 24px}.card-header{margin-bottom:40px;padding:32px 0}.card-header h1{margin-bottom:12px;font-size:32px}.card-header p{font-size:18px}.connections-list{border-radius:24px;grid-template-columns:repeat(2,1fr);gap:4px;padding:16px;display:grid}}@media (width>=1024px){.card-page{max-width:1024px;padding:60px 40px}.card-header{margin-bottom:48px;padding:40px 0}.card-header h1{margin-bottom:16px;font-size:40px}.card-header p{font-size:20px}.connections-list{border-radius:32px;grid-template-columns:repeat(3,1fr);gap:8px;padding:24px;display:grid}.loading,.error{padding:80px 24px;font-size:18px}}@media (width>=1280px){.card-page{max-width:1200px}.connections-list{grid-template-columns:repeat(4,1fr);gap:12px}}.notfound{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.notfound-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;max-width:420px;padding:40px 28px;box-shadow:0 4px 12px #00000026}.notfound-emoji{margin-bottom:16px;font-size:48px;line-height:1}.notfound-card h1{color:var(--text-primary);margin:0 0 12px;font-size:28px;font-weight:700}.notfound-card p{color:var(--text-secondary);word-break:break-word;margin:0 0 24px;font-size:16px}.notfound-home-link{color:var(--text-primary);background:#ffffff1f;border:1px solid #ffffff40;border-radius:10px;padding:10px 20px;font-weight:600;transition:background .2s,border-color .2s;display:inline-block}.notfound-home-link:hover{color:var(--text-primary);background:#fff3;border-color:#fff6}@media (width>=768px){.notfound-card h1{font-size:32px}}.dashboard{max-width:960px;margin:0 auto;padding:32px 24px}.dashboard-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-head h1{margin:0;font-size:28px}.muted{opacity:.7}.dash-error{color:#ff6b6b;background:#ff6b6b26;border:1px solid #ff6b6b;border-radius:8px;margin-bottom:16px;padding:10px 14px}button.primary{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:8px 16px;font-weight:600}button.primary:disabled{opacity:.6;cursor:default}.card-grid{grid-template-columns:1fr;gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.card-grid{grid-template-columns:repeat(2,1fr)}}.card-tile{border:1px solid #7f7f7f4d;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.card-tile-body h3{margin:0 0 6px}.card-tile-body p{opacity:.8;margin:0 0 8px;font-size:14px}.card-id{opacity:.6;word-break:break-all;font-size:12px}.card-tile-actions{flex-wrap:wrap;gap:8px;display:flex}.tile-btn{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:6px 12px;font-size:14px;text-decoration:none}.tile-btn.danger{color:#ff6b6b}.editor{max-width:1200px;margin:0 auto;padding:24px}.editor-bar{gap:16px;margin-bottom:16px;display:flex}.back-link{color:inherit;opacity:.8;font-size:14px;text-decoration:none}.editor-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.editor-grid{grid-template-columns:1.4fr 1fr;align-items:start}}.panel{border:1px solid #7f7f7f4d;border-radius:12px;margin-bottom:24px;padding:20px}.panel h2{margin:0 0 16px;font-size:20px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-head h2{margin:0}.editor label{margin-bottom:12px;font-size:13px;font-weight:600;display:block}.editor input,.editor textarea,.editor select{width:100%;color:inherit;font:inherit;box-sizing:border-box;background:#7f7f7f14;border:1px solid #7f7f7f73;border-radius:6px;margin-top:4px;padding:8px 10px;display:block}.row-end{justify-content:flex-end;align-items:center;gap:12px;display:flex}.saved-note{color:#4ade80;font-size:13px}.block-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.block-row{border:1px solid #7f7f7f40;border-radius:10px;gap:12px;padding:12px;display:flex}.block-reorder{flex-direction:column;gap:6px;display:flex}.block-reorder button{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:1px solid #7f7f7f73;border-radius:6px}.block-reorder button:disabled{opacity:.35;cursor:default}.block-fields{flex:1}.editor-preview{position:sticky;top:16px}.editor-preview h2{margin:0 0 12px;font-size:20px}.preview-frame{border:1px dashed #7f7f7f66;border-radius:16px;overflow:hidden}.preview-frame .card-page{min-height:0;padding:16px}.preview-frame .card-header{margin-bottom:16px;padding:12px 0}.preview-frame .card-header h1{font-size:20px}