*{box-sizing:border-box;margin:0;padding:0}
:root{--rt:18px;--rb:14px;--f:Inter,system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
:root,[data-theme=noir]{--bg:#000;--fg:#fff;--mu:#8b8b93;--cd:rgba(255,255,255,.05);--bd:rgba(255,255,255,.11);--ac:#fff;--on:#000;--glow:rgba(255,255,255,.08)}
[data-theme=paper]{--bg:#f6f6f4;--fg:#0a0a0a;--mu:#6b6b72;--cd:#fff;--bd:rgba(0,0,0,.09);--ac:#0a0a0a;--on:#fff;--glow:rgba(0,0,0,.05)}
[data-theme=graphite],[data-theme=gold],[data-theme=ocean],[data-theme=forest],[data-theme=sunset],[data-theme=rose]{--fg:#f5f5f5;--mu:#8e8e96;--cd:rgba(255,255,255,.055);--bd:rgba(255,255,255,.1);--on:#000}
[data-theme=graphite]{--bg:#141517;--ac:#d4d4d8;--glow:rgba(255,255,255,.07)}[data-theme=gold]{--bg:#0b0905;--ac:#e2b659;--glow:rgba(226,182,89,.17)}
[data-theme=ocean]{--bg:#030b12;--ac:#4cc3ff;--glow:rgba(76,195,255,.16)}[data-theme=forest]{--bg:#040d09;--ac:#3ddc97;--glow:rgba(61,220,151,.15)}
[data-theme=sunset]{--bg:#100604;--ac:#ff8a4c;--glow:rgba(255,138,76,.16)}[data-theme=rose]{--bg:#10050a;--ac:#ff6b8a;--glow:rgba(255,107,138,.16)}
[data-font=poppins]{--f:Poppins,system-ui,sans-serif}[data-font=playfair]{--f:'Playfair Display',Georgia,serif}
[data-btn=pill]{--rt:26px;--rb:999px}[data-btn=square]{--rt:3px;--rb:3px}
body,.pv{font-family:var(--f);color:var(--fg);background:radial-gradient(720px 420px at 50% -8%,var(--glow),transparent),var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
body{min-height:100vh;background-attachment:fixed}
a{color:inherit;text-decoration:none}.mu{color:var(--mu)}.cen{text-align:center}.small{font-size:.8rem}.inline{display:flex;gap:.6rem;align-items:center}.i{flex:none}
h1,h2,h3{letter-spacing:-.02em;line-height:1.15}h3{font-size:1rem;margin-bottom:.9rem;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--ac);color:var(--on);border:1px solid var(--ac);padding:.75rem 1.4rem;border-radius:var(--rb);font:600 .9rem var(--f);cursor:pointer;transition:transform .3s var(--ease),opacity .2s,background .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px);opacity:.88}.btn:active{transform:scale(.97)}.btn.ghost{background:transparent;color:var(--fg);border-color:var(--bd)}.btn.ghost:hover{background:var(--cd);opacity:1}.btn.sm{padding:.5rem 1rem;font-size:.8rem}
.badge{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .75rem;border-radius:99px;font-size:.74rem;border:1px solid var(--bd);color:var(--mu);font-weight:500}.badge::before{content:'';width:6px;height:6px;border-radius:50%;background:#71717a}.badge.ok{color:var(--fg)}.badge.ok::before{background:#4ade80}.badge.bad::before{background:#f87171}
input,select,textarea{width:100%;padding:.72rem .9rem;border-radius:12px;border:1px solid var(--bd);background:var(--cd);color:var(--fg);font:400 .9rem var(--f);margin-top:.35rem;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--fg);box-shadow:0 0 0 3px rgba(255,255,255,.1)}select option{background:#111;color:#fff}
input[type=checkbox],input[type=radio]{width:auto;margin:0}input[type=color]{width:52px;height:40px;padding:3px;margin:0;cursor:pointer}input[type=file]{padding:.55rem}
label{display:block;font-size:.76rem;font-weight:500;color:var(--mu);margin-bottom:.9rem;letter-spacing:.02em}
.card{background:var(--cd);border:1px solid var(--bd);border-radius:20px;padding:1.4rem;margin-bottom:1rem;transition:border-color .3s}.card:hover{border-color:rgba(255,255,255,.2)}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.rise{animation:rise .8s var(--ease) both}.rise:nth-child(2){animation-delay:.07s}.rise:nth-child(3){animation-delay:.14s}.rise:nth-child(4){animation-delay:.21s}.rise:nth-child(5){animation-delay:.28s}.rise:nth-child(n+6){animation-delay:.35s}
.logo{font-weight:700;font-size:1.1rem;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:.5rem;padding:.2rem .4rem 1rem}.logo small{font-size:.6rem;font-weight:600;border:1px solid var(--bd);padding:2px 7px;border-radius:9px;color:var(--mu)}
/* landing */
.topnav{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;position:sticky;top:0;z-index:9;backdrop-filter:blur(16px);border-bottom:1px solid var(--bd)}.topnav .logo{padding:0}.topnav div{display:flex;gap:1.3rem;align-items:center}.topnav a:not(.btn){color:var(--mu)}.topnav a:not(.btn):hover{color:var(--fg)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;max-width:1180px;margin:0 auto;padding:9vh 5% 6vh}.hero h1{font-size:clamp(2.6rem,6.5vw,5rem);margin:1.2rem 0;font-weight:700;letter-spacing:-.045em}.lead{font-size:1.1rem;max-width:480px;margin-bottom:2rem}.cta{display:flex;gap:.8rem;flex-wrap:wrap}
.mockwrap{display:grid;place-items:center}.mock{animation:floaty 6s ease-in-out infinite alternate}@keyframes floaty{to{transform:translateY(-14px)}}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;max-width:1180px;margin:0 auto;padding:2rem 5%}.feat .card:hover{transform:translateY(-6px)}.fi{width:46px;height:46px;border-radius:14px;border:1px solid var(--bd);display:grid;place-items:center;margin-bottom:1rem}
/* auth */
.auth{min-height:100vh;display:grid;place-items:center;padding:1.2rem}.glass{width:100%;max-width:410px;background:var(--cd);border:1px solid var(--bd);border-radius:26px;padding:2rem;backdrop-filter:blur(20px);animation:rise .8s var(--ease) both}.glass h2{margin:.4rem 0 .4rem;font-size:1.6rem}.glass .btn{width:100%;margin:.5rem 0 1rem}.glass .logo{padding:0 0 1rem}.glass p a{color:var(--fg);text-decoration:underline}
.err{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.3);color:#fca5a5;padding:.7rem .9rem;border-radius:12px;margin:.8rem 0;font-size:.85rem}
/* app shell */
.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;padding:1.3rem .9rem;border-right:1px solid var(--bd);display:flex;flex-direction:column;gap:.25rem;background:rgba(255,255,255,.015)}.side .sp{flex:1}
.nv{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:12px;color:var(--mu);font-size:.88rem;font-weight:500;transition:background .2s,color .2s}.nv:hover{color:var(--fg);background:var(--cd)}.nv.on{color:var(--fg);background:rgba(255,255,255,.09)}
.main{padding:2rem clamp(1rem,3vw,2.6rem) 5rem;width:100%;max-width:1320px}
.ph{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.6rem;flex-wrap:wrap}.ph h1{font-size:1.75rem}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin-bottom:1rem}.stat{margin:0}.stat b{display:block;font-size:2.1rem;font-weight:600;letter-spacing:-.04em;margin-top:.2rem}.stat span{font-size:.8rem}
.two2{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:0 .9rem}.narrow{max-width:420px}
.row{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0}.mrow{margin-bottom:.6rem}.mrow .row{padding-bottom:.2rem}.meter{height:5px;border-radius:9px;background:var(--cd);overflow:hidden}.meter i{display:block;height:100%;background:var(--fg);border-radius:9px;animation:grow2 1s var(--ease) both;transform-origin:left}@keyframes grow2{from{transform:scaleX(0)}}
.bars{display:flex;align-items:flex-end;gap:6px;height:150px}.bars div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.bars i{width:100%;background:linear-gradient(var(--fg),rgba(255,255,255,.25));border-radius:6px 6px 2px 2px;transform-origin:bottom;animation:grow .9s var(--ease) both}.bars small{font-size:.65rem;color:var(--mu)}@keyframes grow{from{transform:scaleY(0)}}
.tbl{overflow-x:auto;padding:.4rem 1rem}table{width:100%;border-collapse:collapse;font-size:.86rem}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mu);font-weight:500}td,th{padding:.9rem .7rem;border-bottom:1px solid var(--bd);text-align:left;white-space:nowrap}tbody tr:last-child td{border:0}tbody tr{transition:background .2s}tbody tr:hover{background:rgba(255,255,255,.025)}
.acts{display:flex;gap:.4rem;align-items:center}.acts form{margin:0}.slim{padding:.35rem .6rem;margin:0;width:auto;border-radius:9px}.srch{width:240px;margin:0}
.copy{display:flex;gap:.6rem}.copy input{margin:0}
/* editor */
.split{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:1.8rem;align-items:start}
.seg{display:inline-flex;padding:4px;border-radius:99px;background:var(--cd);border:1px solid var(--bd);gap:2px;margin-bottom:1.2rem}.seg button{background:0;border:0;color:var(--mu);padding:.45rem 1.1rem;border-radius:99px;cursor:pointer;font:500 .84rem var(--f);transition:background .25s,color .25s}.seg button.on{background:var(--fg);color:var(--bg)}
.panel{display:none}.panel.on{display:block;animation:rise .5s var(--ease)}
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.7rem;margin-bottom:1rem}
.sw{position:relative;margin:0;padding:1rem .8rem .8rem;border-radius:16px;background:var(--bg);color:var(--fg);border:1.5px solid rgba(128,128,128,.3);cursor:pointer;display:flex;flex-direction:column;gap:.7rem;font-size:.8rem;transition:transform .3s var(--ease),border-color .2s}.sw:hover{transform:translateY(-3px)}.sw input,.opt input{position:absolute;opacity:0;pointer-events:none}.sw .dot{width:26px;height:26px;border-radius:50%;background:var(--ac);box-shadow:0 0 0 3px var(--cd)}.sw span{color:var(--fg);font-weight:500}.sw.sel{border-color:#fff;box-shadow:0 0 0 2px #fff}
.accent{margin-top:.4rem}.chk{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--fg);font-size:.85rem;flex:1}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.7rem}.opt{position:relative;margin:0;padding:1rem .6rem;border:1.5px solid var(--bd);border-radius:14px;text-align:center;cursor:pointer;color:var(--fg);transition:border-color .2s,background .2s,transform .3s var(--ease)}.opt:hover{transform:translateY(-2px)}.opt.sel{border-color:#fff;background:rgba(255,255,255,.08)}.opt small{display:block;margin-top:.4rem;color:var(--mu)}.aa{font-size:1.6rem;display:block}.shape{display:block;height:30px;margin:0 auto;width:80%;background:var(--fg);opacity:.85}
.lrow{display:grid;grid-template-columns:18px 108px 1fr 1.4fr 66px 24px 24px 24px;gap:.4rem;align-items:center;margin-bottom:.55rem;padding:.35rem;border-radius:12px;transition:background .2s,opacity .2s}.lrow input,.lrow select{margin:0;padding:.55rem .6rem}.lrow.drag{opacity:.4;background:var(--cd)}.grip{cursor:grab;color:var(--mu);user-select:none}.x,.mv{background:0;border:0;cursor:pointer;font-size:.8rem;color:var(--mu)}.mv:hover{color:var(--fg)}.x{color:#f87171}
.bar{position:sticky;bottom:1rem;display:flex;gap:.7rem;justify-content:flex-end;padding:.8rem;background:rgba(10,10,10,.85);border:1px solid var(--bd);border-radius:18px;backdrop-filter:blur(14px);z-index:5}
.prev{position:sticky;top:1.5rem}.prev .seg{display:flex;width:max-content;margin:0 auto 1rem}
.phone{width:310px;margin:0 auto;height:620px;border:9px solid #1b1b1d;border-radius:42px;overflow:hidden;transition:width .55s var(--ease),height .55s var(--ease),border-radius .55s;box-shadow:0 40px 80px -30px #000,0 0 0 1px rgba(255,255,255,.12)}.phone.d{width:100%;height:440px;border-radius:18px}
.pv{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.pv::-webkit-scrollbar{display:none}
.toast{position:fixed;top:1.2rem;left:50%;transform:translateX(-50%);background:#fff;color:#000;padding:.7rem 1.4rem;border-radius:99px;z-index:50;font-size:.85rem;font-weight:600;animation:rise .5s var(--ease),out .5s 3.2s forwards}.toast.bad{background:#f87171}.toast.warn{background:#fbbf24}@keyframes out{to{opacity:0;transform:translate(-50%,-14px)}}
/* public profile */
.pub{max-width:480px;margin:0 auto;padding-bottom:2.5rem}
.cover{height:190px;background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 28%,var(--bg)),var(--bg)) center/cover;-webkit-mask:linear-gradient(#000 65%,transparent);mask:linear-gradient(#000 65%,transparent)}
.head{text-align:center;margin-top:-64px;padding:0 1.2rem;position:relative}.avatar{width:108px;height:108px;border-radius:50%;margin:0 auto 1rem;background:var(--ac);color:var(--on);display:grid;place-items:center;font-size:2.5rem;font-weight:600;overflow:hidden;box-shadow:0 0 0 5px var(--bg),0 20px 40px -12px rgba(0,0,0,.6)}.avatar img{width:100%;height:100%;object-fit:cover}
.head h1{font-size:1.7rem}.cat{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mu);margin-top:.4rem}.tag{margin-top:.7rem;opacity:.9}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:1.5rem 1.1rem 0}.grid .act:last-child:nth-child(odd){grid-column:1/-1}
.act{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:1.1rem .5rem;background:var(--cd);border:1px solid var(--bd);border-radius:var(--rt);font-weight:500;font-size:.88rem;transition:transform .35s var(--ease),border-color .25s,background .25s}.act:hover{transform:translateY(-4px);border-color:var(--ac)}
.ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--ac) 14%,transparent);flex:none}
.review{margin:1rem 1.1rem 0;padding:1.4rem;text-align:center;border-radius:var(--rt);border:1px solid var(--bd);background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 14%,transparent),var(--cd))}.review p{margin:.2rem 0 1rem;font-size:.9rem}.stars{display:flex;justify-content:center;gap:3px;color:var(--ac)}.stars svg{fill:currentColor}
.pub .card{margin:1rem 1.1rem 0;padding:1.3rem;border-radius:var(--rt)}.pub .card h3{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}.pub .card p{font-size:.92rem}.sub{text-align:center;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin:1.8rem 0 .9rem;font-weight:500}
.links{display:grid;gap:.6rem;padding:0 1.1rem}.link{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;background:var(--cd);border:1px solid var(--bd);border-radius:var(--rb);font-weight:500;font-size:.92rem;transition:transform .35s var(--ease),border-color .25s}.link .arr{margin-left:auto;color:var(--mu)}.link:hover{transform:translateX(6px);border-color:var(--ac)}.link .ic{width:34px;height:34px}
[data-layout=list] .grid{grid-template-columns:1fr;gap:.6rem}[data-layout=list] .act{flex-direction:row;justify-content:center;padding:.95rem;border-radius:var(--rb)}[data-layout=list] .act .ic{display:none}
[data-layout=list] .link{justify-content:center;background:var(--ac);color:var(--on);border-color:var(--ac)}[data-layout=list] .link .ic,[data-layout=list] .link .arr{display:none}
.pv [data-layout=list]{}
.draft{background:#fbbf24;color:#000;text-align:center;padding:.45rem;font-size:.78rem;font-weight:600}.pub footer{margin-top:1.4rem}
@media(max-width:1000px){.split{grid-template-columns:1fr}.prev{position:static}.hero{grid-template-columns:1fr;text-align:center}.hero .lead{margin-inline:auto}.cta{justify-content:center}.two2{grid-template-columns:1fr}}
@media(max-width:860px){.app{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--bd);padding:.6rem;align-items:center}.side .logo{display:none}.side .sp{display:none}.nv{white-space:nowrap}.two{grid-template-columns:1fr}.lrow{grid-template-columns:1fr 1fr 26px 26px 26px}.lrow select,.grip{display:none}.srch{width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* ===== v2 additions: paste at the very end of assets/style.css ===== */
.nv .cnt{margin-left:auto;font-style:normal;font-size:.68rem;font-weight:700;background:#f87171;color:#fff;border-radius:99px;padding:.05rem .45rem;min-width:18px;text-align:center}
.rng .inline{flex-wrap:wrap}.rng select,.rng input{width:auto;margin:0}
.exp{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.note.new{border-color:rgba(74,222,128,.5)}.note p{margin-top:.4rem;color:var(--mu)}
.card.danger{border-color:rgba(248,113,113,.35)}.btn.dgr{background:#f87171;border-color:#f87171;color:#000}
.chklist{max-height:260px;overflow:auto;border:1px solid var(--bd);border-radius:12px;padding:.3rem .8rem;margin-top:.35rem}
.chklist label{display:flex;gap:.6rem;align-items:center;margin:0;padding:.45rem 0;color:var(--fg);font-size:.85rem}
.tmp{font:700 1.5rem/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;padding:1rem;border:1px dashed var(--bd);border-radius:12px;margin:.7rem 0;text-align:center}
.chk{display:flex;gap:.5rem;align-items:center;color:var(--fg);font-size:.85rem;margin:0}

[data-theme=obsidian]{--bg:#0b0b0c;--fg:#f5f1e8;--mu:#a39e91;--cd:#151516;--bd:#2a2a2c;--ac:#c9a96e;--on:#0b0b0c;--glow:rgba(201,169,110,.16)}
[data-theme=pure]{--bg:#ffffff;--fg:#151517;--mu:#6b6b72;--cd:#f5f5f6;--bd:#e6e6e8;--ac:#151517;--on:#ffffff;--glow:rgba(21,21,23,.16)}
[data-theme=ivory]{--bg:#faf6ee;--fg:#3b2f25;--mu:#7a6a58;--cd:#f1e9db;--bd:#e3d8c5;--ac:#8b5e3c;--on:#ffffff;--glow:rgba(139,94,60,.16)}
[data-theme=midnight]{--bg:#0a1128;--fg:#eaf0ff;--mu:#94a3c7;--cd:#121c3d;--bd:#223158;--ac:#4f8cff;--on:#ffffff;--glow:rgba(79,140,255,.16)}
[data-theme=emerald]{--bg:#0b1f17;--fg:#eef3ea;--mu:#9fb5a5;--cd:#12301f;--bd:#1f4030;--ac:#d4af37;--on:#0b1f17;--glow:rgba(212,175,55,.16)}
[data-theme=atelier]{--bg:#fbf3f1;--fg:#3a2a2d;--mu:#7d6266;--cd:#f4e4e0;--bd:#ead3d0;--ac:#a85d68;--on:#ffffff;--glow:rgba(168,93,104,.16)}
[data-theme=breeze]{--bg:#f4fbfc;--fg:#0f2f3a;--mu:#4f7480;--cd:#e3f3f5;--bd:#cde7ec;--ac:#0b7c8c;--on:#ffffff;--glow:rgba(11,124,140,.16)}
[data-theme=coral]{--bg:#fff6f0;--fg:#3b2420;--mu:#8d6155;--cd:#ffe7da;--bd:#f6d3c2;--ac:#d94f35;--on:#ffffff;--glow:rgba(217,79,53,.16)}
[data-theme=lavender]{--bg:#f6f4fb;--fg:#2b2540;--mu:#6f698a;--cd:#ebe7f5;--bd:#dcd5ee;--ac:#6d4cb8;--on:#ffffff;--glow:rgba(109,76,184,.16)}
[data-theme=moss]{--bg:#f6f3e9;--fg:#23311f;--mu:#5f6e55;--cd:#e9e6d3;--bd:#d9d6c0;--ac:#3f6b3a;--on:#ffffff;--glow:rgba(63,107,58,.16)}
[data-theme=executive]{--bg:#ffffff;--fg:#0f1f3d;--mu:#5b6a82;--cd:#eef1f5;--bd:#dde3ea;--ac:#16315f;--on:#ffffff;--glow:rgba(22,49,95,.16)}
[data-theme=mono]{--bg:#ffffff;--fg:#000000;--mu:#555555;--cd:#ffffff;--bd:#000000;--ac:#000000;--on:#ffffff;--glow:rgba(0,0,0,.16)}
[data-theme=pastel]{--bg:#fdf8fb;--fg:#3b3350;--mu:#7d7594;--cd:#f3ecf9;--bd:#eadff2;--ac:#c8588f;--on:#ffffff;--glow:rgba(200,88,143,.16)}
[data-theme=neon]{--bg:#07070d;--fg:#eef2ff;--mu:#8b93b8;--cd:#12121c;--bd:#232338;--ac:#19e3c4;--on:#04110e;--glow:rgba(25,227,196,.16)}
[data-theme=boutique]{--bg:#f7f4ef;--fg:#1c1917;--mu:#78716c;--cd:#ffffff;--bd:#e7e1d8;--ac:#1c1917;--on:#f7f4ef;--glow:rgba(28,25,23,.16)}
[data-theme=health]{--bg:#f5fbfa;--fg:#12353a;--mu:#527a80;--cd:#e6f5f2;--bd:#d2ebe6;--ac:#1f78b8;--on:#ffffff;--glow:rgba(31,120,184,.16)}
[data-theme=artisan]{--bg:#f3ece2;--fg:#3a2c1f;--mu:#7d6a54;--cd:#e8dccb;--bd:#dccdb6;--ac:#a8571a;--on:#ffffff;--glow:rgba(168,87,26,.16)}
[data-theme=creator]{--bg:#101014;--fg:#f6f2ff;--mu:#a49fbf;--cd:#1a1a22;--bd:#2c2c3a;--ac:#ff5ca8;--on:#1b0712;--glow:rgba(255,92,168,.16)}
[data-font=manrope]{--f:'Manrope',system-ui,sans-serif}
[data-font=dmsans]{--f:'DM Sans',system-ui,sans-serif}
[data-font=jakarta]{--f:'Plus Jakarta Sans',system-ui,sans-serif}
[data-font=lato]{--f:'Lato',system-ui,sans-serif}
[data-font=montserrat]{--f:'Montserrat',system-ui,sans-serif}
[data-font=cormorant]{--f:'Cormorant Garamond',system-ui,serif}
[data-font=nunito]{--f:'Nunito',system-ui,sans-serif}
[data-font=raleway]{--f:'Raleway',system-ui,sans-serif}
[data-font=sora]{--f:'Sora',system-ui,sans-serif}
[data-font=outfit]{--f:'Outfit',system-ui,sans-serif}
[data-font=lora]{--f:'Lora',system-ui,serif}
[data-layout=compact] .grid{grid-template-columns:repeat(3,1fr);gap:.5rem}[data-layout=compact] .grid .act:last-child:nth-child(odd){grid-column:auto}[data-layout=compact] .act{padding:.85rem .3rem;font-size:.74rem;gap:.4rem}[data-layout=compact] .act .ic{width:32px;height:32px}[data-layout=compact] .link{padding:.7rem .9rem;font-size:.86rem}
[data-layout=flat] .grid{grid-template-columns:1fr;gap:0}[data-layout=flat] .act,[data-layout=flat] .link{flex-direction:row;justify-content:flex-start;gap:.9rem;background:none;border:0;border-bottom:1px solid var(--bd);border-radius:0;padding:.95rem .2rem}[data-layout=flat] .act:hover,[data-layout=flat] .link:hover{transform:translateX(4px)}[data-layout=flat] .links{gap:0}[data-layout=flat] .pub .card,[data-layout=flat] .review{background:none;border:0;border-top:1px solid var(--bd);border-radius:0;padding:1.2rem .2rem}
[data-layout=luxe] .grid{gap:1rem}[data-layout=luxe] .act,[data-layout=luxe] .link,[data-layout=luxe] .pub .card,[data-layout=luxe] .review{background:none;border-radius:2px;border:1px solid var(--bd)}[data-layout=luxe] .act,[data-layout=luxe] .link{text-transform:uppercase;letter-spacing:.09em;font-size:.74rem;padding-top:1.4rem;padding-bottom:1.4rem}[data-layout=luxe] .link{padding:1rem}[data-layout=luxe] .ic{background:none;border:1px solid var(--bd)}[data-layout=luxe] .pub .card{text-align:center}
[data-layout=tiles] .grid{gap:.9rem}[data-layout=tiles] .act{border-radius:26px;padding:1.5rem .5rem;background:color-mix(in srgb,var(--ac) 9%,var(--cd))}[data-layout=tiles] .link,[data-layout=tiles] .pub .card,[data-layout=tiles] .review{border-radius:26px}
.pub{display:flex;flex-direction:column;min-height:100vh}.pub>footer{margin-top:auto;padding-top:1.8rem}.pv .pub{min-height:640px}
.sw .mini{display:block;position:relative;height:76px;border-radius:10px;overflow:hidden;background:var(--bg);border:1px solid var(--bd)}.mini .mc{position:absolute;left:0;right:0;top:0;height:32px;background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 30%,var(--bg)),var(--bg))}.mini .ma{position:absolute;left:50%;top:16px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:var(--ac);box-shadow:0 0 0 2px var(--bg)}.mini .mt{position:absolute;left:0;right:0;top:40px;text-align:center;font:600 .7rem/1 var(--f,Inter);color:var(--fg)}.mini .mb{position:absolute;left:9px;right:9px;bottom:6px;display:flex;gap:4px}.mini .mb u{flex:1;height:11px;background:var(--cd);border:1px solid var(--bd);border-radius:var(--rb,5px)}.mini .mb u:first-child{background:var(--ac);border-color:var(--ac)}.sw .nm{font-size:.76rem;line-height:1.2}
.hs{display:flex;gap:.7rem;overflow-x:auto;scroll-snap-type:x proximity;padding:.2rem .1rem .8rem;-webkit-overflow-scrolling:touch}.hs .opt{flex:0 0 112px;scroll-snap-align:start}.hs::-webkit-scrollbar{height:6px}.hs::-webkit-scrollbar-thumb{background:var(--bd);border-radius:9px}
.lt{display:grid;gap:3px;width:78px;height:44px;margin:0 auto .5rem;align-content:start}.lt i{display:block;background:var(--mu);opacity:.5;border-radius:3px;height:9px}.lt-card{grid-template-columns:1fr 1fr}.lt-card i{height:14px}.lt-list i{height:7px;border-radius:99px}.lt-compact{grid-template-columns:repeat(3,1fr)}.lt-compact i{height:12px}.lt-flat i{height:2px;border-radius:0;margin:5px 0}.lt-luxe{grid-template-columns:1fr 1fr}.lt-luxe i{height:13px;border-radius:1px;background:none;border:1px solid var(--mu)}.lt-tiles{grid-template-columns:1fr 1fr}.lt-tiles i{height:15px;border-radius:8px}
label[hidden]{display:none}.hours{display:grid;gap:.5rem;margin-top:.7rem}.hq{display:flex;gap:.4rem;flex-wrap:wrap}.hq button{border:1px solid var(--bd);background:none;color:var(--fg);border-radius:99px;padding:.35rem .85rem;font-size:.78rem;cursor:pointer}.hq button:hover{border-color:var(--fg)}
.hr{display:grid;grid-template-columns:40px 44px 1fr 12px 1fr;align-items:center;gap:.5rem}.hr .dn{font-weight:600;font-size:.85rem}.hr input[type=time]{padding:.5rem .4rem;min-width:0;margin:0}.hr.off input[type=time]{opacity:.3;pointer-events:none}.hr .to{text-align:center;color:var(--mu)}
.tg{position:relative;width:40px;height:24px;margin:0;display:block}.tg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;z-index:2;margin:0}.tg i{position:absolute;inset:0;border-radius:99px;background:var(--bd);transition:.2s}.tg i::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.tg input:checked+i{background:#34c759}.tg input:checked+i::after{transform:translateX(16px)}
.hl{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--bd);font-size:.9rem}.hl:last-of-type{border:0}.hl b{font-weight:500}.hl .cl{color:var(--mu);font-weight:400}.hl.today,.hl.today b{color:var(--ac);font-weight:600}.pub .card p.hn{margin-top:.7rem;color:var(--mu);font-size:.82rem}

.cbxw{position:relative}.cbx{position:absolute;left:0;right:0;top:100%;margin-top:4px;z-index:30;max-height:270px;overflow-y:auto;background:var(--bg);border:1px solid var(--bd);border-radius:14px;box-shadow:0 18px 40px -12px rgba(0,0,0,.6);padding:.3rem}.cbx[hidden]{display:none}.cg{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);padding:.6rem .6rem .25rem}.ci{display:block;width:100%;text-align:left;background:none;border:0;color:var(--fg);padding:.55rem .6rem;border-radius:9px;font:inherit;font-size:.88rem;cursor:pointer}.ci:hover,.ci.hl2{background:var(--cd)}.ci.own{color:var(--ac);font-weight:600}
.hb{display:grid;gap:.55rem;padding:.8rem;border:1px solid var(--bd);border-radius:14px}.chips{display:flex;gap:.35rem;flex-wrap:wrap}.chip{flex:1;min-width:38px;border:1px solid var(--bd);background:none;color:var(--mu);border-radius:10px;padding:.5rem 0;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chip.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.tm{display:flex;align-items:center;gap:.5rem}.tm input[type=time]{flex:1;min-width:0;margin:0}.tm span{color:var(--mu);font-size:.85rem}.tm .x{flex:none}

/* ===== v3: stable layout, mobile menu bar, country + category fields ===== */
html{overflow-x:hidden;scrollbar-gutter:stable}
body{max-width:100%;overflow-x:clip}
img,svg,video{max-width:100%}
.main,.col,.prev,.card,.split>*,.two>*,.ph>div{min-width:0}
.ph h1,.ph p{overflow-wrap:anywhere}
.copy input{min-width:0}
@keyframes rise2{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.app .rise{animation-name:rise2;animation-duration:.45s}
.panel.on{animation:rise2 .35s var(--ease)}
.bars{overflow-x:auto;overflow-y:hidden;padding-bottom:.2rem}.bars div{min-width:15px}
select optgroup{background:#111;color:#8b8b93;font-style:normal}
.hint{margin:-.3rem 0 1rem;line-height:1.5}
.pfx{display:flex;align-items:stretch;margin-top:.35rem}
.pfx .dial{display:grid;place-items:center;padding:0 .75rem;border:1px solid var(--bd);border-right:0;border-radius:12px 0 0 12px;background:var(--cd);color:var(--fg);font-size:.85rem;font-weight:600;white-space:nowrap}
.pfx input{margin:0;min-width:0;border-radius:0 12px 12px 0}
@media(max-width:1000px){.split{grid-template-columns:minmax(0,1fr)}}
@media(max-width:860px){
 .app{grid-template-columns:minmax(0,1fr)}
 .main{padding:1.2rem 1rem 5rem}
 /* menu = a bar of buttons at the top, all visible, nothing to scroll sideways */
 .side{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:.4rem;position:static;height:auto;overflow:visible;padding:.7rem;border-right:0;border-bottom:1px solid var(--bd);background:var(--bg);align-items:stretch}
 .side .logo{display:flex;grid-column:1/-1;padding:.1rem .2rem .3rem}
 .side .sp{display:none}
 .nv{position:relative;flex-direction:column;justify-content:center;text-align:center;gap:.3rem;min-width:0;padding:.6rem .25rem;border:1px solid var(--bd);border-radius:12px;font-size:.68rem;line-height:1.15;white-space:normal}
 .nv.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
 .nv .cnt{position:absolute;top:4px;right:5px;margin:0}
 .two{grid-template-columns:minmax(0,1fr)}
 .srch{width:100%}
 /* link rows: every control stays usable on a phone */
 .lrow{display:flex;flex-wrap:wrap;gap:.5rem;padding:.7rem;border:1px solid var(--bd);margin-bottom:.7rem}
 .lrow .grip{display:none}
 .lrow select[name="l_type[]"]{display:block;flex:1 1 55%;width:auto}
 .lrow select[name="l_on[]"]{display:block;flex:1 1 30%;width:auto}
 .lrow input[name="l_label[]"],.lrow input[name="l_url[]"]{flex:1 1 100%;width:auto}
 .lrow .mv,.lrow .x{flex:1;padding:.5rem;border:1px solid var(--bd);border-radius:10px;font-size:.9rem}
 .bar{bottom:.5rem}
 .bar .btn{flex:1}
}

/* ===== v4: searchable category + country pickers ===== */
.ss{position:relative;margin-top:.35rem}
.ss-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.6rem;text-align:left;padding:.72rem .9rem;border-radius:12px;border:1px solid var(--bd);background:var(--cd);color:var(--fg);font:400 .9rem var(--f);cursor:pointer}
.ss-btn::after{content:'';flex:none;width:7px;height:7px;border-right:1.5px solid var(--mu);border-bottom:1.5px solid var(--mu);transform:rotate(45deg) translateY(-2px)}
.ss-btn[aria-expanded=true]{border-color:var(--fg)}
.ss-panel{position:absolute;left:0;right:0;top:100%;margin-top:4px;z-index:40;background:var(--bg);border:1px solid var(--bd);border-radius:14px;box-shadow:0 18px 40px -12px rgba(0,0,0,.6);padding:.4rem}
.ss-panel[hidden]{display:none}
.ss-q{margin:0 0 .3rem}
.ss-list{position:relative;max-height:250px;overflow-y:auto;overscroll-behavior:contain}
.ss-g{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);padding:.6rem .6rem .25rem}
.ss-i{display:block;width:100%;text-align:left;background:none;border:0;color:var(--fg);padding:.6rem;border-radius:9px;font:inherit;font-size:.88rem;cursor:pointer}
.ss-i:hover,.ss-i.hl2{background:var(--cd)}.ss-i.sel{font-weight:600;color:var(--ac)}
.card:has(.ss-panel:not([hidden])){position:relative;z-index:30}

/* ===== v5: layout fixes, mobile type scale, mobile menu, bar tooltip, rental categories ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.two2>*,.cols2>*{min-width:0}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ph .inline{flex-wrap:wrap}
.tools{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.tools>*{margin:0}
.tools .srch{flex:1 1 180px;width:auto;min-width:0;max-width:320px}
.tools select{flex:0 0 auto}
.kbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.kbar select,.kbar input{flex:1 1 150px;min-width:0;width:auto;margin:0;max-width:280px}
.kbar .btn{flex:0 0 auto}
#kform{margin-bottom:1rem}#kform>.card{margin-bottom:.8rem}#kform>.card:last-child{margin-bottom:0}
.card.tbl table{min-width:620px}
details.card>summary{cursor:pointer;font-weight:600;font-size:1rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:.8rem}
details.card>summary::-webkit-details-marker{display:none}
details.card>summary::after{content:'';flex:none;width:8px;height:8px;border-right:1.5px solid var(--mu);border-bottom:1.5px solid var(--mu);transform:rotate(45deg);transition:transform .2s}
details.card[open]>summary::after{transform:rotate(225deg)}
details.card[open]>summary{margin-bottom:.9rem}
.trash{max-height:260px;overflow:auto;border:1px solid var(--bd);border-radius:12px;padding:.2rem .8rem;margin-bottom:.8rem}
.trash label{display:flex;gap:.6rem;align-items:center;margin:0;padding:.5rem 0;color:var(--fg);font-size:.85rem;border-bottom:1px solid var(--bd)}.trash label:last-child{border:0}
.trash label b{font-family:ui-monospace,Menlo,monospace;letter-spacing:.05em}
input[type=date],input[type=time]{min-width:0;max-width:100%;-webkit-appearance:none;appearance:none;min-height:2.65rem}
.okmsg{background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.3);color:#86efac;padding:.7rem .9rem;border-radius:12px;margin:.8rem 0;font-size:.85rem}
.hist{padding:.65rem 0;border-bottom:1px solid var(--bd)}.hist:last-child{border:0}
.hist .hd{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;font-size:.74rem;color:var(--mu)}
.hist .ty{text-transform:capitalize;font-weight:600;color:var(--fg)}
.hist p{margin-top:.25rem;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.88rem}
.note p{overflow-wrap:anywhere}
.lead-acts{display:flex;flex-wrap:wrap;gap:.5rem}
/* bars: tap a bar -> small label right above it */
.bars>div{cursor:pointer;-webkit-tap-highlight-color:transparent}
.bars>div.on i{background:var(--fg)}
.bars small{white-space:nowrap}
.tip{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-100%);background:var(--fg);color:var(--bg);padding:.28rem .55rem;border-radius:8px;font-size:.74rem;font-weight:700;line-height:1.25;text-align:center;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.tip small{display:block;font-weight:500;opacity:.75;font-size:.64rem;color:inherit}
@media(max-width:1000px){.cols2{grid-template-columns:minmax(0,1fr)}}
@media(hover:none){.nv:hover{background:none;color:var(--mu)}.nv.on:hover{background:var(--fg);color:var(--bg)}.btn:hover{transform:none;opacity:1}}
@media(max-width:860px){
 /* one calm type scale for every dashboard on a phone */
 html{font-size:15px}
 body{font-size:.94rem}
 .main{padding:1rem .85rem 5rem}
 .ph{margin-bottom:1rem;gap:.7rem}.ph h1{font-size:1.35rem}
 h3{font-size:.95rem;margin-bottom:.7rem}
 .card{padding:1rem;border-radius:16px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
 .stat.card{padding:.85rem}.stat b{font-size:1.5rem}.stat span{font-size:.72rem}
 .btn{font-size:.84rem;padding:.65rem 1.1rem}.btn.sm{font-size:.76rem;padding:.45rem .85rem}
 table{font-size:.78rem}td,th{padding:.65rem .5rem}th{font-size:.64rem}
 input,select,textarea{font-size:.88rem;padding:.65rem .8rem}
 label{font-size:.72rem}
 .badge{font-size:.68rem;padding:.2rem .6rem}
 .row{font-size:.88rem}
 .toast{font-size:.8rem;padding:.6rem 1.1rem}
 .glass{padding:1.5rem}.glass h2{font-size:1.35rem}
 .tmp{font-size:1.2rem}
 /* menu: same size buttons on every page, 4 per row, never grows when you move between pages */
 .side{display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem;align-content:flex-start}
 .side .logo{flex:0 0 100%;padding:.1rem .2rem .25rem;font-size:1rem}
 .nv{flex:0 0 calc(25% - .3rem);max-width:calc(25% - .3rem);min-height:56px;padding:.45rem .15rem;font-size:.64rem;gap:.25rem;border-radius:11px;-webkit-tap-highlight-color:transparent}
 .nv svg{width:18px;height:18px}
 .nv:active{transform:none}
 .tools .srch,.kbar select,.kbar input{max-width:none}
 .tip{font-size:.7rem}
}

/* ===== v6: spacing + alignment fixes found in screenshots ===== */
.app{align-content:start}
.two2,.cols2{row-gap:0;align-items:start}
.row{align-items:center}
.stat span{display:block;line-height:1.3}
.stats.s6{grid-template-columns:repeat(3,minmax(0,1fr))}
.bars div{min-width:3px}
.bars{overflow-x:hidden}
.tools .btn{flex:0 0 auto}
@media(max-width:1000px){.stats.s6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.ph>.btn,.ph>a.btn{flex:0 0 auto}.row{gap:.6rem}.row>span:first-child{min-width:0;overflow-wrap:anywhere}}

/* ===== v7: liquid-glass login/register (BLACK & WHITE), greeting, sign-ups, landing page ===== */
.auth{position:relative;overflow:hidden;isolation:isolate;min-height:100vh;min-height:100dvh;padding:1.4rem 1rem 2rem;display:grid;place-items:center;background:radial-gradient(540px 440px at 50% 52%,rgba(255,255,255,.16),transparent 70%),radial-gradient(circle at 80% 14%,rgba(255,255,255,.1),transparent 30%),#000}
.auth::before,.auth::after{content:'';position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.35;animation:orbf 20s ease-in-out infinite alternate;pointer-events:none}
.auth::before{width:46vmax;height:46vmax;left:-14vmax;top:-16vmax;background:radial-gradient(circle at 35% 35%,#ffffff,#8a8a8a 55%,transparent 72%)}
.auth::after{width:42vmax;height:42vmax;right:-14vmax;bottom:-16vmax;background:radial-gradient(circle at 60% 40%,#d4d4d4,#525252 52%,transparent 72%);animation-delay:-8s}
@keyframes orbf{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(6vmax,4vmax,0) scale(1.12)}}
.glass{position:relative;width:100%;max-width:430px;padding:2.2rem 2rem 1.8rem;border-radius:32px;display:flex;flex-direction:column;gap:.95rem;
 background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.05) 45%,rgba(255,255,255,.1));
 border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);
 box-shadow:0 34px 80px -24px rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.5) inset,0 -26px 44px -34px rgba(255,255,255,.28) inset,0 0 70px -20px rgba(255,255,255,.22)}
.glass::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,0) 34%,rgba(255,255,255,.4) 72%,rgba(255,255,255,.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.glass::after{content:'';position:absolute;left:0;right:0;top:0;height:55%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.09),transparent 65%);pointer-events:none}
.glass>*{margin:0;position:relative;z-index:1}
.glass .logo{padding:0;font-size:1.05rem;gap:.55rem}
.glass .logo::before{content:'';width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 14px 3px rgba(255,255,255,.85)}
.glass h2{font-size:1.75rem;letter-spacing:-.035em;line-height:1.15;margin:0;background:linear-gradient(180deg,#fff,#b5b5b5);-webkit-background-clip:text;background-clip:text;color:transparent}
.glass p.mu,.glass .mu{color:rgba(255,255,255,.62);font-size:.86rem;line-height:1.5}
.glass p a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4)}
.glass label{display:flex;flex-direction:column;gap:.42rem;margin:0;font-size:.78rem;font-weight:500;color:rgba(255,255,255,.72)}
.glass input,.glass select{width:100%;padding:.85rem 1rem;border-radius:16px;color:#fff;font-size:.95rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 1px 0 rgba(255,255,255,.08) inset;transition:border-color .25s,box-shadow .25s,background .25s}
.glass input::placeholder{color:rgba(255,255,255,.36)}
.glass input:focus,.glass select:focus{outline:0;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.6);box-shadow:0 0 0 4px rgba(255,255,255,.14),0 0 26px rgba(255,255,255,.2)}
.glass input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 40px rgba(30,30,30,.95) inset}
.glass .btn{position:relative;overflow:hidden;width:100%;margin:.15rem 0 0;padding:.92rem 1rem;border:0;border-radius:16px;font-size:.95rem;font-weight:700;color:#000;background:linear-gradient(135deg,#fff,#d4d4d4);box-shadow:0 12px 30px -8px rgba(255,255,255,.35),0 0 0 1px rgba(255,255,255,.55) inset,0 0 30px -4px rgba(255,255,255,.4)}
.glass .btn::after{content:'';position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-20deg);transition:left .8s var(--ease)}
.glass .btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px -8px rgba(255,255,255,.5),0 0 0 1px rgba(255,255,255,.7) inset,0 0 40px -2px rgba(255,255,255,.6)}
.glass .btn:hover::after{left:130%}
.glass .btn:active{transform:translateY(0)}
.glass a[href="google.php"]{margin:0!important;border-radius:16px!important;color:#fff!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.22)!important;transition:background .25s,box-shadow .25s}
.glass a[href="google.php"]:hover{background:rgba(255,255,255,.16)!important;box-shadow:0 0 28px -4px rgba(255,255,255,.4)}
.glass .err{margin:0;border-radius:14px}
.glass.cen{text-align:center;align-items:center}
.glass .small{font-size:.76rem}
@media(max-width:480px){.glass{padding:1.7rem 1.25rem 1.5rem;border-radius:28px;gap:.85rem}.glass h2{font-size:1.5rem}.auth{padding:1rem .8rem 1.6rem}}
@media(prefers-reduced-motion:reduce){.auth::before,.auth::after{animation:none}.glass .btn::after{display:none}}
/* greeting on the client dashboard */
.greet{display:flex;gap:1rem;align-items:center;padding:1.1rem 1.3rem;margin-bottom:1.1rem;border-radius:22px;border:1px solid var(--bd);background:linear-gradient(120deg,color-mix(in srgb,var(--ac) 14%,transparent),var(--cd) 60%)}
.greet-e{font-size:2rem;line-height:1;flex:none;filter:drop-shadow(0 0 14px rgba(255,200,80,.45))}
.greet h2{font-size:1.15rem;margin:0 0 .15rem;letter-spacing:-.02em}.greet p{margin:0;color:var(--mu);font-size:.88rem;line-height:1.45}
/* recent sign-ups */
.su{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--bd)}.su:last-child{border:0;padding-bottom:0}
.su-who{display:flex;flex-direction:column;min-width:0;gap:.1rem}.su-who b{font-weight:600;font-size:.92rem}.su-who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.su-when{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex:none;font-size:.85rem;line-height:1.35}
.acts{display:flex;gap:.4rem;align-items:center;flex-wrap:nowrap}.acts form{margin:0}
/* landing page */
.lp-nav{display:flex;justify-content:space-between;align-items:center;padding:.85rem 5%;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);background:rgba(0,0,0,.45);border-bottom:1px solid var(--bd)}
.lp-nav .logo{padding:0}.lp-nav nav{display:flex;align-items:center;gap:1.2rem}.lp-nav nav a:not(.btn){color:var(--mu)}.lp-nav nav a:not(.btn):hover{color:var(--fg)}
.lp{max-width:1080px;margin:0 auto;padding:0 1.2rem}
body:has(.lp){overflow-x:hidden}
.lp-hero{position:relative;isolation:isolate;text-align:center;padding:6rem 0 4.5rem}
.lp-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none}.lp-orb.o1{width:min(420px,80vw);height:min(420px,80vw);left:-4%;top:-80px;background:#4f46e5;opacity:.5}.lp-orb.o2{width:min(380px,70vw);height:min(380px,70vw);right:-4%;top:40px;background:#0ea5e9;opacity:.38}
.lp-kick{display:inline-block;padding:.35rem .9rem;border:1px solid var(--bd);border-radius:999px;font-size:.78rem;color:var(--mu);background:var(--cd);margin-bottom:1.2rem}
.lp h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;letter-spacing:-.04em;margin:0 auto 1.1rem;max-width:18ch}
.lp h1 span{background:linear-gradient(120deg,#9db0ff,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-sub{max-width:560px;margin:0 auto 1.8rem;color:var(--mu);font-size:1.08rem;line-height:1.6}
.lp-cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.lp-sec{padding:3rem 0}.lp-sec h2{font-size:clamp(1.5rem,3.4vw,2.1rem);letter-spacing:-.03em;text-align:center;margin-bottom:2rem}
.lp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.lp-step,.lp-card{background:var(--cd);border:1px solid var(--bd);border-radius:22px;padding:1.4rem}
.lp-step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--fg);color:var(--bg);margin-bottom:.9rem}
.lp-step h3,.lp-card h3{font-size:1.02rem;margin-bottom:.4rem}.lp-step p,.lp-card p{color:var(--mu);font-size:.9rem;line-height:1.55}
.lp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.lp-card .ic{margin-bottom:.9rem}
.lp-tags{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;list-style:none;padding:0;margin:0}.lp-tags li{padding:.5rem 1rem;border:1px solid var(--bd);border-radius:999px;background:var(--cd);font-size:.88rem}
.lp-faq{max-width:720px;margin:0 auto;display:grid;gap:.7rem}.lp-faq details{background:var(--cd);border:1px solid var(--bd);border-radius:18px;padding:1rem 1.2rem}
.lp-faq summary{cursor:pointer;font-weight:600;list-style:none}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq p{color:var(--mu);margin-top:.7rem;line-height:1.6;font-size:.92rem}
.lp-end{text-align:center;padding:3.5rem 1rem;margin:2rem 0 3rem;border:1px solid var(--bd);border-radius:30px;background:linear-gradient(135deg,rgba(99,102,241,.18),rgba(14,165,233,.1))}.lp-end h2{margin-bottom:.6rem;font-size:clamp(1.4rem,3.2vw,2rem)}.lp-end .btn{margin-top:1.2rem}
.lp-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;padding:1.6rem 5%;border-top:1px solid var(--bd);color:var(--mu);font-size:.85rem}.lp-foot a:hover{color:var(--fg)}
@media(max-width:900px){.lp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.greet{padding:.9rem 1rem;gap:.8rem;border-radius:18px}.greet-e{font-size:1.6rem}.greet h2{font-size:1.02rem}.greet p{font-size:.8rem}.su-when{font-size:.78rem}}
@media(max-width:640px){.lp-steps,.lp-grid{grid-template-columns:1fr}.lp-hero{padding:3.5rem 0 3rem}.lp-sub{font-size:.98rem}.lp-sec{padding:2rem 0}.lp-nav{padding:.7rem 1rem}}
td.acts{display:table-cell;white-space:nowrap}td.acts>*{display:inline-block;vertical-align:middle;margin:0 .4rem 0 0}td.acts>a.btn{display:inline-flex}
.ph>.tools{flex-wrap:nowrap}
@media(max-width:860px){.ph>.tools{flex-wrap:wrap;width:100%}}
/* profiles list becomes stacked cards on phones, so Delete is never hidden off-screen */
@media(max-width:700px){
 #pt{min-width:0!important;display:block}#pt thead{display:none}#pt tbody{display:block}
 #pt tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"b s" "o o" "u v" "a a";gap:.3rem .8rem;padding:.9rem .2rem;border-bottom:1px solid var(--bd);align-items:center}
 #pt tr:last-child{border:0}#pt td{display:block;padding:0;border:0;min-width:0;overflow-wrap:anywhere}
 #pt td:nth-child(1){grid-area:b}#pt td:nth-child(2){grid-area:o}#pt td:nth-child(3){grid-area:u}#pt td:nth-child(4){grid-area:v;text-align:right}#pt td:nth-child(5){grid-area:s}
 #pt td:nth-child(4)::after{content:' visits \00b7 30d';color:var(--mu);font-size:.72rem}
 #pt td.acts{grid-area:a;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem;white-space:normal}#pt td.acts>*{margin:0}
}