@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@500;600;700;800;900&display=swap");:root{color-scheme:light;--ink:#172033;--muted:#64708a;--line:#d7deeb;--panel:#ffffff;--soft:#f1faf5;--mint:#7bdcb5;--coral:#ff8f70;--sky:#8ecae6;--violet:#9b8cff;--banana:#ffd166;--rose:#ff6f91;--deep:#111827;--shadow:0 24px 70px rgba(29,36,51,0.14)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,rgba(123,220,181,.08) 1px,transparent 0),linear-gradient(180deg,rgba(142,202,230,.08) 1px,transparent 0),#fbfcf8;background-size:42px 42px;color:var(--ink);font-family:Nunito,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{align-items:center;display:flex;gap:24px;justify-content:space-between;padding:16px clamp(20px,4vw,56px);position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(251,252,248,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(216,222,233,.7)}.brand{align-items:center;display:inline-flex;font-family:Fredoka,Nunito,sans-serif;font-size:24px;font-weight:700;gap:10px}.brand-mark{background:radial-gradient(circle at 38% 42%,#172033 0 4px,transparent 5px),radial-gradient(circle at 64% 42%,#172033 0 4px,transparent 5px),linear-gradient(135deg,var(--mint),var(--sky));border:2px solid rgba(23,32,51,.1);border-radius:14px 14px 18px 18px;height:34px;position:relative;width:34px}.brand-mark:after,.brand-mark:before{background:var(--coral);border-radius:4px 4px 0 0;content:"";height:11px;position:absolute;top:-8px;width:10px}.brand-mark:before{left:5px;transform:rotate(-18deg)}.brand-mark:after{right:5px;transform:rotate(18deg)}.demo-controls,.header-actions,.hero-actions,nav{align-items:center;display:flex;gap:14px;flex-wrap:wrap}.header-actions a:not(.button),nav a{color:var(--muted);font-size:15px;font-weight:800;position:relative}.header-actions a:not(.button):after,nav a:after{background:var(--coral);border-radius:999px;bottom:-8px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .18s ease;width:100%}.header-actions a:not(.button):hover:after,nav a:hover:after{transform:scaleX(1)}.button,.demo-controls button,.text-button{border:1px solid var(--line);border-radius:8px;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:48px;padding:11px 16px;position:relative;transition:box-shadow .18s ease,transform .18s ease,background-color .18s ease,border-color .18s ease;z-index:0}.button:hover,.demo-controls button:hover,.text-button:hover{box-shadow:0 12px 26px rgba(23,32,51,.16);transform:translateY(-2px)}.button:active,.demo-controls button:active,.text-button:active{transform:translateY(0)}.primary{background:var(--ink);border-color:var(--ink);color:white}.secondary{background:rgba(255,255,255,.82)}.text-button{background:#f8fbff;color:var(--ink);width:-moz-fit-content;width:fit-content}.hero{align-items:center;display:grid;grid-gap:48px;gap:48px;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);min-height:min(860px,calc(100vh - 72px));overflow:hidden;padding:54px clamp(20px,4vw,56px) 48px;position:relative}.hero:before{background:linear-gradient(135deg,transparent 0 18%,rgba(255,209,102,.42) 18% 24%,transparent 24% 100%),linear-gradient(45deg,transparent 0 70%,rgba(255,143,112,.25) 70% 78%,transparent 78% 100%);content:"";inset:0;pointer-events:none;position:absolute}.hero>*{position:relative}.hero-copy{align-self:center;max-width:690px}.eyebrow{color:#246b58;font-size:14px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(68px,10vw,126px);line-height:.82;margin-bottom:24px}h1,h2{font-family:Fredoka,Nunito,sans-serif;font-weight:700;letter-spacing:0}h2{font-size:clamp(38px,5vw,64px);line-height:.95}.category-card p,.feature-card p,.hero-subtitle,.preview-card p,.section p,.trust-line{color:var(--muted);line-height:1.65}.hero-subtitle{font-size:22px;max-width:650px}.hero-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-stats strong{background:rgba(255,255,255,.86);border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 10px 20px rgba(23,32,51,.07);font-size:14px;padding:10px 12px;transform:rotate(-1deg)}.hero-stats strong:nth-child(2){transform:rotate(1deg)}.hero-stats strong:nth-child(3){transform:rotate(-.5deg)}.demo-panel{align-self:end;background:var(--panel);border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg);transition:transform .22s ease,box-shadow .22s ease}.demo-panel:hover{box-shadow:0 34px 90px rgba(29,36,51,.18);transform:rotate(0deg) translateY(-4px)}.browser-chrome{align-items:center;background:#eef3ef;display:flex;gap:8px;padding:12px}.browser-chrome span{background:var(--coral);border-radius:999px;height:11px;width:11px}.browser-chrome span:nth-child(2){background:#ffd166}.browser-chrome span:nth-child(3){background:var(--mint)}.browser-chrome strong{background:white;border:1px solid var(--line);border-radius:8px;color:var(--muted);flex:1 1;font-size:13px;padding:8px 12px}.browser-page{background:radial-gradient(circle at 18px 18px,rgba(255,209,102,.7) 0 2px,transparent 3px),linear-gradient(180deg,#f8fbff,#f7fff9);background-size:56px 56px,auto;min-height:420px;overflow:hidden;padding:30px;position:relative;transition:background .18s ease}.browser-page.night-mode{background:linear-gradient(180deg,#273247,#314638)}.demo-document{display:grid;grid-gap:14px;gap:14px;max-width:70%}.demo-document div{background:white;border:1px solid var(--line);border-radius:8px}.demo-doc-hero{height:96px}.demo-doc-row{height:20px}.demo-doc-row.short{width:68%}.demo-doc-card{height:74px;margin-top:8px}.demo-character{background-color:transparent;background-repeat:no-repeat;background-size:auto 128px;border:0;cursor:-webkit-grab;cursor:grab;height:128px;left:0;position:absolute;top:150px;transform-origin:bottom right;transition:filter .12s ease;width:128px;will-change:transform,background-position}.demo-character.dragging{cursor:-webkit-grabbing;cursor:grabbing;filter:drop-shadow(0 16px 18px rgba(29,36,51,.18))}.speech-bubble{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 20px rgba(29,36,51,.08);left:0;max-width:250px;padding:10px 12px;position:absolute;top:150px;will-change:transform;z-index:2}.leaves,.rain,.snow,.sparkles{inset:0;pointer-events:none;position:absolute}.rain{animation:deskbuddy-demo-rain .7s linear infinite;background-image:linear-gradient(180deg,rgba(44,122,98,.28) 0 35%,transparent 35%);background-size:22px 52px;opacity:.4}.snow{animation:deskbuddy-demo-snow 2.2s linear infinite;background-image:radial-gradient(circle,rgba(142,202,230,.9) 1px,transparent 2px);background-size:34px 34px}.sparkles{animation:deskbuddy-demo-sparkles 1.6s ease-in-out infinite;background-image:radial-gradient(circle,rgba(255,209,102,.9) 1px,transparent 3px);background-size:46px 46px}.leaves{animation:deskbuddy-demo-leaves 2.4s linear infinite;background-image:radial-gradient(ellipse,rgba(255,143,112,.72) 1px,transparent 4px);background-size:52px 40px;opacity:.58}.demo-controls button.active{background:var(--ink);border-color:var(--ink);color:white}.demo-controls{border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(123,220,181,.12),rgba(142,202,230,.08));padding:14px}.demo-controls label{align-items:center;background:rgba(255,255,255,.8);border:1px solid rgba(23,32,51,.08);border-radius:8px;display:inline-flex;gap:6px;min-height:42px;padding:8px 10px;transition:transform .16s ease,border-color .16s ease}.demo-controls label:hover{border-color:rgba(255,143,112,.48);transform:translateY(-2px)}.demo-controls input[type=checkbox]{accent-color:var(--coral);height:16px;width:16px}@keyframes deskbuddy-demo-rain{0%{background-position:0 0}to{background-position:-22px 52px}}@keyframes deskbuddy-demo-snow{0%{background-position:0 0}to{background-position:34px 68px}}@keyframes deskbuddy-demo-sparkles{0%,to{opacity:.32}50%{opacity:.84}}@keyframes deskbuddy-demo-leaves{0%{background-position:0 0}to{background-position:52px 80px}}.section{padding:88px clamp(20px,4vw,56px);position:relative}.muted{background:linear-gradient(90deg,rgba(123,220,181,.08) 1px,transparent 1px),var(--soft);background-size:42px 42px}.section-heading{max-width:850px}.category-grid,.dashboard-grid,.feature-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.category-card,.dashboard-card,.feature-card,.preview-card{background:rgba(255,255,255,.9);border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 12px 30px rgba(23,32,51,.06);overflow:hidden;padding:22px;position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.category-card:hover,.feature-card:hover,.mini-character-strip article:hover,.preview-card:hover{border-color:rgba(255,143,112,.48);box-shadow:0 22px 50px rgba(23,32,51,.12);transform:translateY(-6px) rotate(-.4deg)}.category-card:after,.feature-card:after,.preview-card:after{background:linear-gradient(90deg,var(--mint),var(--banana),var(--coral),var(--sky));bottom:0;content:"";height:5px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.category-card:hover:after,.feature-card:hover:after,.preview-card:hover:after{transform:scaleX(1)}.category-thumb,.feature-visual{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.feature-visual{background:radial-gradient(circle at 18% 24%,rgba(255,209,102,.7) 0 8px,transparent 9px),linear-gradient(135deg,rgba(123,220,181,.32),rgba(142,202,230,.28));border:1px solid rgba(23,32,51,.08);border-radius:8px;height:138px;overflow:hidden;position:relative}.feature-visual span{position:absolute}.feature-companion .feature-visual span:first-child{background-image:url(/characters/silver-tabby/thumb.png);background-position:50%;background-repeat:no-repeat;background-size:70px 70px;height:86px;left:28px;top:26px;width:86px;animation:buddy-bounce 2.8s ease-in-out infinite}.feature-companion .feature-visual span:nth-child(2),.feature-dashboard .feature-visual span,.feature-library .feature-visual span{background:white;border:1px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 10px 20px rgba(23,32,51,.08)}.feature-companion .feature-visual span:nth-child(2){height:28px;right:28px;top:30px;width:92px}.feature-companion .feature-visual span:nth-child(3){background:var(--coral);border-radius:999px;height:10px;right:74px;top:39px;width:10px}.feature-library .feature-visual{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,58px);place-content:center}.feature-library .feature-visual span{background-image:url(/characters/silver-tabby/thumb.png);background-position:50%;background-repeat:no-repeat;background-size:42px 42px;height:58px;position:static;width:58px}.feature-library .feature-visual span:nth-child(2){filter:hue-rotate(80deg);transform:translateY(12px)}.feature-library .feature-visual span:nth-child(3){filter:hue-rotate(190deg)}.feature-effects .feature-visual{background:radial-gradient(circle,rgba(255,209,102,.9) 1px,transparent 3px),linear-gradient(135deg,rgba(142,202,230,.4),rgba(155,140,255,.22));background-size:34px 34px,auto;animation:sparkle-field 2.8s linear infinite}.feature-effects .feature-visual span:first-child,.feature-effects .feature-visual span:nth-child(2),.feature-effects .feature-visual span:nth-child(3){background:rgba(255,255,255,.75);border-radius:999px;height:72px;width:72px}.feature-effects .feature-visual span:first-child{left:34px;top:36px}.feature-effects .feature-visual span:nth-child(2){left:80px;top:24px}.feature-effects .feature-visual span:nth-child(3){left:132px;top:46px}.feature-popup .feature-visual span:first-child{background:white;border:1px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 12px 24px rgba(23,32,51,.1);height:96px;left:42px;top:22px;width:156px}.feature-popup .feature-visual span:nth-child(2),.feature-popup .feature-visual span:nth-child(3){background:var(--ink);border-radius:8px;height:13px;left:62px;width:76px}.feature-popup .feature-visual span:nth-child(2){top:48px}.feature-popup .feature-visual span:nth-child(3){background:var(--mint);top:78px}.feature-dashboard .feature-visual{display:grid;grid-gap:10px;gap:10px;grid-template-columns:76px 76px;place-content:center}.feature-dashboard .feature-visual span{height:48px;position:static;width:76px}.feature-dashboard .feature-visual span:first-child{grid-column:1/-1;width:162px}.feature-privacy .feature-visual span:first-child{background:var(--ink);border-radius:8px;height:86px;left:calc(50% - 43px);top:34px;width:86px}.feature-privacy .feature-visual span:nth-child(2){border:9px solid var(--ink);border-bottom:0;border-radius:999px 999px 0 0;height:42px;left:calc(50% - 28px);top:14px;width:56px}.feature-privacy .feature-visual span:nth-child(3){background:var(--banana);border-radius:999px;height:14px;left:calc(50% - 7px);top:70px;width:14px}.category-thumb{background:linear-gradient(135deg,rgba(123,220,181,.32),rgba(255,143,112,.24));border:1px solid rgba(23,32,51,.08);border-radius:8px;height:112px;overflow:hidden}.category-thumb img{height:84px;object-fit:contain;width:84px;transition:transform .22s ease}.category-card:hover .category-thumb img{transform:translateY(-8px) rotate(5deg) scale(1.08)}.category-card h3,.feature-card h3,.preview-card h3{font-size:26px;line-height:1.15;margin-bottom:8px}.mini-character-strip{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.mini-character-strip article{align-items:center;background:white;border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 12px 24px rgba(23,32,51,.08);display:flex;gap:12px;padding:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.mini-character-strip img{border-radius:8px;height:42px;width:42px}.mini-character-strip div{display:grid;grid-gap:2px;gap:2px}.mini-character-strip span{color:var(--muted);font-size:13px}.split{align-items:flex-start;display:grid;grid-gap:36px;gap:36px;grid-template-columns:.8fr 1fr}.effects-showcase{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}.effects-showcase article{align-items:center;background:rgba(255,255,255,.9);border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 12px 28px rgba(23,32,51,.08);display:grid;font-weight:900;grid-gap:12px;gap:12px;justify-items:center;min-height:150px;padding:18px;transition:transform .18s ease,box-shadow .18s ease}.effects-showcase article:hover{box-shadow:0 22px 48px rgba(23,32,51,.14);transform:translateY(-6px)}.effect-icon{border-radius:8px;display:block;height:70px;width:70px}.rain-icon{animation:icon-rain .9s linear infinite;background:linear-gradient(180deg,rgba(45,118,96,.65) 0 38%,transparent 38%),#e9fbff;background-size:14px 30px,auto}.snow-icon{animation:icon-snow 1.8s linear infinite;background:radial-gradient(circle,rgba(142,202,230,.95) 2px,transparent 3px),#f8fbff;background-size:18px 18px,auto}.sparkle-icon{animation:icon-pulse 1.2s ease-in-out infinite;background:radial-gradient(circle,rgba(255,209,102,1) 2px,transparent 4px),linear-gradient(135deg,#fff7da,#f7f0ff);background-size:18px 18px,auto}.leaf-icon{animation:icon-leaves 1.8s linear infinite;background:radial-gradient(ellipse,rgba(255,143,112,.85) 2px,transparent 5px),#fff5ef;background-size:22px 18px,auto}.night-icon{background:radial-gradient(circle at 60% 34%,#ffd166 0 10px,transparent 11px),linear-gradient(135deg,#172033,#35415f)}@keyframes buddy-bounce{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(5deg)}}@keyframes sparkle-field{0%{background-position:0 0,0 0}to{background-position:34px 34px,0 0}}@keyframes icon-rain{0%{background-position:0 0,0 0}to{background-position:-14px 30px,0 0}}@keyframes icon-snow{0%{background-position:0 0,0 0}to{background-position:18px 36px,0 0}}@keyframes icon-leaves{0%{background-position:0 0,0 0}to{background-position:22px 36px,0 0}}@keyframes icon-pulse{0%,to{filter:saturate(1);transform:scale(1)}50%{filter:saturate(1.35);transform:scale(1.05)}}.faq details{background:rgba(255,255,255,.92);border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 12px 24px rgba(23,32,51,.06);margin-top:12px;padding:20px;transition:border-color .18s ease,transform .18s ease}.faq details:hover{border-color:rgba(142,202,230,.7);transform:translateX(4px)}.faq summary{cursor:pointer;font-size:19px;font-weight:900}.preview-section{background:linear-gradient(135deg,rgba(155,140,255,.1) 0 18%,transparent 18%),#fbfcf8}.preview-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.preview-shot{background:#f8fbff;border:2px solid rgba(23,32,51,.08);border-radius:8px;margin-bottom:18px;overflow:hidden}.preview-shot img{aspect-ratio:16/11;display:block;height:auto;object-fit:cover;object-position:top center;width:100%}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.section-lead{color:var(--muted);font-size:17px;line-height:1.7;margin:12px 0 0;max-width:62ch}.pricing-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}.plan-card{background:var(--panel);border:2px solid rgba(23,32,51,.08);border-radius:20px;box-shadow:0 18px 44px rgba(23,32,51,.07);display:flex;flex-direction:column;gap:20px;padding:30px}.plan-card.featured{background:linear-gradient(180deg,rgba(123,220,181,.12),transparent 44%),var(--panel);border-color:var(--mint);box-shadow:0 26px 60px rgba(23,32,51,.12)}.plan-card.featured .plan-tag{background:rgba(123,220,181,.24);color:#10715a}.plan-card.planned{background:linear-gradient(180deg,rgba(155,140,255,.07),transparent 42%),var(--panel);border-style:dashed;border-color:rgba(155,140,255,.45)}.plan-tag{background:rgba(155,140,255,.14);border-radius:999px;color:#5b4bc4;display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;margin-bottom:12px;padding:6px 12px;text-transform:uppercase}.plan-card h3{font-size:26px;margin:0}.plan-card h3,.plan-price{font-family:Fredoka,Nunito,sans-serif}.plan-price{align-items:baseline;display:flex;font-size:42px;font-weight:700;gap:8px;margin:6px 0 0}.plan-price span{font-size:15px}.plan-price span,.plan-price-tbd{color:var(--muted);font-family:Nunito,sans-serif;font-weight:700}.plan-price-tbd{font-size:19px}.plan-summary{color:var(--muted);margin:10px 0 0}.plan-features{display:grid;grid-gap:12px;gap:12px;flex:1 1;list-style:none;margin:0;padding:0}.plan-features li{color:#3d4a60;line-height:1.6;padding-left:30px;position:relative}.plan-features li:before{background:var(--mint);border-radius:999px;color:var(--ink);content:"✓";display:grid;font-size:12px;font-weight:900;height:20px;left:0;place-items:center;position:absolute;top:2px;width:20px}.plan-card.planned .plan-features li:before{background:rgba(155,140,255,.28);content:"○"}.waitlist-form{display:flex;flex-wrap:wrap;gap:10px}.waitlist-form input{border:2px solid var(--line);border-radius:12px;flex:1 1 190px;min-width:0;padding:12px 14px}.waitlist-form input:focus-visible{border-color:var(--violet);outline:none}.plan-note{color:var(--muted);font-size:14px;line-height:1.6;margin:0}@media (max-width:860px){.pricing-grid{grid-template-columns:minmax(0,1fr)}}.install-band{align-items:center;background:linear-gradient(135deg,rgba(123,220,181,.2),transparent 32%),linear-gradient(45deg,transparent 64%,rgba(255,143,112,.22) 64% 74%,transparent 74%),var(--ink);color:white;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) auto;overflow:hidden}.install-band .eyebrow,.install-band p{color:rgba(255,255,255,.74)}.install-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.install-band .primary{background:white;border-color:white;color:var(--ink)}.install-band .secondary{background:transparent;color:white}.social-proof{background:linear-gradient(90deg,rgba(255,209,102,.18) 0 16%,transparent 16%),var(--soft);text-align:center}.social-proof h2{margin-inline:auto;max-width:820px}.proof-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px auto 0;max-width:980px}.proof-grid strong{background:rgba(255,255,255,.92);border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 12px 24px rgba(23,32,51,.06);padding:18px;transition:transform .18s ease,border-color .18s ease}.proof-grid strong:hover{border-color:rgba(123,220,181,.7);transform:translateY(-4px)}.final-cta{background:radial-gradient(circle at 16px 16px,rgba(255,209,102,.44) 0 2px,transparent 3px),#fbfcf8;background-size:36px 36px;padding:96px clamp(20px,4vw,56px);text-align:center}.final-cta h2{margin-inline:auto;max-width:840px}.trust-line a{color:#246b58;font-weight:900;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.dashboard-shell{background:radial-gradient(circle at 18px 18px,rgba(255,209,102,.28) 0 2px,transparent 3px),linear-gradient(135deg,rgba(123,220,181,.12),rgba(142,202,230,.1)),#fbfcf8;background-size:38px 38px,auto,auto;display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.dashboard-sidebar{background:radial-gradient(circle at 44px 58px,rgba(255,209,102,.34) 0 26px,transparent 27px),linear-gradient(180deg,#182237,#111827);color:white;display:flex;flex-direction:column;gap:22px;overflow:hidden;padding:26px 20px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.dashboard-brand{align-items:center;color:white;display:inline-flex;font-family:Fredoka,Nunito,sans-serif;font-size:26px;font-weight:700;gap:10px;margin-bottom:8px}.dashboard-sidebar nav{align-items:stretch;display:grid;grid-gap:10px;gap:10px}.dashboard-sidebar nav a{align-items:center;border-radius:8px;color:rgba(255,255,255,.78);display:grid;grid-gap:12px;gap:12px;grid-template-columns:42px minmax(0,1fr);padding:11px;position:relative;transition:background-color .18s ease,color .18s ease,transform .18s ease}.dashboard-sidebar nav a:hover{background:rgba(255,255,255,.08);color:white;transform:translateX(4px)}.dashboard-sidebar nav a[aria-current=page]{background:rgba(255,255,255,.14);color:white;box-shadow:inset 4px 0 0 var(--mint)}.dashboard-sidebar nav a small,.dashboard-sidebar nav a strong{display:block}.dashboard-sidebar nav a strong{font-size:15px;font-weight:900}.dashboard-sidebar nav a small{color:rgba(255,255,255,.54);font-size:12px;margin-top:2px}.dashboard-nav-icon{align-items:center;background:linear-gradient(135deg,var(--mint),var(--sky));border-radius:8px;color:var(--ink);display:flex;font-size:13px;font-weight:900;height:42px;justify-content:center;width:42px}.dashboard-sidebar nav a:nth-child(2n) .dashboard-nav-icon{background:linear-gradient(135deg,var(--banana),var(--coral))}.dashboard-sidebar nav a:nth-child(3n) .dashboard-nav-icon{background:linear-gradient(135deg,var(--sky),var(--violet))}.dashboard-main{display:grid;grid-gap:24px;gap:24px;padding:28px clamp(20px,3vw,42px)}.dashboard-topbar{align-items:center;background:rgba(255,255,255,.82);border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 18px 44px rgba(23,32,51,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(220px,1fr) minmax(240px,340px) auto;padding:18px;position:-webkit-sticky;position:sticky;top:16px;z-index:5}.dashboard-topbar h1{font-family:Fredoka,Nunito,sans-serif;font-size:44px;font-weight:700;line-height:1;margin-bottom:0}.dashboard-search{display:grid;grid-gap:6px;gap:6px}.dashboard-search span{color:var(--muted);font-size:12px;font-weight:800}.dashboard-topbar input,.library-controls select,.preview-details input{background:rgba(255,255,255,.9);border:2px solid rgba(23,32,51,.08);border-radius:8px;min-width:0;padding:12px 13px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.dashboard-topbar input:focus,.library-controls select:focus,.preview-details input:focus{border-color:rgba(255,143,112,.7);box-shadow:0 0 0 4px rgba(255,143,112,.14);outline:none}.active-indicator{align-items:center;background:var(--ink);border:2px solid rgba(23,32,51,.08);border-radius:8px;color:white;display:flex;gap:10px;padding:10px 13px;white-space:nowrap}.active-indicator img{border-radius:8px;height:42px;width:42px}.active-indicator span{display:grid;grid-gap:2px;gap:2px}.active-indicator strong{font-size:14px}.active-indicator small{color:rgba(255,255,255,.66);font-size:12px}.dashboard-home,.placeholder-panel{display:grid;grid-gap:20px;gap:20px}.active-character-card{align-items:center;background:radial-gradient(circle at 12% 20%,rgba(255,209,102,.55) 0 34px,transparent 35px),linear-gradient(135deg,rgba(255,255,255,.96),rgba(241,250,245,.96));border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 24px 70px rgba(23,32,51,.12);display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,1fr) minmax(260px,360px);overflow:hidden;padding:28px;position:relative}.active-character-card:after{background:radial-gradient(circle at 18px 18px,rgba(255,143,112,.2) 0 2px,transparent 3px);background-size:32px 32px;content:"";inset:0;pointer-events:none;position:absolute}.active-character-card>*{position:relative}.active-character-card h2{font-family:Fredoka,Nunito,sans-serif;font-size:clamp(42px,5vw,72px);line-height:.9;margin-bottom:14px}.active-character-card button{background:var(--ink);border:0;border-radius:8px;color:white;cursor:pointer;font-weight:900;margin-top:16px;min-height:48px;padding:12px 16px;transition:transform .18s ease,box-shadow .18s ease}.active-character-card button:hover{box-shadow:0 14px 28px rgba(23,32,51,.18);transform:translateY(-2px)}.character-rail h2,.placeholder-panel h2{font-size:24px;line-height:1.1;margin-bottom:8px}.active-character-card p,.character-card p,.character-rail p,.dashboard-card p,.empty-state p,.placeholder-panel p,.preview-details p{color:var(--muted);line-height:1.55}.active-character-scene{align-items:center;background:radial-gradient(circle at 50% 30%,rgba(123,220,181,.34) 0 56px,transparent 57px),radial-gradient(circle at 18px 18px,rgba(255,209,102,.5) 0 2px,transparent 3px),white;background-size:auto,32px 32px,auto;border:2px solid rgba(23,32,51,.08);border-radius:8px;display:grid;min-height:280px;overflow:hidden;place-items:center}.active-character-scene img{animation:buddy-bounce 3.2s ease-in-out infinite;border:0;max-width:280px;width:86%}.dashboard-card{background:radial-gradient(circle at 88% 18%,rgba(255,209,102,.28) 0 18px,transparent 19px),rgba(255,255,255,.92);border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 12px 28px rgba(23,32,51,.07);padding:20px;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dashboard-card:before{background:linear-gradient(135deg,var(--mint),var(--sky));border-radius:8px;content:"";display:block;height:10px;margin-bottom:16px;width:54px}.dashboard-card:nth-child(2n):before{background:linear-gradient(135deg,var(--banana),var(--coral))}.dashboard-card:nth-child(3n):before{background:linear-gradient(135deg,var(--sky),var(--violet))}.dashboard-card:hover{border-color:rgba(123,220,181,.7);box-shadow:0 20px 44px rgba(23,32,51,.12);transform:translateY(-4px)}.dashboard-card strong{color:var(--ink);display:block;font-family:Fredoka,Nunito,sans-serif;font-size:26px;text-transform:capitalize}.character-rail{background:rgba(255,255,255,.88);border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 12px 28px rgba(23,32,51,.06);padding:20px}.character-rail>div{display:flex;flex-wrap:wrap;gap:10px}.character-rail button{align-items:center;background:#f8fbff;border:2px solid rgba(23,32,51,.08);border-radius:8px;cursor:pointer;display:inline-flex;gap:10px;font-weight:900;padding:9px 11px;transition:transform .16s ease,border-color .16s ease}.character-rail button:hover{border-color:rgba(255,143,112,.56);transform:translateY(-3px)}.character-rail img{border-radius:8px;height:34px;width:34px}.library-controls{background:rgba(255,255,255,.86);border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 12px 28px rgba(23,32,51,.06);display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px;position:relative;z-index:4}.library-controls:has(.filter-dropdown.open){z-index:20}.library-controls label,.preview-details label{color:var(--muted);display:grid;font-size:12px;font-weight:800;grid-gap:7px;gap:7px}.filter-dropdown{display:grid;grid-gap:7px;gap:7px;position:relative}.filter-label{color:var(--muted);font-size:12px;font-weight:900}.filter-trigger{align-items:center;background:radial-gradient(circle at 92% 24%,rgba(255,209,102,.26) 0 16px,transparent 17px),white;border:2px solid rgba(23,32,51,.08);border-radius:8px;color:var(--ink);cursor:pointer;display:flex;font-weight:900;justify-content:space-between;min-height:60px;padding:12px 14px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;width:100%}.filter-trigger:hover,.filter-trigger[aria-expanded=true]{border-color:rgba(255,143,112,.72);box-shadow:0 12px 26px rgba(23,32,51,.11);transform:translateY(-2px)}.filter-trigger:focus-visible{border-color:rgba(255,143,112,.78);box-shadow:0 0 0 4px rgba(255,143,112,.14);outline:none}.filter-chevron{border-bottom:3px solid var(--ink);border-right:3px solid var(--ink);display:inline-block;height:9px;margin-left:10px;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease;width:9px}.filter-trigger[aria-expanded=true] .filter-chevron{transform:rotate(225deg) translateY(-2px)}.filter-menu{background:radial-gradient(circle at 14px 14px,rgba(255,209,102,.3) 0 2px,transparent 3px),rgba(255,255,255,.98);background-size:28px 28px,auto;border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 22px 54px rgba(23,32,51,.18);display:grid;grid-gap:6px;gap:6px;left:0;max-height:320px;overflow:auto;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:30}.filter-menu button{align-items:center;background:rgba(255,255,255,.86);border:2px solid transparent;border-radius:8px;color:var(--ink);cursor:pointer;display:flex;font-weight:900;justify-content:space-between;min-height:44px;padding:10px 12px;text-align:left;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.filter-menu button:focus-visible,.filter-menu button:hover{background:#f8fbff;border-color:rgba(142,202,230,.7);outline:none;transform:translateX(3px)}.filter-menu button[aria-selected=true]{background:linear-gradient(135deg,rgba(123,220,181,.92),rgba(142,202,230,.82));border-color:transparent}.filter-menu button[aria-selected=true]:before{background:var(--ink);border-radius:999px;color:white;content:"✓";display:inline-grid;flex:0 0 auto;font-size:11px;height:20px;margin-right:8px;place-items:center;width:20px}.filter-menu strong{background:var(--ink);border-radius:999px;color:white;font-size:10px;padding:4px 7px}.character-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.character-card{background:rgba(255,255,255,.92);border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 12px 28px rgba(23,32,51,.07);display:grid;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.character-card:hover{border-color:rgba(255,143,112,.54);box-shadow:0 24px 54px rgba(23,32,51,.13);transform:translateY(-6px) rotate(-.4deg)}.character-preview{background:radial-gradient(circle at 18px 18px,rgba(255,209,102,.46) 0 2px,transparent 3px),linear-gradient(135deg,rgba(123,220,181,.22),rgba(142,202,230,.18));background-size:32px 32px,auto;min-height:160px;padding:18px;position:relative}.character-preview img{display:block;height:106px;margin:10px auto;transition:transform .18s ease;width:106px}.character-card:hover .character-preview img{transform:translateY(-8px) rotate(5deg) scale(1.07)}.icon-button{background:white;border:2px solid rgba(23,32,51,.08);border-radius:8px;cursor:pointer;font-size:12px;font-weight:800;padding:7px 9px;position:absolute;right:12px;top:12px}.icon-button.active{background:linear-gradient(135deg,var(--banana),var(--coral));border-color:transparent;color:var(--ink)}.character-card-body{display:grid;grid-gap:10px;gap:10px;padding:16px}.character-card h3{font-family:Fredoka,Nunito,sans-serif;font-size:25px;margin-bottom:0}.badge-row{display:flex;flex-wrap:wrap;gap:6px}.badge-row span{background:#eefaf3;border-radius:999px;color:#2c7a62;font-size:12px;font-weight:800;padding:5px 8px}.card-actions{border-top:1px solid rgba(23,32,51,.08);display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr;padding:12px}.card-actions button,.modal-close{background:white;border:2px solid rgba(23,32,51,.08);border-radius:8px;cursor:pointer;font-weight:800;padding:10px 12px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card-actions button:hover,.modal-close:hover{border-color:rgba(142,202,230,.75);box-shadow:0 10px 22px rgba(23,32,51,.1);transform:translateY(-2px)}.card-actions .primary-action{background:var(--ink);border-color:var(--ink);color:white}.empty-state{background:radial-gradient(circle at 92% 18%,rgba(255,143,112,.28) 0 28px,transparent 29px),radial-gradient(circle at 18px 18px,rgba(255,209,102,.34) 0 2px,transparent 3px),rgba(255,255,255,.92);background-size:auto,34px 34px,auto;border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 12px 28px rgba(23,32,51,.07);display:grid;grid-gap:24px;gap:24px;grid-template-columns:170px minmax(0,1fr);padding:28px;place-items:center start}.empty-state-art{align-items:center;background:radial-gradient(circle at 50% 60%,rgba(123,220,181,.36) 0 54px,transparent 55px),white;border:2px solid rgba(23,32,51,.08);border-radius:8px;display:grid;height:150px;overflow:hidden;place-items:center;position:relative;width:150px}.empty-state-art img{animation:buddy-bounce 3.2s ease-in-out infinite;height:84px;position:relative;width:84px;z-index:1}.empty-state-art span{background:var(--banana);border-radius:999px;height:12px;position:absolute;width:12px}.empty-state-art span:nth-child(2){left:28px;top:32px}.empty-state-art span:nth-child(3){bottom:26px;right:30px}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 20% 18%,rgba(255,209,102,.22),transparent 22%),rgba(17,24,39,.58);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:100}.preview-modal{background:rgba(255,255,255,.96);border:2px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:0 34px 90px rgba(17,24,39,.32);display:grid;grid-gap:0;gap:0;grid-template-columns:minmax(260px,.9fr) minmax(320px,1fr);max-width:900px;overflow:hidden;position:relative;width:min(900px,100%)}.modal-close{position:absolute;right:14px;top:14px;z-index:1}.preview-stage{align-items:center;background:radial-gradient(circle at 18px 18px,rgba(255,209,102,.55) 0 2px,transparent 3px),radial-gradient(circle at 52% 48%,rgba(123,220,181,.38) 0 92px,transparent 93px),linear-gradient(180deg,#f8fbff,#f7fff9);background-size:36px 36px,auto,auto;display:grid;min-height:430px;padding:32px;position:relative}.preview-stage img{animation:buddy-bounce 3s ease-in-out infinite;border:0;border-radius:8px;filter:drop-shadow(0 22px 22px rgba(23,32,51,.16));justify-self:center;max-width:330px;width:78%}.speech-sample{background:white;border:2px solid rgba(23,32,51,.08);border-radius:8px;bottom:28px;box-shadow:0 10px 24px rgba(29,36,51,.12);font-weight:900;padding:10px 12px;position:absolute;right:28px}.preview-details{background:linear-gradient(135deg,rgba(255,143,112,.1),transparent 34%),white;display:grid;grid-gap:16px;gap:16px;padding:34px}.preview-details h2{font-family:Fredoka,Nunito,sans-serif;font-size:44px;line-height:.94;margin-bottom:0}.preview-details dl{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,1fr);margin:0}.preview-details dt{color:var(--muted);font-size:12px;font-weight:800}.preview-details dd{font-weight:900;margin:0;text-transform:capitalize}.settings-panel{display:grid;grid-gap:20px;gap:20px}.settings-panel>div:first-child{background:radial-gradient(circle at 94% 20%,rgba(123,220,181,.32) 0 32px,transparent 33px),linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,251,255,.95));border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 14px 32px rgba(23,32,51,.07);overflow:hidden;padding:22px;position:relative}.settings-panel>div:first-child:after{background:radial-gradient(circle at 16px 16px,rgba(255,209,102,.32) 0 2px,transparent 3px);background-size:34px 34px;content:"";inset:0;pointer-events:none;position:absolute}.settings-panel>div:first-child>*{position:relative}.placeholder-panel h2,.settings-panel h2{font-family:Fredoka,Nunito,sans-serif;font-size:clamp(36px,4vw,58px);line-height:.95;margin-bottom:10px}.control-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr))}.control-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.control-card{background:radial-gradient(circle at 90% 14%,rgba(142,202,230,.22) 0 24px,transparent 25px),rgba(255,255,255,.92);border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 12px 28px rgba(23,32,51,.07);display:grid;grid-gap:14px;gap:14px;padding:16px;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.control-card:has(.filter-dropdown.open){z-index:20}.control-visual{border:2px solid rgba(23,32,51,.08);border-radius:8px;display:block;height:74px;overflow:hidden;position:relative}.effect-rain{animation:icon-rain .95s linear infinite;background:linear-gradient(180deg,rgba(45,118,96,.55) 0 38%,transparent 38%),linear-gradient(135deg,#e9fbff,#f7fff9);background-size:16px 34px,auto}.effect-snow{animation:icon-snow 1.7s linear infinite;background:radial-gradient(circle,rgba(142,202,230,.95) 2px,transparent 3px),linear-gradient(135deg,#f8fbff,#ffffff);background-size:18px 18px,auto}.effect-sparkles{animation:icon-pulse 1.3s ease-in-out infinite;background:radial-gradient(circle,rgba(255,209,102,1) 2px,transparent 4px),linear-gradient(135deg,#fff7da,#f7f0ff);background-size:18px 18px,auto}.effect-leaves{animation:icon-leaves 1.8s linear infinite;background:radial-gradient(ellipse,rgba(255,143,112,.85) 2px,transparent 5px),linear-gradient(135deg,#fff5ef,#f7fff9);background-size:22px 18px,auto}.effect-dayNight{background:radial-gradient(circle at 64% 28%,#ffd166 0 12px,transparent 13px),radial-gradient(circle at 34% 58%,rgba(255,255,255,.84) 0 18px,transparent 19px),linear-gradient(135deg,#172033,#35415f)}.audio-clicks,.audio-theme,.audio-volume,.settings-movement,.settings-switches{background:radial-gradient(circle at 18px 18px,rgba(255,209,102,.48) 0 2px,transparent 3px),linear-gradient(135deg,rgba(123,220,181,.28),rgba(142,202,230,.24));background-size:28px 28px,auto}.audio-clicks:before,.audio-theme:before,.audio-volume:before,.settings-movement:before,.settings-switches:before{background:white;border:2px solid rgba(23,32,51,.08);border-radius:999px;box-shadow:0 10px 18px rgba(23,32,51,.08);content:"";height:42px;left:18px;position:absolute;top:14px;width:42px}.audio-theme:after{background:var(--coral);border-radius:999px 999px 999px 6px;content:"";height:18px;left:45px;position:absolute;top:30px;width:18px}.audio-volume:after{background:linear-gradient(90deg,var(--mint) 0 62%,rgba(23,32,51,.1) 62%);border-radius:999px;content:"";height:12px;left:72px;position:absolute;top:31px;width:78px}.audio-clicks:after{background-image:url(/characters/silver-tabby/thumb.png);background-position:50%;background-repeat:no-repeat;background-size:34px;content:"";height:42px;left:18px;position:absolute;top:14px;width:42px}.settings-switches:after{background:linear-gradient(90deg,var(--mint) 0 48%,transparent 48%),white;border:2px solid rgba(23,32,51,.08);border-radius:999px;content:"";height:28px;left:72px;position:absolute;top:23px;width:78px}.settings-movement:after{background-image:url(/characters/silver-tabby/thumb.png);background-position:50%;background-repeat:no-repeat;background-size:44px;content:"";height:54px;left:84px;position:absolute;top:10px;width:54px;animation:buddy-bounce 3s ease-in-out infinite}.control-card:hover{border-color:rgba(123,220,181,.7);box-shadow:0 20px 44px rgba(23,32,51,.12);transform:translateY(-4px)}.control-card label{color:var(--muted);display:grid;font-size:12px;font-weight:800;grid-gap:7px;gap:7px}.control-card .row,.settings-panel .row{align-items:center;color:var(--ink);display:flex;gap:14px;justify-content:space-between}.control-card input[type=range],.control-card select,.site-editor input{background:white;border:2px solid rgba(23,32,51,.08);border-radius:8px;min-width:0;padding:10px 12px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.control-card input[type=checkbox]{accent-color:var(--coral);height:18px;width:18px}.control-card input[type=range]{accent-color:var(--coral);padding-inline:0}.control-card input:focus,.control-card select:focus,.site-editor input:focus{border-color:rgba(255,143,112,.7);box-shadow:0 0 0 4px rgba(255,143,112,.14);outline:none}.site-editor{display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:14px}.site-editor button{background:var(--ink);border:2px solid var(--ink);border-radius:8px;color:white;cursor:pointer;font-weight:800;padding:10px 14px;transition:box-shadow .16s ease,transform .16s ease}.site-editor button:hover{box-shadow:0 12px 24px rgba(23,32,51,.16);transform:translateY(-2px)}.site-preference-list{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.profile-panel{display:grid;grid-gap:20px;gap:20px}.profile-hero{align-items:center;background:radial-gradient(circle at 14% 18%,rgba(255,209,102,.5) 0 36px,transparent 37px),linear-gradient(135deg,rgba(255,255,255,.96),rgba(241,250,245,.96));border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 24px 70px rgba(23,32,51,.12);display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,1fr) minmax(220px,320px);overflow:hidden;padding:28px;position:relative}.profile-hero:after{background:radial-gradient(circle at 18px 18px,rgba(255,143,112,.2) 0 2px,transparent 3px);background-size:32px 32px;content:"";inset:0;pointer-events:none;position:absolute}.profile-hero>*{position:relative}.profile-hero h2{font-family:Fredoka,Nunito,sans-serif;font-size:clamp(42px,5vw,72px);line-height:.9;margin-bottom:14px}.profile-buddy-scene{align-items:center;background:radial-gradient(circle at 50% 50%,rgba(123,220,181,.34) 0 62px,transparent 63px),white;border:2px solid rgba(23,32,51,.08);border-radius:8px;display:grid;min-height:240px;overflow:hidden;place-items:center}.profile-buddy-scene img{animation:buddy-bounce 3.1s ease-in-out infinite;max-width:230px;width:82%}.profile-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.profile-card{background:rgba(255,255,255,.92);border:2px solid rgba(23,32,51,.08);border-radius:8px;box-shadow:0 12px 28px rgba(23,32,51,.07);display:grid;grid-gap:12px;gap:12px;padding:20px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.profile-card:hover{border-color:rgba(255,143,112,.54);box-shadow:0 22px 48px rgba(23,32,51,.12);transform:translateY(-5px)}.profile-card h3{font-family:Fredoka,Nunito,sans-serif;font-size:25px;margin:0}.profile-card p,.profile-hero p{color:var(--muted);line-height:1.55}.profile-icon{background:radial-gradient(circle at 18px 18px,rgba(255,209,102,.48) 0 2px,transparent 3px),linear-gradient(135deg,rgba(123,220,181,.42),rgba(142,202,230,.34));background-size:28px 28px,auto;border:2px solid rgba(23,32,51,.08);border-radius:8px;height:84px;position:relative}.profile-free:after,.profile-privacy:after,.profile-sync:after{background:white;border:2px solid rgba(23,32,51,.08);border-radius:999px;content:"";height:42px;left:22px;position:absolute;top:19px;width:42px}.profile-sync:before{border:4px solid var(--coral);border-left:4px solid transparent;border-radius:999px;content:"";height:44px;left:72px;position:absolute;top:18px;width:44px}.profile-privacy:before{border:8px solid var(--ink);border-bottom:0;border-radius:999px 999px 0 0;content:"";height:34px;left:78px;position:absolute;top:16px;width:44px}.profile-free:before{background:var(--banana);border-radius:999px;color:var(--ink);content:"$0";display:grid;font-size:15px;font-weight:900;height:48px;left:76px;place-items:center;position:absolute;top:18px;width:48px}.admin-shell,.onboarding-shell{background:#fbfcf8;display:grid;grid-gap:24px;gap:24px;min-height:100vh;padding:28px clamp(20px,4vw,56px)}.admin-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.admin-header h1,.onboarding-hero h1{font-size:clamp(42px,6vw,72px);max-width:920px}.admin-actions,.onboarding-footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-status{color:var(--ink);font-weight:800;padding:12px 14px}.admin-section,.admin-status,.onboarding-panel{background:white;border:1px solid var(--line);border-radius:8px}.admin-section,.onboarding-panel{display:grid;grid-gap:22px;gap:22px;padding:22px}.admin-character-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-card{background:#f8fbff;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;padding:16px}.admin-card.compact{background:white}.admin-card img{border:1px solid var(--line);border-radius:8px;height:72px;width:72px}.admin-card h3{margin-bottom:4px}.admin-card dl{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr;margin:0}.admin-card dt{color:var(--muted);font-size:12px;font-weight:800}.admin-card dd{margin:0}.admin-card label{color:var(--muted);display:grid;font-size:12px;font-weight:800;grid-gap:7px;gap:7px}.admin-card select{background:white;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.admin-success,.admin-warning{border-radius:8px;font-weight:800;padding:9px 10px}.admin-success{background:#eefaf3;color:#2c7a62}.admin-warning{background:#fff4ec;color:#a8552c}.split-admin{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr 1fr}.admin-list{display:grid;grid-gap:12px;gap:12px}.onboarding-shell{grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr)}.onboarding-hero{align-self:center}.onboarding-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.onboarding-grid button,.position-grid button{align-items:center;background:#f8fbff;border:1px solid var(--line);border-radius:8px;cursor:pointer;display:grid;font-weight:800;grid-gap:8px;gap:8px;justify-items:center;padding:14px}.onboarding-grid button.selected,.position-grid button.selected{background:var(--ink);border-color:var(--ink);color:white}.onboarding-grid img{border-radius:8px;height:58px;width:58px}.position-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.onboarding-footer{border-top:1px solid var(--line);justify-content:space-between;padding-top:18px}.legal-page{background:#fbfcf8;color:var(--ink);display:grid;grid-gap:22px;gap:22px;margin-inline:auto;max-width:900px;min-height:100vh;padding:42px clamp(20px,4vw,56px)}.legal-page h1{font-size:clamp(40px,6vw,68px)}.legal-page h2{font-size:28px;margin-bottom:8px}.legal-page section{background:white;border:1px solid var(--line);border-radius:8px;padding:20px}.legal-page li{color:var(--muted);line-height:1.7}@media (max-width:1180px){.effects-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.header-actions,.site-header,nav{align-items:flex-start;flex-direction:column}.active-character-card,.admin-character-grid,.admin-header,.category-grid,.character-grid,.control-grid,.control-grid.compact,.dashboard-grid,.dashboard-shell,.dashboard-topbar,.effects-showcase,.empty-state,.feature-grid,.hero,.install-band,.library-controls,.mini-character-strip,.onboarding-grid,.onboarding-shell,.position-grid,.preview-grid,.preview-modal,.profile-grid,.profile-hero,.proof-grid,.site-editor,.site-preference-list,.split,.split-admin{grid-template-columns:1fr}.demo-document{max-width:78%}.browser-page{min-height:360px}.demo-character,.speech-bubble{top:132px}.install-actions{justify-content:flex-start}.dashboard-sidebar{height:auto;position:static}.dashboard-topbar{position:static}.dashboard-main{padding-inline:16px}.active-indicator,.dashboard-search{width:100%}.preview-stage{min-height:280px}h1{font-size:clamp(58px,18vw,86px)}.hero-subtitle{font-size:19px}.demo-panel{transform:none}}.character-card.locked .character-preview img{filter:saturate(.35) opacity(.7)}.lock-pill{background:var(--violet);border-radius:999px;color:white;font-size:12px;font-weight:800;left:12px;letter-spacing:.06em;padding:5px 11px;position:absolute;text-transform:uppercase;top:12px;z-index:2}.connect-page{margin:0 auto;max-width:620px;padding:80px 24px;text-align:center}.connect-page h1{font-family:Fredoka,Nunito,sans-serif;font-size:34px;margin:0 0 12px}.connect-page .hero-actions{justify-content:center;margin-top:24px}