@import url('/assets/fonts.css');
:root{color-scheme:dark;--accent:#b29aff;--bg:#09090e;--muted:#85828f;--line:#ffffff12;--panel:#111117;--font:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#eeedf4;font-family:var(--font);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:9px;background:#b69aff;color:#171024;padding:13px 22px;font-weight:650;cursor:pointer;transition:background .2s,transform .2s;white-space:nowrap}button:hover,.button:hover{background:#c6b1ff;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}button svg,.button svg{width:17px;height:17px}.small{padding:9px 15px;font-size:12px}.secondary{background:#ffffff07;color:#e7e3f1;border-color:#ffffff18}.secondary:hover{background:#ffffff12}.ghost{background:transparent;color:#96919f;border-color:transparent}.ghost:hover{background:#ffffff08;color:white}.danger{background:#fa717115;color:#ff9a9a;border:1px solid #ff73732c}.danger:hover{background:#f8717128}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.04em}h2{font-size:24px}h3{font-size:17px}p{color:#9b96a8}main{min-height:65vh}.ambient{position:absolute;inset:0 0 auto;height:1000px;pointer-events:none;background:radial-gradient(ellipse at 67% 32%,#6f36ca12,transparent 48%);z-index:-1}.site-header{max-width:1250px;margin:auto;height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 35px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:21px;font-weight:750;letter-spacing:-.8px}.brand-mark{position:relative;display:inline-block;width:30px;margin-right:10px;font-size:35px;color:#c1a7ff;font-weight:800;line-height:1}.brand-mark span{position:absolute;right:1px;top:3px;font-size:17px}.site-header nav,.header-actions{display:flex;align-items:center;gap:29px}.site-header nav a,.login-link{color:#aaa5b5;font-size:13px}.site-header nav a:hover,.login-link:hover{color:white}.header-actions{gap:21px}.hero{max-width:1210px;margin:auto;min-height:660px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:55px;padding:70px 34px 84px}.pill{display:inline-flex;align-items:center;gap:10px;background:#ffffff04;border:1px solid #ffffff13;border-radius:30px;padding:7px 12px;font-size:9px;font-weight:650;letter-spacing:1.2px;color:#c7c0d2}.pill>span:last-child{margin-left:7px;color:#99909f}.status-dot{width:6px;height:6px;background:#b99aff;border-radius:100%;box-shadow:0 0 10px #a78bfa80}.hero h1{font-size:clamp(52px,5.8vw,80px);font-weight:730;line-height:1.08;letter-spacing:-5px;margin:25px 0 23px}.hero h1>span{background:linear-gradient(95deg,#d0baff,#9974e9);background-clip:text;color:transparent}.hero-copy>p{font-size:16px;line-height:1.8;max-width:410px;margin-bottom:29px;color:#9891a3}.claim-form{display:flex;border:1px solid #ffffff20;border-radius:11px;align-items:center;background:#111017;padding:5px 5px 5px 15px;max-width:500px;box-shadow:0 8px 30px #0003}.claim-form label{font-size:13px;color:#99909e;white-space:nowrap}.claim-form input{width:100%;padding:10px 3px;min-width:60px;background:transparent;border:0;color:white;outline:0;font-size:13px}.claim-form button{font-size:12px;padding:12px 15px}.hero-notes{display:flex;gap:19px;margin-top:17px;font-size:10px;color:#aaa1b7}.hero-notes span{display:flex;align-items:center;gap:5px}.hero-notes svg{width:13px;height:13px;color:#b59be5}.demo-link{display:inline-flex;gap:20px;margin-top:30px;font-size:12px;color:#93899e}.demo-link span{color:#c9b7ed}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:510px}.showcase{width:333px;border:1px solid #c4a5ff33;border-radius:20px;background:linear-gradient(130deg,#1b1427ed,#111018f5);box-shadow:0 0 100px #9d61e31a,0 40px 80px #0009;transform:rotate(-3deg);overflow:hidden;z-index:1}.showcase-cover{height:106px;position:relative;background:radial-gradient(ellipse at 70% 70%,#b082df55,transparent 50%),linear-gradient(120deg,#28183b,#51335e55,#161424);overflow:hidden}.showcase-cover>span:first-child{position:absolute;right:44px;top:-22px;color:#bb97eb55;font-size:160px;transform:rotate(20deg)}.sample-label{position:absolute;top:16px;left:16px;font-size:7px;letter-spacing:2px;color:#c5b2df80}.showcase-body{padding:0 22px 17px;text-align:center}.sample-avatar{width:77px;height:77px;border-radius:100%;margin:-39px auto 14px;position:relative;border:5px solid #191321;background:linear-gradient(130deg,#b6a0cf,#6b547b);font-size:36px;font-weight:750;display:grid;place-items:center;box-shadow:0 0 30px #af83ff2a}.showcase h2{font-size:23px;margin-bottom:1px;color:#f3e9ff;text-shadow:0 0 18px #c4a0ff50}.verified{color:#c4a0ff;font-size:20px;margin-left:3px}.sample-handle{color:#7c6b90;font-size:10px}.showcase-body>p{font-size:11px;color:#b3a3c0;margin:13px 0 8px}.sample-location{color:#897697;font-size:9px;display:flex;align-items:center;justify-content:center;gap:5px}.sample-location svg{width:11px;height:11px}.sample-socials{display:flex;justify-content:center;align-items:center;gap:20px;margin:22px 0;color:#d3b8ef}.sample-socials svg{width:20px;height:20px}.sample-link{display:flex;align-items:center;justify-content:space-between;border:1px solid #d0b3ff17;background:#ffffff03;border-radius:8px;padding:11px 12px;margin-top:8px;color:#d1bfdc;font-size:10px}.sample-link span{display:flex;align-items:center;gap:8px}.sample-link svg{width:14px;height:14px;color:#b09ac7}.sample-track{display:flex;gap:10px;align-items:center;background:#b48bff09;border:1px solid #c6a2ff15;border-radius:10px;padding:10px;margin-top:16px;text-align:left}.track-cover{background:linear-gradient(135deg,#956daf44,#4b326a88);width:35px;height:35px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;color:#c6a5ef}.sample-track strong{font-size:9px;font-weight:600;display:block;color:#d3c1e1}.sample-track small{font-size:7px;color:#9984ac;display:block;margin-top:2px}.equalizer{display:flex;align-items:center;gap:3px;margin-left:auto;height:20px}.equalizer i{width:2px;background:#b493da;height:10px;animation:equalize 1.2s infinite alternate}.equalizer i:nth-child(2){height:18px;animation-delay:.3s}.equalizer i:nth-child(3){height:13px;animation-delay:.6s}.equalizer i:nth-child(4){height:6px;animation-delay:.2s}.sample-bottom{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#796689;margin-top:18px}.sample-bottom svg{width:10px;height:10px;margin-right:3px}.floating-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;font-size:10px;border:1px solid #ffffff19;background:#17131e;border-radius:10px;padding:11px 15px;box-shadow:0 8px 30px #0008;color:#c4b0da}.floating-tag svg{color:#b69add;width:15px;height:15px}.tag-top{top:26px;right:-2px;transform:rotate(6deg)}.tag-bottom{bottom:6px;left:-17px;transform:rotate(3deg)}.orbit{position:absolute;width:460px;height:460px;border:1px solid #a686d210;border-radius:50%;transform:rotate(-25deg) scaleX(1.05)}.orbit-two{width:390px;height:570px;transform:rotate(35deg) scaleX(.8);border-style:dashed}.feature-strip{border-block:1px solid var(--line);padding:25px 30px 28px;text-align:center;background:#ffffff02}.feature-strip>span{font-size:8px;letter-spacing:2px;color:#68616f}.feature-strip>div{display:flex;justify-content:center;gap:44px;margin-top:20px;color:#827a8f}.feature-strip>div>span{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:550}.feature-strip svg{width:20px;height:20px}.section{max-width:1190px;padding:85px 34px;margin:auto}.section-heading{text-align:center;margin-bottom:40px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#a28cbf;display:block;margin-bottom:14px}.section-heading h2{font-size:35px;margin:0 0 15px;letter-spacing:-1.4px}.section-heading p{font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{padding:27px 26px;background:linear-gradient(135deg,#ffffff04,#ffffff01);border:1px solid var(--line);border-radius:13px}.feature-icon{border:1px solid #b897f51c;width:40px;height:40px;display:grid;place-items:center;color:#b49ace;background:#9a71c50b;border-radius:10px;margin-bottom:24px}.feature-grid h3{font-size:16px;letter-spacing:-.3px;margin-bottom:10px}.feature-grid p{font-size:12px;line-height:1.8;color:#8b8299;margin:0}.cta{text-align:center;padding-top:45px;padding-bottom:90px}.cta h2{font-size:43px;margin-bottom:26px}.cta>span:last-child{display:block;margin-top:17px;font-size:10px;color:#786c89}.site-footer{max-width:1190px;margin:auto;border-top:1px solid var(--line);padding:27px 34px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#71687e}.site-footer .brand{font-size:17px;color:#c8c0d5}.site-footer>div{display:flex;gap:22px}.auth-card{max-width:450px;margin:65px auto 100px;padding:32px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#17121d,#0e0d13);box-shadow:0 20px 100px #0003}.auth-card>h1{font-size:33px;margin-bottom:10px}.auth-card>p{font-size:12px}.auth-logo{display:block;color:#bfa3f0;font-size:35px;margin-bottom:15px}.auth-card .eyebrow{font-size:8px}.oauth-buttons{display:flex;gap:8px;margin-top:27px}.oauth-button{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 5px;border:1px solid #ffffff18;background:#ffffff03;color:#c4bbd1;border-radius:8px;font-size:11px;font-weight:500}.oauth-button svg{width:15px;height:15px}.oauth-button small{position:absolute;bottom:0;font-size:7px}.divider{display:flex;align-items:center;gap:12px;font-size:10px;color:#706778;margin:24px 0}.divider:before,.divider:after{content:'';flex:1;height:1px;background:var(--line)}form>label,label{display:block;font-size:12px;color:#c9c0d4;margin-bottom:17px}label small{display:block;font-size:10px;color:#7e7489;margin-top:3px}input:not([type=checkbox],[type=range],[type=color]),textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #ffffff17;background:#09090d80;color:#e7e2ef;border-radius:8px;padding:11px 12px;outline:0;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:#b39adc!important}input::placeholder,textarea::placeholder{color:#625a6e}textarea{resize:vertical}input[type=color]{display:block;width:100%;height:40px;padding:4px;background:#ffffff05;border:1px solid var(--line);border-radius:8px;margin-top:7px}input[type=range]{width:100%;accent-color:#b59add;cursor:pointer;display:block;margin-top:12px}input[type=checkbox]{accent-color:#b49add}output{float:right;color:#b49add}.input-prefix{display:flex;align-items:center;border:1px solid #ffffff17;background:#09090d80;border-radius:8px;margin-top:7px;padding-left:12px}.input-prefix>span{color:#786b87;font-size:12px}.input-prefix input{border:0!important;background:transparent!important;margin:0!important;padding-left:2px!important}.checkbox{display:flex;align-items:center;gap:7px;font-size:10px;color:#8e849e}.checkbox a{color:#c9b1e8}.checkbox input{margin:0}.full{width:100%}.forgot-link{display:block;text-align:right;font-size:11px;color:#a68bbc;margin-top:15px}.auth-switch{text-align:center;border-top:1px solid var(--line);padding-top:20px;margin-top:26px;font-size:11px;color:#887d95}.auth-switch a{color:#c0a4e6}.notice{background:#b89aef0b;border:1px solid #b89aef25;color:#c4b2dc;border-radius:9px;padding:16px 20px;font-size:12px;margin-bottom:24px}.notice form{display:inline-block;margin:8px 0 0 15px}.toast{position:relative;max-width:1100px;margin:18px auto 0;padding:14px 20px;color:#d8caed;background:#23192f;border:1px solid #a78bfa35;border-radius:10px;font-size:12px}.dashboard{display:grid;grid-template-columns:235px minmax(0,1fr);max-width:1250px;margin:auto;min-height:780px}.sidebar{border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.sidebar-user{display:flex;align-items:center;gap:10px;padding:0 0 25px;margin-bottom:24px;border-bottom:1px solid var(--line)}.mini-avatar{width:38px;height:38px;border-radius:50%;background:#b49add18;color:#ccb3ed;display:grid;place-items:center;font-size:18px;font-weight:650;overflow:hidden;flex-shrink:0}.mini-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user strong{font-size:12px;display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:9px;color:#8a7a99;display:block}.free-badge{font-size:7px;color:#ac8bcc;border:1px solid #ac8bcc30;background:#ac8bcc0b;padding:2px 6px;border-radius:4px;margin-left:auto}.sidebar-caption{font-size:8px;letter-spacing:1.5px;color:#665b73;margin:0 10px 13px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;font-size:11px;color:#91849f;border:1px solid transparent;border-radius:8px}.sidebar nav svg{width:17px;height:17px}.sidebar nav a.active{background:#aa88dc11;color:#d1b8f2;border-color:#b697df15}.sidebar nav a:hover{background:#ffffff05}.sidebar-bottom{margin-top:auto;padding-top:45px}.opensource-note{padding:17px 15px;border:1px solid #aa88dc18;border-radius:10px;background:linear-gradient(130deg,#aa88dc0d,transparent);margin-bottom:16px}.opensource-note svg{display:block;margin-bottom:9px;color:#bfa1e0;width:19px;height:19px}.opensource-note strong{font-size:11px}.opensource-note p{font-size:10px;margin:5px 0 0;color:#80728e}.dashboard-main{padding:35px 35px 65px;min-width:0}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.dashboard-top .eyebrow{font-size:8px;margin-bottom:11px;color:#7e6a94}.dashboard-top h1{font-size:29px;margin-bottom:8px}.dashboard-top p{font-size:12px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.stats-grid article{padding:22px;background:linear-gradient(145deg,#17131c,#111016);border:1px solid var(--line);border-radius:12px}.stats-grid article>span{font-size:11px;display:flex;gap:8px;align-items:center;color:#b1a4c0}.stats-grid article>span svg{width:15px;height:15px;color:#9e81ba}.stats-grid strong{display:block;font-size:35px;font-weight:600;letter-spacing:-2px;margin:11px 0 1px}.stats-grid small{font-size:9px;color:#7a6d89}.panel{border:1px solid var(--line);border-radius:12px;padding:25px;background:#111016;margin-bottom:22px}.panel h2{font-size:17px;letter-spacing:-.4px;margin-bottom:11px}.panel p{font-size:12px;line-height:1.8}.panel .eyebrow{font-size:8px}.overview-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.copy-field{display:flex;align-items:center;background:#09090e;border:1px solid #a488c72b;border-radius:8px;padding:6px;margin:25px 0 20px;gap:10px}.copy-field code{font-size:10px;color:#c8b4e0;padding:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-field button{margin-left:auto}.text-link{font-size:11px;color:#b99bda}.getting-started a{display:flex;align-items:center;gap:12px;padding:11px 0;font-size:11px;color:#b5a3c8}.getting-started a>span{flex:1}.getting-started small{display:block;font-size:9px;color:#796b88;margin-top:3px}.getting-started svg{width:18px;height:18px;color:#a184be}.theme-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.theme-mini-grid a{border:1px solid color-mix(in srgb,var(--theme) 20%,transparent);border-radius:9px;background:radial-gradient(ellipse at 80% 0%,color-mix(in srgb,var(--theme) 14%,transparent),transparent),var(--theme-bg);padding:25px 18px;color:var(--theme)}.theme-mini-grid a>span{font-size:24px;display:block;margin-bottom:12px}.theme-mini-grid strong{font-size:11px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.colors{grid-template-columns:repeat(4,1fr)}.hint{font-size:10px!important;color:#7f718f!important;line-height:1.8}.toggle{position:relative;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff06;margin:0;padding:12px 0;font-size:11px}.toggle input{position:absolute;right:0;width:35px;height:21px;opacity:0;z-index:1;cursor:pointer}.toggle-track{width:32px;height:18px;border-radius:20px;background:#332b3d;position:relative}.toggle-track:before{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;background:#7f708f;border-radius:50%;transition:.2s}.toggle input:checked+.toggle-track{background:#a68ac7}.toggle input:checked+.toggle-track:before{transform:translateX(14px);background:#f1e4ff}.toggle input:focus-visible+.toggle-track{outline:2px solid white}.toggle+label:not(.toggle){margin-top:20px}.save-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;bottom:14px;background:#17121ef2;padding:12px 16px;border:1px solid #b190d22f;border-radius:10px;backdrop-filter:blur(20px);z-index:3}.save-bar>span{font-size:10px;color:#9a87ae}.save-bar button{font-size:11px}.preview-panel{align-self:start;position:sticky;top:25px}.preview-panel>.eyebrow{font-size:8px;color:#766285}.preview-panel>small{display:block;font-size:9px;color:#74667f;margin:12px 7px}.preview-stage{min-height:350px;padding:36px 16px;background:radial-gradient(ellipse at 50% 30%,#53356c50,transparent 70%),#0b090f;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center}.preview-card{width:100%;padding:25px 16px;text-align:center;border:1px solid #c9a8ed25;overflow:hidden}.preview-avatar{width:56px;height:56px;border-radius:50%;background:#b093cd30;margin:0 auto 13px;display:grid;place-items:center;font-size:25px;color:var(--accent);overflow:hidden}.preview-avatar img{width:100%;height:100%;object-fit:cover}.preview-card h2{font-size:20px;color:var(--accent);margin-bottom:10px}.preview-card p{font-size:10px;color:inherit;overflow-wrap:anywhere}.preview-card small{font-size:8px;opacity:.6}.preview-card .sample-socials{gap:13px;color:var(--accent)}.preview-card .sample-socials svg{width:16px;height:16px}.preview-link{font-size:9px;border:1px solid #ffffff16;border-radius:6px;padding:9px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading p{margin-bottom:17px}.link-row{padding:15px;background:#ffffff02;border:1px solid var(--line);border-radius:9px;margin:10px 0}.link-row-fields{display:grid;grid-template-columns:1fr 1.4fr 100px;gap:8px}.link-row-fields input,.link-row-fields select{font-size:11px}.link-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:10px}.link-row-actions .checkbox{margin:0 auto 0 0}.link-row-actions button{padding:4px 11px;font-size:15px}.upload-zone{background:#ffffff02;border:1px dashed #b99bd441;border-radius:10px;text-align:center;padding:27px;cursor:pointer;margin-top:7px}.upload-zone>svg{width:26px;height:26px;color:#a48bbd}.upload-zone>strong{display:block;margin:10px 0 5px}.upload-zone>span{display:block;font-size:10px;color:#80708e}.upload-zone input{font-size:10px;max-width:330px;margin:15px auto 0!important;background:transparent!important;border:0!important}.media-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:16px 0}.file-icon{width:36px;height:36px;display:grid;place-items:center;color:#b697d1;background:#a384c914;border:1px solid #a384c915;border-radius:8px}.media-row>div{flex:1;min-width:0}.media-row strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-row small{display:block;font-size:9px;color:#7e6e8d;margin-top:3px}.media-row button{font-size:10px;padding:6px 10px}.count{font-size:10px;padding:2px 7px;background:#b697d115;border-radius:5px;color:#a489ba;margin-left:5px}.empty-state{text-align:center;padding:50px 20px;color:#8f7aa0}.empty-state>svg{width:30px;height:30px}.empty-state p{margin:16px 0;font-size:12px}.empty-state h2{font-size:22px;margin:15px 0 24px}.playlist-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.playlist-row>span svg{width:15px;height:15px;color:#a78abb;margin-right:8px}.left{text-align:left;margin-bottom:28px}.left h2{font-size:26px}.templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.theme-card{background:#121016;border:1px solid var(--line);border-radius:11px;overflow:hidden}.theme-sample{background:radial-gradient(ellipse at 70% 10%,color-mix(in srgb,var(--theme) 20%,transparent),transparent 70%),var(--theme-bg);height:200px;display:grid;place-items:center;padding:25px}.theme-profile{width:130px;border:1px solid color-mix(in srgb,var(--theme) 20%,transparent);padding:18px;border-radius:12px;color:var(--theme);text-align:center;background:#ffffff04}.theme-profile>span{display:block;font-size:28px}.theme-profile strong{font-size:11px;display:block;margin:8px 0 14px}.theme-profile i{display:block;height:7px;margin:5px auto;background:color-mix(in srgb,var(--theme) 15%,transparent);border-radius:4px}.theme-profile i:nth-of-type(2){width:70%}.theme-profile>div{font-size:8px;margin-top:12px}.theme-description{padding:17px}.theme-description h3{font-size:14px;margin-bottom:5px}.theme-description p{font-size:10px;min-height:32px;margin-bottom:15px}.bar-chart{height:240px;display:flex;align-items:flex-end;gap:8px;overflow-x:auto;padding-top:20px}.bar-column{flex:1;min-width:25px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.bar-column>div{width:100%;max-width:40px;background:linear-gradient(#be9ce7,#7852a4);border-radius:4px 4px 0 0}.bar-column>span{font-size:9px;color:#bb9cd5}.bar-column>small{font-size:8px;color:#766282}.list-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px}.list-line>span{color:#9b87ad}.list-line strong{font-size:11px;overflow-wrap:anywhere}.panel .list-line:last-of-type{margin-bottom:15px}.inline-form{display:flex;gap:12px;align-items:center;margin-top:18px}.inline-form input{margin:0!important}.danger-panel{border-color:#f8717126}.danger-panel h2{color:#e5a1ac}.explore h1{font-size:39px}.search-box{display:flex;align-items:center;gap:10px;max-width:460px;margin:0 auto 30px;border:1px solid var(--line);padding:5px 15px;border-radius:10px}.search-box svg{color:#877295}.search-box input{background:transparent!important;border:0!important;margin:0!important}.explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.explore-card{text-align:center;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),#121017;border:1px solid var(--line);border-radius:13px;padding:28px 20px}.explore-card .mini-avatar{margin:0 auto 15px;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);width:53px;height:53px;font-size:23px}.explore-card h3{font-size:17px;margin-bottom:5px}.explore-card small{font-size:10px;color:#806d92}.explore-card p{font-size:10px;margin:15px 0}.explore-card>span:last-child{font-size:10px;color:#9076a3}.explore-card>span:last-child svg{width:13px;height:13px}.legal{max-width:750px;margin:65px auto}.legal h1{font-size:35px;margin-bottom:25px}.legal h2{margin-top:28px}.legal p{font-size:13px;line-height:1.9}.profile-page{background:var(--bg);color:var(--profile-text);min-height:100vh}.profile-wallpaper,.profile-shade,.profile-aurora,.particles{position:fixed;inset:0;pointer-events:none;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center}.profile-aurora{background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 65%),var(--bg)}.profile-shade{background:#0004}.profile-wrap{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:65px 20px 35px}.profile-card{width:min(100%,500px);background:rgb(12 10 18 / var(--opacity));backdrop-filter:blur(var(--blur));border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:var(--radius);overflow:hidden}.profile-card.has-glow{box-shadow:0 0 70px color-mix(in srgb,var(--accent) 12%,transparent)}.profile-card.has-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),rgb(12 10 18 / var(--opacity)))}.profile-card.layout-wide{width:min(100%,700px)}.profile-card.layout-minimal{border-color:transparent;box-shadow:none;background:transparent;backdrop-filter:none}.font-serif{font-family:Georgia,serif}.font-mono{font-family:ui-monospace,monospace}.profile-banner{height:150px;background-size:cover;background-position:center}.profile-banner+.profile-content{padding-top:0}.profile-banner+.profile-content .profile-avatar{margin-top:-45px;position:relative}.profile-content{padding:36px;text-align:center}.profile-avatar{width:92px;height:92px;border-radius:50%;margin:0 auto 17px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 65%,#15101d),#282033);border:3px solid color-mix(in srgb,var(--accent) 35%,#1c1425);display:grid;place-items:center;font-size:40px;font-weight:650;overflow:hidden;color:var(--profile-text);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 15%,transparent)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name-row{display:flex;justify-content:center;align-items:center;gap:9px;margin-bottom:12px}.profile-name-row h1{font-size:32px;margin:0;letter-spacing:-1px;overflow-wrap:anywhere;max-width:100%}.profile-badge{color:var(--accent)}.profile-badge svg{width:20px;height:20px}.name-effect-glow{text-shadow:0 0 22px var(--accent)}.name-effect-rainbow{background:linear-gradient(90deg,#ffb2d4,#c5abff,#99dfff,#b2ffdb,#ffb2d4);background-size:300%;background-clip:text;color:transparent;animation:rainbow 8s linear infinite}.name-effect-glitch{animation:glitch 5s infinite}.profile-bio{color:inherit;opacity:.8;font-size:13px;line-height:1.7;margin:0 0 12px;overflow-wrap:anywhere;min-height:23px;white-space:pre-line}.profile-location{font-size:11px;opacity:.55;display:inline-flex;align-items:center;gap:5px;margin-bottom:10px}.profile-location svg{width:13px;height:13px}.profile-socials{display:flex;gap:23px;align-items:center;justify-content:center;margin:22px 0;color:var(--icons)}.profile-socials svg{width:23px;height:23px}.profile-socials a{transition:transform .2s;display:inline-block}.profile-socials a:hover{transform:translateY(-4px);filter:drop-shadow(0 0 8px var(--accent))}.profile-socials:not(.mono-icons) .social-discord{color:#9da5ff}.profile-socials:not(.mono-icons) .social-spotify{color:#65da97}.profile-socials:not(.mono-icons) .social-youtube{color:#ff7f8d}.profile-socials:not(.mono-icons) .social-instagram{color:#ed99ce}.profile-links{display:grid;gap:10px;margin-top:20px}.profile-links>a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 17%,transparent);border-radius:calc(var(--radius)*.4);background:#ffffff04;font-size:12px;color:var(--profile-text);transition:background .2s}.profile-links>a:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.profile-links>a>span{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}.profile-links svg{width:16px;height:16px;color:var(--icons)}.align-left{justify-content:flex-start;text-align:left}.align-right{justify-content:flex-end;text-align:right}.profile-links.align-center>a>span{margin:auto}.profile-links.align-right>a>span{margin-left:auto}.profile-views{font-size:10px;opacity:.45;display:flex;justify-content:center;align-items:center;gap:6px;margin-top:27px}.profile-views svg{width:14px;height:14px}.profile-credit{font-size:10px;opacity:.4;margin-top:24px}.profile-credit strong{font-weight:550}.report-link{font-size:8px;opacity:.22;margin-top:10px}.discord-presence{display:flex;align-items:center;gap:12px;max-width:250px;margin:15px auto;padding:13px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff04;text-align:left}.discord-presence>svg{width:28px;height:28px;color:var(--icons)}.discord-presence span{font-size:11px;opacity:.8}.discord-presence small{display:block;font-size:9px;opacity:.5;margin-top:3px}.audio-widget{padding:15px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,transparent);margin-top:20px;text-align:left}.audio-top{display:flex;align-items:center;gap:9px}.audio-title{flex:1;min-width:0}.audio-title strong{display:block;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.audio-title small{display:block;font-size:9px;opacity:.45;margin-top:3px}.audio-widget button{background:transparent;color:var(--profile-text);padding:5px;border:0;min-width:23px;font-size:15px}.audio-widget button:hover{color:var(--accent)}.audio-widget .track-cover{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.audio-timeline{display:flex;align-items:center;gap:8px;margin-top:12px}.audio-timeline>span{font-size:8px;opacity:.5}.audio-timeline input{margin:0;height:10px}.audio-widget input{accent-color:var(--accent)}.audio-volume{margin-top:10px}.audio-volume label{display:flex;gap:12px;align-items:center;font-size:8px;opacity:.5;margin:0;color:inherit}.audio-volume input{width:70px;margin:0;height:7px}.audio-volume [role=status]{display:block;font-size:9px;color:#ffb4b4;margin-top:5px}.embed-placeholder{padding:22px 15px;border:1px solid #ffffff15;background:#ffffff03;border-radius:12px;margin-top:16px}.embed-placeholder>span{color:var(--accent)}.embed-placeholder p{font-size:12px;color:inherit;margin:10px 0 3px}.embed-placeholder small{display:block;font-size:9px;opacity:.5;margin-bottom:14px}.profile-embed{width:100%;height:260px;border:0;border-radius:12px;margin-top:16px}.enter-screen{position:fixed;inset:0;border:0;border-radius:0;background:#07070bf2;backdrop-filter:blur(20px);z-index:10;width:100%;height:100%;color:var(--profile-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:16px;font-weight:400;letter-spacing:3px;transition:opacity .5s,backdrop-filter .5s}.enter-screen:hover{background:#07070bed;transform:none}.enter-screen small{font-size:22px;color:var(--accent);animation:pulse 3s infinite}.enter-screen.entered{opacity:0;pointer-events:none}.demo-banner{position:fixed;top:17px;left:50%;transform:translateX(-50%);z-index:3;background:#1c1429;border:1px solid #b998ea40;border-radius:20px;padding:8px 16px;font-size:10px;color:#d4b7f6;white-space:nowrap}.particles i{position:absolute;left:var(--x);top:-5%;width:var(--size);height:var(--size);background:white;border-radius:50%;opacity:.4;animation:fall var(--duration) var(--delay) linear infinite}.bg-stars .particles i{top:calc(var(--x)*.9);animation:twinkle var(--duration) var(--delay) ease-in-out infinite}.bg-rain .particles i{width:1px;height:30px;border-radius:0;opacity:.2;animation-duration:calc(var(--duration)*.2)}.bg-none .particles{display:none}.cursor-dot{position:fixed;width:5px;height:5px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:20;animation:cursor-fade .7s forwards}.profile-bio:empty{display:none}[hidden]{display:none!important}:focus-visible{outline:2px solid #d1b6f5;outline-offset:4px}@keyframes fall{to{transform:translate(40px,110vh)}}@keyframes twinkle{0%,100%{opacity:.1;transform:scale(.6)}50%{opacity:.6;transform:scale(1)}}@keyframes pulse{50%{opacity:.3}}@keyframes equalize{to{height:4px}}@keyframes rainbow{to{background-position:300%}}@keyframes glitch{0%,92%,100%{text-shadow:none;transform:none}93%{text-shadow:2px 0 #ff719c,-2px 0 #74e7ff;transform:translateX(-2px)}95%{text-shadow:-2px 0 #ff719c,2px 0 #74e7ff;transform:translateX(2px)}}@keyframes cursor-fade{to{opacity:0;transform:translateY(20px) scale(0)}}
@media(min-width:1450px){.hero{min-height:720px}.hero-art{transform:scale(1.08)}}@media(max-width:1050px){.hero{gap:20px;padding-inline:30px}.hero h1{font-size:65px}.hero-art{transform:scale(.9)}.floating-tag{font-size:9px}.feature-strip>div{gap:25px}.editor-grid{grid-template-columns:1fr}.preview-panel{position:static;order:-1}.preview-stage{min-height:220px;padding:20px}.preview-card{max-width:300px}.preview-panel>small{display:none}.preview-card .sample-socials,.preview-link{display:none}.templates-grid{grid-template-columns:1fr 1fr}.dashboard{grid-template-columns:205px 1fr}.dashboard-main{padding:30px 23px}.overview-grid{grid-template-columns:1fr}.stats-grid article{padding:17px}.stats-grid article>span{font-size:10px}.explore-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.site-header{height:76px;padding:0 20px}.site-header nav{display:none}.brand{font-size:19px}.brand-mark{font-size:30px;width:25px}.header-actions{gap:13px}.header-actions .small{font-size:10px;padding:9px 12px}.login-link{font-size:11px}.hero{grid-template-columns:1fr;text-align:center;padding:48px 23px 55px;gap:24px;overflow:hidden}.hero h1{font-size:68px;letter-spacing:-4px}.hero-copy>p{margin-inline:auto;font-size:14px;max-width:330px}.pill{font-size:8px}.claim-form{margin:auto;text-align:left;max-width:430px}.hero-notes{justify-content:center;font-size:9px;gap:14px}.demo-link{margin-top:23px}.hero-art{min-height:490px;max-width:400px;width:100%;margin:auto;transform:scale(.94)}.tag-top{right:-5px;top:9px}.tag-bottom{left:-8px;bottom:-5px}.feature-strip>div{flex-wrap:wrap;gap:19px 28px;max-width:400px;margin-inline:auto}.feature-strip>div>span{font-size:13px}.feature-strip>div svg{width:17px;height:17px}.section{padding:58px 22px}.section-heading h2{font-size:28px}.section-heading p{font-size:12px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature-grid article{padding:22px 18px}.feature-grid h3{font-size:14px}.feature-grid p{font-size:11px}.feature-icon{margin-bottom:18px}.cta{padding-block:35px 60px}.cta h2{font-size:35px}.site-footer{padding:25px 22px;flex-wrap:wrap;gap:15px}.site-footer>span{display:none}.site-footer>div{gap:15px;font-size:9px}.dashboard{display:block}.sidebar{padding:17px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar-user,.sidebar-caption,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;gap:7px;overflow-x:auto;scrollbar-width:none}.sidebar nav a{flex-shrink:0;padding:8px 10px;font-size:10px}.sidebar nav svg{width:14px;height:14px}.dashboard-main{padding:25px 20px 50px}.dashboard-top{gap:12px;margin-bottom:25px}.dashboard-top h1{font-size:24px}.dashboard-top p{font-size:10px}.dashboard-top .small{font-size:9px;padding:8px 10px}.dashboard-top .small svg{width:12px;height:12px}.dashboard-top .eyebrow{font-size:7px}.stats-grid{gap:9px}.stats-grid article{padding:16px 12px}.stats-grid article>span{font-size:9px;gap:5px}.stats-grid article>span svg{display:none}.stats-grid strong{font-size:29px}.stats-grid small{font-size:8px}.panel{padding:22px 18px}.theme-mini-grid{gap:8px}.theme-mini-grid a{padding:19px 14px}.theme-mini-grid strong{font-size:10px}.auth-card{margin:40px 20px 60px;max-width:450px;padding:28px}.auth-card h1{font-size:31px}.link-row-fields{grid-template-columns:1fr 90px}.link-row-fields input[type=url]{grid-row:2;grid-column:1/-1}.link-row-fields select{grid-column:2;grid-row:1}.panel-heading{align-items:flex-start}.panel-heading button{font-size:9px;padding:8px 9px}.panel-heading h2{font-size:16px}.media-row{gap:8px}.media-row>.text-link{font-size:9px}.file-icon{width:29px;height:29px}.media-row strong{font-size:10px}.media-row button{font-size:9px;padding:5px 7px}.save-bar>span{font-size:8px}.save-bar button{font-size:10px;padding:10px 13px}.explore-grid{grid-template-columns:1fr 1fr;gap:12px}.explore h1{font-size:30px}.legal{margin:35px 20px}.legal h1{font-size:29px}.toast{margin:15px 20px 0}.profile-content{padding:30px 25px}.profile-card.layout-wide{max-width:500px}.profile-wrap{padding:55px 18px 30px}}@media(max-width:400px){.hero h1{font-size:57px}.claim-form{padding-left:10px}.claim-form label{font-size:11px}.claim-form input{font-size:11px}.claim-form button{font-size:10px;padding:12px 10px;gap:5px}.hero-art{transform:scale(.86);margin-block:-25px}.feature-grid{grid-template-columns:1fr}.templates-grid{grid-template-columns:1fr}.colors{grid-template-columns:1fr 1fr}.site-header{gap:10px}.header-actions .login-link{display:none}.hero-notes{gap:10px}.field-grid{gap:0 10px}.profile-content{padding-inline:20px}.audio-top{gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Blue, pared-down default interface. Custom profile colors stay user-controlled. */
:root{--accent:#3b82f6;--bg:#0b1019;--muted:#8593a6;--line:#ffffff10;--panel:#101824}
body:not(.profile-page){background:#0b1019;color:#e8edf4}body:not(.profile-page) p{color:#8d9bad}.ambient{display:none}.site-header{height:80px}.brand-mark{color:#60a5fa;font-size:27px;letter-spacing:-2px;width:27px}.site-header nav a,.login-link{color:#9aa8ba}button,.button{background:#3478e5;color:#fff;border-radius:6px;box-shadow:none}button:hover,.button:hover{background:#4389f5;transform:none}.secondary{background:#ffffff04;border-color:#ffffff17;color:#bfccdb}.secondary:hover{background:#ffffff09}.ghost{background:transparent;color:#94a3b8}.ghost:hover{background:#ffffff07;color:white}.danger{background:#f8717110;color:#fca5a5;border-color:#f8717130}.danger:hover{background:#f8717120}.hero{min-height:610px;padding-top:70px;padding-bottom:65px;gap:75px}.hero h1{font-size:58px;letter-spacing:-2.6px;line-height:1.15}.hero h1>span{color:#60a5fa;background:none}.hero-copy>p{font-size:15px;max-width:430px}.eyebrow{color:#7399c8;font-size:10px;letter-spacing:1.1px}.claim-form{background:#101824;border-color:#26364b;border-radius:7px;box-shadow:none}.claim-form button{font-size:12px}.hero-notes{font-size:10px;color:#8091a6}.hero-notes svg{color:#6398da}.demo-link{color:#94a9c3;margin-top:24px}.hero-art{min-height:440px;transform:none}.showcase{transform:none;width:320px;background:#101824;border:1px solid #2a3c54;border-radius:12px;box-shadow:0 15px 45px #0003}.showcase-cover{height:85px;background:#17375d}.showcase-body{padding:0 23px 20px}.sample-avatar{width:72px;height:72px;margin-top:-36px;background:#2b5483;border:4px solid #101824;color:#dbeafe;box-shadow:none}.showcase h2{font-size:22px;text-shadow:none;color:#f1f5f9}.verified{color:#60a5fa;font-size:15px}.sample-handle{color:#6f87a4}.showcase-body>p{color:#a5b4c6;font-size:11px}.sample-location{color:#7389a4}.sample-socials{color:#8ab7eb;margin:20px 0}.sample-link{background:#ffffff02;border-color:#2a3a50;color:#b6c8dd;border-radius:6px}.sample-link svg{color:#76a4dc}.sample-track{background:#ffffff02;border-color:#2a3a50;border-radius:7px}.track-cover{background:#234265;color:#93c5fd}.sample-track strong{color:#c5d3e3}.sample-track small{color:#7b91ac}.sample-play{color:#8cb8ed;margin-left:auto;font-size:11px}.sample-bottom{color:#58708e}.floating-tag,.orbit{display:none}.feature-strip{display:none}.section{padding-block:65px}.features{border-top:1px solid var(--line)}.section-heading h2{font-size:29px;letter-spacing:-.8px}.feature-grid{grid-template-columns:repeat(4,1fr);gap:20px}.feature-grid article{background:none;border:0;border-radius:0;padding:10px 5px}.feature-icon{background:none;border:0;border-radius:0;place-items:start;width:28px;height:28px;color:#6ba8f1;margin-bottom:18px}.feature-grid h3{font-size:15px}.feature-grid p{color:#8190a4!important;line-height:1.8}.cta{padding-block:40px 70px;border-top:1px solid var(--line)}.cta h2{font-size:30px;margin-bottom:12px}.cta p{font-size:13px;margin-bottom:24px}.site-footer{color:#64758b}.site-footer .brand{color:#c3cedb}.auth-card{background:#101824;border-color:#233248;border-radius:10px;box-shadow:none}.auth-logo{color:#60a5fa;font-size:27px}.oauth-button{background:#ffffff02;border-color:#29394f;color:#b5c4d6}.oauth-button:hover{background:#ffffff07}.divider{color:#65768d}.auth-switch{color:#8294ab}.auth-switch a,.forgot-link,.text-link{color:#85b5ee}.notice{background:#3b82f60a;border-color:#3b82f630;color:#a9c9ef}.toast{background:#152a43;border-color:#3b82f640;color:#c4defd}.dashboard-main{background:#0c121c}.sidebar{background:#0b111a}.sidebar nav a{color:#8495ab;border-radius:6px}.sidebar nav a.active{background:#3b82f610;border-color:#3b82f620;color:#90bffa}.sidebar-caption{color:#526780}.sidebar-user small{color:#7187a2}.mini-avatar{background:#3b82f619;color:#93c5fd}.free-badge{color:#85b8f3;background:#3b82f60b;border-color:#3b82f630}.opensource-note{background:none;border-color:#25354a;border-radius:6px}.opensource-note svg{display:none}.opensource-note p{color:#7186a0}.dashboard-top .eyebrow{color:#607e9f}.stats-grid article{background:#101824;border-color:#202e40;border-radius:8px}.stats-grid article>span{color:#94a8bf}.stats-grid article>span svg{color:#6599d8}.stats-grid small{color:#647b96}.panel{background:#101824;border-color:#202e40;border-radius:8px}.getting-started a{color:#afc4de}.getting-started small{color:#6d84a0}.getting-started svg{color:#6fa1de}.copy-field{background:#0b111b;border-color:#2c4461;border-radius:6px}.copy-field code{color:#a4c3e9}.preview-stage{background:#0b121e;border-color:#25364b;border-radius:8px}.preview-panel>.eyebrow{color:#6383aa}.preview-avatar{background:#3b82f620}.preview-panel>small,.hint{color:#7187a2!important}input:not([type=checkbox],[type=range],[type=color]),textarea,select{background:#0b121c;color:#d5e0ef;border-color:#28374b;border-radius:6px}input::placeholder,textarea::placeholder{color:#536b85}input:focus,textarea:focus,select:focus{border-color:#4c91e6!important}input[type=range],input[type=checkbox]{accent-color:#3b82f6}label{color:#afc0d5}.input-prefix{background:#0b121c;border-color:#28374b}.input-prefix>span{color:#7189a5}.checkbox a{color:#85b5ee}.toggle-track{background:#26394f}.toggle-track:before{background:#7890ad}.toggle input:checked+.toggle-track{background:#3478e5}.toggle input:checked+.toggle-track:before{background:white}.save-bar{background:#101c2bf5;border-color:#2c4565;border-radius:7px}.save-bar>span{color:#839cb9}.list-line>span{color:#8fa6c0}.bar-column>div{background:#3b82f6}.bar-column>span{color:#82b8f8}.bar-column>small{color:#66809f}.search-box{border-color:#293b52}.theme-card{background:#101824;border-color:#25354b;border-radius:8px}.theme-description p{color:#7e94b0}.empty-state{color:#7293bc}.file-icon{background:#3b82f612;border-color:#3b82f620;color:#7fafe9}.media-row small{color:#6c85a2}.upload-zone{border-color:#3b82f638;border-radius:7px}.upload-zone>svg{color:#6fa3e3}.upload-zone>span{color:#718aa7}.count{background:#3b82f614;color:#85b5ee}.explore-card{background:#101824;border-color:#25354b}.legal{background:#101824}.danger-panel{border-color:#f8717130}:focus-visible{outline-color:#60a5fa}
@media(max-width:1050px){.hero{gap:30px}.hero h1{font-size:49px}.feature-grid{grid-template-columns:1fr 1fr;gap:28px}.hero-art{transform:none}}@media(max-width:760px){.site-header{height:70px}.hero{min-height:0;padding:48px 24px;gap:40px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.hero-art{min-height:420px;transform:none}.showcase{max-width:100%}.section{padding-block:45px}.feature-grid{gap:25px}.section-heading h2{font-size:26px}.cta h2{font-size:27px}.cta{padding-bottom:50px}}@media(max-width:400px){.hero h1{font-size:40px}.feature-grid{grid-template-columns:1fr}.hero-art{margin:0;transform:none}.claim-form button{font-size:10px}}
.language-select{display:inline-block;width:57px!important;padding:7px 6px!important;margin:0!important;border-color:#26374d!important;background:#0b121c!important;color:#9db3cd!important;font-size:10px;cursor:pointer;flex-shrink:0}.profile-wrap>.language-select{margin-top:20px!important;background:#ffffff05!important;color:var(--profile-text)!important;border-color:#ffffff17!important}.profile-wrap>.language-select+.profile-credit{margin-top:12px}.language-select:focus{border-color:#3b82f6!important}@media(max-width:760px){.header-actions{gap:9px}.header-actions .login-link{display:none}.site-header{gap:10px;padding-inline:18px}}
/* Keep the username and action aligned independently of translated text length. */
.claim-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:0;align-items:center;width:100%;max-width:520px;height:56px;padding:5px 5px 5px 14px}.claim-form>label{display:flex;align-items:center;align-self:stretch;margin:0!important;padding:0;font-size:13px;line-height:1;white-space:nowrap}.claim-form>input{display:block!important;align-self:stretch!important;width:100%!important;min-width:0!important;height:44px!important;margin:0!important;padding:0 8px 0 2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;line-height:44px;font-size:13px}.claim-form>button{height:44px;padding:0 16px;border-radius:5px;margin:0;line-height:1;font-size:12px;white-space:nowrap}.claim-form:focus-within{border-color:#4c91e6}.claim-form>input:focus-visible{outline:0}.claim-form>button svg{width:15px;height:15px}@media(max-width:480px){.claim-form{grid-template-columns:auto minmax(0,1fr);height:auto;padding:5px 10px 10px;gap:0;text-align:left}.claim-form>label{font-size:13px;height:44px}.claim-form>input{height:44px!important}.claim-form>button{grid-column:1/-1;width:100%;height:40px;font-size:12px;margin-top:3px}.hero{padding-inline:22px}}
@media(max-width:420px){.site-header .brand{font-size:17px}.site-header .brand-mark{font-size:24px;width:23px;margin-right:7px}.header-actions .button svg{display:none}.header-actions .button{padding:9px 10px;font-size:10px}.header-actions{gap:8px}.language-select{width:51px!important}.site-header{padding-inline:16px;gap:8px}}

/* Spacious desktop dashboard. */
@media (min-width:761px){
 body:has(.dashboard){font-size:16px;min-height:100vh;display:flex;flex-direction:column}
 body:has(.dashboard)>main{flex:1;display:flex;flex-direction:column}
 body:has(.dashboard) .site-header,body:has(.dashboard) .site-footer{max-width:none;width:100%;padding-inline:32px}
 body:has(.dashboard) .site-header nav a{font-size:15px}
 .dashboard{width:100%;max-width:none;margin:0;flex:1;min-height:calc(100vh - 180px);grid-template-columns:280px minmax(0,1fr)}
 .sidebar{padding:32px 24px}
 .sidebar-user strong{font-size:16px;max-width:145px}
 .sidebar-user small{font-size:14px;overflow-wrap:anywhere}
 .sidebar-caption{font-size:12px}
 .sidebar nav a{font-size:16px;padding:14px 16px;gap:14px}
 .sidebar nav svg{width:21px;height:21px}
 .dashboard .free-badge{font-size:10px}
 .dashboard .opensource-note strong{font-size:15px}
 .dashboard .opensource-note p{font-size:14px}
 .dashboard-main{padding:36px clamp(24px,3vw,64px) 64px}
 .dashboard-top h1{font-size:36px}
 .dashboard-top p{font-size:16px}
 .dashboard .eyebrow{font-size:12px}
 .dashboard .panel{padding:30px}
 .dashboard .panel h2{font-size:24px}
 .dashboard .panel p,.dashboard label,.dashboard .toggle{font-size:16px}
 .dashboard input,.dashboard select,.dashboard textarea{font-size:16px;min-width:0}
 .dashboard input:not([type=checkbox]):not([type=range]):not([type=hidden]),.dashboard select{min-height:48px}
 .dashboard .small,.dashboard .text-link,.dashboard .getting-started a,.dashboard .list-line,.dashboard .list-line strong,.dashboard .media-row strong{font-size:16px}
 .dashboard .hint,.dashboard .getting-started small,.dashboard .stats-grid small,.dashboard .media-row small,.dashboard .preview-panel>small{font-size:14px!important}
 .dashboard .stats-grid article{padding:28px}
 .dashboard .stats-grid article>span{font-size:16px}
 .dashboard .stats-grid strong{font-size:44px}
 .dashboard .field-grid{gap:0 24px}
 .dashboard .save-bar{padding:16px 20px}
 .dashboard .save-bar>span{font-size:14px}
 .dashboard .save-bar button{font-size:16px}
 .dashboard .upload-zone input{max-width:100%}
 .dashboard .link-row-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 150px}
 .dashboard .preview-card p{font-size:15px}
 .dashboard .preview-card small,.dashboard .preview-link{font-size:13px}
}
@media (min-width:1051px){
 .dashboard .editor-grid{grid-template-columns:minmax(0,1fr) clamp(300px,26vw,480px);gap:32px}
 .dashboard .preview-stage{min-height:480px;padding:40px 24px}
 .dashboard .preview-card{padding:32px 24px}
 .dashboard .preview-card h2{font-size:28px}
}
@media (min-width:761px) and (max-width:1100px){
 .dashboard{grid-template-columns:230px minmax(0,1fr)}
 .sidebar{padding-inline:16px}
 .sidebar nav a{padding-inline:10px;font-size:15px}
 .dashboard-main{padding-inline:24px}
 .dashboard .panel{padding:22px}
 .dashboard-top{flex-wrap:wrap}
 .dashboard .stats-grid{grid-template-columns:1fr}
 .dashboard .link-row-fields{grid-template-columns:minmax(0,1fr) 130px}
 .dashboard .link-row-fields input[type=url]{grid-row:2;grid-column:1/-1}
 .dashboard .link-row-fields select{grid-column:2;grid-row:1}
}

/* Keep the desktop workspace within the viewport. */
@media (min-width:761px){
 body:has(.dashboard){height:100dvh;min-height:0;overflow:hidden}
 body:has(.dashboard)>.ambient{height:100%;overflow:hidden}
 body:has(.dashboard)>.site-header{height:76px;flex:0 0 76px}
 body:has(.dashboard)>main{min-height:0;overflow:hidden}
 body:has(.dashboard)>.site-footer{height:48px;flex:0 0 48px;padding-block:8px}
 .dashboard{min-height:0;height:100%;overflow:hidden;grid-template-rows:minmax(0,1fr)}
 .dashboard .sidebar,.dashboard .dashboard-main{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}
 .dashboard .sidebar::-webkit-scrollbar,.dashboard .dashboard-main::-webkit-scrollbar{display:none}
 .dashboard .sidebar{padding-block:22px}
 .dashboard .sidebar-user{padding-bottom:16px;margin-bottom:18px}
 .dashboard .sidebar nav{gap:3px}
 .dashboard .sidebar nav a{padding-block:11px}
 .dashboard .sidebar-bottom{padding-top:20px}
 .dashboard .opensource-note{padding:12px;margin-bottom:10px}
 .dashboard-main{padding-top:28px;padding-bottom:28px}
}
@media (min-width:761px) and (max-height:800px){
 .dashboard .sidebar{padding-block:14px}
 .dashboard .sidebar-user{padding-bottom:10px;margin-bottom:10px}
 .dashboard .sidebar-caption{margin-bottom:8px}
 .dashboard .sidebar nav a{padding-block:8px}
 .dashboard .sidebar-bottom{padding-top:12px}
 .dashboard .opensource-note{padding:8px 12px}
 .dashboard .sidebar-bottom button{padding-block:8px}
}
@media (min-width:761px) and (max-height:800px){
 .dashboard .sidebar nav a{padding-block:6px}
 .dashboard .sidebar-bottom .opensource-note p{display:none}
 .dashboard .sidebar-bottom{padding-top:8px}
}