@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.public-stage{background-attachment:fixed;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px 16px;display:flex}.bio-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #fff9;border-radius:28px;flex-direction:column;align-items:center;width:min(100%,440px);padding:36px 24px 28px;display:flex;box-shadow:0 20px 40px -15px #0000001f,0 0 1px #0000001a}.profile-section{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:28px;display:flex}.avatar-container{width:96px;height:96px;margin-bottom:16px}.profile-avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;width:100%;height:100%;box-shadow:0 8px 18px #00000026}.username-badge{letter-spacing:-.02em;align-items:center;gap:6px;margin:0 0 6px;font-size:1.25rem;font-weight:800;display:inline-flex}.verified-icon{color:#2563eb}.profile-bio{max-width:320px;margin:0;font-size:.95rem;font-weight:500;line-height:1.45}.links-list{flex-direction:column;gap:14px;width:100%;display:flex}.bio-btn{-webkit-user-select:none;user-select:none;width:100%;box-shadow:0 5px 0 var(--btn-shadow,#1e293b),0 8px 16px #00000014;border:1px solid #00000014;border-radius:18px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.bio-btn:hover{box-shadow:0 7px 0 var(--btn-shadow,#1e293b),0 12px 20px #0000001f;transform:translateY(-2px)}.bio-btn:active{box-shadow:0 1px 0 var(--btn-shadow,#1e293b),0 3px 6px #00000014;transform:translateY(4px)}.btn-left{align-items:center;gap:12px;min-width:0;display:flex}.btn-icon-wrapper{background:#fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.btn-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:.98rem;overflow:hidden}.btn-right{opacity:.85;flex-shrink:0;align-items:center;transition:transform .15s;display:flex}.bio-btn:hover .btn-right{transform:translate(3px)}.bio-footer{text-align:center;margin-top:28px}.badge-linkbio{color:#64748b;background:#0000000a;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.editor-body{color:#0f172a;background:#f8fafc;min-height:100vh}.editor-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;min-width:0;display:flex}.btn-icon-nav{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;display:flex}.editor-title{margin:0;font-size:1.15rem;font-weight:700}.editor-route-hint{color:#94a3b8;margin:2px 0 0;font-size:.72rem}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.btn-secondary,.btn-primary{border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;font-size:.86rem;font-weight:650;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary{color:#0f172a;background:#f1f5f9}.btn-secondary:hover{background:#e2e8f0}.btn-primary{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb40}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.editor-container{align-items:flex-start;gap:32px;max-width:1400px;margin:0 auto;padding:24px;display:flex}.editor-pane{flex-direction:column;flex:1;gap:24px;max-width:680px;display:flex}.editor-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px;box-shadow:0 1px 3px #0000000a}.card-title{justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;font-size:1.05rem;font-weight:700;display:flex}.card-subtitle{color:#64748b;font-size:.8rem;font-weight:500}.profile-edit-box{flex-direction:column;align-items:center;gap:16px;display:flex}.avatar-edit-wrapper{width:90px;height:90px;position:relative}.avatar-edit-img{object-fit:cover;border:3px solid #e2e8f0;border-radius:50%;width:100%;height:100%}.avatar-badge-btn{color:#fff;background:#0f172a;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex;position:absolute;bottom:0;right:0}.profile-inputs{flex-direction:column;gap:12px;width:100%;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#64748b;font-size:.85rem;font-weight:600}.form-input,.form-textarea,.form-select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.form-textarea{resize:vertical;min-height:60px}.theme-swatches{flex-wrap:wrap;gap:12px;display:flex}.theme-swatch{border:3px solid #0000;border-radius:14px;width:54px;height:54px;transition:all .18s;box-shadow:0 2px 6px #0f172a14}.theme-swatch:hover{transform:translateY(-2px)}.theme-swatch.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.theme-current{color:#94a3b8;margin-top:8px}.appearance-section{border-top:1px solid #eef2f7;flex-direction:column;gap:12px;padding:14px 0;display:flex}.appearance-section:first-of-type{border-top:0;padding-top:0}.appearance-section:last-child{padding-bottom:0}.appearance-grid{align-items:end;gap:12px;display:grid}.appearance-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-grid.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-range{accent-color:#2563eb;cursor:pointer;width:100%;min-height:32px}.wide-color{cursor:pointer;width:100%;min-height:44px}.background-image-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:12px;display:flex}.appearance-toggle-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:11px 12px;display:flex}.appearance-toggle-row>div{flex-direction:column;gap:3px;display:flex}.appearance-toggle-row small{color:#94a3b8;font-size:.74rem;line-height:1.35}.appearance-sliders{align-items:start}.links-editor-list{flex-direction:column;gap:12px;display:flex}.link-editor-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.link-editor-card.disabled{opacity:.58}.link-editor-item{align-items:center;gap:12px;min-height:70px;padding:12px;display:flex}.link-item-preview-badge{color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.link-item-info{flex:1;min-width:0}.link-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.link-item-url{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:.76rem;overflow:hidden}.link-item-actions{align-items:center;gap:8px;display:flex}.btn-action-icon{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.btn-action-icon.danger{color:#ef4444}.switch{width:38px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background:#cbd5e1;border-radius:999px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch input:checked+.slider{background:#22c55e}.switch input:checked+.slider:before{transform:translate(16px)}.link-edit-drawer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-direction:column;gap:12px;padding:16px;display:flex}.link-edit-grid{grid-template-columns:1fr 90px 90px;gap:12px;display:grid}.color-input{min-height:42px;padding:3px 5px}.edit-drawer-actions{justify-content:flex-end;display:flex}.compact{padding:6px 12px;font-size:.8rem}.btn-add-dashed{color:#475569;background:#f8fafc;border:1.5px dashed #94a3b8;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:12px;font-weight:650;display:flex}.btn-add-dashed:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.preview-pane{flex-direction:column;flex:1;align-items:center;display:flex;position:sticky;top:88px}.preview-title{color:#64748b;align-self:center;margin-bottom:12px;font-size:.95rem;font-weight:700}.phone-mockup{background:#0f172a;border:1px solid #334155;border-radius:44px;width:390px;max-width:100%;padding:12px;position:relative;box-shadow:0 24px 55px #0f172a38}.phone-notch{z-index:2;background:#0f172a;border-radius:0 0 15px 15px;width:110px;height:25px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-screen{background:#e2e8f0;border-radius:34px;height:min(720px,100vh - 150px);min-height:590px;overflow:auto}.bio-preview-stage{justify-content:center;align-items:flex-start;min-height:100%;padding:48px 14px 20px;display:flex}.bio-card-preview{border-radius:24px;padding:24px 16px 20px}.bio-card-preview .avatar-container{width:80px;height:80px}.bio-card-preview .username-badge{font-size:1.1rem}.bio-card-preview .profile-bio{font-size:.86rem}.bio-card-preview .bio-btn{padding:12px 14px}.bio-card-preview .bio-footer{margin-top:20px}.toast{color:#fff;z-index:999;background:#0f172a;border-radius:999px;padding:10px 22px;font-size:.9rem;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0003}@media (width<=980px){.editor-header{align-items:flex-start}.header-actions{gap:7px}.editor-container{flex-direction:column}.editor-pane{width:100%;max-width:none}.preview-pane{width:100%;position:static}}@media (width<=700px){.appearance-grid.two-cols,.appearance-grid.three-cols{grid-template-columns:1fr}.appearance-toggle-row{align-items:flex-start}.editor-header{flex-direction:column;align-items:stretch;padding:12px}.header-left{justify-content:flex-start}.header-actions{grid-template-columns:1fr 1fr;display:grid}.header-actions>*{justify-content:center}.editor-container{padding:14px}.editor-card{padding:16px}.link-editor-item{gap:9px}.link-edit-grid{grid-template-columns:1fr 84px}.link-edit-grid .form-group:first-child{grid-column:1/-1}.phone-screen{height:70vh;min-height:620px}}@media (width<=480px){.public-stage{align-items:stretch;padding:0}.public-stage .bio-card{border-radius:0;justify-content:flex-start;width:100%;min-height:100vh;padding:32px 20px 24px}.header-actions{grid-template-columns:1fr}.link-item-actions{gap:5px}.btn-action-icon{width:31px;height:31px}}.login-stage{background:linear-gradient(135deg,#eef2ff 0%,#f8fafc 50%,#fdf2f8 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:min(100%,410px);padding:30px;box-shadow:0 24px 60px #0f172a24}.login-lock{color:#2563eb;background:#eff6ff;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:18px;display:flex}.login-card h1{letter-spacing:-.03em;margin:0 0 8px;font-size:1.45rem}.login-card>p{color:#64748b;margin:0 0 22px;font-size:.9rem;line-height:1.5}.login-form{flex-direction:column;gap:14px;display:flex}.password-field{position:relative}.password-field .form-input{padding-right:46px}.password-toggle{color:#64748b;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:#0f172a;background:#f1f5f9}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:.83rem;font-weight:600}.login-submit{justify-content:center;width:100%;min-height:44px}.login-submit:disabled{opacity:.65;cursor:wait}.login-card small{color:#94a3b8;text-align:center;margin-top:18px;font-size:.72rem;line-height:1.45;display:block}.upload-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.upload-button{cursor:pointer;position:relative}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-help{color:#94a3b8;font-size:.78rem}.carousel-settings{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;padding:12px 14px;display:flex}.setting-check{color:#475569;align-items:center;gap:7px;font-size:.84rem;font-weight:650;display:flex}.setting-check input{accent-color:#2563eb}.interval-field{color:#64748b;align-items:center;gap:6px;margin-left:auto;font-size:.8rem;font-weight:600;display:flex}.interval-field input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:7px;width:58px;padding:6px 7px}.media-add-actions{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.media-empty{color:#64748b;text-align:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;padding:18px;font-size:.84rem}.media-editor-list{flex-direction:column;gap:12px;display:flex}.media-editor-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.media-editor-card.disabled{opacity:.58}.media-editor-heading{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:10px 12px;display:flex}.media-kind-badge{color:#334155;align-items:center;gap:7px;font-size:.86rem;font-weight:750;display:flex}.media-editor-fields{flex-direction:column;gap:11px;padding:14px;display:flex}.media-source-ok{color:#16a34a;font-size:.78rem;font-weight:650}.media-note{color:#94a3b8;font-size:.73rem;line-height:1.4}.media-carousel{width:100%;margin:-8px 0 22px}.carousel-frame{aspect-ratio:16/9;background:#0f172a;border:1px solid #0f172a1f;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 20px #0f172a29}.carousel-media{object-fit:cover;background:#0f172a;border:0;width:100%;height:100%;display:block}.carousel-iframe{object-fit:initial}.carousel-placeholder{color:#cbd5e1;text-align:center;background:linear-gradient(135deg,#1e293b,#0f172a);justify-content:center;align-items:center;width:100%;height:100%;padding:20px;font-size:.86rem;display:flex}.carousel-caption{z-index:2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0f172aad;border-radius:10px;padding:7px 10px;font-size:.82rem;font-weight:700;position:absolute;bottom:10px;left:12px;right:12px;overflow:hidden}.carousel-arrow{z-index:3;color:#fff;background:#0f172a9e;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 10px #0003}.carousel-arrow:hover{background:#0f172adb}.carousel-arrow-left{left:8px}.carousel-arrow-right{right:8px}.carousel-dots{justify-content:center;align-items:center;gap:6px;margin-top:9px;display:flex}.carousel-dot{background:#cbd5e1;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:all .2s}.carousel-dot.active{background:#2563eb;width:22px}.carousel-play-hint{color:#fff;opacity:.85;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bio-card-preview .media-carousel{margin-bottom:16px}.bio-card-preview .carousel-caption{padding:6px 8px;font-size:.72rem}.bio-card-preview .carousel-arrow{width:29px;height:29px}@media (width<=700px){.carousel-settings{align-items:flex-start}.interval-field{margin-left:0}}