.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 8px 24px #0003;width:100%;max-width:400px}.login-box h1{margin-bottom:1.5rem;text-align:center;color:#333}.login-box form{display:flex;flex-direction:column;gap:1rem}.login-box input{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.login-box button{padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.login-box button:hover{background:#5568d3}.error{color:#e53e3e;font-size:.9rem;text-align:center}.admin-container{min-height:100vh;background:#f5f5f5;padding:2rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-header h1{color:#333}.logout-btn{padding:.5rem 1rem;background:#e53e3e;color:#fff;border:none;border-radius:6px;cursor:pointer}.admin-content{max-width:1200px;margin:0 auto}.add-user-section{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.add-user-section h2{margin-bottom:1rem;color:#333}.add-user-section form{display:flex;gap:1rem;flex-wrap:wrap}.add-user-section input{flex:1;min-width:200px;padding:.75rem;border:1px solid #ddd;border-radius:6px}.add-user-section button{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer}.users-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.users-section h2{margin-bottom:1rem;color:#333}table{width:100%;border-collapse:collapse}th,td{padding:1rem;text-align:left;border-bottom:1px solid #eee}th{background:#f9f9f9;font-weight:600}.delete-btn{padding:.5rem 1rem;background:#e53e3e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.email-display{display:flex;align-items:center;gap:.5rem}.edit-email-btn{padding:.25rem .5rem;background:transparent;border:none;cursor:pointer;font-size:.9rem;opacity:.6;transition:opacity .2s}.edit-email-btn:hover{opacity:1}.edit-email-form{display:flex;gap:.5rem;align-items:center}.edit-email-input{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;flex:1}.save-email-btn{padding:.5rem .75rem;background:#48bb78;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700}.cancel-email-btn{padding:.5rem .75rem;background:#e53e3e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700}.icon-picker{position:relative}.icon-picker-trigger{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;width:100%;transition:border-color .2s}.icon-picker-trigger:hover{border-color:#667eea}.selected-icon{font-size:1.5rem}.picker-label{color:#666;font-size:.9rem}.icon-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.icon-picker-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:300px;overflow-y:auto}.icon-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.25rem;padding:.5rem}.icon-option{padding:.5rem;border:2px solid transparent;border-radius:6px;background:transparent;cursor:pointer;font-size:1.5rem;transition:all .2s}.icon-option:hover{background:#f5f5f5;transform:scale(1.1)}.icon-option.selected{border-color:#667eea;background:#f0f0ff}.dashboard-container{min-height:100vh;background:#f5f5f5;padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.header-left{flex:1}.dashboard-header h1{color:#333;margin-bottom:.5rem}.username-display{margin-top:.5rem}.username-info{display:flex;align-items:center;gap:1rem}.current-username{font-size:1.1rem;color:#667eea;font-weight:600}.edit-username-btn{padding:.4rem .8rem;background:transparent;color:#667eea;border:1px solid #667eea;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.edit-username-btn:hover{background:#667eea;color:#fff}.username-edit-form{display:flex;gap:.5rem;align-items:center}.username-edit-form input{padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem}.save-username-btn{padding:.5rem 1rem;background:#48bb78;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.cancel-username-btn{padding:.5rem 1rem;background:#e53e3e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.header-actions{display:flex;gap:1rem}.view-profile-btn{padding:.5rem 1rem;background:#667eea;color:#fff;text-decoration:none;border-radius:6px}.dashboard-content{max-width:800px;margin:0 auto}.add-link-section{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.add-link-section h2{margin-bottom:1rem;color:#333}.add-link-section form{display:flex;flex-direction:column;gap:1rem}.add-link-section input{padding:.75rem;border:1px solid #ddd;border-radius:6px}.add-link-section button{padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.links-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.links-section h2{margin-bottom:1rem;color:#333}.no-links{text-align:center;color:#999;padding:2rem}.links-list{display:flex;flex-direction:column;gap:1rem}.link-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #eee;border-radius:8px;cursor:move;transition:all .2s}.link-item:hover{box-shadow:0 2px 8px #0000001a;border-color:#667eea}.drag-handle{cursor:grab;color:#999;font-size:1.2rem;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.link-icon{font-size:1.5rem}.link-info{flex:1}.link-name{font-weight:600;color:#333}.link-url{font-size:.9rem;color:#666;word-break:break-all}.link-actions{display:flex;gap:.5rem;align-items:center}.reorder-buttons{display:flex;flex-direction:column;gap:.1rem}.reorder-btn{padding:.2rem .4rem;background:#f5f5f5;border:1px solid #ddd;cursor:pointer;font-size:.7rem;line-height:1;transition:all .2s;border-radius:3px}.reorder-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.reorder-btn:disabled{opacity:.3;cursor:not-allowed}.link-item .edit-btn,.link-item .delete-btn{padding:.5rem;background:transparent;border:none;cursor:pointer;font-size:1.2rem;transition:transform .2s}.link-item .edit-btn:hover,.link-item .delete-btn:hover{transform:scale(1.2)}.api-key-btn{padding:.5rem 1rem;background:#f59e0b;color:#fff;border:none;border-radius:6px;cursor:pointer}.customize-btn{padding:.5rem 1rem;background:#48bb78;color:#fff;border:none;border-radius:6px;cursor:pointer}.api-key-section{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.api-key-section h2{margin-bottom:.5rem;color:#333}.api-key-description{color:#666;margin-bottom:1.5rem}.api-key-display{display:flex;flex-direction:column;gap:1.5rem}.api-key-box{display:flex;gap:1rem;align-items:center;padding:1rem;background:#f5f5f5;border-radius:8px;border:2px solid #e0e0e0}.api-key-box code{flex:1;font-family:Courier New,monospace;font-size:.9rem;word-break:break-all;color:#333}.copy-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;white-space:nowrap}.api-key-usage{padding:1rem;background:#f0f9ff;border-radius:8px;border-left:4px solid #3b82f6}.api-key-usage h3{margin-bottom:.5rem;color:#1e40af;font-size:1rem}.api-key-usage ol{margin-left:1.5rem;color:#374151}.api-key-usage li{margin-bottom:.5rem}.api-key-usage code{background:#dbeafe;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem}.api-key-warning{margin-top:1rem;padding:.75rem;background:#fef3c7;border-radius:6px;color:#92400e;font-weight:500}.no-api-key{text-align:center;padding:2rem}.no-api-key p{color:#666;margin-bottom:1rem}.generate-btn{padding:.75rem 2rem;background:#f59e0b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem}.revoke-btn{padding:.75rem 1.5rem;background:#e53e3e;color:#fff;border:none;border-radius:6px;cursor:pointer;align-self:flex-start}.customize-section{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.customize-section h2{margin-bottom:1.5rem;color:#333}.customize-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:1.5rem}.customize-group h3{margin-bottom:1rem;color:#555;font-size:1.1rem}.customize-group label{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;color:#666;font-size:.9rem}.customize-group input,.customize-group select,.customize-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-family:inherit}.customize-group input[type=color]{height:50px;cursor:pointer}.save-settings-btn{padding:.75rem 2rem;background:#48bb78;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem}.customize-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #eee;padding-bottom:.5rem}.tab-btn{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px 6px 0 0;cursor:pointer;font-size:.9rem;color:#666;transition:all .2s}.tab-btn:hover{background:#f5f5f5;color:#333}.tab-btn.active{background:#667eea;color:#fff}.customize-content{min-height:300px}.checkbox-label{flex-direction:row!important;align-items:center;gap:.75rem!important;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.customize-group input[type=range]{width:100%;cursor:pointer}.form-actions{display:flex;gap:1rem}.cancel-btn{padding:.75rem 1.5rem;background:#e53e3e;color:#fff;border:none;border-radius:6px;cursor:pointer}.analytics-btn{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}.full-width{grid-column:1 / -1}.custom-css-editor{font-family:Courier New,monospace;font-size:.9rem;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:1rem;min-height:150px}.css-hint{margin-top:.5rem;padding:.75rem;background:#f0f9ff;border-radius:6px;color:#1e40af;font-size:.85rem}.css-actions{display:flex;gap:.5rem;margin-bottom:1rem}.load-css-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.clear-css-btn{padding:.5rem 1rem;background:#e53e3e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.css-classes{margin-top:1rem;padding:1rem;background:#f9f9f9;border-radius:6px;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.css-classes strong{width:100%;margin-bottom:.5rem;color:#333}.css-classes code{background:#e0e0e0;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;color:#667eea}.animation-hint{margin-top:.5rem;padding:.5rem;background:#fef3c7;border-radius:6px;color:#92400e;font-size:.85rem}.avatar-preview{margin-top:.5rem;display:flex;justify-content:center}.avatar-preview img{width:72px;height:72px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px #00000026}.cover-preview{margin-top:.5rem}.cover-preview img{width:100%;height:80px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #0000001a}.bg-preview{margin-top:.5rem;border-radius:8px;overflow:hidden}.bg-preview img{width:100%;height:100px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #0000001a}.bg-preview.small img{height:60px}.link-type-tabs{display:flex;gap:0;margin-bottom:1.5rem;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.link-type-tab{flex:1;padding:1rem;background:#fff;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:#666;transition:all .2s}.link-type-tab:hover{background:#f5f5f5}.link-type-tab.active{background:#667eea;color:#fff}.media-link-form .form-hint{color:#666;font-size:.9rem;margin-bottom:1rem}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.85rem;color:#666}.image-preview{margin:.5rem 0;border-radius:8px;overflow:hidden}.image-preview img{width:100%;max-height:150px;object-fit:cover}.media-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.media-link-item{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #eee;transition:all .2s}.media-link-item:hover{box-shadow:0 4px 12px #0000001a;border-color:#667eea}.media-link-preview{height:120px;background:#f5f5f5;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;position:relative}.media-link-icon{font-size:2.5rem}.media-link-badge{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff}.media-link-info{padding:.75rem}.media-link-name{font-weight:600;color:#333;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-link-url{font-size:.8rem;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-link-actions{display:flex;gap:.25rem;padding:.5rem .75rem;border-top:1px solid #eee;background:#fafafa}.media-link-actions button{flex:1;padding:.4rem;border:none;background:transparent;cursor:pointer;font-size:1rem;border-radius:6px;transition:background .2s}.media-link-actions button:hover:not(:disabled){background:#eee}.media-link-actions button:disabled{opacity:.3;cursor:not-allowed}.developer-tab{display:flex;flex-direction:column;gap:1.5rem}.dev-section{background:#f9f9f9;border-radius:8px;padding:1.25rem}.dev-section h3{margin:0 0 .75rem;color:#333;font-size:1rem}.dev-hint{color:#666;font-size:.85rem;margin-bottom:1rem}.custom-css-editor{width:100%;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;padding:1rem;border:1px solid #ddd;border-radius:6px;background:#1e1e1e;color:#d4d4d4;resize:vertical;min-height:200px;line-height:1.5}.custom-css-editor::placeholder{color:#6a6a6a}.css-reference{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.css-category{background:#fff;padding:1rem;border-radius:6px;border:1px solid #eee}.css-category h4{margin:0 0 .5rem;color:#667eea;font-size:.9rem}.css-category code{display:inline-block;background:#e8e8e8;padding:2px 6px;border-radius:3px;font-size:.8rem;color:#d63384;margin-right:4px}.css-examples{display:flex;flex-direction:column;gap:1rem}.css-example{background:#fff;padding:1rem;border-radius:6px;border:1px solid #eee}.css-example strong{display:block;margin-bottom:.5rem;color:#333}.css-example pre{background:#1e1e1e;color:#d4d4d4;padding:.75rem;border-radius:4px;font-size:.8rem;overflow-x:auto;margin:0;white-space:pre-wrap}.css-toggle{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;background:#fff;border-radius:8px;border:2px solid #e0e0e0}.css-toggle.active{border-color:#48bb78;background:#f0fff4}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;color:#333}.toggle-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#48bb78}.toggle-text{font-size:.95rem}.toggle-status{font-size:.85rem;padding:.25rem .75rem;border-radius:12px;background:#e0e0e0;color:#666}.toggle-status.active{background:#48bb78;color:#fff}.custom-css-editor:disabled{opacity:.5;cursor:not-allowed;background:#2d2d2d}.dev-hint code{background:#e8e8e8;padding:2px 6px;border-radius:3px;font-size:.85rem;color:#d63384}.advanced-tab{display:flex;flex-direction:column;gap:1rem}.advanced-sub-tabs{display:flex;gap:.5rem;padding:.5rem;background:#f0f0f0;border-radius:8px;flex-wrap:wrap}.sub-tab{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;color:#666;transition:all .2s}.sub-tab:hover{background:#e0e0e0;color:#333}.sub-tab.active{background:#667eea;color:#fff}.sub-tab-content{display:flex;flex-direction:column;gap:1rem}.quick-templates{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:.75rem 0}.quick-templates span{font-size:.85rem;color:#666}.quick-templates button{padding:.4rem .8rem;background:#e8e8e8;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;color:#333;transition:all .2s}.quick-templates button:hover{background:#667eea;color:#fff}.css-reference.compact{display:flex;flex-wrap:wrap;gap:.5rem}.css-reference.compact code{background:#e8e8e8;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;color:#d63384}.code-block{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:6px;font-size:.85rem;overflow-x:auto;margin:0;font-family:Consolas,Monaco,monospace}.help-tab{max-width:100%}.help-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.help-card{background:#fff;padding:1rem;border-radius:8px;border:1px solid #e0e0e0}.help-card h4{margin:0 0 .75rem;color:#333;font-size:.95rem}.help-card ol{margin:0;padding-left:1.25rem;color:#555;font-size:.85rem}.help-card ol li{margin-bottom:.4rem}.help-card code{display:inline-block;background:#e8e8e8;padding:2px 6px;border-radius:3px;font-size:.8rem;color:#d63384;margin:2px}.ai-prompts{display:flex;flex-direction:column;gap:1rem}.ai-prompt{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.ai-prompt h4{margin:0 0 .75rem;color:#667eea;font-size:.95rem}.prompt-box{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:6px;font-size:.8rem;overflow-x:auto;margin:0 0 .75rem;white-space:pre-wrap;font-family:Consolas,Monaco,monospace;line-height:1.5}.copy-prompt-btn{padding:.4rem .8rem;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.copy-prompt-btn:hover{background:#5a6fd6}.tips-list{margin:0;padding-left:1.25rem;color:#555;font-size:.9rem}.tips-list li{margin-bottom:.6rem}.tips-list a{color:#667eea;text-decoration:none}.tips-list a:hover{text-decoration:underline}.analytics-container{min-height:100vh;background:#f5f5f5;padding:2rem}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.analytics-header h1{color:#333}.back-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer}.analytics-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#666}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.stat-icon{font-size:3rem;margin-bottom:1rem}.stat-value{font-size:2.5rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.stat-label{color:#666;font-size:.9rem}.analytics-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.analytics-section h2{margin-bottom:1.5rem;color:#333}.no-data{text-align:center;color:#999;padding:2rem}.links-performance{display:flex;flex-direction:column;gap:1rem}.performance-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #eee;border-radius:8px;transition:all .2s}.performance-item:hover{box-shadow:0 2px 8px #0000001a}.performance-rank{font-weight:700;color:#667eea;font-size:1.2rem;min-width:40px}.performance-icon{font-size:2rem}.performance-info{flex:1}.performance-name{font-weight:600;color:#333;margin-bottom:.25rem}.performance-clicks{color:#666;font-size:.9rem}.performance-bar{width:200px;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.performance-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.time-chart{padding:1rem 0}.chart-bars{display:flex;align-items:flex-end;gap:.5rem;height:200px;padding:1rem 0}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{width:100%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px 4px 0 0;min-height:4px;transition:all .3s ease;cursor:pointer}.chart-bar:hover{opacity:.8}.chart-label{margin-top:.5rem;font-size:.75rem;color:#666;writing-mode:horizontal-tb;text-align:center}.countries-list{display:flex;flex-direction:column;gap:.75rem}.country-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:1px solid #eee;border-radius:8px}.country-rank{font-weight:700;color:#667eea;min-width:40px}.country-name{flex:1;font-weight:500;color:#333}.country-views{color:#666;font-size:.9rem}@media(max-width:768px){.analytics-grid{grid-template-columns:1fr}.performance-bar{width:100px}.chart-label{font-size:.65rem}}.profile-page{min-height:100vh;width:100%;display:flex;justify-content:center;padding:16px;box-sizing:border-box;background:#f3f4f6}.profile-loading,.profile-error{color:#333;text-align:center;padding-top:100px}.profile-error h1{font-size:4rem;margin-bottom:.5rem}.share-trigger{position:fixed;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#0000001a;border:none;font-size:1.4rem;color:#333;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:background .2s}.share-trigger:hover{background:#0003}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.share-dropdown{position:fixed;top:58px;right:16px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;z-index:1001;min-width:180px}.share-dropdown-header{padding:12px 16px;background:#f5f5f5;color:#333;font-size:.85rem;font-weight:600;text-align:center;border-bottom:1px solid #eee}.share-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:#fff;color:#333;font-size:.9rem;cursor:pointer;transition:background .15s;text-align:left}.share-dropdown button:hover{background:#f5f5f5}.profile-card{width:100%;max-width:420px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #0000001a}.cover-section{position:relative;height:180px}.cover-image{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.cover-gradient{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.avatar-wrapper{position:absolute;bottom:-48px;left:50%;transform:translate(-50%);z-index:10}.profile-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 12px #00000026}.profile-avatar-placeholder{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;border:4px solid white;box-shadow:0 4px 12px #00000026}.profile-avatar-placeholder span{font-size:2.5rem;color:#fff;font-weight:700}.profile-info{padding:60px 20px 20px;text-align:center}.profile-name{font-size:1.5rem;font-weight:700;margin:0 0 4px;color:#111827}.profile-handle{font-size:.9rem;color:#6b7280;margin:0 0 16px}.profile-bio{font-size:.9rem;color:#4b5563;margin:16px 0 0;line-height:1.5}.social-icons-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.social-icon-btn{width:36px;height:36px;border-radius:50%;border:none;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.social-icon-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.links-container{padding:20px}.links-list{display:flex;flex-direction:column;gap:12px}.link-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:#232f3b;border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;text-align:left}.link-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.link-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;font-size:1.1rem;flex-shrink:0}.link-title{font-size:.95rem;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-links-message{text-align:center;color:#9ca3af;padding:40px 20px;font-size:.9rem}.profile-footer{padding:20px;text-align:center;border-top:1px solid #f3f4f6}.footer-text{font-size:.8rem;color:#9ca3af;margin:0;cursor:pointer;transition:color .2s}.footer-text:hover{color:#6b7280}@media(max-width:480px){.profile-page{padding:0}.profile-card{border-radius:0;min-height:100vh;max-width:100%}.share-trigger{background:#ffffffe6}}@media(prefers-color-scheme:dark){.profile-page{background:#000}.profile-card{background:#18181b}.profile-name{color:#fff}.profile-handle{color:#a1a1aa}.profile-bio{color:#d4d4d8}.share-dropdown{background:#27272a}.share-dropdown-header{background:#3f3f46;color:#fff;border-color:#3f3f46}.share-dropdown button{background:#27272a;color:#fff}.share-dropdown button:hover{background:#3f3f46}.profile-footer{border-color:#27272a}}.linktree-page{min-height:100vh;min-height:max(884px,100dvh);background-color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;justify-content:center;align-items:flex-start;padding:8px}@media(min-width:640px){.linktree-page{padding:16px}}.linktree-container{width:100%;max-width:24rem;margin:0 auto}.lt-loading,.lt-error{color:#fff;text-align:center;padding-top:100px}.lt-error h1{font-size:4rem;margin-bottom:.5rem;color:#fff}.lt-error p{color:#9ca3af}.lt-header{position:relative}.lt-cover-image{width:100%;height:9rem;object-fit:cover}.lt-cover-placeholder{width:100%;height:9rem;background:linear-gradient(135deg,#667eea,#764ba2)}.lt-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.lt-avatar-wrapper{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.lt-avatar{width:6rem;height:6rem;border-radius:50%;border:4px solid #000;object-fit:cover}.lt-avatar-placeholder{width:6rem;height:6rem;border-radius:50%;border:4px solid #000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff}.lt-content{background:#000;padding:3.5rem 1rem 1.5rem}.lt-profile-info{text-align:center}.lt-name{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.lt-handle{font-size:.875rem;color:#9ca3af;margin:.25rem 0 0}.lt-social-icons{display:flex;justify-content:center;align-items:center;gap:.75rem;margin:1rem 0;flex-wrap:wrap}.lt-social-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;cursor:pointer;transition:transform .2s,opacity .2s}.lt-social-btn:hover{transform:scale(1.1);opacity:.9}.lt-social-icon{width:1.25rem;height:1.25rem}.lt-social-icon-text{font-size:.875rem;color:#fff}.lt-followers{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;color:#9ca3af}.lt-globe-icon{font-size:1rem}.lt-email-section{margin-top:1.5rem}.lt-email-wrapper{position:relative}.lt-email-input{width:100%;padding:.75rem 9rem .75rem 1rem;font-size:.875rem;border-radius:9999px;background:#27272a;border:1px solid transparent;color:#fff;outline:none;box-sizing:border-box}.lt-email-input::placeholder{color:#9ca3af}.lt-email-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.lt-connect-btn{position:absolute;right:.25rem;top:.25rem;bottom:.25rem;background:#fff;color:#000;font-size:.875rem;font-weight:600;padding:0 1rem;border-radius:9999px;border:none;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:background .2s}.lt-connect-btn:hover{background:#f3f4f6}.lt-connect-avatars{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;margin-left:.25rem;margin-right:-.5rem}.lt-connect-avatar{width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid #fff;grid-column:1;grid-row:1}.lt-bio{text-align:center;margin-top:1rem}.lt-bio p{font-size:.875rem;color:#9ca3af;margin:0;line-height:1.5}.lt-media-section{margin-top:1.5rem}.lt-media-card{position:relative;border-radius:.5rem;overflow:hidden;cursor:pointer;transition:transform .2s}.lt-media-card:hover{transform:scale(1.02)}.lt-media-main{margin-bottom:.625rem;background:#27272a;min-height:200px;display:flex;align-items:center;justify-content:center}.lt-media-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem}.lt-media-icon{font-size:2rem}.lt-media-title{color:#fff;font-size:1rem;font-weight:500;text-align:center}.lt-media-image{width:100%;height:auto;object-fit:cover;display:block}.lt-media-small .lt-media-image{height:10rem}.lt-media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0003}.lt-media-badge-top{position:absolute;top:.5rem;left:.5rem;display:flex;align-items:center;gap:.25rem;background:#00000080;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:9999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lt-media-badge-bottom{position:absolute;bottom:.5rem;right:.5rem;display:flex;align-items:center;gap:.25rem;background:#00000080;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:9999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lt-camera-icon{font-size:.875rem}.lt-media-grid,.lt-media-grid-full{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.lt-media-small{background:#27272a;min-height:10rem;position:relative}.lt-media-content-small{display:flex;align-items:center;justify-content:center;min-height:10rem;width:100%}.lt-media-icon{font-size:2rem;position:relative;z-index:2}.lt-media-dot,.lt-media-label,.lt-media-badge-top{z-index:2}.lt-media-label{position:absolute;bottom:.5rem;left:.5rem;color:#fff;font-size:.875rem;font-weight:600}.lt-media-dot{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.lt-dot-icon{font-size:.75rem;color:#fff;line-height:1}.lt-links-section{margin-top:1rem;display:flex;flex-direction:column;gap:.625rem}.lt-link-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:#27272a;border:none;border-radius:.5rem;cursor:pointer;transition:transform .2s,background .2s;text-align:left}.lt-link-btn:hover{transform:translateY(-2px);background:#3f3f46}.lt-link-icon{font-size:1.25rem;flex-shrink:0}.lt-link-name{font-size:.875rem;font-weight:500;color:#fff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lt-empty-links{text-align:center;padding:2rem 0}.lt-empty-links p{color:#6b7280;font-size:.875rem}.lt-footer{text-align:center;margin-top:2rem}.lt-footer-legal{font-size:.75rem;color:#6b7280;display:flex;justify-content:center;gap:.5rem}.lt-footer-legal a{color:#6b7280;text-decoration:none;transition:color .2s}.lt-footer-legal a:hover{text-decoration:underline;color:#9ca3af}.lt-media-image{width:100%;height:auto;min-height:200px;object-fit:cover;display:block}.lt-media-image-small{width:100%;height:10rem;object-fit:cover;display:block}.lt-media-card{position:relative}.lt-media-card .lt-media-label{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;font-size:.875rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}.lt-media-main .lt-media-label{bottom:1rem;left:1rem;font-size:1rem}.lt-media-full{grid-column:1 / -1;min-height:200px;position:relative;overflow:hidden}.lt-media-full .lt-media-image,.lt-media-full .lt-media-image-small{height:auto;min-height:200px;max-height:300px}.lt-media-full .lt-media-content,.lt-media-full .lt-media-content-small{min-height:200px;display:flex;align-items:center;justify-content:center}.lt-media-full .lt-media-dot{display:flex;align-items:center;justify-content:center}.lt-hover-none:hover{transform:none}.lt-hover-scale:hover{transform:scale(1.02)}.lt-hover-lift:hover{transform:translateY(-4px)}.lt-hover-glow:hover{box-shadow:0 0 20px #ffffff4d}.lt-link-btn,.lt-media-card{transition:transform .2s ease,box-shadow .2s ease}.lt-connect-message{text-align:center;padding:.5rem;margin-top:.5rem;border-radius:6px;font-size:.875rem;animation:fadeIn .3s ease}.lt-connect-message.success{background:#48bb7833;color:#48bb78}.lt-connect-message.error{background:#f5656533;color:#f56565}.lt-connect-btn.loading{opacity:.7;cursor:wait}.lt-connect-btn:disabled{cursor:not-allowed}.lt-email-input:disabled{opacity:.7;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.lt-custom-form{width:100%;box-sizing:border-box}.lt-form-title{font-size:1.125rem;font-weight:600;margin:0}.lt-form-desc{margin:0;opacity:.8}.lt-form-fields{display:flex;flex-direction:column}.lt-form-field{width:100%}.lt-form-input,.lt-form-textarea{width:100%;box-sizing:border-box;font-family:inherit;font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s}.lt-form-input::placeholder,.lt-form-textarea::placeholder{opacity:.6}.lt-form-input:focus,.lt-form-textarea:focus{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea4d}.lt-form-input:disabled,.lt-form-textarea:disabled{opacity:.6;cursor:not-allowed}.lt-form-submit{transition:opacity .2s,transform .2s}.lt-form-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.lt-form-submit:disabled{opacity:.7;cursor:not-allowed}.lt-form-submit.loading{cursor:wait}.linktree-page.rtl{direction:rtl;text-align:right}.linktree-page.rtl .lt-content{text-align:right}.linktree-page.rtl .lt-avatar-wrapper{left:50%;right:auto;transform:translate(-50%,50%)}.linktree-page.rtl .lt-social-icons{direction:ltr}.linktree-page.rtl .lt-link-btn{flex-direction:row-reverse;text-align:right}.linktree-page.rtl .lt-link-icon{margin-left:.75rem;margin-right:0}.linktree-page.rtl .lt-media-grid-full{direction:rtl}.linktree-page.rtl .lt-media-label{text-align:right}.linktree-page.rtl .lt-media-badge-top{left:auto;right:.5rem}.linktree-page.rtl .lt-media-dot{left:auto;right:.75rem}.linktree-page.rtl .lt-custom-form{text-align:right}.linktree-page.rtl .lt-form-input,.linktree-page.rtl .lt-form-textarea{text-align:right;direction:rtl}.linktree-page.rtl .lt-form-submit{flex-direction:row-reverse}.linktree-page.rtl .lt-connect-avatars{margin-left:0;margin-right:.5rem}.linktree-page.rtl .lt-followers{flex-direction:row-reverse}.linktree-page.rtl .lt-globe-icon{margin-right:0;margin-left:.5rem}.linktree-page.rtl .lt-footer-legal{direction:ltr}.linktree-page.rtl .lt-connect-message,.linktree-page.rtl .lt-bio,.linktree-page.rtl .lt-profile-info{text-align:right}.linktree-page.rtl .lt-handle{direction:ltr;display:inline-block}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}