:root{--ink:#06060a;--canvas:#03030a;--surface:#0a0a0d;--surface2:#121216;--line:rgba(255,255,255,.12);--muted:#8d909a;--text:#f6f4f0;--accent:#d8b98b;--font:'DM Sans',sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--canvas);color:var(--text);font-family:var(--font)}button,input,textarea,select{font:inherit}button{cursor:pointer}.public-page{min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 42%,#0b0b17 0%,#03030a 54%)}.bio-card{width:min(100%,460px);min-height:875px;overflow:hidden;background:#09090b;border:1px solid rgba(255,255,255,.055);border-radius:17px;box-shadow:0 12px 30px rgba(0,0,0,.36),0 0 28px rgba(28,32,74,.23)}.hero-image-wrap{height:405px;position:relative;overflow:hidden}.hero-image-wrap:after{content:'';inset:0;position:absolute;background:linear-gradient(to bottom,rgba(0,0,0,0) 36%,#09090b 100%)}.hero-image{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82)}.profile-content{padding:0 21px 21px}.profile-header{text-align:center;margin-top:-1px}.profile-header h1{font-size:38px;line-height:1.08;letter-spacing:-1.8px;margin:0 0 17px;font-weight:700}.bio{max-width:390px;margin:0 auto;color:#c4c4ca;font-size:16px;line-height:1.7}.social-list{display:flex;justify-content:center;gap:26px;margin:25px 0 18px}.social-item{color:#fff;display:grid;place-items:center;width:21px;height:21px;transition:transform .18s,color .18s}.social-item:hover{transform:translateY(-2px);color:var(--accent)}.icon{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-item .icon{stroke-width:2.1}.location{margin:0;color:#8f9299;font-size:14px;display:flex;gap:6px;align-items:center;justify-content:center}.location .icon{width:15px;height:15px}.link-list{margin-top:40px;border-top:1px solid var(--line)}.link-row{min-height:88px;display:grid;grid-template-columns:56px 1fr auto;gap:15px;align-items:center;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);transition:background .2s,padding .2s}.link-row:hover{background:#111116;padding-inline:8px}.link-icon{width:56px;height:56px;background:#1b1b1c;border-radius:50%;display:grid;place-items:center}.link-icon .icon{width:25px;height:25px}.link-copy{min-width:0}.link-title{font-weight:600;font-size:20px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-subtitle{font-size:13px;color:#b8b8be;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-meta{display:flex;gap:9px;align-items:center;color:#a9abb0;font-size:15px}.link-meta .icon{width:13px;height:13px}.profile-footer{padding-top:21px;text-align:center;color:#8f9299;font-size:13px}.admin-trigger{position:fixed;right:20px;top:20px;z-index:4;border:1px solid #36363d;background:#111116;color:#eee;border-radius:100px;padding:10px 14px;display:flex;gap:8px;align-items:center;font-size:13px;transition:.2s}.admin-trigger:hover{background:#1a1a21}.admin-trigger .icon{width:15px;height:15px}.admin-page{height:100vh;display:grid;grid-template-columns:245px minmax(520px,1fr) minmax(380px,42%);background:#111115;overflow:hidden}.sidebar{padding:31px 18px;background:#0b0b0e;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{font-size:20px;font-weight:700;letter-spacing:-.8px;text-decoration:none;color:#fff;display:flex;gap:9px;align-items:center;padding:0 10px}.brand-mark{width:23px;height:23px;display:grid;place-items:center;background:#eee;color:#0b0b0e;border-radius:50%;font-size:17px;font-weight:800}.admin-person{display:flex;align-items:center;gap:10px;margin:45px 10px 27px}.mini-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#5b4b42;color:#e2d1bf;font-size:12px;font-weight:700}.admin-person b,.admin-person small{display:block}.admin-person b{font-size:13px}.admin-person small{font-size:11px;color:#85858b;margin-top:3px}.side-nav{display:grid;gap:4px}.side-nav a{padding:11px 10px;border-radius:7px;display:flex;gap:11px;align-items:center;color:#94949b;text-decoration:none;font-size:13px}.side-nav a.active,.side-nav a:hover{background:#1b1b20;color:#fff}.side-nav .icon{width:16px;height:16px}.sidebar-foot{color:#65656d;font-size:12px;line-height:1.55;margin:auto 10px 3px}.editor{min-width:0;display:flex;flex-direction:column;background:#111115}.editor-head{display:flex;justify-content:space-between;gap:20px;padding:35px 48px 27px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--accent);font-weight:700;margin:0 0 10px}.editor-head h1{font-size:28px;letter-spacing:-1.1px;margin:0 0 6px}.editor-head p:not(.eyebrow){margin:0;color:#8f8f97;font-size:13px}.editor-actions{display:flex;align-items:center;gap:8px}.quiet-btn,.save-btn,.add-btn{border:none;border-radius:7px;font-size:12px;font-weight:600;transition:.2s}.quiet-btn{background:transparent;color:#b4b4bc;padding:10px}.quiet-btn:hover{background:#222228;color:#fff}.save-btn{color:#131313;background:#ede8df;padding:10px 13px;display:flex;gap:6px;align-items:center}.save-btn .icon{width:14px;height:14px}.editor-scroll{overflow:auto;padding:0 48px 55px}.editor-section{padding:33px 0;border-bottom:1px solid var(--line)}.section-title{display:flex;gap:14px;margin-bottom:23px}.section-title>span{color:var(--accent);font-family:Georgia,serif;font-size:17px}.section-title h2{font-size:16px;margin:0 0 4px;letter-spacing:-.3px}.section-title p{margin:0;color:#85858e;font-size:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-grid .wide{grid-column:1/-1}label{display:grid;gap:7px;color:#aaaab2;font-size:11px;font-weight:600}input,textarea,select{width:100%;border:1px solid #2a2a2f;background:#18181c;color:#f3f1ec;border-radius:6px;padding:10px 11px;font-size:13px;font-weight:400;outline:0;transition:border-color .2s,background .2s}textarea{resize:vertical;line-height:1.45}input:focus,textarea:focus,select:focus{border-color:#8b795e;background:#1d1d22}.image-field{display:flex;gap:14px;align-items:center;margin-top:21px;padding:13px;background:#16161a;border:1px solid #28282d;border-radius:8px}.image-thumb{width:74px;height:74px;overflow:hidden;border-radius:5px;background:#222;flex:0 0 auto}.image-thumb img{width:100%;height:100%;object-fit:cover}.image-field b{font-size:13px}.image-field p{font-size:11px;color:#85858e;line-height:1.5;margin:4px 0 10px}.upload-btn{display:inline-flex;cursor:pointer;background:#29292f;border-radius:5px;padding:7px 9px;color:#dedee4;font-size:11px;gap:6px;align-items:center}.upload-btn input{display:none}.upload-btn .icon{width:13px;height:13px}.social-editor{display:grid;gap:9px}.social-edit-row,.link-edit-card{background:#17171b;border:1px solid #29292e;border-radius:7px}.social-edit-row{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:10px 12px;align-items:center}.social-edit-row b{font-size:12px;text-transform:capitalize}.social-edit-row input{padding:8px 9px}.links-editor{display:grid;gap:10px}.link-edit-card{padding:13px;display:grid;grid-template-columns:105px 1fr 1fr 1fr 28px;gap:9px;align-items:end}.link-edit-card label{font-size:10px}.link-edit-card input,.link-edit-card select{padding:8px}.remove-link{height:34px;border:0;background:#25252a;color:#9e9ea6;border-radius:5px;font-size:18px;line-height:1}.remove-link:hover{background:#472b2b;color:#f0c8c8}.add-btn{margin-top:12px;padding:9px 11px;background:#232329;color:#ececf0}.add-btn span{color:var(--accent);font-size:17px;line-height:0}.add-btn:hover{background:#303036}.preview-pane{padding:26px;background:#17171c;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center}.preview-label{width:min(100%,352px);color:#85858c;letter-spacing:1.5px;font-size:9px;font-weight:700;display:flex;align-items:center;gap:7px;margin-bottom:13px}.preview-label span{width:6px;height:6px;border-radius:50%;background:#80bc8e;box-shadow:0 0 0 3px rgba(128,188,142,.12)}.device{width:min(100%,352px);height:calc(100vh - 88px);border:8px solid #09090a;border-radius:30px;box-shadow:0 20px 45px rgba(0,0,0,.32);overflow:hidden;background:#03030a;position:relative}.device-top{height:18px;position:absolute;z-index:2;width:100%;background:#09090a}.preview-mount{height:100%;overflow:auto}.preview-mount .public-page{min-height:100%;padding:0;display:block;background:#03030a}.preview-mount .bio-card{width:100%;min-height:0;border:0;border-radius:0;box-shadow:none}.preview-mount .hero-image-wrap{height:285px}.preview-mount .profile-content{padding:0 15px 16px}.preview-mount .profile-header h1{font-size:27px;letter-spacing:-1.2px;margin-bottom:12px}.preview-mount .bio{font-size:12px;line-height:1.55}.preview-mount .social-list{margin:18px 0 14px;gap:20px}.preview-mount .location{font-size:11px}.preview-mount .link-list{margin-top:27px}.preview-mount .link-row{min-height:67px;grid-template-columns:42px 1fr auto;gap:10px}.preview-mount .link-icon{width:42px;height:42px}.preview-mount .link-icon .icon{width:19px;height:19px}.preview-mount .link-title{font-size:15px}.preview-mount .link-subtitle{font-size:10px;margin-top:2px}.preview-mount .link-meta{font-size:11px;gap:4px}.preview-mount .profile-footer{font-size:10px;padding-top:15px}.preview-mount .admin-trigger{display:none}@media(max-width:1050px){.admin-page{grid-template-columns:210px minmax(500px,1fr)}.preview-pane{display:none}.editor-head,.editor-scroll{padding-left:32px;padding-right:32px}}@media(max-width:720px){.admin-page{display:block;height:auto;overflow:visible}.sidebar{padding:17px;display:block;border-bottom:1px solid var(--line)}.brand{padding:0}.admin-person,.sidebar-foot{display:none}.side-nav{display:flex;gap:8px;margin-top:15px}.side-nav a{padding:8px}.editor{min-height:calc(100vh - 108px)}.editor-head{padding:24px 20px;align-items:flex-start}.editor-head h1{font-size:23px}.editor-actions{flex-direction:column;align-items:stretch}.editor-scroll{padding:0 20px 35px}.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.link-edit-card{grid-template-columns:1fr 1fr}.link-edit-card label:nth-child(1){grid-column:1/-1}.link-edit-card .remove-link{grid-column:2;justify-self:end;width:35px}.social-edit-row{grid-template-columns:80px 1fr}.admin-trigger{right:12px;top:12px}.admin-trigger span:last-child{display:none}.bio-card{border-radius:12px}.public-page{padding:12px}.hero-image-wrap{height:355px}}@media(max-width:400px){.social-list{gap:20px}.profile-header h1{font-size:33px}.link-title{font-size:18px}}