:root{--bg-color: #ffffff;--text-color: #000000;--grey-color: #757575;--border-width: 1px;--main-font: "Inter", -apple-system, sans-serif;--standard-spacing: 16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--main-font);text-transform:lowercase;font-size:14px;line-height:1.5;padding:var(--standard-spacing);min-height:100vh}a{color:var(--text-color);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}button{background:var(--text-color);color:var(--bg-color);border:none;padding:8px 16px;cursor:pointer;font-weight:700;font-family:var(--main-font);text-transform:lowercase;font-size:14px}button:hover{opacity:.8}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--bg-color);color:var(--text-color);border:1px solid var(--text-color)}button.danger{background:var(--bg-color);color:#c00;border:1px solid #c00}button.danger:hover{background:#c00;color:var(--bg-color)}input,textarea,select{font-family:var(--main-font);font-size:14px;text-transform:lowercase;border:1px solid var(--text-color);padding:8px;width:100%;background:var(--bg-color)}input:focus,textarea:focus,select:focus{outline:none;border-width:2px}hr{border:none;border-top:1px solid var(--text-color);margin:var(--standard-spacing) 0}.container{max-width:900px;margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.text-grey{color:var(--grey-color)}.text-small{font-size:12px}.form-section{margin-bottom:var(--standard-spacing)}.form-section label{display:block;margin-bottom:4px;font-weight:500}.form-section .help-text{font-size:12px;color:var(--grey-color);margin-top:4px}.card{background:var(--bg-color);border:1px solid var(--text-color);padding:var(--standard-spacing)}.dashboard{max-width:900px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--standard-spacing);padding-bottom:var(--standard-spacing);border-bottom:1px solid var(--text-color)}.profile-url-section{background:var(--bg-color);border:1px solid var(--text-color);padding:var(--standard-spacing);margin-bottom:var(--standard-spacing)}.profile-url-label{font-size:12px;color:var(--grey-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:700}.profile-url-row{display:flex;align-items:center;gap:var(--standard-spacing)}.profile-url{flex:1;padding:8px 12px;background:#f0f0f0;font-family:monospace;font-size:14px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--text-color);margin-bottom:var(--standard-spacing)}.tab{padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--grey-color)}.tab:hover{color:var(--text-color)}.tab.active{color:var(--text-color);border-bottom-color:var(--text-color)}.preview-container{border:1px solid var(--text-color);min-height:400px;overflow:hidden}.preview-frame{width:100%;height:100%;min-height:400px}.links-list{display:flex;flex-direction:column;gap:8px}.link-item{display:flex;align-items:center;gap:var(--standard-spacing);padding:var(--standard-spacing);background:var(--bg-color);border:1px solid var(--text-color)}.link-item-drag{cursor:grab;color:var(--grey-color)}.link-item-content{flex:1}.link-item-title{font-weight:500}.link-item-url{font-size:12px;color:var(--grey-color);font-family:monospace}.link-item-actions{display:flex;gap:4px}.add-link-btn{padding:8px 16px;border:2px dashed var(--text-color);background:var(--bg-color);color:var(--grey-color);cursor:pointer;font-size:14px;width:100%}.add-link-btn:hover{color:var(--text-color)}.theme-section,.theme-section h3{margin-bottom:var(--standard-spacing)}.color-picker-row{display:flex;align-items:center;gap:var(--standard-spacing);margin-bottom:var(--standard-spacing)}.color-picker-label{min-width:120px;font-weight:500}.color-picker-input{width:60px;height:36px;padding:0;border:1px solid var(--text-color);cursor:pointer}.color-picker-value{font-family:monospace;font-size:12px;color:var(--grey-color)}.font-options{display:flex;gap:8px;flex-wrap:wrap}.font-option{padding:8px 16px;border:1px solid var(--text-color);background:var(--bg-color);cursor:pointer}.font-option:hover{background:#f0f0f0}.font-option.selected{background:var(--text-color);color:var(--bg-color)}.social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--standard-spacing)}.social-item{display:flex;flex-direction:column;gap:4px}.social-item label{font-weight:500;display:flex;align-items:center;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--standard-spacing);margin-bottom:var(--standard-spacing)}.stat-card{border:1px solid var(--text-color);padding:var(--standard-spacing);text-align:center}.stat-value{font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{font-size:12px;color:var(--grey-color);text-transform:uppercase;letter-spacing:.5px}.chart-container{border:1px solid var(--text-color);padding:var(--standard-spacing);margin-bottom:var(--standard-spacing)}.chart-title{font-weight:700;margin-bottom:var(--standard-spacing)}.chart-bars{display:flex;align-items:flex-end;gap:4px;height:100px}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.chart-bar{width:100%;background:var(--text-color);min-height:2px}.chart-bar-label{font-size:10px;color:var(--grey-color)}.referrers-list{border:1px solid var(--text-color);padding:var(--standard-spacing)}.referrer-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.referrer-item:last-child{border-bottom:none}.public-profile{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px}.public-profile-card{max-width:480px;width:100%;text-align:center}.public-profile-avatar{width:80px;height:80px;border:1px solid currentColor;margin:0 auto 16px;overflow:hidden}.public-profile-avatar img{width:100%;height:100%;object-fit:cover}.public-profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;background:#f0f0f0}.public-profile-name{font-size:20px;font-weight:700;margin-bottom:8px}.public-profile-bio{margin-bottom:24px;line-height:1.6}.public-profile-links{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.public-profile-link{display:block;padding:12px 16px;border:1px solid currentColor;text-decoration:none;font-weight:500;transition:opacity .15s}.public-profile-link:hover{opacity:.8;text-decoration:none}.public-profile-social{display:flex;justify-content:center;gap:16px;margin-bottom:24px}.public-profile-social-link{font-size:20px;text-decoration:none}.public-profile-social-link:hover{opacity:.8}.spinner{display:inline-block;border:2px solid var(--grey-color);border-top-color:var(--text-color);border-radius:50%;animation:spin .6s linear infinite}.spinner-small{width:14px;height:14px}.spinner-medium{width:24px;height:24px}.spinner-large{width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{display:flex;justify-content:center;align-items:center;min-height:200px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--standard-spacing)}.modal{background:var(--bg-color);border:1px solid var(--text-color);padding:var(--standard-spacing);max-width:500px;width:100%}.modal-title{font-size:18px;font-weight:700;margin-bottom:var(--standard-spacing)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:var(--standard-spacing)}.publish-section{display:flex;align-items:center;justify-content:space-between;padding:var(--standard-spacing);border:1px solid var(--text-color);margin-bottom:var(--standard-spacing)}.publish-label{font-weight:500}.publish-status{font-size:12px;color:var(--grey-color)}.publish-status.published{color:#060}.toggle-switch{position:relative;width:48px;height:24px;background:#ccc;cursor:pointer}.toggle-switch.active{background:#060}.toggle-switch:after{content:"";position:absolute;width:20px;height:20px;background:#fff;top:2px;left:2px;transition:transform .2s}.toggle-switch.active:after{transform:translate(24px)}.slug-editor{display:flex;align-items:center;gap:8px}.slug-prefix{font-family:monospace;color:var(--grey-color)}.slug-input{font-family:monospace;width:200px}.slug-status{font-size:12px}.slug-status.available{color:#060}.slug-status.taken{color:#c00}.empty-state{padding:var(--standard-spacing);text-align:center;background:var(--bg-color);border:2px dashed var(--text-color);color:var(--grey-color)}.not-found{text-align:center;padding:60px 20px}.not-found h1{font-size:48px;margin-bottom:16px}