:root{--ink:#0f172a;--muted:#64748b;--line:#dbe5f2;--blue:#2563eb;--blue2:#4f46e5;--purple:#9333ea;--green:#16a34a;--red:#dc2626;--bg:#f7faff;--card:#fff;--shadow:0 18px 60px rgba(50,74,128,.12);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 6%,#ede9fe 0,transparent 26%),radial-gradient(circle at 8% 30%,#dbeafe 0,transparent 28%),var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:72px;background:#ffffffec;backdrop-filter:blur(16px);border-bottom:1px solid #e9eef7;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1420px)/2));position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:24px;font-weight:800}.brand b{color:var(--blue)}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 8px 22px #5b5fe83c;font-size:22px}.nav{display:flex;gap:8px;align-items:center}.nav a{padding:10px 14px;border-radius:10px;color:#334155;font-weight:650}.nav a:hover,.nav a.active{color:var(--blue);background:#eff6ff}.nav a.active{box-shadow:inset 0 -2px 0 var(--blue)}.nav .nav-cta{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}.page{width:min(1420px,calc(100% - 48px));margin:0 auto;padding:34px 0 56px;min-height:calc(100vh - 130px)}.footer{padding:24px;text-align:center;color:#94a3b8;border-top:1px solid #e8eef7}.footer a{color:#64748b}.flash{width:min(860px,100%);margin:0 auto 20px;padding:13px 16px;border-radius:12px;border:1px solid}.flash.success{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.flash.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.hero{display:grid;grid-template-columns:1fr 240px;gap:36px;align-items:center;padding:16px 10px 20px;position:relative}.hero h1{font-size:clamp(38px,4.2vw,64px);line-height:1.02;margin:8px 0 12px;letter-spacing:-.04em}.hero h1 span{background:linear-gradient(100deg,var(--blue),var(--purple));-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;color:var(--muted);max-width:720px}.hero-art{height:150px;display:grid;place-items:center;position:relative}.hero-art:before,.hero-art:after{content:"";position:absolute;border-radius:999px;background:linear-gradient(135deg,#dbeafe,#ede9fe)}.hero-art:before{width:130px;height:130px}.hero-art:after{width:180px;height:180px;opacity:.38}.hero-art span{font-size:68px;color:var(--blue);z-index:2;transform:rotate(-18deg)}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:850;color:var(--blue)}.eyebrow.green{color:var(--green)}.eyebrow.purple{color:var(--purple)}.muted{color:var(--muted)}.center{text-align:center}.hint{color:#94a3b8;font-weight:400}.micro{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.shorten-card,.panel,.result-card,.qr-customizer,.table-card,.auth-card,.stat-grid article,.feature-strip,.tabs,.empty{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.shorten-card{padding:22px 24px;position:relative}.frame-corners:before,.frame-corners:after{content:"";position:absolute;width:30px;height:30px;border-color:#7c3aed;border-style:solid;pointer-events:none}.frame-corners:before{left:-2px;top:-2px;border-width:3px 0 0 3px;border-radius:16px 0 0 0}.frame-corners:after{right:-2px;bottom:-2px;border-width:0 3px 3px 0;border-radius:0 0 16px 0}.url-label{font-weight:750;display:block;margin-bottom:8px}.url-row{display:grid;grid-template-columns:1fr 210px;gap:14px}.url-row input{font-size:16px}.advanced{margin-top:16px}.advanced summary{cursor:pointer;color:var(--blue);font-weight:700;width:max-content}.advanced[open] summary{margin-bottom:15px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prefix-input{display:flex;border:1px solid #cbd5e1;border-radius:11px;overflow:hidden;background:#fff}.prefix-input span{padding:11px 12px;background:#f8fafc;border-right:1px solid #dbe5f2;color:#64748b;white-space:nowrap}.prefix-input input{border:0!important;border-radius:0!important;min-width:0}.result-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;margin-top:18px}.result-card{padding:28px;position:relative;overflow:hidden}.success-card{background:linear-gradient(135deg,#f0fdf4,#fff 62%);border-color:#bbf7d0}.success-dot{position:absolute;right:22px;top:22px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#22c55e,#16a34a);font-weight:900;font-size:22px;box-shadow:0 12px 30px #22c55e38}.short-url{font-size:clamp(22px,2.5vw,34px);font-weight:850;color:var(--blue);margin:8px 0 18px;overflow-wrap:anywhere;letter-spacing:-.02em}.qr-customizer{padding:22px;display:grid;grid-template-columns:1fr 270px;gap:18px;border-color:#d8b4fe;background:linear-gradient(145deg,#fff,#faf5ff)}.qr-customizer h3{margin:5px 0 12px}.qr-frame-options{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.qr-frame-options button{border:1px solid #dbe5f2;background:#fff;border-radius:9px;padding:8px 10px;color:#475569;cursor:pointer}.qr-frame-options button.active{border-color:#7c3aed;background:#f5f3ff;color:#6d28d9;box-shadow:0 0 0 2px #ddd6fe inset}.color-row{display:flex;align-items:center;gap:18px;margin:14px 0}.color-row label{display:flex;align-items:center;gap:8px;font-weight:650}.color-row input[type=color]{width:34px;height:34px;padding:2px;border-radius:9px;border:1px solid #dbe5f2;background:#fff}.toggle input{accent-color:var(--blue)}.qr-preview-wrap{display:grid;place-items:center;gap:8px}.qr-preview-wrap canvas{max-width:100%;height:auto;border-radius:14px}.qr-preview-wrap small{color:#64748b;text-align:center}.feature-strip{margin-top:20px;padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature-strip article{padding:10px 14px;border-right:1px solid var(--line)}.feature-strip article:last-child{border:0}.feature-strip b{display:block}.feature-strip span{display:block;color:var(--muted);font-size:13px;margin-top:2px}.btn{border:0;border-radius:10px;padding:10px 15px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s ease;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2) 55%,var(--purple));box-shadow:0 10px 20px #4f46e538}.btn.secondary{color:#334155;background:#fff;border:1px solid #dbe5f2}.btn.danger{color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3}.btn.big{font-size:16px}.btn.small{padding:7px 10px;font-size:12px}.btn.wide{width:100%;margin-top:14px}.button-row{display:flex;flex-wrap:wrap;gap:9px}.stack{display:grid;gap:14px}.stack label,.bio-controls label,.two-col label{display:grid;gap:6px;font-weight:700}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #dbeafe}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.page-head h1{font-size:34px;letter-spacing:-.03em;margin:3px 0}.page-head p{margin:0}.content-narrow{width:min(860px,100%);margin:auto}.panel{padding:24px}.auth-shell{min-height:65vh;display:grid;place-items:center}.auth-card{width:min(460px,100%);padding:30px}.auth-card h1{font-size:34px;margin:4px 0}.table-card{overflow:auto}.table-card table{width:100%;border-collapse:collapse;min-width:820px}.table-card th{font-size:12px;color:#64748b;text-align:left;background:#f8fafc;padding:11px 14px;border-bottom:1px solid var(--line)}.table-card td{padding:13px 14px;border-bottom:1px solid #edf2f7;vertical-align:middle}.table-card tr:last-child td{border-bottom:0}.table-card td small{display:block;color:#94a3b8;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-cell{max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.status.active{background:#dcfce7;color:#166534}.status.disabled,.status.expired{background:#f1f5f9;color:#64748b}.status.expired{background:#fff7ed;color:#9a3412}.icon-actions{display:flex;gap:6px;align-items:center}.icon-actions form{margin:0}.icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid #dbe5f2;background:#fff;display:grid;place-items:center;color:#334155;cursor:pointer;text-decoration:none}.icon-btn:hover{background:#eff6ff;color:var(--blue)}.icon-btn.red{color:#dc2626;background:#fff7f7}.empty{text-align:center;padding:56px 28px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:transparent;border:0;box-shadow:none;margin-bottom:16px}.stat-grid article{padding:20px}.stat-grid span{display:block;color:var(--muted)}.stat-grid b{font-size:30px}.tabs{display:flex;gap:6px;padding:6px;margin-bottom:14px;overflow:auto}.tabs a{padding:9px 12px;border-radius:9px;color:#475569;white-space:nowrap}.tabs a.active{background:#eff6ff;color:var(--blue);font-weight:750}.inline-form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px}.bio-editor{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start}.bio-controls h2{margin:4px 0 12px}.avatar-edit{display:flex;align-items:center;gap:14px;margin-bottom:12px}.avatar-edit img,.avatar-placeholder{width:76px;height:76px;border-radius:18px;object-fit:cover}.avatar-placeholder{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));font-size:30px;font-weight:900}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.color-grid label{font-size:12px}.color-grid input[type=color]{height:44px;padding:3px}.section-title-row{display:flex;align-items:center;justify-content:space-between}.bio-link-list{display:grid;gap:9px}.bio-link-row{display:grid;grid-template-columns:28px 54px 1fr 1.4fr 36px;gap:8px;align-items:center;padding:8px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.bio-link-row .drag{cursor:grab;color:#94a3b8;text-align:center}.bio-link-row input{padding:8px}.icon-field{text-align:center}.phone-stage{position:sticky;top:98px;display:grid;place-items:center}.phone{width:330px;background:#111827;border:8px solid #0f172a;border-radius:42px;padding:8px;box-shadow:0 30px 70px #33415535}.phone:before{content:"";display:block;width:92px;height:22px;border-radius:0 0 16px 16px;background:#0f172a;position:absolute;margin-left:106px;margin-top:-8px}.phone-screen{min-height:640px;border-radius:30px;padding:48px 20px 22px;text-align:center;color:var(--text);background:linear-gradient(var(--angle),var(--c1),var(--c2));display:flex;flex-direction:column;align-items:center}.preview-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid #ffffff99}.preview-avatar.fallback{display:grid;place-items:center;background:#ffffff35;color:#fff;font-size:32px;font-weight:900}.phone-screen h3{font-size:25px;margin:14px 0 3px}.phone-screen p{margin:0 0 18px;opacity:.9}.preview-links{width:100%;display:grid;gap:9px;margin-top:10px}.preview-link{display:grid;grid-template-columns:30px 1fr 20px;align-items:center;text-align:left;background:var(--btn);color:var(--btntext);padding:11px 13px;border-radius:999px;box-shadow:0 7px 20px #0002}.preview-link i{text-align:right;font-style:normal}.phone-screen small{margin-top:auto;opacity:.65}.modal{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-card{width:min(900px,100%);background:#fff;border-radius:24px;padding:28px;position:relative;box-shadow:0 30px 100px #0004}.modal-close{position:absolute;right:15px;top:12px;border:0;background:#f1f5f9;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer}.qr-modal-grid{display:grid;grid-template-columns:1fr 380px;gap:26px}.qr-modal-grid h2{font-size:30px;margin:4px 0}.qr-modal-grid .muted{overflow-wrap:anywhere}.modal .qr-preview-wrap{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:14px}
@media(max-width:980px){.topbar{padding:0 18px}.nav a{display:none}.nav a:last-child,.nav .nav-cta{display:block}.page{width:min(100% - 26px,900px);padding-top:20px}.hero{grid-template-columns:1fr}.hero-art{display:none}.url-row,.result-grid,.qr-customizer,.bio-editor,.qr-modal-grid{grid-template-columns:1fr}.bio-editor{display:flex;flex-direction:column}.phone-stage{position:static;width:100%}.feature-strip,.stat-grid{grid-template-columns:1fr 1fr}.feature-strip article{border-right:0}.phone{width:min(330px,100%)}.color-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.brand{font-size:20px}.brand-mark{width:34px;height:34px}.page{width:calc(100% - 20px)}.hero h1{font-size:42px}.url-row,.two-col,.inline-form{grid-template-columns:1fr}.result-card,.shorten-card,.panel,.auth-card{padding:18px}.qr-customizer{padding:16px}.feature-strip,.stat-grid{grid-template-columns:1fr}.bio-link-row{grid-template-columns:24px 48px 1fr 36px}.bio-link-row input[type=url]{grid-column:2/5}.page-head{align-items:flex-start;flex-direction:column}.short-url{font-size:24px}.modal-card{padding:20px 14px}.qr-modal-grid{gap:12px}.nav{gap:3px}.topbar{height:64px}.table-card{border-radius:14px}}

/* ===== UniHub Short V3 additions ===== */
body{min-height:100vh}button,input,select,textarea{font:inherit}a{text-underline-offset:2px}.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:#ffffffee}.nav-toggle{display:none;border:0;background:#eff6ff;color:#1d4ed8;border-radius:12px;padding:10px 12px;font-weight:900}.user-pill{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page{min-height:calc(100vh - 140px)}.content-wide{max-width:1240px;margin:auto}.content-narrow{max-width:760px;margin:auto}.admin-wrap{max-width:1380px;margin:auto}.center{text-align:center}.hint{font-weight:500;color:var(--muted);font-size:.86em}.check{display:flex!important;align-items:center;gap:9px}.check input{width:auto}.span-2{grid-column:1/-1}.share-input{width:min(620px,100%);margin:8px 8px 8px 0}.empty{padding:32px!important;text-align:center!important;color:var(--muted)}
.short-hero{max-width:1200px;margin:26px auto 18px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:10px 4px}.short-hero h1{font-size:clamp(34px,5vw,62px);line-height:1.02;margin:8px 0 12px;letter-spacing:-.04em}.short-hero h1 em{font-style:normal;background:linear-gradient(90deg,#2563eb,#9333ea);-webkit-background-clip:text;color:transparent}.short-hero p{font-size:17px;color:var(--muted);max-width:720px}.hero-accent{font-size:84px;font-weight:900;color:#2563eb17;transform:rotate(-18deg)}.short-card{max-width:1200px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.short-card:after{content:"";position:absolute;right:-50px;top:-80px;width:220px;height:220px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#ede9fe);opacity:.65;pointer-events:none}.url-label{display:block;font-weight:800;margin-bottom:8px}.url-row{display:grid;grid-template-columns:1fr auto;gap:12px;position:relative;z-index:1}.url-row input{min-height:54px}.btn.big{min-height:54px;padding-inline:28px}.advanced{margin-top:16px;position:relative;z-index:1}.advanced summary{cursor:pointer;color:#2563eb;font-weight:800}.advanced[open] summary{margin-bottom:14px}.result-grid{max-width:1200px;margin:16px auto;display:grid;grid-template-columns:1.02fr .98fr;gap:16px}.success-card,.qr-inline{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 40px #1e3a8a0d}.success-card{background:linear-gradient(135deg,#f0fdf4,#ffffff 70%);border-color:#bbf7d0}.success-card h2{color:#1d4ed8;overflow-wrap:anywhere}.success-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:800}.manage-note{font-size:12px;overflow-wrap:anywhere;background:#eff6ff;padding:10px;border-radius:12px}.feature-strip{max-width:1200px;margin:16px auto 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-strip article{background:#ffffffaa;border:1px solid #e2e8f0;border-radius:18px;padding:16px;display:flex;flex-direction:column}.feature-strip b{font-size:16px}.feature-strip span{color:var(--muted)}
.app-shell{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}.app-sidebar{position:sticky;top:86px;height:max-content;background:#fff;border:1px solid var(--line);padding:10px;border-radius:20px;box-shadow:0 16px 50px #3341550d;display:flex;flex-direction:column;gap:5px}.app-sidebar a{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:12px;color:#334155;text-decoration:none;font-weight:750}.app-sidebar a.active{background:linear-gradient(90deg,#eff6ff,#f5f3ff);color:#1d4ed8}.app-main{min-width:0}.dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dashboard-cards a{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;text-decoration:none;color:var(--ink);box-shadow:0 14px 40px #3341550d;display:grid;gap:7px}.dashboard-cards a>span{font-size:30px;color:#2563eb}.dashboard-cards h3{margin:0}.dashboard-cards b{font-size:34px}.dashboard-cards small{color:var(--muted)}.bio-list{display:grid;gap:14px}.bio-list-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:16px;align-items:center}.bio-mini{width:76px;height:76px;border-radius:20px;display:grid;place-items:center;color:#fff;font-size:32px}.bio-list-card h3{margin:0 0 3px}.bio-list-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.empty-state{max-width:720px;margin:8vh auto;text-align:center;padding:40px;background:#fff;border:1px dashed #bfdbfe;border-radius:24px}.empty-state>span{font-size:50px;color:#2563eb}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-grid .panel{margin:0}.email-settings .settings-grid{align-items:start}.form-meta{display:flex;justify-content:flex-end;margin-top:-4px}.auth-shell{min-height:70vh;display:grid;place-items:center}.auth-card{width:min(480px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}
/* QR Studio */
.qr-builder{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,380px);gap:18px;align-items:start}.qr-controls{display:grid;gap:14px}.qr-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.qr-style-grid button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 6px;cursor:pointer;font-weight:750}.qr-style-grid button.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;box-shadow:inset 0 0 0 1px #2563eb}.qr-color-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qr-preview-card{display:grid;place-items:center;background:linear-gradient(145deg,#f8fafc,#eef2ff);border:1px solid #dbeafe;border-radius:22px;padding:14px;min-height:420px}.qr-preview-card canvas{max-width:100%;height:auto;filter:drop-shadow(0 12px 25px #0f172a16)}.qr-modal{width:min(920px,94vw)}
/* Bio editor */
.bio-editor-page{max-width:1600px;margin:0 auto}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.editor-top h1{margin:3px 0 0}.editor-top-actions{display:flex;gap:8px;align-items:center}.autosave-status{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;border:1px solid #dbe5f2;background:#f8fafc;color:#475569}.autosave-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#64748b}.autosave-status.saved{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.autosave-status.saved:before{background:#22c55e}.autosave-status.restored{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.autosave-status.restored:before{background:#3b82f6}.autosave-status.pending{background:#fffbeb;border-color:#fde68a;color:#92400e}.autosave-status.pending:before{background:#f59e0b}.autosave-status.saving{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}.autosave-status.saving:before{background:#8b5cf6;animation:autosavePulse 1s infinite}.autosave-status.error{background:#fff1f2;border-color:#fecdd3;color:#be123c}.autosave-status.error:before{background:#e11d48}@keyframes autosavePulse{50%{opacity:.3}}.editor-layout{display:grid;grid-template-columns:84px minmax(420px,1fr) minmax(320px,440px);gap:14px;align-items:start}.editor-tabs{position:sticky;top:86px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;display:grid;gap:6px}.editor-tabs button{border:0;background:transparent;border-radius:12px;padding:10px 5px;cursor:pointer;color:#475569;font-weight:800;display:grid;justify-items:center;gap:4px}.editor-tabs button span{font-size:11px}.editor-tabs button.active{background:#eff6ff;color:#1d4ed8}.editor-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;min-height:690px}.editor-pane{display:none}.editor-pane.active{display:block}.pane-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pane-head h2,.editor-pane h2{margin-top:0}.pane-head select{width:auto;min-width:170px}.design-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.design-sections fieldset{border:1px solid var(--line);border-radius:16px;padding:14px;margin:0}.design-sections legend{font-weight:900;padding:0 7px;color:#1e40af}.live-preview{position:sticky;top:86px}.device-switch{display:flex;justify-content:center;gap:6px;margin-bottom:8px}.device-switch button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-size:12px}.device-switch button.active{background:#1d4ed8;color:#fff}.device-frame{margin:auto;background:#0f172a;border:8px solid #111827;border-radius:38px;overflow:hidden;box-shadow:0 22px 70px #0f172a2b;transition:.25s;width:360px;max-width:100%;height:700px}.device-frame.tablet{width:430px;height:650px;border-radius:28px}.device-frame.desktop{width:100%;height:620px;border-radius:20px}.bio-public.embedded{height:100%;overflow:auto;min-height:0}.block-edit-card{border:1px solid var(--line);border-radius:16px;margin:10px 0;background:#fdfefe;overflow:hidden}.block-edit-head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8fafc;border-bottom:1px solid #edf2f7}.block-edit-head strong{flex:1}.drag-handle{cursor:grab;color:#94a3b8}.block-actions{display:flex;gap:5px}.block-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:32px;height:32px;cursor:pointer}.block-edit-body{padding:12px;display:grid;gap:10px}.block-edit-body .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.block-edit-body details{border-top:1px dashed #dbe5f2;padding-top:8px}.block-edit-body summary{cursor:pointer;font-weight:800;color:#4f46e5}.template-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.template-card.apply-template{appearance:none;text-align:left;width:100%;cursor:pointer}.bio-body{margin:0;min-height:100vh}.bio-public{min-height:100vh;background:var(--bio-bg);color:var(--bio-text);font-family:var(--font,system-ui);position:relative;background-attachment:fixed}.bio-public .bio-overlay{position:absolute;inset:0;pointer-events:none}.bio-inner{position:relative;z-index:1;width:min(660px,100%);margin:auto;padding:clamp(32px,6vw,72px) 20px 38px;text-align:var(--bio-align,center);min-height:100vh}.bio-avatar,.bio-avatar-img{width:94px;height:94px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:#ffffff22;border:2px solid #ffffff66;box-shadow:0 14px 40px #00000022;object-fit:cover;font-size:38px}.bio-inner h1{font-size:var(--title-size,32px);font-weight:var(--title-weight,800);letter-spacing:var(--letter,0);line-height:1.1;margin:6px 0}.bio-username{color:var(--bio-muted);font-weight:700;margin-bottom:9px}.bio-description{font-size:var(--bio-size,14px);line-height:var(--line,1.5);color:var(--bio-muted);white-space:pre-wrap;margin:0 auto 20px;max-width:590px}.public-blocks{display:grid;gap:11px}.bio-button{--bbg:var(--btn-bg);--btext:var(--btn-text);--bborder:var(--btn-border);--bradius:var(--btn-radius);--bshadow:var(--btn-shadow);display:flex;align-items:center;gap:12px;text-decoration:none;background:var(--bbg);color:var(--btext);border:1px solid var(--bborder);border-radius:var(--bradius);padding:13px 15px;box-shadow:var(--bshadow);min-height:56px;text-align:left;overflow:hidden}.bio-button:hover{transform:translateY(-1px)}.bio-button-copy{display:grid;gap:2px;flex:1}.bio-button-copy small{opacity:.72;font-size:12px}.bio-icon{width:30px;text-align:center;font-size:20px}.bio-thumb{width:42px;height:42px;border-radius:10px;object-fit:cover}.bio-button>i{font-style:normal;font-size:24px}.bio-heading{margin:12px 0 3px;line-height:1.2}.bio-text{font-size:14px;white-space:pre-wrap}.bio-divider{width:100%;border:0;border-top:1px solid #ffffff55;margin:10px 0}.bio-image img{width:100%;border-radius:18px;display:block}.bio-image figcaption{font-size:12px;color:var(--bio-muted);padding-top:5px}.bio-socials{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.bio-socials a{color:var(--bio-text);text-decoration:none;border:1px solid #ffffff44;padding:8px 12px;border-radius:999px;background:#ffffff12}.bio-powered{text-align:center;margin-top:26px;font-size:11px}.bio-powered a{color:var(--bio-muted);text-decoration:none}
/* Public bio live-preview overrides */
[data-live-bio]{--bio-bg:linear-gradient(145deg,#2563eb,#a855f7);--bio-text:#fff;--bio-muted:#e9d5ff;--font:system-ui;--title-size:32px;--bio-size:14px;--title-weight:800;--letter:0px;--line:1.5;--btn-bg:#fff;--btn-text:#111827;--btn-border:#fff;--btn-radius:18px;--btn-shadow:0 12px 30px #0002;background:var(--bio-bg)}.embedded .bio-inner{padding:36px 18px}.embedded .bio-avatar{width:72px;height:72px}.embedded .bio-avatar-img{width:72px;height:72px}.embedded .bio-button{font-size:12px;min-height:46px;padding:9px 11px}.embedded .bio-description{margin-bottom:14px}.embedded .bio-heading{font-size:18px!important}
@media(max-width:1100px){.editor-layout{grid-template-columns:74px minmax(390px,1fr) 340px}.device-frame{width:320px}.design-sections{grid-template-columns:1fr}.qr-builder{grid-template-columns:1fr}.qr-preview-card{min-height:360px}.app-shell{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:860px){.nav-toggle{display:block}.topbar{padding-inline:14px}.nav{position:absolute;left:12px;right:12px;top:68px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{text-align:center}.app-shell{display:block}.app-sidebar{position:static;display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:14px;padding:6px}.app-sidebar a{justify-content:center;padding:10px 6px}.app-sidebar a span{font-size:11px}.dashboard-cards{grid-template-columns:1fr}.editor-top{align-items:flex-start}.editor-top-actions{flex-wrap:wrap;justify-content:flex-end}.editor-layout{display:block}.editor-tabs{position:sticky;top:68px;z-index:20;grid-template-columns:repeat(5,1fr);margin-bottom:10px}.editor-tabs button{padding:8px 2px}.editor-panel{min-height:0}.live-preview{position:static;margin-top:12px;display:none}.bio-editor-page.preview-mobile .live-preview{display:block}.bio-editor-page.preview-mobile .editor-panel{display:none}.device-frame{width:390px;max-width:100%;height:680px}.template-grid.compact{grid-template-columns:repeat(2,1fr)}.result-grid{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr}.hero-accent{display:none}.settings-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.bio-list-card{grid-template-columns:60px minmax(0,1fr)}.bio-mini{width:60px;height:60px}.bio-list-actions{grid-column:1/-1}.admin-tabs{overflow:auto;white-space:nowrap}}
@media(max-width:640px){body{font-size:14px}.autosave-status{order:-1;width:100%;justify-content:center}.page{padding:14px}.short-hero{margin-top:4px}.short-hero h1{font-size:38px}.short-card{padding:16px;border-radius:18px}.url-row{grid-template-columns:1fr}.btn.big{width:100%}.two-col{grid-template-columns:1fr!important}.prefix-input{display:grid;grid-template-columns:auto minmax(0,1fr)}.result-grid{margin-top:12px}.success-card,.qr-inline{padding:16px;border-radius:18px}.action-row{flex-wrap:wrap}.feature-strip{margin-bottom:10px}.app-sidebar{overflow:auto;grid-template-columns:repeat(5,minmax(74px,1fr));margin-inline:-2px}.app-sidebar a{display:grid;justify-items:center}.responsive-list table,.responsive-list tbody,.responsive-list tr,.responsive-list td{display:block;width:100%}.responsive-list thead{display:none}.responsive-list tr{padding:12px;border-bottom:1px solid #e2e8f0}.responsive-list td{border:0!important;padding:6px 0!important;text-align:left!important;display:grid!important;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:start}.responsive-list td:before{content:attr(data-label);font-weight:800;color:#64748b}.responsive-list td .icon-actions{justify-content:flex-start}.responsive-list td small{display:block}.bio-list-card{display:block}.bio-mini{margin-bottom:10px}.bio-list-actions{margin-top:10px}.qr-style-grid{grid-template-columns:repeat(2,1fr)}.qr-color-row{grid-template-columns:1fr}.qr-preview-card{min-height:320px;padding:6px}.qr-builder{display:block}.qr-controls{margin-bottom:14px}.auth-card{padding:20px}.editor-top{display:block}.editor-top-actions{justify-content:flex-start;margin-top:10px}.editor-layout{margin-inline:-4px}.editor-tabs{top:64px}.editor-panel{padding:13px}.pane-head{display:block}.pane-head select{width:100%;margin-bottom:10px}.block-edit-body .grid2{grid-template-columns:1fr}.template-grid.compact{grid-template-columns:1fr}.device-frame{height:650px;border-width:6px;border-radius:30px}.bio-inner{padding:34px 16px}.footer{padding-bottom:calc(18px + env(safe-area-inset-bottom))}}

/* ===== V3.2 UX refresh ===== */
.account-menu{position:relative}.account-menu>summary{list-style:none;cursor:pointer;padding:10px 14px;border-radius:12px;font-weight:800;color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.account-menu>summary::-webkit-details-marker{display:none}.account-menu[open]>summary{background:#eff6ff;color:#1d4ed8}.account-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:220px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 24px 70px rgba(15,23,42,.18);display:grid;gap:4px;z-index:70}.account-dropdown a,.account-dropdown button{width:100%;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:10px;color:#334155;font-weight:700;cursor:pointer}.account-dropdown a:hover,.account-dropdown a.active,.account-dropdown button:hover{background:#eff6ff;color:#1d4ed8}.account-dropdown form{margin:0}

.bio-discovery{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:30px;align-items:center;background:linear-gradient(135deg,#ffffff,#f5f3ff 65%,#eff6ff);border:1px solid #ddd6fe;border-radius:28px;padding:34px;box-shadow:var(--shadow);overflow:hidden;position:relative}.bio-discovery:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#8b5cf61a;right:-80px;top:-90px}.bio-discovery h2{font-size:clamp(28px,3vw,42px);line-height:1.05;margin:7px 0 12px;letter-spacing:-.03em}.bio-discovery p{font-size:16px;color:#64748b;max-width:680px}.bio-discovery-preview{position:relative;display:grid;justify-items:center;z-index:2}.mini-phone{width:230px;min-height:390px;border:9px solid #111827;border-radius:34px;padding:34px 18px 22px;display:grid;align-content:start;justify-items:center;gap:9px;background:linear-gradient(145deg,#1d4ed8,#a855f7);color:#fff;box-shadow:0 24px 60px #4f46e53b;position:relative;overflow:hidden}.mini-phone>*{position:relative;z-index:2}.mini-phone .mini-avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#ffffff24;border:2px solid #ffffff66;font-size:24px;font-weight:900}.mini-phone small{opacity:.78}.mini-phone i{font-style:normal;width:100%;padding:10px 12px;border-radius:999px;background:#fff;color:#312e81;text-align:center;font-weight:800;font-size:12px}.template-bubbles{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:12px}.template-bubbles span{font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px;background:#fff;border:1px solid #ddd6fe;color:#6d28d9}

.dashboard-clean{max-width:1120px}.dashboard-clean .dashboard-cards{margin-top:12px}

/* patterns */
[data-pattern]{position:relative;isolation:isolate;overflow:hidden}[data-pattern]::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--pattern-opacity,.12);background-size:var(--pattern-scale,42px) var(--pattern-scale,42px);background-position:center}[data-pattern]>*{position:relative;z-index:1}[data-pattern="none"]::before{display:none}[data-pattern="dots"]::before{background-image:radial-gradient(circle,var(--pattern-color,#fff) 1.7px,transparent 2px)}[data-pattern="grid"]::before{background-image:linear-gradient(var(--pattern-color,#fff) 1px,transparent 1px),linear-gradient(90deg,var(--pattern-color,#fff) 1px,transparent 1px)}[data-pattern="batik-kawung"]::before{background-image:radial-gradient(circle at 50% 0,transparent 42%,var(--pattern-color,#fbbf24) 44% 48%,transparent 50%),radial-gradient(circle at 50% 100%,transparent 42%,var(--pattern-color,#fbbf24) 44% 48%,transparent 50%),radial-gradient(circle at 0 50%,transparent 42%,var(--pattern-color,#fbbf24) 44% 48%,transparent 50%),radial-gradient(circle at 100% 50%,transparent 42%,var(--pattern-color,#fbbf24) 44% 48%,transparent 50%)}[data-pattern="batik-parang"]::before{background-image:repeating-linear-gradient(135deg,transparent 0 11px,var(--pattern-color,#7c2d12) 12px 14px,transparent 15px 28px),repeating-radial-gradient(ellipse at 0 50%,transparent 0 10px,var(--pattern-color,#7c2d12) 11px 12px,transparent 13px 26px);background-size:calc(var(--pattern-scale,58px)*1.15) var(--pattern-scale,58px)}[data-pattern="topography"]::before{background-image:repeating-radial-gradient(ellipse at 30% 40%,transparent 0 7px,var(--pattern-color,#86efac) 8px 9px,transparent 10px 16px);background-size:calc(var(--pattern-scale,58px)*1.4) var(--pattern-scale,58px)}[data-pattern="circuit"]::before{background-image:linear-gradient(90deg,transparent 46%,var(--pattern-color,#22d3ee) 47% 50%,transparent 51%),linear-gradient(transparent 46%,var(--pattern-color,#22d3ee) 47% 50%,transparent 51%),radial-gradient(circle at 25% 25%,var(--pattern-color,#22d3ee) 0 2px,transparent 3px),radial-gradient(circle at 75% 75%,var(--pattern-color,#22d3ee) 0 2px,transparent 3px)}[data-pattern="geometric"]::before{background-image:linear-gradient(30deg,var(--pattern-color,#fff) 12%,transparent 12.5%,transparent 87%,var(--pattern-color,#fff) 87.5%),linear-gradient(150deg,var(--pattern-color,#fff) 12%,transparent 12.5%,transparent 87%,var(--pattern-color,#fff) 87.5%),linear-gradient(30deg,var(--pattern-color,#fff) 12%,transparent 12.5%,transparent 87%,var(--pattern-color,#fff) 87.5%),linear-gradient(150deg,var(--pattern-color,#fff) 12%,transparent 12.5%,transparent 87%,var(--pattern-color,#fff) 87.5%);background-position:0 0,0 0,calc(var(--pattern-scale,52px)/2) calc(var(--pattern-scale,52px)/2),calc(var(--pattern-scale,52px)/2) calc(var(--pattern-scale,52px)/2)}[data-pattern="waves"]::before{background-image:radial-gradient(ellipse at 50% 110%,transparent 55%,var(--pattern-color,#fff) 57% 60%,transparent 62%);background-size:var(--pattern-scale,64px) calc(var(--pattern-scale,64px)*.55)}[data-pattern="stars"]::before{background-image:radial-gradient(circle,var(--pattern-color,#fef3c7) 1.5px,transparent 2px),radial-gradient(circle,var(--pattern-color,#fef3c7) 1px,transparent 1.5px);background-position:0 0,calc(var(--pattern-scale,48px)/2) calc(var(--pattern-scale,48px)/2);background-size:var(--pattern-scale,48px) var(--pattern-scale,48px)}

/* My Bio manager */
.bio-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bio-manager-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-columns:190px minmax(0,1fr);min-height:250px}.bio-card-preview{padding:24px 18px;display:grid;align-content:center;justify-items:center;gap:7px;text-align:center;min-height:250px}.bio-card-preview>*{z-index:1}.bio-card-avatar{width:58px;height:58px;border-radius:50%;background:#ffffff28;border:2px solid #ffffff66;display:grid;place-items:center;overflow:hidden;font-size:24px}.bio-card-avatar img{width:100%;height:100%;object-fit:cover}.bio-card-preview>strong{font-size:18px}.bio-card-preview>small{opacity:.8}.bio-card-preview>i{font-style:normal;width:100%;padding:8px 10px;border:1px solid;border-radius:14px;font-size:11px;font-weight:800}.bio-manager-info{padding:20px;display:flex;flex-direction:column;gap:14px}.bio-manager-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bio-manager-title h3{font-size:20px;margin:0 0 3px}.bio-manager-title a{font-size:12px;overflow-wrap:anywhere}.bio-metrics{display:flex;gap:8px;flex-wrap:wrap}.bio-metrics span{padding:7px 9px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:11px;color:#64748b}.bio-metrics b{color:#0f172a}.bio-list-actions{margin-top:auto;display:flex;gap:7px;flex-wrap:wrap;align-items:center}.more-actions{position:relative}.more-actions>summary{list-style:none;cursor:pointer;padding:9px 12px;border-radius:10px;border:1px solid var(--line);font-weight:900}.more-actions>summary::-webkit-details-marker{display:none}.more-actions>div{position:absolute;right:0;bottom:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:130px;z-index:20}.more-actions form{margin:0}.more-actions button{border:0;background:transparent;width:100%;padding:8px 10px;text-align:left;cursor:pointer;border-radius:8px}.more-actions button:hover{background:#f8fafc}.danger-text{color:#dc2626!important}.bio-empty{grid-column:1/-1}

/* Theme gallery */
.bio-create-basics{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 12px 35px rgba(50,74,128,.08)}.bio-create-basics label{display:grid;gap:7px;font-weight:800}.template-filter-note{padding:11px 14px;border-radius:12px;background:#f5f3ff;color:#6d28d9;font-weight:700;border:1px solid #ddd6fe}.template-gallery,.theme-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.theme-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:0;overflow:hidden;cursor:pointer;text-align:left;box-shadow:0 10px 25px rgba(50,74,128,.07);transition:.18s;position:relative}.theme-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(50,74,128,.12);border-color:#a5b4fc}.theme-card input{position:absolute;opacity:0;pointer-events:none}.theme-card:has(input:checked){outline:3px solid #6366f1;border-color:#6366f1}.theme-card:has(input:checked):after{content:"✓ Dipilih";position:absolute;right:9px;top:9px;background:#4f46e5;color:#fff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;z-index:4}.theme-visual{height:210px;padding:28px 18px 16px;display:grid;align-content:start;justify-items:center;gap:7px;text-align:center}.theme-visual>*{z-index:1}.theme-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ffffff2b;border:2px solid #ffffff70;font-weight:900}.theme-visual>small{font-size:10px;opacity:.75}.theme-visual>i{font-style:normal;width:92%;padding:7px 8px;font-size:10px;text-align:center;font-weight:800}.theme-meta{padding:12px 13px;display:grid;gap:3px;background:#fff}.theme-meta strong{color:#0f172a;font-size:14px}.theme-meta small{color:#64748b;font-size:11px;min-height:34px}.theme-meta em{font-style:normal;width:max-content;padding:3px 7px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:9px;font-weight:800;text-transform:uppercase}.bio-create-submit{position:sticky;bottom:12px;display:flex;justify-content:flex-end;z-index:20}.bio-create-submit .btn{box-shadow:0 14px 35px #4f46e548}.theme-gallery.editor{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-gallery.editor .theme-visual{height:170px}.theme-gallery.editor .theme-meta small{min-height:0}

/* Bio editor V3.2 */
.bio-editor-page.v32{max-width:1420px;margin:auto}.editor-top.v32{position:sticky;top:72px;z-index:35;margin:-34px -0 16px;padding:16px 0 14px;background:linear-gradient(180deg,#f7faff 78%,transparent);display:flex;justify-content:space-between;gap:18px;align-items:center}.editor-title{display:flex;align-items:center;gap:16px}.editor-title>a{white-space:nowrap}.editor-title h1{margin:0;font-size:27px}.editor-title p{margin:4px 0 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.editor-top-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.editor-layout-v32{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px;align-items:start}.bio-workbench{min-width:0}.editor-tabs-v32{display:flex;gap:6px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px;margin-bottom:10px;overflow:auto;position:sticky;top:150px;z-index:30;box-shadow:0 8px 26px rgba(50,74,128,.08)}.editor-tabs-v32 button{border:0;background:transparent;border-radius:11px;padding:10px 14px;white-space:nowrap;font-weight:850;color:#475569;cursor:pointer}.editor-tabs-v32 button.active{background:linear-gradient(135deg,#eff6ff,#f5f3ff);color:#4f46e5;box-shadow:inset 0 0 0 1px #c7d2fe}.editor-panel.v32{min-height:720px}.block-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.block-library button{border:1px solid #dbe5f2;background:#fff;border-radius:12px;padding:12px 8px;font-weight:800;color:#334155;cursor:pointer}.block-library button:hover{border-color:#818cf8;background:#eef2ff;color:#4338ca}.more-blocks{max-width:260px;margin-bottom:12px}.more-blocks label{display:grid;gap:5px;font-weight:750}.design-sections.v32{grid-template-columns:repeat(2,minmax(0,1fr))}.design-sections.v32 fieldset:first-child{grid-row:span 2}.profile-settings-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.panel.subtle{box-shadow:none;background:#fbfdff}.publish-help{margin-top:16px;border-radius:14px;padding:14px;border:1px solid}.publish-help.live{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.publish-help.draft{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.publish-help p{margin:5px 0 0}.preview-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-inline:3px}.preview-label small{color:#64748b}.live-preview.v32{top:150px}.preview-mobile-note{text-align:center;padding:42px 18px}.preview-mobile-note>span{font-size:40px;color:#6366f1}.bio-public::before{z-index:0}.bio-public .bio-overlay{z-index:0}.bio-public .bio-inner{z-index:2}

@media(max-width:1200px){.template-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-gallery.editor{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout-v32{grid-template-columns:minmax(0,1fr) 360px}.live-preview.v32{top:146px}.bio-manager-grid{grid-template-columns:1fr}}
@media(max-width:920px){.bio-discovery{grid-template-columns:1fr}.bio-discovery-preview{margin-top:6px}.account-menu{width:100%}.account-menu>summary{text-align:center}.account-dropdown{position:static;width:100%;box-shadow:none;margin-top:6px}.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-top.v32{position:static;margin:0 0 12px;padding:0;background:transparent;align-items:flex-start}.editor-layout-v32{display:block}.editor-tabs-v32{top:68px}.live-preview.v32{position:static;margin-top:12px;display:none}.bio-editor-page.preview-mobile .live-preview.v32{display:block}.bio-editor-page.preview-mobile .editor-panel.v32{display:none}.profile-settings-grid{grid-template-columns:1fr}.design-sections.v32{grid-template-columns:1fr}.block-library{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.bio-discovery{padding:22px 16px;border-radius:20px}.mini-phone{width:210px}.bio-create-basics{grid-template-columns:1fr;padding:14px}.template-gallery,.theme-gallery.editor{grid-template-columns:1fr 1fr;gap:9px}.theme-visual{height:175px;padding:20px 10px 12px}.theme-meta{padding:9px}.theme-meta small{min-height:28px}.bio-manager-card{grid-template-columns:118px minmax(0,1fr);min-height:210px}.bio-card-preview{min-height:210px;padding:18px 10px}.bio-card-preview>i{font-size:9px;padding:6px}.bio-manager-info{padding:14px}.bio-manager-title{display:block}.bio-manager-title .status{margin-top:6px}.bio-list-actions .btn{flex:1}.editor-title{display:block}.editor-title>a{display:inline-block;margin-bottom:6px}.editor-top-actions{justify-content:flex-start}.editor-top-actions .autosave-status{width:auto;order:0}.editor-tabs-v32{margin-inline:-4px}.editor-tabs-v32 button{padding:9px 10px}.block-library{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-panel.v32{padding:12px}.bio-create-submit{bottom:8px}.bio-create-submit .btn{width:100%}}

/* =========================
   Bio Builder V3.3
   ========================= */
.bio-editor-page.v33{max-width:none;margin:0}.editor-top.v33{position:sticky;top:72px;z-index:45;margin:-34px 0 10px;padding:14px 0 10px;background:linear-gradient(180deg,#f7faff 82%,rgba(247,250,255,.94));display:flex;align-items:center;justify-content:space-between;gap:16px}.editor-top.v33 .editor-title{min-width:0}.editor-top.v33 .editor-title h1{font-size:25px}.editor-top.v33 .editor-title p{min-width:0}.editor-top.v33 .editor-title .muted{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-mode-nav{position:sticky;top:139px;z-index:42;display:flex;gap:6px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 28px rgba(50,74,128,.08);overflow:auto;margin-bottom:10px}.builder-mode-nav button{border:0;background:transparent;color:#475569;font-weight:850;padding:10px 14px;border-radius:11px;white-space:nowrap;cursor:pointer}.builder-mode-nav button:hover{background:#f8fafc}.builder-mode-nav button.active{background:linear-gradient(135deg,#eff6ff,#f5f3ff);color:#4f46e5;box-shadow:inset 0 0 0 1px #c7d2fe}.mobile-preview-tab{display:none!important}
.builder-workspace{height:calc(100vh - 220px);min-height:560px;display:grid;grid-template-columns:245px minmax(420px,1fr) 390px;gap:10px;align-items:stretch}.builder-workspace>[class^="builder-"]{min-width:0}.builder-structure,.builder-inspector,.builder-preview-pane{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 34px rgba(50,74,128,.08)}.builder-structure{padding:12px;display:flex;flex-direction:column;overflow:hidden}.builder-panel-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px}.builder-panel-head h3{margin:2px 0 0;font-size:18px}.mini-add{width:36px;height:36px;border:1px solid #c7d2fe;background:#eef2ff;color:#4f46e5;border-radius:10px;font-size:22px;cursor:pointer}.structure-profile{border:1px solid #dbe5f2;background:linear-gradient(135deg,#f8fafc,#eef2ff);border-radius:13px;padding:10px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;text-align:left;cursor:pointer;margin-bottom:8px}.structure-profile:hover{border-color:#a5b4fc}.structure-profile span:nth-child(2){display:grid}.structure-profile b{font-size:12px}.structure-profile small{font-size:10px;color:#64748b}.structure-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5;font-weight:900}.block-structure-list{display:flex;flex-direction:column;gap:6px;overflow:auto;padding:2px 2px 10px;min-height:0;flex:1}.structure-block{display:grid;grid-template-columns:20px minmax(0,1fr) 34px;align-items:center;gap:4px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;transition:.15s;position:relative}.structure-block:hover{border-color:#c7d2fe;background:#fafaff}.structure-block.selected{border-color:#818cf8;background:#eef2ff;box-shadow:0 0 0 2px #e0e7ff}.structure-block.dragging{opacity:.45}.structure-block.is-hidden{opacity:.55}.drag-dot{border:0;background:transparent;color:#94a3b8;cursor:grab;padding:8px 2px}.structure-select{border:0;background:transparent;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;text-align:left;padding:7px 2px;cursor:pointer;min-width:0}.structure-select>span:last-child{min-width:0;display:grid}.structure-select b,.structure-select small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.structure-select b{font-size:12px;color:#1e293b}.structure-select small{font-size:9.5px;color:#94a3b8}.block-more{position:relative}.block-more>summary{list-style:none;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;border-radius:8px}.block-more>summary::-webkit-details-marker{display:none}.block-more>summary:hover{background:#eef2ff}.block-more>div{position:absolute;right:0;top:34px;z-index:30;width:145px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);padding:5px}.block-more button{width:100%;border:0;background:transparent;text-align:left;padding:7px 8px;border-radius:7px;font-size:11px;cursor:pointer}.block-more button:hover{background:#f8fafc}.add-block-sticky{border:1px dashed #818cf8;background:#f5f3ff;color:#5b21b6;border-radius:12px;padding:10px;font-weight:850;cursor:pointer}.structure-tip{font-size:9.5px;color:#94a3b8;margin:7px 3px 0;text-align:center}
.builder-inspector{overflow:auto;padding:18px}.mode-panel{display:none}.mode-panel.active{display:block}.inspector-head{margin-bottom:14px}.inspector-head h2{margin:2px 0 5px;font-size:24px}.inspector-head p{margin:0;color:#64748b}.inspector-head.block{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.inspector-head-actions{display:flex;gap:6px}.mobile-inspector-close{display:none;border:0;background:#f1f5f9;width:34px;height:34px;border-radius:9px;font-size:20px}.block-type-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-weight:850;font-size:10px}.inspector-empty{min-height:390px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.inspector-empty>span{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:#4f46e5;font-size:26px}.inspector-empty h2{margin:12px 0 4px}.inspector-empty p{max-width:420px;color:#64748b;margin:0}.inspector-tabs{display:flex;gap:4px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;padding:4px;margin-bottom:14px}.inspector-tabs button{flex:1;border:0;background:transparent;border-radius:8px;padding:8px;font-weight:800;color:#64748b;cursor:pointer}.inspector-tabs button.active{background:#fff;color:#4f46e5;box-shadow:0 3px 10px #0f172a10}.inspector-tab-panel{display:none}.inspector-tab-panel.active{display:block}.compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compact-grid .full{grid-column:1/-1}.compact-grid label,.settings-stack label{display:grid;gap:5px;font-weight:720;font-size:12px}.compact-grid input,.compact-grid select,.settings-stack input,.settings-stack textarea{padding:9px 10px;border-radius:9px}.inspector-groups{display:grid;gap:9px}.inspector-groups details{border:1px solid #e2e8f0;border-radius:13px;background:#fbfdff;overflow:hidden}.inspector-groups summary{cursor:pointer;padding:12px 13px;font-weight:850;background:#fff}.inspector-groups details>div{padding:12px;border-top:1px solid #edf2f7}.settings-stack{display:grid;gap:12px}.advanced-block{display:grid;gap:16px;padding:4px}.type-toolbar{display:grid;grid-template-columns:repeat(4,34px) 1fr repeat(3,34px);gap:5px;margin-top:10px;padding:6px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc}.type-toolbar button{border:0;background:#fff;border-radius:7px;height:32px;cursor:pointer;color:#475569}.type-toolbar button.active{background:#4f46e5;color:#fff}.range-number{display:grid;grid-template-columns:1fr 74px auto;align-items:center;gap:8px}.range-number input[type=number]{padding:7px}.spacer-control{display:grid;gap:16px}.spacer-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.spacer-presets button{border:1px solid #dbe5f2;background:#fff;border-radius:10px;padding:9px 5px;font-weight:850;cursor:pointer}.spacer-presets button small{display:block;color:#94a3b8;font-size:9px;font-weight:600}.spacer-presets button.active{border-color:#6366f1;background:#eef2ff;color:#4338ca}
.font-chip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.font-chip-grid button{border:1px solid #dbe5f2;background:#fff;border-radius:10px;padding:10px 6px;cursor:pointer;font-size:11px}.font-chip-grid button.active{border-color:#6366f1;background:#eef2ff;color:#4338ca;box-shadow:0 0 0 2px #e0e7ff}.header-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.header-preset-grid button{border:1px solid #dbe5f2;background:#fff;border-radius:12px;padding:7px;display:grid;gap:6px;font-size:10px;font-weight:800;cursor:pointer}.header-preset-grid button.active{border-color:#6366f1;background:#eef2ff;color:#4338ca}.header-mini{height:48px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#7c3aed);position:relative;overflow:hidden}.header-mini.transparent{background:linear-gradient(135deg,#fff,#f1f5f9);border:1px dashed #cbd5e1}.header-mini.compact{height:30px;margin-top:9px}.header-mini.glass{background:linear-gradient(135deg,#dbeafe88,#ede9fe88);backdrop-filter:blur(8px)}.header-mini.fade{mask-image:linear-gradient(#000 55%,transparent)}.header-mini.wave{border-radius:8px 8px 60% 40%}.header-mini.diagonal{clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}.header-mini.split:after{content:"";position:absolute;left:48%;top:0;bottom:0;width:2px;background:#ffffff99}.profile-upload-row{display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:center;margin-bottom:12px}.avatar-current{width:72px;height:72px;border-radius:18px;background:#eef2ff;display:grid;place-items:center;overflow:hidden}.avatar-current img{width:100%;height:100%;object-fit:contain}.avatar-current span{font-size:26px;font-weight:900;color:#4f46e5}.avatar-style-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.avatar-style-buttons button{border:1px solid #dbe5f2;background:#fff;border-radius:10px;padding:9px;cursor:pointer;font-size:11px;font-weight:800}.avatar-style-buttons button.active{border-color:#6366f1;background:#eef2ff;color:#4338ca}.theme-gallery-v33{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.theme-card-v33{border:1px solid #dbe5f2;background:#fff;border-radius:14px;overflow:hidden;padding:0;cursor:pointer;text-align:left}.theme-card-v33:hover{border-color:#818cf8;transform:translateY(-1px)}.theme-card-v33>span:last-child{display:block;padding:7px 9px;font-size:9px;color:#64748b;text-transform:uppercase;font-weight:850}.theme-scene{height:130px;padding:12px;display:grid;align-content:start;gap:5px;position:relative;overflow:hidden}.theme-scene>*{position:relative;z-index:2}.theme-scene .scene-header{display:block;height:42px;border-radius:9px;background:#ffffff2b;border:1px solid #ffffff40}.theme-scene .scene-header.fade{mask-image:linear-gradient(#000 55%,transparent)}.theme-scene .scene-header.wave{border-radius:9px 9px 60% 40%}.theme-scene .scene-header.diagonal{clip-path:polygon(0 0,100% 0,100% 70%,0 100%)}.theme-scene i{height:22px;border-radius:8px;background:#ffffff55}.theme-scene b{font-size:10px}.theme-scene small{font-size:8px;opacity:.8}
.builder-preview-pane{padding:12px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fafc)}.builder-preview-pane .preview-label{flex:0 0 auto}.builder-preview-pane .device-switch{flex:0 0 auto}.builder-preview-pane .device-frame{margin-top:8px;flex:1;min-height:0;height:auto;max-height:none}.device-frame.mobile{width:min(100%,330px)}.device-frame.tablet{width:min(100%,370px)}.device-frame.desktop{width:100%}.builder-preview-pane .device-frame .bio-public{height:100%;min-height:100%;overflow:auto}.preview-editable{cursor:pointer;position:relative}.preview-editable:hover{outline:2px dashed #818cf8;outline-offset:3px}.preview-selected{outline:2px solid #6366f1!important;outline-offset:3px}.bio-spacer.preview-editable{min-height:4px;display:grid;place-items:center;background:linear-gradient(90deg,transparent,#6366f119,transparent);border-radius:7px}.spacer-grip{display:none;width:32px;height:20px;border-radius:999px;background:#4f46e5;color:#fff;place-items:center;font-size:11px;cursor:ns-resize;touch-action:none}.bio-spacer.preview-editable:hover .spacer-grip,.bio-spacer.preview-selected .spacer-grip{display:grid}
.block-picker{position:fixed;inset:0;background:#0f172a66;backdrop-filter:blur(5px);z-index:100;display:grid;place-items:center;padding:18px}.block-picker[hidden]{display:none}.block-picker-card{width:min(580px,100%);background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 28px 90px #0f172a44;padding:16px}.block-picker-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.block-picker-head h3{margin:2px 0}.block-picker-head button{border:0;background:#f1f5f9;width:34px;height:34px;border-radius:9px;font-size:20px;cursor:pointer}.block-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.block-picker-grid button{border:1px solid #dbe5f2;background:#fff;border-radius:12px;padding:14px 10px;font-weight:800;cursor:pointer}.block-picker-grid button:hover{border-color:#818cf8;background:#eef2ff;color:#4338ca}.modal-open{overflow:hidden}
.builder-workspace[data-builder-mode]:not([data-builder-mode="build"]) .builder-structure{display:none}.builder-workspace[data-builder-mode]:not([data-builder-mode="build"]){grid-template-columns:minmax(0,1fr) 390px}.builder-workspace[data-builder-mode="preview"] .builder-inspector{display:none}.builder-workspace[data-builder-mode="preview"]{grid-template-columns:1fr}.builder-workspace[data-builder-mode="preview"] .builder-preview-pane{max-width:760px;width:100%;justify-self:center}

/* Public/preview header system */
.bio-public.v33{--header-bg:linear-gradient(135deg,#2563eb,#7c3aed);--header-height:220px;--header-opacity:1;--header-blur:0px;--header-radius:28px;--header-text:#fff;--header-muted:#e2e8f0;--avatar-size:92px;--avatar-radius:999px;--avatar-bg:#fff;--avatar-border:2px solid #fff;--avatar-shadow:0 12px 30px #0004;--avatar-pad:0px}.bio-public.v33 .bio-header{position:relative;z-index:3;min-height:var(--header-height);display:flex;align-items:center;justify-content:center;color:var(--header-text);overflow:hidden}.bio-public.v33 .bio-header-bg{position:absolute;inset:0;background:var(--header-bg);opacity:var(--header-opacity);filter:blur(var(--header-blur));transform:scale(1.03);z-index:0}.bio-public.v33 .bio-profile-wrap{position:relative;z-index:2;width:min(100%,720px);padding:26px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.bio-public.v33 .bio-header.align-left .bio-profile-wrap{align-items:flex-start;text-align:left}.bio-public.v33 .bio-header.align-right .bio-profile-wrap{align-items:flex-end;text-align:right}.bio-public.v33 .bio-profile-copy h1{margin:4px 0 0;font-size:var(--title-size);font-weight:var(--title-weight);letter-spacing:var(--letter);color:var(--header-text)}.bio-public.v33 .bio-profile-copy .bio-username,.bio-public.v33 .bio-profile-copy .bio-description{color:var(--header-muted)}.bio-avatar-shell{width:var(--avatar-size);height:var(--avatar-size);display:grid;place-items:center;border-radius:var(--avatar-radius);background:var(--avatar-bg);border:var(--avatar-border);box-shadow:var(--avatar-shadow);padding:var(--avatar-pad);overflow:hidden;flex:0 0 auto}.bio-avatar-shell img,.bio-avatar-shell .bio-avatar{width:100%;height:100%;object-fit:cover;border-radius:inherit}.bio-avatar-shell.avatar-frameless{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}.bio-avatar-shell.avatar-frameless img{object-fit:contain;border-radius:0}.bio-header.header-transparent{min-height:auto}.bio-header.header-transparent .bio-header-bg{opacity:0}.bio-header.header-transparent .bio-profile-wrap{color:var(--bio-text);padding-top:28px}.bio-header.header-transparent .bio-profile-copy h1{color:var(--bio-text)}.bio-header.header-transparent .bio-profile-copy .bio-username,.bio-header.header-transparent .bio-profile-copy .bio-description{color:var(--bio-muted)}.bio-header.header-compact{min-height:140px}.bio-header.header-compact .bio-profile-wrap{padding-block:18px}.bio-header.header-glass{margin:16px}.bio-header.header-glass .bio-header-bg{background:linear-gradient(135deg,#ffffff24,#ffffff12);backdrop-filter:blur(16px);border:1px solid #ffffff3d;border-radius:var(--header-radius)}.bio-header.header-fade .bio-header-bg{-webkit-mask-image:linear-gradient(#000 0 64%,transparent 100%);mask-image:linear-gradient(#000 0 64%,transparent 100%)}.bio-header.header-wave .bio-header-bg{clip-path:ellipse(80% 72% at 50% 25%)}.bio-header.header-diagonal .bio-header-bg{clip-path:polygon(0 0,100% 0,100% 78%,0 100%)}.bio-header.header-split .bio-profile-wrap{display:grid;grid-template-columns:auto 1fr;text-align:left;align-items:center;gap:20px}.bio-header.header-split.align-center .bio-profile-wrap{justify-content:center}.bio-header.header-contained{margin:16px auto 0;width:calc(100% - 32px);max-width:720px;border-radius:var(--header-radius)}.bio-header.header-contained .bio-header-bg{border-radius:var(--header-radius)}.bio-public.v33 .bio-inner.v33{padding-top:20px}.bio-public.v33 .bio-powered{margin-top:28px}

@media(max-width:1180px){.builder-workspace{grid-template-columns:220px minmax(380px,1fr) 340px}.theme-gallery-v33{grid-template-columns:repeat(2,minmax(0,1fr))}.header-preset-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:960px){.mobile-preview-tab{display:inline-flex!important}.builder-workspace{height:calc(100vh - 215px);grid-template-columns:220px minmax(0,1fr)}.builder-preview-pane{display:none}.builder-workspace[data-builder-mode]:not([data-builder-mode="build"]){grid-template-columns:1fr}.builder-workspace[data-builder-mode="preview"] .builder-preview-pane{display:flex}.builder-mode-nav{top:136px}.editor-top.v33 .editor-top-actions .btn.secondary:nth-of-type(1){display:none}}
@media(max-width:720px){.page{width:min(100% - 20px,1420px);padding-top:18px}.editor-top.v33{position:static;margin:0;padding:0 0 10px;display:block}.editor-top.v33 .editor-title{display:block}.editor-top.v33 .editor-title>a{display:inline-block;margin-bottom:5px}.editor-top.v33 .editor-top-actions{justify-content:flex-start;margin-top:10px}.editor-top.v33 .editor-top-actions .autosave-status{width:100%;order:-1}.builder-mode-nav{position:sticky;top:72px;margin-inline:-2px;border-radius:13px}.builder-mode-nav button{padding:9px 10px}.builder-workspace,.builder-workspace[data-builder-mode]:not([data-builder-mode="build"]){display:block;height:auto;min-height:0}.builder-structure{min-height:calc(100vh - 245px);height:auto}.builder-inspector{display:none;position:fixed;z-index:90;left:8px;right:8px;bottom:8px;top:90px;border-radius:20px;box-shadow:0 30px 90px #0f172a55}.bio-editor-page.v33.has-block-selected .builder-workspace[data-builder-mode="build"] .builder-inspector{display:block}.mobile-inspector-close{display:grid;place-items:center}.builder-workspace[data-builder-mode]:not([data-builder-mode="build"]) .builder-inspector{display:block;position:static;box-shadow:0 12px 34px rgba(50,74,128,.08)}.builder-workspace[data-builder-mode="preview"] .builder-inspector{display:none}.builder-preview-pane{display:none;height:calc(100vh - 220px)}.builder-workspace[data-builder-mode="preview"] .builder-preview-pane{display:flex;height:calc(100vh - 205px)}.block-structure-list{max-height:none}.theme-gallery-v33{grid-template-columns:repeat(2,1fr)}.header-preset-grid{grid-template-columns:repeat(2,1fr)}.compact-grid{grid-template-columns:1fr}.compact-grid .full{grid-column:auto}.font-chip-grid{grid-template-columns:repeat(2,1fr)}.block-picker{align-items:end;padding:0}.block-picker-card{border-radius:22px 22px 0 0}.block-picker-grid{grid-template-columns:repeat(2,1fr)}.bio-header.header-split .bio-profile-wrap{grid-template-columns:1fr;text-align:center;justify-items:center}.bio-public.v33 .bio-header.align-left .bio-profile-wrap,.bio-public.v33 .bio-header.align-right .bio-profile-wrap{align-items:center;text-align:center}.bio-header.header-contained{width:calc(100% - 20px);margin-top:10px}}

/* ===== V3.4 Bio Builder polish ===== */
.inspector-empty[hidden]{display:none!important}
.inspector-empty{min-height:88px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;text-align:left!important;padding:14px 16px!important;border:1px dashed #cbd5e1;border-radius:13px;background:linear-gradient(135deg,#f8fafc,#f5f3ff);color:#64748b;margin-bottom:10px}
.inspector-empty>b{font-size:13px;color:#334155;white-space:nowrap}.inspector-empty>span{width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:#64748b!important;font-size:12px!important;display:inline!important}
.builder-inspector{padding:14px}.inspector-head.block{margin-bottom:9px}.inspector-head.block h2{font-size:22px;margin-bottom:1px}.inspector-tabs{margin-bottom:10px}
.visual-style-stack{display:grid;gap:10px}.style-card{border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:15px;padding:13px;display:grid;gap:12px}.style-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.style-card-title>div{display:grid;gap:2px}.style-card-title b{font-size:13px;color:#0f172a}.style-card-title small{font-size:10px;color:#94a3b8;font-weight:600}
.fill-mode-segment{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#f1f5f9;border:1px solid #e2e8f0;padding:4px;border-radius:11px}.fill-mode-segment button{border:0;background:transparent;border-radius:8px;padding:8px 9px;font-weight:800;color:#64748b;cursor:pointer}.fill-mode-segment button.active{background:#fff;color:#4f46e5;box-shadow:0 3px 10px #0f172a12}
.visual-color-field{display:grid;gap:6px}.visual-color-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:800;color:#334155}.visual-color-label button{border:0;background:transparent;color:#7c3aed;font-size:10px;font-weight:800;cursor:pointer;padding:2px 0}.visual-color-row{display:grid;grid-template-columns:44px minmax(0,1fr) 12px;gap:8px;align-items:center;border:1px solid #dbe5f2;background:#fff;border-radius:11px;padding:5px 8px;min-height:46px}.color-swatch{width:34px;height:34px;border-radius:9px;background:var(--swatch,#fff);border:1px solid #cbd5e1;box-shadow:inset 0 0 0 2px #fff,0 2px 8px #0f172a12;overflow:hidden;cursor:pointer;display:block}.color-swatch input[type=color]{opacity:0;width:100%;height:100%;padding:0;border:0;cursor:pointer}.color-hex{border:0!important;padding:5px 2px!important;min-width:0!important;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;box-shadow:none!important;background:transparent!important;text-transform:uppercase}.color-hex:focus{outline:0}.color-dot{width:10px;height:10px;border-radius:50%;background:var(--dot,#fff);box-shadow:0 0 0 1px #cbd5e1}
.gradient-builder{display:grid;gap:10px}.gradient-track{height:54px;border-radius:13px;background:linear-gradient(var(--ga,135deg),var(--g1),var(--g2));border:1px solid #ffffffaa;box-shadow:inset 0 0 0 1px #0f172a12,0 8px 20px #0f172a10;position:relative;overflow:hidden}.gradient-track:after{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,#fff2 25%,transparent 25%,transparent 50%,#fff2 50%,#fff2 75%,transparent 75%);background-size:14px 14px;mix-blend-mode:overlay;opacity:.4}.gradient-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.gradient-tools>label{display:grid;gap:5px;font-size:11px;font-weight:800}.icon-text-btn{border:1px solid #dbe5f2;background:#fff;border-radius:10px;height:38px;padding:0 12px;color:#475569;font-weight:800;cursor:pointer}.icon-text-btn:hover{border-color:#a5b4fc;color:#4f46e5}.gradient-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.gradient-presets button{border:1px solid #dbe5f2;background:#fff;border-radius:9px;padding:4px;cursor:pointer;display:grid;gap:3px}.gradient-presets button span{height:25px;border-radius:6px;background:linear-gradient(135deg,var(--p1),var(--p2))}.gradient-presets button small{font-size:8px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-field{display:grid;gap:6px}.media-dropzone{border:1.5px dashed #a5b4fc;background:linear-gradient(135deg,#f8fafc,#f5f3ff);border-radius:14px;min-height:112px;padding:12px;display:grid;place-items:center;cursor:pointer;transition:.18s;outline:0}.media-dropzone:hover,.media-dropzone:focus,.media-dropzone.dragover{border-color:#6d5dfc;background:linear-gradient(135deg,#eef2ff,#faf5ff);box-shadow:0 0 0 3px #818cf822}.media-empty{text-align:center;display:grid;gap:3px}.media-empty b{color:#4f46e5;font-size:13px}.media-empty small{color:#64748b;font-size:11px}.media-empty em{font-style:normal;color:#94a3b8;font-size:9px}.media-preview{width:100%;display:grid;grid-template-columns:76px 1fr;align-items:center;gap:11px}.media-preview img{width:76px;height:70px;border-radius:10px;object-fit:cover;border:1px solid #dbe5f2;background:#fff}.media-preview>span{display:grid;gap:4px}.media-preview b{font-size:12px;color:#1e293b}.media-preview small{font-size:10px;color:#64748b}.image-options{padding-top:2px}.image-options label input[type=range]{padding:0}
/* Native color controls elsewhere in the builder should look like tools, not thin browser lines. */
.bio-editor-page.v33 input[type=color]{height:42px;min-height:42px;padding:4px;border:1px solid #dbe5f2;border-radius:10px;background:#fff;cursor:pointer}.bio-editor-page.v33 input[type=color]::-webkit-color-swatch-wrapper{padding:0}.bio-editor-page.v33 input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}.bio-editor-page.v33 input[type=file]::file-selector-button{border:0;border-radius:9px;background:#eef2ff;color:#4338ca;padding:8px 10px;font-weight:800;margin-right:8px;cursor:pointer}
/* Image layer for fully custom buttons. */
.bio-button{position:relative;isolation:isolate;background:var(--bbg);z-index:0}.bio-button::before{content:"";position:absolute;inset:-3px;z-index:0;background-image:var(--bimage,none);background-size:var(--bfit,cover);background-position:var(--bpos,center);background-repeat:no-repeat;opacity:var(--bimage-opacity,0);filter:blur(var(--bblur,0px)) brightness(var(--bbrightness,1));transform:scale(1.03);pointer-events:none}.bio-button::after{content:"";position:absolute;inset:0;z-index:1;background:var(--boverlay,transparent);opacity:var(--boverlay-opacity,0);pointer-events:none}.bio-button>*{position:relative;z-index:2}
.spacer-grip{user-select:none;-webkit-user-select:none}
@media(max-width:720px){.inspector-empty{min-height:64px!important;padding:10px 12px!important;display:grid!important;gap:2px!important}.inspector-empty>b{white-space:normal}.gradient-presets{grid-template-columns:repeat(3,1fr)}.gradient-tools{grid-template-columns:1fr}.media-preview{grid-template-columns:62px 1fr}.media-preview img{width:62px;height:58px}.color-grid{grid-template-columns:1fr!important}}

/* ===== V3.5 Bio Builder quality & UX ===== */
.publish-state{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;margin-right:9px;padding:4px 9px;border-radius:999px;border:1px solid #dbe5f2;background:#f8fafc;vertical-align:middle}.publish-state i{width:7px;height:7px;border-radius:50%;background:#94a3b8}.publish-state b{font-size:10px;letter-spacing:.08em}.publish-state small{font-size:10px;color:#64748b}.publish-state.live{background:#ecfdf5;border-color:#bbf7d0}.publish-state.live i{background:#22c55e}.publish-state.live b{color:#166534}.publish-state.has-changes{background:#fffbeb;border-color:#fde68a}.publish-state.has-changes i{background:#f59e0b}.publish-state.has-changes b{color:#92400e}.publish-state.has-changes small{color:#92400e}
.inspector-head.compact{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:0 0 8px}.inspector-head.compact h2{font-size:19px;line-height:1.15;margin:2px 0}.inspector-head-actions{display:flex;gap:5px}.inspector-head-actions button{width:32px;height:32px;border:1px solid #dbe5f2;background:#fff;border-radius:9px;cursor:pointer;color:#475569}.inspector-head-actions button:hover{background:#eef2ff;color:#4f46e5}
.global-override,.visibility-card,.schedule-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:12px}.global-override>div:first-child,.visibility-card>div:first-child,.schedule-head>div:first-child{display:grid;gap:2px}.global-override b,.visibility-card b,.schedule-head b{font-size:13px}.global-override small,.visibility-card small,.schedule-head small{font-size:10px;color:#64748b}.segmented{display:flex;background:#f1f5f9;padding:3px;border-radius:10px;gap:2px}.segmented button{border:0;background:transparent;padding:7px 10px;border-radius:8px;font-size:11px;font-weight:800;color:#64748b;cursor:pointer}.segmented button.active{background:#fff;color:#4f46e5;box-shadow:0 2px 8px #0f172a12}.global-style-summary{border:1px dashed #a5b4fc;border-radius:14px;padding:15px;background:linear-gradient(135deg,#eef2ff,#faf5ff);display:grid;gap:7px}.global-style-summary span{font-size:10px;color:#6366f1;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.global-style-summary b{font-size:17px;text-transform:capitalize}.global-style-summary p{margin:0;color:#64748b;font-size:12px}.button-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.button-style-grid button{border:1px solid #dbe5f2;background:#fff;border-radius:10px;padding:9px 7px;color:#475569;font-weight:800;font-size:10px;cursor:pointer}.button-style-grid button.active{background:#eef2ff;border-color:#818cf8;color:#4338ca;box-shadow:0 0 0 2px #c7d2fe55 inset}.advanced-stack{display:grid;gap:10px}.schedule-card{border:1px solid #dbe5f2;background:#f8fafc;border-radius:14px;padding:11px;display:grid;gap:10px}.schedule-status{border-radius:10px;padding:8px 10px;font-size:11px;font-weight:800}.schedule-status.state-active{background:#dcfce7;color:#166534}.schedule-status.state-scheduled{background:#eff6ff;color:#1d4ed8}.schedule-status.state-expired{background:#fff7ed;color:#9a3412}.toggle-switch{position:relative;width:44px;height:25px;flex:0 0 auto}.toggle-switch input{position:absolute;opacity:0;pointer-events:none}.toggle-switch span{position:absolute;inset:0;border-radius:999px;background:#cbd5e1;transition:.18s;cursor:pointer}.toggle-switch span:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0f172a25;transition:.18s}.toggle-switch input:checked+span{background:linear-gradient(135deg,#2563eb,#7c3aed)}.toggle-switch input:checked+span:after{transform:translateX(19px)}
.privacy-card{border:1px solid #ddd6fe;background:linear-gradient(135deg,#faf5ff,#f8fafc);border-radius:16px;padding:14px}.privacy-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.privacy-head h3{margin:2px 0 3px}.privacy-head p{margin:0;color:#64748b;font-size:11px}.privacy-fields{margin-top:13px;padding-top:13px;border-top:1px solid #e9d5ff;display:grid;gap:10px}.privacy-fields[hidden]{display:none!important}.publish-help{border-radius:15px;padding:13px;border:1px solid #dbe5f2;background:#f8fafc}.publish-help.live{background:#ecfdf5;border-color:#bbf7d0}.publish-help p{margin:3px 0 8px;color:#64748b;font-size:11px}
.header-size-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.header-size-presets button{border:1px solid #dbe5f2;background:#fff;border-radius:10px;padding:8px;font-weight:800;color:#475569;cursor:pointer}.header-size-presets button:hover{border-color:#818cf8;color:#4f46e5}.header-media-dropzone{border:1.5px dashed #a5b4fc;background:linear-gradient(135deg,#f8fafc,#f5f3ff);border-radius:15px;min-height:115px;padding:10px;display:grid;grid-template-columns:88px 1fr;align-items:center;gap:12px;cursor:pointer;margin-bottom:10px;outline:0}.header-media-dropzone:hover,.header-media-dropzone:focus,.header-media-dropzone.dragover{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 3px #818cf822}.header-media-dropzone>img{width:88px;height:86px;object-fit:cover;border-radius:11px;border:1px solid #dbe5f2}.header-media-dropzone>span{display:grid;gap:3px}.header-media-dropzone>span b{font-size:12px;color:#4338ca}.header-media-dropzone>span small{font-size:10px;color:#64748b}.header-media-dropzone>.media-empty{grid-column:1/-1}
.profile-upload-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.avatar-current{width:68px;height:68px;border-radius:16px;background:#eef2ff;border:1px solid #dbe5f2;display:grid;place-items:center;overflow:hidden;font-weight:900;color:#4f46e5}.avatar-current img{width:100%;height:100%;object-fit:contain}.profile-upload-actions{display:flex;flex-wrap:wrap;gap:7px}.switch-row{margin:8px 0}
/* Crop/position media without destructive editing. */
.bio-avatar-shell{position:relative}.bio-avatar-shell img.bio-avatar-img{object-fit:cover;object-position:var(--avatar-x,50%) var(--avatar-y,50%);transform:scale(var(--avatar-zoom,1));transform-origin:var(--avatar-x,50%) var(--avatar-y,50%)}.bio-avatar-shell.avatar-frameless img.bio-avatar-img{object-fit:contain}.bio-header-bg{background-size:var(--header-fit,cover)!important;background-position:var(--header-x,50%) var(--header-y,50%)!important;background-repeat:no-repeat!important;transform:scale(var(--header-zoom,1.03))!important;transform-origin:var(--header-x,50%) var(--header-y,50%)}.bio-image-crop{overflow:hidden;border-radius:var(--img-radius,18px);background:#ffffff12;aspect-ratio:16/9}.bio-image-crop img{width:100%!important;height:100%!important;object-fit:var(--img-fit,cover)!important;object-position:var(--img-x,50%) var(--img-y,50%)!important;transform:scale(var(--img-zoom,1));transform-origin:var(--img-x,50%) var(--img-y,50%);border-radius:0!important}.bio-thumb-crop{width:42px;height:42px;flex:0 0 42px;overflow:hidden;border-radius:10px;background:#ffffff22}.bio-thumb-crop .bio-thumb{width:100%;height:100%;object-fit:var(--thumb-fit,cover);object-position:var(--thumb-x,50%) var(--thumb-y,50%);transform:scale(var(--thumb-zoom,1));transform-origin:var(--thumb-x,50%) var(--thumb-y,50%);border-radius:0}.preview-placeholder{display:grid;place-items:center;min-height:70px;border:1px dashed #ffffff55;border-radius:12px;color:var(--bio-muted);font-size:11px;padding:10px}
/* Transparent/text-only button variants + subtle motion. */
.bio-button.variant-ghost{background:transparent!important}.bio-button.variant-text{background:transparent!important;border-color:transparent!important;box-shadow:none!important;min-height:auto;padding:8px 5px}.bio-button.variant-text>i{opacity:.5}.bio-button.variant-text .bio-button-copy b{text-decoration-thickness:1px;text-underline-offset:4px}.bio-button.variant-soft{box-shadow:none;opacity:.94}.bio-button.hover-lift:hover{transform:translateY(-3px)}.bio-button.hover-scale:hover{transform:scale(1.018)}.bio-button.hover-slide .bio-button-copy{transition:transform .2s}.bio-button.hover-slide:hover .bio-button-copy{transform:translateX(5px)}.bio-button.hover-underline .bio-button-copy b{position:relative}.bio-button.hover-underline .bio-button-copy b:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:currentColor;transition:right .2s}.bio-button.hover-underline:hover .bio-button-copy b:after{right:0}@keyframes bioFloat{50%{transform:translateY(-3px)}}@keyframes bioPulse{50%{transform:scale(1.012)}}@keyframes bioGlow{50%{filter:drop-shadow(0 0 9px currentColor)}}.bio-button.anim-float{animation:bioFloat 3.6s ease-in-out infinite}.bio-button.anim-pulse{animation:bioPulse 2.8s ease-in-out infinite}.bio-button.anim-glow{animation:bioGlow 3.2s ease-in-out infinite}.bio-button::before{transform:scale(var(--bzoom,1.03))!important;transform-origin:var(--bpos,center)}
/* Editor shows hidden/scheduled blocks dimmed, visitor preview hides them. */
.preview-hidden,.preview-scheduled{opacity:.46!important;filter:saturate(.65)}.preview-state-badge{position:absolute!important;z-index:6!important;right:7px!important;top:7px!important;background:#111827dd!important;color:#fff!important;border-radius:999px!important;padding:3px 6px!important;font:800 8px/1.2 system-ui!important;pointer-events:none}.structure-block.is-scheduled{background:#f8fafc}.structure-block.is-scheduled .structure-icon{color:#2563eb}.structure-block.dragging{opacity:.55;transform:scale(.99);box-shadow:0 12px 30px #0f172a22}.structure-block{transition:transform .12s,box-shadow .12s,opacity .12s}
/* Realistic device preview presets. */
.device-switch.realistic{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.device-switch.realistic button{padding:6px 5px;font-size:10px}.builder-preview-pane .device-frame{position:relative;display:flex;justify-content:center;align-items:stretch;background:#111827;overflow:hidden}.device-frame .device-chrome{position:absolute;z-index:12;pointer-events:none}.device-frame.iphone{width:min(100%,330px);max-height:690px;border:8px solid #111827;border-radius:44px;padding:0}.device-frame.iphone .device-chrome{top:7px;width:82px;height:22px;border-radius:999px;background:#050505}.device-frame.android{width:min(100%,344px);max-height:700px;border:7px solid #1f2937;border-radius:35px}.device-frame.android .device-chrome{top:8px;width:10px;height:10px;border-radius:50%;background:#050505;box-shadow:0 0 0 2px #374151}.device-frame.ipad{width:min(100%,455px);max-height:680px;border:10px solid #20242b;border-radius:26px}.device-frame.ipad .device-chrome{top:5px;width:7px;height:7px;border-radius:50%;background:#050505}.device-frame.laptop{width:100%;max-height:610px;border:7px solid #1f2937;border-radius:14px}.device-frame.laptop:after{content:"";position:absolute;bottom:-7px;left:18%;right:18%;height:7px;border-radius:0 0 12px 12px;background:#475569}.device-frame.iphone .bio-public,.device-frame.android .bio-public,.device-frame.ipad .bio-public,.device-frame.laptop .bio-public{width:100%;height:100%;min-height:100%;overflow:auto}.device-frame.ipad .bio-inner{width:min(600px,92%)}.device-frame.laptop .bio-inner{width:min(660px,88%)}
/* Password-protected Bio / visitor preview. */
.bio-lock-body{min-height:100vh;margin:0;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#dbeafe,transparent 35%),radial-gradient(circle at 85% 20%,#ede9fe,transparent 32%),#f8fafc;color:#0f172a;font:15px/1.5 Inter,system-ui,sans-serif}.bio-lock-card{width:min(440px,100%);background:#fff;border:1px solid #dbe5f2;border-radius:24px;padding:28px;box-shadow:0 24px 80px #33415520}.bio-lock-card h1{margin:5px 0 5px;font-size:30px}.bio-lock-card>p{color:#64748b;margin-top:0}.bio-lock-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#ede9fe);font-size:25px;margin-bottom:12px}.bio-lock-hint{background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;padding:9px 11px;margin:10px 0;color:#475569}.visitor-preview-badge{position:fixed;z-index:100;left:50%;top:10px;transform:translateX(-50%);background:#111827eb;color:#fff;padding:7px 12px;border-radius:999px;font:800 10px system-ui;box-shadow:0 8px 28px #0003}
@media(prefers-reduced-motion:reduce){.bio-button.anim-float,.bio-button.anim-pulse,.bio-button.anim-glow{animation:none!important}.bio-button{transition:none!important}}
@media(max-width:720px){.button-style-grid{grid-template-columns:repeat(3,1fr)}.header-size-presets{grid-template-columns:repeat(2,1fr)}.header-media-dropzone{grid-template-columns:64px 1fr;min-height:92px}.header-media-dropzone>img{width:64px;height:62px}.global-override{align-items:flex-start;flex-direction:column}.segmented{width:100%}.segmented button{flex:1}.publish-state{margin:2px 0 5px}.device-switch.realistic{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.device-switch.realistic button{white-space:nowrap}.visitor-preview-badge{top:6px;max-width:calc(100% - 20px);text-align:center}.bio-lock-card{padding:20px;border-radius:20px}}

/* =========================
   V3.6 UX fixes: inspector tabs, toast, editor back, QR custom logo
   ========================= */
.inspector-panel{display:none!important}
.inspector-panel.active{display:block!important}
.bio-avatar-shell[hidden],.bio-avatar-shell.is-hidden{display:none!important}
.avatar-off-label{font-size:11px;color:#64748b;font-weight:800;padding:8px 10px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc}

.editor-top.v33 .editor-title{display:flex;align-items:center;gap:11px}
.editor-back{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid #dbe5f2;border-radius:11px;background:#fff;color:#334155;font-size:20px;font-weight:900;box-shadow:0 6px 18px #0f172a0d;transition:.16s ease}
.editor-back:hover{border-color:#a5b4fc;background:#eef2ff;color:#4f46e5;transform:translateX(-1px)}
.editor-breadcrumb{font-size:9px;font-weight:900;letter-spacing:.12em;color:#94a3b8;margin-bottom:1px}.editor-breadcrumb span{padding:0 3px;color:#cbd5e1}

.toast-stack{position:fixed;top:88px;right:max(18px,calc((100vw - 1420px)/2 + 18px));z-index:400;display:grid;gap:9px;width:min(430px,calc(100vw - 28px));pointer-events:none}
.toast{pointer-events:auto;display:grid;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:10px;padding:12px 12px;border-radius:15px;background:#fff;border:1px solid #dbe5f2;box-shadow:0 20px 60px #0f172a33;animation:toastIn .22s ease both;overflow:hidden;position:relative}
.toast:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:currentColor;opacity:.35;animation:toastLife 4.2s linear forwards}
.toast.success{color:#166534;border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff)}.toast.error{color:#9f1239;border-color:#fecdd3;background:linear-gradient(135deg,#fff1f2,#fff)}
.toast-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;background:currentColor}.toast.success .toast-icon{background:#16a34a}.toast.error .toast-icon{background:#e11d48}
.toast>div{min-width:0;display:grid;gap:1px}.toast b{font-size:12px;color:#0f172a}.toast>div span{font-size:12px;color:#475569;overflow-wrap:anywhere}.toast button{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#94a3b8;font-size:20px;cursor:pointer}.toast button:hover{background:#f1f5f9;color:#334155}.toast.leaving{animation:toastOut .22s ease both}.toast.leaving:after{animation:none}
@keyframes toastIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px) scale(.98)}}@keyframes toastLife{from{transform:scaleX(1);transform-origin:left}to{transform:scaleX(0);transform-origin:left}}

.qr-logo-card{border:1px solid #e2e8f0;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdff);padding:12px;display:grid;gap:10px}.qr-logo-title{display:flex;justify-content:space-between;align-items:flex-start}.qr-logo-title>div{display:grid;gap:2px}.qr-logo-title b{font-size:13px;color:#0f172a}.qr-logo-title small{font-size:10px;color:#64748b}
.qr-logo-segment{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:11px}.qr-logo-segment button{border:0;background:transparent;border-radius:8px;padding:8px 7px;font-size:11px;font-weight:850;color:#64748b;cursor:pointer}.qr-logo-segment button.active{background:#fff;color:#4f46e5;box-shadow:0 3px 10px #0f172a12}
.qr-custom-logo[hidden]{display:none!important}.qr-logo-drop{min-height:88px;border:1.5px dashed #a5b4fc;border-radius:13px;background:linear-gradient(135deg,#f8fafc,#f5f3ff);padding:10px;display:grid;place-items:center;text-align:center;cursor:pointer;transition:.16s}.qr-logo-drop:hover,.qr-logo-drop:focus,.qr-logo-drop.dragover{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 3px #818cf822}.qr-logo-drop>span{display:grid;gap:2px}.qr-logo-drop b{font-size:12px;color:#4f46e5}.qr-logo-drop small{font-size:9px;color:#64748b}.qr-logo-preview{grid-template-columns:58px 1fr!important;align-items:center;text-align:left;gap:9px!important}.qr-logo-preview[hidden],.qr-logo-drop [hidden]{display:none!important}.qr-logo-preview img{width:58px;height:58px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid #dbe5f2;padding:5px}.qr-logo-options{display:grid;grid-template-columns:1fr 1fr 120px;gap:8px}.qr-logo-options label{display:grid;gap:4px;font-size:10px;font-weight:800;color:#475569}.qr-logo-options input[type=range]{padding:0}.qr-logo-options input[type=color]{height:38px;padding:3px}.qr-logo-options select{padding:8px 9px}

@media(max-width:720px){.toast-stack{top:74px;left:10px;right:10px;width:auto}.editor-top.v33 .editor-title{display:flex!important;align-items:center}.editor-top.v33 .editor-title>a.editor-back{display:grid;margin:0}.editor-breadcrumb{display:none}.qr-logo-options{grid-template-columns:1fr 1fr}.qr-logo-options label:last-child{grid-column:1/-1}.qr-logo-segment{grid-template-columns:1fr}.toast{grid-template-columns:34px minmax(0,1fr) 28px}}

/* When the logo/avatar is off, split headers collapse to a single text column. */
.bio-header.header-split .bio-profile-wrap:has(.bio-avatar-shell[hidden]),
.bio-header.header-split .bio-profile-wrap:has(.bio-avatar-shell.is-hidden){grid-template-columns:1fr!important}
.qr-logo-options label small{font-size:9px;font-weight:600;color:#94a3b8;line-height:1.25}

/* ===== V3.7 Template Pack ===== */
[data-pattern="mega-mendung"]::before{
  background-image:
    radial-gradient(ellipse at 25% 45%,transparent 0 20%,var(--pattern-color,#7dd3fc) 21% 24%,transparent 25% 31%,var(--pattern-color,#7dd3fc) 32% 35%,transparent 36%),
    radial-gradient(ellipse at 75% 55%,transparent 0 18%,var(--pattern-color,#7dd3fc) 19% 22%,transparent 23% 29%,var(--pattern-color,#7dd3fc) 30% 33%,transparent 34%);
  background-size:calc(var(--pattern-scale,76px)*1.45) var(--pattern-scale,76px);
}
[data-pattern="truntum"]::before{
  background-image:
    radial-gradient(circle at 50% 50%,var(--pattern-color,#fbbf24) 0 2px,transparent 2.5px),
    radial-gradient(circle at 0 0,transparent 0 33%,var(--pattern-color,#fbbf24) 34% 36%,transparent 37%),
    radial-gradient(circle at 100% 100%,transparent 0 33%,var(--pattern-color,#fbbf24) 34% 36%,transparent 37%);
  background-size:var(--pattern-scale,42px) var(--pattern-scale,42px);
}
[data-pattern="sekar-jagad"]::before{
  background-image:
    radial-gradient(ellipse at 20% 30%,transparent 0 28%,var(--pattern-color,#c2410c) 29% 31%,transparent 32%),
    radial-gradient(ellipse at 75% 25%,transparent 0 24%,var(--pattern-color,#c2410c) 25% 27%,transparent 28%),
    radial-gradient(ellipse at 55% 78%,transparent 0 30%,var(--pattern-color,#c2410c) 31% 33%,transparent 34%),
    linear-gradient(35deg,transparent 48%,var(--pattern-color,#c2410c) 49% 50%,transparent 51%);
  background-size:var(--pattern-scale,74px) var(--pattern-scale,74px);
}
[data-pattern="mesh"]::before{
  background-image:
    radial-gradient(circle at 15% 20%,var(--pattern-color,#fff) 0 7%,transparent 24%),
    radial-gradient(circle at 85% 25%,var(--pattern-color,#fff) 0 6%,transparent 22%),
    radial-gradient(circle at 55% 85%,var(--pattern-color,#fff) 0 8%,transparent 25%);
  background-size:calc(var(--pattern-scale,80px)*1.5) calc(var(--pattern-scale,80px)*1.2);
}
[data-pattern="botanical"]::before{
  background-image:
    radial-gradient(ellipse at 20% 30%,transparent 0 38%,var(--pattern-color,#4d7c0f) 39% 42%,transparent 43%),
    radial-gradient(ellipse at 70% 70%,transparent 0 36%,var(--pattern-color,#4d7c0f) 37% 40%,transparent 41%),
    linear-gradient(55deg,transparent 48%,var(--pattern-color,#4d7c0f) 49% 50%,transparent 51%);
  background-size:var(--pattern-scale,82px) var(--pattern-scale,82px);
}
.template-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.template-filter-bar button{appearance:none;border:1px solid #dbe5f2;background:#fff;color:#475569;border-radius:999px;padding:8px 13px;font:700 12px/1 system-ui;cursor:pointer;transition:.18s ease}
.template-filter-bar button:hover{border-color:#93c5fd;color:#1d4ed8;transform:translateY(-1px)}
.template-filter-bar button.active{background:#eff6ff;border-color:#60a5fa;color:#1d4ed8;box-shadow:0 0 0 3px rgba(59,130,246,.08)}
.template-filter-bar.compact{margin:10px 0 14px;gap:6px}
.template-filter-bar.compact button{padding:7px 10px;font-size:11px}
.theme-card[hidden],.theme-card-v33[hidden]{display:none!important}
@media (max-width:720px){.template-filter-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;margin-right:-16px;padding-right:16px;scrollbar-width:none}.template-filter-bar::-webkit-scrollbar{display:none}.template-filter-bar button{white-space:nowrap}}
.theme-visual .theme-header-preview{position:absolute!important;z-index:0!important;left:0;right:0;top:0;height:34%;background:linear-gradient(135deg,var(--th1,#2563eb),var(--th2,#7c3aed));opacity:.92;pointer-events:none}
.theme-visual .theme-header-preview.transparent{opacity:0}
.theme-visual .theme-header-preview.compact{height:25%}
.theme-visual .theme-header-preview.full{height:43%}
.theme-visual .theme-header-preview.glass{height:36%;opacity:.28;backdrop-filter:blur(6px)}
.theme-visual .theme-header-preview.fade{height:48%;mask-image:linear-gradient(#000 60%,transparent)}
.theme-visual .theme-header-preview.wave{height:38%;border-radius:0 0 55% 22%/0 0 32% 22%}
.theme-visual .theme-header-preview.diagonal{height:40%;clip-path:polygon(0 0,100% 0,100% 68%,0 100%)}
.theme-visual .theme-header-preview.split{height:34%;clip-path:polygon(0 0,68% 0,52% 100%,0 100%)}


/* ===== V3.8 Template Collections + Divider Collection ===== */
.template-collection-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 12px}.template-collection-rail.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.collection-card{appearance:none;border:1px solid #dbe5f2;background:linear-gradient(145deg,#fff,#f8fbff);border-radius:17px;padding:13px;text-align:left;display:grid;grid-template-columns:36px 1fr;grid-template-areas:"icon title" "icon meta";column-gap:10px;align-items:center;cursor:pointer;color:#0f172a;box-shadow:0 6px 20px #0f172a08;transition:.18s}.collection-card:hover{transform:translateY(-2px);border-color:#a5b4fc;box-shadow:0 12px 28px #4f46e51a}.collection-card.active{border-color:#4f46e5;background:linear-gradient(145deg,#eef2ff,#fff);box-shadow:0 0 0 3px #6366f11c}.collection-card i{grid-area:icon;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-style:normal;background:#eef2ff;color:#4338ca;font-size:18px}.collection-card b{grid-area:title;font-size:13px;line-height:1.2}.collection-card small{grid-area:meta;color:#64748b;font-size:10px;line-height:1.3}.collection-card.culture i{background:#fff7ed;color:#9a3412}.collection-card.business i{background:#f1f5f9;color:#334155}.collection-card.creator i{background:#fdf2f8;color:#be185d}.collection-card.event i{background:#eff6ff;color:#1d4ed8}.collection-card.tech i{background:#ecfeff;color:#0e7490}.collection-card.nature i{background:#ecfdf5;color:#047857}.collection-card.dark i{background:#111827;color:#fbbf24}.template-collection-rail.compact .collection-card{padding:10px;grid-template-columns:30px 1fr;border-radius:14px}.template-collection-rail.compact .collection-card i{width:30px;height:30px;border-radius:9px;font-size:15px}.template-collection-rail.compact .collection-card b{font-size:12px}.template-collection-rail.compact .collection-card small{font-size:9px}
.divider-intro{padding:2px 0 8px}.divider-intro p{margin:4px 0 0}.divider-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.divider-preset-grid>button{appearance:none;border:1px solid #dbe5f2;background:#fff;border-radius:14px;padding:8px;cursor:pointer;min-width:0;color:#334155;transition:.15s}.divider-preset-grid>button:hover{border-color:#a5b4fc;background:#f8faff}.divider-preset-grid>button.active{border-color:#4f46e5;background:#eef2ff;box-shadow:0 0 0 2px #6366f11f}.divider-preset-grid>button>span{height:28px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#0f172a,#312e81);overflow:hidden;margin-bottom:5px}.divider-preset-grid>button b{font-size:10px}.divider-preset-grid .bio-divider{margin:0!important;width:88%!important;pointer-events:none}.divider-live-sample{margin-top:12px;border-radius:14px;padding:12px;background:linear-gradient(135deg,#0f172a,#312e81)}
.bio-divider{--divider-color:#fff;--divider-color2:#8b5cf6;--divider-opacity:.75;--divider-width:100%;--divider-thickness:2px;--divider-space:10px;width:var(--divider-width);height:18px;margin:var(--divider-space) auto;opacity:var(--divider-opacity);display:flex;align-items:center;justify-content:center;border:0;position:relative;overflow:visible}.bio-divider>span{display:block;width:100%;height:var(--divider-thickness);background:var(--divider-color);border-radius:999px;position:relative}.bio-divider.divider-double>span{height:7px;background:none;border-top:var(--divider-thickness) solid var(--divider-color);border-bottom:var(--divider-thickness) solid var(--divider-color);border-radius:0}.bio-divider.divider-dashed>span{background:repeating-linear-gradient(90deg,var(--divider-color) 0 14px,transparent 14px 23px)}.bio-divider.divider-dotted>span{height:8px;background:radial-gradient(circle,var(--divider-color) 2.3px,transparent 2.7px) left center/14px 8px repeat-x}.bio-divider.divider-gradient>span{height:max(2px,var(--divider-thickness));background:linear-gradient(90deg,transparent,var(--divider-color) 22%,var(--divider-color2) 78%,transparent)}.bio-divider.divider-dots>span{height:12px;background:radial-gradient(circle,var(--divider-color) 4px,transparent 4.5px) center/24px 12px repeat-x}.bio-divider.divider-diamond>span{height:12px;background:linear-gradient(45deg,transparent 40%,var(--divider-color) 41% 59%,transparent 60%) center/18px 18px repeat-x}.bio-divider.divider-wave>span{height:12px;background:radial-gradient(9px 9px at 9px -2px,transparent 8px,var(--divider-color) 8.5px 10px,transparent 10.5px) 0 0/18px 12px repeat-x}.bio-divider.divider-zigzag>span{height:10px;background:linear-gradient(135deg,transparent 44%,var(--divider-color) 45% 55%,transparent 56%) 0 0/16px 16px repeat-x,linear-gradient(45deg,transparent 44%,var(--divider-color2) 45% 55%,transparent 56%) 8px 0/16px 16px repeat-x}.bio-divider.divider-batik>span,.bio-divider.divider-academic>span,.bio-divider.divider-stars>span{height:18px;background:none;text-align:center;white-space:nowrap;overflow:hidden;font-weight:800;line-height:18px;letter-spacing:7px;color:var(--divider-color)}.bio-divider.divider-batik>span:before{content:"◇ ◆ ◇ ◆ ◇ ◆ ◇"}.bio-divider.divider-stars>span:before{content:"✦ · ✦ · ✦ · ✦";background:linear-gradient(90deg,var(--divider-color),var(--divider-color2));-webkit-background-clip:text;background-clip:text;color:transparent}.bio-divider.divider-academic>span:before{content:"";position:absolute;left:0;right:0;top:8px;height:var(--divider-thickness);background:linear-gradient(90deg,transparent,var(--divider-color) 10% 43%,transparent 43% 57%,var(--divider-color2) 57% 90%,transparent)}.bio-divider.divider-academic>span:after{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:10px;height:10px;display:grid;place-items:center;color:var(--divider-color2);font-size:8px;background:transparent}
@media(max-width:1050px){.template-collection-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.template-collection-rail.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.template-collection-rail,.template-collection-rail.compact{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:5px}.collection-card{min-width:190px;scroll-snap-align:start}.divider-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================
   V3.9 Transparency, reset-password UX, button motion, Smart Icon
   ========================= */
/* Visual transparency controls */
.color-alpha-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:7px 9px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.transparent-check{display:inline-flex!important;grid-template-columns:none!important;align-items:center;gap:6px!important;font-size:10px!important;font-weight:850!important;color:#475569!important;white-space:nowrap}.transparent-check input{width:15px!important;height:15px!important;margin:0!important;accent-color:#6366f1}.color-alpha-row>label:last-child{display:grid;grid-template-columns:auto minmax(70px,1fr) 36px;align-items:center;gap:7px;font-size:10px;font-weight:800;color:#64748b}.color-alpha-row input[type=range]{padding:0!important;height:20px!important;min-height:20px!important}.color-alpha-row>label:last-child span{text-align:right;font-size:9px;color:#64748b;font-variant-numeric:tabular-nums}.visual-color-field.is-transparent .color-swatch,.visual-color-field.is-transparent .color-dot,.design-color-box.is-transparent em{background-color:#fff!important;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%)!important;background-size:10px 10px!important;background-position:0 0,0 5px,5px -5px,-5px 0!important}.visual-color-field.is-transparent .visual-color-row{background:linear-gradient(135deg,#fff,#f8fafc)}
.design-color-box>span{display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px;align-items:center}.design-color-box input[type=color]{width:42px!important;min-width:42px!important;height:42px!important;padding:3px!important}.design-color-box em{display:block;height:34px;border:1px solid #dbe5f2;border-radius:9px;background:var(--preview-color,var(--design-preview,#fff));box-shadow:inset 0 0 0 2px #fff,0 2px 8px #0f172a0d}.design-color-box em:empty:after{content:"Klik untuk ganti warna";display:grid;place-items:center;height:100%;font:700 9px/1.1 system-ui;color:#94a3b8;font-style:normal}

/* Centered, privacy-safe reset-password result modal */
.reset-request-modal{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:18px;background:#0f172a70;backdrop-filter:blur(8px);animation:resetModalFade .2s ease both}.reset-request-card{position:relative;width:min(450px,100%);padding:30px 28px 26px;border:1px solid #e2e8f0;border-radius:24px;background:linear-gradient(160deg,#fff,#fbfdff);box-shadow:0 30px 100px #02061755;text-align:center;animation:resetModalPop .24s cubic-bezier(.2,.85,.25,1.15) both}.reset-request-card h2{margin:9px 0 8px;font-size:25px;line-height:1.15;color:#0f172a}.reset-request-card>p{margin:0 auto 14px;max-width:380px;color:#64748b;font-size:13px;line-height:1.65}.reset-mail-icon{width:58px;height:58px;margin:0 auto;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:#4f46e5;font-size:26px;box-shadow:0 10px 28px #6366f120}.reset-expiry{margin:14px 0 18px;padding:10px 12px;border:1px solid #dbe5f2;border-radius:12px;background:#f8fafc;color:#475569;font-size:11px}.reset-modal-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:10px;background:#f1f5f9;color:#64748b;font-size:21px;line-height:1;cursor:pointer;display:grid;place-items:center}.reset-modal-close:hover{background:#e2e8f0;color:#0f172a}.reset-request-card .btn{width:100%;justify-content:center}@keyframes resetModalFade{from{opacity:0}to{opacity:1}}@keyframes resetModalPop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}

/* Smart Icon System */
.smart-icon-card{border:1px solid #dbe5f2;border-radius:16px;background:linear-gradient(160deg,#fff,#fbfdff);padding:12px;display:grid;gap:10px}.smart-icon-card .style-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.smart-icon-card .style-card-title>div{display:grid;gap:2px;min-width:0}.smart-icon-card .style-card-title b{font-size:12px;color:#0f172a}.smart-icon-card .style-card-title small{font-size:9px;color:#64748b;line-height:1.35}.icon-current-preview{width:42px;height:42px;flex:0 0 42px;border:1px solid #dbe5f2;border-radius:12px;background:linear-gradient(135deg,#eef2ff,#fff);display:grid;place-items:center;font-size:20px;color:#4338ca;overflow:hidden}.icon-current-preview img{width:30px;height:30px;object-fit:contain}.icon-mode-segment{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #e2e8f0;border-radius:12px;background:#f1f5f9}.icon-mode-segment button{appearance:none;border:0;border-radius:8px;background:transparent;padding:8px 5px;color:#64748b;font:800 9px/1.15 system-ui;cursor:pointer;min-width:0}.icon-mode-segment button:hover{color:#4f46e5;background:#eef2ff}.icon-mode-segment button.active{background:#fff;color:#4f46e5;box-shadow:0 3px 10px #0f172a12}.icon-mode-segment button:disabled{opacity:.38;cursor:not-allowed}.icon-auto-hint,.favicon-hint,.icon-library-open{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;border:1px solid #e2e8f0;border-radius:12px;padding:9px;background:#f8fafc;text-align:left}.icon-auto-hint>span,.icon-library-open>span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#fff;border:1px solid #dbe5f2;font-size:21px}.icon-auto-hint>div,.favicon-hint>div{display:grid;gap:2px}.icon-auto-hint b,.favicon-hint b,.icon-library-open b{font-size:11px;color:#334155}.icon-auto-hint small,.favicon-hint small,.icon-library-open small{font-size:9px;color:#64748b;overflow-wrap:anywhere}.icon-library-open{appearance:none;width:100%;cursor:pointer;grid-template-columns:44px 1fr;grid-template-areas:"icon title" "icon meta"}.icon-library-open:hover{border-color:#a5b4fc;background:#eef2ff}.icon-library-open>span{grid-area:icon}.icon-library-open>b{grid-area:title;align-self:end}.icon-library-open>small{grid-area:meta;align-self:start}.favicon-hint img{width:42px;height:42px;object-fit:contain;padding:7px;border-radius:11px;background:#fff;border:1px solid #dbe5f2}.bio-icon-image{display:grid!important;place-items:center}.bio-icon-image img{width:22px;height:22px;object-fit:contain;border-radius:5px}.bio-icon-image.favicon img{background:#fff;padding:2px}
.icon-picker-modal{position:fixed;inset:0;z-index:950;display:none;place-items:center;padding:18px;background:#0f172a70;backdrop-filter:blur(7px)}.icon-picker-modal.open{display:grid;animation:resetModalFade .16s ease both}.icon-picker-card{width:min(720px,100%);max-height:min(760px,calc(100vh - 36px));overflow:hidden;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 30px 100px #02061755}.icon-picker-head{display:flex;justify-content:space-between;gap:16px;padding:18px 18px 10px}.icon-picker-head h3{margin:2px 0 1px;font-size:22px}.icon-picker-head p{margin:0;color:#64748b;font-size:10px}.icon-picker-head>button{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:10px;background:#f1f5f9;color:#64748b;font-size:22px;cursor:pointer}.icon-picker-search{padding:0 18px 10px}.icon-picker-search input{width:100%;min-height:44px;border:1px solid #dbe5f2;border-radius:12px;padding:10px 12px;font:600 12px system-ui;outline:0}.icon-picker-search input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81f}.icon-category-rail{display:flex;gap:6px;overflow-x:auto;padding:0 18px 10px;scrollbar-width:none}.icon-category-rail::-webkit-scrollbar{display:none}.icon-category-rail button{appearance:none;border:1px solid #dbe5f2;background:#fff;color:#64748b;border-radius:999px;padding:7px 10px;font:800 10px/1 system-ui;white-space:nowrap;cursor:pointer}.icon-category-rail button.active{background:#eef2ff;border-color:#818cf8;color:#4338ca}.icon-grid{overflow:auto;padding:3px 18px 18px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;align-content:start}.icon-grid button{appearance:none;min-width:0;aspect-ratio:1;border:1px solid #e2e8f0;border-radius:12px;background:#fff;display:grid;place-items:center;gap:2px;padding:5px;cursor:pointer;color:#334155;transition:.12s}.icon-grid button:hover{border-color:#818cf8;background:#eef2ff;transform:translateY(-1px);box-shadow:0 7px 18px #4f46e514}.icon-grid button>span{font-size:23px;line-height:1}.icon-grid button>small{font-size:7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b}.icon-grid .icon-empty{grid-column:1/-1;text-align:center;color:#64748b;padding:30px 10px;font-size:12px}

/* Button motion library; all motion remains optional and lightweight. */
.bio-button{--anim-speed:1;--anim-intensity:1;transition:transform calc(.18s * var(--anim-speed)) ease,filter calc(.2s * var(--anim-speed)) ease,box-shadow calc(.2s * var(--anim-speed)) ease}.bio-button.anim-speed-slow{--anim-speed:1.35}.bio-button.anim-speed-normal{--anim-speed:1}.bio-button.anim-intensity-subtle{--anim-intensity:.62}.bio-button.anim-intensity-normal{--anim-intensity:1}@keyframes bioFloatV39{50%{transform:translateY(calc(-4px * var(--anim-intensity)))}}@keyframes bioPulseV39{50%{transform:scale(calc(1 + .018 * var(--anim-intensity)))}}@keyframes bioGlowV39{50%{filter:drop-shadow(0 0 calc(12px * var(--anim-intensity)) currentColor)}}@keyframes bioBounceV39{0%,100%{transform:translateY(0)}45%{transform:translateY(calc(-4px * var(--anim-intensity)))}62%{transform:translateY(calc(1.5px * var(--anim-intensity)))}}.bio-button.anim-float{animation:bioFloatV39 calc(3.5s * var(--anim-speed)) ease-in-out infinite}.bio-button.anim-pulse{animation:bioPulseV39 calc(2.8s * var(--anim-speed)) ease-in-out infinite}.bio-button.anim-glow{animation:bioGlowV39 calc(3.2s * var(--anim-speed)) ease-in-out infinite}.bio-button.anim-bounce{animation:bioBounceV39 calc(3s * var(--anim-speed)) ease-in-out infinite}.bio-button.anim-shimmer .bio-button-copy{position:relative;overflow:hidden;border-radius:5px}.bio-button.anim-shimmer .bio-button-copy:after{content:"";position:absolute;inset:-40% auto -40% -45%;width:30%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,#ffffff80,transparent);animation:bioShimmerV39 calc(3.2s * var(--anim-speed)) ease-in-out infinite;pointer-events:none}@keyframes bioShimmerV39{0%,38%{left:-45%;opacity:0}50%{opacity:1}70%,100%{left:120%;opacity:0}}.bio-button.hover-glow:hover{filter:drop-shadow(0 0 calc(10px * var(--anim-intensity)) currentColor)}.bio-button.hover-tap:active{transform:scale(calc(1 - .025 * var(--anim-intensity)))}.bio-button.hover-lift:hover{transform:translateY(calc(-3px * var(--anim-intensity)))}.bio-button.hover-scale:hover{transform:scale(calc(1 + .018 * var(--anim-intensity)))}.bio-button.hover-slide .bio-icon,.bio-button.hover-slide .bio-button-copy{transition:transform calc(.2s * var(--anim-speed)) ease}.bio-button.hover-slide:hover .bio-icon,.bio-button.hover-slide:hover .bio-button-copy{transform:translateX(calc(5px * var(--anim-intensity)))}

@media(max-width:720px){.reset-request-card{padding:26px 18px 20px;border-radius:21px}.reset-request-card h2{font-size:22px}.icon-mode-segment{grid-template-columns:repeat(3,1fr)}.icon-grid{grid-template-columns:repeat(5,minmax(0,1fr));padding-inline:12px}.icon-picker-card{max-height:calc(100vh - 16px);border-radius:20px}.icon-picker-head,.icon-picker-search,.icon-category-rail{padding-left:12px;padding-right:12px}.color-alpha-row{grid-template-columns:1fr}.color-alpha-row>label:last-child{grid-template-columns:auto minmax(0,1fr) 34px}}
@media(prefers-reduced-motion:reduce){.bio-button.anim-float,.bio-button.anim-pulse,.bio-button.anim-glow,.bio-button.anim-shimmer,.bio-button.anim-bounce{animation:none!important}.bio-button.anim-shimmer .bio-button-copy:after{display:none!important}.bio-button,.bio-button *{transition:none!important}}

/* V3.10 Visual Email Template Builder */
.email-builder-panel{overflow:visible}.email-builder-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.email-builder-head h2{margin:4px 0 5px}.email-builder-head p{margin:0;max-width:760px}.email-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.email-preset-card{position:relative;border:1px solid #dbe5f2;border-radius:15px;background:#fff;padding:10px;display:grid;gap:7px;cursor:pointer;transition:.16s}.email-preset-card:hover{border-color:#a5b4fc;transform:translateY(-1px);box-shadow:0 9px 24px #4f46e511}.email-preset-card.active{border-color:#6366f1;box-shadow:0 0 0 3px #6366f116;background:#fbfbff}.email-preset-card input{position:absolute;opacity:0;pointer-events:none}.email-preset-card b{font-size:13px;color:#0f172a}.email-preset-card small{font-size:10px;line-height:1.45;color:#64748b}.email-preset-swatch{height:68px;border-radius:10px;border:1px solid #e2e8f0;background:linear-gradient(to bottom,var(--ep-head) 0 35%,var(--ep-page) 35% 100%);position:relative;overflow:hidden}.email-preset-swatch:before{content:"";position:absolute;left:15%;right:15%;top:45%;height:22%;border-radius:7px;background:#fff;box-shadow:0 8px 18px #0f172a13}.email-preset-swatch:after{content:"";position:absolute;width:27%;height:9px;left:36.5%;bottom:10%;border-radius:999px;background:var(--ep-btn)}.email-builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.email-builder-fields{display:grid;gap:12px}.email-builder-colors{position:sticky;top:90px;border:1px solid #dbe5f2;border-radius:16px;background:#fbfdff;padding:14px;display:grid;gap:10px}.email-builder-colors h3{margin:0 0 2px}.email-color-field{display:grid;gap:5px;font-size:11px;font-weight:800;color:#475569}.email-color-field>span:last-child{display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px;align-items:center}.email-color-field input[type=color]{width:42px;height:38px;border:1px solid #dbe5f2;border-radius:10px;background:#fff;padding:3px;cursor:pointer}.email-color-hex{height:38px;border:1px solid #dbe5f2;border-radius:10px;background:#fff;padding:8px 9px;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.email-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.email-toggle-grid .check{border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc;padding:10px 11px}.email-test-reset{margin-top:16px;padding-top:15px;border-top:1px solid #e2e8f0}.email-test-reset .inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.email-preview-modal{position:fixed;inset:0;z-index:980;padding:18px;background:#0f172a78;backdrop-filter:blur(8px);display:grid;place-items:center}.email-preview-modal[hidden]{display:none}.email-preview-shell{width:min(820px,100%);height:min(860px,calc(100vh - 36px));background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 30px 100px #02061766;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.email-preview-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid #e2e8f0;background:#fff}.email-preview-top>div{display:grid;gap:2px}.email-preview-top b{font-size:14px}.email-preview-top small{color:#64748b;font-size:10px}.email-preview-top button{width:36px;height:36px;border:0;border-radius:10px;background:#f1f5f9;color:#64748b;font-size:22px;cursor:pointer}.email-preview-shell iframe{width:100%;height:100%;border:0;background:#f8fafc}
@media(max-width:900px){.email-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.email-builder-grid{grid-template-columns:1fr}.email-builder-colors{position:static}.email-builder-head{flex-direction:column}.email-builder-head .btn{width:100%;justify-content:center}}
@media(max-width:560px){.email-preset-grid{grid-template-columns:1fr 1fr}.email-toggle-grid{grid-template-columns:1fr}.email-test-reset .inline-form{grid-template-columns:1fr}.email-preview-modal{padding:8px}.email-preview-shell{height:calc(100vh - 16px);border-radius:16px}.email-builder-colors{padding:12px}}

/* V3.10.1 Read-only Generated HTML Code Viewer */
.email-builder-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.email-builder-actions .btn{white-space:nowrap}.email-code-modal{position:fixed;inset:0;z-index:995;padding:18px;background:#020617b8;backdrop-filter:blur(9px);display:grid;place-items:center}.email-code-modal[hidden]{display:none}.email-code-shell{width:min(1100px,100%);height:min(860px,calc(100vh - 36px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#0b1020;border:1px solid #26324b;border-radius:22px;overflow:hidden;box-shadow:0 35px 120px #020617aa}.email-code-shell.fullscreen{position:fixed;inset:10px;width:auto;height:auto;max-width:none;border-radius:16px;z-index:1000}.email-code-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;background:#111827;border-bottom:1px solid #26324b;color:#f8fafc}.email-code-top>div:first-child{display:grid;gap:2px}.email-code-top b{font-size:14px}.email-code-top small{font-size:10px;color:#94a3b8}.email-code-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.email-code-actions .btn{background:#172033;border-color:#334155;color:#e2e8f0;min-height:34px}.email-code-actions .btn:hover{background:#1e293b}.email-code-close{width:36px;height:36px;border:0;border-radius:10px;background:#1e293b;color:#cbd5e1;font-size:22px;cursor:pointer}.email-code-body{min-height:0;overflow:auto;background:#0b1020;scrollbar-color:#475569 #0b1020}.email-code-pre{margin:0;min-width:max-content;padding:16px 0;color:#dbeafe;font:500 12px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;tab-size:2;user-select:text;counter-reset:code-line}.email-code-pre code{display:block}.email-code-line{display:block;min-height:20px;padding:0 22px 0 0;white-space:pre;counter-increment:code-line}.email-code-line:before{content:counter(code-line);display:inline-block;width:54px;margin-right:16px;padding-right:12px;text-align:right;color:#64748b;border-right:1px solid #1e293b;user-select:none}.email-code-line:hover{background:#111827}.email-code-line::selection,.email-code-line *::selection{background:#4338ca;color:#fff}.email-code-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border-top:1px solid #26324b;background:#111827;color:#94a3b8;font-size:10px}.email-code-foot .btn{min-height:36px}.email-code-modal .small{padding:7px 10px;font-size:10px}.email-builder-html-hint{border:1px dashed #c7d2fe;background:#eef2ff;border-radius:12px;padding:10px 12px;color:#4338ca;font-size:11px}
@media(max-width:900px){.email-builder-actions{width:100%;justify-content:stretch}.email-builder-actions .btn{flex:1 1 calc(50% - 8px);justify-content:center}.email-code-modal{padding:8px}.email-code-shell{height:calc(100vh - 16px);border-radius:16px}.email-code-top{align-items:flex-start}.email-code-actions{max-width:58%}.email-code-foot{align-items:flex-start;flex-direction:column}.email-code-foot .btn{width:100%}}
@media(max-width:560px){.email-builder-actions .btn{flex-basis:100%}.email-code-top{display:grid}.email-code-actions{max-width:none;width:100%;display:grid;grid-template-columns:1fr 1fr}.email-code-close{position:absolute;top:12px;right:12px}.email-code-shell{border-radius:12px}.email-code-shell.fullscreen{inset:0;border-radius:0}.email-code-pre{font-size:11px}.email-code-line{padding-right:14px}.email-code-line:before{width:40px;margin-right:10px}.email-code-foot span{display:none}}

/* ===== V3.11 Advanced Email + Server Health ===== */
.email-mode-panel{padding:16px 18px}.email-mode-switch{display:flex;align-items:center;justify-content:space-between;gap:18px}.email-mode-switch h2{margin:3px 0 4px;font-size:20px}.email-mode-switch p{margin:0;max-width:760px}.email-mode-buttons{display:inline-flex;padding:4px;border:1px solid #dbe5f2;border-radius:12px;background:#f8fafc;flex:none}.email-mode-buttons button{border:0;background:transparent;color:#64748b;border-radius:9px;padding:8px 12px;font-weight:800;cursor:pointer}.email-mode-buttons button.active{background:#fff;color:#4f46e5;box-shadow:0 4px 14px #0f172a12}.advanced-email-panel[hidden],.email-builder-panel[hidden]{display:none!important}.advanced-email-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.advanced-email-head h2{margin:3px 0 5px}.advanced-email-head p{margin:0;max-width:840px}.advanced-email-toolbar{margin:16px 0 12px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.advanced-search{display:grid;grid-template-columns:minmax(180px,330px) auto;gap:7px}.advanced-search input{height:38px}.advanced-email-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:14px;min-height:620px}.advanced-code-editor{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr);height:620px;border:1px solid #26324b;border-radius:15px;overflow:hidden;background:#0b1020;box-shadow:inset 0 1px 0 #ffffff08}.advanced-line-numbers{overflow:hidden;background:#0f172a;border-right:1px solid #26324b;color:#64748b;padding:15px 0;font:500 12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right;user-select:none}.advanced-line-numbers span{display:block;padding-right:12px;height:19.8px}.advanced-editor-layer{position:relative;min-width:0;overflow:hidden}.advanced-editor-layer pre,.advanced-editor-layer textarea{position:absolute;inset:0;margin:0;padding:15px 18px;border:0;border-radius:0;font:500 12px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre;overflow:auto;tab-size:2}.advanced-editor-layer pre{z-index:1;color:#dbeafe;background:#0b1020;pointer-events:none}.advanced-editor-layer textarea{z-index:2;color:transparent;background:transparent;caret-color:#f8fafc;resize:none;outline:0;box-shadow:none!important;-webkit-text-fill-color:transparent}.advanced-editor-layer textarea::selection{background:#4338ca88}.syn-comment{color:#64748b}.syn-tag{color:#f472b6}.syn-placeholder{color:#facc15;font-weight:800}.advanced-email-preview{min-width:0;height:620px;border:1px solid #dbe5f2;border-radius:15px;background:#f8fafc;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.advanced-preview-title{padding:10px 12px;border-bottom:1px solid #dbe5f2;background:#fff;display:flex;justify-content:space-between;gap:10px;align-items:center}.advanced-preview-title b{font-size:12px}.advanced-email-preview iframe{width:100%;height:100%;border:0;background:#f3f4f6}.advanced-validation{font-size:10px;font-weight:800}.advanced-validation.ok{color:#15803d}.advanced-validation.warn{color:#b45309}.advanced-validation.error{color:#b91c1c}.advanced-email-save{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.advanced-email-save .info-box{margin:0}.advanced-email-save .btn{min-height:44px}.advanced-email-state{flex:none}

.health-page{display:grid;gap:14px}.health-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #dbe5f2;border-radius:18px;padding:20px 22px;background:linear-gradient(135deg,#fff,#f5f3ff);box-shadow:var(--shadow)}.health-hero h2{margin:3px 0 5px;font-size:28px}.health-hero p{margin:0;max-width:800px}.health-score{width:132px;height:92px;border:1px solid #c7d2fe;border-radius:18px;background:#fff;display:grid;place-items:center;align-content:center;box-shadow:0 12px 28px #4f46e512}.health-score strong{font-size:31px;color:#4f46e5;line-height:1}.health-score span{font-size:10px;color:#64748b;margin-top:7px;font-weight:800;text-align:center}.health-actions{display:flex;gap:8px;flex-wrap:wrap}.health-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.health-summary-grid article{border:1px solid #dbe5f2;background:#fff;border-radius:14px;padding:13px 15px}.health-summary-grid b{display:block;font-size:24px}.health-summary-grid span{font-size:11px;color:#64748b}.health-tabs{display:flex;gap:6px;overflow:auto;padding:5px;border:1px solid #dbe5f2;background:#fff;border-radius:13px}.health-tabs button{border:0;background:transparent;padding:8px 11px;border-radius:9px;white-space:nowrap;color:#64748b;font-weight:750;cursor:pointer}.health-tabs button.active{background:#eef2ff;color:#4338ca}.health-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.health-check{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start;border:1px solid #e2e8f0;border-radius:14px;padding:12px 13px;background:#fff}.health-check[hidden]{display:none!important}.health-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-weight:950}.health-check[data-health-status="ok"] .health-icon{background:#dcfce7;color:#15803d}.health-check[data-health-status="warn"] .health-icon{background:#fef3c7;color:#b45309}.health-check[data-health-status="error"] .health-icon{background:#fee2e2;color:#b91c1c}.health-check-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.health-check-head b{font-size:12px}.health-check p{margin:4px 0 0;color:#64748b;font-size:11px;overflow-wrap:anywhere}.health-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900;letter-spacing:.04em}.health-badge.ok{background:#dcfce7;color:#15803d}.health-badge.warn{background:#fef3c7;color:#a16207}.health-badge.error{background:#fee2e2;color:#b91c1c}.health-badge.info{background:#f1f5f9;color:#64748b}.health-report-panel{padding:17px}.panel-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panel-title-row h3{margin:0}.panel-title-row p{margin:2px 0 0}.health-report-panel textarea{margin-top:10px;min-height:230px;background:#0b1020;color:#dbeafe;border-color:#26324b;font:500 11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}

@media(max-width:980px){.advanced-email-workspace{grid-template-columns:1fr;min-height:0}.advanced-code-editor,.advanced-email-preview{height:520px}.advanced-email-save{grid-template-columns:1fr}.health-check-list{grid-template-columns:1fr}.email-mode-switch,.health-hero{align-items:flex-start;flex-direction:column}.health-score{width:100%;height:74px;display:flex;gap:10px}.health-score span{margin:0}.health-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.advanced-email-toolbar{align-items:stretch}.advanced-search{grid-template-columns:1fr auto;width:100%}.advanced-email-toolbar .action-row{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.advanced-code-editor,.advanced-email-preview{height:440px}.advanced-code-editor{grid-template-columns:42px minmax(0,1fr)}.advanced-line-numbers span{padding-right:8px}.advanced-editor-layer pre,.advanced-editor-layer textarea{padding:13px 12px}.email-mode-buttons{width:100%}.email-mode-buttons button{flex:1}.health-actions{display:grid;grid-template-columns:1fr 1fr}.health-actions .btn:first-child,.health-actions .btn:last-child{grid-column:1/-1}.health-summary-grid{grid-template-columns:1fr 1fr}.health-hero h2{font-size:23px}.panel-title-row{flex-direction:column}.panel-title-row .btn{width:100%}}
/* V3.11.1 Email delivery + template sync */
.email-active-test{margin-top:14px;padding-top:14px;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:14px}.email-active-test>div{display:flex;flex-direction:column;gap:3px}.email-active-test b{font-size:13px}.email-active-test small{color:#64748b;line-height:1.45}.email-active-test .inline-form{min-width:min(520px,100%);justify-content:flex-end}.email-active-test input{min-width:240px}
@media(max-width:820px){.email-active-test{align-items:stretch;flex-direction:column}.email-active-test .inline-form{width:100%;min-width:0;display:grid;grid-template-columns:1fr}.email-active-test input,.email-active-test .btn{width:100%;min-width:0}}

/* V3.12 Production readiness */
.health-backup-form{display:contents}

/* V3.13.1 Multi-brand Global Stability skin */
body[data-brand="lov"]{
  --blue:var(--brand-primary,#e11d48);
  --blue2:#fb7185;
  --purple:var(--brand-secondary,#8b5cf6);
  --bg:#fffafb;
  background:
    radial-gradient(circle at 85% 6%,#f3e8ff 0,transparent 26%),
    radial-gradient(circle at 8% 30%,#ffe4e6 0,transparent 28%),
    var(--bg);
}
body[data-brand="lov"] .brand-mark{
  border-radius:14px;
  background:linear-gradient(135deg,#e11d48,#fb7185 50%,#8b5cf6);
  box-shadow:0 8px 24px rgba(225,29,72,.22);
}
body[data-brand="lov"] .nav a:hover,
body[data-brand="lov"] .nav a.active{background:#fff1f2;color:#be123c}
body[data-brand="lov"] .nav .nav-cta{color:#fff;background:linear-gradient(135deg,#e11d48,#fb7185 54%,#8b5cf6)}
body[data-brand="lov"] .btn.primary{background:linear-gradient(135deg,#e11d48,#fb7185 54%,#8b5cf6);box-shadow:0 10px 22px rgba(225,29,72,.22)}
body[data-brand="lov"] .short-hero em,
body[data-brand="lov"] .eyebrow{color:#e11d48}
body[data-brand="lov"] .eyebrow.purple{color:#7c3aed}
body[data-brand="lov"] .short-card{border-color:#fecdd3}
body[data-brand="lov"] .footer{background:linear-gradient(180deg,transparent,#fff1f2 90%)}


/* V3.13.4 — safe template apply feedback */
.theme-card-v33.template-applied{outline:3px solid color-mix(in srgb,var(--brand-primary,#2563eb) 82%,#fff);outline-offset:2px;box-shadow:0 14px 34px rgba(37,99,235,.18);transform:translateY(-1px)}
.theme-card-v33.template-applied::after{content:"✓ Diterapkan";position:absolute;right:10px;top:10px;padding:5px 9px;border-radius:999px;background:var(--brand-primary,#2563eb);color:#fff;font-size:11px;font-weight:800;z-index:4;box-shadow:0 5px 14px #0002}
.theme-card-v33{position:relative}
.template-apply-toast{position:fixed;left:50%;top:22px;transform:translate(-50%,-18px);z-index:100000;padding:12px 18px;border-radius:14px;background:#0f172a;color:#fff;font-weight:750;font-size:14px;box-shadow:0 18px 50px #0f172a44;opacity:0;pointer-events:none;transition:.22s ease;max-width:min(92vw,620px);text-align:center}
.template-apply-toast.show{opacity:1;transform:translate(-50%,0)}
.template-apply-toast.error{background:#b91c1c}
@media(max-width:640px){.template-apply-toast{top:12px;font-size:13px;padding:10px 14px}}
/* v3.13.4 admin user-create toolbar */
.admin-section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px}.admin-section-toolbar h2{margin:0}.admin-section-toolbar p{margin:2px 0 0}@media(max-width:640px){.admin-section-toolbar{align-items:stretch;flex-direction:column}.admin-section-toolbar .btn{width:100%}}

/* ===== V3.14 · Keep 23 + Keep 24 ===== */
.editor-experience-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px;padding:10px 12px;border:1px solid #dbe5f2;border-radius:14px;background:linear-gradient(135deg,#ffffff,#f8faff);box-shadow:0 8px 24px #0f172a08}.editor-experience-bar>div:first-child{display:grid;grid-template-columns:auto auto;gap:1px 8px;align-items:center}.editor-experience-bar .eyebrow{grid-column:1/-1}.editor-experience-bar b{font-size:14px;color:#111827}.editor-experience-bar small{font-size:11px;color:#64748b}.editor-experience-switch{display:inline-flex;gap:3px;padding:4px;border:1px solid #dbe5f2;border-radius:11px;background:#f1f5f9;flex:none}.editor-experience-switch button{border:0;background:transparent;border-radius:8px;padding:8px 14px;font-weight:850;color:#64748b;cursor:pointer}.editor-experience-switch button.active{background:#fff;color:#4f46e5;box-shadow:0 4px 14px #0f172a12}.simple-editor-panel{display:grid;gap:12px}.simple-card{border:1px solid #e2e8f0;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfdff);padding:14px;display:grid;gap:12px}.simple-card h3{margin:2px 0 2px;font-size:17px}.simple-card p{margin:0;color:#64748b;font-size:12px}.simple-media-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.simple-media-actions .btn{justify-content:center}.header-content-position{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.header-content-position button{border:1px solid #dbe5f2;background:#fff;border-radius:10px;padding:10px 8px;font-weight:850;color:#475569;cursor:pointer}.header-content-position button:hover{border-color:#818cf8;background:#eef2ff}.header-content-position button.active{border-color:#6366f1;background:#eef2ff;color:#4338ca;box-shadow:0 0 0 2px #e0e7ff}.header-position-builder{display:grid;gap:12px}.bio-editor-page[data-editor-ui="simple"] [data-advanced-only]{display:none!important}.bio-editor-page[data-editor-ui="advanced"] [data-simple-only]{display:none!important}.bio-editor-page[data-editor-ui="simple"] .inspector-tabs [data-inspector-tab="style"],.bio-editor-page[data-editor-ui="simple"] .inspector-tabs [data-inspector-tab="advanced"]{display:none!important}.bio-editor-page[data-editor-ui="simple"] .inspector-tabs [data-inspector-tab="content"]{flex:1}.bio-editor-page[data-editor-ui="simple"] .mode-panel[data-mode-panel="style"] .inspector-head p,.bio-editor-page[data-editor-ui="simple"] .mode-panel[data-mode-panel="header"] .inspector-head p{max-width:720px}.bio-editor-page[data-editor-ui="simple"] .builder-inspector{background:linear-gradient(180deg,#fff,#fcfdff)}

/* Header content positioning (stored inside design_json; no schema change) */
.bio-public.v33{--header-title-x:0px;--header-title-y:0px;--header-title-gap:10px;--header-title-max:620px}.bio-public.v33 .bio-header.content-top{align-items:flex-start}.bio-public.v33 .bio-header.content-center{align-items:center}.bio-public.v33 .bio-header.content-bottom{align-items:flex-end}.bio-public.v33 .bio-profile-wrap{gap:var(--header-title-gap,10px)}.bio-public.v33 .bio-profile-copy{width:min(100%,var(--header-title-max,620px));max-width:var(--header-title-max,620px);transform:translate(var(--header-title-x,0px),var(--header-title-y,0px));transition:transform .18s ease}.bio-public.v33 .bio-header.safe-position .bio-profile-wrap{gap:max(12px,var(--header-title-gap,10px))}.bio-public.v33 .bio-header.safe-position .bio-profile-copy{transform:none}.bio-public.v33 .bio-header.content-top .bio-profile-wrap{padding-top:24px;padding-bottom:16px}.bio-public.v33 .bio-header.content-bottom .bio-profile-wrap{padding-top:16px;padding-bottom:24px}.bio-public.v33 .bio-header.header-transparent.content-top,.bio-public.v33 .bio-header.header-transparent.content-bottom{align-items:center}

@media(max-width:720px){.editor-experience-bar{align-items:flex-start}.editor-experience-bar>div:first-child{display:block}.editor-experience-bar .eyebrow,.editor-experience-bar b,.editor-experience-bar small{display:block}.editor-experience-switch button{padding:8px 10px}.simple-media-actions{grid-template-columns:1fr}.bio-public.v33 .bio-profile-copy{max-width:min(100%,var(--header-title-max,620px))}}
/* V3.14 title offsets apply to the title itself; profile text remains stable. */
.bio-public.v33 .bio-profile-copy{transform:none!important}.bio-public.v33 .bio-profile-copy h1{max-width:var(--header-title-max,620px);transform:translate(var(--header-title-x,0px),var(--header-title-y,0px));margin-inline:auto}.bio-public.v33 .bio-header.align-left .bio-profile-copy h1{margin-left:0;margin-right:auto}.bio-public.v33 .bio-header.align-right .bio-profile-copy h1{margin-left:auto;margin-right:0}.bio-public.v33 .bio-header.safe-position .bio-profile-copy h1{transform:none}

/* ===== V3.14.1 · Header safety + centered confirmation ===== */
.ui-confirm-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.5);backdrop-filter:blur(7px);opacity:0;transition:opacity .16s ease}
.ui-confirm-backdrop.show{opacity:1}.ui-confirm-backdrop.leaving{opacity:0}
.ui-confirm-card{position:relative;width:min(460px,100%);padding:26px;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 32px 100px rgba(15,23,42,.34);text-align:center;transform:translateY(10px) scale(.98);transition:transform .18s ease}
.ui-confirm-backdrop.show .ui-confirm-card{transform:none}.ui-confirm-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:17px;display:grid;place-items:center;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--brand-primary,#2563eb),var(--brand-secondary,#8b5cf6));box-shadow:0 12px 28px color-mix(in srgb,var(--brand-primary,#2563eb) 28%,transparent)}
.ui-confirm-card h3{margin:0 30px 7px;font-size:20px;color:#0f172a}.ui-confirm-card p{margin:0 auto 20px;max-width:380px;color:#64748b;font-size:13px;line-height:1.65}.ui-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ui-confirm-actions .btn{justify-content:center}.ui-confirm-x{position:absolute;right:12px;top:12px;width:32px;height:32px;border:0;border-radius:10px;background:#f1f5f9;color:#64748b;font-size:20px;cursor:pointer}.ui-confirm-x:hover{background:#e2e8f0;color:#0f172a}

.header-text-placement{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.header-text-placement button{min-height:48px;border:1px solid #dbe5f2;background:#fff;border-radius:11px;padding:8px 9px;font-weight:850;color:#475569;cursor:pointer;display:grid;place-items:center;gap:1px}.header-text-placement button small{font-size:8px;color:#94a3b8;font-weight:800}.header-text-placement button:hover{border-color:#a5b4fc;background:#f8faff}.header-text-placement button.active{border-color:#6366f1;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#4338ca;box-shadow:0 0 0 2px #e0e7ff}.header-text-placement button.active small{color:#6366f1}

.bio-profile-below{position:relative;z-index:3;width:min(660px,100%);margin:0 auto;padding:18px 20px 2px;text-align:center;color:var(--bio-text)}.bio-profile-below.align-left{text-align:left}.bio-profile-below.align-right{text-align:right}.bio-profile-below .bio-profile-copy{width:100%;max-width:var(--header-title-max,620px);margin:0 auto;transform:none!important}.bio-profile-below.align-left .bio-profile-copy{margin-left:0;margin-right:auto}.bio-profile-below.align-right .bio-profile-copy{margin-left:auto;margin-right:0}.bio-profile-below .bio-profile-copy h1{margin:0;font-size:var(--title-size,32px);font-weight:var(--title-weight,800);letter-spacing:var(--letter,0);line-height:1.12;color:var(--bio-text);transform:none!important}.bio-profile-below .bio-username,.bio-profile-below .bio-description{color:var(--bio-muted)}.bio-profile-below .bio-username{margin-top:5px}.bio-profile-below .bio-description{margin:7px 0 0}.bio-public[data-profile-placement="below"] .bio-inner.v33{padding-top:14px}.bio-public[data-profile-placement="hidden"] .bio-inner.v33{padding-top:20px}

/* Live desktop safety: link-in-bio remains a focused canvas instead of stretching a banner across an ultra-wide screen. */
@media(min-width:900px){
  .bio-body>.bio-public.v33:not(.embedded) .bio-header:not(.header-contained){width:min(920px,calc(100% - 48px));margin:24px auto 0;border-radius:var(--header-radius);}
  .bio-body>.bio-public.v33:not(.embedded) .bio-header:not(.header-contained) .bio-header-bg{border-radius:inherit}
  .bio-body>.bio-public.v33:not(.embedded) .bio-profile-below{padding-top:20px}
}
@media(max-width:720px){.ui-confirm-card{padding:22px 18px;border-radius:20px}.ui-confirm-actions{grid-template-columns:1fr}.header-text-placement{grid-template-columns:1fr}.bio-profile-below{padding:16px 18px 0}}

/* ===== V3.15 Simplified Builder + Header Crop + Auto Enhance ===== */
.btn.magic{background:linear-gradient(135deg,#eef2ff,#fdf2f8);border:1px solid #c4b5fd;color:#5b21b6;box-shadow:0 6px 18px #7c3aed14}.btn.magic:hover{background:linear-gradient(135deg,#e0e7ff,#fae8ff);border-color:#a78bfa}.header-media-tools{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 2px}
.block-picker-pro{width:min(880px,96vw);padding:0;overflow:hidden}.block-picker-pro .block-picker-head{padding:18px 20px 12px;margin:0;border-bottom:1px solid #eef2f7}.block-picker-pro .block-picker-head p{margin:4px 0 0;color:#64748b;font-size:12px}.block-picker-search{margin:14px 18px;display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #dbe5f2;border-radius:14px;padding:0 14px}.block-picker-search span{font-size:22px;color:#64748b}.block-picker-search input{border:0!important;background:transparent!important;box-shadow:none!important;min-height:46px;padding:0!important;width:100%;font-size:14px}.block-picker-body{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:420px;max-height:min(66vh,610px)}.block-picker-categories{padding:8px 10px 14px 18px;border-right:1px solid #eef2f7;display:flex;flex-direction:column;gap:4px;overflow:auto}.block-picker-categories button{border:0;background:transparent;border-radius:10px;padding:10px 11px;text-align:left;font-weight:800;color:#475569;cursor:pointer}.block-picker-categories button:hover{background:#f8fafc}.block-picker-categories button.active{background:#eef2ff;color:#4f46e5}.block-picker-content{padding:8px 18px 18px;overflow:auto}.block-picker-grid.rich{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.block-picker-grid.rich button{min-height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;padding:14px;border:1px solid #dbe5f2;background:#fff;border-radius:14px;text-align:left}.block-picker-grid.rich button:hover{transform:translateY(-1px);border-color:#818cf8;background:linear-gradient(180deg,#fff,#f6f5ff);box-shadow:0 10px 24px #4f46e51a}.block-picker-grid.rich button i{font-style:normal;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5;font-size:17px}.block-picker-grid.rich button b{font-size:13px;color:#111827}.block-picker-grid.rich button small{font-size:10.5px;color:#64748b;line-height:1.35}.block-picker-empty{padding:34px;text-align:center;color:#64748b}
.header-crop-modal{position:fixed;inset:0;z-index:130;background:#0f172a88;backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px}.header-crop-modal[hidden]{display:none}.header-crop-card{width:min(760px,96vw);background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 30px 100px #0f172a55;overflow:hidden}.header-crop-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 20px 12px;border-bottom:1px solid #eef2f7}.header-crop-head h3{margin:2px 0 3px}.header-crop-head p{margin:0;color:#64748b;font-size:12px}.header-crop-head>button{border:0;background:#f1f5f9;width:36px;height:36px;border-radius:10px;font-size:22px;cursor:pointer}.header-crop-stage{margin:18px auto 12px;width:calc(100% - 40px);height:280px;background-color:#d8d8d8;background-image:linear-gradient(45deg,#c8c8c8 25%,transparent 25%),linear-gradient(-45deg,#c8c8c8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c8c8c8 75%),linear-gradient(-45deg,transparent 75%,#c8c8c8 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border-radius:16px;overflow:hidden;position:relative;cursor:grab;touch-action:none;box-shadow:inset 0 0 0 1px #cbd5e1}.header-crop-stage.compact{height:190px}.header-crop-stage.free{height:330px}.header-crop-stage:active{cursor:grabbing}.header-crop-stage img{width:100%;height:100%;display:block;user-select:none;pointer-events:none;transform-origin:center;transition:transform .08s linear;will-change:transform}.header-crop-stage:after{content:"";position:absolute;inset:10px;border:1px dashed #ffffffcc;border-radius:12px;pointer-events:none;box-shadow:0 0 0 999px #00000012}.header-crop-toolbar{padding:0 20px 14px;display:grid;grid-template-columns:auto 1fr 180px;gap:12px;align-items:end}.crop-ratio-segment{display:flex;background:#f1f5f9;border:1px solid #dbe5f2;border-radius:11px;padding:3px}.crop-ratio-segment button{border:0;background:transparent;border-radius:8px;padding:8px 10px;font-weight:800;color:#64748b;cursor:pointer}.crop-ratio-segment button.active{background:#fff;color:#4f46e5;box-shadow:0 3px 10px #0f172a12}.header-crop-toolbar label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#334155}.header-crop-toolbar label output{font-weight:700;color:#64748b}.header-crop-actions{border-top:1px solid #eef2f7;padding:14px 20px 18px;display:flex;align-items:center;gap:8px}.header-crop-actions .muted{margin-right:auto;font-size:11px}
@media(max-width:720px){.block-picker-pro{width:100%;border-radius:22px 22px 0 0}.block-picker-body{grid-template-columns:1fr;min-height:0;max-height:70vh}.block-picker-categories{border-right:0;border-bottom:1px solid #eef2f7;flex-direction:row;overflow-x:auto;padding:8px 14px}.block-picker-categories button{white-space:nowrap}.block-picker-grid.rich{grid-template-columns:repeat(2,minmax(0,1fr))}.header-crop-modal{padding:0;align-items:end}.header-crop-card{width:100%;border-radius:22px 22px 0 0}.header-crop-stage{height:240px}.header-crop-toolbar{grid-template-columns:1fr}.header-crop-actions{flex-wrap:wrap}.header-crop-actions .muted{width:100%;order:-1}.simple-media-actions{grid-template-columns:1fr 1fr}}

/* ===== V3.17 Responsive Public Bio + Landing Showcase + Brand Icons ===== */
.brand-svg{display:block;width:1em;height:1em;overflow:visible}.brand-icon{display:inline-grid;place-items:center}.bio-icon.brand-icon{width:32px;height:32px}.bio-icon.brand-icon>.brand-icon,.bio-icon.brand-icon .brand-svg{width:26px;height:26px}.brand-mini{display:grid!important;place-items:center}.brand-mini .brand-svg{width:25px;height:25px}.icon-grid .brand-icon,.icon-grid .brand-icon .brand-svg{width:30px;height:30px}.icon-current-preview .brand-icon,.icon-library-open .brand-icon{width:28px;height:28px}.bio-socials{align-items:center}.bio-socials .bio-social-brand{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#ffffff18;border:1px solid #ffffff38}.bio-socials .bio-social-brand .brand-svg{width:22px;height:22px}.bio-socials .bio-social-brand>span{font-size:10px;font-weight:800}
.block-picker-grid.rich button[hidden]{display:none!important}.block-picker-categories button{display:flex;align-items:center;gap:6px}.block-picker-categories button em{margin-left:auto;min-width:23px;height:19px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:#f1f5f9;color:#64748b;font-size:9px;font-style:normal;font-weight:900}.block-picker-categories button.active em{background:#fff;color:#4f46e5;box-shadow:0 1px 4px #4f46e522}

/* Public Bio: mobile is edge-to-edge; tablet/desktop becomes a focused framed canvas. */
.bio-body{background:var(--bio-outer,#eef2f7);transition:background .25s ease}.public-mobile-qr{display:none}
@media(min-width:721px){
  .bio-body{padding:28px;box-sizing:border-box;background:radial-gradient(circle at 18% 8%,#ffffff70,transparent 34%),radial-gradient(circle at 84% 16%,#ffffff55,transparent 30%),var(--bio-outer,#eef2f7)}
  .bio-body>.bio-public.v33:not(.embedded){width:min(600px,calc(100vw - 56px));min-height:min(880px,calc(100vh - 56px));margin:0 auto;border-radius:30px;overflow:hidden;box-shadow:0 28px 80px #0f172a2e,0 0 0 1px #ffffff80;background-attachment:scroll}
  .bio-body>.bio-public.v33:not(.embedded) .bio-header:not(.header-contained){width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important}
  .bio-body>.bio-public.v33:not(.embedded) .bio-header:not(.header-contained) .bio-header-bg{border-radius:0!important}
  .bio-body>.bio-public.v33:not(.embedded) .bio-profile-below{width:100%;padding-inline:26px}
  .bio-body>.bio-public.v33:not(.embedded) .bio-inner.v33{width:100%;min-height:0;padding:18px 28px 34px}
  .bio-body>.bio-public.v33:not(.embedded) .public-blocks{width:100%}
}
@media(min-width:1100px){
  .public-mobile-qr{display:grid;position:fixed;right:28px;bottom:24px;z-index:20;gap:7px;justify-items:center;padding:12px;border-radius:16px;background:#ffffffd9;border:1px solid #ffffff;box-shadow:0 16px 44px #0f172a20;backdrop-filter:blur(14px);color:#334155;font:700 10px/1.2 system-ui,sans-serif}
  .public-mobile-qr canvas{width:92px;height:92px;border-radius:8px}
}
@media(max-width:720px){
  .bio-body{padding:0;background:var(--bio-outer,#eef2f7)}
  .bio-body>.bio-public.v33:not(.embedded){width:100%;min-height:100vh;margin:0;border-radius:0;box-shadow:none}
}

/* Landing Link-in-Bio theme carousel. */
.theme-showcase{transition:background .35s ease,border-color .35s ease}.theme-showcase .showcase-phone{transition:background .45s ease,color .35s ease,transform .35s ease}.theme-showcase .showcase-phone.theme-changing{animation:showcaseIn .45s ease}.theme-showcase .showcase-phone i{transition:background .35s ease,color .35s ease}.showcase-label{margin-top:11px;padding:7px 11px;border-radius:999px;background:#ffffffd9;border:1px solid #ddd6fe;color:#6d28d9;font-size:10px;font-weight:900;box-shadow:0 7px 22px #4f46e518}.showcase-dots{display:flex;gap:7px;align-items:center;margin-top:18px}.showcase-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#cbd5e1;cursor:pointer;transition:.2s}.showcase-dots button.active{width:25px;background:linear-gradient(90deg,var(--brand-primary,#2563eb),var(--brand-secondary,#8b5cf6))}@keyframes showcaseIn{0%{opacity:.55;transform:translateY(6px) scale(.985)}100%{opacity:1;transform:none}}@media(max-width:920px){.showcase-dots{justify-content:center}.bio-discovery-copy{text-align:center}.bio-discovery-copy .button-row{justify-content:center}}@media(prefers-reduced-motion:reduce){.theme-showcase .showcase-phone,.theme-showcase .showcase-phone.theme-changing{animation:none!important;transition:none!important}}

/* ===== V3.17 Editor UX + Power Ups + App Appearance ===== */
/* Application appearance (does NOT affect public Bio themes). */
.appearance-menu{padding:9px 10px;border-top:1px solid var(--line);margin-top:5px}.appearance-menu>small{display:block;margin-bottom:6px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.appearance-menu>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.appearance-menu button{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:8px;padding:6px 7px;font-size:9px;font-weight:800;cursor:pointer}.appearance-menu button.active{background:#eef2ff;border-color:#a5b4fc;color:#4338ca}
html[data-app-theme="dark"]{--ink:#e5edf9;--muted:#9aa8bd;--line:#273449;--bg:#0b1220;--card:#111a2a;--shadow:0 18px 60px rgba(0,0,0,.26);color-scheme:dark}
html[data-app-theme="dark"] body:not(.bio-body):not(.bio-lock-body):not(.bio-state-body){background:radial-gradient(circle at 85% 6%,#2b1748 0,transparent 25%),radial-gradient(circle at 8% 30%,#10294c 0,transparent 27%),var(--bg);color:var(--ink)}
html[data-app-theme="dark"] .topbar{background:#0e1726e8;border-color:#263246}html[data-app-theme="dark"] .brand,html[data-app-theme="dark"] .nav a{color:#d8e2f1}html[data-app-theme="dark"] .nav a:hover,html[data-app-theme="dark"] .nav a.active{background:#17243a;color:#8bb9ff}
html[data-app-theme="dark"] .shorten-card,html[data-app-theme="dark"] .panel,html[data-app-theme="dark"] .result-card,html[data-app-theme="dark"] .qr-customizer,html[data-app-theme="dark"] .table-card,html[data-app-theme="dark"] .auth-card,html[data-app-theme="dark"] .stat-grid article,html[data-app-theme="dark"] .feature-strip,html[data-app-theme="dark"] .tabs,html[data-app-theme="dark"] .empty,html[data-app-theme="dark"] .builder-structure,html[data-app-theme="dark"] .builder-inspector,html[data-app-theme="dark"] .builder-preview-pane,html[data-app-theme="dark"] .editor-experience-bar,html[data-app-theme="dark"] .builder-mode-nav,html[data-app-theme="dark"] .simple-card,html[data-app-theme="dark"] .style-card,html[data-app-theme="dark"] .availability-card,html[data-app-theme="dark"] .privacy-card{background:#111a2a;border-color:#273449;color:var(--ink)}
html[data-app-theme="dark"] input,html[data-app-theme="dark"] select,html[data-app-theme="dark"] textarea,html[data-app-theme="dark"] .prefix-input,html[data-app-theme="dark"] .visual-color-row{background:#0c1524;color:#e5edf9;border-color:#344158}html[data-app-theme="dark"] .prefix-input span{background:#131e30;border-color:#344158;color:#94a3b8}html[data-app-theme="dark"] input:focus,html[data-app-theme="dark"] select:focus,html[data-app-theme="dark"] textarea:focus{border-color:#5278ff;box-shadow:0 0 0 3px #3455b733}
html[data-app-theme="dark"] .btn.secondary,html[data-app-theme="dark"] .icon-btn,html[data-app-theme="dark"] .inspector-head-actions button,html[data-app-theme="dark"] .header-text-placement button,html[data-app-theme="dark"] .header-preset-grid button,html[data-app-theme="dark"] .theme-card-v33,html[data-app-theme="dark"] .block-picker-grid.rich button{background:#131e30;border-color:#344158;color:#d9e3f1}
html[data-app-theme="dark"] .table-card th{background:#0d1625;color:#94a3b8}html[data-app-theme="dark"] .table-card td{border-color:#202c3f}html[data-app-theme="dark"] .muted,html[data-app-theme="dark"] .hint{color:#94a3b8}html[data-app-theme="dark"] .footer{border-color:#273449}html[data-app-theme="dark"] .appearance-menu button{background:#0c1524;border-color:#344158;color:#a7b4c8}html[data-app-theme="dark"] .appearance-menu button.active{background:#25345d;color:#c7d2fe;border-color:#596fc8}
html[data-app-theme="dark"] .inspector-tabs,html[data-app-theme="dark"] .editor-experience-switch,html[data-app-theme="dark"] .fill-mode-segment{background:#0c1524;border-color:#273449}html[data-app-theme="dark"] .inspector-tabs button.active,html[data-app-theme="dark"] .editor-experience-switch button.active,html[data-app-theme="dark"] .fill-mode-segment button.active{background:#1a2740;color:#bfc9ff}
html[data-app-theme="dark"] .simple-design-section,html[data-app-theme="dark"] .powerup-card,html[data-app-theme="dark"] .identity-media-item{background:#0e1828;border-color:#29364c}html[data-app-theme="dark"] .quick-style-cards button,html[data-app-theme="dark"] .palette-cards button,html[data-app-theme="dark"] .button-look-cards button,html[data-app-theme="dark"] .background-look-cards button{background:#131e30;border-color:#344158;color:#dbe5f2}

/* Simple mode: visual, compact design controls. */
.visual-simple-design{display:grid;gap:12px}.simple-design-section{border:1px solid #e4eaf4;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcff);padding:15px;box-shadow:0 8px 22px #33415509}.simple-section-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.simple-section-head>span{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);display:grid;place-items:center;color:#6366f1;font-size:9px;font-weight:900}.simple-section-head h3{margin:0 0 2px;font-size:14px}.simple-section-head p{margin:0;color:#64748b;font-size:10.5px}.quick-style-cards,.button-look-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quick-style-cards button,.button-look-cards button,.palette-cards button,.background-look-cards button{border:1px solid #dbe5f2;background:#fff;border-radius:12px;padding:9px;min-height:72px;cursor:pointer;display:grid;align-content:center;justify-items:center;gap:6px;color:#334155;font-weight:800;transition:.16s}.quick-style-cards button:hover,.button-look-cards button:hover,.palette-cards button:hover,.background-look-cards button:hover{transform:translateY(-1px);border-color:#a5b4fc;box-shadow:0 8px 18px #4f46e514}.quick-style-cards .qs{width:100%;height:28px;border-radius:8px;display:block}.qs.minimal{background:linear-gradient(135deg,#fff,#eef2ff);border:1px solid #e2e8f0}.qs.soft{background:linear-gradient(135deg,#e0e7ff,#fae8ff)}.qs.dark{background:linear-gradient(135deg,#111827,#312e81)}.qs.auto{background:linear-gradient(135deg,#f5f3ff,#fff1f2);display:grid;place-items:center;color:#7c3aed;font-style:normal;font-size:15px}.palette-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.palette-cards button{min-height:76px}.palette-cards button>i{display:flex;width:100%;height:28px;border-radius:999px;overflow:hidden;border:1px solid #e2e8f0}.palette-cards button>i em{flex:1}.button-look-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.button-look-cards .look{display:block;width:100%;height:28px;border-radius:11px}.look.solid{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.look.outline{background:transparent;border:2px solid #6366f1}.look.glass{background:linear-gradient(135deg,#ffffffaa,#c4b5fd66);border:1px solid #fff;box-shadow:inset 0 0 0 1px #c7d2fe}.look.ghost{background:transparent;border:1px dashed #818cf8}.look.text{height:auto;font-style:normal;font-size:10px;color:#4f46e5}.background-look-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.background-look-cards button{min-height:54px;display:flex;align-items:center;justify-content:center;gap:7px}.simple-color-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.simple-color-row label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#475569}.simple-color-row input[type=color]{width:100%;height:38px}.simple-color-row select{min-height:38px;padding:7px 9px}

/* Power Ups: collapsed, scan-friendly per-link controls. */
.powerup-card{border:1px solid #e1e7f0;background:#fff;border-radius:13px;overflow:hidden}.powerup-head{width:100%;border:0;background:transparent;padding:11px 12px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer;color:inherit}.powerup-head>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef2ff;font-size:15px}.powerup-head>div{display:grid;gap:1px}.powerup-head b{font-size:12px}.powerup-head small{font-size:9.5px;color:#7b8799}.powerup-head>i{font-style:normal;color:#94a3b8;font-size:20px;transition:transform .16s}.powerup-head[aria-expanded="true"]>i{transform:rotate(90deg)}.powerup-detail{padding:0 12px 12px;border-top:1px solid #edf2f7}.powerup-detail[hidden]{display:none!important}.powerup-detail>.toggle-line{margin-top:10px}.bio-priority-badge{position:absolute;right:39px;top:7px;background:#111827;color:#fff;border-radius:999px;padding:3px 7px;font:800 8px/1 system-ui;font-style:normal}.bio-lock-mark{font-size:12px;opacity:.8}.bio-button.is-priority{min-height:66px;transform:scale(1.012);box-shadow:0 14px 32px #0000001c}.bio-button.is-priority:hover{transform:translateY(-2px) scale(1.012)}

/* Page availability / scheduled closure. */
.availability-card{border:1px solid #dbe5f2;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:14px;display:grid;gap:11px}.availability-head h3{margin:3px 0}.availability-head p{margin:0;color:#64748b;font-size:10.5px}.availability-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:11px}.availability-modes button{border:0;background:transparent;border-radius:8px;padding:8px;font-size:10px;font-weight:850;color:#64748b;cursor:pointer}.availability-modes button.active{background:#fff;color:#4f46e5;box-shadow:0 3px 10px #0f172a10}.availability-card [data-availability-fields]{display:grid;gap:9px}.availability-card [data-availability-fields][hidden]{display:none!important}.bio-state-body{margin:0;min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#dbeafe,transparent 34%),radial-gradient(circle at 80% 8%,#fce7f3,transparent 30%),#f8fafc;color:#0f172a;font:15px/1.55 Inter,system-ui,sans-serif}.bio-state-card{width:min(460px,100%);background:#fff;border:1px solid #dbe5f2;border-radius:24px;padding:30px;text-align:center;box-shadow:0 28px 90px #0f172a24}.bio-state-card h1{margin:5px 0 8px;font-size:30px}.bio-state-card p{color:#64748b;margin:0 0 18px}.bio-state-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#fae8ff);font-size:24px}.bio-countdown{margin:0 0 18px;border:1px solid #c7d2fe;border-radius:12px;background:#eef2ff;color:#4338ca;padding:11px;font-weight:850}.bio-state-card>small{display:block;margin-top:12px;color:#94a3b8}

/* Header media clarity. */
.identity-media-grid{display:grid;gap:9px}.identity-media-item{display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:center;border:1px solid #e3e9f2;border-radius:14px;background:#fbfdff;padding:10px}.identity-media-preview{width:112px;height:84px;border-radius:11px;background:linear-gradient(45deg,#edf2f7 25%,transparent 25%),linear-gradient(-45deg,#edf2f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf2f7 75%),linear-gradient(-45deg,transparent 75%,#edf2f7 75%),#fff;background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;border:1px solid #dbe5f2;display:grid;place-items:center;overflow:hidden;color:#94a3b8;font-size:10px;font-weight:800}.identity-media-preview.avatar{width:84px;height:84px}.identity-media-preview img{width:100%;height:100%;object-fit:contain;padding:4px}.identity-media-preview.cover img{object-fit:cover;padding:0}.identity-media-copy{display:grid;gap:3px}.identity-media-copy>b{font-size:12px}.identity-media-copy>small{color:#64748b;font-size:9.5px;line-height:1.4}.identity-media-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.compact-actions{margin-top:10px}.profile-upload-row .avatar-current{width:88px;height:88px}.avatar-current img{object-fit:contain!important;padding:4px}

/* Header fill controls and hard layout safety. */
.header-color-card{background:linear-gradient(135deg,#fbfdff,#f7f7ff)}.header-fill-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.header-fill-options button{min-height:38px;border:1px solid #dbe5f2;background:#fff;border-radius:10px;color:#475569;font-weight:800;font-size:10px;cursor:pointer}.header-fill-options button.active{border-color:#818cf8;background:#eef2ff;color:#4338ca;box-shadow:0 0 0 2px #c7d2fe55 inset}.bio-header{height:min(var(--header-height,220px),300px);min-height:min(var(--header-height,220px),300px)}.bio-header.header-transparent{height:auto}.bio-header-bg{background-color:var(--header-bg);background-image:var(--header-bg);background-size:var(--header-fit,cover)!important;background-position:var(--header-x,50%) var(--header-y,50%)!important}.bio-header.header-full .bio-header-bg,.bio-header.header-compact .bio-header-bg,.bio-header.header-fade .bio-header-bg,.bio-header.header-wave .bio-header-bg,.bio-header.header-diagonal .bio-header-bg,.bio-header.header-split .bio-header-bg{display:block}

/* Keep 29: full browser background, constrained content/header; no outer framed card. */
.bio-body{padding:0!important;background:var(--bio-outer,#eef2f7)}
.bio-body>.bio-public.v33:not(.embedded){width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.bio-body>.bio-public.v33:not(.embedded) .bio-header{width:min(680px,calc(100% - 28px))!important;max-width:680px!important;margin:18px auto 0!important;border-radius:var(--header-radius)!important;overflow:hidden!important}
.bio-body>.bio-public.v33:not(.embedded) .bio-header.header-transparent{margin-top:0!important}
.bio-body>.bio-public.v33:not(.embedded) .bio-profile-below,.bio-body>.bio-public.v33:not(.embedded) .bio-inner.v33{width:min(680px,calc(100% - 28px))!important;max-width:680px!important;margin-left:auto!important;margin-right:auto!important}
.bio-body>.bio-public.v33:not(.embedded) .bio-inner.v33{padding:18px 0 34px!important;min-height:0!important}.bio-body>.bio-public.v33:not(.embedded) .public-blocks{width:100%}.bio-body>.bio-public.v33:not(.embedded) .bio-powered{text-align:center}.public-mobile-qr{position:fixed;right:24px;bottom:24px;z-index:15;padding:10px;background:#fffffff0;border:1px solid #dbe5f2;border-radius:15px;box-shadow:0 16px 42px #0f172a20;display:grid;gap:7px;place-items:center}.public-mobile-qr b{font-size:9px;color:#475569}.public-mobile-qr canvas{width:88px;height:88px}
@media(max-width:899px){.public-mobile-qr{display:none}.bio-body>.bio-public.v33:not(.embedded) .bio-header{width:min(620px,calc(100% - 24px))!important}.bio-body>.bio-public.v33:not(.embedded) .bio-profile-below,.bio-body>.bio-public.v33:not(.embedded) .bio-inner.v33{width:min(620px,calc(100% - 24px))!important}}
@media(max-width:720px){.bio-body>.bio-public.v33:not(.embedded) .bio-header:not(.header-contained){width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important}.bio-body>.bio-public.v33:not(.embedded) .bio-header.header-contained{width:calc(100% - 20px)!important;margin:10px auto 0!important}.bio-body>.bio-public.v33:not(.embedded) .bio-profile-below,.bio-body>.bio-public.v33:not(.embedded) .bio-inner.v33{width:100%!important;max-width:none!important;padding-left:18px!important;padding-right:18px!important}.bio-body>.bio-public.v33:not(.embedded) .bio-inner.v33{padding-top:14px!important}.bio-header{height:min(var(--header-height,200px),250px);min-height:min(var(--header-height,200px),250px)}}

/* Embedded preview should mirror header behavior without inheriting desktop public width rules. */
.bio-public.embedded .bio-header{width:100%;max-width:none;margin:0;border-radius:0;flex:none}.bio-public.embedded .bio-header.header-contained{width:calc(100% - 18px);margin:9px auto 0;border-radius:var(--header-radius)}.bio-public.embedded .bio-profile-below,.bio-public.embedded .bio-inner{width:100%;max-width:100%}.bio-public.embedded .bio-header-bg{inset:0}

/* Add Block Picker: more visual while staying compact. */
.block-picker{background:#0f172a73;backdrop-filter:blur(10px)}.block-picker-pro{width:min(940px,96vw);border:1px solid #ffffff99;box-shadow:0 34px 110px #0f172a50}.block-picker-pro .block-picker-head{background:linear-gradient(180deg,#fff,#fbfcff)}.block-picker-search{background:#fff;border-color:#d7e0ed;box-shadow:0 5px 18px #3341550a}.block-picker-categories{background:#fbfcff}.block-picker-categories button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px}.block-picker-categories button:after{content:attr(data-count);min-width:22px;height:22px;border-radius:999px;background:#eef2ff;color:#6366f1;display:grid;place-items:center;font-size:8px;font-weight:900}.block-picker-categories button.active{background:linear-gradient(135deg,#eef2ff,#f5f3ff);box-shadow:inset 3px 0 0 #6366f1}.block-picker-grid.rich{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.block-picker-grid.rich button{min-height:108px;border-radius:15px;position:relative;overflow:hidden}.block-picker-grid.rich button:after{content:"";position:absolute;inset:auto -20px -26px auto;width:70px;height:70px;border-radius:50%;background:#eef2ff88}.block-picker-grid.rich button i,.block-picker-grid.rich button b,.block-picker-grid.rich button small{position:relative;z-index:1}.block-picker-grid.rich button i{width:38px;height:38px;border-radius:12px}.block-picker-grid.rich button[data-block-cats*="learning"] i{background:#ecfdf5;color:#047857}.block-picker-grid.rich button[data-block-cats*="forms"] i{background:#fff7ed;color:#c2410c}.block-picker-grid.rich button[data-block-cats*="academic"] i{background:#f5f3ff;color:#6d28d9}.block-picker-grid.rich button[data-block-cats*="social"] i{background:#fdf2f8;color:#be185d}

@media(max-width:760px){.quick-style-cards,.button-look-cards{grid-template-columns:repeat(2,1fr)}.palette-cards{grid-template-columns:repeat(2,1fr)}.simple-color-row{grid-template-columns:1fr 1fr}.identity-media-item{grid-template-columns:86px 1fr}.identity-media-preview,.identity-media-preview.avatar{width:78px;height:78px}.header-fill-options{grid-template-columns:repeat(2,1fr)}.block-picker-pro{width:100%}.block-picker-grid.rich{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.simple-color-row{grid-template-columns:1fr}.block-picker-grid.rich{grid-template-columns:1fr 1fr}.block-picker-grid.rich button{min-height:98px;padding:11px}.identity-media-item{grid-template-columns:1fr}.identity-media-preview,.identity-media-preview.avatar{width:100%;height:96px}}
.bio-header:after{content:"";position:absolute;inset:0;z-index:1;background:var(--header-overlay,#000);opacity:var(--header-overlay-opacity,0);pointer-events:none}.bio-header .bio-profile-wrap{position:relative;z-index:2}
.block-picker-categories button:after{display:none!important}.block-picker-categories button em{font-style:normal;min-width:22px;height:22px;border-radius:999px;background:#eef2ff;color:#6366f1;display:grid;place-items:center;font-size:8px;font-weight:900}.advanced-profile-media{border:1px solid #e3e9f2;border-radius:14px;background:#fbfdff;padding:10px;margin-bottom:9px}.profile-upload-copy{display:grid;gap:3px;min-width:0}.profile-upload-copy>b{font-size:12px}.profile-upload-copy>small{font-size:9.5px;color:#64748b}.profile-upload-actions{margin-top:5px}
html[data-app-theme="dark"] .advanced-profile-media{background:#0e1828;border-color:#29364c}html[data-app-theme="dark"] .profile-upload-copy>small{color:#94a3b8}
html[data-app-theme="dark"] .account-menu>summary,html[data-app-theme="dark"] .account-dropdown{background:#111a2a;border-color:#273449;color:#dbe5f2}html[data-app-theme="dark"] .account-dropdown a,html[data-app-theme="dark"] .account-dropdown button{color:#d0d9e7}html[data-app-theme="dark"] .account-dropdown a:hover,html[data-app-theme="dark"] .account-dropdown a.active,html[data-app-theme="dark"] .account-dropdown button:hover{background:#17243a;color:#9ec5ff}

/* ===== V3.18 Simple UX, Crop XY, Template QA, Header Frame, Typography ===== */
/* Keep 46: three primary Simple menus. Header/Templates remain detail subpanels opened from Tampilan. */
.bio-editor-page[data-editor-ui="simple"] .builder-mode-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px}
.bio-editor-page[data-editor-ui="simple"] .builder-mode-nav [data-simple-subnav]{display:none!important}
.bio-editor-page[data-editor-ui="simple"] .builder-mode-nav [data-builder-mode-btn="preview"]{display:none!important}
.bio-editor-page[data-editor-ui="simple"] .builder-mode-nav button{min-height:42px;border-radius:11px;font-size:12.5px}
.bio-editor-page[data-editor-ui="simple"] .editor-top-actions [data-simple-hide-action]{display:none!important}
.bio-editor-page[data-editor-ui="simple"] .editor-top-actions{gap:7px;align-items:center}
.bio-editor-page[data-editor-ui="simple"] .editor-top-actions .autosave-status{margin-right:2px}
.bio-editor-page[data-editor-ui="simple"] .editor-top-actions .btn{min-height:39px;padding:9px 13px}
.simple-back-appearance{display:none;align-items:center;gap:7px;width:max-content;margin:0 0 12px;border:1px solid #dbe5f2;background:#fff;color:#475569;border-radius:10px;padding:8px 12px;font-weight:850;cursor:pointer}
.bio-editor-page[data-editor-ui="simple"].simple-subpanel-open .simple-back-appearance{display:inline-flex}
.bio-editor-page[data-editor-ui="advanced"] .simple-back-appearance{display:none!important}

/* Keep 43: text guides the eye; swatches are supporting preview, not the main hierarchy. */
.bio-editor-page[data-editor-ui="simple"] .visual-simple-design{gap:14px}
.bio-editor-page[data-editor-ui="simple"] .simple-design-section{padding:17px;border-radius:17px;border-color:#e2e8f0;box-shadow:0 6px 20px #0f172a07}
.bio-editor-page[data-editor-ui="simple"] .simple-section-head{gap:11px;margin-bottom:13px;align-items:center}
.bio-editor-page[data-editor-ui="simple"] .simple-section-head>span{width:27px;height:27px;border-radius:9px;font-size:9px;flex:none}
.bio-editor-page[data-editor-ui="simple"] .simple-section-head h3{font-size:18px;line-height:1.2;font-weight:850;letter-spacing:-.015em;color:#172033}
.bio-editor-page[data-editor-ui="simple"] .simple-section-head p{font-size:12.5px;line-height:1.45;color:#718096;margin-top:3px}
.bio-editor-page[data-editor-ui="simple"] .quick-style-cards button,.bio-editor-page[data-editor-ui="simple"] .button-look-cards button,.bio-editor-page[data-editor-ui="simple"] .palette-cards button{min-height:64px;padding:8px 10px}
.bio-editor-page[data-editor-ui="simple"] .quick-style-cards .qs,.bio-editor-page[data-editor-ui="simple"] .button-look-cards .look{height:22px}
.bio-editor-page[data-editor-ui="simple"] .palette-cards button>i{height:23px}
.bio-editor-page[data-editor-ui="simple"] .quick-style-cards button b,.bio-editor-page[data-editor-ui="simple"] .button-look-cards button b,.bio-editor-page[data-editor-ui="simple"] .palette-cards button b{font-size:12.5px}
.bio-editor-page[data-editor-ui="simple"] .simple-color-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.bio-editor-page[data-editor-ui="simple"] .simple-color-row label{font-size:11.5px;gap:6px}
.bio-editor-page[data-editor-ui="simple"] .simple-color-row input[type="color"]{height:34px;border-radius:10px;padding:3px}

/* Keep 44: visual font library. */
.simple-font-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.simple-font-cards button{border:1px solid #dbe5f2;background:#fff;border-radius:13px;min-height:78px;padding:10px;display:grid;align-content:center;justify-items:start;gap:3px;text-align:left;color:#334155;cursor:pointer;transition:.16s}
.simple-font-cards button b{font-size:16px;line-height:1.15;font-weight:750}
.simple-font-cards button small{font:600 10px/1.3 Inter,system-ui,sans-serif;color:#7b8799}
.simple-font-cards button:hover{transform:translateY(-1px);border-color:#a5b4fc;box-shadow:0 9px 22px #4f46e512}
.simple-font-cards button.active{border-color:#6366f1;background:linear-gradient(135deg,#eef2ff,#faf5ff);box-shadow:inset 0 0 0 2px #c7d2fe66}

/* Keep 45: Auto Enhance, color suggestions and session Undo/Redo. */
.enhance-actions{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:8px}
.enhance-actions button,.simple-history-actions button{border:1px solid #dbe5f2;background:#fff;color:#475569;border-radius:11px;min-height:42px;padding:9px 11px;font-weight:850;cursor:pointer}
.enhance-actions button:hover,.simple-history-actions button:hover:not(:disabled){border-color:#a5b4fc;background:#f8faff;color:#4338ca}
.enhance-actions .enhance-primary{background:linear-gradient(135deg,#4f46e5,#9333ea);border-color:transparent;color:#fff;box-shadow:0 8px 20px #6d28d926}
.simple-history-actions{margin-top:9px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.simple-history-actions button{min-height:34px;padding:6px 11px}
.simple-history-actions button:disabled{opacity:.4;cursor:not-allowed}
.simple-history-actions span{font-size:10.5px;color:#8793a5;margin-left:3px}
.simple-shortcut-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.simple-shortcut-cards button{border:1px solid #dbe5f2;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:13px;min-height:76px;padding:11px 13px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;color:#334155;cursor:pointer}
.simple-shortcut-cards button>span{grid-row:1/3;width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5;font-weight:900}
.simple-shortcut-cards button>b{font-size:13px;align-self:end}.simple-shortcut-cards button>small{font-size:10px;color:#7b8799;align-self:start}
.simple-shortcut-cards button:hover{border-color:#a5b4fc;box-shadow:0 9px 22px #4f46e510}

/* Keep 42: optional header PNG frame. A visual ring is used so frame never changes header geometry. */
.bio-header.header-framed{--frame-c:var(--header-frame-color,#ffffff66);--frame-w:var(--header-frame-width,1px);--frame-r:var(--header-frame-radius,24px)}
.bio-header.header-framed .bio-header-bg:before{content:"";position:absolute;inset:var(--header-frame-padding,10px);border-radius:var(--frame-r);pointer-events:none;z-index:3}
.bio-header.header-framed.frame-outline .bio-header-bg:before{border:var(--frame-w) solid var(--frame-c)}
.bio-header.header-framed.frame-glow .bio-header-bg:before{border:var(--frame-w) solid var(--frame-c);box-shadow:0 0 0 1px #fff1 inset,0 0 18px color-mix(in srgb,var(--frame-c) 70%,transparent),0 0 38px color-mix(in srgb,var(--frame-c) 30%,transparent)}
.bio-header.header-framed.frame-glass .bio-header-bg:before{border:var(--frame-w) solid var(--frame-c);background:#ffffff0d;box-shadow:inset 0 1px 0 #ffffff45,inset 0 0 18px #ffffff10;backdrop-filter:blur(2px)}
.bio-header.header-framed.frame-accent .bio-header-bg:before{border:1px solid color-mix(in srgb,var(--frame-c) 50%,transparent);border-top:calc(var(--frame-w) + 2px) solid var(--frame-c);border-left:calc(var(--frame-w) + 1px) solid var(--frame-c);box-shadow:-5px -5px 18px color-mix(in srgb,var(--frame-c) 24%,transparent)}
.frame-style-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px}.frame-style-cards button{border:1px solid #dbe5f2;background:#fff;border-radius:10px;min-height:38px;color:#475569;font-weight:850;cursor:pointer}.frame-style-cards button.active{border-color:#6366f1;background:#eef2ff;color:#4338ca;box-shadow:inset 0 0 0 2px #c7d2fe66}.frame-enable-row{display:grid;gap:7px}

/* Keep 40: Crop header X/Y controls and visible panning in Contain. */
.header-crop-stage{touch-action:none;cursor:grab;user-select:none;overflow:hidden;position:relative}.header-crop-stage.is-dragging{cursor:grabbing}.header-crop-stage img{pointer-events:none;user-select:none;will-change:transform,object-position}.header-crop-stage.contain-mode img{object-fit:contain!important;object-position:center!important;transform:translate(var(--crop-shift-x,0%),var(--crop-shift-y,0%)) scale(var(--crop-zoom,1));transform-origin:center center}.header-crop-stage.cover-mode img{object-fit:cover!important;transform:scale(var(--crop-zoom,1));transform-origin:center center}.header-crop-toolbar{grid-template-columns:1.25fr 1fr 1fr!important;align-items:end}.header-crop-toolbar label{min-width:0}.header-crop-toolbar input[type="range"]{width:100%}.header-crop-toolbar output{display:inline-block;min-width:38px;margin-left:5px;color:#64748b;font-size:10px}.header-crop-footer{gap:8px;flex-wrap:wrap}.header-crop-footer [data-header-crop-center]{margin-left:auto}

/* Keep 41: every gallery card gets a legible miniature, including white themes. */
.theme-gallery-v33{gap:11px}
.theme-card-v33{background:#fff;border:1px solid #dbe5f2;border-radius:15px;overflow:hidden;box-shadow:0 4px 16px #0f172a08;transition:.18s}
.theme-card-v33:hover{transform:translateY(-2px);border-color:#a5b4fc;box-shadow:0 12px 28px #4f46e515}
.theme-card-v33 .theme-scene{position:relative;min-height:150px;display:block;overflow:hidden;isolation:isolate;border-bottom:1px solid #e5eaf2;background-color:#f8fafc!important;background-clip:padding-box}
.theme-card-v33 .theme-scene:before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,currentColor 18%,#cbd5e1);border-radius:11px;z-index:0;opacity:.65}
.theme-card-v33 .scene-header{position:absolute;left:10px;right:10px;top:10px;height:34px;border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,currentColor 14%,#ffffff),color-mix(in srgb,currentColor 7%,#eef2ff));border:1px solid color-mix(in srgb,currentColor 13%,#dbe5f2)}
.theme-card-v33 .scene-profile{position:absolute;left:20px;top:52px;width:23px;height:23px;border-radius:50%;background:color-mix(in srgb,currentColor 22%,#ffffff);border:2px solid #ffffffaa;box-shadow:0 2px 8px #0001}
.theme-card-v33 .scene-buttons{position:absolute;left:52px;right:18px;top:54px;display:grid;gap:7px}.theme-card-v33 .scene-buttons i{display:block;height:21px;border-radius:8px;background:color-mix(in srgb,currentColor 10%,#ffffff);border:1px solid color-mix(in srgb,currentColor 22%,#dbe5f2);box-shadow:0 2px 7px #0000000a}.theme-card-v33 .theme-scene>b{position:absolute;left:18px;right:18px;bottom:25px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 #fff8}.theme-card-v33 .theme-scene>small{position:absolute;left:18px;right:18px;bottom:10px;font-size:8.5px;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-card-v33>span:last-child{display:block;padding:8px 10px;font-size:9px;font-weight:850;color:#64748b;background:#fff}.theme-card-v33[aria-pressed="true"]{border-color:#6366f1;box-shadow:0 0 0 2px #c7d2fe,0 12px 28px #4f46e516}
/* explicit fallback keeps near-white themes visible */
.theme-card-v33 .theme-scene[style*="#fff"],.theme-card-v33 .theme-scene[style*="#ffffff"],.theme-card-v33 .theme-scene[style*="rgb(255"]{box-shadow:inset 0 0 0 1px #e2e8f0;background-color:#fff!important}

/* Keep 46: make Publication a compact information architecture, not an admin form wall. */
.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .inspector-head{margin-bottom:10px}
.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .settings-stack{gap:11px}
.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .settings-stack>label,.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .privacy-card,.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .availability-card,.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .publish-help{border:1px solid #e2e8f0;border-radius:15px;background:#fff;padding:13px 14px;box-shadow:0 5px 16px #0f172a06}
.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .settings-stack>label{display:grid;gap:7px;font-size:12px;font-weight:850;color:#334155}
.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] input,.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] textarea{background:#fbfdff}
.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .privacy-head h3,.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .availability-head h3{font-size:17px;margin:3px 0}
.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .privacy-head p,.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .availability-head p{font-size:11px;line-height:1.45}
.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .availability-modes{max-width:520px}

/* dark app theme for V3.18 surfaces */
html[data-app-theme="dark"] .simple-font-cards button,html[data-app-theme="dark"] .enhance-actions button,html[data-app-theme="dark"] .simple-history-actions button,html[data-app-theme="dark"] .simple-shortcut-cards button,html[data-app-theme="dark"] .frame-style-cards button,html[data-app-theme="dark"] .simple-back-appearance{background:#111d2f;border-color:#314056;color:#dbe5f2}
html[data-app-theme="dark"] .simple-font-cards button small,html[data-app-theme="dark"] .simple-shortcut-cards button small,html[data-app-theme="dark"] .simple-history-actions span{color:#91a0b6}
html[data-app-theme="dark"] .simple-font-cards button.active,html[data-app-theme="dark"] .frame-style-cards button.active{background:#1c2941;border-color:#818cf8;color:#c7d2fe}
html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] .simple-section-head h3{color:#e8eef8}
html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .settings-stack>label,html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .privacy-card,html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .availability-card,html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .publish-help{background:#0f1a2b;border-color:#2b394f;color:#dbe5f2}
html[data-app-theme="dark"] .theme-card-v33,html[data-app-theme="dark"] .theme-card-v33>span:last-child{background:#111d2f;border-color:#314056;color:#cbd5e1}

@media(max-width:980px){
  .simple-font-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .enhance-actions{grid-template-columns:1fr 1fr}
  .header-crop-toolbar{grid-template-columns:1fr 1fr!important}
  .bio-editor-page[data-editor-ui="simple"] .editor-top-actions .autosave-status{display:none}
}
@media(max-width:760px){
  .bio-editor-page[data-editor-ui="simple"] .builder-mode-nav{position:sticky;bottom:8px;z-index:24;box-shadow:0 14px 38px #0f172a2b;border-radius:15px}
  .bio-editor-page[data-editor-ui="simple"] .builder-mode-nav button{font-size:11.5px;padding-inline:6px}
  .bio-editor-page[data-editor-ui="simple"] .simple-section-head h3{font-size:16px}
  .simple-font-cards{grid-template-columns:repeat(2,1fr)}
  .simple-shortcut-cards{grid-template-columns:1fr}
  .frame-style-cards{grid-template-columns:repeat(2,1fr)}
  .header-crop-toolbar{grid-template-columns:1fr!important}
  .header-crop-footer [data-header-crop-center]{margin-left:0}
}
@media(max-width:470px){
  .enhance-actions{grid-template-columns:1fr}
  .simple-font-cards{grid-template-columns:1fr 1fr}
  .bio-editor-page[data-editor-ui="simple"] .simple-color-row{grid-template-columns:1fr}
}
/* V3.18 focal-point parity: Contain uses translation so X/Y remains meaningful for transparent PNG headers. */
.bio-header.header-fit-contain .bio-header-bg{background-position:center!important;transform:translate(var(--header-shift-x,0%),var(--header-shift-y,0%)) scale(var(--header-zoom,1))!important;transform-origin:center center!important}
.bio-header.header-fit-cover .bio-header-bg{transform:scale(var(--header-zoom,1))!important;transform-origin:var(--header-x,50%) var(--header-y,50%)!important}

/* ===== V3.19 Friendly Simple Editor Reorganization ===== */
.bio-editor-page[data-editor-ui="simple"] .mode-panel[data-mode-panel="style"]>.inspector-head{margin-bottom:12px}
.bio-editor-page[data-editor-ui="simple"] .friendly-simple-appearance{gap:12px}
.friendly-command-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 17px;border:1px solid #dbe5f2;border-radius:18px;background:linear-gradient(135deg,#fff,#f8faff);box-shadow:0 8px 24px #0f172a08}
.friendly-command-bar h3{margin:3px 0 3px;font-size:20px;letter-spacing:-.02em;color:#172033}.friendly-command-bar p{margin:0;color:#64748b;font-size:12px;line-height:1.45}.friendly-command-actions{display:flex;align-items:center;gap:7px;flex:none}.friendly-command-actions button{border:1px solid #dbe5f2;background:#fff;border-radius:11px;min-height:38px;padding:8px 11px;font-weight:850;color:#475569;cursor:pointer}.friendly-command-actions .enhance-primary{border:0;background:linear-gradient(135deg,var(--brand-primary,#4f46e5),var(--brand-secondary,#8b5cf6));color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--brand-primary,#4f46e5) 28%,transparent)}
.bio-editor-page[data-editor-ui="simple"] .friendly-simple-appearance .simple-design-section{padding:15px 16px;border-radius:18px;background:#fff;border:1px solid #e1e8f2;box-shadow:0 6px 18px #0f172a06}
.bio-editor-page[data-editor-ui="simple"] .friendly-simple-appearance .simple-section-head{margin-bottom:11px}.bio-editor-page[data-editor-ui="simple"] .friendly-simple-appearance .simple-section-head h3{font-size:17px}.bio-editor-page[data-editor-ui="simple"] .friendly-simple-appearance .simple-section-head p{font-size:11.5px}
.friendly-media-row{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}.friendly-media-tile{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid #e2e8f0;border-radius:14px;background:#fbfdff;min-width:0}.friendly-media-tile.cover{grid-template-columns:110px minmax(0,1fr) auto}.friendly-media-preview{display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#eef2ff,#f8fafc);border:1px solid #dbe5f2;color:#64748b;font-size:10px;font-weight:800}.friendly-media-preview.avatar{width:58px;height:58px;border-radius:14px}.friendly-media-preview.cover{width:106px;height:58px;border-radius:10px}.friendly-media-preview img{width:100%;height:100%;object-fit:contain}.friendly-media-tile>div:nth-child(2){display:grid;min-width:0}.friendly-media-tile b{font-size:12.5px;color:#1e293b}.friendly-media-tile small{font-size:10px;color:#7b8aa0}.friendly-media-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.friendly-media-actions button{border:1px solid #dbe5f2;background:#fff;color:#475569;border-radius:9px;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer}.friendly-media-actions button:hover{border-color:#a5b4fc;background:#f5f3ff;color:#4f46e5}
.friendly-choice-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px}.friendly-choice-row button{border:1px solid #dbe5f2;background:#fff;border-radius:12px;padding:7px;display:grid;gap:5px;cursor:pointer;color:#475569}.friendly-choice-row button b{font-size:10px}.friendly-choice-row .header-mini{height:30px}.friendly-choice-row button.active{border-color:#6366f1;background:#f5f3ff;color:#4338ca;box-shadow:0 0 0 2px #e0e7ff}
.friendly-inline-settings{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-top:10px}.friendly-inline-settings.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.friendly-inline-settings label{display:grid;gap:5px;font-size:10.5px;font-weight:800;color:#475569}.friendly-inline-settings select,.friendly-inline-settings input[type="color"]{min-height:38px;border:1px solid #dbe5f2;border-radius:10px;background:#fff}.friendly-inline-settings select{padding:8px 10px}.friendly-inline-settings input[type="color"]{width:100%;padding:3px}.friendly-toggle{display:flex!important;align-items:center!important;gap:8px!important;min-height:38px;padding:8px 10px;border:1px solid #dbe5f2;border-radius:10px;background:#fbfdff;white-space:nowrap}.friendly-toggle input{width:16px;height:16px}.friendly-toggle span{font-size:10.5px}
.friendly-details{margin-top:9px;border:1px solid #e8edf5;border-radius:12px;background:#fbfdff;overflow:hidden}.friendly-details summary{cursor:pointer;padding:10px 12px;font-size:11px;font-weight:850;color:#53647a;list-style:none}.friendly-details summary::-webkit-details-marker{display:none}.friendly-details[open] summary{border-bottom:1px solid #e8edf5}.friendly-details>div{padding:10px}
.enhance-suggestions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px}.enhance-suggestions button{border:1px solid #dbe5f2;background:#fff;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800;color:#526075;cursor:pointer}.enhance-suggestions small{color:#94a3b8;font-size:9.5px;margin-left:auto}.friendly-fonts{grid-template-columns:repeat(6,minmax(0,1fr))}.friendly-fonts button{min-height:58px}.friendly-fonts button b{font-size:13px}.friendly-fonts button small{font-size:9px}
.friendly-bg-cards{grid-template-columns:repeat(3,1fr)}

/* Tema selalu dekat preview; galeri lengkap dibuka seperti modal, bukan terselip di bawah editor. */
.quick-theme-dock{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;margin-bottom:8px;border:1px solid #dbe5f2;border-radius:13px;background:linear-gradient(135deg,#fff,#f8faff);box-shadow:0 5px 16px #0f172a08;flex:none}.quick-theme-copy{display:grid;min-width:0}.quick-theme-copy span{font-size:8px;letter-spacing:.16em;font-weight:900;color:#8b5cf6}.quick-theme-copy b{font-size:11.5px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.quick-theme-actions{display:flex;gap:4px;align-items:center}.quick-theme-actions button{border:1px solid #dbe5f2;background:#fff;border-radius:9px;min-height:30px;padding:5px 9px;font-weight:850;color:#526075;cursor:pointer}.quick-theme-actions button:not(.quick-theme-open){width:31px;padding:0;font-size:18px}.quick-theme-actions .quick-theme-open{color:#4f46e5;background:#f5f3ff;border-color:#c7d2fe;font-size:9.5px}
.bio-editor-page[data-editor-ui="simple"] .builder-workspace[data-builder-mode="templates"] .builder-inspector{position:fixed;z-index:120;left:50%;top:7vh;transform:translateX(-50%);width:min(1120px,calc(100vw - 36px));height:min(86vh,820px);border-radius:22px;padding:20px;box-shadow:0 0 0 9999px #0f172a80,0 30px 90px #0f172a45;overflow:auto}.bio-editor-page[data-editor-ui="simple"] .builder-workspace[data-builder-mode="templates"] .mode-panel[data-mode-panel="templates"]{display:block}.bio-editor-page[data-editor-ui="simple"].simple-subpanel-open .simple-back-appearance{position:sticky;top:0;z-index:4;margin-bottom:10px;background:#fff;border:1px solid #dbe5f2;border-radius:10px;padding:8px 12px;color:#475569;font-weight:850}
.bio-editor-page[data-editor-ui="simple"] .mode-panel[data-mode-panel="templates"] .theme-gallery-v33{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bio-editor-page[data-editor-ui="simple"] .mode-panel[data-mode-panel="templates"] .theme-scene{height:145px}

/* Publikasi dibuat lebih tenang: setiap bagian terbaca sebagai kartu, bukan satu form panjang. */
.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"]>.inspector-head{padding:2px 2px 8px}.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"]>.inspector-head h2{font-size:21px}.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"]>.inspector-head p{font-size:11.5px}.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .settings-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .settings-stack>label:nth-child(3),.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .privacy-card,.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .availability-card,.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .publish-help{grid-column:1/-1}.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .settings-stack>label{padding:12px!important}.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .settings-stack>label:nth-child(4){grid-column:1/-1;background:linear-gradient(135deg,#fff,#f8faff)}.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .privacy-card,.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .availability-card{padding:14px 15px!important}.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .availability-fields,.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] [data-availability-fields]{margin-top:10px}

/* Header panel lama hanya untuk Advanced. Simple menggunakan Header & Logo langsung di Tampilan. */
.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="header"]{display:none!important}

html[data-app-theme="dark"] .friendly-command-bar,html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] .friendly-simple-appearance .simple-design-section,html[data-app-theme="dark"] .friendly-media-tile,html[data-app-theme="dark"] .quick-theme-dock,html[data-app-theme="dark"] .friendly-details{background:#111a2a;border-color:#2b394f;color:#dbe5f2}html[data-app-theme="dark"] .friendly-command-bar h3,html[data-app-theme="dark"] .friendly-media-tile b,html[data-app-theme="dark"] .quick-theme-copy b{color:#eef4ff}html[data-app-theme="dark"] .friendly-command-actions button,html[data-app-theme="dark"] .friendly-media-actions button,html[data-app-theme="dark"] .friendly-choice-row button,html[data-app-theme="dark"] .quick-theme-actions button,html[data-app-theme="dark"] .friendly-toggle{background:#162235;border-color:#33445d;color:#dbe5f2}

@media(max-width:1180px){.friendly-fonts{grid-template-columns:repeat(3,minmax(0,1fr))}.bio-editor-page[data-editor-ui="simple"] .mode-panel[data-mode-panel="templates"] .theme-gallery-v33{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.friendly-command-bar{align-items:flex-start}.friendly-command-actions{flex-wrap:wrap;justify-content:flex-end}.friendly-media-row{grid-template-columns:1fr}.friendly-media-tile,.friendly-media-tile.cover{grid-template-columns:62px minmax(0,1fr)}.friendly-media-tile.cover .friendly-media-preview.cover{width:58px}.friendly-media-actions{grid-column:1/-1;justify-content:flex-start}.friendly-choice-row{grid-template-columns:repeat(3,1fr)}.friendly-inline-settings,.friendly-inline-settings.detail-grid{grid-template-columns:1fr}.friendly-fonts{grid-template-columns:repeat(2,minmax(0,1fr))}.bio-editor-page[data-editor-ui="simple"] .builder-workspace[data-builder-mode="templates"] .builder-inspector{left:8px;right:8px;top:72px;bottom:8px;width:auto;height:auto;transform:none;border-radius:20px}.bio-editor-page[data-editor-ui="simple"] .mode-panel[data-mode-panel="templates"] .theme-gallery-v33{grid-template-columns:repeat(2,minmax(0,1fr))}.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .settings-stack{grid-template-columns:1fr}.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="settings"] .settings-stack>*{grid-column:1!important}.quick-theme-dock{margin-bottom:6px}}
/* Simple block editing stays in one place: Isi | Tampilan | Power Ups. */
.bio-editor-page[data-editor-ui="simple"] .inspector-tabs [data-inspector-tab="style"],.bio-editor-page[data-editor-ui="simple"] .inspector-tabs [data-inspector-tab="advanced"]{display:block!important}.bio-editor-page[data-editor-ui="simple"] .inspector-tabs [data-inspector-tab="content"]{flex:1}.bio-editor-page[data-editor-ui="simple"] .inspector-tabs{grid-template-columns:repeat(3,1fr)}

/* ===== V3.20 Object-based Friendly Simple Editor ===== */
.bio-editor-page[data-editor-ui="simple"]{--simple-accent:#6366f1}
.bio-editor-page[data-editor-ui="simple"] .editor-experience-bar{padding:8px 10px;min-height:auto;border-radius:13px;background:transparent;border-color:#e8edf5;box-shadow:none}
.bio-editor-page[data-editor-ui="simple"] .editor-experience-bar>div:first-child{display:none}
.bio-editor-page[data-editor-ui="simple"] .editor-experience-switch{margin-left:auto;padding:3px;border-radius:10px;background:#f4f6fa}
.bio-editor-page[data-editor-ui="simple"] .editor-experience-switch button{min-height:30px;padding:5px 11px;font-size:10px;border-radius:8px}

.bio-editor-page[data-editor-ui="simple"] .simple-object-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;border-radius:16px;background:#f5f7fb;border:1px solid #e5eaf2;box-shadow:none}
.bio-editor-page[data-editor-ui="simple"] .simple-object-nav button{border:0!important;background:transparent!important;color:#64748b!important;border-radius:11px!important;min-height:42px;padding:8px 10px!important;font-size:11px!important;font-weight:850!important;box-shadow:none!important;white-space:nowrap}
.bio-editor-page[data-editor-ui="simple"] .simple-object-nav button.active{background:#fff!important;color:#4338ca!important;box-shadow:0 5px 16px #4f46e515!important}
.bio-editor-page[data-editor-ui="simple"] .simple-object-nav .mobile-preview-tab{display:none}

/* Satu objek per layar. Tidak ada lagi card bertingkat yang semuanya terbuka sekaligus. */
.bio-editor-page[data-editor-ui="simple"][data-simple-object] .friendly-simple-appearance>.simple-design-section{display:none}
.bio-editor-page[data-editor-ui="simple"][data-simple-object="header"] .friendly-simple-appearance>.friendly-header-section,
.bio-editor-page[data-editor-ui="simple"][data-simple-object="header"] .friendly-simple-appearance>.typography-simple-section{display:block}
.bio-editor-page[data-editor-ui="simple"][data-simple-object="background"] .friendly-simple-appearance>.friendly-color-section,
.bio-editor-page[data-editor-ui="simple"][data-simple-object="background"] .friendly-simple-appearance>.friendly-background-section{display:block}
.bio-editor-page[data-editor-ui="simple"] .friendly-simple-appearance>.friendly-command-bar{display:none}
.bio-editor-page[data-editor-ui="simple"][data-simple-object="background"] .friendly-simple-appearance>.friendly-command-bar{display:flex}

.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="style"]>.inspector-head{padding:4px 2px 15px;margin-bottom:4px;border-bottom:1px solid #edf1f6}
.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="style"]>.inspector-head .eyebrow{font-size:8.5px;letter-spacing:.16em}
.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="style"]>.inspector-head h2{font-size:22px;letter-spacing:-.025em;margin-top:3px}
.bio-editor-page[data-editor-ui="simple"] [data-mode-panel="style"]>.inspector-head p{font-size:11.5px;max-width:560px;color:#7b8799}
.bio-editor-page[data-editor-ui="simple"] .friendly-simple-appearance{gap:0}
.bio-editor-page[data-editor-ui="simple"] .friendly-simple-appearance>.simple-design-section{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:18px 2px!important;margin:0!important}
.bio-editor-page[data-editor-ui="simple"] .friendly-simple-appearance>.simple-design-section+.simple-design-section{border-top:1px solid #edf1f6!important}
.bio-editor-page[data-editor-ui="simple"] .simple-section-head>span{background:#eef2ff;color:#4f46e5;width:24px;height:24px;border-radius:8px}
.bio-editor-page[data-editor-ui="simple"] .simple-section-head h3{font-size:17px}
.bio-editor-page[data-editor-ui="simple"] .simple-section-head p{font-size:11px;max-width:520px}

/* Quick theme benar-benar bagian dari preview, bukan navigasi utama. */
.bio-editor-page[data-editor-ui="simple"] .quick-theme-dock{border-radius:15px;padding:10px 11px;background:linear-gradient(135deg,#ffffff,#f8f7ff);border-color:#e2e5f2;box-shadow:0 8px 24px #4f46e50b}
.bio-editor-page[data-editor-ui="simple"] .quick-theme-copy span{font-size:8px;color:#8b5cf6}
.bio-editor-page[data-editor-ui="simple"] .quick-theme-copy b{font-size:12px;max-width:170px}
.bio-editor-page[data-editor-ui="simple"] .quick-theme-copy small{display:block;font-size:8.5px;color:#94a3b8;margin-top:1px;white-space:nowrap}

/* Preview menjadi navigator visual: klik Header, tombol, atau background. */
.bio-editor-page[data-editor-ui="simple"] [data-live-bio]{cursor:pointer}
.bio-editor-page[data-editor-ui="simple"] [data-live-header],
.bio-editor-page[data-editor-ui="simple"] [data-live-profile-below],
.bio-editor-page[data-editor-ui="simple"] [data-preview-index]{position:relative;cursor:pointer;transition:outline-color .15s,box-shadow .15s}
.bio-editor-page[data-editor-ui="simple"] [data-live-header]:hover,
.bio-editor-page[data-editor-ui="simple"] [data-live-profile-below]:hover{outline:2px solid #818cf855;outline-offset:2px}
.bio-editor-page[data-editor-ui="simple"] [data-preview-index]:hover{outline:2px solid #818cf866;outline-offset:3px}

/* Lebih sedikit chrome, lebih banyak ruang kerja. */
.bio-editor-page[data-editor-ui="simple"] .builder-inspector{scrollbar-width:thin}
.bio-editor-page[data-editor-ui="simple"] .builder-preview-pane{position:sticky;top:74px;align-self:start}
.bio-editor-page[data-editor-ui="simple"] .friendly-details{border-color:#edf1f6;background:#fafbfe}
.bio-editor-page[data-editor-ui="simple"] .friendly-details summary{padding:9px 11px}

html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] .simple-object-nav{background:#0d1726;border-color:#27364c}
html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] .simple-object-nav button{color:#91a0b6!important}
html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] .simple-object-nav button.active{background:#18253a!important;color:#c7d2fe!important;box-shadow:none!important}
html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] [data-mode-panel="style"]>.inspector-head{border-color:#263449}
html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] .friendly-simple-appearance>.simple-design-section+.simple-design-section{border-color:#263449!important}
html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] .quick-theme-dock{background:#111a2a;border-color:#2b394f}

@media(max-width:920px){
  .bio-editor-page[data-editor-ui="simple"] .simple-object-nav{grid-template-columns:repeat(5,minmax(84px,1fr));overflow-x:auto;scrollbar-width:none;justify-content:start}
  .bio-editor-page[data-editor-ui="simple"] .simple-object-nav::-webkit-scrollbar{display:none}
  .bio-editor-page[data-editor-ui="simple"] .simple-object-nav button{min-width:84px}
  .bio-editor-page[data-editor-ui="simple"] .builder-preview-pane{position:static}
}
@media(max-width:640px){
  .bio-editor-page[data-editor-ui="simple"] .simple-object-nav{position:sticky;top:0;z-index:20;border-radius:13px;padding:5px;margin-inline:-2px}
  .bio-editor-page[data-editor-ui="simple"] .friendly-media-row{grid-template-columns:1fr}
  .bio-editor-page[data-editor-ui="simple"] .quick-theme-copy small{display:none}
}


/* V3.20.1 — Advanced editor aligned to object-based navigation */
.bio-editor-page[data-editor-ui="advanced"] .advanced-object-nav{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:6px;
  border-radius:16px;background:#f5f7fb;border:1px solid #e5eaf2;box-shadow:none
}
.bio-editor-page[data-editor-ui="advanced"] .advanced-object-nav button{
  border:0!important;background:transparent!important;color:#64748b!important;
  border-radius:11px!important;min-height:42px;padding:8px 10px!important;
  font-size:11.5px!important;font-weight:850!important;box-shadow:none!important;white-space:nowrap
}
.bio-editor-page[data-editor-ui="advanced"] .advanced-object-nav button:hover{background:#fff!important;color:#475569!important}
.bio-editor-page[data-editor-ui="advanced"] .advanced-object-nav button.active{
  background:#fff!important;color:#4338ca!important;box-shadow:0 5px 16px #4f46e515!important
}
.bio-editor-page[data-editor-ui="advanced"] .advanced-object-nav .mobile-preview-tab{display:none!important}
.advanced-object-head{padding-bottom:12px;border-bottom:1px solid #edf1f7;margin-bottom:14px}
.advanced-object-head h2{font-size:25px;letter-spacing:-.025em}
.advanced-object-head p{max-width:760px;font-size:12.5px;line-height:1.55}
.advanced-object-actions{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 12px;padding:10px 12px;border:1px solid #e4eaf3;border-radius:12px;background:#f8fafc;
  color:#64748b;font-size:11.5px
}
.advanced-object-actions>div{display:flex;align-items:center;gap:6px}
.advanced-object-actions button:not(.btn){
  border:1px solid #dbe3ef;background:#fff;color:#475569;border-radius:9px;padding:7px 10px;font-weight:850;cursor:pointer
}
.advanced-object-actions button:disabled{opacity:.42;cursor:not-allowed}
.advanced-object-groups{gap:10px}
.advanced-object-groups details{background:#fff}
.bio-editor-page[data-editor-ui="advanced"] [data-mode-panel="advanced-header"] .header-preset-grid{margin-bottom:12px}
.bio-editor-page[data-editor-ui="advanced"] [data-mode-panel="advanced-header"] .inspector-groups details,
.bio-editor-page[data-editor-ui="advanced"] [data-mode-panel="advanced-background"] .inspector-groups details{
  border-color:#e5eaf2;box-shadow:0 4px 16px #0f172a06
}
html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="advanced"] .advanced-object-nav{
  background:#0d1726;border-color:#27364c
}
html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="advanced"] .advanced-object-nav button{color:#91a0b6!important}
html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="advanced"] .advanced-object-nav button.active{
  background:#18253a!important;color:#c7d2fe!important;box-shadow:none!important
}
html[data-app-theme="dark"] .advanced-object-head{border-color:#273449}
html[data-app-theme="dark"] .advanced-object-actions{background:#111a2a;border-color:#273449;color:#91a0b6}
html[data-app-theme="dark"] .advanced-object-actions button:not(.btn){background:#18253a;border-color:#33445d;color:#cbd5e1}

@media(max-width:1100px){
  .bio-editor-page[data-editor-ui="advanced"] .advanced-object-nav{
    grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto;scrollbar-width:none
  }
  .bio-editor-page[data-editor-ui="advanced"] .advanced-object-nav::-webkit-scrollbar{display:none}
}
@media(max-width:960px){
  .bio-editor-page[data-editor-ui="advanced"] .advanced-object-nav .mobile-preview-tab{display:inline-flex!important;align-items:center;justify-content:center}
}
@media(max-width:720px){
  .bio-editor-page[data-editor-ui="advanced"] .advanced-object-nav{
    position:sticky;top:72px;z-index:42;display:flex;overflow-x:auto;padding:5px
  }
  .bio-editor-page[data-editor-ui="advanced"] .advanced-object-nav button{min-width:96px}
  .advanced-object-actions{align-items:flex-start;flex-direction:column}
}


/* V3.21 — Button fill visibility + Apply to All */
.apply-all-button-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 17px;border:1px solid #dbe4ff;border-radius:16px;background:linear-gradient(135deg,#f8faff,#f5f3ff)}
.apply-all-button-card>div{display:grid;gap:4px;min-width:0}.apply-all-button-card b{font-size:13px;color:#172033}.apply-all-button-card small{font-size:10.5px;line-height:1.5;color:#6f7d92;max-width:620px}.apply-all-button-card .btn{white-space:nowrap;min-height:38px}
.global-style-summary{border:1px solid #e4e9f2;background:#fbfcfe;border-radius:16px;padding:17px}.global-style-summary span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#6366f1;text-transform:uppercase}.global-style-summary>b{display:block;margin:5px 0 7px;font-size:15px}.global-style-summary p{font-size:11px;line-height:1.55;color:#718096;margin:0 0 12px}
html[data-app-theme="dark"] .apply-all-button-card{background:linear-gradient(135deg,#101827,#17152b);border-color:#303a5d}html[data-app-theme="dark"] .apply-all-button-card b{color:#edf2ff}html[data-app-theme="dark"] .apply-all-button-card small{color:#9aa8bd}
html[data-app-theme="dark"] .global-style-summary{background:#111a2a;border-color:#273449}html[data-app-theme="dark"] .global-style-summary>b{color:#e5e7eb}html[data-app-theme="dark"] .global-style-summary p{color:#91a0b6}
@media(max-width:720px){.apply-all-button-card{align-items:stretch;flex-direction:column}.apply-all-button-card .btn{width:100%}}


/* ===== V3.21.1 · Light theme contrast safety ===== */
/* Header images in `contain` mode are commonly transparent PNG logos. In that case
   the visible surface is the page theme, so Auto Contrast must use theme text colors
   instead of forcing white. Cover photos keep white text plus a defensive shadow. */
.bio-header[data-auto-contrast-mode="cover"] .bio-profile-copy h1{ text-shadow:0 2px 3px rgba(0,0,0,.78),0 0 18px rgba(0,0,0,.46)!important }
.bio-header[data-auto-contrast-mode="cover"] .bio-profile-copy .bio-username,
.bio-header[data-auto-contrast-mode="cover"] .bio-profile-copy .bio-description{ text-shadow:0 1px 3px rgba(0,0,0,.72),0 0 12px rgba(0,0,0,.38) }
/* Social chips and default secondary surfaces now derive from the active theme text,
   so Minimal/Academic light themes no longer render near-white controls on white. */
.bio-socials a,.bio-socials .bio-social-brand{color:var(--bio-text);border-color:color-mix(in srgb,var(--bio-text) 22%,transparent);background:color-mix(in srgb,var(--bio-text) 7%,transparent)}
.bio-powered a{color:var(--bio-muted)}

/* ===== V3.22 · Keep 57 First-time Friendly + collapsible Simple sections ===== */
.editor-experience-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.editor-guide-link{border:1px solid #e1e6f0;background:#fff;color:#6d5ce7;border-radius:10px;min-height:34px;padding:7px 11px;font-size:10.5px;font-weight:850;cursor:pointer;white-space:nowrap}
.editor-guide-link:hover{background:#f7f5ff;border-color:#cfc8ff}
.bio-editor-page[data-editor-ui="advanced"] .editor-guide-link{display:none}

.first-time-friendly{margin:10px 0 12px;padding:15px;border:1px solid #dddff5;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fbfaff 55%,#f7fbff 100%);box-shadow:0 10px 30px #5b4ce90b}
.first-time-friendly[hidden]{display:none!important}
.bio-editor-page[data-editor-ui="advanced"] .first-time-friendly{display:none!important}
.first-time-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.first-time-head h3{margin:3px 0 3px;font-size:18px;line-height:1.15;color:#172036;letter-spacing:-.02em}
.first-time-head p{margin:0;color:#758199;font-size:11px;max-width:650px}
.first-time-close{width:32px;height:32px;border:1px solid #e2e7f0;border-radius:10px;background:#fff;color:#718096;font-size:20px;line-height:1;cursor:pointer;flex:0 0 auto}
.first-time-close:hover{color:#4338ca;border-color:#c9c5ff;background:#faf9ff}
.first-time-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.first-time-steps>button{display:grid;grid-template-columns:30px minmax(0,1fr) 22px;align-items:center;gap:9px;text-align:left;border:1px solid #e5e9f2;border-radius:14px;background:#fff;padding:10px;min-width:0;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.first-time-steps>button:hover{border-color:#c9c6ff;box-shadow:0 8px 20px #4f46e510;transform:translateY(-1px)}
.first-time-steps i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eef0ff;color:#5145d9;font-size:11px;font-style:normal;font-weight:900}
.first-time-steps span{min-width:0;display:block}
.first-time-steps b{display:block;color:#263248;font-size:11.5px;line-height:1.25}
.first-time-steps small{display:block;color:#8a96aa;font-size:9px;line-height:1.35;margin-top:2px}
.first-time-steps em{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-style:normal;font-weight:900;color:#7c85a0;background:#f5f7fb}
.first-time-steps>button.is-done{border-color:#caead8;background:#fbfffc}
.first-time-steps>button.is-done i,.first-time-steps>button.is-done em{background:#e8f8ef;color:#16864a}
.first-time-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:9px;border-top:1px solid #eceef5;color:#8b95a6;font-size:9.5px}
.first-time-foot button{border:0;background:transparent;color:#6557d7;font-size:9.5px;font-weight:850;cursor:pointer;padding:3px 0}

/* Section Header/Font/Warna/Background dapat dilipat agar panel tidak panjang. */
.bio-editor-page[data-editor-ui="simple"] .simple-section-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;cursor:pointer;border-radius:10px;transition:background .15s}
.bio-editor-page[data-editor-ui="simple"] .simple-section-head:hover{background:#fafbfe}
.bio-editor-page[data-editor-ui="simple"] .simple-section-toggle{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e1e6ef;border-radius:9px;background:#fff;color:#667085;font-size:16px;font-weight:800;cursor:pointer;box-shadow:none}
.bio-editor-page[data-editor-ui="simple"] .simple-section-toggle:hover{border-color:#c9c6ff;color:#4f46e5;background:#f8f7ff}
.bio-editor-page[data-editor-ui="simple"] .simple-design-section.is-collapsed{padding-bottom:10px!important}
.bio-editor-page[data-editor-ui="simple"] .simple-design-section.is-collapsed>:not(.simple-section-head){display:none!important}
.bio-editor-page[data-editor-ui="simple"] .simple-design-section.is-collapsed .simple-section-head{margin-bottom:0!important}
.bio-editor-page[data-editor-ui="simple"] .simple-design-section.is-collapsed .simple-section-head p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

html[data-app-theme="dark"] .editor-guide-link,html[data-app-theme="dark"] .first-time-friendly,html[data-app-theme="dark"] .first-time-steps>button,html[data-app-theme="dark"] .first-time-close,html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] .simple-section-toggle{background:#111a2a;border-color:#2b394f;color:#dbe5f2}
html[data-app-theme="dark"] .first-time-friendly{background:linear-gradient(135deg,#111a2a,#101827)}
html[data-app-theme="dark"] .first-time-head h3,html[data-app-theme="dark"] .first-time-steps b{color:#eef4ff}
html[data-app-theme="dark"] .first-time-head p,html[data-app-theme="dark"] .first-time-steps small,html[data-app-theme="dark"] .first-time-foot{color:#93a4ba}
html[data-app-theme="dark"] .first-time-steps i{background:#25264b;color:#c9c5ff}
html[data-app-theme="dark"] .first-time-steps>button.is-done{background:#10231a;border-color:#235e40}
html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] .simple-section-head:hover{background:#111a2a}

@media(max-width:980px){.first-time-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.editor-experience-actions{width:100%;justify-content:flex-end}.editor-guide-link{min-height:32px;padding:6px 9px}.first-time-friendly{margin:8px 0 10px;padding:12px;border-radius:15px}.first-time-head{gap:10px}.first-time-head h3{font-size:16px}.first-time-head p{font-size:10px}.first-time-steps{grid-template-columns:1fr}.first-time-foot{align-items:flex-start}.bio-editor-page[data-editor-ui="simple"] .simple-section-head{gap:8px}.bio-editor-page[data-editor-ui="simple"] .simple-section-toggle{width:28px;height:28px}}

/* ===== V3.23 · Consolidated UX polish, smart editor, slug safety ===== */
/* Keep 58/66-71: clean object navigation + consistent icon language */
.bio-editor-page .builder-mode-nav{gap:8px;padding:7px;background:rgba(248,250,252,.92);border-color:#e3e8f1;box-shadow:0 8px 24px rgba(15,23,42,.055);backdrop-filter:blur(12px)}
.bio-editor-page .builder-mode-nav button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;color:#64748b;font-size:12.5px;font-weight:800;letter-spacing:-.01em;transition:background .16s,color .16s,box-shadow .16s,transform .16s}
.bio-editor-page .builder-mode-nav button svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bio-editor-page .builder-mode-nav button:hover{background:#fff;color:#334155;transform:translateY(-1px)}
.bio-editor-page .builder-mode-nav button.active{background:#fff;color:#5146d9;box-shadow:0 5px 15px rgba(79,70,229,.10),inset 0 0 0 1px #d8d5ff}
.bio-editor-page[data-editor-ui="simple"] .simple-object-nav button{flex:1 1 0}
.bio-editor-page[data-editor-ui="advanced"] .advanced-object-nav button{flex:1 1 0}

/* Keep 58/69-71: remove numbered badges; section title is the visual anchor */
.bio-editor-page[data-editor-ui="simple"] .simple-section-head>span.section-icon{width:30px;height:30px;border-radius:9px;background:#f5f6fb;color:#6b63d8;border:1px solid #e7e8f2;display:grid;place-items:center}
.bio-editor-page[data-editor-ui="simple"] .simple-section-head>span.section-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bio-editor-page[data-editor-ui="simple"] .simple-section-head h3{font-size:17px;font-weight:820;color:#172033;letter-spacing:-.02em}
.bio-editor-page[data-editor-ui="simple"] .simple-section-head p{font-size:11.5px;color:#7a879a;line-height:1.45}
.bio-editor-page[data-editor-ui="simple"] .friendly-simple-appearance>.simple-design-section{padding:17px 3px!important}
.bio-editor-page[data-editor-ui="simple"] .friendly-simple-appearance>.simple-design-section+.simple-design-section{border-top:1px solid #edf0f5!important}
.bio-editor-page[data-editor-ui="simple"] .simple-design-section.is-collapsed{padding:11px 3px!important}
.bio-editor-page[data-editor-ui="simple"] .simple-design-section.is-collapsed .simple-section-head{opacity:.9}
.bio-editor-page[data-editor-ui="simple"] .simple-section-toggle{border:1px solid #e2e7f0;background:#fff;color:#67758b}

/* Keep 60: quick actions remain available while scrolling the inspector */
.bio-editor-page[data-editor-ui="simple"] .friendly-command-bar{position:sticky;top:0;z-index:12;margin:-2px -2px 8px;padding:13px 14px;background:rgba(255,255,255,.94);border:1px solid #e8ebf2;border-radius:15px;box-shadow:0 8px 22px rgba(15,23,42,.055);backdrop-filter:blur(12px)}
.bio-editor-page .collapse-mode-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

/* Keep 61/62: preview is a navigator and always shows what is being edited */
.bio-editor-page [data-preview-zone="header"],.bio-editor-page [data-preview-zone="background"]{transition:outline-color .16s,box-shadow .16s}
.bio-editor-page[data-preview-focus="header"] [data-preview-zone="header"]{outline:2px solid #7067f0;outline-offset:-2px;border-radius:14px;box-shadow:0 0 0 4px rgba(112,103,240,.10)}
.bio-editor-page[data-preview-focus="background"] [data-preview-zone="background"]{box-shadow:inset 0 0 0 2px #7067f0,inset 0 0 0 6px rgba(112,103,240,.08)}
.bio-editor-page[data-preview-focus="block"] .preview-selected{outline:2px solid #655cf0!important;outline-offset:2px;box-shadow:0 0 0 5px rgba(101,92,240,.10)}
.bio-editor-page .bio-public.embedded [data-live-title],.bio-editor-page .bio-public.embedded [data-live-username],.bio-editor-page .bio-public.embedded [data-live-bio-text],.bio-editor-page .bio-public.embedded [data-live-avatar-shell]{cursor:pointer}

/* Keep 63: small, useful recommendations; never compete with the preview */
.quick-theme-dock{flex-wrap:wrap}
.quick-theme-recommendations{width:100%;display:flex;align-items:center;gap:7px;padding-top:8px;margin-top:7px;border-top:1px solid #eef1f6}
.quick-theme-recommendations[hidden]{display:none!important}
.quick-theme-recommendations>span{font-size:9px;font-weight:850;color:#8a94a6;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em}
.quick-theme-recommendations>div{display:flex;gap:5px;min-width:0;overflow:auto}
.quick-theme-recommendations button{border:1px solid #e0e4ef;background:#fff;color:#5146d9;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer}
.quick-theme-recommendations button:hover{border-color:#c8c4ff;background:#faf9ff}

/* Keep 64/72: URL availability + publish confidence */
.bio-url-field{display:grid;gap:6px}
.slug-availability{display:block;margin-top:5px;font-size:11px;font-weight:720;line-height:1.35}
.slug-availability.available{color:#16834b}.slug-availability.taken{color:#c24152}.slug-availability.checking{color:#695fd4}.slug-availability.neutral{color:#7b8799}
.slug-availability.checking::before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:slugSpin .65s linear infinite}
@keyframes slugSpin{to{transform:rotate(360deg)}}
.slug-suggestions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}
.slug-suggestions[hidden]{display:none!important}.slug-suggestions>span{font-size:10px;color:#8894a7}.slug-suggestions button{border:1px solid #dfe4ee;background:#fff;color:#554bd4;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;cursor:pointer}.slug-suggestions button:hover{background:#f8f7ff;border-color:#c9c4ff}
.publish-confidence{border:1px solid #dfe6ef;border-radius:15px;padding:13px 14px;background:#fbfcfe;display:grid;gap:9px}
.publish-confidence-head{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center}.publish-confidence-head>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:900}.publish-confidence-head b{display:block;font-size:13px;color:#273247}.publish-confidence-head small{display:block;margin-top:2px;font-size:10px;color:#7d899a}
.publish-confidence.ready{border-color:#cae8d8;background:#fbfffc}.publish-confidence.ready .publish-confidence-head>span{background:#e7f7ee;color:#17854a}
.publish-confidence.warn{border-color:#f0dfae;background:#fffdf7}.publish-confidence.warn .publish-confidence-head>span{background:#fff4cf;color:#9b6a00}
.publish-confidence.block{border-color:#f2cbd2;background:#fffafb}.publish-confidence.block .publish-confidence-head>span{background:#ffe9ed;color:#bd344d}
.publish-confidence ul{margin:0;padding:8px 0 0 17px;border-top:1px solid rgba(148,163,184,.20);font-size:10.5px;color:#68758a;display:grid;gap:4px}.publish-confidence li.block{color:#ae3046}.publish-confidence li.warn{color:#8a650d}
.bio-editor-page [data-save-status="published"]:disabled,.bio-create-form [data-bio-create-submit]:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.65)}

/* First-time guide stays optional and visually quieter after onboarding */
.first-time-friendly{box-shadow:0 8px 24px rgba(77,68,201,.06);border-color:#e4e5f1}

/* Dark mode parity */
html[data-app-theme="dark"] .bio-editor-page .builder-mode-nav{background:rgba(15,24,39,.94);border-color:#2c394c}
html[data-app-theme="dark"] .bio-editor-page .builder-mode-nav button{color:#9eacc0}
html[data-app-theme="dark"] .bio-editor-page .builder-mode-nav button:hover,html[data-app-theme="dark"] .bio-editor-page .builder-mode-nav button.active{background:#172337;color:#d9d6ff;box-shadow:inset 0 0 0 1px #454472}
html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] .friendly-command-bar,html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] .simple-section-toggle,html[data-app-theme="dark"] .slug-suggestions button,html[data-app-theme="dark"] .quick-theme-recommendations button{background:#111a2a;border-color:#2d3a4e;color:#d9d6ff}
html[data-app-theme="dark"] .bio-editor-page[data-editor-ui="simple"] .simple-section-head>span.section-icon{background:#182339;border-color:#303d52;color:#bcb7ff}
html[data-app-theme="dark"] .publish-confidence{background:#111a2a;border-color:#2c3a4e}html[data-app-theme="dark"] .publish-confidence-head b{color:#edf3fb}html[data-app-theme="dark"] .publish-confidence-head small,html[data-app-theme="dark"] .publish-confidence ul{color:#9ba9bd}
html[data-app-theme="dark"] .quick-theme-recommendations{border-color:#2a3649}

@media(max-width:720px){
  .bio-editor-page .builder-mode-nav{gap:4px;padding:5px}.bio-editor-page .builder-mode-nav button{gap:5px;padding:8px 7px;font-size:10.5px}.bio-editor-page .builder-mode-nav button svg{width:15px;height:15px}
  .bio-editor-page[data-editor-ui="simple"] .friendly-command-bar{top:0;margin-inline:0;border-radius:13px}
  .quick-theme-recommendations{align-items:flex-start;flex-direction:column}.quick-theme-recommendations>div{width:100%}
  .publish-confidence{padding:11px}.slug-suggestions{gap:4px}
}

/* === V3.25 Consolidated UX + Attendance =================================== */
/* Public Bio: no gray top strip / no horizontal overflow / calmer desktop gutter */
html:has(body.bio-body),body.bio-body{margin:0!important;padding:0!important;min-height:100%;overflow-x:clip!important}
body.bio-body{background:var(--bio-outer,#fff)!important}
.bio-body>.bio-public.v33:not(.embedded){min-height:100dvh!important;overflow-x:clip!important;margin:0!important}
.bio-body>.bio-public.v33:not(.embedded) .bio-header{width:min(760px,calc(100% - 80px))!important;max-width:760px!important;margin:28px auto 0!important}
.bio-body>.bio-public.v33:not(.embedded) .bio-profile-below,.bio-body>.bio-public.v33:not(.embedded) .bio-inner.v33{width:min(760px,calc(100% - 80px))!important;max-width:760px!important}
.public-mobile-qr{right:36px!important;bottom:32px!important;box-sizing:border-box;max-width:calc(100vw - 72px);transform:none!important}
@media(max-width:980px){.bio-body>.bio-public.v33:not(.embedded) .bio-header,.bio-body>.bio-public.v33:not(.embedded) .bio-profile-below,.bio-body>.bio-public.v33:not(.embedded) .bio-inner.v33{width:min(700px,calc(100% - 48px))!important}.public-mobile-qr{right:24px!important;bottom:24px!important}}
@media(max-width:720px){.bio-body>.bio-public.v33:not(.embedded) .bio-header:not(.header-contained){width:100%!important;margin:0!important}.bio-body>.bio-public.v33:not(.embedded) .bio-header.header-contained{width:calc(100% - 24px)!important;margin:12px auto 0!important}.bio-body>.bio-public.v33:not(.embedded) .bio-profile-below,.bio-body>.bio-public.v33:not(.embedded) .bio-inner.v33{width:100%!important;padding-left:18px!important;padding-right:18px!important}}

/* Header Preview realtime parity: embedded mode keeps each mode visually distinct */
.bio-public.embedded .bio-header{transition:min-height .18s ease,height .18s ease,margin .18s ease,border-radius .18s ease}
.bio-public.embedded .bio-header-bg{transition:background .18s ease,opacity .18s ease,filter .18s ease,border-radius .18s ease,clip-path .18s ease,-webkit-mask-image .18s ease}
.bio-public.embedded .bio-header.header-transparent{height:auto!important;min-height:auto!important;margin:0!important;border-radius:0!important}
.bio-public.embedded .bio-header.header-compact{height:min(140px,var(--header-height,140px))!important;min-height:110px!important}
.bio-public.embedded .bio-header.header-glass{width:calc(100% - 18px)!important;margin:9px auto 0!important;border-radius:var(--header-radius)!important;overflow:hidden!important}
.bio-public.embedded .bio-header.header-glass .bio-header-bg{border-radius:var(--header-radius)!important;background:linear-gradient(135deg,#ffffff2c,#ffffff12)!important;backdrop-filter:blur(16px)}
.bio-public.embedded .bio-header.header-fade .bio-header-bg{-webkit-mask-image:linear-gradient(#000 0 58%,rgba(0,0,0,.72) 76%,transparent 100%)!important;mask-image:linear-gradient(#000 0 58%,rgba(0,0,0,.72) 76%,transparent 100%)!important}
.bio-public.embedded [data-header-mode="fade"] .bio-header-bg{-webkit-mask-image:linear-gradient(#000 0 58%,rgba(0,0,0,.72) 76%,transparent 100%)!important;mask-image:linear-gradient(#000 0 58%,rgba(0,0,0,.72) 76%,transparent 100%)!important}

/* Background editor: conditional panels + motif presets */
.simple-bg-panel{margin-top:10px;padding:12px;border:1px solid #e4eaf4;border-radius:13px;background:#fbfdff}
.simple-bg-panel[hidden]{display:none!important}.simple-bg-color{display:grid;gap:6px;font-size:11px;font-weight:800;color:#475569}.simple-bg-color input[type=color]{width:100%;height:42px}
.background-image-drop{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.background-image-drop small{flex:1 1 260px;color:#718096;font-size:10.5px}
.pattern-preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px}.pattern-preset-grid button{border:1px solid #dbe5f2;background:#fff;border-radius:10px;min-height:38px;padding:7px 8px;font-weight:800;font-size:10.5px;color:#475569;cursor:pointer}.pattern-preset-grid button:hover,.pattern-preset-grid button.active{border-color:#818cf8;background:#eef2ff;color:#4338ca;box-shadow:inset 0 0 0 2px #c7d2fe55}.motif-details summary small{font-weight:600;color:#94a3b8}.pattern-controls{margin-top:10px}
@media(max-width:760px){.pattern-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Inline profile typography popover */
.inline-text-style-field{display:grid;gap:7px}.inline-style-field-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.inline-style-field-head>label{margin:0;font-weight:850}.inline-style-popover{position:relative}.inline-style-popover>summary{list-style:none;cursor:pointer;border:1px solid #dbe5f2;border-radius:999px;padding:6px 10px;font-size:10.5px;font-weight:850;color:#5b46dc;background:#fff}.inline-style-popover>summary::-webkit-details-marker{display:none}.inline-style-popover[open]>summary{border-color:#8b7cff;background:#f5f3ff}.inline-style-panel{position:absolute;right:0;top:calc(100% + 7px);z-index:30;width:min(430px,78vw);padding:12px;border:1px solid #dbe5f2;border-radius:14px;background:#fff;box-shadow:0 20px 55px #0f172a20;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inline-style-panel label{font-size:10px}.inline-style-panel .full{grid-column:1/-1}
@media(max-width:680px){.inline-style-panel{position:fixed;left:12px;right:12px;bottom:14px;top:auto;width:auto;max-height:70vh;overflow:auto;grid-template-columns:1fr;z-index:80}}

/* Keep 77: compact button inspector */
.compact-button-inspector{gap:8px}.compact-inspector-section{border:1px solid #e3e9f2;border-radius:14px;background:#fff;padding:11px 12px;display:grid;gap:9px}.compact-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.compact-section-title b{font-size:12.5px}.compact-section-title small{font-size:9.5px;color:#8a97aa}.button-style-grid.compact{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.button-style-grid.compact button{min-height:34px;padding:6px 4px;font-size:9.5px}.fill-mode-segment.compact{margin:0;grid-template-columns:repeat(4,minmax(0,1fr))}.fill-mode-segment.compact button{min-height:38px;padding:7px}.button-fill-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.button-fill-row>:only-child{grid-column:1/-1}.button-gradient-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px;align-items:end}.gradient-track.compact{height:34px;margin:0}.gradient-presets.compact{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.gradient-presets.compact button{min-height:34px;font-size:9px;padding:4px}.compact-button-shape{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}.compact-button-shape>label:nth-last-child(2){grid-column:1/2}.compact-check{display:flex!important;align-items:center;gap:7px;min-height:42px;padding:8px 10px;border:1px solid #e3e9f2;border-radius:10px;background:#fbfdff;font-weight:800;font-size:10.5px}.compact-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-effect-details{padding:0}.compact-effect-details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px}.compact-effect-details>summary::-webkit-details-marker{display:none}.compact-effect-details>summary span{display:grid;gap:1px}.compact-effect-details>summary b{font-size:12.5px}.compact-effect-details>summary small{font-size:9.5px;color:#8a97aa}.compact-effect-details[open]>summary{border-bottom:1px solid #edf1f6}.compact-effect-details[open]>.compact-button-grid,.compact-effect-details[open]>.compact-grid{padding:10px 12px}.compact-note{padding:10px;border-radius:10px;background:#f8fafc;color:#64748b;font-size:10.5px}.sticky-apply-all{position:sticky;bottom:-18px;z-index:12;margin:0 -2px -8px;padding:10px 11px;box-shadow:0 -8px 28px #fff}.sticky-style-actions{display:flex;gap:6px;align-items:center}.sticky-style-actions .btn{min-height:34px}
@media(max-width:900px){.button-style-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.gradient-presets.compact{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.button-fill-row,.compact-button-shape,.compact-button-grid{grid-template-columns:1fr}.sticky-apply-all{position:static;box-shadow:none}.sticky-style-actions{display:grid;grid-template-columns:1fr 1fr}.sticky-style-actions .btn.primary{grid-column:1/-1}.fill-mode-segment.compact{grid-template-columns:repeat(2,1fr)}}

/* Attendance app */
.attendance-dashboard,.attendance-create,.attendance-manager{display:grid;gap:18px}.attendance-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.attendance-event-card{border:1px solid #dfe7f2;border-radius:18px;background:#fff;padding:16px;display:grid;gap:11px;box-shadow:0 10px 30px #0f172a08}.attendance-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.attendance-event-card h3{margin:0;font-size:18px}.attendance-event-card p{margin:0;color:#64748b}.attendance-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.attendance-metrics span{padding:8px;border-radius:11px;background:#f7f9fd;text-align:center;font-size:9.5px;color:#64748b}.attendance-metrics b{display:block;color:#172033;font-size:18px}.attendance-card-actions{display:flex;gap:6px;flex-wrap:wrap}.attendance-phase-setup{border:1px solid #e3e9f2;border-radius:14px;padding:14px;background:#fbfdff;display:grid;gap:10px}.attendance-phase-setup h3{margin:0}.attendance-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.attendance-manager-actions{display:flex;gap:7px;flex-wrap:wrap}.attendance-tabs{display:flex;gap:5px;border-bottom:1px solid #e6ebf3;overflow:auto}.attendance-tabs a{padding:10px 12px;text-decoration:none;color:#64748b;font-weight:800;white-space:nowrap;border-bottom:2px solid transparent}.attendance-tabs a.active{color:#4f46e5;border-color:#6366f1}.attendance-summary-grid,.survey-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.attendance-summary-grid article,.survey-stats-grid article{border:1px solid #e3e9f2;border-radius:14px;background:#fff;padding:12px;display:grid;gap:3px}.attendance-summary-grid b,.survey-stats-grid b{font-size:23px}.attendance-table-wrap{overflow:auto;border:1px solid #e3e9f2;border-radius:14px}.attendance-table{width:100%;border-collapse:collapse;min-width:820px}.attendance-table th,.attendance-table td{padding:10px 11px;border-bottom:1px solid #edf1f6;text-align:left;font-size:11px}.attendance-table th{background:#f8fafc;color:#475569}.attendance-share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.attendance-share-card{border:1px solid #e3e9f2;border-radius:16px;background:#fff;padding:15px;display:grid;gap:10px}.attendance-share-card code{display:block;overflow-wrap:anywhere;background:#f8fafc;padding:9px;border-radius:9px}.attendance-settings-phases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attendance-settings-phases section{border:1px solid #e3e9f2;border-radius:13px;padding:12px;display:grid;gap:8px}.attendance-danger-row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.survey-overview{display:flex;align-items:flex-start;justify-content:space-between}.survey-builder-form{display:grid;gap:10px}.survey-builder-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.survey-builder-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.7fr) minmax(220px,1fr) auto auto;gap:7px;align-items:center;padding:8px;border:1px solid #e5eaf2;border-radius:11px;background:#fbfdff;margin-bottom:7px}.survey-builder-row .check{white-space:nowrap}.survey-builder-row input,.survey-builder-row select{min-height:38px}.survey-builder-main{display:grid;grid-template-columns:1fr 160px auto auto;gap:7px;align-items:center}

/* Attendance public */
.attendance-public-body{margin:0;min-height:100dvh;background:radial-gradient(circle at 20% 0,#f3e8ff 0,transparent 30%),linear-gradient(145deg,#f8fafc,#eef2ff);font-family:Inter,system-ui,sans-serif;color:#172033;padding:24px 16px;box-sizing:border-box}.attendance-public-shell{width:min(620px,100%);margin:clamp(28px,7vh,72px) auto}.attendance-public-card{background:#fffffff2;border:1px solid #dfe7f2;border-radius:24px;padding:clamp(20px,4vw,32px);box-shadow:0 26px 80px #312e8118;display:grid;gap:14px}.attendance-public-card h1{font-size:clamp(26px,6vw,40px);line-height:1.05;margin:0}.attendance-public-card p{margin:0;color:#64748b;line-height:1.6}.attendance-event-mark{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--brand-primary,#6d28d9),var(--brand-secondary,#ec4899));color:#fff;display:grid;place-items:center;font-size:26px;font-weight:900}.attendance-event-meta{display:flex;gap:8px;flex-wrap:wrap}.attendance-event-meta span{background:#f7f8fc;border:1px solid #e4e8f0;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:750}.attendance-phase-buttons{display:grid;gap:9px}.attendance-phase-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:#172033;border:1px solid #dfe7f2;border-radius:15px;padding:13px 14px;background:#fff}.attendance-phase-btn>span,.attendance-phase-btn small{color:#64748b}.attendance-phase-btn.active{border-color:#8b7cf6;box-shadow:0 0 0 3px #ddd6fe66}.attendance-phase-btn b{display:block}.attendance-public-form{display:grid;gap:12px}.attendance-public-form label,.survey-question{display:grid;gap:6px;font-weight:800;font-size:12px}.attendance-public-form input,.attendance-public-form textarea,.attendance-public-form select{width:100%;box-sizing:border-box;min-height:46px;border:1px solid #d9e1ec;border-radius:12px;padding:10px 11px;background:#fff;color:#172033}.survey-question{border:1px solid #e5eaf2;border-radius:14px;padding:12px;margin:0}.survey-question legend{padding:0 6px}.survey-question legend em,.attendance-public-form label em{color:#e11d48}.survey-rating{display:flex;gap:5px;flex-direction:row-reverse;justify-content:flex-end}.survey-rating input{position:absolute;opacity:0;pointer-events:none}.survey-rating label{width:40px;height:40px;border:1px solid #dbe3ee;border-radius:11px;display:grid;place-items:center;font-size:21px;cursor:pointer;background:#fff}.survey-rating input:checked~label,.survey-rating label:hover,.survey-rating label:hover~label{background:#fff7ed;border-color:#f59e0b;color:#f59e0b}.survey-options{display:grid;gap:7px}.survey-options label{display:flex;align-items:center;gap:8px;border:1px solid #e5eaf2;border-radius:11px;padding:9px;background:#fff}.survey-options input{width:auto;min-height:auto}.survey-divider{display:flex;align-items:center;gap:8px;margin:8px 0}.survey-divider:before,.survey-divider:after{content:"";height:1px;background:#e1e7f0;flex:1}.survey-divider span{font-size:10px;font-weight:900;color:#7c3aed;letter-spacing:.08em;text-transform:uppercase}.attendance-success,.attendance-errors{display:grid;gap:4px;border-radius:14px;padding:12px 13px}.attendance-success{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}.attendance-errors{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.attendance-public-credit{text-align:center;color:#94a3b8;font-size:10px;padding:10px 0 24px}
@media(max-width:980px){.attendance-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-builder-row{grid-template-columns:1fr 160px 1fr auto auto}}
@media(max-width:680px){.attendance-event-grid,.attendance-summary-grid,.survey-stats-grid,.attendance-share-grid,.attendance-settings-phases{grid-template-columns:1fr}.attendance-manager-head,.survey-builder-head{display:grid}.attendance-summary-grid{grid-template-columns:repeat(2,1fr)}.survey-builder-row,.survey-builder-main{grid-template-columns:1fr}.attendance-public-body{padding:12px}.attendance-public-shell{margin:18px auto}.attendance-public-card{border-radius:20px;padding:18px}.attendance-card-actions .btn{flex:1}.two-col{grid-template-columns:1fr!important}}

/* Dark-mode support for new editor surfaces */
html[data-app-theme="dark"] .simple-bg-panel,html[data-app-theme="dark"] .compact-inspector-section,html[data-app-theme="dark"] .inline-style-panel,html[data-app-theme="dark"] .attendance-event-card,html[data-app-theme="dark"] .attendance-share-card,html[data-app-theme="dark"] .attendance-summary-grid article,html[data-app-theme="dark"] .survey-stats-grid article{background:#111d2f;border-color:#314056;color:#e6edf8}html[data-app-theme="dark"] .pattern-preset-grid button{background:#111d2f;border-color:#314056;color:#cbd5e1}html[data-app-theme="dark"] .pattern-preset-grid button.active{background:#1d2941;border-color:#818cf8;color:#c7d2fe}html[data-app-theme="dark"] .sticky-apply-all{box-shadow:0 -8px 28px #0b1220;background:#101827}
.rating-choice,.option-choice{display:flex;gap:7px;flex-wrap:wrap}.rating-choice label,.option-choice label{display:flex!important;align-items:center;gap:6px;border:1px solid #e0e6ef;border-radius:11px;background:#fff;padding:8px 10px;cursor:pointer;font-size:11px}.rating-choice input,.option-choice input{width:auto!important;min-height:auto!important;margin:0}.rating-choice label:has(input:checked),.option-choice label:has(input:checked){border-color:#8b7cf6;background:#f5f3ff;color:#4f46e5}.option-choice.multi label{flex:1 1 160px}
.survey-breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.survey-breakdown-card{border:1px solid #e3e9f2;border-radius:14px;background:#fff;padding:12px;display:grid;gap:10px}.survey-breakdown-bars{display:grid;gap:7px}.survey-breakdown-bars>div{display:grid;grid-template-columns:minmax(90px,1fr) 2fr 30px;gap:7px;align-items:center;font-size:10px}.survey-breakdown-bars i{display:block;height:7px;border-radius:999px;background:#edf1f7;overflow:hidden}.survey-breakdown-bars em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#a855f7)}.survey-open-wrap{display:grid;gap:10px}.survey-open-section{display:grid;gap:7px}.survey-open-section h3{margin:0}.survey-open-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.survey-open-list blockquote{margin:0;border:1px solid #e3e9f2;border-radius:12px;background:#fbfdff;padding:11px}.survey-open-list p{margin:0 0 6px;white-space:pre-wrap;font-size:11px;line-height:1.5}.survey-open-list small{color:#7b8798;font-weight:750}@media(max-width:680px){.survey-breakdown-grid,.survey-open-list{grid-template-columns:1fr}}
.identity-builder-form{display:grid;gap:10px}.identity-builder-row{display:grid;grid-template-columns:minmax(220px,1fr) 150px auto auto;gap:7px;align-items:center;padding:8px;border:1px solid #e5eaf2;border-radius:11px;background:#fbfdff;margin-bottom:7px}.identity-builder-row input,.identity-builder-row select{min-height:38px}.attendance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.attendance-toolbar>div:first-child{display:grid}.attendance-toolbar-actions{display:flex;align-items:center;gap:7px}.attendance-toolbar-actions input[type=search]{min-width:240px;min-height:38px}.attendance-stat-grid [data-attendance-stat]{transition:.2s}.attendance-stat-grid [data-attendance-stat].pulse{transform:scale(1.08)}@media(max-width:680px){.identity-builder-row{grid-template-columns:1fr}.attendance-toolbar{display:grid}.attendance-toolbar-actions{display:grid;grid-template-columns:1fr}.attendance-toolbar-actions input[type=search]{min-width:0;width:100%}}

/* === V3.26 Attendance polish ============================================= */
.qr-compact-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.qr-compact-head b{font-size:15px}.qr-inline-checks{display:flex;gap:14px;flex-wrap:wrap}.qr-logo-card{padding:0!important;overflow:hidden}.qr-logo-card>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer}.qr-logo-card>summary::-webkit-details-marker{display:none}.qr-logo-card>summary small{color:#64748b}.qr-logo-card>summary:after{content:'⌄';font-weight:900;color:#64748b}.qr-logo-card[open]>summary:after{transform:rotate(180deg)}.qr-logo-inner{padding:0 12px 12px;display:grid;gap:10px;border-top:1px solid #edf1f6}.qr-output-actions{margin-top:2px}.qr-style-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.qr-style-grid button{padding:8px 6px;border-radius:11px;font-size:11px}.qr-color-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qr-controls{gap:10px}.qr-preview-card{min-height:340px;padding:10px}.qr-preview-card canvas{max-height:390px;width:auto}
.attendance-warning{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid #fbbf24;background:#fffbeb;border-radius:14px;color:#92400e}.attendance-warning>div{display:grid;gap:2px}.attendance-warning span{font-size:11px}.attendance-share-menu{position:relative}.attendance-share-menu>summary{list-style:none;cursor:pointer}.attendance-share-menu>summary::-webkit-details-marker{display:none}.attendance-share-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:220px;background:#fff;border:1px solid #dfe7f2;border-radius:14px;box-shadow:0 18px 48px #0f172a22;padding:8px;display:grid;gap:4px}.attendance-share-pop b{padding:6px 8px}.attendance-share-pop button,.attendance-share-pop a{border:0;background:transparent;text-align:left;text-decoration:none;color:#172033;padding:8px;border-radius:9px;font:inherit;cursor:pointer}.attendance-share-pop button:hover,.attendance-share-pop a:hover{background:#f5f7fb}.attendance-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.attendance-option-card{border:1px solid #e3e9f2;border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fbfdff}.attendance-option-card>div:first-child{display:grid;gap:3px}.attendance-option-card small{color:#64748b}.signature-settings-controls{display:flex;gap:8px;min-width:310px}.signature-settings-controls select{min-width:145px}.signature-field{border:1px solid #dfe7f2;border-radius:14px;padding:12px;display:grid;gap:9px;background:#fbfdff}.signature-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.signature-head>div{display:grid;gap:2px}.signature-head em{color:#e11d48}.signature-head small,.signature-help{font-size:10px;color:#64748b}.signature-field canvas{display:block;width:100%;height:150px;background:#fff;border:1px dashed #b8c5d6;border-radius:10px;touch-action:none;cursor:crosshair}.checkout-before{padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e5eaf2;display:grid;gap:2px}.checkout-before small{color:#64748b}.attendance-qr-studio{padding:16px}.attendance-qr-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.attendance-qr-toolbar h2{margin:3px 0}.attendance-qr-tabs{display:flex;gap:5px;padding:4px;border:1px solid #dfe7f2;border-radius:12px;background:#f7f9fd}.attendance-qr-tabs button{border:0;background:transparent;padding:8px 14px;border-radius:9px;font-weight:800;color:#64748b;cursor:pointer}.attendance-qr-tabs button.active{background:#fff;color:#4f46e5;box-shadow:0 2px 8px #0f172a12}.attendance-qr-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;align-items:start}.attendance-qr-builder-wrap{min-width:0}.attendance-qr-studio .qr-builder{grid-template-columns:minmax(300px,1fr) minmax(220px,320px);gap:12px}.attendance-share-quick{position:sticky;top:84px;border:1px solid #e3e9f2;border-radius:14px;padding:13px;background:#fbfdff;display:grid;gap:9px}.attendance-share-quick h3{margin:0}.attendance-share-quick small{color:#64748b;line-height:1.5}.attendance-report-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}.attendance-report-preview{position:sticky;top:84px;text-align:center;display:grid;justify-items:center;gap:5px}.attendance-report-preview img{max-width:84px;max-height:84px;object-fit:contain}.attendance-report-preview h3{margin:4px 0}.attendance-report-preview hr{width:100%;border:0;border-top:2px solid #172033}.attendance-report-preview small{color:#64748b}.attendance-public-card .rating-choice,.attendance-public-card .option-choice{display:flex;gap:7px;flex-wrap:wrap}.attendance-public-card .rating-choice label,.attendance-public-card .option-choice label{display:inline-flex}.attendance-public-card .rating-choice input,.attendance-public-card .option-choice input{width:auto;min-height:auto}.attendance-public-card .rating-choice span,.attendance-public-card .option-choice span{display:block;border:1px solid #dfe7f2;border-radius:10px;padding:8px 10px;background:#fff}.attendance-public-card .rating-choice input:checked+span,.attendance-public-card .option-choice input:checked+span{border-color:#6366f1;background:#eef2ff;color:#4338ca}
@media(max-width:1050px){.attendance-qr-layout,.attendance-report-grid{grid-template-columns:1fr}.attendance-share-quick,.attendance-report-preview{position:static}.attendance-qr-studio .qr-builder{grid-template-columns:1fr 300px}}
@media(max-width:720px){.qr-style-grid{grid-template-columns:repeat(3,1fr)}.attendance-manager-actions,.attendance-qr-toolbar{display:grid;width:100%}.attendance-warning,.attendance-option-card{align-items:stretch;display:grid}.attendance-settings-row{grid-template-columns:1fr}.signature-settings-controls{min-width:0;display:grid;grid-template-columns:1fr}.attendance-qr-studio .qr-builder{display:grid;grid-template-columns:1fr}.attendance-qr-tabs{width:100%}.attendance-qr-tabs button{flex:1}.attendance-share-pop{left:0;right:auto}.signature-field canvas{height:135px}}
html[data-app-theme="dark"] .attendance-warning{background:#332b0b;border-color:#a16207;color:#fde68a}html[data-app-theme="dark"] .attendance-share-pop,html[data-app-theme="dark"] .attendance-option-card,html[data-app-theme="dark"] .attendance-share-quick,html[data-app-theme="dark"] .signature-field{background:#111d2f;border-color:#314056;color:#e6edf8}html[data-app-theme="dark"] .attendance-share-pop button,html[data-app-theme="dark"] .attendance-share-pop a{color:#e6edf8}html[data-app-theme="dark"] .attendance-share-pop button:hover,html[data-app-theme="dark"] .attendance-share-pop a:hover{background:#1d2941}

/* === V3.27 Attendance branding + report WYSIWYG ======================== */
.attendance-branding-card{border:1px solid #e3e9f2;border-radius:15px;background:#fbfdff;overflow:hidden}.attendance-branding-card>summary{list-style:none;cursor:pointer;padding:13px 14px;display:flex;align-items:center;justify-content:space-between}.attendance-branding-card>summary::-webkit-details-marker{display:none}.attendance-branding-card>summary>div{display:grid;gap:2px}.attendance-branding-card>summary small{color:#64748b;font-weight:500}.attendance-branding-card>summary:after{content:'⌄';font-weight:900;color:#64748b}.attendance-branding-card[open]>summary:after{transform:rotate(180deg)}.attendance-branding-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 14px}.attendance-branding-preview{display:grid;grid-template-columns:180px 1fr;gap:10px;padding:0 14px 10px}.attendance-branding-preview>div{border:1px solid #e2e8f0;border-radius:12px;background:#fff;min-height:92px;padding:9px;display:grid;gap:7px;align-content:start}.attendance-branding-preview span{font-size:10px;font-weight:800;color:#64748b}.attendance-branding-preview img{max-width:100%;max-height:64px;object-fit:contain;justify-self:center}.attendance-branding-preview img.wide{width:100%;object-fit:cover;border-radius:8px}.attendance-branding-preview i{font-style:normal;font-size:10px;color:#94a3b8;align-self:center;justify-self:center}.attendance-branding-remove{display:flex;gap:14px;flex-wrap:wrap;padding:0 14px 14px}
.attendance-public-branding{position:relative;margin:-4px -4px 16px;display:grid;justify-items:center}.attendance-event-cover{display:block;width:100%;height:150px;object-fit:cover;border-radius:16px}.attendance-event-logo{display:block;max-width:130px;max-height:84px;object-fit:contain;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:8px;margin-top:-34px;box-shadow:0 10px 24px #0f172a18}.attendance-public-branding.compact{margin:-2px -2px 12px}.attendance-public-branding.compact .attendance-event-cover{height:105px}.attendance-public-branding.compact .attendance-event-logo{max-width:104px;max-height:66px;margin-top:-28px}
.attendance-report-grid.v327{grid-template-columns:minmax(0,1fr) minmax(420px,520px);gap:18px}.attendance-report-settings{min-width:0}.attendance-brand-use{display:flex!important;align-items:center;justify-content:space-between;gap:16px;border:1px solid #dfe7f2;border-radius:14px;padding:11px 13px;background:#fbfdff}.attendance-brand-use>span:first-child{display:grid;gap:2px}.attendance-brand-use small{color:#64748b;font-weight:500}.attendance-report-tip{border:1px dashed #cbd5e1;border-radius:12px;padding:10px 12px;background:#f8fafc;color:#64748b;font-size:11px}.attendance-report-logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.attendance-report-logo-grid label{border:1px solid #e3e9f2;border-radius:13px;padding:10px;background:#fbfdff}.attendance-report-logo-grid small{display:block;color:#64748b;margin-top:5px}.attendance-report-remove{display:flex;gap:14px;flex-wrap:wrap}
.attendance-report-preview-a4{position:sticky;top:82px;min-width:0}.attendance-report-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}.attendance-report-preview-toolbar>span{display:grid}.attendance-report-preview-toolbar small{font-size:10px;color:#64748b}.attendance-report-preview-toolbar a{font-size:10px;font-weight:800;text-decoration:none;color:#4f46e5}.report-a4-sheet{width:100%;aspect-ratio:210/297;background:#fff;border:1px solid #dbe3ee;border-radius:8px;box-shadow:0 18px 50px #0f172a18;padding:7.2%;overflow:hidden;color:#172033;font-family:Arial,sans-serif}.report-a4-head{border-bottom:2px solid #172033;padding-bottom:10px;min-height:72px;display:grid;align-items:center;margin-bottom:12px}.report-a4-head.formal-center,.report-a4-head.two-logo{grid-template-columns:70px 1fr 70px;text-align:center}.report-a4-head.logo-left{grid-template-columns:70px 1fr;gap:10px;text-align:left}.report-a4-head.minimal{display:block;text-align:left;border-bottom-width:1px;min-height:0}.report-a4-head.minimal .report-logo-slot{display:none}.report-logo-slot{display:flex;align-items:center;justify-content:center;min-height:58px}.report-logo-slot img{max-width:60px;max-height:56px;object-fit:contain}.report-a4-head:not(.two-logo) .report-logo-slot.right{visibility:hidden}.report-a4-head.logo-left .report-logo-slot.right{display:none}.report-head-copy h3{font-size:11px;line-height:1.25;margin:0;text-transform:uppercase}.report-head-copy b{display:block;font-size:8px;margin-top:2px}.report-head-copy p,.report-head-copy small{display:block;font-size:7px;margin:2px 0}.report-a4-content h4{font-size:10px;margin:0 0 4px}.report-preview-note{font-size:6.5px;white-space:pre-wrap;min-height:8px;margin:2px 0 8px}.report-preview-meta{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;font-size:6.5px;margin-bottom:8px}.report-preview-meta span{display:grid}.report-preview-meta b{font-size:6px;color:#64748b}.report-preview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:7px 0}.report-preview-stats span{border:1px solid #dbe3ee;border-radius:5px;padding:5px;text-align:center;font-size:5.8px}.report-preview-stats b{display:block;font-size:10px}.report-a4-sheet table{width:100%;border-collapse:collapse;font-size:5.8px}.report-a4-sheet th,.report-a4-sheet td{border:1px solid #dbe3ee;padding:4px;text-align:left}.report-a4-sheet th{background:#f1f5f9}.report-preview-footer{font-size:6px;color:#64748b;border-top:1px solid #dbe3ee;margin-top:10px;padding-top:5px;white-space:pre-wrap}.report-preview-signer{width:120px;margin:12px 0 0 auto;text-align:center;font-size:6px;display:grid}.report-preview-signer i{height:28px}.report-preview-signer b{font-size:6.5px}
@media(max-width:1180px){.attendance-report-grid.v327{grid-template-columns:1fr}.attendance-report-preview-a4{position:static;max-width:620px;margin-inline:auto;width:100%}}@media(max-width:720px){.attendance-branding-fields,.attendance-branding-preview,.attendance-report-logo-grid{grid-template-columns:1fr}.attendance-event-cover{height:120px}.attendance-report-grid.v327{display:block}.attendance-report-preview-a4{margin-top:14px}.report-a4-sheet{border-radius:6px}}
html[data-app-theme="dark"] .attendance-branding-card,html[data-app-theme="dark"] .attendance-brand-use,html[data-app-theme="dark"] .attendance-report-logo-grid label,html[data-app-theme="dark"] .attendance-report-tip{background:#111d2f;border-color:#314056;color:#e6edf8}html[data-app-theme="dark"] .attendance-branding-preview>div{background:#0f172a;border-color:#314056}

/* === V3.28 Attendance workflow + one-link + participant UX ============== */
.attendance-workflow-state{display:grid;gap:2px;min-width:150px}.attendance-workflow-state small{font-size:9.5px;color:#64748b;max-width:220px;line-height:1.35}
.attendance-share-pop-simple{width:310px;padding:10px}.attendance-share-base{display:grid;gap:7px;padding:9px;border:1px solid #e3e9f2;border-radius:11px;background:#fbfdff}.attendance-share-base small{color:#64748b;font-size:9.5px}.attendance-share-base code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;color:#334155;background:#fff;border:1px solid #e5eaf2;padding:7px;border-radius:8px}.attendance-share-base>div{display:flex;gap:6px}.attendance-share-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:2px}.attendance-share-shortcuts a{text-align:center!important;border:1px solid #e3e9f2!important;background:#fff!important;font-size:10px;font-weight:800}.attendance-share-shortcuts a:hover{border-color:#a5b4fc!important;background:#eef2ff!important}.attendance-direct-links{display:grid;grid-template-columns:1fr 1fr;gap:5px;border-top:1px solid #e5eaf2;padding-top:9px}.attendance-direct-links small{grid-column:1/-1}.attendance-direct-links a{font-size:10px;font-weight:800;text-decoration:none;color:#4f46e5}
.attendance-participant-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:10px 0}.attendance-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.attendance-filter-chips button{border:1px solid #dfe7f2;background:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;color:#64748b;cursor:pointer}.attendance-filter-chips button.active,.attendance-filter-chips button:hover{border-color:#818cf8;background:#eef2ff;color:#4338ca}.attendance-manual-entry{position:relative}.attendance-manual-entry>summary{list-style:none;cursor:pointer}.attendance-manual-entry>summary::-webkit-details-marker{display:none}.attendance-manual-form{position:absolute;right:0;top:calc(100% + 8px);z-index:25;width:min(430px,90vw);padding:13px;border:1px solid #dfe7f2;border-radius:14px;background:#fff;box-shadow:0 20px 55px #0f172a20;display:grid;gap:9px}.attendance-manual-form>div:first-child{display:grid;gap:2px}.attendance-manual-form small{color:#64748b;font-size:10px}.attendance-source-badge{display:inline-flex;margin-top:4px;width:max-content;border-radius:999px;background:#fff7ed;color:#9a3412;padding:3px 6px;font-size:8.5px;font-weight:800}.attendance-completion-badges{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.attendance-completion-badges span{border-radius:999px;padding:3px 6px;font-size:8.5px;font-weight:800;border:1px solid #dbe3ee}.attendance-completion-badges .done{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.attendance-completion-badges .todo{background:#f8fafc;color:#94a3b8}.attendance-completion-badges b{border-radius:999px;padding:4px 7px;background:#eef2ff;color:#4338ca;font-size:8.5px}
.attendance-recognized{display:grid;gap:2px;border:1px solid #bbf7d0;background:#ecfdf5;color:#166534;border-radius:12px;padding:10px 12px;margin:10px 0}.attendance-recognized span{font-size:11px}.attendance-smart-message{border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:11px 12px;color:#475569;margin:10px 0}.attendance-smart-cta{width:100%;justify-content:center;margin-top:10px}.attendance-phase-status{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.attendance-phase-status span{display:grid;gap:2px;padding:9px 10px;border:1px solid #e3e9f2;border-radius:11px;background:#fbfdff}.attendance-phase-status b{font-size:10.5px}.attendance-phase-status small{font-size:9px;color:#64748b}
.attendance-signatory-card{border:1px solid #e3e9f2;border-radius:14px;padding:11px 12px;background:#fbfdff;display:grid;gap:9px}.attendance-signatory-card>div:first-child{display:grid;gap:2px}.attendance-signatory-card small{color:#64748b;font-size:10px}.attendance-signatory-card .three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.report-preview-mode{display:inline-flex;border-radius:999px;background:#eef2ff;color:#4338ca;padding:3px 6px;font-size:5.5px;font-weight:800;margin-bottom:5px}.report-preview-summary-note{font-size:6px;color:#64748b;border:1px solid #dbe3ee;border-radius:5px;padding:6px;margin:6px 0}.report-preview-signers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:11px}.report-preview-signer{width:auto!important;margin:0!important;text-align:center;font-size:6px;display:grid}.report-preview-signer small{font-size:5.5px;color:#64748b}.report-preview-signer i{height:24px}.report-preview-signer b{font-size:6.5px}
@media(max-width:900px){.attendance-participant-actions{display:grid}.attendance-manual-entry{justify-self:start}.attendance-manual-form{left:0;right:auto}.attendance-signatory-card .three-col{grid-template-columns:1fr}.attendance-manager-actions{align-items:stretch}}
@media(max-width:640px){.attendance-share-pop-simple{width:min(310px,calc(100vw - 28px))}.attendance-phase-status{grid-template-columns:1fr}.attendance-filter-chips{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.attendance-filter-chips button{white-space:nowrap}.attendance-manual-form{position:fixed;left:12px;right:12px;bottom:14px;top:auto;width:auto;max-height:78vh;overflow:auto;z-index:90}}
html[data-app-theme="dark"] .attendance-workflow-state small{color:#9eacc0}html[data-app-theme="dark"] .attendance-share-base,html[data-app-theme="dark"] .attendance-manual-form,html[data-app-theme="dark"] .attendance-signatory-card{background:#111d2f;border-color:#314056;color:#e6edf8}html[data-app-theme="dark"] .attendance-share-base code,html[data-app-theme="dark"] .attendance-filter-chips button,html[data-app-theme="dark"] .attendance-share-shortcuts a{background:#0f172a!important;border-color:#314056!important;color:#cbd5e1}html[data-app-theme="dark"] .attendance-smart-message,html[data-app-theme="dark"] .attendance-phase-status span{background:#111d2f;border-color:#314056;color:#cbd5e1}

/* V3.28.1 Keep 106 — participant phase status readability */
.attendance-phase-status{gap:10px;margin-top:16px}
.attendance-phase-status span{gap:4px;padding:13px 14px;border-radius:14px}
.attendance-phase-status b{font-size:16px;line-height:1.2;font-weight:800;color:#172033}
.attendance-phase-status small{font-size:13px;line-height:1.35;font-weight:600;color:#5b6b82}
html[data-app-theme="dark"] .attendance-phase-status b{color:#eef3fb}
html[data-app-theme="dark"] .attendance-phase-status small{color:#a9b6c8}
@media(max-width:640px){.attendance-phase-status{grid-template-columns:1fr 1fr}.attendance-phase-status span{padding:12px}.attendance-phase-status b{font-size:15px}.attendance-phase-status small{font-size:12.5px}}

/* V3.29 — Attendance Controls + Theme + Bio Contrast */
.attendance-public-body{background:var(--attendance-page,#f5f8fc);color:var(--attendance-text,#172033)}
.attendance-public-card{background:var(--attendance-card,#fff);color:var(--attendance-text,#172033);border-color:color-mix(in srgb,var(--attendance-text,#172033) 10%,transparent)}
.attendance-public-card .muted,.attendance-public-card small{color:var(--attendance-muted,#64748b)}
.attendance-public-card .eyebrow.purple{color:var(--attendance-accent,#2563eb)}
.attendance-public-card .btn.primary{background:var(--attendance-accent,#2563eb);border-color:var(--attendance-accent,#2563eb);color:#fff}
.attendance-public-branding{border-radius:16px;background:var(--attendance-bio-bg,var(--attendance-accent-2,#1d4ed8));color:var(--attendance-bio-text,#fff);padding:8px}
.attendance-public-branding .attendance-event-cover{margin:-8px -8px 0;width:calc(100% + 16px)}
.attendance-public-branding .attendance-event-logo{background:var(--attendance-card,#fff)}
.attendance-responsible{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;padding:8px 9px 2px;color:inherit;text-align:center}
.attendance-responsible span{font-size:10px;opacity:.82}.attendance-responsible b{font-size:12px}
body[data-attendance-theme="dark"] .attendance-public-card input,body[data-attendance-theme="dark"] .attendance-public-card textarea,body[data-attendance-theme="dark"] .attendance-public-card select{background:#0f172a;color:#f8fafc;border-color:#334155}
body[data-attendance-theme="dark"] .signature-field,body[data-attendance-theme="dark"] .checkout-before{background:#0f172a;border-color:#334155;color:#f8fafc}
.attendance-v329-controls{display:grid;gap:12px;border:1px solid #e3e9f2;border-radius:15px;padding:14px;background:#fbfdff}
.attendance-v329-controls h3{margin:2px 0}.attendance-v329-controls p{margin:0}
.attendance-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.attendance-theme-choice{position:relative;display:grid;justify-items:center;gap:5px;border:1px solid #e3e9f2;border-radius:12px;padding:10px 8px;cursor:pointer;background:#fff;font-size:11px}
.attendance-theme-choice input{position:absolute;opacity:0;pointer-events:none}.attendance-theme-choice:has(input:checked){border-color:#6366f1;box-shadow:0 0 0 2px #e0e7ff}
.theme-dot{width:26px;height:26px;border-radius:999px;box-shadow:inset 0 0 0 2px #ffffffaa,0 0 0 1px #cbd5e1}.theme-blue{background:#2563eb}.theme-green{background:#15803d}.theme-purple{background:#7e22ce}.theme-dark{background:#111827}
.attendance-theme-preview{border-radius:12px;padding:13px 14px;background:#1d4ed8;color:#fff;display:grid;gap:2px;transition:background .16s,color .16s}.attendance-theme-preview span{font-size:11px;opacity:.88}
.attendance-code-control{display:grid;gap:7px}.attendance-code-toggle{margin:0!important;padding:8px 10px;border:1px solid #e3e9f2;border-radius:11px;background:#fbfdff}.attendance-code-control [hidden]{display:none!important}
.signature-settings-controls{align-items:center}.signature-settings-controls small{font-size:10px;color:#64748b;line-height:1.4}
html[data-app-theme="dark"] .attendance-v329-controls,html[data-app-theme="dark"] .attendance-theme-choice,html[data-app-theme="dark"] .attendance-code-toggle{background:#111d2f;border-color:#314056;color:#e6edf8}
html[data-app-theme="dark"] .attendance-theme-choice:has(input:checked){border-color:#818cf8;box-shadow:0 0 0 2px #312e81}
.bio-header:not([data-auto-contrast-mode="manual"]) .bio-profile-copy h1{color:var(--header-text)!important}
.bio-header:not([data-auto-contrast-mode="manual"]) .bio-profile-copy .bio-username,.bio-header:not([data-auto-contrast-mode="manual"]) .bio-profile-copy .bio-description{color:var(--header-muted)!important}
@media(max-width:720px){.attendance-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-v329-controls{padding:12px}}


/* V3.29.1 R1 — OS dark-mode isolation + browser-native contrast */
html[data-app-theme-scope="guest"]{color-scheme:light!important}
html[data-app-theme-scope="guest"] body{color-scheme:light}
html[data-app-theme-scope="guest"] input,
html[data-app-theme-scope="guest"] select,
html[data-app-theme-scope="guest"] textarea,
html[data-app-theme-scope="guest"] button{color-scheme:light}
html[data-app-theme-scope="guest"]{--ink:#0f172a;--muted:#64748b;--line:#dbe5f2;--bg:#f7faff;--card:#fff;--shadow:0 18px 60px rgba(50,74,128,.12)}
html[data-app-theme-scope="guest"] body:not(.bio-body):not(.bio-lock-body):not(.bio-state-body){background:radial-gradient(circle at 85% 6%,#ede9fe 0,transparent 26%),radial-gradient(circle at 8% 30%,#dbeafe 0,transparent 28%),var(--bg);color:var(--ink)}
html[data-app-theme-scope="guest"] input,
html[data-app-theme-scope="guest"] select,
html[data-app-theme-scope="guest"] textarea{background:#fff;color:#0f172a;border-color:#cbd5e1}
html[data-app-theme-scope="guest"] input::placeholder,
html[data-app-theme-scope="guest"] textarea::placeholder{color:#7b8799;opacity:1}
html[data-app-theme-scope="guest"] input:-webkit-autofill,
html[data-app-theme-scope="guest"] input:-webkit-autofill:hover,
html[data-app-theme-scope="guest"] input:-webkit-autofill:focus,
html[data-app-theme-scope="guest"] textarea:-webkit-autofill,
html[data-app-theme-scope="guest"] select:-webkit-autofill{-webkit-text-fill-color:#0f172a;box-shadow:0 0 0 1000px #fff inset;caret-color:#0f172a}
html{scrollbar-width:thin;scrollbar-color:#b7c3d4 #f4f7fb}
html::-webkit-scrollbar{width:11px;height:11px}
html::-webkit-scrollbar-track{background:#f4f7fb}
html::-webkit-scrollbar-thumb{background:#b7c3d4;border:3px solid #f4f7fb;border-radius:999px}
html::-webkit-scrollbar-thumb:hover{background:#94a3b8}
html[data-app-theme="dark"][data-app-theme-scope="member"]{scrollbar-color:#46566f #0b1220}
html[data-app-theme="dark"][data-app-theme-scope="member"]::-webkit-scrollbar-track{background:#0b1220}
html[data-app-theme="dark"][data-app-theme-scope="member"]::-webkit-scrollbar-thumb{background:#46566f;border-color:#0b1220}
html[data-app-theme="dark"][data-app-theme-scope="member"]::-webkit-scrollbar-thumb:hover{background:#64748b}


/* If a signed-in user explicitly/System selects dark, the landing components use a complete dark palette. */
html[data-app-theme="dark"][data-app-theme-scope="member"] .short-card,
html[data-app-theme="dark"][data-app-theme-scope="member"] .qr-inline{background:#111a2a;border-color:#2b394f;color:#e5edf9}
html[data-app-theme="dark"][data-app-theme-scope="member"] .short-card:after{background:linear-gradient(135deg,#173052,#2b1748);opacity:.68}
html[data-app-theme="dark"][data-app-theme-scope="member"] .feature-strip article{background:#111a2acc;border-color:#2b394f;color:#e5edf9}
html[data-app-theme="dark"][data-app-theme-scope="member"] .feature-strip span,
html[data-app-theme="dark"][data-app-theme-scope="member"] .short-hero p{color:#9aa8bd}
html[data-app-theme="dark"][data-app-theme-scope="member"] .bio-discovery{background:linear-gradient(135deg,#111a2a,#17152b 65%,#10203a);border-color:#34345e;color:#e5edf9}
html[data-app-theme="dark"][data-app-theme-scope="member"] .bio-discovery p{color:#9aa8bd}
html[data-app-theme="dark"][data-app-theme-scope="member"] .showcase-label,
html[data-app-theme="dark"][data-app-theme-scope="member"] .template-bubbles span{background:#17243a;border-color:#43456d;color:#c4b5fd}
html[data-app-theme="dark"][data-app-theme-scope="member"] .success-card{background:linear-gradient(135deg,#10231a,#111a2a 72%);border-color:#235e40}
html[data-app-theme="dark"][data-app-theme-scope="member"] .success-card h2{color:#8bb9ff}
html[data-app-theme="dark"][data-app-theme-scope="member"] .manage-note{background:#14243d;color:#cbd5e1}

/* ===== V3.30.0 · Theme isolation + complete member dark mode ===== */
/* Public content has its own design/theme and must never inherit the account theme. */
html[data-public-surface="bio"],html[data-public-surface="attendance"]{color-scheme:light!important}
html[data-public-surface="attendance"][data-content-theme="dark"]{color-scheme:dark!important}
body[data-app-theme-scope="public-content"]{accent-color:var(--attendance-accent,var(--brand-primary,#2563eb))}
body[data-app-theme-scope="public-content"] input,body[data-app-theme-scope="public-content"] select,body[data-app-theme-scope="public-content"] textarea,body[data-app-theme-scope="public-content"] button{color-scheme:inherit}
/* Attendance public phase cards use the event palette, never appThemeV1. */
body.attendance-public-body .attendance-phase-status span{background:color-mix(in srgb,var(--attendance-card,#fff) 94%,var(--attendance-accent,#2563eb) 6%);border-color:color-mix(in srgb,var(--attendance-text,#172033) 13%,transparent);color:var(--attendance-text,#172033)}
body.attendance-public-body .attendance-phase-status b{color:var(--attendance-text,#172033)}
body.attendance-public-body .attendance-phase-status small{color:var(--attendance-muted,#64748b)}
body.attendance-public-body .attendance-event-meta span,body.attendance-public-body .attendance-phase-btn{background:var(--attendance-card,#fff);border-color:color-mix(in srgb,var(--attendance-text,#172033) 12%,transparent);color:var(--attendance-text,#172033)}
body.attendance-public-body .attendance-phase-btn>span,body.attendance-public-body .attendance-phase-btn small{color:var(--attendance-muted,#64748b)}
body[data-attendance-theme="dark"].attendance-public-body .attendance-event-meta span,body[data-attendance-theme="dark"].attendance-public-body .attendance-phase-btn,body[data-attendance-theme="dark"].attendance-public-body .survey-question,body[data-attendance-theme="dark"].attendance-public-body .survey-options label,body[data-attendance-theme="dark"].attendance-public-body .rating-choice span,body[data-attendance-theme="dark"].attendance-public-body .option-choice span{background:#0f172a;border-color:#334155;color:#f8fafc}

/* LOV brand previously overrode --bg with a light token on body. Explicit member tokens fix the mixed light/dark screenshot. */
html[data-app-theme="dark"][data-app-theme-scope="member"] body[data-brand="lov"]{--bg:#0b1220;--card:#111a2a;--ink:#e5edf9;--muted:#9aa8bd;--line:#273449;background:radial-gradient(circle at 85% 6%,#2b1748 0,transparent 25%),radial-gradient(circle at 8% 30%,#311221 0,transparent 27%),#0b1220!important;color:#e5edf9}
html[data-app-theme="dark"][data-app-theme-scope="member"] body[data-brand="lov"] .footer{background:linear-gradient(180deg,transparent,#190d16 90%);border-color:#273449}
html[data-app-theme="dark"][data-app-theme-scope="member"] .hero-art:before,html[data-app-theme="dark"][data-app-theme-scope="member"] .hero-art:after{background:linear-gradient(135deg,#173052,#2b1748)}
html[data-app-theme="dark"][data-app-theme-scope="member"] .qr-customizer,html[data-app-theme="dark"][data-app-theme-scope="member"] .bio-discovery,html[data-app-theme="dark"][data-app-theme-scope="member"] .modal-card,html[data-app-theme="dark"][data-app-theme-scope="member"] .block-picker-pro,html[data-app-theme="dark"][data-app-theme-scope="member"] .block-picker-search,html[data-app-theme="dark"][data-app-theme-scope="member"] .availability-card,html[data-app-theme="dark"][data-app-theme-scope="member"] .privacy-card{background:#111a2a;border-color:#2b394f;color:#e5edf9}
html[data-app-theme="dark"][data-app-theme-scope="member"] .block-picker-categories{border-color:#273449}
html[data-app-theme="dark"][data-app-theme-scope="member"] .block-picker-categories button{color:#a9b6c8}
html[data-app-theme="dark"][data-app-theme-scope="member"] .block-picker-categories button:hover,html[data-app-theme="dark"][data-app-theme-scope="member"] .block-picker-categories button.active{background:#17243a;color:#c7d2fe}
html[data-app-theme="dark"][data-app-theme-scope="member"] .block-picker-grid.rich button b{color:#eef4ff}
html[data-app-theme="dark"][data-app-theme-scope="member"] .block-picker-grid.rich button small{color:#9aa8bd}
html[data-app-theme="dark"][data-app-theme-scope="member"] .availability-modes{background:#0c1524;border-color:#273449}
html[data-app-theme="dark"][data-app-theme-scope="member"] .availability-modes button{color:#9aa8bd}
html[data-app-theme="dark"][data-app-theme-scope="member"] .availability-modes button.active{background:#1a2740;color:#c7d2fe;box-shadow:none}
html[data-app-theme="dark"][data-app-theme-scope="member"] .flash.success{background:#10231a;border-color:#235e40;color:#86efac}
html[data-app-theme="dark"][data-app-theme-scope="member"] .flash.error{background:#2c1118;border-color:#713040;color:#fda4af}
html[data-app-theme="dark"][data-app-theme-scope="member"] .status.active{background:#123022;color:#86efac}
html[data-app-theme="dark"][data-app-theme-scope="member"] .status.disabled,html[data-app-theme="dark"][data-app-theme-scope="member"] .status.expired{background:#172337;color:#a9b6c8}
html[data-app-theme="dark"][data-app-theme-scope="member"] input:-webkit-autofill,html[data-app-theme="dark"][data-app-theme-scope="member"] input:-webkit-autofill:hover,html[data-app-theme="dark"][data-app-theme-scope="member"] input:-webkit-autofill:focus{-webkit-text-fill-color:#e5edf9;box-shadow:0 0 0 1000px #0c1524 inset;caret-color:#e5edf9}

/* ===== V3.30.0 · Maintenance Center ===== */
.maintenance-page{display:grid;gap:16px}.maintenance-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid #dfe6f1;border-radius:20px;background:linear-gradient(135deg,#fff,#faf7ff);box-shadow:var(--shadow)}.maintenance-hero h2{margin:4px 0 3px;font-size:28px}.maintenance-hero p{margin:0;max-width:760px}.maintenance-version{min-width:170px;padding:14px 16px;border:1px solid #ddd6fe;border-radius:15px;background:#fff;display:grid;text-align:right}.maintenance-version small{color:#64748b}.maintenance-version b{font-size:25px;color:#4f46e5}.maintenance-version span{font-size:11px;color:#94a3b8}.maintenance-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.maintenance-card{border:1px solid #dfe6f1;border-radius:18px;background:#fff;padding:20px;box-shadow:0 14px 42px #0f172a0b}.maintenance-card h3{margin:0;font-size:18px}.maintenance-card>p{color:#64748b;margin:8px 0 16px}.maintenance-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.maintenance-card-head>div{display:flex;align-items:center;gap:9px}.maintenance-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eef2ff;color:#5146d9;font-weight:900}.maintenance-note{display:block;margin-top:11px;color:#7b8799;font-size:10.5px;line-height:1.5}.maintenance-alert{margin-top:12px;padding:10px 12px;border-radius:11px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;font-size:11px}.recovery-actions{display:flex;flex-wrap:wrap;gap:8px}.doctor-state{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:850}.doctor-state.healthy{background:#dcfce7;color:#166534}.doctor-state.warning{background:#fef3c7;color:#92400e}.doctor-state.error{background:#fee2e2;color:#b91c1c}.doctor-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.doctor-summary span{border:1px solid #e4e9f2;border-radius:12px;padding:11px;background:#f8fafc;display:grid}.doctor-summary b{font-size:21px}.doctor-summary small{font-size:10px;color:#64748b}.doctor-issues{display:grid;gap:6px;max-height:260px;overflow:auto;margin-bottom:13px}.doctor-issues>div{display:grid;grid-template-columns:65px 1fr;gap:9px;align-items:start;padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid #e7ebf2;font-size:11px}.doctor-issues b{font-size:9px}.doctor-issues .error b{color:#dc2626}.doctor-issues .warn b{color:#d97706}.doctor-issues .info b{color:#64748b}.maintenance-ok{padding:11px 12px;border:1px solid #bbf7d0;background:#ecfdf5;color:#166534;border-radius:11px;margin-bottom:12px}.storage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.storage-grid>span{display:grid;gap:2px;padding:12px;border:1px solid #e3e9f2;border-radius:13px;background:#f8fafc}.storage-grid small{color:#64748b}.storage-grid b{font-size:19px}.storage-grid em{font-style:normal;font-size:9.5px;color:#94a3b8}.storage-grid .storage-total{background:#eef2ff;border-color:#c7d2fe}.disk-meter{margin-top:13px;padding:13px;border:1px solid #e3e9f2;border-radius:13px;display:grid;gap:7px}.disk-meter>div{display:flex;justify-content:space-between;gap:12px}.disk-meter>div span{font-size:11px;color:#64748b}.disk-meter i{height:9px;border-radius:999px;background:#e9eef6;overflow:hidden}.disk-meter i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444)}.disk-meter small{color:#94a3b8;font-size:9.5px}.largest-files{margin-top:12px;border-top:1px solid #edf0f5;padding-top:10px}.largest-files summary{cursor:pointer;font-weight:750;color:#475569}.largest-files>div{display:grid;gap:5px;margin-top:8px}.largest-files span{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;padding:6px 8px;background:#f8fafc;border-radius:8px}.largest-files code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.retention-settings{display:grid;grid-template-columns:minmax(220px,1fr) 150px auto;gap:10px;align-items:end;padding:12px;border:1px solid #e3e9f2;border-radius:13px;background:#f8fafc;margin-bottom:12px}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.switch-row>span{display:grid}.switch-row small{color:#64748b;font-weight:400}.switch-row input{width:auto}.backup-list{display:grid;gap:7px}.backup-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid #e5eaf2;border-radius:12px}.backup-list article>div:first-child{min-width:0;display:grid}.backup-list article>div:first-child b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backup-list article>div:first-child small{color:#7b8799}.backup-type{padding:4px 7px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:9px;font-weight:800}.backup-actions{display:flex;gap:5px;align-items:center}.backup-actions form{margin:0}.empty-inline{padding:18px;text-align:center;border:1px dashed #d8e0ec;border-radius:12px;color:#7b8799}.upgrade-history{display:grid;gap:7px}.upgrade-history article{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid #e5eaf2;border-radius:11px}.upgrade-history article>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900}.upgrade-history .ok{background:#dcfce7;color:#166534}.upgrade-history .fail{background:#fee2e2;color:#b91c1c}.upgrade-history article>div{display:grid}.upgrade-history small{color:#7b8799}.upgrade-history em{font-size:10px;color:#b91c1c;font-style:normal}.database-doctor,.storage-panel,.backup-library{grid-column:1/-1}
html[data-app-theme="dark"][data-app-theme-scope="member"] .maintenance-hero,html[data-app-theme="dark"][data-app-theme-scope="member"] .maintenance-card,html[data-app-theme="dark"][data-app-theme-scope="member"] .maintenance-version{background:#111a2a;border-color:#2b394f;color:#e5edf9}html[data-app-theme="dark"][data-app-theme-scope="member"] .maintenance-hero{background:linear-gradient(135deg,#111a2a,#17152b)}html[data-app-theme="dark"][data-app-theme-scope="member"] .maintenance-version{background:#0f172a}html[data-app-theme="dark"][data-app-theme-scope="member"] .maintenance-card>p,html[data-app-theme="dark"][data-app-theme-scope="member"] .maintenance-note,html[data-app-theme="dark"][data-app-theme-scope="member"] .maintenance-version small,html[data-app-theme="dark"][data-app-theme-scope="member"] .maintenance-version span{color:#9aa8bd}html[data-app-theme="dark"][data-app-theme-scope="member"] .doctor-summary span,html[data-app-theme="dark"][data-app-theme-scope="member"] .doctor-issues>div,html[data-app-theme="dark"][data-app-theme-scope="member"] .storage-grid>span,html[data-app-theme="dark"][data-app-theme-scope="member"] .disk-meter,html[data-app-theme="dark"][data-app-theme-scope="member"] .largest-files span,html[data-app-theme="dark"][data-app-theme-scope="member"] .retention-settings,html[data-app-theme="dark"][data-app-theme-scope="member"] .backup-list article,html[data-app-theme="dark"][data-app-theme-scope="member"] .upgrade-history article{background:#0f172a;border-color:#2b394f;color:#dbe5f2}html[data-app-theme="dark"][data-app-theme-scope="member"] .storage-grid .storage-total{background:#18233f;border-color:#4757a8}html[data-app-theme="dark"][data-app-theme-scope="member"] .disk-meter i{background:#253248}html[data-app-theme="dark"][data-app-theme-scope="member"] .largest-files summary{color:#cbd5e1}html[data-app-theme="dark"][data-app-theme-scope="member"] .maintenance-alert{background:#2f2111;border-color:#7c4a12;color:#fdba74}html[data-app-theme="dark"][data-app-theme-scope="member"] .maintenance-ok{background:#10231a;border-color:#235e40;color:#86efac}
@media(max-width:980px){.maintenance-grid{grid-template-columns:1fr}.storage-grid{grid-template-columns:repeat(2,1fr)}.retention-settings{grid-template-columns:1fr 120px}.retention-settings .btn{grid-column:1/-1}.backup-list article{grid-template-columns:1fr auto}.backup-actions{grid-column:1/-1}.maintenance-hero{align-items:flex-start}.maintenance-version{min-width:145px}}
@media(max-width:640px){.maintenance-hero{display:grid;padding:17px}.maintenance-version{text-align:left}.storage-grid{grid-template-columns:1fr 1fr}.doctor-summary{grid-template-columns:1fr 1fr}.doctor-summary span:last-child{grid-column:1/-1}.retention-settings{grid-template-columns:1fr}.backup-list article{grid-template-columns:1fr}.backup-type{justify-self:start}.upgrade-history article{grid-template-columns:28px 1fr}.upgrade-history article form{grid-column:2}.recovery-actions{display:grid}.recovery-actions form,.recovery-actions .btn{width:100%}}
/* V3.30.0 member surfaces that previously stayed white in dark mode */
html[data-app-theme="dark"][data-app-theme-scope="member"] .app-sidebar,
html[data-app-theme="dark"][data-app-theme-scope="member"] .dashboard-cards a,
html[data-app-theme="dark"][data-app-theme-scope="member"] .bio-list-card,
html[data-app-theme="dark"][data-app-theme-scope="member"] .empty-state,
html[data-app-theme="dark"][data-app-theme-scope="member"] .nav.open{background:#111a2a;border-color:#273449;color:#e5edf9}
html[data-app-theme="dark"][data-app-theme-scope="member"] .app-sidebar a{color:#cbd5e1}
html[data-app-theme="dark"][data-app-theme-scope="member"] .app-sidebar a.active{background:linear-gradient(90deg,#17243a,#211b3c);color:#a8c7ff}
html[data-app-theme="dark"][data-app-theme-scope="member"] .dashboard-cards a{box-shadow:0 14px 40px #0004}
html[data-app-theme="dark"][data-app-theme-scope="member"] .bio-list-card small,
html[data-app-theme="dark"][data-app-theme-scope="member"] .empty-state p{color:#9aa8bd}
@media(max-width:860px){html[data-app-theme="dark"][data-app-theme-scope="member"] .nav{background:#111a2a;border-color:#273449}}
body[data-app-theme-scope="public-content"]{color-scheme:light!important}
html[data-public-surface="attendance"][data-content-theme="dark"] body[data-app-theme-scope="public-content"]{color-scheme:dark!important}

/* ===== V3.1 · Explicit app theme toggle ===== */
.app-theme-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #dbe5f2;background:#f8fafc;color:#334155;border-radius:12px;padding:9px 11px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.16s ease}
.app-theme-toggle:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;transform:translateY(-1px)}
.app-theme-toggle [data-app-theme-icon]{font-size:16px;line-height:1}
.app-theme-toggle [data-app-theme-label]{font-size:11px}
html[data-app-theme="dark"] .app-theme-toggle{background:#17243a;border-color:#344158;color:#dbe5f2}
html[data-app-theme="dark"] .app-theme-toggle:hover{background:#21304b;border-color:#4b6285;color:#fff}
@media(max-width:860px){.app-theme-toggle{width:100%;justify-content:center;padding:10px 12px}.app-theme-toggle [data-app-theme-label]{font-size:12px}}

/* ===== V3.2 · Attendance settings, survey, report, public readability ===== */
.attendance-settings-visible{margin:4px 0 10px}.attendance-settings-title{display:grid;gap:3px}.attendance-settings-title h2{margin:0;font-size:24px}.attendance-settings-title p{margin:0}.attendance-settings-form,.identity-builder-form{display:grid!important;visibility:visible!important;opacity:1!important}.attendance-settings-form{margin-bottom:14px}

.survey-dashboard-v32{display:grid;gap:14px}.survey-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.survey-dashboard-head h2{margin:2px 0 3px;font-size:30px}.survey-dashboard-head p{margin:0}.survey-dashboard-actions{display:flex;gap:8px;flex-wrap:wrap}.survey-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.survey-kpi-grid article{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:15px;display:grid;gap:2px}.survey-kpi-grid small,.survey-kpi-grid span{color:var(--muted)}.survey-kpi-grid b{font-size:28px;line-height:1.1}.survey-rating-grid,.survey-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.survey-rating-card,.survey-choice-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}.survey-rating-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.survey-rating-card-head>div{display:grid;gap:2px}.survey-rating-card-head small{color:var(--muted)}.survey-rating-card-head b{font-size:25px}.survey-rating-card-head b em{font-size:12px;font-style:normal;color:var(--muted);font-weight:600}.survey-rating-card-head>span{font-size:11px;color:var(--muted);background:var(--soft,#f8fafc);border:1px solid var(--line);padding:5px 8px;border-radius:999px}.survey-rating-bars{display:grid;gap:6px}.survey-rating-bars>div{display:grid;grid-template-columns:28px 1fr 24px;gap:8px;align-items:center;font-size:11px}.survey-rating-bars i,.survey-choice-bars i{display:block;height:8px;background:var(--soft,#f8fafc);border-radius:999px;overflow:hidden}.survey-rating-bars i em,.survey-choice-bars i em{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:inherit}.survey-rating-bars b{text-align:right}.survey-choice-card h3{margin:0 0 12px;font-size:15px}.survey-choice-bars{display:grid;gap:10px}.survey-choice-bars>div{display:grid;gap:5px}.survey-choice-bars>div>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.survey-feedback{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:16px}.survey-section-title h3{margin:2px 0}.survey-feedback-group h4{margin:0 0 8px}.survey-feedback-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.survey-feedback-list article{border:1px solid var(--line);background:var(--soft,#f8fafc);border-radius:14px;padding:12px}.survey-feedback-list p{margin:0 0 8px;white-space:normal;overflow-wrap:anywhere}.survey-feedback-list footer{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px}.survey-feedback-list footer b{color:var(--ink)}.survey-builder-panel{padding:0;overflow:hidden}.survey-builder-panel>summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center}.survey-builder-panel>summary::-webkit-details-marker{display:none}.survey-builder-panel>summary h3{margin:2px 0}.survey-builder-panel>summary p{margin:0}.survey-builder-chevron{font-size:22px;transition:.2s}.survey-builder-panel[open] .survey-builder-chevron{transform:rotate(180deg)}.survey-builder-panel form{border-top:1px solid var(--line);padding:18px 20px}.survey-builder-panel{margin-top:4px}

.report-preview-attendance{margin-top:7px}.report-preview-attendance>b{display:block;font-size:7px;margin-bottom:3px}.report-preview-attendance table{font-size:5px!important;margin-top:0!important}.report-preview-attendance th,.report-preview-attendance td{padding:2px!important}.report-preview-sig{max-width:28px;max-height:12px;object-fit:contain}.attendance-report-preview-a4 .report-a4-sheet{overflow:hidden}

/* Public attendance: use familiar system fonts and participant-controlled Light/Dark. */
.attendance-public-body{font-family:Arial,Helvetica,"Segoe UI",sans-serif!important;background:var(--attendance-page,#f8fafc)!important;color:var(--attendance-text,#172033);transition:background .18s ease,color .18s ease}.attendance-public-card{transition:background .18s ease,border-color .18s ease,color .18s ease}.attendance-public-form label,.survey-question{font-weight:600!important;font-size:13px!important}.survey-question legend{font-weight:600}.attendance-public-card h1{font-weight:700!important;letter-spacing:-.025em}.attendance-public-card b{font-weight:700}.attendance-public-theme-toggle{position:fixed;right:18px;top:18px;z-index:20;width:auto;border:1px solid #dbe3ee;background:#ffffffee;color:#334155;border-radius:999px;padding:8px 12px;font:600 12px/1 Arial,Helvetica,sans-serif;box-shadow:0 10px 30px #0f172a14;cursor:pointer;backdrop-filter:blur(10px)}body[data-attendance-theme="dark"].attendance-public-body{--attendance-page:#0b1220!important;--attendance-card:#111827!important;--attendance-text:#f8fafc!important;--attendance-muted:#cbd5e1!important;background:radial-gradient(circle at 20% 0,#261b3e 0,transparent 34%),#0b1220!important}body[data-attendance-theme="dark"] .attendance-public-theme-toggle{background:#111827ee;color:#f8fafc;border-color:#334155}body[data-attendance-theme="dark"] .attendance-smart-message,body[data-attendance-theme="dark"] .checkout-before,body[data-attendance-theme="dark"] .signature-field,body[data-attendance-theme="dark"] .attendance-recognized{background:#0f172a;color:#f8fafc;border-color:#334155}body[data-attendance-theme="dark"] .attendance-success{background:#052e16;color:#bbf7d0;border-color:#166534}body[data-attendance-theme="dark"] .attendance-errors{background:#4c0519;color:#fecdd3;border-color:#9f1239}

@media(max-width:800px){.survey-dashboard-head{display:grid}.survey-dashboard-actions{display:grid;grid-template-columns:1fr 1fr}.survey-kpi-grid{grid-template-columns:1fr 1fr}.survey-rating-grid,.survey-choice-grid,.survey-feedback-list{grid-template-columns:1fr}}
@media(max-width:520px){.survey-kpi-grid{grid-template-columns:1fr}.survey-dashboard-actions{grid-template-columns:1fr}.attendance-public-theme-toggle{right:10px;top:10px;padding:7px 10px}.attendance-public-shell{margin-top:44px!important}}

/* ===== V3.3 · Flexible attendance flow, exact report preview, recovery manager ===== */
.attendance-flow-card{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 90%,#eef2ff 10%))}.attendance-flow-card h3{margin:2px 0}.attendance-flow-card p{margin:0}.attendance-flow-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attendance-flow-options>label{position:relative}.attendance-flow-options input{position:absolute;opacity:0;pointer-events:none}.attendance-flow-options span{display:grid;gap:3px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);cursor:pointer}.attendance-flow-options small{color:var(--muted)}.attendance-flow-options input:checked+span{border-color:#6366f1;box-shadow:0 0 0 2px #6366f122;background:color-mix(in srgb,var(--card) 94%,#6366f1 6%)}.attendance-missing-status{display:block!important;color:#b45309!important;background:#fff7ed!important;border:1px solid #fed7aa!important;border-radius:999px!important;padding:4px 8px!important;font-size:10px!important}.attendance-report-preview-live{min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;align-self:start;position:sticky;top:86px}.report-preview-iframe-wrap{height:760px;background:#eef2f7}.report-preview-iframe{display:block;width:100%;height:100%;border:0;background:#fff}.attendance-report-preview-live .attendance-report-preview-toolbar{padding:12px 14px;border-bottom:1px solid var(--line);background:var(--card)}.attendance-report-preview-live .attendance-report-preview-toolbar span{display:grid}.attendance-report-preview-live .attendance-report-preview-toolbar small{color:var(--muted)}
.recovery-create-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.recovery-create-form label{margin:0}.backup-labels{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.backup-verify{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.backup-verify.ok{background:#dcfce7;color:#166534}.backup-verify.fail{background:#fee2e2;color:#991b1b}.backup-verify.neutral{background:#f1f5f9;color:#64748b}
html[data-app-theme="dark"][data-app-theme-scope="member"] .attendance-flow-card,html[data-app-theme="dark"][data-app-theme-scope="member"] .attendance-flow-options span,html[data-app-theme="dark"][data-app-theme-scope="member"] .attendance-report-preview-live{background:#111a2a;border-color:#2b394f}.attendance-settings-form [hidden]{display:none!important}
@media(max-width:980px){.attendance-report-preview-live{position:static}.report-preview-iframe-wrap{height:680px}.recovery-create-form{grid-template-columns:1fr}.attendance-flow-options{grid-template-columns:1fr}}


/* V3.4 Modern attendance settings */
.attendance-settings-modern{display:grid;gap:16px}.attendance-settings-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.attendance-settings-hero h2{margin:3px 0 4px;font-size:30px;letter-spacing:-.03em}.settings-save-state{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.settings-save-state.dirty{color:#b45309;background:#fff7ed;border-color:#fed7aa}.settings-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.settings-quick-card{appearance:none;text-align:left;border:1px solid var(--line);background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 92%,#eef2ff 8%));border-radius:18px;padding:15px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;color:var(--ink)}.settings-quick-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0f172a12;border-color:color-mix(in srgb,var(--blue) 42%,var(--line))}.settings-quick-card>span{grid-row:1/5;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--blue) 11%,transparent);display:grid;place-items:center;color:var(--blue);font-size:18px}.settings-quick-card small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.settings-quick-card b{font-size:15px}.settings-quick-card em{font-size:11px;color:var(--muted);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-presets{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:4px 2px}.settings-presets>span{font-size:12px;color:var(--muted);font-weight:700}.settings-presets button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:7px 10px;font-weight:700;font-size:11px;cursor:pointer}.modern-settings-form{display:grid;gap:10px!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}.settings-editor-card{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:clip;scroll-margin-top:90px}.settings-editor-card>summary{list-style:none;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:15px 16px;cursor:pointer}.settings-editor-card>summary::-webkit-details-marker{display:none}.settings-editor-card>summary>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--soft,#f8fafc);border:1px solid var(--line);font-size:11px;font-weight:900;color:var(--blue)}.settings-editor-card>summary>div{display:grid;gap:2px}.settings-editor-card>summary b{font-size:15px}.settings-editor-card>summary small{color:var(--muted)}.settings-editor-card>summary>i{font-style:normal;color:var(--muted);transition:.18s}.settings-editor-card[open]>summary>i{transform:rotate(180deg)}.settings-editor-body{border-top:1px solid var(--line);padding:16px;display:grid;gap:14px}.settings-sticky-save{position:sticky;bottom:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 16px 40px #0f172a1b;backdrop-filter:blur(14px)}.settings-sticky-save>div{display:grid;gap:2px}.settings-sticky-save small{color:var(--muted)}.settings-advanced-card{margin-top:2px}.settings-advanced-card .identity-builder-form{border:0!important;padding:0!important;background:transparent!important}.attendance-report-kpi-settings{border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:10px}.attendance-report-kpi-settings>div:first-child{display:grid}.attendance-report-kpi-settings small{color:var(--muted)}.report-kpi-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.report-kpi-toggle-grid .check{border:1px solid var(--line);border-radius:12px;padding:9px;background:var(--soft,#f8fafc)}

/* V3.4 Public attendance hero */
.attendance-landing-modern{padding:0!important;overflow:hidden}.attendance-public-hero{position:relative;padding:26px 34px 22px;background:linear-gradient(135deg,color-mix(in srgb,var(--attendance-accent) 10%,var(--attendance-card)),var(--attendance-card) 55%,color-mix(in srgb,var(--attendance-accent-2) 10%,var(--attendance-card)));border-bottom:1px solid color-mix(in srgb,var(--attendance-text) 10%,transparent)}.attendance-public-hero:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;top:-90px;background:radial-gradient(circle,color-mix(in srgb,var(--attendance-accent) 22%,transparent),transparent 70%);pointer-events:none}.attendance-public-hero-copy{position:relative;z-index:1}.attendance-public-hero h1{font-size:38px;margin:7px 0 9px}.attendance-public-hero p{max-width:620px;margin:0 0 12px;color:var(--attendance-muted)}.attendance-landing-modern>.attendance-recognized,.attendance-landing-modern>.attendance-smart-message,.attendance-landing-modern>.attendance-phase-cta,.attendance-landing-modern>.attendance-phase-status,.attendance-landing-modern>.attendance-checkout-cta{margin-left:34px;margin-right:34px}.attendance-landing-modern>.attendance-recognized{margin-top:18px}.attendance-landing-modern>.attendance-phase-status{margin-bottom:30px}.attendance-public-hero .attendance-public-branding{margin:0 0 14px}.attendance-public-hero .attendance-event-cover{max-height:150px;border-radius:16px;object-fit:cover;width:100%}

/* V3.4 Fixed A4 preview */
.attendance-report-preview-live{overflow:hidden}.report-preview-iframe-wrap{height:780px;overflow:hidden;background:#e9eef5;position:relative}.report-preview-iframe{width:100%;height:100%;border:0;background:#e9eef5}.attendance-report-preview-toolbar{display:flex!important;align-items:center;justify-content:space-between;gap:10px}.attendance-report-preview-toolbar a{font-size:11px;font-weight:800}

/* V3.4 Home motion & modern landing */
.home-reveal{opacity:1;transform:none}.home-motion-ready .home-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}.home-motion-ready .home-reveal.is-visible{opacity:1;transform:none}.home-hero-modern{position:relative;overflow:hidden}.home-hero-modern:before,.home-hero-modern:after{content:"";position:absolute;border-radius:50%;filter:blur(3px);pointer-events:none}.home-hero-modern:before{width:250px;height:250px;right:5%;top:-120px;background:radial-gradient(circle,#7c3aed22,transparent 70%);animation:homeFloat 8s ease-in-out infinite}.home-hero-modern:after{width:180px;height:180px;left:8%;bottom:-120px;background:radial-gradient(circle,#ef444422,transparent 70%);animation:homeFloat 10s ease-in-out infinite reverse}.home-shorten-card{box-shadow:0 26px 70px #0f172a12;border-color:color-mix(in srgb,var(--red) 26%,var(--line))}.modern-feature-strip article{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.modern-feature-strip article:hover{transform:translateY(-4px);box-shadow:0 18px 36px #0f172a12;border-color:color-mix(in srgb,var(--blue) 32%,var(--line))}.home-how{margin-top:26px;padding:34px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 92%,#eef2ff 8%));display:grid;grid-template-columns:.9fr 1.3fr;gap:30px;align-items:center}.home-how h2{font-size:34px;line-height:1.08;margin:5px 0 10px;letter-spacing:-.04em}.home-how p{color:var(--muted);max-width:480px}.home-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.home-how-grid article{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:16px;display:grid;gap:5px}.home-how-grid span{font-size:11px;font-weight:900;color:var(--purple);letter-spacing:.1em}.home-how-grid b{font-size:15px}.home-how-grid small{color:var(--muted)}@keyframes homeFloat{50%{transform:translate3d(0,18px,0) scale(1.05)}}@media(prefers-reduced-motion:reduce){.home-reveal{opacity:1;transform:none;transition:none}.home-hero-modern:before,.home-hero-modern:after{animation:none}}

html[data-app-theme="dark"][data-app-theme-scope="member"] .settings-quick-card,html[data-app-theme="dark"][data-app-theme-scope="member"] .settings-editor-card,html[data-app-theme="dark"][data-app-theme-scope="member"] .settings-sticky-save{background:#111a2a;border-color:#2b394f}.settings-editor-card [hidden]{display:none!important}
@media(max-width:980px){.settings-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-how{grid-template-columns:1fr}.home-how-grid{grid-template-columns:repeat(3,1fr)}.report-kpi-toggle-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.attendance-settings-hero{display:grid}.settings-save-state{justify-self:start}.settings-quick-grid{grid-template-columns:1fr}.settings-sticky-save{bottom:8px}.settings-sticky-save small{display:none}.settings-sticky-save .btn{width:auto}.attendance-public-hero{padding:24px 22px 18px}.attendance-public-hero h1{font-size:31px}.attendance-landing-modern>.attendance-recognized,.attendance-landing-modern>.attendance-smart-message,.attendance-landing-modern>.attendance-phase-cta,.attendance-landing-modern>.attendance-phase-status,.attendance-landing-modern>.attendance-checkout-cta{margin-left:22px;margin-right:22px}.home-how{padding:24px}.home-how-grid{grid-template-columns:1fr}}


/* V3.5 — homepage, dashboard, attendance flashcards, live report preview */
.home-v35-shell{max-width:1280px;margin:0 auto;padding:54px 24px 72px}.home-v35-hero{min-height:430px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:54px;align-items:center;position:relative}.home-v35-hero-copy{max-width:720px}.home-v35-hero h1{font-size:clamp(3.15rem,5.6vw,5.8rem);line-height:.94;letter-spacing:-.055em;margin:16px 0 22px}.home-v35-hero h1 em{font-style:normal;background:linear-gradient(110deg,#dc3651,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.home-v35-hero p{font-size:1.14rem;line-height:1.75;max-width:680px;color:var(--muted)}.home-v35-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.home-v35-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.home-v35-trust span{border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 82%,transparent);padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:700;color:var(--muted)}.home-v35-orbit{height:390px;position:relative;isolation:isolate}.orbit-glow{position:absolute;inset:14% 12%;border-radius:50%;background:radial-gradient(circle,#8b5cf642 0,#dc365125 38%,transparent 72%);filter:blur(12px);animation:lovOrbitGlow 7s ease-in-out infinite}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:158px;height:158px;border-radius:44px;background:linear-gradient(145deg,#111827,#1f2937);color:white;display:grid;place-content:center;text-align:center;gap:8px;box-shadow:0 28px 80px #1118274d;border:1px solid #ffffff2b;z-index:2}.orbit-core span{font-size:2.8rem}.orbit-core b{font-size:1.15rem}.orbit-card{position:absolute;width:170px;padding:15px 16px;border-radius:22px;background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,#fff);box-shadow:0 18px 50px #11182718;backdrop-filter:blur(16px);display:grid;grid-template-columns:34px 1fr;align-items:center;gap:3px 10px;animation:lovFloat 6s ease-in-out infinite}.orbit-card>span{grid-row:1/3;width:34px;height:34px;border-radius:11px;background:var(--soft);display:grid;place-items:center;font-weight:900}.orbit-card b{font-size:.9rem}.orbit-card small{font-size:.72rem;color:var(--muted)}.orbit-link{left:0;top:34px}.orbit-qr{right:4px;top:70px;animation-delay:-1.2s}.orbit-bio{left:22px;bottom:38px;animation-delay:-2.4s}.orbit-attendance{right:0;bottom:28px;animation-delay:-3.2s}.home-v35-shortener{margin-top:18px;padding:26px;border-radius:30px;border:1px solid color-mix(in srgb,var(--border) 72%,#dc3651);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel) 88%,#8b5cf610));box-shadow:0 22px 70px #4f46e514}.home-v35-shortener-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.home-v35-shortener h2{font-size:1.55rem;margin:3px 0}.home-v35-live-pill{font-size:.78rem;font-weight:800;color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;padding:7px 10px}.home-v35-url-row{display:grid;grid-template-columns:1fr auto;gap:12px}.home-v35-url-input{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--panel);border-radius:17px;padding:0 16px;transition:.2s}.home-v35-url-input:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf616}.home-v35-url-input input{border:0!important;box-shadow:none!important;background:transparent!important;padding:17px 0!important;min-width:0}.home-v35-url-input>span{font-size:1.2rem;color:#8b5cf6}.home-v35-advanced{margin-top:12px}.home-v35-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0}.home-tool-card{display:grid;grid-template-columns:50px 1fr 24px;gap:16px;align-items:center;padding:24px;border-radius:24px;border:1px solid var(--border);background:var(--panel);text-decoration:none;color:inherit;box-shadow:0 10px 36px #1118270b;transition:transform .22s,box-shadow .22s,border-color .22s}.home-tool-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px #4f46e517;border-color:#8b5cf65c}.home-tool-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#fff1f2,#ede9fe);font-size:1.35rem}.home-tool-card small{font-size:.69rem;font-weight:900;letter-spacing:.12em;color:#7c3aed}.home-tool-card h3{margin:4px 0;font-size:1.12rem}.home-tool-card p{margin:0;color:var(--muted);font-size:.87rem}.home-v35-showcase{margin-top:20px!important}.home-how{display:none!important}@keyframes lovFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(.5deg)}}@keyframes lovOrbitGlow{0%,100%{transform:scale(.95);opacity:.72}50%{transform:scale(1.06);opacity:1}}
.dashboard-v35{padding-top:28px}.dashboard-v35-hero{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:30px;border-radius:30px;background:linear-gradient(130deg,color-mix(in srgb,var(--panel) 94%,#dc36510e),color-mix(in srgb,var(--panel) 88%,#8b5cf61c));border:1px solid var(--border);box-shadow:0 20px 60px #1118270d}.dashboard-v35-hero h1{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.04em;margin:4px 0}.dashboard-v35-hero p{margin:0;color:var(--muted);font-size:1rem}.dashboard-v35-quick{display:grid;grid-template-columns:repeat(4,108px);gap:10px}.dashboard-v35-quick a{height:108px;border-radius:22px;background:var(--panel);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;color:inherit;box-shadow:0 10px 30px #1118270a;transition:.2s}.dashboard-v35-quick a:hover{transform:translateY(-4px);border-color:#8b5cf66b}.dashboard-v35-quick span{font-size:1.5rem}.dashboard-v35-quick b{margin-top:5px}.dashboard-v35-quick small{color:var(--muted);font-size:.69rem}.dashboard-v35-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.dashboard-v35-metrics a{position:relative;padding:21px;border:1px solid var(--border);border-radius:22px;background:var(--panel);text-decoration:none;color:inherit;min-height:138px}.dashboard-v35-metrics small{font-size:.68rem;font-weight:900;letter-spacing:.11em;color:var(--muted)}.dashboard-v35-metrics b{display:block;font-size:2rem;margin:9px 0 1px}.dashboard-v35-metrics span{font-size:.82rem;color:var(--muted)}.dashboard-v35-metrics i{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:12px;background:var(--soft);display:grid;place-items:center;font-style:normal}.dashboard-v35-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dashboard-v35-panel{border:1px solid var(--border);border-radius:24px;background:var(--panel);padding:20px}.dashboard-v35-panel>header{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:14px}.dashboard-v35-panel h2{margin:3px 0 0}.dashboard-v35-panel>header>a{font-size:.8rem;font-weight:800}.dashboard-v35-list>div,.dashboard-v35-list>a{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:13px 2px;border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent);text-decoration:none;color:inherit}.dashboard-v35-list>*:last-child{border-bottom:0}.dashboard-list-icon{width:38px;height:38px;border-radius:13px;background:var(--soft);display:grid;place-items:center}.dashboard-v35-list p{margin:0;min-width:0}.dashboard-v35-list p b,.dashboard-v35-list p small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-v35-list p small{color:var(--muted);font-size:.76rem;margin-top:3px}.dashboard-v35-list strong{font-size:.82rem;text-align:right}.dashboard-v35-list strong small{display:block;color:var(--muted);font-weight:500}.dashboard-status{padding:6px 9px;border-radius:999px;background:var(--soft)}.dashboard-status.active{background:#dcfce7;color:#166534}.dashboard-v35-admin{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:17px 20px;border-radius:20px;border:1px dashed #8b5cf67a;background:#8b5cf608}.dashboard-v35-admin>div{display:flex;gap:12px;align-items:center}.dashboard-v35-admin>div>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#8b5cf617}.dashboard-v35-admin small{display:block;color:var(--muted);margin-top:2px}
.attendance-create-v35{max-width:1180px;margin:0 auto;padding-bottom:110px}.create-v35-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}.create-v35-head h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em;margin:7px 0}.create-v35-progress{min-width:132px;border:1px solid var(--border);border-radius:20px;padding:14px 16px;background:var(--panel);text-align:center}.create-v35-progress span{display:block;font-size:1.45rem;font-weight:900}.create-v35-progress small{color:var(--muted);font-size:.72rem}.create-flash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.create-flashcard{border:1px solid var(--border);border-radius:24px;background:var(--panel);overflow:hidden;box-shadow:0 10px 35px #11182709;transition:border-color .2s,box-shadow .2s,transform .2s}.create-flashcard[open]{grid-column:1/-1;border-color:#8b5cf65c;box-shadow:0 22px 60px #4f46e512}.create-flashcard summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center;padding:20px}.create-flashcard summary::-webkit-details-marker{display:none}.create-flash-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#fff1f2,#ede9fe);display:grid;place-items:center;font-size:1.25rem}.create-flashcard summary small{font-size:.66rem;font-weight:900;letter-spacing:.1em;color:#7c3aed}.create-flashcard summary h3{margin:3px 0;font-size:1.1rem}.create-flashcard summary p{margin:0;color:var(--muted);font-size:.8rem}.create-flashcard summary>i{font-style:normal;font-size:.72rem;font-weight:800;padding:6px 9px;border-radius:999px;background:var(--soft);color:var(--muted)}.create-flashcard summary>i.ready{background:#dcfce7;color:#166534}.create-flash-body{border-top:1px solid var(--border);padding:22px;background:color-mix(in srgb,var(--panel) 94%,var(--soft))}.create-phase-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.create-phase-grid>section{border:1px solid var(--border);border-radius:18px;padding:16px;background:var(--panel)}.create-phase-grid h4{margin:0 0 12px}.create-v35-submit{position:sticky;bottom:14px;z-index:25;margin-top:18px;border:1px solid var(--border);border-radius:22px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(18px);box-shadow:0 18px 60px #11182720;padding:14px 16px;display:flex;justify-content:space-between;gap:20px;align-items:center}.create-v35-submit small{display:block;color:var(--muted);margin-top:3px}
.attendance-report-preview-toolbar [data-report-live-status].dirty{color:#b45309;font-weight:700}.report-preview-iframe{background:#e9eef5}
@media(max-width:980px){.home-v35-hero{grid-template-columns:1fr}.home-v35-orbit{height:330px;max-width:560px;width:100%;margin:auto}.home-v35-tools,.dashboard-v35-grid{grid-template-columns:1fr}.dashboard-v35-hero{grid-template-columns:1fr}.dashboard-v35-quick{grid-template-columns:repeat(4,1fr)}.dashboard-v35-metrics{grid-template-columns:repeat(2,1fr)}.create-flash-grid{grid-template-columns:1fr}.create-flashcard[open]{grid-column:auto}}
@media(max-width:680px){.home-v35-shell{padding:30px 14px 50px}.home-v35-hero h1{font-size:3rem}.home-v35-orbit{height:290px}.orbit-core{width:126px;height:126px;border-radius:36px}.orbit-card{width:140px;padding:11px}.orbit-link,.orbit-bio{left:0}.orbit-qr,.orbit-attendance{right:0}.home-v35-url-row{grid-template-columns:1fr}.home-v35-shortener{padding:18px;border-radius:22px}.home-v35-shortener-head{align-items:start}.home-v35-live-pill{display:none}.home-v35-tools{grid-template-columns:1fr}.home-tool-card{padding:18px}.dashboard-v35-quick{grid-template-columns:repeat(2,1fr)}.dashboard-v35-metrics{grid-template-columns:1fr 1fr}.dashboard-v35-hero{padding:20px}.create-v35-head{display:block}.create-v35-progress{margin-top:14px;text-align:left}.create-phase-grid{grid-template-columns:1fr}.create-v35-submit{bottom:8px}.create-v35-submit>div{display:none}}
@media(prefers-reduced-motion:reduce){.orbit-card,.orbit-glow{animation:none!important}}

/* ===== V3.6 · Home separated from Shorten ===== */
body.page-home{background:
  radial-gradient(circle at 10% 18%,rgba(236,72,153,.11),transparent 24%),
  radial-gradient(circle at 82% 10%,rgba(139,92,246,.13),transparent 28%),
  linear-gradient(180deg,#fff 0,#fbfaff 58%,#fff 100%);
}
body.page-home .topbar{width:min(1450px,calc(100% - 38px));height:76px;margin:14px auto 0;padding:0 24px;border:1px solid #ebe8f5;border-radius:23px;background:rgba(255,255,255,.84);box-shadow:0 20px 70px rgba(76,29,149,.08);backdrop-filter:blur(22px);position:sticky;top:12px}
body.page-home .page{width:min(1450px,calc(100% - 38px));padding-top:20px}
body.page-home .footer{border-top:0;padding-top:8px}
body.page-home .nav a{border-radius:13px}
body.page-home .nav a.active{background:linear-gradient(145deg,#f5f3ff,#fff1f6);color:#6d28d9;box-shadow:inset 0 -2px 0 #8b5cf6}
body.page-home .nav .nav-cta{background:linear-gradient(110deg,#7c3aed,#ec4899);box-shadow:0 10px 26px rgba(168,85,247,.22)}
.home-v36{position:relative;isolation:isolate;overflow:hidden;padding-bottom:24px}
.home-v36:before,.home-v36:after{content:"";position:absolute;z-index:-2;border-radius:999px;filter:blur(2px);pointer-events:none}
.home-v36:before{width:340px;height:340px;left:-210px;top:40px;background:radial-gradient(circle,#f0abfc 0,rgba(244,114,182,.24) 40%,transparent 70%);animation:home36Bubble 8s ease-in-out infinite}
.home-v36:after{width:260px;height:260px;right:-145px;top:410px;background:radial-gradient(circle,#c4b5fd 0,rgba(129,140,248,.2) 42%,transparent 72%);animation:home36Bubble 10s ease-in-out -3s infinite reverse}
.home36-hero{min-height:590px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);gap:28px;align-items:center;padding:36px 22px 26px}
.home36-copy{padding:22px 6px 24px 22px;position:relative;z-index:4}
.home36-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #ede9fe;background:rgba(255,255,255,.78);border-radius:999px;color:#6d28d9;font-size:.76rem;font-weight:850;letter-spacing:.06em;box-shadow:0 10px 30px rgba(124,58,237,.06)}
.home36-kicker i{font-style:normal;color:#ec4899}
.home36-copy h1{font-size:clamp(3.1rem,5.7vw,6.25rem);line-height:.94;letter-spacing:-.065em;margin:21px 0 22px;max-width:780px;color:#111827}
.home36-copy h1 em{font-style:normal;background:linear-gradient(100deg,#7c3aed 10%,#ec4899 62%,#fb7185);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 22px rgba(236,72,153,.08))}
.home36-copy>p{max-width:665px;margin:0;color:#667085;font-size:1.15rem;line-height:1.72}
.home36-actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 19px}
.home36-primary{background:linear-gradient(110deg,#7c3aed,#ec4899)!important;border-color:transparent!important;box-shadow:0 16px 35px rgba(168,85,247,.25)!important;position:relative;overflow:hidden}
.home36-primary:before{content:"";position:absolute;width:70px;height:180%;top:-40%;left:-110px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:rotate(15deg);animation:home36Shine 4.6s ease-in-out infinite}
.home36-primary span,.home36-cta-button span{display:inline-block;transition:transform .2s ease}
.home36-primary:hover span,.home36-cta-button:hover span{transform:translateX(4px)}
.home36-proof{display:flex;gap:18px;flex-wrap:wrap;color:#64748b;font-size:.8rem;font-weight:750}.home36-proof span{display:flex;align-items:center;gap:6px}
.home36-stage{height:520px;position:relative;perspective:1200px;transform-style:preserve-3d;display:grid;place-items:center}
.home36-aurora{position:absolute;width:510px;height:430px;border-radius:50%;background:radial-gradient(ellipse at 46% 45%,rgba(255,255,255,.98),rgba(233,213,255,.78) 33%,rgba(251,207,232,.46) 55%,transparent 74%);filter:blur(1px);animation:home36Aurora 7s ease-in-out infinite}
.home36-orbit{position:absolute;border:1px solid rgba(139,92,246,.18);border-radius:50%;transform:rotate(-16deg);pointer-events:none}
.home36-orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 22px #8b5cf6;animation:home36OrbitDot 5s linear infinite}
.home36-orbit.orbit-a{width:630px;height:260px}.home36-orbit.orbit-b{width:470px;height:390px;transform:rotate(16deg)}.home36-orbit.orbit-b:after{background:#ec4899;animation-duration:6.6s;animation-direction:reverse}
.home36-phone{position:absolute;left:43%;top:57px;width:230px;height:400px;padding:16px;border-radius:38px;background:linear-gradient(160deg,#fff,#fff7fb);border:7px solid #ece4ff;box-shadow:0 34px 80px rgba(124,58,237,.2),inset 0 0 0 1px #fff;z-index:5;text-align:center;animation:home36Float 6s ease-in-out infinite;transform-style:preserve-3d}
.home36-phone:before{content:"";position:absolute;inset:-8px;border-radius:42px;border:1px solid rgba(139,92,246,.28);pointer-events:none}
.home36-phone-bar{height:27px;display:grid;grid-template-columns:10px 1fr 20px;align-items:center;color:#7c3aed;font-size:.56rem}.home36-phone-bar>span{width:7px;height:7px;border-radius:50%;background:#22c55e}.home36-phone-bar>b{font-size:.55rem;color:#94a3b8}
.home36-avatar{width:70px;height:70px;border-radius:50%;margin:17px auto 9px;display:grid;place-items:center;background:linear-gradient(135deg,#c4b5fd,#f9a8d4);color:#fff;font-size:1.75rem;font-weight:900;box-shadow:0 13px 28px rgba(236,72,153,.15)}
.home36-phone h3{margin:0;font-size:1rem}.home36-phone p{font-size:.64rem;color:#7b8497;margin:5px 7px 15px}.home36-phone>i{font-style:normal;display:block;margin:8px 0;padding:9px 10px;border:1px solid #eee8f8;border-radius:13px;background:#fff;color:#3f3c5c;font-size:.68rem;font-weight:750;box-shadow:0 7px 15px rgba(76,29,149,.04)}.home36-phone footer{margin-top:12px;color:#8b5cf6;font-size:.6rem;font-weight:800}
.home36-float{position:absolute;z-index:6;border:1px solid rgba(224,214,243,.85);background:rgba(255,255,255,.91);backdrop-filter:blur(18px);box-shadow:0 24px 65px rgba(88,28,135,.13);border-radius:23px;animation:home36Float 5.5s ease-in-out infinite}
.home36-link-card{left:3%;top:104px;width:220px;padding:15px 17px;animation-delay:-1.2s;transform:rotate(-5deg)}.home36-link-card small{display:block;color:#8b5cf6;font-size:.61rem;font-weight:900;letter-spacing:.09em}.home36-link-card>b{display:block;margin:7px 0;color:#382f63;font-size:.82rem}.home36-link-card .mini-trend{display:flex;align-items:center;gap:7px;color:#16a34a;font-size:.65rem}.home36-link-card .mini-trend i{width:75px;height:22px;border-radius:7px;background:linear-gradient(165deg,transparent 35%,#c084fc 36%,#c084fc 41%,transparent 42%),linear-gradient(25deg,transparent 45%,#ec4899 46%,#ec4899 51%,transparent 52%)}
.home36-qr-card{left:7%;bottom:42px;width:190px;padding:14px;animation-delay:-3.1s;transform:rotate(-5deg)}.home36-qr-card header,.home36-analytics header{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:#4b3f73}.home36-fake-qr{width:115px;height:115px;margin:13px auto;border:10px solid #fff;border-radius:14px;box-shadow:0 5px 16px rgba(76,29,149,.08);background:repeating-conic-gradient(from 90deg,#7c3aed 0 25%,#fff 0 50%) 50%/18px 18px;position:relative}.home36-fake-qr:after{content:"♥";position:absolute;inset:39px;border-radius:9px;display:grid;place-items:center;background:#fff;color:#ec4899;font-weight:900}.home36-qr-card>small{display:block;text-align:center;color:#8b5cf6;font-size:.58rem;font-weight:800}
.home36-analytics{right:0;bottom:34px;width:260px;padding:16px 17px 13px;animation-delay:-2.1s;transform:rotate(4deg)}.home36-analytics header span{font-weight:900;letter-spacing:.09em}.home36-analytics header b{font-size:.58rem;padding:4px 7px;border-radius:999px;background:#dcfce7;color:#15803d}.home36-analytics>strong{display:block;font-size:.9rem;margin-top:9px}.home36-analytics svg{width:100%;height:88px;overflow:visible}.home36-chart-line{fill:none;stroke:url(#homeLine);stroke-width:4;stroke-linecap:round;stroke-dasharray:330;stroke-dashoffset:330;animation:home36Draw 3s ease forwards 1s}.home36-chart-fill{fill:url(#homeLine);opacity:.08}.home36-analytics>div{display:flex;gap:10px;justify-content:flex-end;color:#94a3b8;font-size:.55rem}.home36-analytics>div b{color:#8b5cf6}
.home36-particle{position:absolute;border-radius:50%;z-index:2;background:linear-gradient(135deg,#c4b5fd,#f9a8d4);box-shadow:0 12px 25px rgba(168,85,247,.17);animation:home36Particle 7s ease-in-out infinite}.home36-particle.p1{width:22px;height:22px;left:21%;top:42px}.home36-particle.p2{width:13px;height:13px;right:11%;top:64px;animation-delay:-2s}.home36-particle.p3{width:31px;height:31px;right:4%;top:235px;animation-delay:-4s}.home36-particle.p4{width:15px;height:15px;left:23%;bottom:20px;animation-delay:-1.4s}
.home36-feature-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:12px;margin:0 22px 20px;border:1px solid #ebe7f3;border-radius:25px;background:rgba(255,255,255,.78);box-shadow:0 18px 55px rgba(76,29,149,.06);backdrop-filter:blur(18px)}.home36-feature-strip>a{min-height:104px;display:grid;grid-template-columns:44px 1fr;gap:11px;align-items:center;padding:14px;border-radius:18px;color:inherit;text-decoration:none;transition:transform .24s,background .24s,box-shadow .24s}.home36-feature-strip>a:hover{transform:translateY(-5px);background:#fff;box-shadow:0 16px 35px rgba(99,102,241,.1)}.home36-feature-strip>a>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#fae8ff,#fdf2f8);color:#7c3aed;font-size:1.15rem}.home36-feature-strip b,.home36-feature-strip small{display:block}.home36-feature-strip b{font-size:.78rem}.home36-feature-strip small{font-size:.64rem;color:#7a8495;line-height:1.45;margin-top:3px}
.home36-confidence{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center;margin:23px 22px;padding:34px;border:1px solid #ece9f5;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.93),rgba(248,245,255,.82));box-shadow:0 18px 55px rgba(76,29,149,.05)}.home36-confidence h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.06;letter-spacing:-.035em;margin:7px 0 13px}.home36-confidence p{color:#7a8495;margin:0}.home36-confidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home36-confidence-grid article{position:relative;padding:18px;border-radius:20px;background:#fff;border:1px solid #ede9f4;min-height:126px;transition:transform .2s,border-color .2s}.home36-confidence-grid article:hover{transform:translateY(-3px);border-color:#c4b5fd}.home36-confidence-grid span{position:absolute;right:13px;top:10px;color:#ddd6fe;font-size:1.6rem;font-weight:900}.home36-confidence-grid b{display:block;margin-bottom:6px}.home36-confidence-grid small{color:#7b8494;line-height:1.5}
.home36-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:22px;margin:24px 22px 10px;padding:27px 30px;border-radius:28px;color:#fff;background:linear-gradient(110deg,#6d28d9 0,#a855f7 46%,#ec4899 100%);box-shadow:0 24px 65px rgba(126,34,206,.23)}.home36-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 30%,rgba(255,255,255,.23),transparent 23%),repeating-linear-gradient(125deg,transparent 0 36px,rgba(255,255,255,.03) 36px 37px);pointer-events:none}.home36-cta>*{position:relative;z-index:2}.home36-cta-mark{width:70px;height:70px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);font-size:2.2rem;box-shadow:inset 0 0 20px rgba(255,255,255,.12)}.home36-cta .eyebrow{color:#f5d0fe}.home36-cta h2{margin:2px 0 5px;font-size:1.5rem}.home36-cta p{margin:0;color:#f3e8ff}.home36-cta-actions{display:flex;gap:14px;align-items:center}.home36-cta-button{background:#fff!important;color:#6d28d9!important;border-color:#fff!important;box-shadow:0 10px 28px rgba(47,20,75,.17)}.home36-cta-login{color:#fff;font-weight:800}.home36-cta-login:hover{text-decoration:underline}
/* Shorten has its own page from V3.6 */
body.page-shorten{background:radial-gradient(circle at 85% 4%,#ede9fe 0,transparent 25%),radial-gradient(circle at 8% 22%,#fce7f3 0,transparent 27%),var(--bg)}
.shorten-v36-shell{max-width:1120px;margin:0 auto;padding:24px 0 55px}.shorten-v36-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:26px 8px 10px}.shorten-v36-hero h1{font-size:clamp(2.5rem,5vw,4.6rem);letter-spacing:-.055em;line-height:.98;margin:8px 0 12px}.shorten-v36-hero h1 em{font-style:normal;background:linear-gradient(100deg,#7c3aed,#ec4899);-webkit-background-clip:text;color:transparent}.shorten-v36-hero p{color:var(--muted);max-width:700px;font-size:1rem}.shorten-v36-home-link{font-weight:800;white-space:nowrap}.shorten-v36-card{margin-top:18px}.shorten-v36-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.shorten-v36-benefits article{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:16px 18px;background:var(--panel);border:1px solid var(--border);border-radius:19px}.shorten-v36-benefits article>span{width:40px;height:40px;border-radius:13px;background:var(--soft);display:grid;place-items:center}.shorten-v36-benefits b,.shorten-v36-benefits small{display:block}.shorten-v36-benefits small{color:var(--muted);font-size:.75rem;margin-top:2px}
@keyframes home36Float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes home36Bubble{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(24px,-18px,0) scale(1.07)}}
@keyframes home36Aurora{0%,100%{transform:scale(.96) rotate(-2deg);opacity:.85}50%{transform:scale(1.04) rotate(2deg);opacity:1}}
@keyframes home36Particle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(18deg)}}
@keyframes home36Shine{0%,72%{left:-110px}88%,100%{left:120%}}
@keyframes home36OrbitDot{0%{left:5%;top:50%}25%{left:48%;top:-4px}50%{left:95%;top:50%}75%{left:48%;top:calc(100% - 5px)}100%{left:5%;top:50%}}
@keyframes home36Draw{to{stroke-dashoffset:0}}
@media(max-width:1180px){.home36-hero{grid-template-columns:1fr 1fr}.home36-feature-strip{grid-template-columns:repeat(3,1fr)}.home36-stage{transform:scale(.92);transform-origin:center}.home36-confidence{grid-template-columns:1fr}.home36-analytics{right:-30px}.home36-link-card{left:-18px}}
@media(max-width:900px){body.page-home .topbar{width:calc(100% - 22px);margin-top:10px}.home36-hero{grid-template-columns:1fr;min-height:unset;padding-top:34px}.home36-copy{padding:12px 8px}.home36-copy h1{font-size:clamp(3.25rem,10vw,5.7rem)}.home36-stage{height:480px;max-width:690px;width:100%;margin:0 auto}.home36-confidence{margin-left:8px;margin-right:8px}.home36-cta{grid-template-columns:70px 1fr;margin-left:8px;margin-right:8px}.home36-cta-actions{grid-column:2}.home36-feature-strip{margin-left:8px;margin-right:8px}.home36-analytics{right:2%}.home36-link-card{left:2%}}
@media(max-width:680px){body.page-home .page{width:min(100% - 20px,1450px);padding-top:10px}body.page-home .topbar{height:66px;padding:0 14px;border-radius:18px}.home36-hero{padding:24px 0 10px}.home36-copy h1{font-size:clamp(2.8rem,14vw,4.4rem)}.home36-copy>p{font-size:1rem}.home36-actions{display:grid;grid-template-columns:1fr}.home36-actions .btn{width:100%}.home36-proof{gap:8px 14px}.home36-stage{height:420px;transform:scale(.8);width:125%;margin-left:-12.5%;margin-top:-25px;margin-bottom:-25px}.home36-link-card{left:6%}.home36-analytics{right:2%}.home36-feature-strip{grid-template-columns:1fr 1fr;padding:8px;border-radius:20px}.home36-feature-strip>a{min-height:94px;grid-template-columns:38px 1fr;padding:10px}.home36-feature-strip>a>span{width:36px;height:36px}.home36-confidence{padding:22px}.home36-confidence-grid{grid-template-columns:1fr}.home36-cta{grid-template-columns:55px 1fr;padding:20px}.home36-cta-mark{width:54px;height:54px;border-radius:18px}.home36-cta h2{font-size:1.15rem}.home36-cta-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto}.shorten-v36-hero{display:block}.shorten-v36-home-link{display:inline-block;margin-top:8px}.shorten-v36-benefits{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.home-v36 *,.home-v36:before,.home-v36:after{animation:none!important;transition:none!important}.home36-chart-line{stroke-dashoffset:0}.home36-primary:before{display:none}}
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home{background:radial-gradient(circle at 12% 18%,rgba(124,58,237,.19),transparent 26%),radial-gradient(circle at 83% 8%,rgba(236,72,153,.15),transparent 29%),#07101d}
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .topbar{background:rgba(11,20,35,.86);border-color:#26364c;box-shadow:0 20px 70px rgba(0,0,0,.25)}
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-copy h1{color:#f8fafc}
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-copy>p,
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-proof{color:#9caabd}
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-kicker{background:rgba(15,23,42,.72);border-color:#334155;color:#c4b5fd}
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-feature-strip,
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-confidence{background:rgba(15,23,42,.78);border-color:#29364a}
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-feature-strip>a:hover,
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-confidence-grid article{background:#111c2d;border-color:#2d3b51}
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-feature-strip>a>span{background:linear-gradient(145deg,#211739,#2b1730)}
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-feature-strip b,
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-confidence h2,
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-confidence-grid b{color:#eaf0f8}
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-feature-strip small,
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-confidence p,
html[data-app-theme="dark"][data-app-theme-scope="member"] body.page-home .home36-confidence-grid small{color:#98a7bc}


/* ===== V3.7 · Attendance Templates / Report Templates / Activity Dashboard ===== */
.attendance-template-picker{margin:0 0 18px;padding:20px;border:1px solid var(--border);border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 96%,#ede9fe),color-mix(in srgb,var(--panel) 96%,#dbeafe));box-shadow:0 16px 44px #1118270b}.attendance-template-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.attendance-template-head h2{margin:4px 0}.attendance-template-head p{margin:0}.attendance-template-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.attendance-template-card{appearance:none;border:1px solid var(--border);background:var(--panel);color:inherit;border-radius:18px;padding:14px;text-align:left;display:grid;gap:5px;min-height:140px;cursor:pointer;transition:.18s ease;box-shadow:0 8px 22px #11182708}.attendance-template-card:hover,.attendance-template-card.active{transform:translateY(-3px);border-color:#8b5cf67d;box-shadow:0 16px 34px #4f46e514}.attendance-template-card>span{font-size:1.45rem}.attendance-template-card>b{font-size:.92rem}.attendance-template-card>small{color:var(--muted);line-height:1.35}.attendance-template-card>i{font-style:normal;font-size:.7rem;font-weight:850;color:#7c3aed;margin-top:auto}
.report-template-picker{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--soft)}.report-template-picker>div:first-child{display:grid;gap:2px}.report-template-picker>div:first-child small{color:var(--muted)}.report-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.report-template-grid button{appearance:none;border:1px solid var(--border);background:var(--panel);color:inherit;border-radius:14px;padding:11px 10px;display:grid;gap:3px;text-align:left;cursor:pointer}.report-template-grid button:hover,.report-template-grid button.active{border-color:#7c3aed;box-shadow:0 0 0 2px #8b5cf617}.report-template-grid button>span{font-size:1.15rem}.report-template-grid button small{color:var(--muted);font-size:.69rem}
.dashboard-v37-lower{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.dashboard-live-dot{font-size:.72rem;color:#16a34a;font-weight:800}.dashboard-activity-list>div{display:grid;grid-template-columns:18px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.dashboard-activity-list>div:last-child{border-bottom:0}.dashboard-activity-dot{color:#8b5cf6;font-size:1.4rem}.dashboard-activity-list p{margin:0}.dashboard-activity-list p b,.dashboard-activity-list p small{display:block}.dashboard-activity-list p small{color:var(--muted);font-size:.72rem;margin-top:2px}.dashboard-activity-list em{font-style:normal;font-size:.7rem;color:var(--muted);padding:5px 8px;border-radius:999px;background:var(--soft)}.dashboard-system-card{border:1px solid #8b5cf64d;border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,#ede9fe),color-mix(in srgb,var(--panel) 96%,#dbeafe));padding:20px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.dashboard-system-icon{width:46px;height:46px;border-radius:15px;background:#8b5cf618;display:grid;place-items:center;font-size:1.2rem}.dashboard-system-card h2{margin:3px 0 5px}.dashboard-system-card p{margin:0;color:var(--muted)}.dashboard-system-actions{grid-column:1/-1;display:flex;gap:8px}.dashboard-system-result{margin-top:10px;display:flex;align-items:baseline;gap:8px}.dashboard-system-result strong{font-size:1.6rem}.dashboard-system-result span{color:var(--muted)}.dashboard-system-card.has-error{border-color:#ef44446b}.dashboard-system-card.has-warning{border-color:#f59e0b73}

/* V3.7 · Mobile polish */
@media(max-width:1100px){.attendance-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-v37-lower{grid-template-columns:1fr}.report-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.content-wide,.content-narrow{padding-left:12px!important;padding-right:12px!important}.page-head{align-items:flex-start;gap:12px}.page-head>.btn,.page-head>.action-row{width:100%}.tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.btn.big{min-height:46px}.attendance-template-picker{padding:15px;border-radius:20px}.attendance-template-head{display:grid;align-items:start}.attendance-template-head .btn{width:max-content}.attendance-template-grid{grid-template-columns:1fr 1fr}.attendance-template-card{min-height:126px;padding:12px}.create-flashcard summary{grid-template-columns:42px 1fr;padding:15px}.create-flashcard summary>i{grid-column:2;justify-self:start}.create-flash-icon{width:42px;height:42px}.create-flash-body{padding:15px}.create-v35-submit{border-radius:17px;padding:10px;bottom:6px}.create-v35-submit .btn{width:100%}.attendance-settings-modern{padding-bottom:88px}.settings-quick-grid{grid-template-columns:1fr 1fr!important}.settings-editor-card>summary{padding:13px}.settings-editor-body{padding:13px}.settings-sticky-save{left:8px;right:8px;bottom:6px;border-radius:15px}.settings-sticky-save .btn{width:100%}.attendance-report-grid{grid-template-columns:1fr!important}.attendance-report-preview-live{order:-1}.report-preview-iframe-wrap{height:520px!important}.report-template-grid{grid-template-columns:1fr 1fr}.dashboard-v35-hero{border-radius:22px}.dashboard-v35-quick{grid-template-columns:1fr 1fr!important}.dashboard-v35-metrics{grid-template-columns:1fr 1fr!important}.dashboard-v35-panel{padding:15px;border-radius:20px}.dashboard-v37-lower{grid-template-columns:1fr}.dashboard-system-card{padding:16px}.dashboard-v35-admin{align-items:flex-start;flex-direction:column}.attendance-public-shell{padding:12px!important}.attendance-public-card{border-radius:20px!important;padding:16px!important}.attendance-public-hero{gap:12px}.attendance-public-form input,.attendance-public-form select,.attendance-public-form textarea{font-size:16px}.signature-pad,.attendance-signature-pad{touch-action:none;min-height:180px}.responsive-list table{font-size:.9rem}.responsive-list table thead{display:none}.responsive-list table,.responsive-list tbody,.responsive-list tr,.responsive-list td{display:block;width:100%}.responsive-list tr{padding:10px 0;border-bottom:1px solid var(--border)}.responsive-list td{border:0!important;padding:7px 10px!important;display:grid!important;grid-template-columns:minmax(88px,34%) 1fr;gap:8px}.responsive-list td:before{content:attr(data-label);font-size:.72rem;font-weight:850;color:var(--muted)}.responsive-list td[data-label="Aksi"]{display:block!important}.responsive-list td[data-label="Aksi"]:before{display:none}.icon-actions{flex-wrap:wrap}}
@media(max-width:480px){.attendance-template-grid{grid-template-columns:1fr}.settings-quick-grid{grid-template-columns:1fr!important}.dashboard-v35-metrics{grid-template-columns:1fr!important}.report-template-grid{grid-template-columns:1fr 1fr}.dashboard-system-card{grid-template-columns:1fr}.dashboard-system-icon{display:none}.dashboard-system-actions{display:grid;grid-template-columns:1fr 1fr}.attendance-public-theme-toggle{top:8px;right:8px}.attendance-public-hero-copy h1{font-size:1.65rem!important}}


/* ===== V3.8 · Wizard + Global Motion System ===== */
:root{--motion-ease:cubic-bezier(.2,.8,.2,1)}
body[data-app-theme-scope="member"]>.app-ambient-bg{display:block}
.app-ambient-bg{display:none;position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;contain:strict;--mx:0px;--my:0px}.app-ambient-bg i{position:absolute;border-radius:999px;filter:blur(10px);opacity:.34;will-change:transform}.app-ambient-bg .orb-a{width:420px;height:420px;left:-150px;top:18vh;background:radial-gradient(circle,#fbcfe8 0,#ddd6fe 52%,transparent 72%);animation:lovOrbA 18s ease-in-out infinite;transform:translate(var(--mx),var(--my))}.app-ambient-bg .orb-b{width:520px;height:520px;right:-190px;top:8vh;background:radial-gradient(circle,#dbeafe 0,#e9d5ff 48%,transparent 72%);animation:lovOrbB 22s ease-in-out infinite;transform:translate(calc(var(--mx)*-.7),calc(var(--my)*-.7))}.app-ambient-bg .orb-c{width:360px;height:360px;left:42%;bottom:-180px;background:radial-gradient(circle,#fee2e2 0,#ede9fe 52%,transparent 75%);animation:lovOrbC 20s ease-in-out infinite}.topbar,.page,.footer{position:relative;z-index:1}.page{isolation:isolate}body[data-app-theme-scope="member"] .page:after{content:"";position:fixed;inset:72px 0 0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.58) 0 1px,transparent 1.6px),radial-gradient(circle at 80% 30%,rgba(139,92,246,.12) 0 1px,transparent 1.8px);background-size:44px 44px,68px 68px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 78%);animation:lovGridDrift 28s linear infinite}
@keyframes lovOrbA{0%,100%{translate:0 0;scale:1}50%{translate:70px -30px;scale:1.08}}@keyframes lovOrbB{0%,100%{translate:0 0;scale:1}50%{translate:-60px 55px;scale:.94}}@keyframes lovOrbC{0%,100%{translate:0 0}50%{translate:45px -80px}}@keyframes lovGridDrift{to{background-position:44px 22px,-68px 34px}}

.attendance-create-v38,.bio-create-wizard{max-width:1180px;margin:0 auto;padding-bottom:96px}.wizard-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.wizard-page-head h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.04;letter-spacing:-.04em;margin:8px 0 10px}.wizard-back-link{display:inline-flex;margin-bottom:7px}.wizard-progress-orb{min-width:150px;padding:15px 18px;border:1px solid var(--border);border-radius:22px;background:color-mix(in srgb,var(--panel) 90%,transparent);backdrop-filter:blur(16px);box-shadow:0 18px 50px #4f46e514;text-align:center}.wizard-progress-orb b{display:block;font-size:1.45rem}.wizard-progress-orb span{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.attendance-wizard-form,.bio-wizard-form{display:grid;gap:18px}.wizard-stepper{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:9px;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(18px);box-shadow:0 12px 45px #1118270c;overflow:hidden}.wizard-stepper:before{content:"";position:absolute;left:7%;right:7%;top:29px;height:2px;background:var(--border);z-index:0}.wizard-stepper>em{position:absolute;left:7%;top:29px;width:0;height:2px;background:linear-gradient(90deg,#7c3aed,#ec4899);transition:width .45s var(--motion-ease);z-index:1}.wizard-stepper button{position:relative;z-index:2;border:0;background:transparent;color:var(--muted);display:grid;justify-items:center;gap:5px;padding:6px 4px;cursor:pointer;font-weight:750;font-size:.74rem}.wizard-stepper button i{font-style:normal;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:var(--panel);border:2px solid var(--border);transition:.25s var(--motion-ease)}.wizard-stepper button.active{color:#6d28d9}.wizard-stepper button.active i{background:linear-gradient(135deg,#7c3aed,#ec4899);border-color:transparent;color:#fff;box-shadow:0 0 0 5px #8b5cf61a}.wizard-stepper button.done{color:#166534}.wizard-stepper button.done i{background:#dcfce7;border-color:#86efac;color:#166534}.wizard-stepper button:disabled{cursor:default}.wizard-stage{position:relative;min-height:500px}.wizard-card{border:1px solid color-mix(in srgb,var(--border) 75%,#8b5cf6 25%);border-radius:30px;background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(18px);box-shadow:0 28px 80px #4f46e510;padding:28px;transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:box-shadow .25s var(--motion-ease),border-color .25s var(--motion-ease),transform .2s ease;overflow:hidden}.wizard-card:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-100px;top:-120px;background:radial-gradient(circle,#e9d5ff 0,#fce7f3 42%,transparent 72%);opacity:.55;pointer-events:none}.wizard-card:hover{box-shadow:0 34px 100px #6d28d91a;border-color:#a78bfa66}.wizard-card-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;position:relative;z-index:1}.wizard-card-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#fff1f2,#ede9fe);color:#5b21b6;font-weight:900;box-shadow:inset 0 0 0 1px #fff8}.wizard-card-head small{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:#7c3aed}.wizard-card-head h2{font-size:1.6rem;margin:3px 0 4px;letter-spacing:-.025em}.wizard-card-head p{margin:0;color:var(--muted);max-width:720px}.wizard-enter-forward{animation:wizardInForward .42s var(--motion-ease) both}.wizard-enter-back{animation:wizardInBack .42s var(--motion-ease) both}@keyframes wizardInForward{from{opacity:0;transform:translateX(38px) scale(.985)}to{opacity:1;transform:none}}@keyframes wizardInBack{from{opacity:0;transform:translateX(-38px) scale(.985)}to{opacity:1;transform:none}}
.wizard-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wizard-template-card{position:relative;border:1px solid var(--border);border-radius:20px;background:var(--panel);padding:17px;text-align:left;display:grid;gap:6px;min-height:142px;cursor:pointer;transition:.22s var(--motion-ease)}.wizard-template-card>span{font-size:1.45rem}.wizard-template-card b{font-size:1rem}.wizard-template-card small{color:var(--muted);line-height:1.35}.wizard-template-card i{font-style:normal;color:#7c3aed;font-weight:850;font-size:.75rem;margin-top:auto}.wizard-template-card:hover{transform:translateY(-4px);border-color:#a78bfa;box-shadow:0 16px 40px #7c3aed12}.wizard-template-card.active{border-color:#8b5cf6;background:linear-gradient(145deg,#fff,#faf5ff);box-shadow:0 0 0 3px #8b5cf617,0 18px 44px #7c3aed16}.wizard-template-card.active:after{content:"✓";position:absolute;right:12px;top:12px;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#7c3aed;color:#fff;font-weight:900}.wizard-selection-note{margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--soft);color:var(--muted);font-size:.78rem}.wizard-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wizard-form-grid .span-2{grid-column:1/-1}.wizard-live-summary{margin-top:16px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#f5f3ff,#fff1f2);border:1px solid #ddd6fe;display:flex;align-items:center;justify-content:space-between;gap:20px}.wizard-live-summary span{color:#6b7280}.wizard-live-summary b{font-size:1.05rem}.wizard-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wizard-option{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:14px;display:grid;gap:7px}.wizard-option>span{color:#7c3aed;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.switch-option{display:flex;justify-content:space-between;align-items:center}.switch-option>div{display:grid;gap:3px}.switch-option small{color:var(--muted)}.wizard-review-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.wizard-branding-panel{display:grid;gap:14px}.wizard-review-card{border:1px solid #ddd6fe;border-radius:22px;padding:20px;background:linear-gradient(155deg,#faf5ff,#fff 55%,#fff1f2);box-shadow:0 20px 50px #7c3aed0d}.wizard-review-card h3{font-size:1.4rem;margin:8px 0 16px}.wizard-review-card dl{margin:0;display:grid;gap:8px}.wizard-review-card dl>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #ede9fe}.wizard-review-card dt{color:#6b7280}.wizard-review-card dd{margin:0;font-weight:850;text-align:right}.wizard-review-card p{color:#6b7280;font-size:.78rem;margin:15px 0 0}.wizard-nav{position:sticky;bottom:10px;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:22px;padding:12px;background:color-mix(in srgb,var(--panel) 90%,transparent);backdrop-filter:blur(20px);box-shadow:0 24px 70px #11182725}.wizard-nav-copy{padding:0 8px}.wizard-nav-copy b{display:block}.wizard-nav-copy small{display:block;color:var(--muted);font-size:.72rem}.wizard-final-submit{min-width:170px}

/* My Bio wizard */
.bio-wizard-collections{display:flex;gap:8px;overflow:auto;padding-bottom:6px;margin-bottom:10px;scrollbar-width:none}.bio-wizard-collections::-webkit-scrollbar{display:none}.bio-wizard-collections button{border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:9px 13px;white-space:nowrap;font-weight:800;color:var(--ink);cursor:pointer}.bio-wizard-collections button.active{background:#ede9fe;border-color:#c4b5fd;color:#5b21b6}.bio-wizard-filter{margin-bottom:12px}.bio-wizard-gallery{max-height:470px;overflow:auto;padding:3px 4px 8px;scrollbar-width:thin}.bio-wizard-gallery .theme-card{transition:.2s var(--motion-ease)}.bio-wizard-gallery .theme-card.selected{outline:3px solid #8b5cf633;outline-offset:2px;transform:translateY(-2px)}.bio-profile-hints{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.bio-profile-hints button{border:1px solid var(--border);border-radius:999px;background:var(--panel);padding:8px 11px;cursor:pointer;color:var(--ink);font-weight:750}.bio-preview-tips ul{padding-left:18px;color:var(--muted)}.bio-wizard-preview-layout{display:grid;grid-template-columns:minmax(280px,.8fr) 1fr;gap:26px;align-items:center}.bio-phone-preview{width:min(320px,100%);aspect-ratio:9/17;margin:auto;border:10px solid #111827;border-radius:42px;background:#111827;box-shadow:0 32px 70px #11182733;position:relative;padding:4px}.bio-phone-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:92px;height:22px;border-radius:20px;background:#111827;z-index:2}.bio-phone-screen{height:100%;border-radius:30px;background:linear-gradient(160deg,#fdf2f8,#ede9fe);padding:58px 20px 22px;text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center;color:#111827;position:relative}.bio-phone-avatar{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#ffffffb8;border:1px solid #ffffffcc;font-size:1.4rem;font-weight:900;box-shadow:0 12px 25px #11182716}.bio-phone-screen h3{margin:12px 0 2px}.bio-phone-screen>small{opacity:.68}.bio-phone-screen>p{font-size:.75rem;line-height:1.45;opacity:.78;max-width:230px}.bio-phone-screen>[data-bio-preview-links]{width:100%;display:grid;gap:8px;margin-top:10px}.bio-phone-screen>[data-bio-preview-links] i{font-style:normal;padding:10px 12px;border-radius:14px;background:#ffffffd9;border:1px solid #ffffffdd;font-size:.75rem;font-weight:800}.bio-final-review{max-width:760px;margin:0 auto}.bio-final-review dl{grid-template-columns:1fr 1fr;display:grid;column-gap:24px}.bio-final-review dl>div{display:grid;align-content:start}

html[data-app-theme="dark"][data-app-theme-scope="member"] .app-ambient-bg{opacity:.65}html[data-app-theme="dark"][data-app-theme-scope="member"] .app-ambient-bg .orb-a{background:radial-gradient(circle,#4c1d95 0,#1e1b4b 50%,transparent 72%)}html[data-app-theme="dark"][data-app-theme-scope="member"] .app-ambient-bg .orb-b{background:radial-gradient(circle,#1e3a8a 0,#312e81 48%,transparent 72%)}html[data-app-theme="dark"][data-app-theme-scope="member"] .app-ambient-bg .orb-c{background:radial-gradient(circle,#831843 0,#3b0764 52%,transparent 75%)}html[data-app-theme="dark"][data-app-theme-scope="member"] .wizard-live-summary,html[data-app-theme="dark"][data-app-theme-scope="member"] .wizard-review-card{background:linear-gradient(145deg,#111827,#17142a);border-color:#3f3b66}html[data-app-theme="dark"][data-app-theme-scope="member"] .wizard-template-card.active{background:linear-gradient(145deg,#17152b,#111827);border-color:#8b5cf6}html[data-app-theme="dark"][data-app-theme-scope="member"] .wizard-card-icon{background:linear-gradient(145deg,#2a1731,#1e1b4b);color:#c4b5fd}html[data-app-theme="dark"][data-app-theme-scope="member"] .bio-phone-screen{background:linear-gradient(160deg,#271331,#17152b);color:#f8fafc}

@media(max-width:900px){.wizard-page-head{align-items:flex-start}.wizard-progress-orb{min-width:125px}.wizard-template-grid{grid-template-columns:repeat(2,1fr)}.wizard-review-layout,.bio-wizard-preview-layout{grid-template-columns:1fr}.wizard-option-grid{grid-template-columns:1fr 1fr}.wizard-stepper span{font-size:.64rem}}
@media(max-width:640px){.attendance-create-v38,.bio-create-wizard{padding-bottom:105px}.wizard-page-head{display:grid}.wizard-progress-orb{justify-self:start;text-align:left;min-width:0}.wizard-stepper{display:flex;overflow-x:auto;scrollbar-width:none;border-radius:16px;padding:7px}.wizard-stepper::-webkit-scrollbar{display:none}.wizard-stepper:before,.wizard-stepper>em{display:none}.wizard-stepper button{min-width:78px}.wizard-stepper button i{width:28px;height:28px}.wizard-card{padding:17px;border-radius:22px}.wizard-card-head{gap:11px}.wizard-card-icon{width:44px;height:44px;border-radius:14px}.wizard-card-head h2{font-size:1.3rem}.wizard-template-grid{grid-template-columns:1fr 1fr;gap:8px}.wizard-template-card{padding:12px;min-height:130px;border-radius:16px}.wizard-form-grid{grid-template-columns:1fr}.wizard-form-grid .span-2{grid-column:auto}.wizard-option-grid{grid-template-columns:1fr}.wizard-review-layout{grid-template-columns:1fr}.wizard-nav{left:8px;right:8px;bottom:6px;grid-template-columns:auto 1fr auto;border-radius:17px;padding:9px}.wizard-nav-copy{display:none}.wizard-nav .btn{padding-inline:13px}.wizard-final-submit{min-width:0}.bio-wizard-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-height:430px}.bio-final-review dl{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.app-ambient-bg i,.page:after{animation:none!important}.wizard-enter-forward,.wizard-enter-back{animation:none!important}.wizard-card,.wizard-template-card{transition:none!important;transform:none!important}}


/* V3.9 premium Attendance wizard polish */
.wizard-template-step{padding:28px 30px}.wizard-template-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:stretch}.wizard-template-grid{gap:14px}.wizard-template-card{border:1.5px solid color-mix(in srgb,var(--border) 86%,#a78bfa);background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 98%,#fff),color-mix(in srgb,var(--panel) 95%,#f5f3ff));box-shadow:0 10px 28px #1118270d, inset 0 1px 0 #ffffffc7;min-height:156px;padding:16px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;column-gap:12px;align-items:start;overflow:hidden}.wizard-template-card:before{content:"";position:absolute;inset:auto -25% -55% 20%;height:90px;background:radial-gradient(circle,#a78bfa1f,transparent 68%);opacity:0;transition:.25s}.wizard-template-card:hover:before,.wizard-template-card.active:before{opacity:1}.wizard-template-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:1.55rem;background:linear-gradient(145deg,#fff1f2,#ede9fe);box-shadow:inset 0 0 0 1px #fff,0 8px 20px #7c3aed13;grid-row:1/3}.wizard-template-copy{display:grid;gap:5px}.wizard-template-copy b{font-size:1.05rem}.wizard-template-copy small{font-size:.78rem;line-height:1.42}.wizard-template-chip{grid-column:2;justify-self:start;font-style:normal;border:1px solid #ddd6fe;background:#f5f3ff;color:#6d28d9;border-radius:999px;padding:5px 8px;font-size:.64rem;font-weight:900;margin-top:8px}.wizard-template-picked{position:absolute;right:12px;top:12px;font-style:normal;background:#6d28d9;color:#fff;border-radius:999px;padding:5px 9px;font-size:.65rem;font-weight:900;opacity:0;transform:translateY(-5px);transition:.2s}.wizard-template-card.active{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61f,0 18px 48px #7c3aed1f;transform:translateY(-3px)}.wizard-template-card.active .wizard-template-picked{opacity:1;transform:none}.wizard-template-card.active:after{display:none}.wizard-template-card:hover{transform:translateY(-5px) scale(1.01)}.wizard-template-card.active:hover{transform:translateY(-4px) scale(1.01)}
.wizard-template-preview{border:1px solid #ddd6fe;border-radius:24px;padding:22px;background:linear-gradient(160deg,#faf5ff 0%,#fff 48%,#fff1f2 100%);box-shadow:0 24px 60px #7c3aed12;display:grid;align-content:start;gap:12px;position:sticky;top:92px;min-height:100%}.wizard-template-preview-icon{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;font-size:2rem;background:linear-gradient(145deg,#ede9fe,#fce7f3);box-shadow:inset 0 0 0 1px #fff,0 14px 30px #7c3aed1a;animation:wizardPreviewFloat 4.8s ease-in-out infinite}.wizard-template-preview h3{font-size:1.45rem;margin:2px 0 0}.wizard-template-preview p{margin:0;color:var(--muted);line-height:1.5}.wizard-template-preview-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:14px;border:1px solid #e9d5ff;border-radius:16px;background:#ffffffb8}.wizard-template-preview-flow span{border-radius:999px;padding:7px 10px;background:#f5f3ff;color:#5b21b6;font-size:.75rem;font-weight:900}.wizard-template-preview-flow i{font-style:normal;color:#a78bfa;font-weight:900}.wizard-template-preview-meta{display:flex;gap:6px;flex-wrap:wrap}.wizard-template-preview-meta b{font-size:.66rem;border-radius:999px;padding:6px 8px;background:var(--panel);border:1px solid var(--border);color:var(--muted)}@keyframes wizardPreviewFloat{50%{transform:translateY(-6px) rotate(1.5deg)}}
.wizard-selection-note{border:1px dashed #c4b5fd;background:#faf5ff;color:#6d28d9;font-weight:750}.wizard-context-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.wizard-context-strip>span{display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 92%,transparent);border-radius:999px;padding:6px 9px;font-size:.66rem;box-shadow:0 4px 14px #11182708}.wizard-context-strip i{font-style:normal;color:var(--muted)}.wizard-context-strip b{font-size:.68rem}.wizard-context-strip>em{margin-left:auto;font-style:normal;color:#7c3aed;font-weight:800;font-size:.66rem}.wizard-context-strip>em.saved{color:#15803d;animation:draftPulse .65s ease}@keyframes draftPulse{50%{transform:scale(1.05)}}
.wizard-review-sections>div{display:grid!important;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:10px}.wizard-review-sections dd{text-align:left!important}.wizard-review-sections button{border:1px solid #ddd6fe;background:#f5f3ff;color:#6d28d9;border-radius:999px;padding:5px 8px;font-size:.65rem;font-weight:900;cursor:pointer}.wizard-review-sections button:hover{background:#ede9fe;transform:translateY(-1px)}.wizard-nav [data-att-wizard-next][disabled]{opacity:.42;filter:saturate(.25);cursor:not-allowed}.wizard-nav [data-att-wizard-next].ready{box-shadow:0 8px 24px #7c3aed25;animation:nextReady .4s ease}@keyframes nextReady{50%{transform:translateX(3px)}}
.wizard-success-toast{position:fixed;right:22px;bottom:22px;z-index:9999;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #bbf7d0;border-radius:18px;padding:13px 16px;box-shadow:0 24px 65px #1118272b;transform:translateY(30px) scale(.96);opacity:0;transition:.35s cubic-bezier(.2,.8,.2,1)}.wizard-success-toast.show{opacity:1;transform:none}.wizard-success-toast>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#15803d;font-weight:900}.wizard-success-toast div{display:grid}.wizard-success-toast small{color:#64748b}
html[data-app-theme="dark"][data-app-theme-scope="member"] .wizard-template-card{background:linear-gradient(155deg,#151827,#111827);border-color:#343952;box-shadow:0 12px 30px #0005}html[data-app-theme="dark"][data-app-theme-scope="member"] .wizard-template-card.active{border-color:#8b5cf6;background:linear-gradient(155deg,#21183b,#131827)}html[data-app-theme="dark"][data-app-theme-scope="member"] .wizard-template-chip{background:#2e2050;border-color:#5b4590;color:#d8b4fe}html[data-app-theme="dark"][data-app-theme-scope="member"] .wizard-template-preview{background:linear-gradient(160deg,#17152b,#111827 55%,#21152a);border-color:#3f3b66}html[data-app-theme="dark"][data-app-theme-scope="member"] .wizard-template-preview-flow{background:#111827;border-color:#3f3b66}html[data-app-theme="dark"][data-app-theme-scope="member"] .wizard-template-preview-flow span{background:#2e2050;color:#ddd6fe}html[data-app-theme="dark"][data-app-theme-scope="member"] .wizard-context-strip>span{background:#111827;border-color:#30364c}html[data-app-theme="dark"][data-app-theme-scope="member"] .wizard-selection-note{background:#211a35;border-color:#5b4590;color:#d8b4fe}
@media(max-width:980px){.wizard-template-layout{grid-template-columns:1fr}.wizard-template-preview{position:relative;top:auto;min-height:0;grid-template-columns:auto 1fr;align-items:center}.wizard-template-preview .eyebrow,.wizard-template-preview p,.wizard-template-preview-flow,.wizard-template-preview-meta{grid-column:2}.wizard-template-preview-icon{grid-row:1/6}}
@media(max-width:640px){.wizard-template-step{padding:17px}.wizard-template-grid{grid-template-columns:1fr!important}.wizard-template-card{min-height:120px;grid-template-columns:auto 1fr}.wizard-template-preview{grid-template-columns:1fr;text-align:center}.wizard-template-preview-icon{grid-row:auto;justify-self:center}.wizard-template-preview .eyebrow,.wizard-template-preview p,.wizard-template-preview-flow,.wizard-template-preview-meta{grid-column:auto}.wizard-template-preview-flow,.wizard-template-preview-meta{justify-content:center}.wizard-context-strip{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}.wizard-context-strip>span{white-space:nowrap}.wizard-context-strip>em{display:none}.wizard-review-sections>div{grid-template-columns:1fr auto}.wizard-review-sections dt{grid-column:1/-1}.wizard-success-toast{left:10px;right:10px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.wizard-template-preview-icon,.wizard-template-card,.wizard-template-card:before,.wizard-success-toast{animation:none!important;transition:none!important}}
/* =========================
   V4.1 · Navigation layering hotfix
   Keep account dropdown above every page-level action and motion layer.
   ========================= */
.topbar{z-index:1000!important;isolation:isolate;overflow:visible}
.topbar .nav{position:relative;z-index:1001}
.account-menu{position:relative;z-index:1002}
.account-menu[open]{z-index:1004}
.account-dropdown{z-index:1005!important;pointer-events:auto;isolation:isolate}
.account-dropdown a,.account-dropdown button,.account-dropdown form{pointer-events:auto}
.page{z-index:1!important}
.app-ambient-bg{z-index:0!important;pointer-events:none!important}
@media(max-width:920px){.topbar{z-index:1000!important}.account-dropdown{z-index:1005!important}}


/* ===== V4.3 My Bio polish: readable colors, smart enhance, floating editor bar ===== */
.simple-text-color-control{margin-top:14px;padding:14px;border:1px solid #e5eaf3;border-radius:16px;background:linear-gradient(135deg,#fbfcff,#f8f7ff);display:grid;gap:11px}
.text-color-mode-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.text-color-mode-row button{min-height:38px;border:1px solid #dfe5ef;border-radius:11px;background:#fff;color:#64748b;font:800 11px/1 system-ui;cursor:pointer;transition:.16s ease}
.text-color-mode-row button:hover{border-color:#b8b4ff;color:#4f46e5;transform:translateY(-1px)}
.text-color-mode-row button.active{background:linear-gradient(135deg,#eef2ff,#fdf2f8);border-color:#8b7cf6;color:#4338ca;box-shadow:0 6px 18px #6366f11f}
.text-color-custom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.text-color-custom[hidden]{display:none!important}
.text-color-custom label{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:10px 11px;font-size:11px;font-weight:800;color:#334155}
.text-color-custom label span{display:flex;align-items:center;gap:7px}
.text-color-custom input[type=color]{width:34px;height:28px;border:0;padding:0;background:transparent;cursor:pointer}
.text-color-custom em{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d6dce7;background:#0f172a}
.text-color-hint{font-size:10px;color:#7c8799;line-height:1.45}
.enhance-primary[data-auto-enhance-media],.btn.magic[data-auto-enhance-media]{position:relative;overflow:hidden}
.enhance-primary[data-auto-enhance-media]::after,.btn.magic[data-auto-enhance-media]::after{content:"";position:absolute;inset:-60% auto -60% -35%;width:28%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:rotate(18deg);animation:v43EnhanceShine 3.8s ease-in-out infinite}
@keyframes v43EnhanceShine{0%,65%{left:-35%}85%,100%{left:135%}}

/* Float the My Bio editor command bar as a compact glass surface. */
.bio-editor-page .editor-top.v33{top:82px;z-index:92;margin:0 14px 14px;padding:12px 14px;border:1px solid rgba(214,222,235,.88);border-radius:19px;background:rgba(250,252,255,.88);box-shadow:0 14px 42px rgba(35,51,86,.12),inset 0 1px 0 #fff;backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12);transition:padding .18s,box-shadow .18s,background .18s,border-radius .18s}
.bio-editor-page .editor-top.v33.is-scrolled{padding:9px 12px;background:rgba(250,252,255,.95);box-shadow:0 16px 48px rgba(30,41,76,.16),inset 0 1px 0 #fff;border-radius:17px}
.bio-editor-page .editor-top.v33.is-scrolled .editor-breadcrumb{display:none}
.bio-editor-page .editor-top.v33.is-scrolled .editor-title h1{font-size:20px}
.bio-editor-page .editor-top.v33.is-scrolled .editor-title p{margin-top:2px}
.bio-editor-page .editor-top.v33.is-scrolled .publish-state small{display:none}
.bio-editor-page .editor-top.v33 .editor-top-actions{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.bio-editor-page .editor-top.v33 .editor-top-actions::-webkit-scrollbar{display:none}
html[data-app-theme="dark"] .bio-editor-page .editor-top.v33{background:rgba(13,23,38,.90);border-color:#29384e;box-shadow:0 18px 46px #02061766,inset 0 1px 0 #ffffff0c}
html[data-app-theme="dark"] .simple-text-color-control{background:linear-gradient(135deg,#101a2a,#15172b);border-color:#2a394f}
html[data-app-theme="dark"] .text-color-mode-row button,html[data-app-theme="dark"] .text-color-custom label{background:#111b2a;border-color:#2c3b51;color:#cbd5e1}
html[data-app-theme="dark"] .text-color-mode-row button.active{background:linear-gradient(135deg,#25204b,#251c37);border-color:#7469ea;color:#e0e7ff}

/* ===== V4.3 Dashboard workspace redesign ===== */
.dashboard-v43{display:grid;gap:18px;padding-bottom:34px}
.dashboard-v43-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(480px,.85fr);gap:22px;align-items:center;padding:30px 32px;border:1px solid #dfe6f1;border-radius:28px;background:linear-gradient(125deg,rgba(255,255,255,.94),rgba(247,246,255,.92));box-shadow:0 18px 54px rgba(64,74,120,.10)}
.dashboard-v43-hero::before{content:"";position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;right:-120px;top:-220px;background:radial-gradient(circle,#8b5cf736,transparent 67%);animation:v43FloatOrb 9s ease-in-out infinite alternate}
.dashboard-v43-hero::after{content:"";position:absolute;z-index:-1;width:360px;height:360px;border-radius:50%;left:-180px;bottom:-230px;background:radial-gradient(circle,#fb718530,transparent 68%);animation:v43FloatOrb 11s ease-in-out infinite alternate-reverse}
@keyframes v43FloatOrb{to{transform:translate3d(24px,18px,0) scale(1.08)}}
.dashboard-v43-welcome h1{font-size:clamp(34px,4vw,55px);letter-spacing:-.045em;margin:7px 0 9px;color:#121a2d}
.dashboard-v43-welcome>p{font-size:15px;line-height:1.65;color:#65738a;max-width:650px;margin:0}
.dashboard-v43-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}
.dashboard-v43-hero-meta span{padding:7px 10px;border:1px solid #e0e6f0;border-radius:999px;background:#ffffffad;color:#5c6980;font-size:10.5px;font-weight:800}
.dashboard-v43-hero-meta span:first-child{color:#15803d;background:#effcf3;border-color:#c9f0d3}
.dashboard-v43-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dashboard-v43-actions a{position:relative;overflow:hidden;min-height:112px;padding:17px;border:1px solid #e1e7f0;border-radius:20px;background:rgba(255,255,255,.90);text-decoration:none;color:#172033;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-content:center;box-shadow:0 9px 24px #4755690b;transition:transform .18s,border-color .18s,box-shadow .18s}
.dashboard-v43-actions a:hover{transform:translateY(-4px);border-color:#c7c2ff;box-shadow:0 18px 35px #6366f121}
.dashboard-v43-actions i{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#eef2ff,#fce7f3);color:#5b4ce0;font-style:normal;font-size:20px}
.dashboard-v43-actions b{align-self:end;font-size:14px}.dashboard-v43-actions small{color:#7a8798;font-size:10.5px;margin-top:3px}
.dashboard-v43-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dashboard-v43-stats>a{min-height:148px;position:relative;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;padding:20px;border:1px solid #dfe6ef;border-radius:22px;background:rgba(255,255,255,.88);text-decoration:none;color:#172033;box-shadow:0 10px 28px rgba(30,41,59,.055);transition:transform .18s,box-shadow .18s,border-color .18s}
.dashboard-v43-stats>a:hover{transform:translateY(-3px);border-color:#cbc7ff;box-shadow:0 16px 34px #6366f117}
.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-style:normal;font-size:19px}.stat-icon.blue{background:#eaf2ff;color:#2563eb}.stat-icon.pink{background:#fff0f5;color:#db2777}.stat-icon.violet{background:#f2edff;color:#7c3aed}.stat-icon.green{background:#ebfbf0;color:#16a34a}
.dashboard-v43-stats small{display:block;font-size:9px;letter-spacing:.13em;color:#8a96a7;font-weight:900}.dashboard-v43-stats b{display:block;font-size:30px;line-height:1.1;margin:7px 0 5px;letter-spacing:-.04em}.dashboard-v43-stats span{font-size:11px;color:#758297}.dashboard-v43-stats em{position:absolute;right:18px;bottom:17px;color:#4f46e5;font:800 10px/1 system-ui;font-style:normal}
.dashboard-v43-workgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dashboard-v43-card{border:1px solid #dfe6ef;border-radius:24px;background:rgba(255,255,255,.90);box-shadow:0 12px 34px #3341550c;padding:20px}.dashboard-v43-card>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.dashboard-v43-card h2{margin:3px 0 0;font-size:21px;letter-spacing:-.025em}.dashboard-v43-card header>a{font-size:11px;font-weight:850;color:#4f46e5;text-decoration:none}
.dashboard-v43-list{display:grid}.dashboard-v43-list>div,.dashboard-v43-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 3px;border-top:1px solid #edf1f6;text-decoration:none;color:inherit}.dashboard-v43-list>div:first-child,.dashboard-v43-list>a:first-child{border-top:0}.row-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f2f4ff;color:#5146d9;font-weight:900}.dashboard-v43-list p{margin:0;min-width:0}.dashboard-v43-list p b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-v43-list p small{display:block;margin-top:3px;font-size:10px;color:#8490a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-v43-list strong{text-align:right;font-size:13px}.dashboard-v43-list strong small{display:block;font-size:9px;color:#94a3b8}.dashboard-v43-status{padding:6px 9px;border-radius:999px;font-size:10px}.dashboard-v43-status.active{background:#eafbf0;color:#15803d}.dashboard-v43-status.draft{background:#fff7e8;color:#a16207}.dashboard-v43-status.closed{background:#f1f5f9;color:#64748b}
.dashboard-v43-bottom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:14px}.dashboard-v43-activity{display:grid}.dashboard-v43-activity>div{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:12px 2px;border-top:1px solid #edf1f6}.dashboard-v43-activity>div:first-child{border-top:0}.dashboard-v43-activity i{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#ec4899);box-shadow:0 0 0 5px #eef2ff}.dashboard-v43-activity p{margin:0}.dashboard-v43-activity b{font-size:12px}.dashboard-v43-activity small{display:block;font-size:10px;color:#8a96a7;margin-top:2px}.dashboard-v43-activity em{font-style:normal;font-size:9px;font-weight:800;color:#7c8799;background:#f7f8fb;padding:5px 7px;border-radius:7px}.dashboard-v43-live{font-size:10px;color:#16a34a;font-weight:900}
.system-card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:14px;background:linear-gradient(145deg,#fff,#faf8ff);border-color:#ddd8ff}.system-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-110px;bottom:-130px;background:radial-gradient(circle,#8b5cf72b,transparent 68%)}.system-orb{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#eeeaff,#fce7f3);font-size:21px}.system-card h2{margin:4px 0 5px}.system-card p{color:#718096;font-size:11px;line-height:1.55}.system-card>.btn{grid-column:1/-1;justify-self:start;position:relative;z-index:1}.system-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.system-links a{font-size:9.5px;font-weight:850;text-decoration:none;color:#5146d9;padding:6px 8px;border:1px solid #dfdcff;border-radius:8px;background:#fff}.dashboard-system-result{display:flex;gap:8px;align-items:center;margin-top:10px}.dashboard-system-result strong{font-size:24px}.dashboard-system-result span{font-size:10px;font-weight:800;color:#64748b}.dashboard-v43-empty{padding:18px!important;display:grid!important;gap:4px!important;grid-template-columns:1fr!important;color:#718096}.dashboard-v43-empty b{color:#334155}.dashboard-v43-empty span{font-size:10px}
html[data-app-theme="dark"] .dashboard-v43-hero,html[data-app-theme="dark"] .dashboard-v43-stats>a,html[data-app-theme="dark"] .dashboard-v43-card,html[data-app-theme="dark"] .dashboard-v43-actions a{background:rgba(14,24,39,.91);border-color:#29384d;color:#e5edf8}html[data-app-theme="dark"] .dashboard-v43-welcome h1{color:#f8fafc}html[data-app-theme="dark"] .dashboard-v43-welcome>p,html[data-app-theme="dark"] .dashboard-v43-stats span,html[data-app-theme="dark"] .dashboard-v43-actions small{color:#91a0b6}html[data-app-theme="dark"] .dashboard-v43-hero-meta span{background:#111b2a;border-color:#2a394e;color:#aab7c8}html[data-app-theme="dark"] .dashboard-v43-list>div,html[data-app-theme="dark"] .dashboard-v43-list>a,html[data-app-theme="dark"] .dashboard-v43-activity>div{border-color:#243246}html[data-app-theme="dark"] .system-card{background:linear-gradient(145deg,#111b2a,#17152b);border-color:#3b356b}
@media(max-width:1050px){.dashboard-v43-hero{grid-template-columns:1fr}.dashboard-v43-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-v43-bottom{grid-template-columns:1fr}}
@media(max-width:760px){.dashboard-v43{gap:12px}.dashboard-v43-hero{padding:20px;border-radius:22px}.dashboard-v43-welcome h1{font-size:36px}.dashboard-v43-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-v43-actions a{min-height:92px;padding:13px}.dashboard-v43-stats{grid-template-columns:1fr 1fr}.dashboard-v43-stats>a{min-height:128px;padding:15px;grid-template-columns:1fr}.dashboard-v43-stats .stat-icon{width:36px;height:36px}.dashboard-v43-stats b{font-size:25px}.dashboard-v43-workgrid{grid-template-columns:1fr}.dashboard-v43-card{padding:16px;border-radius:20px}.bio-editor-page .editor-top.v33{top:70px;margin:0 6px 10px;padding:9px 10px;border-radius:15px}.bio-editor-page .editor-top.v33 .editor-title .muted{display:none}.bio-editor-page .editor-top.v33 .editor-top-actions{max-width:58vw}.bio-editor-page .editor-top.v33 .btn{min-height:36px;padding:8px 10px}.text-color-mode-row{grid-template-columns:repeat(2,minmax(0,1fr))}.text-color-custom{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.dashboard-v43-hero::before,.dashboard-v43-hero::after,.enhance-primary[data-auto-enhance-media]::after,.btn.magic[data-auto-enhance-media]::after{animation:none!important}}
.dashboard-v43-bottom>.activity-card:only-child{grid-column:1/-1}