@charset "UTF-8";:root{--bg: #0f0f0f;--surface: #1a1a1a;--surface2: #242424;--surface3: #2e2e2e;--border: #333;--border-hover: #555;--accent: #c8f66a;--accent2: #6af6c8;--accent3: #f66ac8;--text: #f0f0f0;--text-muted: #888;--text-dim: #555;--on-accent: #000;--dock-active-fg: var(--on-accent);--topbar-bg: rgba(15, 15, 15, .92);--modal-bg: #1c1c1c;--shadow-card: 0 12px 32px rgba(0, 0, 0, .4);--shadow-card-hover: 0 12px 32px rgba(0, 0, 0, .4);--shadow-card-drag: 0 30px 80px rgba(0, 0, 0, .55);--shadow-modal: 0 30px 90px rgba(0, 0, 0, .6);--radius: 20px;--radius-sm: 12px;--gap: 12px;--col: calc((min(900px, 100vw - 80px) - 3 * var(--gap)) / 4);--row: var(--col);--font-body: "DM Sans", sans-serif;--font-display: "Syne", sans-serif;color-scheme:dark}body.light{--bg: #ffffff;--surface: #ffffff;--surface2: #f7f3ea;--surface3: #ede7d8;--border: #d9d3c4;--border-hover: #a8a298;--accent: #4a7a15;--text: #161616;--text-muted: #6a6660;--text-dim: #aaa298;--on-accent: #ffffff;--topbar-bg: rgba(255, 255, 255, .92);--modal-bg: #ffffff;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 14px rgba(0, 0, 0, .08);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08), 0 16px 36px rgba(0, 0, 0, .14);--shadow-card-drag: 0 10px 24px rgba(0, 0, 0, .12), 0 30px 70px rgba(0, 0, 0, .22);--shadow-modal: 0 20px 70px rgba(0, 0, 0, .25);color-scheme:light}body.theme-dark{--bg: #101010;--surface: #191919;--surface2: #242424;--surface3: #303030;--border: #383838;--border-hover: #5d5d5d;--accent: #c8f66a;--accent2: #6af6c8;--accent3: #f66ac8;--text: #f4f4f4;--text-muted: #999;--text-dim: #606060;--on-accent: #101010;--topbar-bg: rgba(16, 16, 16, .9);--modal-bg: #1c1c1c;color-scheme:dark}body.theme-cream{--bg: #f6f1e8;--surface: #fffdf8;--surface2: #eee8dc;--surface3: #e5ddcf;--border: #d9d0c2;--border-hover: #afa394;--accent: #8a6035;--accent2: #b98150;--accent3: #d89b65;--text: #2c251e;--text-muted: #746a61;--text-dim: #a99e91;--on-accent: #fff;--topbar-bg: rgba(246, 241, 232, .9);--modal-bg: #fffdf8}body.theme-candies{--bg: #fff3f7;--surface: #ffffff;--surface2: #ffe8f1;--surface3: #ffd8e8;--border: #efc8d8;--border-hover: #d99ab5;--accent: #c61f68;--accent2: #ff7bac;--accent3: #8b5cf6;--text: #321522;--text-muted: #86586b;--text-dim: #ba8da0;--on-accent: #fff;--topbar-bg: rgba(255, 243, 247, .9);--modal-bg: #ffffff}body.theme-midnight{--bg: #070b18;--surface: #0d1325;--surface2: #151d33;--surface3: #202b46;--border: #283652;--border-hover: #496183;--accent: #61c8ff;--accent2: #7ce6ff;--accent3: #a98cff;--text: #eff7ff;--text-muted: #91a5bd;--text-dim: #526781;--on-accent: #06101b;--topbar-bg: rgba(7, 11, 24, .9);--modal-bg: #0d1325;color-scheme:dark}body.theme-matcha{--bg: #f1f4e9;--surface: #fbfcf7;--surface2: #e5eadb;--surface3: #d9e1cb;--border: #cbd4bc;--border-hover: #9cab88;--accent: #557344;--accent2: #85a96d;--accent3: #becf8a;--text: #21301c;--text-muted: #68765f;--text-dim: #9aa58f;--on-accent: #fff;--topbar-bg: rgba(241, 244, 233, .9);--modal-bg: #fbfcf7}body.light,body.theme-cream,body.theme-candies,body.theme-matcha{--dock-active-fg: #161616}body.font-sans{--font-body: "DM Sans", sans-serif;--font-display: "Syne", sans-serif}body.font-serif{--font-body: Georgia, "Times New Roman", serif;--font-display: Georgia, "Times New Roman", serif}body.corners-square{--radius: 4px}body.corners-soft{--radius: 14px}body.corners-round{--radius: 26px}@media (max-width: 1023px){:root{--col: calc((min(760px, 100vw - 40px) - 3 * var(--gap)) / 4)}}@media (max-width: 599px){:root{--gap: 10px;--col: calc((100vw - 32px - var(--gap)) / 2);--radius: 16px}}*{box-sizing:border-box}html,body{overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;transition:background .3s,color .3s}.topbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:18px;right:18px;z-index:260;gap:14px;padding:8px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface2) 88%,transparent);transition:background .3s,border-color .3s,box-shadow .3s;-webkit-backdrop-filter:blur(1px) saturate(180%);backdrop-filter:blur(1px) saturate(180%)}body.light .topbar{background:rgba(255,255,255,.76);border:1px solid rgba(0,0,0,.06)}.topbar-meta{display:flex;align-items:center;gap:8px;padding-left:0;font-size:13px;color:var(--text-muted);flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-back-link{display:inline-flex;width:34px;height:34px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--text);text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.topbar-back-link:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--surface) 90%,transparent);transform:translate(-1px)}.topbar-back-link i{font-size:16px;line-height:1}.topbar-editing-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.topbar-meta .topbar-editing-label span{color:var(--text)}.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.save-state-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:7px;max-width:220px;min-height:40px;padding:0 13px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--text-muted);font-family:var(--font-body);font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform .16s,background .16s,border-color .16s,opacity .16s}.save-state-pill:hover:not(:disabled){border-color:var(--border-hover);background:var(--surface2);transform:translateY(-1px)}.save-state-pill:disabled{cursor:default}.save-state-saved{opacity:.72}body.light .save-state-pill{border-color:#00000017;background:rgba(255,255,255,.96);box-shadow:0 2px 5px #00000014}.save-state-dot{width:8px;height:8px;flex-shrink:0;border-radius:999px;background:var(--text-dim);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-dim) 14%,transparent)}.save-state-saved .save-state-dot{background:#22c55e;box-shadow:0 0 0 3px #22c55e24}.save-state-unsaved .save-state-dot{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b29}.save-state-saving .save-state-dot{display:none}.save-state-error{color:#ef4444}.save-state-error .save-state-dot{background:#ef4444;box-shadow:0 0 0 3px #ef444429}.save-spinner{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:999px;animation:save-spin .7s linear infinite}@keyframes save-spin{to{transform:rotate(360deg)}}.btn{font-family:var(--font-body);font-size:13px;font-weight:500;padding:8px 18px;border-radius:50px;border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--surface3);border-color:var(--border-hover)}.btn svg{width:15px;height:15px}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.btn-primary:hover{filter:brightness(1.06)}.btn-add{font-weight:600}.icon-btn{background:var(--surface2);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:all .2s;flex-shrink:0;padding:0}.icon-btn:hover{background:var(--surface3);border-color:var(--border-hover)}.icon-btn svg{width:18px;height:18px}.theme-toggle .moon,body.light .theme-toggle .sun{display:none}body.light .theme-toggle .moon{display:block}@media (max-width: 599px){.topbar{top:calc(10px + env(safe-area-inset-top,0px));left:10px;right:10px;gap:6px;padding:6px}.topbar-actions{gap:6px}.save-state-pill{max-width:46px;min-height:38px;justify-content:center;padding:0 10px}.save-state-pill span:last-child{display:none}.btn{padding:7px 14px;font-size:12px}.btn-preview,.btn-add .btn-add-label{display:none}.btn-add{padding:8px;width:40px;height:40px;justify-content:center;border-radius:50%}}.canvas-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:76px 40px 160px;display:flex;justify-content:center;align-items:flex-start}@media (max-width: 1023px){.canvas-area{padding:58px 20px 150px}}@media (max-width: 599px){.canvas-area{padding:46px 16px 140px}}.canvas-inner{width:100%;max-width:900px}.profile-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px;text-align:center}.profile-avatar{position:relative;width:150px;height:150px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;color:#000;font-family:var(--font-display);flex-shrink:0;overflow:hidden;transition:border-radius .24s ease;cursor:pointer}body.corners-round .profile-avatar{border-radius:550px}.profile-avatar img{height:100%;width:100%;object-fit:cover}body.light .profile-avatar{background:#161616;color:var(--accent)}.profile-info{min-width:0;width:100%;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.profile-info h2{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.3px;flex-shrink:0}.profile-info p{min-width:0;max-width:min(560px,100%);font-size:17px;color:var(--text-muted);margin-top:0;overflow:hidden;text-overflow:ellipsis}.profile-info p.profile-editable{max-width:initial!important;white-space:normal!important}.profile-editable{display:inline-block;max-width:100%;min-width:1ch;padding:2px 5px;margin-left:-5px;white-space:nowrap;vertical-align:middle}.profile-editable:focus{overflow:visible;text-overflow:clip}.profile-avatar.is-uploading{cursor:wait}.profile-edit-wrap{position:relative;display:inline-flex;max-width:100%;align-items:center}.profile-edit-wrap-name{align-self:center;min-width:0;max-width:100%;white-space:nowrap}.profile-edit-wrap-bio{align-self:center}.profile-edit-wrap-name .profile-editable{white-space:nowrap}.profile-edit-float{position:absolute;right:-28px;top:50%;z-index:7;display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(255,255,255,.68);box-shadow:0 10px 24px #11121324;color:#111;font-size:12px;opacity:.72;pointer-events:none;transform:translateY(-50%) scale(.94);transition:opacity .18s ease,transform .18s ease,background .18s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-edit-float-avatar{top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:inherit;background:rgba(0,0,0,.42);box-shadow:none;color:#fff;font-size:24px;opacity:0;transform:none}.profile-avatar:hover .profile-edit-float:not(.profile-edit-float-avatar),.profile-edit-wrap:hover .profile-edit-float,.profile-edit-wrap:focus-within .profile-edit-float{opacity:1;transform:translateY(-50%) scale(1)}.profile-avatar:hover .profile-edit-float-avatar{opacity:1;transform:none}.profile-avatar.is-uploading .profile-edit-float-avatar{opacity:0}@media (hover: none),(pointer: coarse),(max-width: 599px){.profile-edit-float-avatar{background:rgba(0,0,0,.24);opacity:1}.profile-avatar.is-uploading .profile-edit-float-avatar{opacity:0}}@media (max-width: 599px){.profile-header{gap:14px}.profile-avatar{width:100px;height:100px;font-size:34px}.profile-info h2{font-size:20px}.profile-info p{font-size:12px}}.bento-grid{display:grid;grid-template-columns:repeat(4,var(--col));grid-auto-rows:var(--row);gap:var(--gap);justify-content:start}@media (max-width: 599px){.bento-grid{grid-template-columns:repeat(2,var(--col))}}.card-1x1{grid-column:span 1;grid-row:span 1}.card-2x1{grid-column:span 2;grid-row:span 1}.card-1x2{grid-column:span 1;grid-row:span 2}.card-2x2{grid-column:span 2;grid-row:span 2}.card-3x1{grid-column:span 3;grid-row:span 1}.card-4x1{grid-column:span 4;grid-row:span 1}.card-3x2{grid-column:span 3;grid-row:span 2}.card-4x2{grid-column:span 4;grid-row:span 2}@media (max-width: 599px){.card-3x1,.card-4x1{grid-column:span 2;grid-row:span 1}.card-3x2,.card-4x2{grid-column:span 2;grid-row:span 2}}@media (min-width: 900px){.profile-left:not(.viewport-mobile) .profile-avatar{width:160px;height:160px}.profile-left:not(.viewport-mobile) .profile-info{margin-top:10px}.profile-left:not(.viewport-mobile) .canvas-inner{max-width:1720px;display:grid;grid-template-columns:400px minmax(0,1fr);align-items:start;column-gap:96px}.profile-left:not(.viewport-mobile) .profile-header{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:0;padding-top:4px;text-align:left}.profile-left:not(.viewport-mobile) .profile-info{width:100%;flex:none;align-items:flex-start;gap:7px;text-align:left}.profile-left:not(.viewport-mobile) .profile-info h2{font-size:34px;line-height:1.08}.profile-left:not(.viewport-mobile) .profile-info p{font-size:20px;line-height:1.5;overflow:visible;text-overflow:clip}.profile-left:not(.viewport-mobile) .profile-editable{white-space:normal}.profile-left:not(.viewport-mobile) .profile-edit-wrap-name,.profile-left:not(.viewport-mobile) .profile-edit-wrap-name .profile-editable{white-space:nowrap}.profile-left:not(.viewport-mobile) .profile-edit-wrap-name,.profile-left:not(.viewport-mobile) .profile-edit-wrap-bio{align-self:flex-start}.profile-left:not(.viewport-mobile) .bento-grid{--profile-side-col: calc((min(900px, 100vw - 390px) - 3 * var(--gap)) / 4);grid-template-columns:repeat(4,var(--profile-side-col));grid-auto-rows:var(--profile-side-col);min-width:0}}.bento-card{position:relative;cursor:grab;-webkit-user-select:none;user-select:none}.bento-card.sortable-chosen{cursor:grabbing}.bento-card.sortable-drag{cursor:grabbing;z-index:999}.bento-card.sortable-ghost .bento-surface{opacity:0}.bento-card.sortable-ghost:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed var(--accent);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 7%,transparent);pointer-events:none}.bento-surface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);overflow:hidden;outline:2px solid transparent;outline-offset:-2px;box-shadow:var(--shadow-card);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,outline-color .15s,background-color .3s,background-image .3s,opacity .15s}.bento-card:hover .bento-surface{box-shadow:var(--shadow-card-hover)}.bento-card.selected .bento-surface{outline-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),var(--shadow-card-hover)}.bento-card.sortable-chosen .bento-surface{transform:scale(1.02);box-shadow:var(--shadow-card-drag)}.bento-card.sortable-drag .bento-surface{transform:rotate(2.5deg) scale(1.04);box-shadow:var(--shadow-card-drag);opacity:1}.card-inner{width:100%;height:100%;padding:18px;display:flex;flex-direction:column;position:relative;overflow:hidden}@media (max-width: 599px){.card-inner{padding:14px}}.card-link .card-inner{justify-content:flex-end}.card-link .bento-surface{background:#fff!important;background-image:none!important;color:#111}.link-card.sc{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow:hidden;border:1px solid #e8e8e8;border-radius:inherit;background:#fff;cursor:pointer}.link-og{position:relative;flex-shrink:0;overflow:hidden;background:#f4f4f4}.link-og-empty{display:flex;align-items:center;justify-content:center;color:#b0b0b0;font-size:34px;font-weight:700}.og-fill{display:block;width:100%;height:100%;object-fit:cover;background:#f4f4f4}.link-og-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%)}.link-og-tag{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:5px;max-width:calc(100% - 20px);border-radius:20px;background:rgba(0,0,0,.42);padding:3px 8px;color:#fff;font-size:9px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.link-info{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:space-between;gap:8px;padding:12px}.link-meta,.link-footer{display:flex;align-items:center;gap:5px;min-width:0}.link-footer{justify-content:space-between}.link-card .fav{display:block;width:18px;height:18px;flex-shrink:0;border-radius:4px;background:#f4f4f4;object-fit:contain}.link-card .title{color:#1a1a1a;font-size:12px;font-weight:600;line-height:1.4}.link-card .desc{margin-top:4px;color:#6b6b6b;font-size:10px;line-height:1.5}.link-card .ts{min-width:0;overflow:hidden;color:#b0b0b0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.link-card .chip{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;border:none;border-radius:20px;padding:5px 11px;color:#fff;font-family:inherit;font-size:10px;font-weight:600;white-space:nowrap}.link-card .chip-li{background:#0a66c2}.link-card .chip-dr{background:#ea4c89}.link-card .chip-be{background:#1769ff}.link-card .chip-yt{background:#f00}.link-card .chip-gh{background:#24292f}.link-card .chip-sp{background:#1db954}.link-card .chip-ig{background:linear-gradient(135deg,#833ab4 0%,#e1306c 50%,#f77737 100%)}.link-card .chip-x{background:#000}.link-card .chip-url{background:#1a1a1a}.link-layout-compact,.link-layout-compact-image{flex-direction:column}.link-layout-compact .link-og,.link-layout-compact-image .link-og{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.link-layout-compact .link-info,.link-layout-compact-image .link-info{position:relative;z-index:2;height:100%}.link-layout-compact-image .link-info{justify-content:flex-end}.link-layout-compact-image .link-meta,.link-layout-compact-image .link-footer{display:none}.link-layout-compact-image .title{color:#fff;font-size:11px;text-shadow:0 1px 4px rgba(0,0,0,.45)}.link-layout-standard,.link-layout-banner{flex-direction:row}.link-layout-standard .link-og{width:108px}.link-layout-banner .link-og{width:192px}.link-layout-tall-image{flex-direction:column}.link-layout-tall-image .link-og{flex:1;width:100%}.link-layout-rich{flex-direction:column}.link-layout-rich .link-og{flex:1;width:100%}.link-layout-editorial,.link-layout-fullwidth{flex-direction:row}.link-layout-editorial .link-og{width:43%}.link-layout-fullwidth .link-og{width:45%}.link-layout-editorial .link-info,.link-layout-fullwidth .link-info{padding:16px}.link-layout-editorial .title,.link-layout-fullwidth .title{font-size:16px}.card-text .card-inner{justify-content:center}.card-social .card-inner{justify-content:center;align-items:center;gap:6px}.card-social .bento-surface{background:#fff!important;background-image:none!important;color:#111}.social-embed-card.sc{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow:hidden;border:1px solid #e8e8e8;border-radius:inherit;background:#fff}.social-embed-wrap{position:relative;overflow:hidden;background:#f4f4f4}.social-embed-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.social-embed-image-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.68) 0%,rgba(0,0,0,.18) 58%,transparent 100%)}.social-embed-stub{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;text-align:center}.social-embed-wrap.has-image .social-embed-stub{justify-content:flex-end;align-items:flex-start;text-align:left}.social-embed-wrap.has-image .social-embed-name{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.social-embed-wrap.has-image .social-embed-hint{color:#ffffffb8;text-shadow:0 1px 4px rgba(0,0,0,.45)}.social-embed-name{font-size:11px;font-weight:700}.social-embed-hint{color:#999;font-size:9px;line-height:1.35}.social-embed-info{display:flex;min-width:0;flex-shrink:0;flex-direction:column;justify-content:space-between;gap:8px;border-color:#e8e8e8;background:#fff;padding:12px}.social-embed-card .title{color:#1a1a1a;font-size:12px;font-weight:600;line-height:1.4}.social-embed-card .desc{margin-top:4px;color:#6b6b6b;font-size:11px;line-height:1.5}.social-embed-card .ts{min-width:0;overflow:hidden;color:#b0b0b0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.social-embed-card .name{overflow:hidden;color:#1a1a1a;font-size:13px;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.social-embed-card .handle{margin-top:2px;overflow:hidden;color:#b0b0b0;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.social-embed-card .bio{color:#6b6b6b;font-size:11px;line-height:1.5}.social-embed-card .dh{width:100%;height:1px;flex-shrink:0;background:#e8e8e8}.social-embed-card .dv{width:1px;flex-shrink:0;align-self:stretch;background:#e8e8e8}.social-embed-card .stat-n{color:#1a1a1a;font-size:18px;font-weight:700;line-height:1}.social-embed-card .stat-l{margin-top:2px;color:#b0b0b0;font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.social-embed-card .ptag{position:absolute;top:10px;right:10px;z-index:10;display:flex;align-items:center;gap:4px;max-width:calc(100% - 20px);overflow:hidden;border-radius:20px;background:rgba(0,0,0,.48);padding:3px 8px 3px 5px;color:#fff;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.social-embed-card .pt{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:22px}.social-embed-card .pt-ig{background:linear-gradient(135deg,#833ab4 0%,#e1306c 50%,#f77737 100%)}.social-embed-card .pt-yt{background:#f00}.social-embed-card .pt-x{background:#000}.social-embed-card .pt-sp{background:#1db954;color:#121212}.social-embed-card .pt-gh{background:#24292f}.social-embed-card .pt-li{background:#0a66c2}.social-embed-card .pt-dr{background:#ea4c89}.social-embed-card .pt-be{background:#1769ff}.social-embed-card .pt-url{background:#1a1a1a}.social-embed-card .chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:none;border-radius:20px;padding:5px 11px;background:#1a1a1a;color:#fff;font-family:inherit;font-size:11px;font-weight:600;white-space:nowrap;transition:filter .15s}.social-embed-card .chip:hover{filter:brightness(.88)}.social-embed-card .chip .chip-c{opacity:.72;font-weight:500}.social-embed-card .chip-li{background:#0a66c2}.social-embed-card .chip-dr{background:#ea4c89}.social-embed-card .chip-be{background:#1769ff}.social-embed-card .chip-yt{background:#f00}.social-embed-card .chip-gh{background:#24292f}.social-embed-card .chip-sp{background:#1db954;color:#121212}.social-embed-card .chip-ig{background:linear-gradient(135deg,#833ab4 0%,#e1306c 50%,#f77737 100%)}.social-embed-card .chip-x{background:#000}.social-embed-card .chip-url{background:#1a1a1a}.social-embed-compact{flex-direction:column}.social-embed-compact .social-embed-wrap{flex:1}.social-embed-compact .social-embed-info{display:none}.social-embed-compact .social-embed-name{font-size:11px;font-weight:600}.social-embed-compact .social-embed-hint{font-size:9px}.social-embed-strip{flex-direction:row}.social-embed-strip .social-embed-wrap{flex:1}.social-embed-strip .social-embed-info{width:120px;border-left:1px solid #e8e8e8}.social-embed-strip .title{font-size:12px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.social-embed-strip .desc{font-size:10px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.social-embed-tall,.social-embed-large{flex-direction:column}.social-embed-tall .social-embed-wrap,.social-embed-large .social-embed-wrap{flex:1}.social-embed-tall .social-embed-info,.social-embed-large .social-embed-info{border-top:1px solid #e8e8e8}.social-embed-large .social-embed-info{flex-direction:row;align-items:center}.social-embed-large .title{font-size:12px}.social-embed-large .desc{font-size:10px}.social-embed-full{flex-direction:row}.social-embed-full .social-embed-wrap{width:54%}.social-embed-full .social-embed-info{flex:1;border-left:1px solid #e8e8e8;padding:18px}.social-embed-full .title{font-size:17px;line-height:1.3}.social-embed-full .desc{margin-top:8px;font-size:12px;line-height:1.6}.social-fetch-button{width:100%;min-height:38px;margin-top:12px}.social-card-icon i{display:inline-flex;align-items:center;justify-content:center}.social-links-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:230px;margin:12px 0 0;padding:0;overflow:auto;list-style:none}.social-links-list__link{display:flex;min-width:0;align-items:center;gap:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);padding:10px;color:var(--text);cursor:pointer;font-size:11px;transition:border-color .15s,background .15s,transform .15s}.social-links-list__link:hover,.social-links-list__link.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface2));transform:translateY(-1px)}.social-links-list__link i{flex-shrink:0;font-size:18px}.social-links-list__link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-image .card-inner{padding:0}.card-music .card-inner{justify-content:flex-end;gap:8px}.card-map .card-inner{justify-content:flex-end}.card-emoji{font-size:30px;line-height:1;margin-bottom:6px}.card-1x1 .card-emoji{font-size:24px}.card-2x2 .card-emoji,.card-3x2 .card-emoji,.card-4x2 .card-emoji{font-size:38px}.card-title{font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.2;color:#fff;letter-spacing:-.2px}.card-2x2 .card-title,.card-3x2 .card-title,.card-4x2 .card-title{font-size:22px}.card-3x1 .card-title,.card-4x1 .card-title{font-size:18px}.card-subtitle{font-size:12px;margin-top:4px;opacity:.7;color:#fff;line-height:1.4;word-break:break-word}.card-2x2 .card-subtitle,.card-3x2 .card-subtitle,.card-4x2 .card-subtitle{font-size:13px}.card-image .bento-surface{display:flex}.card-image .card-img-el{width:100%;height:100%;object-fit:cover;display:block}.card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card-image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.72));padding:16px 18px 18px}.editable{outline:none;cursor:text;border-radius:6px;transition:box-shadow .15s,background .15s;word-break:break-word}.editable:hover{box-shadow:inset 0 0 0 1px #ffffff38}.editable:focus{box-shadow:inset 0 0 0 1.5px #ffffff80;background:rgba(0,0,0,.18)}.editable:empty:before{content:attr(data-placeholder);opacity:.45;pointer-events:none}.bento-card.editing{cursor:default}.music-waveform{display:flex;align-items:flex-end;gap:3px;height:28px;margin-bottom:6px}.wave-bar{width:3px;background:rgba(255,255,255,.4);border-radius:2px;animation:wave .9s ease-in-out infinite alternate}@keyframes wave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.card-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px;z-index:60;opacity:0;transform:translateY(-3px);transition:opacity .18s,transform .18s;pointer-events:none}.bento-card:hover .card-actions,.bento-card.selected .card-actions,.bento-card:focus-within .card-actions{opacity:1;transform:translateY(0);pointer-events:auto}@media (hover: none){.bento-card{-webkit-tap-highlight-color:transparent}.bento-card.selected{z-index:70}.bento-card:hover .card-actions{opacity:0;pointer-events:none}.bento-card.selected .card-actions{opacity:1;transform:translateY(0);pointer-events:auto;z-index:90}}.card-act-btn{width:30px;height:30px;border-radius:9px;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .15s;padding:0}.card-act-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:translateY(-1px)}.card-act-btn svg{width:15px;height:15px}.inline-pop{position:absolute;top:46px;right:10px;left:10px;max-width:280px;margin-left:auto;background:var(--modal-bg);border:1px solid var(--border);border-radius:12px;padding:8px;display:none;gap:6px;z-index:8;box-shadow:0 14px 40px #0006;animation:popIn .18s cubic-bezier(.34,1.56,.64,1)}.inline-pop.open{display:flex;flex-direction:column}@keyframes popIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.inline-pop input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text);font-family:var(--font-body);font-size:13px;outline:none}.inline-pop input:focus{border-color:var(--accent)}.inline-pop-row{display:flex;gap:6px}.inline-pop-row .btn{flex:1;justify-content:center;padding:7px 10px;font-size:12px}.sample-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sample-thumb{aspect-ratio:1;border-radius:7px;cursor:pointer;border:2px solid transparent;overflow:hidden;transition:border-color .15s,transform .15s}.sample-thumb:hover{transform:scale(1.06);border-color:var(--accent)}.pop-divider{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:11px;margin:2px 0}.pop-divider:before,.pop-divider:after{content:"";flex:1;height:1px;background:var(--border)}.add-card-placeholder{border-radius:var(--radius);border:2px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s;background:transparent;grid-column:span 1;grid-row:span 1;min-height:var(--row)}.add-card-placeholder:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent);transform:scale(1.02)}.add-icon{font-size:24px;color:var(--text-dim);line-height:1;transition:color .2s}.add-card-placeholder:hover .add-icon{color:var(--accent)}.add-label{font-size:11px;color:var(--text-dim);font-weight:500;transition:color .2s}.add-card-placeholder:hover .add-label{color:var(--accent)}.resize-bar{position:absolute;left:50%;right:auto;bottom:-28px;width:max-content;max-width:calc(100% - 12px);padding:7px 9px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.88);border-radius:9999px;box-shadow:0 14px 34px #0000002e,inset 0 1px #ffffffb8;-webkit-backdrop-filter:blur(1px) saturate(180%);backdrop-filter:blur(1px) saturate(180%);display:flex;gap:5px;align-items:center;justify-content:center;flex-wrap:wrap;z-index:20;opacity:0;transform:translate(-50%,4px);transition:opacity .18s,transform .18s;pointer-events:none}.bento-card:hover,.bento-card.selected,.bento-card:focus-within{z-index:20}.bento-card:hover .resize-bar,.bento-card.selected .resize-bar,.bento-card:focus-within .resize-bar{opacity:1;transform:translate(-50%);pointer-events:auto}@media (hover: none){.bento-card:hover .resize-bar{opacity:0;pointer-events:none}.bento-card.selected .resize-bar{opacity:1;transform:translate(-50%);pointer-events:auto;z-index:80}}.resize-btn{width:30px;height:22px;padding:4px 6px;background:rgba(255,255,255,.28);border:1px solid rgba(17,17,17,.08);border-radius:9999px;color:#111111bd;cursor:pointer;transition:all .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.resize-btn:hover{background:rgba(255,255,255,.68);border-color:#1111111f;transform:translateY(-1px)}.resize-btn.active-size{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.resize-btn svg{width:100%;height:100%;display:block}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .22s}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{background:var(--modal-bg);border-radius:22px;width:100%;max-width:440px;max-height:88vh;max-height:88dvh;overflow-y:auto;box-shadow:var(--shadow-modal);transform:translateY(16px) scale(.97);opacity:0;transition:transform .28s cubic-bezier(.34,1.4,.64,1),opacity .22s}.modal-backdrop.open .modal{transform:translateY(0) scale(1);opacity:1}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 14px}.modal-title{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.3px}.modal-close{width:32px;height:32px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:var(--surface3);color:var(--text)}.modal-close svg{width:15px;height:15px}.modal-body{padding:4px 22px 22px}.modal-label{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin:16px 0 10px}.modal-label:first-child{margin-top:4px}.add-block-modal{max-width:660px;overflow:hidden;border-radius:30px;background:var(--modal-bg);box-shadow:0 34px 110px #00000040,0 10px 30px #0000001c}.add-block-hero{position:relative;min-height:230px;overflow:hidden;padding:30px 76px 30px 30px;background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 30%),linear-gradient(145deg,#08080a 0%,#161619 58%,#242429 100%);color:#fff}.add-block-hero:before{content:"";position:absolute;top:-76px;right:-58px;width:210px;height:210px;border:22px solid rgba(255,255,255,.075);border-radius:44% 56% 62% 38%/40% 38% 62% 60%;transform:rotate(18deg);animation:add-block-blob 8s ease-in-out infinite alternate}.add-block-hero:after{content:"";position:absolute;right:95px;bottom:-48px;width:92px;height:92px;border-radius:50%;background:var(--accent);opacity:.92;animation:add-block-bubble 5.5s ease-in-out infinite}.add-block-close{position:absolute;z-index:4;top:20px;right:20px;border-color:#ffffff24;background:rgba(255,255,255,.09);color:#fff}.add-block-close:hover{border-color:#ffffff3d;background:rgba(255,255,255,.16);color:#fff;transform:rotate(5deg) scale(1.04)}.add-block-brand{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;margin-bottom:24px}.add-block-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px 16px 13px 17px/15px 13px 17px 14px;background:#fff;color:#0b0b0d;box-shadow:inset 0 -5px 9px #00000014;transform:rotate(-5deg);animation:add-block-mark 4.4s ease-in-out infinite}.add-block-mark svg{width:24px;height:24px}.add-block-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.08);color:#ffffffd1;font-size:11px;font-weight:650}.add-block-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.add-block-copy{position:relative;z-index:2;max-width:490px}.add-block-copy h2{max-width:470px;font-family:var(--font-display);font-size:clamp(28px,5vw,38px);font-weight:800;line-height:1.02;letter-spacing:-1.6px;text-wrap:balance}.add-block-copy p{max-width:460px;margin-top:12px;color:#ffffffab;font-size:14px;line-height:1.65}.add-block-spark{position:absolute;z-index:2;display:grid;place-items:center;background:#fff;color:#111213;box-shadow:0 8px 20px #0003}.add-block-spark-one{top:82px;right:88px;width:34px;height:34px;border-radius:50%;transform:rotate(10deg);animation:add-block-spark 4.8s ease-in-out infinite}.add-block-spark-two{right:40px;bottom:40px;width:27px;height:27px;border-radius:9px 11px 8px 12px;transform:rotate(-13deg);animation:add-block-spark 4.8s .7s ease-in-out infinite reverse}.add-block-body{padding:26px 30px 30px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--modal-bg)),var(--modal-bg)}.add-block-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:14px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface2) 84%,transparent);animation:add-block-rise .45s cubic-bezier(.22,1,.36,1) both;animation-delay:.08s}.add-block-intro strong,.add-block-intro span{display:block}.add-block-intro strong{font-family:var(--font-display);font-size:14px;font-weight:750}.add-block-intro span{margin-top:3px;color:var(--text-muted);font-size:12px}.add-block-time{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:32px;padding:0 11px;border-radius:999px;background:color-mix(in srgb,var(--accent) 17%,transparent);color:var(--text);font-size:11px;font-weight:750;animation:add-block-pill-pulse 2.8s ease-in-out infinite}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;perspective:900px}@media (max-width: 420px){.type-grid{grid-template-columns:repeat(2,1fr)}}.type-tile{position:relative;overflow:hidden;min-height:118px;background:color-mix(in srgb,var(--surface2) 92%,transparent);border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:18px;padding:18px 12px;cursor:pointer;transform:translate3d(0,18px,0) scale(.96) rotateX(7deg);transform-origin:center bottom;opacity:0;animation:add-block-tile-in .48s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.13s + var(--tile-index, 0) * 45ms);transition:transform .34s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .28s ease,background .2s ease;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;text-align:center}.type-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 55%),linear-gradient(135deg,rgba(255,255,255,.08),transparent 42%);opacity:0;transition:opacity .24s ease}.type-tile:after{content:"";position:absolute;top:-45%;left:-55%;width:52%;height:190%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(24deg) translate(-120%);transition:transform .58s cubic-bezier(.22,1,.36,1)}.type-tile-orb{position:absolute;right:-16px;bottom:-18px;width:62px;height:62px;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);filter:blur(.2px);opacity:.62;transform:scale(.7);transition:transform .34s cubic-bezier(.34,1.56,.64,1),opacity .24s ease}.type-tile:hover,.type-tile:focus-visible{border-color:var(--accent);background:var(--surface3);box-shadow:0 18px 38px #00000029,0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent);transform:translate3d(0,-7px,0) scale(1.025) rotateX(0);outline:none}.type-tile:active{transform:translate3d(0,-2px,0) scale(.985);transition-duration:.12s}.type-tile:hover:before,.type-tile:focus-visible:before{opacity:1}.type-tile:hover:after,.type-tile:focus-visible:after{transform:rotate(24deg) translate(430%)}.type-tile:hover .type-tile-orb,.type-tile:focus-visible .type-tile-orb{opacity:.95;transform:scale(1.1)}.type-tile-icon{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--surface);color:var(--text);box-shadow:inset 0 -5px 9px #0000000d;font-size:24px;line-height:1;transition:transform .34s cubic-bezier(.34,1.56,.64,1),box-shadow .24s ease,background .24s ease}.type-tile-icon svg{width:24px;height:24px}.type-tile:hover .type-tile-icon,.type-tile:focus-visible .type-tile-icon{background:color-mix(in srgb,var(--accent) 18%,var(--surface));box-shadow:inset 0 -5px 9px #0000000d,0 10px 24px color-mix(in srgb,var(--accent) 22%,transparent);transform:translate3d(0,-3px,0) rotate(-5deg) scale(1.08)}.type-tile-name{position:relative;z-index:1;color:var(--text);font-size:13px;font-weight:700;transition:transform .26s cubic-bezier(.22,1,.36,1)}.type-tile-hint{position:relative;z-index:1;margin-top:-6px;color:var(--text-dim);font-size:10px;font-weight:700;letter-spacing:.04em;opacity:0;transform:translateY(6px);text-transform:uppercase;transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1)}.type-tile:hover .type-tile-name,.type-tile:focus-visible .type-tile-name{transform:translateY(-2px)}.type-tile:hover .type-tile-hint,.type-tile:focus-visible .type-tile-hint{opacity:1;transform:translateY(0)}@keyframes add-block-blob{to{transform:translate3d(-12px,16px,0) rotate(34deg)}}@keyframes add-block-bubble{50%{transform:translate3d(0,-10px,0)}}@keyframes add-block-mark{50%{transform:translate3d(0,-5px,0) rotate(-2deg)}}@keyframes add-block-spark{50%{transform:translate3d(0,-8px,0) rotate(0)}}@keyframes add-block-rise{0%{opacity:0;transform:translate3d(0,14px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes add-block-tile-in{0%{opacity:0;transform:translate3d(0,18px,0) scale(.96) rotateX(7deg)}70%{opacity:1;transform:translate3d(0,-3px,0) scale(1.015) rotateX(0)}to{opacity:1;transform:translateZ(0) scale(1) rotateX(0)}}@keyframes add-block-pill-pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 8%,transparent)}}@media (prefers-reduced-motion: reduce){.add-block-hero:before,.add-block-hero:after,.add-block-mark,.add-block-spark,.add-block-intro,.add-block-time,.type-tile{animation:none}.type-tile{opacity:1;transform:none}}@media (max-width: 640px){.add-block-modal{border-radius:26px}.add-block-hero{min-height:218px;padding:24px 58px 25px 22px}.add-block-close{top:15px;right:15px}.add-block-brand{margin-bottom:19px}.add-block-mark{width:40px;height:40px}.add-block-copy h2{max-width:330px;font-size:29px;letter-spacing:-1.2px}.add-block-copy p{margin-top:9px;font-size:12px;line-height:1.55}.add-block-spark-one{top:74px;right:60px}.add-block-spark-two{right:25px;bottom:30px}.add-block-body{padding:21px 18px 20px}.add-block-intro{align-items:flex-start}}.color-row{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:34px;height:34px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s;flex-shrink:0}.color-swatch:hover{transform:scale(1.12)}.color-swatch.active{border-color:var(--text);transform:scale(1.12);box-shadow:0 0 0 2px var(--modal-bg)}.size-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.size-preset{display:flex;align-items:center;gap:11px;padding:11px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .18s;color:var(--text)}.size-preset:hover{border-color:var(--border-hover);background:var(--surface3)}.size-preset.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.size-preset-icon{width:24px;height:12px;flex-shrink:0;color:var(--text-muted);display:flex;align-items:center}.size-preset.active .size-preset-icon{color:var(--accent)}.size-preset svg{width:100%;height:100%;display:block}.size-preset-label{font-size:13px;font-weight:500}.delete-btn{width:100%;margin-top:20px;padding:12px;background:rgba(246,106,106,.08);border:1px solid rgba(246,106,106,.3);color:#f66a6a;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;gap:8px}.delete-btn:hover{background:rgba(246,106,106,.18)}.delete-btn svg{width:15px;height:15px}.bottom-dock{position:fixed;left:18px;right:18px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:240;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:18px;pointer-events:none}.dock-zone{display:flex;align-items:center;gap:10px;min-width:0;pointer-events:auto}.dock-left{justify-self:start}.dock-center{justify-self:center}.dock-right{justify-self:end}.dock-pill{display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);background:color-mix(in srgb,var(--surface2) 88%,transparent);box-shadow:0 10px 30px #00000038,inset 0 1px #ffffff0f;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25)}body.light .dock-pill{background:rgba(234,234,234,.88);border-color:#0000000f;box-shadow:0 8px 24px #0000001f,inset 0 1px #ffffffe6}.dock-btn{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:50%;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s,background .16s,color .16s,border-color .16s,box-shadow .16s,opacity .16s;flex-shrink:0;padding:0}body.light .dock-btn{background:rgba(255,255,255,.96);border-color:#00000017;box-shadow:0 2px 5px #0000001f}.dock-btn:hover:not(:disabled),.dock-btn.active{transform:translateY(-2px);background:var(--accent);border-color:var(--accent);color:var(--dock-active-fg);box-shadow:0 7px 16px color-mix(in srgb,var(--accent) 25%,transparent)}.dock-btn:active:not(:disabled){transform:translateY(0) scale(.96)}.dock-btn:disabled{opacity:.34;cursor:default}.dock-btn svg{width:21px;height:21px}.dock-btn i{font-size:20px;line-height:1}.dock-preview{width:auto;min-width:126px;padding:0 18px;gap:9px;border-radius:999px;font-family:var(--font-body);font-size:14px;font-weight:600}.dock-preview svg{width:20px;height:20px}.dock-divider{width:1px;height:28px;background:var(--border);margin:0 3px;opacity:.75}.dock-profile{width:auto;max-width:250px;min-width:0;padding:4px 12px;gap:9px;border-radius:14px}.dock-site-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:#12b76a;color:#fff;font-family:var(--font-display);font-weight:800;font-size:18px;line-height:1;display:none}.dock-profile-url{min-width:0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-family:var(--font-body);font-size:13px;font-weight:700}.dock-profile-copy{width:17px;height:17px;flex-shrink:0;color:var(--text-muted)}.dock-profile.copied .dock-profile-copy{color:#12b76a}body.viewport-mobile .canvas-inner{max-width:390px}body.viewport-mobile .bento-grid{--mobile-preview-col: calc((min(390px, 100vw - 40px) - var(--gap)) / 2);grid-template-columns:repeat(2,var(--mobile-preview-col));grid-auto-rows:var(--mobile-preview-col)}body.viewport-mobile .profile-editable{white-space:normal}body.viewport-mobile .profile-edit-wrap-name .profile-editable{white-space:nowrap}.profile-left.viewport-mobile .canvas-inner{display:block;max-width:390px}.profile-left.viewport-mobile .profile-header{flex-direction:row;align-items:center;gap:14px;margin-bottom:28px;padding-top:0;text-align:left}.profile-left.viewport-mobile .profile-avatar{width:88px;height:88px}.profile-left.viewport-mobile .profile-info{width:auto;flex:1 1 auto;align-items:flex-start;gap:4px;text-align:left}.profile-left.viewport-mobile .profile-edit-wrap-name,.profile-left.viewport-mobile .profile-edit-wrap-bio{align-self:flex-start}.profile-left.viewport-mobile .profile-editable{max-width:100%;white-space:normal}.profile-left.viewport-mobile .profile-edit-wrap-name,.profile-left.viewport-mobile .profile-edit-wrap-name .profile-editable{white-space:nowrap}.profile-left.viewport-mobile .bento-grid{--mobile-preview-col: calc((min(390px, 100vw - 40px) - var(--gap)) / 2);grid-template-columns:repeat(2,var(--mobile-preview-col));grid-auto-rows:var(--mobile-preview-col);min-width:0}body.viewport-mobile .card-3x1,body.viewport-mobile .card-4x1{grid-column:span 2;grid-row:span 1}body.viewport-mobile .card-3x2,body.viewport-mobile .card-4x2{grid-column:span 2;grid-row:span 2}body.viewport-switching .canvas-inner,body.profile-switching .canvas-inner{pointer-events:none}body.viewport-switching .bento-card,body.viewport-switching .add-card-placeholder,body.viewport-switching .profile-header,body.profile-switching .bento-card,body.profile-switching .add-card-placeholder,body.profile-switching .profile-header{will-change:transform}body.layout-switching .canvas-inner{pointer-events:none}body.layout-preparing .canvas-inner:not(.layout-snapshot){visibility:hidden}body.layout-preparing .canvas-inner.layout-snapshot,.layout-snapshot{visibility:visible!important;overflow:visible}.layout-snapshot .resize-bar,.layout-snapshot .card-actions{display:none!important}body.layout-switching .bento-card,body.layout-switching .add-card-placeholder,body.layout-switching .profile-header{will-change:transform}body.layout-switching .bento-surface,body.layout-switching .resize-bar{transition:none!important}.card-map .bento-surface{background:#1a1a2e!important;background-image:none!important}.map-card{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background:#1a1a2e}.map-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bento-grid .map-fill{pointer-events:none}.map-card .leaflet-container,.map-picker.leaflet-container{background:#0d0d1a;font-family:inherit}.map-card .leaflet-control-zoom,.map-card .leaflet-control-attribution{display:none!important}.map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(10,10,20,.55) 100%),linear-gradient(to top,rgba(10,10,20,.85) 0%,transparent 50%)}.map-overlay.map-overlay-light{background:radial-gradient(ellipse at center,transparent 40%,rgba(240,240,255,.45) 100%),linear-gradient(to top,rgba(200,210,240,.75) 0%,transparent 50%)}.map-label{position:absolute;bottom:14px;left:14px;z-index:20;display:flex;align-items:center;gap:6px;pointer-events:none}.map-pin-icon{font-size:16px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.map-city{color:#fff;font-size:13px;font-weight:600;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.6)}.map-country{margin-top:1px;color:#ffffff8c;font-size:10px;font-weight:500}.map-label-light .map-city{color:#111;text-shadow:0 1px 4px rgba(255,255,255,.45)}.map-label-light .map-country{color:#00000080}.custom-pin{display:flex;flex-direction:column;align-items:center;pointer-events:none}.pin-dot{width:14px;height:14px;border:2.5px solid rgba(255,255,255,.9);border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff2e,0 2px 12px #0006;animation:pinPulse 2.4s ease-in-out infinite}.pin-line{width:2px;height:10px;margin-top:-1px;background:linear-gradient(to bottom,rgba(255,255,255,.8),transparent)}@keyframes pinPulse{0%,to{box-shadow:0 0 0 4px #ffffff2e,0 2px 12px #0006}50%{box-shadow:0 0 0 8px #ffffff14,0 2px 12px #0006}}.map-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.location-autocomplete{position:relative;z-index:700}.location-suggestions{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:900;max-height:250px;overflow-y:auto;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 18px 48px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.location-suggestion{display:flex;width:100%;align-items:flex-start;gap:10px;border:0;border-bottom:1px solid var(--border);background:transparent;padding:10px 12px;color:var(--text);text-align:left}.location-suggestion:last-child{border-bottom:0}.location-suggestion:hover,.location-suggestion:focus-visible{background:color-mix(in srgb,var(--accent) 10%,var(--surface2))}.location-suggestion>i{margin-top:2px;color:var(--accent);font-size:17px}.location-suggestion span,.location-suggestion strong,.location-suggestion small{display:block;min-width:0}.location-suggestion strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.location-suggestion small{display:-webkit-box;margin-top:3px;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.location-suggestion-status{display:flex;min-height:48px;align-items:center;justify-content:center;gap:7px;padding:10px 12px;color:var(--muted);font-size:10px;text-align:center}.map-search-input{width:100%;min-width:0;border:1px solid var(--border);border-radius:10px;background:var(--surface2);padding:10px 12px;color:var(--text);font:inherit;font-size:12px;outline:none}.map-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.map-search-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;background:var(--accent);padding:0 14px;color:#111;font:inherit;font-size:12px;font-weight:700}.map-search-button:disabled{cursor:wait;opacity:.72}.settings-loading-spinner{animation:settings-loading-spin .75s linear infinite}@keyframes settings-loading-spin{to{transform:rotate(360deg)}}.map-picker-wrap{margin-top:10px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#0d0d1a}.map-picker{width:100%;height:230px}.map-picker-hint{position:relative;z-index:500;border-top:1px solid rgba(255,255,255,.1);background:rgba(12,12,12,.92);padding:8px 12px;color:#ffffff9e;font-size:10px;text-align:center}.map-style-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.map-style-tab{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);padding:8px 4px;color:var(--muted);font:inherit;font-size:10px}.map-style-icon{display:grid;width:21px;height:21px;place-items:center}.map-style-icon svg{width:20px;height:20px}.map-style-icon i{font-size:20px}.map-style-tab small{color:var(--muted);font-size:8px;font-weight:700}.map-style-tab.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--surface2));color:var(--text)}.map-display-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.map-display-tabs .map-style-tab{min-height:66px}.map-settings-grid{display:grid;gap:12px;margin-top:14px}.map-setting-field{display:grid;grid-template-columns:auto minmax(0,1fr) 26px;align-items:center;gap:10px;color:var(--muted);font-size:11px}.map-setting-field input{accent-color:var(--accent)}.map-setting-field strong{color:var(--text);text-align:right}.map-toggle{display:flex;align-items:center;gap:8px;color:var(--text);font-size:11px}.map-toggle input{width:16px;height:16px;accent-color:var(--accent)}.card-weather .bento-surface{background:transparent!important;background-image:none!important}.wx{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;cursor:pointer}.scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.wx-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 16px;pointer-events:none}.wx-top{position:absolute;top:14px;left:16px;z-index:20;pointer-events:none}.wx-temp{font-size:32px;font-weight:500;line-height:1;letter-spacing:-1px}.wx-lg .wx-temp{font-size:52px}.wx-city{margin-top:3px;font-size:12px;font-weight:500}.wx-cond{margin-top:2px;font-size:11px}.dark-card .wx-content{background:linear-gradient(to top,rgba(0,0,0,.52) 0%,transparent 55%)}.dark-card .wx-temp{color:#fff}.dark-card .wx-city{color:#ffffffa6}.dark-card .wx-cond{color:#ffffff73}.light-card .wx-content{background:linear-gradient(to top,rgba(255,255,255,.6) 0%,transparent 50%)}.light-card .wx-temp{color:#111}.light-card .wx-city{color:#0000008c}.light-card .wx-cond{color:#00000061}.wx-scene-rain.wx-scene-dark{background:#0f1923}.wx-scene-rain.wx-scene-light{background:#c8dff0}.wx-scene-sunny.wx-scene-dark{background:#0f1f0a}.wx-scene-sunny.wx-scene-light{background:#fffbe6}.wx-scene-cloudy.wx-scene-dark{background:#1a1a22}.wx-scene-cloudy.wx-scene-light{background:#e8edf5}.wx-scene-night{background:#060c1a}.wx-scene-snow.wx-scene-dark{background:#0d1520}.wx-scene-snow.wx-scene-light{background:#dce8f5}.wx-scene-storm.wx-scene-dark{background:#0a0f18}.wx-scene-storm.wx-scene-light{background:#8899aa}.wx-scene-fog.wx-scene-dark{background:#1a1e25}.wx-scene-fog.wx-scene-light{background:#dde3ea}.wx-scene-wind.wx-scene-dark{background:#0e1822}.wx-scene-wind.wx-scene-light{background:#e0ecf8}.wx-cloud{position:absolute;border-radius:60px;background:rgba(255,255,255,.16);animation:cloudDrift 4.5s ease-in-out infinite}.wx-scene-light .wx-cloud{background:rgba(130,155,185,.42)}.wx-cloud-a{top:-8%;left:-12%;width:78%;height:24%}.wx-cloud-b{top:5%;left:36%;width:64%;height:19%;animation-duration:5.5s}.wx-cloud-c{top:28%;left:8%;width:72%;height:18%;animation-duration:6.5s}.wx-rain,.wx-snow{position:absolute;left:var(--x);top:-20px;animation-delay:var(--d);animation-iteration-count:infinite;animation-timing-function:linear}.wx-rain{width:1.5px;height:22px;border-radius:1px;background:linear-gradient(to bottom,transparent,rgba(147,197,253,.72));animation-name:fall;animation-duration:.75s}.wx-snow{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.88);animation-name:snowfall;animation-duration:2.7s}.wx-sun{position:absolute;top:13%;left:68%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:9999px;background:#fbbf24;animation:sunPulseD 3s ease-in-out infinite}.wx-scene-light .wx-sun{background:#f59e0b;animation-name:sunPulseL}.wx-ray{position:absolute;top:13%;left:68%;width:2px;height:34px;border-radius:9999px;background:rgba(251,191,36,.38);transform:rotate(var(--r)) translateY(-34px);transform-origin:bottom center;animation:rayGrow 2.4s ease-in-out infinite alternate}.wx-star{position:absolute;top:var(--y);left:var(--x);width:2px;height:2px;border-radius:9999px;background:#fff;animation:twinkle 1.8s var(--d) ease-in-out infinite alternate}.wx-moon{position:absolute;top:10%;left:72%;width:42px;height:42px;border-radius:9999px;background:#e2e8f0;box-shadow:0 0 20px #e2e8f029}.wx-moon:after{content:"";position:absolute;top:-5px;left:14px;width:36px;height:36px;border-radius:inherit;background:#060c1a}.wx-bolt{position:absolute;top:16%;left:36%;z-index:5;width:58px;height:94px;fill:#fff064db;filter:drop-shadow(0 0 10px rgba(255,240,100,.32));animation:strike 3.5s ease-in-out infinite}.wx-fog,.wx-wind{position:absolute;left:-10%;top:var(--y);width:120%;height:14px;border-radius:9999px;animation:fogDrift 5s var(--d) ease-in-out infinite}.wx-fog{background:rgba(255,255,255,.28)}.wx-scene-light .wx-fog{background:rgba(255,255,255,.7)}.wx-wind{height:2px;background:linear-gradient(to right,transparent,rgba(150,200,255,.35),transparent)}.wx-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.wx-tab{display:flex;min-width:0;min-height:58px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--muted);font:inherit;font-size:9px;font-weight:700;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.wx-tab:hover,.wx-tab:focus-visible{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--text);transform:translateY(-1px)}.wx-tab.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--surface2));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.wx-tabs-editor{justify-content:flex-start}.weather-type-icon{display:grid;width:20px;height:20px;place-items:center}.weather-type-icon svg{width:18px;height:18px}.weather-option-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.weather-option-tabs .map-style-tab{position:relative;min-height:62px;overflow:hidden}.weather-option-tabs .map-style-tab>i,.weather-option-tabs .map-style-tab>strong{position:relative;z-index:2;color:var(--text);font-size:16px}.weather-style-preview{position:absolute;inset:auto -12px -18px auto;width:58px;height:58px;border-radius:50%;opacity:.36;pointer-events:none}.weather-style-preview-auto{background:linear-gradient(135deg,#f8fafc 0 50%,#111827 50% 100%)}.weather-style-preview-dark{background:radial-gradient(circle at 35% 35%,#64748b,#0f172a 58%)}.weather-style-preview-light{background:radial-gradient(circle at 35% 35%,#fde68a,#dbeafe 62%)}.weather-update-grid{grid-template-columns:1fr}.weather-refresh-button{min-height:38px}@keyframes fall{0%{transform:translateY(-20px);opacity:0}10%{opacity:1}90%{opacity:.7}to{transform:translateY(340px);opacity:0}}@keyframes sunPulseD{0%,to{box-shadow:0 0 0 8px #fbbf2426,0 0 0 18px #fbbf2412}50%{box-shadow:0 0 0 12px #fbbf2433,0 0 0 26px #fbbf2414}}@keyframes sunPulseL{0%,to{box-shadow:0 0 0 10px #fbbf242e,0 0 0 22px #fbbf2417}50%{box-shadow:0 0 0 16px #fbbf243d,0 0 0 32px #fbbf241a}}@keyframes rayGrow{0%{opacity:.35;transform:rotate(var(--r)) translateY(-30px) scaleY(.8)}to{opacity:.75;transform:rotate(var(--r)) translateY(-38px) scaleY(1.1)}}@keyframes cloudDrift{0%{transform:translate(0)}50%{transform:translate(8px)}to{transform:translate(0)}}@keyframes twinkle{0%{opacity:.15;transform:scale(.7)}to{opacity:1;transform:scale(1.2)}}@keyframes snowfall{0%{transform:translateY(-10px);opacity:0}10%{opacity:.9}90%{opacity:.7}to{transform:translateY(340px);opacity:0}}@keyframes strike{0%,85%,to{opacity:0}86%{opacity:1}87%{opacity:0}88%{opacity:.8}89%{opacity:0}}@keyframes fogDrift{0%{transform:translate(0)}50%{transform:translate(12px)}to{transform:translate(0)}}@media (max-width: 599px){.map-picker{height:200px}.map-style-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.dock-open-add svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.dock-open-add:hover svg,.dock-open-add:focus-visible svg{transform:rotate(90deg)}body.preview-mode .card-actions,body.preview-mode .resize-bar,body.preview-mode .add-card-placeholder{display:none!important}body.preview-mode .bento-card{cursor:default}body.preview-mode .bento-card.selected .bento-surface{outline-color:transparent;box-shadow:var(--shadow-card)}@media (min-width: 761px){body.preview-mode .topbar{display:none!important}body.preview-mode .canvas-area{padding-top:48px!important}body.preview-mode .bottom-dock{display:flex;right:18px;left:auto;justify-content:flex-end}body.preview-mode .bottom-dock .dock-left,body.preview-mode .bottom-dock .dock-center,body.preview-mode .bottom-dock .dock-appearance{display:none!important}body.preview-mode .bottom-dock .dock-right{display:flex}body.preview-mode .bottom-dock .dock-right .dock-pill{padding:5px}}.mobile-preview-popover{position:fixed;right:10px;bottom:calc(70px + env(safe-area-inset-bottom,0px));z-index:262;width:min(330px,100vw - 20px);padding:14px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:18px;background:color-mix(in srgb,var(--modal-bg) 96%,transparent);box-shadow:0 18px 50px #0003,inset 0 1px #ffffff14;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.98);transform-origin:bottom right;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1),visibility .18s}.mobile-preview-popover.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.mobile-preview-title{font-family:var(--font-display);font-size:14px;font-weight:750;margin-bottom:10px}.mobile-preview-url{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--text);font-size:13px;font-weight:650}.mobile-preview-url-mark{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:#12b76a;color:#fff;font-family:var(--font-display);font-size:14px;font-weight:800}.mobile-preview-url-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mobile-preview-action{min-height:40px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .16s,background .16s,border-color .16s}.mobile-preview-action:hover{background:var(--surface3);border-color:var(--border-hover)}.mobile-preview-action:active{transform:scale(.97)}.mobile-preview-action svg{width:16px;height:16px}@media (min-width: 761px){.mobile-preview-popover{display:none!important}}.appearance-popover{position:fixed;right:18px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:260;width:min(590px,100vw - 36px);padding:24px 26px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:24px;background:color-mix(in srgb,var(--modal-bg) 95%,transparent);box-shadow:0 24px 70px #00000038,inset 0 1px #ffffff14;backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px) scale(.975);transform-origin:bottom right;transition:opacity .2s,transform .26s cubic-bezier(.22,1,.36,1),visibility .2s}.appearance-popover.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.ai-command-popover{position:fixed;right:18px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:261;width:min(500px,100vw - 36px);overflow:hidden;border-radius:30px;background:var(--modal-bg);box-shadow:0 34px 110px #00000040,0 10px 30px #0000001c;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px) scale(.975);transform-origin:bottom right;transition:opacity .2s,transform .26s cubic-bezier(.22,1,.36,1),visibility .2s}.ai-command-popover.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.ai-command-hero{position:relative;min-height:178px;overflow:hidden;padding:26px 68px 24px 26px;background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 30%),linear-gradient(145deg,#08080a 0%,#151519 58%,#242429 100%);color:#fff}.ai-command-hero:before{content:"";position:absolute;top:-90px;right:-62px;width:215px;height:215px;border:22px solid rgba(255,255,255,.075);border-radius:44% 56% 62% 38%/40% 38% 62% 60%;transform:rotate(18deg);animation:add-block-blob 8s ease-in-out infinite alternate}.ai-command-hero:after{content:"";position:absolute;right:86px;bottom:-48px;width:86px;height:86px;border-radius:50%;background:var(--accent);opacity:.92;animation:add-block-bubble 5.5s ease-in-out infinite}.ai-command-brand{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}.ai-command-mark{width:44px;height:44px;border-radius:14px 16px 13px 17px/15px 13px 17px 14px;background:#fff;color:#0b0b0d;display:grid;place-items:center;box-shadow:inset 0 -5px 9px #00000014;transform:rotate(-5deg);animation:add-block-mark 4.4s ease-in-out infinite}.ai-command-mark i{font-size:22px}.ai-command-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.08);color:#ffffffd1;font-size:11px;font-weight:650}.ai-command-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.ai-command-head{position:relative;z-index:2}.ai-command-head h2{margin:0;font-family:var(--font-display);font-size:clamp(24px,4vw,31px);line-height:1.02;letter-spacing:-1.2px;font-weight:800}.ai-command-head p{max-width:370px;margin:10px 0 0;color:#ffffffab;font-size:13px;line-height:1.6}.ai-command-spark{position:absolute;z-index:2;display:grid;place-items:center;color:#111213;background:#fff;box-shadow:0 8px 20px #0003}.ai-command-spark-one{width:32px;height:32px;right:82px;top:78px;border-radius:50%;transform:rotate(10deg);animation:add-block-spark 4.8s ease-in-out infinite}.ai-command-spark-two{width:25px;height:25px;right:34px;bottom:34px;border-radius:9px 11px 8px 12px;transform:rotate(-13deg);animation:add-block-spark 4.8s .7s ease-in-out infinite reverse}.ai-command-close{position:absolute;z-index:4;top:18px;right:18px;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.09);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.ai-command-close:hover{border-color:#ffffff3d;background:rgba(255,255,255,.16);transform:rotate(5deg) scale(1.04)}.ai-command-body{padding:18px;background:var(--modal-bg)}.ai-command-input{width:100%;min-height:112px;resize:vertical;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--text);padding:14px 15px;font:500 14px/1.45 var(--font-body);outline:none}.ai-command-input:focus{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}.ai-command-status{margin-top:10px;font-size:13px;line-height:1.45}.ai-command-error{color:#ef4444}.ai-command-success{color:#22c55e}.ai-command-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.ai-command-actions>span{color:var(--text-muted);font-size:12px;line-height:1.35}.ai-command-submit{min-width:132px;height:42px;border:0;border-radius:999px;background:var(--accent);color:var(--dock-active-fg);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-weight:750;cursor:pointer}.ai-command-submit:disabled{opacity:.55;cursor:default}@media (max-width: 680px){.ai-command-popover{right:10px;bottom:calc(70px + env(safe-area-inset-bottom,0px));width:min(360px,100vw - 20px);border-radius:24px}.ai-command-hero{min-height:156px;padding:22px 58px 22px 22px}.ai-command-head h2{font-size:24px}.ai-command-head p{font-size:12px}.ai-command-actions{align-items:stretch;flex-direction:column}.ai-command-submit{width:100%}}.appearance-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.appearance-title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.3px}.appearance-close{width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:var(--surface2);color:var(--text-muted);display:grid;place-items:center;cursor:pointer;transition:all .18s}.appearance-close:hover{background:var(--surface3);color:var(--text)}.appearance-close svg{width:16px;height:16px}.appearance-section+.appearance-section{margin-top:20px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.appearance-label{font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:13px}.theme-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.appearance-locked-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface2) 78%,transparent)}.appearance-locked-icon{display:inline-flex!important;width:34px;height:34px;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-size:18px}.appearance-locked-icon i{font-size:18px}.appearance-locked-card strong,.appearance-locked-card span{display:block}.appearance-locked-card strong{color:var(--text);font-size:13px;font-weight:700}.appearance-locked-card span{margin-top:3px;color:var(--text-muted);font-size:11px;line-height:1.4}.theme-option{min-width:0;border:0;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}.theme-preview{width:100%;aspect-ratio:.82;min-height:78px;border-radius:20px;border:2px solid transparent;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #00000014,0 3px 8px #0000000f;transition:transform .18s,border-color .18s,box-shadow .18s}.theme-option:hover .theme-preview{transform:translateY(-2px)}.theme-option.active{color:var(--text)}.theme-option.active .theme-preview{border-color:#75b7ff;box-shadow:0 0 0 2px color-mix(in srgb,#75b7ff 22%,transparent),0 6px 14px #0000001a}.theme-preview-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-display);font-size:21px;font-weight:800}.theme-option[data-theme=light] .theme-preview{background:#fff;color:#131313}.theme-option[data-theme=light] .theme-preview-mark{background:#141414;color:#fff}.theme-option[data-theme=dark] .theme-preview{background:#050505;color:#fff}.theme-option[data-theme=dark] .theme-preview-mark{background:#fff;color:#050505}.theme-option[data-theme=cream] .theme-preview{background:#f7f2ea;color:#2c251e}.theme-option[data-theme=cream] .theme-preview-mark{background:#2c251e;color:#f7f2ea}.theme-option[data-theme=candies] .theme-preview{background:#fff1f6;color:#c61f68}.theme-option[data-theme=candies] .theme-preview-mark{background:#c61f68;color:#fff}.theme-option[data-theme=midnight] .theme-preview{background:#070b18;color:#61c8ff}.theme-option[data-theme=midnight] .theme-preview-mark{background:#61c8ff;color:#070b18}.theme-option[data-theme=matcha] .theme-preview{background:#f0f3e8;color:#557344}.theme-option[data-theme=matcha] .theme-preview-mark{background:#557344;color:#f0f3e8}.appearance-control-row{display:grid;grid-template-columns:1fr minmax(260px,1.6fr);align-items:center;gap:18px}.appearance-control-row+.appearance-control-row{margin-top:16px}.appearance-row-label{font-family:var(--font-display);font-size:16px;font-weight:700}.segmented-control{display:grid;grid-template-columns:repeat(var(--segments, 2),1fr);gap:5px;padding:4px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface2) 82%,transparent)}.segment-btn{min-height:48px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:14px;font-weight:650;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}.segment-btn:hover{color:var(--text)}.segment-btn.active{background:var(--surface);color:var(--text);border-color:#75b7ff;box-shadow:0 0 0 1px color-mix(in srgb,#75b7ff 25%,transparent),0 4px 12px #00000014}.corner-icon{width:24px;height:24px;border:3px solid currentColor;display:block}.corner-square{border-radius:0}.corner-soft{border-radius:6px}.corner-round{border-radius:11px}.profile-position-icon{width:22px;height:18px;display:grid;gap:3px}.profile-position-icon:before,.profile-position-icon:after{content:"";display:block;border:2px solid currentColor;border-radius:4px}.profile-position-top{grid-template-rows:6px 1fr}.profile-position-left{grid-template-columns:7px 1fr;grid-template-rows:1fr}.dock-appearance svg{transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.dock-appearance.active svg{transform:rotate(60deg)}@media (max-width: 680px){.appearance-popover{left:auto;right:10px;bottom:calc(70px + env(safe-area-inset-bottom,0px));width:min(350px,100vw - 20px);max-height:min(68dvh,520px);overflow-y:auto;padding:14px;border-radius:18px;transform-origin:bottom right}.appearance-head{margin-bottom:12px}.appearance-title{font-size:16px}.appearance-close{width:29px;height:29px}.appearance-section+.appearance-section{margin-top:13px;padding-top:13px}.appearance-label{font-size:13px;margin-bottom:9px}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-option{gap:5px;font-size:10px}.theme-preview{aspect-ratio:1.35;min-height:46px;border-radius:13px}.theme-preview-mark{width:25px;height:25px;border-radius:8px;font-size:15px}.appearance-control-row{grid-template-columns:86px minmax(0,1fr);gap:8px}.appearance-control-row+.appearance-control-row{margin-top:10px}.appearance-row-label{font-size:13px}.segmented-control{width:100%;padding:3px;border-radius:12px;gap:3px}.segment-btn{min-height:36px;border-radius:9px;font-size:12px;gap:5px}.corner-icon{width:19px;height:19px;border-width:2px}.profile-position-icon{width:19px;height:16px}}@media (max-width: 1080px){.bottom-dock{grid-template-columns:auto 1fr auto;gap:10px}.dock-preview{min-width:48px;width:48px;padding:0}.dock-preview span{display:none}}@media (max-width: 900px){.dock-profile{display:none}}@media (max-width: 760px){.bottom-dock{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;align-items:center}.dock-left,.dock-viewport-pill,.dock-right .dock-publish,.dock-right .dock-help{display:none}.dock-center{order:1}.dock-right{order:2}.dock-zone{gap:6px}.dock-pill{padding:4px;gap:2px}.dock-btn{width:40px;height:40px}.dock-btn svg{width:19px;height:19px}.dock-divider{height:24px;margin:0 1px}}@media (max-width: 480px){.dock-center .dock-quick-music,.dock-center .dock-view-mobile{display:none}.bottom-dock{gap:6px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--bg: #ffffff;--fg: #111213;--muted-fg: #6b7280;--card: #ffffff;--card-border: rgba(0, 0, 0, .08);--card-shadow: 0 2px 4px 0 rgb(0 0 0 / .08), 0 1px 1px -1px rgb(0 0 0 / .07);--ring: #09B15E;--primary: #09B15E;--primary-fg: #ffffff;--primary-hover: #07964f;--radius-card: 16px;--radius-btn: 12px;--radius-tile: 16px;--radius-input: 10px}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--fg);min-height:100vh}.shell{position:relative;min-height:100vh;width:100%}.left-panel{display:flex;width:100%;max-width:428px;margin:0 auto;align-items:center;justify-content:center;padding:48px 24px 0}.left-inner{display:flex;width:100%;flex-direction:column;padding:0 16px}.logo-wrap{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.logo-wrap svg,.logo-wrap img{width:88px;height:88px;object-fit:contain;filter:none}.page-heading{margin-top:32px;margin-left:8px;width:calc(100% - 8px)}.page-heading h1{font-size:32px;font-weight:700;letter-spacing:-1px;line-height:120%;color:var(--fg);white-space:pre-wrap;word-break:break-word}.page-heading p{color:var(--muted-fg);margin-top:12px;font-size:18px;font-weight:400;line-height:1.75rem;max-width:500px}.bento-container{margin:0 auto;width:100%;max-width:428px;flex:1;display:flex;flex-direction:column;padding:0 24px 24px}.bento-left-spacer{display:none}.bento-content{width:100%;position:relative;padding-bottom:64px}.bento-content>*+*{margin-top:40px}.section>*+*{margin-top:16px}.section-header h2{font-size:18px;font-weight:600;letter-spacing:-.3px;color:var(--fg);text-wrap:balance}.grid{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;grid-auto-rows:187px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:var(--card-shadow);padding:16px;display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%;transition:border-color .2s ease,box-shadow .2s ease;position:relative}.card:hover{border-color:#0000001f}.card:focus-within{border-color:#09b15eb3;box-shadow:var(--card-shadow),0 0 0 3px #09b15e33}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-4{grid-column:span 4}.row-1{grid-row:span 1}.row-2{grid-row:span 2}.card-header{margin-bottom:12px}.tile-wrap{display:inline-flex;width:36px;height:36px;flex-shrink:0;align-items:center;justify-content:center;padding:0}.tile{display:flex;width:100%;height:100%;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;position:relative;border-radius:13px 15px 12px 14px/14px 12px 15px 13px;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 -4px #0000001a,inset 0 1px #ffffff3d,0 5px #11121314}.tile:before,.tile:after{content:none;display:none}.tile svg,.tile img{width:18px;height:18px;object-fit:contain;display:block;flex-shrink:0;position:relative;z-index:1;transform:translateY(-1px);filter:drop-shadow(0 1px 0 rgba(0,0,0,.12))}.header-stack{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}.card-title{font-size:12px;font-weight:600;letter-spacing:-.1px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc{font-size:11px;color:var(--muted-fg);margin-top:4px;line-height:1.45;leading-trim:both}.card-body{display:flex;flex-direction:column;flex:1;min-height:0}.card-bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.25rem;border-radius:var(--radius-btn);border:1px solid transparent;cursor:pointer;transition:background .15s ease,opacity .15s ease;text-decoration:none;white-space:nowrap;padding:0 12px;min-height:36px;position:relative}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-primary{background:var(--primary);color:var(--primary-fg);border-color:#00000014}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--card-border)}.btn-ghost:hover:not(:disabled){background:rgba(107,114,128,.08)}.btn-w{width:100%}.btn-sm{min-height:32px;font-size:12px;padding:0 10px}.btn-icon{width:36px;padding:0;flex-shrink:0}.btn-icon-sm{width:32px;min-height:32px;padding:0;flex-shrink:0}.stat-n{font-size:20px;font-weight:600;letter-spacing:-.5px;color:var(--fg);line-height:1;font-variant-numeric:tabular-nums}.stat-l{font-size:11px;color:var(--muted-fg);margin-top:3px}.divider{width:100%;height:1px;background:rgba(0,0,0,.06);flex-shrink:0}.divider-v{width:1px;background:rgba(0,0,0,.06);flex-shrink:0;align-self:stretch}.pill{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap;line-height:1.6}.pill-green{background:#dcfce7;color:#15803d}.pill-gray{background:#f3f4f6;color:#6b7280}.spark{display:flex;align-items:flex-end;gap:3px;height:32px}.spark-b{flex:1;border-radius:3px 3px 0 0;background:#e5e7eb;min-height:4px}.spark-b.hi{background:var(--primary)}.cover{border-radius:8px;overflow:hidden;flex-shrink:0;position:relative}.cover-fill{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.add-card{border-style:dashed;border-color:#d1d5db;background:rgba(255,255,255,.4);align-items:center;justify-content:center;gap:10px;cursor:pointer}.add-card:hover{border-color:var(--primary);background:rgba(9,177,94,.03)}.add-icon-wrap{width:40px;height:40px;border-radius:50%;background:#f0fdf4;display:flex;align-items:center;justify-content:center}.avatar{border-radius:10px;overflow:hidden;display:inline-grid;flex-shrink:0;outline:1px solid rgba(0,0,0,.08);outline-offset:-1px}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.url-strip{background:rgba(107,114,128,.08);border-radius:var(--radius-input);padding:8px 12px;font-size:12px;color:var(--muted-fg);display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:hidden}.url-strip span{font-weight:500;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{position:relative;z-index:10;margin-top:24px;margin-bottom:40px;display:flex;width:100%;flex-direction:column;align-items:center}.footer-inner{display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px;color:#6b7280cc}.footer-inner a{color:inherit;text-decoration:none;transition:color .15s}.footer-inner a:hover{color:var(--fg)}@media (min-width: 1280px){.left-panel{position:absolute;top:0;left:0;width:100%;max-width:min(100vw,1728px);height:100%;align-items:stretch;justify-content:flex-start;padding:64px;pointer-events:none}.left-inner{flex:1;padding:0;pointer-events:auto}.left-sticky{position:sticky;top:64px}.logo-wrap{width:184px;height:184px}.logo-wrap svg,.logo-wrap img{width:136px;height:136px;object-fit:contain}.page-heading{margin-top:12px;margin-left:8px;max-width:min(500px,100vw - 1028px)}.page-heading h1{font-size:44px;letter-spacing:-2px}.page-heading p{font-size:20px;line-height:1.75rem;max-width:min(500px,100vw - 1028px)}.bento-container{max-width:1728px;flex-direction:row;overflow:visible;padding:0 64px 64px}.bento-left-spacer{display:block;flex:1;margin-right:80px;flex-shrink:0}.bento-content{width:820px;flex:none}.card{padding:20px}.tile-wrap{width:40px;height:40px}.card-title{font-size:14px}.card-desc{font-size:12px}.section-header h2{font-size:20px}.stat-n{font-size:24px}}html{scroll-behavior:smooth}body{overflow-x:hidden;background:#ffffff}::selection{background:rgba(9,177,94,.2)}.shell:before{display:none}.logo-wrap{animation:logoArrival .85s cubic-bezier(.22,1,.36,1) both,logoFloat 5s ease-in-out 1s infinite}.logo-wrap svg,.logo-wrap img{transition:transform .5s cubic-bezier(.22,1,.36,1),filter .35s ease}.logo-wrap:hover svg,.logo-wrap:hover img{transform:rotate(-4deg) scale(1.06);filter:drop-shadow(0 18px 28px rgba(0,0,0,.22))}.page-heading h1{animation:headingArrival .75s .1s cubic-bezier(.22,1,.36,1) both;text-wrap:balance}.page-heading p{animation:headingArrival .75s .2s cubic-bezier(.22,1,.36,1) both;text-wrap:pretty}.bento-content{padding-top:28px}.section{animation:sectionArrival .7s cubic-bezier(.22,1,.36,1) both}.section:nth-child(2){animation-delay:.12s}.section:nth-child(3){animation-delay:.22s}.card{translate:0 0;animation:cardReveal .65s cubic-bezier(.22,1,.36,1) both;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .4s ease,background-color .3s ease}.grid>.card:nth-child(1){animation-delay:.06s}.grid>.card:nth-child(2){animation-delay:.12s}.grid>.card:nth-child(3){animation-delay:.18s}.grid>.card:nth-child(4){animation-delay:.24s}.grid>.card:nth-child(5){animation-delay:.3s}.card:hover{transform:translateY(-5px);border-color:#09b15e33;box-shadow:0 18px 46px #11121317,0 3px 10px #1112130d}.tile{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .25s ease}.card:hover .tile{transform:translateY(-3px) rotate(-6deg) scale(1.08);border-color:#0000001c;box-shadow:inset 0 -4px #0000001c,inset 0 1px #ffffff47,0 9px #1112131a}.btn{overflow:hidden;transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .2s ease,border-color .2s ease,box-shadow .25s ease,opacity .2s ease}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.28) 48%,transparent 68%);transform:translate(-130%);transition:transform .65s ease}.btn:hover:after{transform:translate(130%)}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 24px #09b15e40}.spark-b{transform-origin:bottom;animation:barGrow .8s cubic-bezier(.22,1,.36,1) both}.spark-b:nth-child(2){animation-delay:.05s}.spark-b:nth-child(3){animation-delay:.1s}.spark-b:nth-child(4){animation-delay:.15s}.spark-b:nth-child(5){animation-delay:.2s}.spark-b:nth-child(6){animation-delay:.25s}.spark-b:nth-child(7){animation-delay:.3s}.fan-favourite-card{overflow:hidden;background:linear-gradient(145deg,#ffffff 0%,#fffbeb 100%)}.fan-favourite-card:before{content:"";position:absolute;width:90px;height:90px;right:-42px;bottom:-48px;border-radius:50%;background:rgba(245,158,11,.13);box-shadow:0 0 0 18px #f59e0b0e;transition:transform .5s cubic-bezier(.22,1,.36,1);pointer-events:none}.fan-favourite-card:hover:before{transform:translate(-8px,-8px) scale(1.12)}.fan-page-name{position:relative;z-index:1;font-size:17px;line-height:1.15;font-weight:700;letter-spacing:-.45px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fan-page-meta{position:relative;z-index:1;margin-top:6px;display:flex;align-items:center;gap:6px;color:var(--muted-fg);font-size:10px;font-weight:500}.fan-page-rank{display:inline-flex;align-items:center;gap:3px;min-height:20px;padding:0 7px;border-radius:999px;background:rgba(245,158,11,.13);color:#a16207;font-size:9px;font-weight:700;letter-spacing:.02em}.impersonation-return-card{display:flex;align-items:center;gap:10px;width:min(100%,360px);margin-top:18px;padding:10px;border:1px solid rgba(9,177,94,.2);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 12px 32px #11121314;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.impersonation-return-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:13px;background:rgba(9,177,94,.12);color:#087b44}.impersonation-return-icon i{font-size:17px}.impersonation-return-copy{display:grid;min-width:0;flex:1;gap:2px}.impersonation-return-copy strong,.impersonation-return-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impersonation-return-copy strong{color:var(--fg);font-size:12px;font-weight:800}.impersonation-return-copy small{color:var(--muted-fg);font-size:10px;font-weight:600}.page-card{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;padding:0!important;isolation:isolate;border-color:#11121313;background:rgba(255,255,255,.94);transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));box-shadow:0 10px 30px #1112130e,0 1px 2px #1112130d}.page-card:hover{transform:perspective(1100px) translateY(-7px) rotateX(var(--rx)) rotateY(var(--ry));border-color:#09b15e38;box-shadow:0 24px 56px #1112131f,0 5px 16px #1112130f}.page-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;opacity:0;pointer-events:none;background:radial-gradient(220px circle at var(--mx) var(--my),rgba(255,255,255,.34),transparent 62%);transition:opacity .3s ease}.page-card:hover:after{opacity:1}.page-cover-large,.page-cover-small{position:relative;overflow:hidden;flex-shrink:0}.page-cover-large{height:120px}.page-cover-small{height:66px}.page-cover-green{background:linear-gradient(135deg,#062f20 0%,#09B15E 56%,#55d995 100%)}.page-cover-purple{background:linear-gradient(135deg,#29235c 0%,#6366f1 56%,#a5b4fc 100%)}.page-cover-amber{background:linear-gradient(135deg,#5e3210 0%,#f59e0b 58%,#fcd34d 100%)}.page-cover-slate{background:linear-gradient(135deg,#334155 0%,#64748b 58%,#cbd5e1 100%)}.page-cover-large:before,.page-cover-small:before{content:"";position:absolute;width:170px;height:170px;right:-62px;top:-105px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 28px #ffffff12,0 0 0 58px #ffffff0a;transition:transform .7s cubic-bezier(.22,1,.36,1)}.page-card:hover .page-cover-large:before,.page-card:hover .page-cover-small:before{transform:translate(-12px,12px) scale(1.08)}.page-cover-large:after,.page-cover-small:after{content:"";position:absolute;top:-40%;right:-20%;bottom:-40%;left:-20%;background:linear-gradient(100deg,transparent 32%,rgba(255,255,255,.2) 48%,transparent 64%);transform:translate(-65%) rotate(5deg);transition:transform .9s ease}.page-card:hover .page-cover-large:after,.page-card:hover .page-cover-small:after{transform:translate(65%) rotate(5deg)}.cover-wordmark{position:absolute;left:18px;bottom:16px;z-index:2;color:#fffffff0;font-size:12px;font-weight:600;letter-spacing:.02em;display:flex;align-items:center;gap:7px}.cover-wordmark-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 0 0 5px #ffffff24;animation:statusPulse 2.2s ease-in-out infinite}.page-status{position:absolute;z-index:4;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 9px;border-radius:999px;color:#fff;background:rgba(8,20,15,.28);border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:10px;font-weight:600;box-shadow:0 4px 14px #0000001a}.page-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#bbf7d0;box-shadow:0 0 0 3px #bbf7d02e}.page-status-draft:before{background:#e2e8f0;box-shadow:0 0 0 3px #e2e8f029}.featured-profile{display:flex;align-items:flex-end;gap:12px;margin-top:-25px;position:relative;z-index:3}.featured-avatar{width:54px;height:54px;border-radius:16px;overflow:hidden;flex-shrink:0;border:4px solid #fff;box-shadow:0 9px 24px #11121329;transition:transform .4s cubic-bezier(.22,1,.36,1)}.featured-avatar img{width:100%;height:100%;object-fit:cover;display:block}.page-card:hover .featured-avatar{transform:translateY(-3px) rotate(-2deg)}.page-card-content{padding:0 18px 18px;display:flex;flex-direction:column;min-height:0;flex:1}.featured-card-content{gap:14px}.page-name{font-size:15px;font-weight:700;letter-spacing:-.35px;color:var(--fg)}.page-url{margin-top:3px;font-size:11px;color:var(--muted-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-url strong{color:#3f464d;font-weight:500}.page-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.page-metric{padding:10px 8px;border-radius:12px;background:#f7f9f8;border:1px solid rgba(17,18,19,.055);text-align:center;transition:transform .3s ease,background .3s ease,border-color .3s ease}.page-card:hover .page-metric{background:#fff;border-color:#09b15e21}.page-card:hover .page-metric:nth-child(1){transform:translateY(-2px)}.page-card:hover .page-metric:nth-child(2){transform:translateY(-4px)}.page-card:hover .page-metric:nth-child(3){transform:translateY(-2px)}.page-metric-value{font-size:17px;font-weight:700;letter-spacing:-.45px;font-variant-numeric:tabular-nums}.page-metric-label{margin-top:2px;color:var(--muted-fg);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.featured-trend{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-radius:12px;background:linear-gradient(90deg,rgba(9,177,94,.08),rgba(9,177,94,.025));border:1px solid rgba(9,177,94,.1);font-size:11px;color:var(--muted-fg)}.featured-trend strong{color:#15803d;font-size:11px}.page-actions{margin-top:auto;display:flex;gap:8px}.page-actions .btn:first-child{flex:1}.compact-page-body{padding:0 14px 14px;display:flex;flex-direction:column;flex:1;min-height:0}.compact-icon{width:34px;height:34px;margin-top:-17px;margin-bottom:7px;position:relative;z-index:3;border-radius:11px;display:grid;place-items:center;color:#fff;border:3px solid #fff;box-shadow:0 7px 16px #11121329;transition:transform .4s cubic-bezier(.22,1,.36,1)}.page-card:hover .compact-icon{transform:translateY(-3px) rotate(-5deg) scale(1.05)}.compact-icon svg{width:15px;height:15px}.compact-icon-purple{background:#4f46e5}.compact-icon-amber{background:#d97706}.compact-icon-slate{background:#475569}.compact-page-title{font-size:12px;font-weight:700;letter-spacing:-.15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-page-url{margin-top:2px;color:var(--muted-fg);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-page-empty{overflow:hidden;border-style:dashed;border-color:#09b15e38;background:radial-gradient(circle at 12% 16%,rgba(9,177,94,.12),transparent 28%),radial-gradient(circle at 88% 6%,rgba(124,92,229,.1),transparent 24%),var(--card-bg)}.compact-page-empty .compact-page-body{position:relative;justify-content:center;padding:16px}.compact-empty-icon{display:grid;width:34px;height:34px;place-items:center;margin-bottom:10px;border:1px solid rgba(9,177,94,.18);border-radius:14px;background:rgba(9,177,94,.1);color:#087b44;box-shadow:inset 0 1px #ffffff73,0 10px 24px #09b15e1f}.compact-empty-icon i{font-size:17px}.compact-page-empty .compact-page-title{font-size:14px;font-weight:800}.compact-page-empty .compact-page-url{max-width:260px;margin-top:5px;font-size:11px;line-height:1.45;white-space:normal}.compact-page-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.compact-stats{display:flex;align-items:center;gap:9px;color:#59616a;font-size:10px;font-weight:600}.compact-stat{display:inline-flex;align-items:center;gap:3px}.compact-stat svg{width:11px;height:11px}.draft-page{opacity:1!important;background:rgba(255,255,255,.78)}.draft-page .page-cover-small{filter:saturate(.55)}.draft-empty{color:#94a3b8;font-size:10px;font-weight:500}.add-card-premium{padding:14px!important;border:1px dashed rgba(9,177,94,.36);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(9,177,94,.34),rgba(99,102,241,.22)) border-box;text-align:center}.add-card-premium:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 180deg,transparent,rgba(9,177,94,.1),transparent 36%);animation:rotateGlow 8s linear infinite;pointer-events:none}.add-card-premium>*{position:relative;z-index:2}.add-card-premium .add-icon-wrap{width:46px;height:46px;background:linear-gradient(145deg,#e9fff3,#dff9eb);box-shadow:inset 0 0 0 1px #09b15e14,0 10px 24px #09b15e21;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.add-card-premium:hover .add-icon-wrap{transform:rotate(90deg) scale(1.08);box-shadow:inset 0 0 0 1px #09b15e1a,0 16px 30px #09b15e33}.add-card-title{font-size:12px;font-weight:700;color:#30363b}.add-card-copy{max-width:125px;color:var(--muted-fg);font-size:10px;line-height:1.45}@keyframes logoArrival{0%{opacity:0;transform:translateY(18px) scale(.9) rotate(-5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes logoFloat{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes headingArrival{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes sectionArrival{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes cardReveal{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes barGrow{0%{transform:scaleY(.12);opacity:.35}to{transform:scaleY(1);opacity:1}}@keyframes ambientFloat{0%{transform:translate3d(0,-20px,0) scale(.9)}to{transform:translate3d(-70px,55px,0) scale(1.12)}}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.65}}@keyframes rotateGlow{to{transform:rotate(360deg)}}@media (min-width: 1280px){.bento-content{padding-top:72px}.page-heading h1{font-size:44px}.page-heading p{font-size:20px;line-height:1.6}}@media (max-width: 1279px){.page-heading{margin-bottom:16px}.left-panel,.bento-container{max-width:1120px}.left-panel{justify-content:flex-start;align-items:flex-start}.left-inner{padding-inline:0}.bento-content{padding-top:18px}}@media (min-width: 768px) and (max-width: 1279px){.left-panel{padding:48px 48px 0}.bento-container{padding:0 48px 48px}.logo-wrap{width:140px;height:140px}.logo-wrap svg,.logo-wrap img{width:108px;height:108px;object-fit:contain}.page-heading{max-width:680px;margin-top:18px}.page-heading h1{font-size:40px;letter-spacing:-1.7px}.page-heading p{max-width:650px;font-size:18px;line-height:1.65}.bento-content{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(190px,auto);gap:20px}.col-1{grid-column:span 1}.col-2,.col-4{grid-column:span 2}.row-1{grid-row:span 1}.row-2{grid-row:span 2}.featured-page{min-height:400px}}@media (min-width: 1024px) and (max-width: 1279px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:187px;gap:22px}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-4{grid-column:span 4}.row-1{grid-row:span 1}.row-2{grid-row:span 2}}@media (max-width: 767px){.left-panel{max-width:100%;padding:0}.left-inner{padding:48px 24px 0}.logo-wrap{width:104px;height:104px}.logo-wrap svg,.logo-wrap img{width:80px;height:80px;object-fit:contain}.page-heading{width:100%;margin:32px 0 30px}.page-heading h1{font-size:32px;letter-spacing:-1.2px;line-height:1.1}.page-heading p{max-width:560px;margin-top:12px;font-size:18px;line-height:1.55}.bento-container{max-width:100%;padding:0 24px 36px}.bento-content{width:100%;padding-top:8px;padding-bottom:24px}.bento-content>*+*{margin-top:32px}.section>*+*{margin-top:14px}.section-header{flex-wrap:wrap;row-gap:10px}.section-header h2{font-size:19px}.grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:16px}.col-1,.col-2,.col-4{grid-column:1/-1}.row-1,.row-2{grid-row:auto}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.overview-grid .total-clicks-card{grid-column:1/-1}.overview-grid .card:not(.total-clicks-card){grid-column:span 1;min-height:174px;padding:14px}.overview-grid .card:not(.total-clicks-card) .card-title{font-size:11px}.pages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.pages-grid .featured-page{grid-column:1/-1}.pages-grid .compact-page,.pages-grid .add-card-premium{grid-column:span 1}.card{height:auto;min-height:168px;padding:17px;border-radius:18px}.featured-page{min-height:430px}.compact-page,.add-card-premium{min-height:220px}.page-cover-large{height:116px}.page-cover-small{height:72px}.page-card-content{padding:0 16px 16px}.featured-card-content{gap:12px}.page-metrics{gap:6px}.page-metric{padding:9px 5px}.page-metric-value{font-size:15px}.page-actions{flex-wrap:wrap}.page-actions .btn:first-child{flex:1 1 calc(100% - 88px)}.compact-page-body{padding:0 11px 12px}.compact-page-title{font-size:11px}.compact-page-url{font-size:9px}.compact-page-footer{gap:5px}.compact-stats{gap:5px;font-size:9px}.compact-stat{gap:2px}.draft-empty{font-size:9px;line-height:1.2}.add-card-premium{padding:12px!important}.add-card-premium .add-icon-wrap{width:42px;height:42px}.add-card-title{font-size:11px}.add-card-copy{max-width:120px;font-size:9px}.tile-wrap{width:38px;height:38px}.tile svg,.tile img{width:18px;height:18px}.footer-inner{flex-wrap:wrap;padding-inline:20px;row-gap:10px}}@media (max-width: 380px){.left-panel,.bento-container{padding-inline:16px}.page-heading h1{font-size:32px}.page-heading p{font-size:18px}.section-header .btn{min-height:34px}.page-metric-label{font-size:8px;letter-spacing:.035em}.featured-profile{gap:9px}.featured-avatar{width:50px;height:50px}}@media (hover: none),(pointer: coarse){.card:hover,.page-card:hover,.card:hover .tile{transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.page-card,.page-card:hover{transform:none!important}}.dashboard-index-page .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px;width:auto;max-width:none;max-height:none;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}.dashboard-index-page .modal.is-open{visibility:visible;opacity:1;pointer-events:auto}.dashboard-index-page .modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;padding:0;background:rgba(7,8,9,.58);opacity:0;pointer-events:auto;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:opacity .3s ease}.dashboard-index-page .modal.is-open .modal-backdrop{opacity:1}.dashboard-index-page .modal-dialog{position:relative;z-index:1;width:min(100%,650px);max-height:min(90vh,820px);overflow:auto;overscroll-behavior:contain;border-radius:30px;background:var(--card);box-shadow:0 34px 110px #00000040,0 10px 30px #0000001c;opacity:0;transform:translateY(22px) scale(.965) rotateX(2deg);transform-origin:50% 75%;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .25s ease}.dashboard-index-page .modal.is-open .modal-dialog{opacity:1;transform:translateY(0) scale(1) rotateX(0)}.upgrade-checkout-component .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:grid;width:auto;max-width:none;max-height:none;place-items:center;padding:24px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .24s ease,visibility .24s ease;transform:initial}.upgrade-checkout-component .modal.is-open{visibility:visible;opacity:1;pointer-events:auto}.upgrade-checkout-component .modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;padding:0;background:rgba(7,8,9,.58);opacity:0;pointer-events:auto;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:opacity .3s ease}.upgrade-checkout-component .modal.is-open .modal-backdrop{opacity:1}.upgrade-checkout-component .modal-dialog{position:relative;z-index:1;width:min(100%,980px);max-height:min(92vh,900px);overflow:hidden auto;overscroll-behavior:contain;border-radius:30px;background:var(--card);box-shadow:0 34px 110px #00000040,0 10px 30px #0000001c;opacity:0;transform:translateY(22px) scale(.965) rotateX(2deg);transform-origin:50% 75%;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .25s ease}.upgrade-checkout-component .modal.is-open .modal-dialog{opacity:1;transform:translateY(0) scale(1) rotateX(0)}html[data-theme=dark] .upgrade-checkout-component .modal-dialog{border-color:#ffffff1c;background:var(--card);box-shadow:0 34px 110px #0000007a,0 10px 30px #00000047}.dashboard-index-page .upgrade-modal-dialog{width:min(100%,980px)}html[data-theme=dark] .dashboard-index-page .modal-dialog{border-color:#ffffff1c;background:var(--card);box-shadow:0 34px 110px #0000007a,0 10px 30px #00000047}@media (max-width: 560px){.upgrade-checkout-component .modal{align-items:end;padding:10px}.upgrade-checkout-component .modal-dialog{width:100%;max-height:92vh;border-radius:26px}.dashboard-index-page .modal{align-items:end;padding:10px}.dashboard-index-page .modal-dialog{width:100%;max-height:92vh;border-radius:26px}}.form-group+.form-group{margin-top:18px}.form-label{display:block;margin-bottom:8px;font-size:12px;font-weight:650;color:var(--fg)}.form-control{width:100%;min-height:46px;padding:0 14px;border:1px solid rgba(0,0,0,.11);border-radius:13px;background:#fff;color:var(--fg);font:inherit;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.form-control:focus{border-color:#09b15ea6;box-shadow:0 0 0 4px #09b15e1f}.slug-field{display:flex;align-items:center;min-height:46px;overflow:hidden;border:1px solid rgba(0,0,0,.11);border-radius:13px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.slug-field:focus-within{border-color:#09b15ea6;box-shadow:0 0 0 4px #09b15e1f}.slug-prefix{align-self:stretch;display:inline-flex;align-items:center;padding:0 0 0 14px;color:#8a8f98;font-size:13px;white-space:nowrap}.slug-field input{min-width:0;flex:1;height:44px;padding:0 14px 0 3px;border:0;outline:0;background:transparent;font:inherit;font-size:13px;font-weight:600}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.template-option{position:relative;min-width:0;padding:10px;border:1px solid rgba(0,0,0,.09);border-radius:15px;background:#fff;cursor:pointer;text-align:left;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease}.template-option:hover{transform:translateY(-2px);border-color:#00000029}.template-option.is-selected{border-color:#09b15ea8;box-shadow:0 0 0 3px #09b15e1c}.template-preview{height:74px;overflow:hidden;position:relative;border-radius:10px;background:#f1f3f4}.template-preview:before,.template-preview:after{content:"";position:absolute;left:10px;border-radius:999px;background:rgba(255,255,255,.88)}.template-preview:before{top:13px;width:28px;height:28px;border-radius:9px}.template-preview:after{top:49px;width:calc(100% - 20px);height:8px}.template-personal{background:linear-gradient(135deg,#111827,#374151)}.template-portfolio{background:linear-gradient(135deg,#6957f5,#9a7bff)}.template-store{background:linear-gradient(135deg,#f59e0b,#f97316)}.template-blank{background:linear-gradient(135deg,#eef1f3,#dfe4e7)}.template-label{display:block;margin-top:9px;font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(0,0,0,.07)}.modal-actions .btn{min-height:42px}.billing-toggle{display:inline-flex;padding:4px;border-radius:13px;background:#f1f2f3}.billing-option{min-height:34px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:var(--muted-fg);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.billing-option.is-active{background:#fff;color:var(--fg);box-shadow:0 2px 8px #00000014}.upgrade-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px;border:1px solid rgba(0,0,0,.08);border-radius:19px;background:linear-gradient(135deg,#fbfbfb,#f3f4f5)}.plan-name{font-size:13px;font-weight:700}.plan-price{display:flex;align-items:flex-end;gap:5px;margin-top:5px}.plan-price strong{font-size:36px;line-height:1;letter-spacing:-1.8px}.plan-price span{padding-bottom:4px;color:var(--muted-fg);font-size:12px}.savings-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:10px;font-weight:700}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 16px;margin-top:18px}.feature-item{display:flex;align-items:flex-start;gap:9px;min-width:0;color:#34373c;font-size:12px;line-height:1.45}.feature-check{width:20px;height:20px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:7px;background:#e8faef;color:#07884a}.feature-check svg{width:12px;height:12px}.modal-note{margin-top:15px;padding:11px 13px;border-radius:12px;background:#f7f8f8;color:var(--muted-fg);font-size:11px;line-height:1.5}.toast{position:fixed;left:50%;bottom:24px;z-index:1100;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:13px;background:#111213;color:#fff;font-size:12px;font-weight:600;box-shadow:0 14px 34px #00000038;opacity:0;transform:translate(-50%,14px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}.create-page-dialog{width:min(100%,660px);overflow:hidden;border:0;border-radius:30px;background:#fff;box-shadow:0 34px 110px #00000040,0 10px 30px #0000001c}.create-modal-top{position:relative;min-height:244px;padding:30px 76px 30px 30px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#08080a 0%,#161619 58%,#242429 100%)}.create-modal-top:before{content:"";position:absolute;width:210px;height:210px;right:-58px;top:-76px;border:22px solid rgba(255,255,255,.075);border-radius:44% 56% 62% 38%/40% 38% 62% 60%;transform:rotate(18deg);animation:createBlobDrift 8s ease-in-out infinite alternate}.create-modal-top:after{content:"";position:absolute;width:92px;height:92px;right:95px;bottom:-48px;border-radius:50%;background:#09B15E;opacity:.92;animation:createBubbleFloat 5.5s ease-in-out infinite}.create-modal-close{position:absolute;top:20px;right:20px;z-index:4;border-color:#ffffff24;background:rgba(255,255,255,.09);color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.create-modal-close:hover{background:rgba(255,255,255,.16);border-color:#ffffff3d}.create-modal-brand{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;margin-bottom:24px}.create-modal-mark{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px 16px 13px 17px/15px 13px 17px 14px;background:#fff;color:#0b0b0d;transform:rotate(-5deg);box-shadow:inset 0 -5px 9px #00000014;animation:createMarkBob 4.4s ease-in-out infinite}.create-modal-mark svg{width:24px;height:24px}.create-modal-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.08);color:#ffffffd1;font-size:11px;font-weight:650}.create-modal-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:#09B15E;box-shadow:0 0 0 4px #09b15e2b}.create-modal-copy{position:relative;z-index:2;max-width:490px}.create-modal-copy h2{max-width:470px;font-size:clamp(28px,5vw,38px);line-height:1.02;letter-spacing:-1.6px;text-wrap:balance}.create-modal-copy p{max-width:460px;margin-top:12px;color:#ffffffab;font-size:14px;line-height:1.65}.create-spark{position:absolute;z-index:2;display:grid;place-items:center;color:#111213;background:#fff;box-shadow:0 8px 20px #0003}.create-spark-one{width:34px;height:34px;right:88px;top:82px;border-radius:50%;transform:rotate(10deg);animation:createSparkFloat 4.8s ease-in-out infinite}.create-spark-two{width:27px;height:27px;right:40px;bottom:40px;border-radius:9px 11px 8px 12px;transform:rotate(-13deg);animation:createSparkFloat 4.8s .7s ease-in-out infinite reverse}.create-modal-form{position:relative;padding:26px 30px 30px;background:#fff}.create-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:5px;margin-bottom:18px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#f4f5f6}.create-mode-tab{height:42px;border:0;border-radius:999px;background:transparent;color:#737982;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:750;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.create-mode-tab i{font-size:17px}.create-mode-tab.is-active{background:#101113;color:#fff;box-shadow:0 10px 24px #1112131f}.create-mode-tab:active{transform:scale(.98)}.create-form-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.create-form-intro strong{display:block;font-size:15px;letter-spacing:-.25px}.create-form-intro span{display:block;margin-top:3px;color:var(--muted-fg);font-size:12px}.create-time-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#f1faf5;color:#087844;font-size:11px;font-weight:700}.create-time-pill svg{width:13px;height:13px}.create-field-card{position:relative;padding:14px 15px 15px;border:1px solid rgba(0,0,0,.09);border-radius:18px;background:#fbfbfc;transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease,background .2s ease}.create-field-card+.create-field-card{margin-top:12px}.create-field-card:focus-within{transform:translateY(-2px);border-color:#09b15e8c;background:#fff;box-shadow:0 12px 28px #11121312,0 0 0 4px #09b15e17}.create-field-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.create-field-card .form-label{margin:0;font-size:11px;letter-spacing:.02em;text-transform:uppercase}.create-field-hint{color:#a0a4aa;font-size:10px}.create-name-input,.create-slug-input,.create-ai-prompt{width:100%;padding:0;border:0;outline:0;background:transparent;color:var(--fg);font:inherit}.create-name-input,.create-slug-input{height:36px;font-size:18px;font-weight:650;letter-spacing:-.35px}.create-ai-prompt{resize:vertical;min-height:132px;font-size:14px;line-height:1.55;font-weight:550}.create-name-input::placeholder,.create-slug-input::placeholder,.create-ai-prompt::placeholder{color:#c2c5ca}.create-url-row{display:flex;align-items:center;min-width:0}.create-url-prefix{flex:0 0 auto;color:#8d9299;font-size:16px;font-weight:550}.create-ai-preview{display:flex;align-items:flex-start;gap:12px;margin-top:13px;padding:14px;border:1px solid rgba(9,177,94,.16);border-radius:18px;background:#f1faf5;color:#087844}.create-ai-preview i{width:32px;height:32px;border-radius:12px;background:#09B15E;color:#fff;display:grid;place-items:center;flex:0 0 auto;font-size:17px}.create-ai-preview strong{display:block;font-size:13px;font-weight:800}.create-ai-preview span{display:block;margin-top:3px;font-size:12px;line-height:1.45;color:#3c8060}.create-slug-input{min-width:0;flex:1;margin-left:2px;font-size:16px}.create-live-preview{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px;overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:linear-gradient(135deg,#f7f8f8 0%,#fff 70%)}.create-live-preview:after{content:"";position:absolute;width:70px;height:70px;right:-30px;top:-30px;border-radius:50%;background:rgba(9,177,94,.12)}.create-preview-avatar{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px 16px 13px 17px/15px 13px 17px 14px;background:#111213;color:#fff;font-size:17px;font-weight:800;transform:rotate(-3deg)}.create-preview-copy{min-width:0;flex:1}.create-preview-name{display:block;overflow:hidden;color:var(--fg);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.create-preview-url{display:block;margin-top:3px;overflow:hidden;color:var(--muted-fg);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.create-ready{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#e8f8ef;color:#087844;font-size:10px;font-weight:750}.create-ready:before{content:"";width:6px;height:6px;border-radius:50%;background:#09B15E}.create-modal-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:20px;padding:0;border:0}.create-modal-actions .btn{min-height:48px;border-radius:15px}.create-submit{position:relative;overflow:hidden;font-size:14px;font-weight:700}.create-submit:after{content:"";position:absolute;width:120px;height:120px;right:-90px;bottom:-90px;border-radius:50%;background:rgba(255,255,255,.16);transition:transform .35s cubic-bezier(.22,1,.36,1)}.create-submit:hover:after{transform:scale(2.5)}.create-submit>*{position:relative;z-index:1}@keyframes createBlobDrift{0%{transform:rotate(18deg) translateZ(0)}to{transform:rotate(30deg) translate3d(-10px,12px,0)}}@keyframes createBubbleFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.04)}}@keyframes createMarkBob{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(2deg) translateY(-4px)}}@keyframes createSparkFloat{0%,to{translate:0 0}50%{translate:0 -8px}}@media (prefers-reduced-motion: reduce){.create-modal-top:before,.create-modal-top:after,.create-modal-mark,.create-spark{animation:none}}@media (max-width: 640px){.modal{place-items:end center;padding:12px}.modal-dialog{width:100%;max-height:calc(100dvh - 24px);border-radius:24px;transform:translateY(28px) scale(.985)}.create-page-dialog{border-radius:26px}.create-modal-top{min-height:218px;padding:24px 58px 25px 22px}.create-modal-close{top:15px;right:15px}.create-modal-brand{margin-bottom:19px}.create-modal-mark{width:40px;height:40px}.create-modal-copy h2{max-width:330px;font-size:29px;letter-spacing:-1.2px}.create-modal-copy p{margin-top:9px;font-size:12px;line-height:1.55}.create-spark-one{right:60px;top:74px}.create-spark-two{right:25px;bottom:30px}.create-modal-form{padding:21px 18px 20px}.create-form-intro{align-items:flex-start}.create-time-pill{padding:7px 9px}.create-name-input{font-size:17px}.create-url-prefix,.create-slug-input{font-size:14px}.create-modal-actions{grid-template-columns:1fr}.create-modal-actions [data-modal-close]{order:2}.modal-header{padding:20px 18px 15px}.modal-title{font-size:21px}.modal-body{padding:18px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-preview{height:82px}.feature-list{grid-template-columns:1fr}.upgrade-hero{align-items:flex-start;flex-direction:column}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions .btn{width:100%}}@media (max-width: 370px){.modal{padding:8px}.modal-dialog{max-height:calc(100dvh - 16px)}.modal-header,.modal-body{padding-left:15px;padding-right:15px}.slug-prefix{font-size:11px}}:root{color-scheme:light;--surface-soft: #f5f6f7;--surface-muted: #eef0f1;--elevated: #ffffff;--line: rgba(0, 0, 0, .08)}:root[data-theme=dark]{color-scheme:dark;--bg: #0d0e10;--fg: #f4f5f6;--muted-fg: #9ca2aa;--card: #17191c;--card-border: rgba(255, 255, 255, .085);--card-shadow: 0 2px 4px rgba(0, 0, 0, .28), 0 1px 1px rgba(0, 0, 0, .22);--surface-soft: #1d2024;--surface-muted: #24272c;--elevated: #181a1e;--line: rgba(255, 255, 255, .085)}body,.card,.modal-dialog,.create-modal-form,.theme-toggle,.form-control,.slug-field,.create-field-card,.create-live-preview,.page-card,.page-metric,.billing-toggle,.billing-option,.plan-card{transition:background-color .32s ease,color .32s ease,border-color .32s ease,box-shadow .32s ease}.theme-toggle{position:fixed;z-index:900;top:24px;right:24px;width:58px;height:34px;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 8px 24px #1112131a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}.theme-toggle-track{position:relative;display:block;width:100%;height:100%;border-radius:inherit;background:#edf0f1}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#111213;box-shadow:0 3px 9px #00000026;transition:transform .38s cubic-bezier(.22,1,.36,1),background .3s ease,color .3s ease}.theme-icon{position:absolute;width:13px;height:13px;transition:opacity .2s ease,transform .3s ease}.theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}.theme-icon-moon{opacity:0;transform:rotate(-20deg) scale(.55)}:root[data-theme=dark] .theme-toggle{background:rgba(28,30,34,.86);box-shadow:0 8px 26px #0000005c}:root[data-theme=dark] .theme-toggle-track{background:#111316}:root[data-theme=dark] .theme-toggle-thumb{transform:translate(24px);background:#25282d;color:#f7f8f8}:root[data-theme=dark] .theme-icon-sun{opacity:0;transform:rotate(30deg) scale(.55)}:root[data-theme=dark] .theme-icon-moon{opacity:1;transform:rotate(0) scale(1)}.upgrade-modal-dialog{width:min(100%,860px);max-height:min(92vh,900px);overflow:hidden auto;border-radius:30px}.upgrade-modal-header{position:relative;min-height:210px;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:30px;color:#fff;background:linear-gradient(145deg,#08080a 0%,#17171a 58%,#25252a 100%)}.upgrade-modal-header:after{content:"";position:absolute;width:190px;height:190px;right:165px;bottom:-125px;border-radius:44% 56% 48% 52%/58% 42%;background:#09B15E;opacity:.92;transform:rotate(-18deg)}.upgrade-orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}.upgrade-orbit-one{width:210px;height:210px;right:-70px;top:-90px;box-shadow:0 0 0 28px #ffffff09,0 0 0 56px #ffffff06}.upgrade-orbit-two{width:58px;height:58px;left:48%;top:34px;background:rgba(255,255,255,.055);animation:createBubbleFloat 5.5s ease-in-out infinite}.upgrade-header-content{position:relative;z-index:2;max-width:535px}.upgrade-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#ffffffb8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.upgrade-kicker span{width:8px;height:8px;border-radius:50%;background:#09B15E;box-shadow:0 0 0 5px #09b15e2e}.upgrade-modal-header .modal-title{max-width:520px;color:#fff;font-size:clamp(29px,4vw,39px);line-height:1.02;letter-spacing:-1.7px}.upgrade-modal-header .modal-subtitle{max-width:510px;margin-top:12px;color:#ffffffa3;font-size:13px;line-height:1.6}.upgrade-header-tools{position:relative;z-index:3;display:flex;align-items:center;gap:10px}.upgrade-modal-header .billing-toggle{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1)}.upgrade-modal-header .billing-option{color:#ffffff9e}.upgrade-modal-header .billing-option.is-active{background:#fff;color:#111213;box-shadow:none}.upgrade-modal-close{border-color:#ffffff21;background:rgba(255,255,255,.08);color:#fff}.upgrade-modal-close:hover{border-color:#ffffff38;background:rgba(255,255,255,.15)}.upgrade-modal-body{padding:24px 26px 26px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.plan-card{position:relative;min-width:0;min-height:330px;padding:18px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:22px;background:var(--elevated);color:var(--fg);font:inherit;text-align:left;cursor:pointer;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .25s ease,box-shadow .35s ease,background-color .3s ease}.plan-card:after{content:"";position:absolute;width:95px;height:95px;right:-48px;bottom:-50px;border-radius:50%;background:rgba(9,177,94,.07);box-shadow:0 0 0 20px #09b15e06;transition:transform .45s cubic-bezier(.22,1,.36,1)}.plan-card:hover{transform:translateY(-5px);border-color:#09b15e47;box-shadow:0 18px 40px #1112131a}.plan-card:hover:after{transform:translate(-8px,-8px) scale(1.1)}.plan-card.is-selected{border-color:#09b15e9e;box-shadow:0 0 0 4px #09b15e1a,0 18px 44px #11121317}.plan-card.is-popular{background:linear-gradient(150deg,rgba(9,177,94,.07),var(--elevated) 48%)}.plan-card.is-current-plan{border-color:#6366f161;background:linear-gradient(150deg,rgba(99,102,241,.07),var(--elevated) 48%);cursor:default}.plan-card.is-current-plan:hover{transform:none;box-shadow:none}.popular-ribbon{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;min-height:24px;align-items:center;padding:0 9px;border-radius:999px;background:#111213;color:#fff;font-size:9px;font-weight:750}.current-plan-ribbon{background:#6366f1}.plan-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px 16px 13px 17px/15px 13px 17px 14px;color:#fff;box-shadow:inset 0 -5px 8px #0000001f;transform:rotate(-3deg)}.plan-card-icon svg{width:19px;height:19px}.plan-card-icon-creator{background:#6366f1}.plan-card-icon-pro{background:#09B15E}.plan-card-icon-studio{background:#f59e0b}.plan-card-topline{display:flex;flex-direction:column;gap:4px;margin-top:15px}.plan-card-name{font-size:17px;font-weight:750;letter-spacing:-.35px}.plan-card-badge{color:var(--muted-fg);font-size:10px;font-weight:650}.plan-card-copy{min-height:50px;margin-top:9px;color:var(--muted-fg);font-size:11px;line-height:1.5}.plan-card-price{display:flex;align-items:flex-end;gap:5px;margin-top:12px}.plan-card-price strong{font-size:32px;line-height:1;letter-spacing:-1.5px}.plan-card-price small{padding-bottom:3px;color:var(--muted-fg);font-size:10px}.plan-card-billed{margin-top:4px;color:var(--muted-fg);font-size:9px}.plan-card-features{display:grid;gap:7px;margin-top:16px;color:var(--fg);font-size:10px}.plan-card-features span{display:flex;align-items:center;gap:7px}.plan-card-features i{width:17px;height:17px;display:grid;place-items:center;border-radius:6px;background:rgba(9,177,94,.1);color:var(--primary-hover);font-style:normal;font-size:10px;font-weight:800}.plan-card-select{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:17px;color:var(--muted-fg);font-size:10px;font-weight:700}.plan-card-select i{width:18px;height:18px;display:inline-block;border:1.5px solid var(--line);border-radius:50%;background:var(--elevated);box-shadow:inset 0 0 0 4px var(--elevated)}.plan-card.is-selected .plan-card-select{color:var(--primary-hover)}.plan-card.is-selected .plan-card-select i{border-color:var(--primary);background:var(--primary)}.upgrade-selection-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:15px 17px;border:1px solid var(--line);border-radius:17px;background:var(--surface-soft)}.upgrade-summary-label{display:block;margin-bottom:4px;color:var(--muted-fg);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.upgrade-selection-summary strong{font-size:12px}.upgrade-summary-dot{color:var(--muted-fg)}.upgrade-summary-price{display:flex;align-items:flex-end;gap:4px}.upgrade-summary-price strong{font-size:24px;line-height:1;letter-spacing:-.8px}.upgrade-summary-price span{color:var(--muted-fg);font-size:10px}.upgrade-note-row{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--muted-fg);font-size:10px;line-height:1.45}.upgrade-actions{margin-top:18px}.upgrade-actions .btn-primary{min-width:170px}.upgrade-checkout-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}.upgrade-checkout-summary>div{min-width:0}.upgrade-checkout-summary strong,.upgrade-checkout-summary small{display:block}.upgrade-checkout-summary strong{color:var(--fg);font-size:14px}.upgrade-checkout-summary small{margin-top:3px;color:var(--muted-fg);font-size:10px}.upgrade-back-button{display:inline-flex;min-height:36px;align-items:center;gap:5px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--elevated);color:var(--fg);font:inherit;font-size:10px;font-weight:700;cursor:pointer}.upgrade-back-button svg{width:14px;height:14px}.upgrade-checkout-total{text-align:right}.upgrade-checkout-total span{display:block;margin-bottom:3px;color:var(--muted-fg);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.upgrade-checkout-total strong{font-size:20px;letter-spacing:-.6px}.upgrade-gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.upgrade-gateway-card{display:flex;min-width:0;min-height:92px;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--elevated);color:var(--fg);font:inherit;text-align:left;cursor:pointer;transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .25s ease,background-color .2s ease}.upgrade-gateway-card:hover{transform:translateY(-2px);border-color:#09b15e5c;box-shadow:0 12px 28px #11121314}.upgrade-gateway-card.is-selected{border-color:#09b15ea6;background:rgba(9,177,94,.055);box-shadow:0 0 0 4px #09b15e17}.upgrade-gateway-logo{display:grid;width:54px;height:46px;flex:0 0 auto;place-items:center;padding:8px;border:1px solid var(--line);border-radius:13px;background:#fff}.upgrade-gateway-logo img{max-width:100%;max-height:100%;object-fit:contain}.upgrade-gateway-logo i{color:#111213;font-size:21px}.upgrade-gateway-copy{min-width:0;flex:1}.upgrade-gateway-copy strong,.upgrade-gateway-copy small{display:block}.upgrade-gateway-copy strong{font-size:13px}.upgrade-gateway-copy small{margin-top:4px;color:var(--muted-fg);font-size:10px;line-height:1.45}.upgrade-gateway-check{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border:1.5px solid var(--line);border-radius:50%;color:transparent;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.upgrade-gateway-check svg{width:13px;height:13px}.upgrade-gateway-card.is-selected .upgrade-gateway-check{border-color:var(--primary);background:var(--primary);color:#fff}.upgrade-secure-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;color:var(--muted-fg);font-size:10px}.upgrade-secure-note i{color:var(--primary-hover);font-size:14px}.upgrade-free-plan-note{display:flex;min-height:150px;align-items:center;justify-content:center;gap:14px;margin-top:18px;padding:24px;border:1px solid rgba(9,177,94,.24);border-radius:18px;background:rgba(9,177,94,.06)}.upgrade-free-plan-icon{display:grid!important;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:14px;background:var(--primary);color:#fff;font-size:20px}.upgrade-free-plan-note strong,.upgrade-free-plan-note span{display:block}.upgrade-free-plan-note strong{color:var(--fg);font-size:15px}.upgrade-free-plan-note div>span{margin-top:4px;color:var(--muted-fg);font-size:11px}.upgrade-checkout-spinner{width:16px;height:16px;animation:upgradeCheckoutSpin .8s linear infinite}.upgrade-empty-state{display:grid;min-height:260px;place-items:center;align-content:center;gap:8px;padding:30px;color:var(--muted-fg);text-align:center}.upgrade-empty-state strong{color:var(--fg);font-size:17px}.upgrade-empty-state span{max-width:390px;font-size:11px;line-height:1.6}.upgrade-empty-state .btn{margin-top:10px}@keyframes upgradeCheckoutSpin{to{transform:rotate(360deg)}}:root[data-theme=dark] body{background:var(--bg)}:root[data-theme=dark] .card:hover{border-color:#09b15e59;box-shadow:0 18px 46px #00000057,0 3px 10px #00000042}:root[data-theme=dark] .btn-ghost{color:var(--fg);border-color:var(--line)}:root[data-theme=dark] .btn-ghost:hover:not(:disabled){background:rgba(255,255,255,.07)}:root[data-theme=dark] .divider,:root[data-theme=dark] .divider-v{background:rgba(255,255,255,.08)}:root[data-theme=dark] .spark-b{background:#34373d}:root[data-theme=dark] .pill-gray{background:#24272c;color:#aeb4bc}:root[data-theme=dark] .url-strip{background:rgba(255,255,255,.06)}:root[data-theme=dark] .fan-favourite-card{background:linear-gradient(145deg,#181a1e 0%,#211d14 100%)}:root[data-theme=dark] .fan-page-rank{color:#f5bc55;background:rgba(245,158,11,.14)}:root[data-theme=dark] .impersonation-return-card{border-color:#12c76b3d;background:rgba(23,25,28,.78);box-shadow:0 14px 36px #00000047}:root[data-theme=dark] .impersonation-return-icon{background:rgba(18,199,107,.14);color:#63e6a3}.analytics-card-button{position:relative;z-index:1;width:max-content;margin-top:14px}:root[data-theme=dark] .page-card{background:rgba(23,25,28,.96);border-color:#ffffff13;box-shadow:0 10px 30px #0000003d,0 1px 2px #0003}:root[data-theme=dark] .page-card:hover{box-shadow:0 24px 56px #0000006b,0 5px 16px #00000040}:root[data-theme=dark] .page-card:after{background:radial-gradient(220px circle at var(--mx) var(--my),rgba(255,255,255,.09),transparent 62%)}:root[data-theme=dark] .featured-avatar,:root[data-theme=dark] .compact-icon{border-color:#17191c}:root[data-theme=dark] .page-url strong,:root[data-theme=dark] .compact-stats,:root[data-theme=dark] .add-card-title{color:#c4c9cf}:root[data-theme=dark] .page-metric{background:#1f2226;border-color:#ffffff0e}:root[data-theme=dark] .page-card:hover .page-metric{background:#24272c;border-color:#09b15e33}:root[data-theme=dark] .featured-trend{background:linear-gradient(90deg,rgba(9,177,94,.14),rgba(9,177,94,.045));border-color:#09b15e2b}:root[data-theme=dark] .featured-trend strong{color:#5ce49e}:root[data-theme=dark] .draft-page{background:rgba(23,25,28,.78)}:root[data-theme=dark] .add-card-premium{background:linear-gradient(#17191c,#17191c) padding-box,linear-gradient(135deg,rgba(9,177,94,.46),rgba(99,102,241,.32)) border-box}:root[data-theme=dark] .add-card-premium .add-icon-wrap{background:linear-gradient(145deg,#173426,#122b20)}:root[data-theme=dark] .footer-inner{color:#b4b9c0b8}:root[data-theme=dark] .modal-backdrop{background:rgba(0,0,0,.68)}:root[data-theme=dark] .modal-dialog,:root[data-theme=dark] .create-page-dialog{background:var(--card);border-color:var(--line);box-shadow:0 34px 110px #0000008f,0 10px 30px #00000057}:root[data-theme=dark] .modal-header{border-bottom-color:var(--line)}:root[data-theme=dark] .modal-close:not(.create-modal-close):not(.upgrade-modal-close){background:var(--surface-soft);border-color:var(--line);color:var(--fg)}:root[data-theme=dark] .modal-close:not(.create-modal-close):not(.upgrade-modal-close):hover{background:var(--surface-muted)}:root[data-theme=dark] .modal-actions{border-top-color:var(--line)}:root[data-theme=dark] .form-control,:root[data-theme=dark] .slug-field{background:var(--surface-soft);border-color:var(--line);color:var(--fg)}:root[data-theme=dark] .slug-field input{color:var(--fg)}:root[data-theme=dark] .create-modal-form{background:var(--card)}:root[data-theme=dark] .create-time-pill{background:rgba(9,177,94,.12);color:#61e7a4}:root[data-theme=dark] .create-field-card{background:#1b1e22;border-color:var(--line)}:root[data-theme=dark] .create-field-card:focus-within{background:#202328;box-shadow:0 12px 28px #0000003d,0 0 0 4px #09b15e1c}:root[data-theme=dark] .create-field-hint,:root[data-theme=dark] .create-url-prefix{color:#858b94}:root[data-theme=dark] .create-name-input::placeholder,:root[data-theme=dark] .create-slug-input::placeholder{color:#5f656e}:root[data-theme=dark] .create-live-preview{background:linear-gradient(135deg,#1a1d21 0%,#202328 70%);border-color:var(--line)}:root[data-theme=dark] .create-preview-avatar{background:#f5f6f7;color:#111213}:root[data-theme=dark] .create-ready{background:rgba(9,177,94,.13);color:#61e7a4}:root[data-theme=dark] .billing-toggle{background:var(--surface-muted)}:root[data-theme=dark] .billing-option.is-active{background:#34383e;color:#fff;box-shadow:0 2px 8px #00000038}:root[data-theme=dark] .plan-card:hover{box-shadow:0 18px 40px #00000059}:root[data-theme=dark] .plan-card.is-selected{box-shadow:0 0 0 4px #09b15e1f,0 18px 44px #00000052}:root[data-theme=dark] .popular-ribbon{background:#f5f6f7;color:#111213}:root[data-theme=dark] .plan-card-features i{color:#63eaa8;background:rgba(9,177,94,.15)}:root[data-theme=dark] .plan-card-select i{box-shadow:inset 0 0 0 4px var(--elevated)}:root[data-theme=dark] .upgrade-gateway-card:hover{box-shadow:0 12px 28px #00000047}:root[data-theme=dark] .upgrade-gateway-card.is-selected{background:rgba(9,177,94,.1)}:root[data-theme=dark] .toast{background:#f5f6f7;color:#111213}@media (max-width: 780px){.upgrade-modal-header{min-height:240px;flex-direction:column;padding:25px 22px}.upgrade-header-tools{width:100%;justify-content:space-between;order:-1}.upgrade-modal-header:after{right:-45px;bottom:-118px}.upgrade-orbit-two{left:auto;right:115px;top:78px}.plan-grid{grid-template-columns:1fr}.plan-card,.plan-card-copy{min-height:0}.plan-card-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.upgrade-gateway-grid{grid-template-columns:1fr}}@media (max-width: 520px){.theme-toggle{top:15px;right:15px}.upgrade-modal-dialog{border-radius:26px}.upgrade-modal-header{min-height:260px}.upgrade-modal-header .modal-title{font-size:30px}.upgrade-modal-body{padding:17px}.plan-card{padding:16px;border-radius:19px}.plan-card-features{grid-template-columns:1fr}.upgrade-selection-summary{align-items:flex-start}.upgrade-note-row{align-items:flex-start;flex-direction:column}.upgrade-actions{grid-template-columns:1fr}.upgrade-actions [data-modal-close]{order:2}.upgrade-actions .btn-primary{min-width:0}.upgrade-checkout-summary{grid-template-columns:1fr auto}.upgrade-checkout-summary .upgrade-back-button{grid-column:1/-1;justify-self:start}}.settings-dashboard-page{--muted: var(--muted-fg, #6b7280);--soft: var(--surface-soft, #f6f7f7);--border: var(--card-border, rgba(17, 18, 19, .09));--border-strong: rgba(17, 18, 19, .14);--danger: #dc2626;--radius-button: var(--radius-btn, 12px)}.settings-dashboard-page .section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-dashboard-page .section-header p{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}.settings-dashboard-page .settings-grid{display:grid;grid-template-columns:1fr;gap:16px}.settings-dashboard-page .settings-grid.two{grid-template-columns:1fr}.settings-dashboard-page .card-static:hover{transform:none}.settings-dashboard-page .card-heading{display:flex;min-width:0;align-items:flex-start;gap:12px}.settings-dashboard-page .card-heading-text{min-width:0}.settings-dashboard-page .card-copy{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}.settings-dashboard-page .tile-green{background:#09b15e}.settings-dashboard-page .tile-purple{background:#7c5ce5}.settings-dashboard-page .tile-amber{background:#f59e0b}.settings-dashboard-page .tile-blue{background:#1689e8}.settings-dashboard-page .tile-cyan{background:#0891b2}.settings-dashboard-page .tile-rose{background:#e85067}.settings-dashboard-page .tile-slate{background:#475569}.settings-dashboard-page .tile-black{background:#171719}.settings-dashboard-page .profile-banner{display:flex;flex-direction:column;gap:18px;padding:20px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,#fbfffd,#f6fbf8)}.settings-dashboard-page .profile-person{display:flex;align-items:center;gap:14px;min-width:0}.settings-dashboard-page .avatar{display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;overflow:hidden;border:4px solid #fff;border-radius:21px 23px 20px 22px/21px 22px 23px 20px;outline:0;background:linear-gradient(145deg,#171719,#34343a);box-shadow:0 0 0 1px #11121314,0 8px 20px #1112131f;color:#fff;font-size:20px;font-weight:700;letter-spacing:-.5px}.settings-dashboard-page .profile-name{min-width:0}.settings-dashboard-page .profile-name strong,.settings-dashboard-page .profile-name span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-dashboard-page .profile-name strong{font-size:16px;letter-spacing:-.3px}.settings-dashboard-page .profile-name span{margin-top:4px;color:var(--muted);font-size:12px}.settings-dashboard-page .profile-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-dashboard-page .form-grid{display:grid;grid-template-columns:1fr;gap:14px}.settings-dashboard-page .field{min-width:0}.settings-dashboard-page .field label{display:block;margin-bottom:7px;color:#31343a;font-size:12px;font-weight:600}.settings-dashboard-page .field-hint{margin-top:6px;color:var(--muted);font-size:10px;line-height:1.45}.settings-dashboard-page .input,.settings-dashboard-page .textarea,.settings-dashboard-page .select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:var(--radius-input);outline:none;background:#fff;color:var(--fg);font-size:13px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.settings-dashboard-page .input,.settings-dashboard-page .select{padding:0 12px}.settings-dashboard-page .textarea{min-height:92px;padding:11px 12px;resize:vertical;line-height:1.55}.settings-dashboard-page .input:focus,.settings-dashboard-page .textarea:focus,.settings-dashboard-page .select:focus{border-color:#09b15eb3;box-shadow:0 0 0 3px #09b15e24}.settings-dashboard-page .input-group{display:flex;align-items:center}.settings-dashboard-page .input-prefix{display:inline-flex;min-height:42px;align-items:center;padding:0 10px;border:1px solid var(--border);border-right:0;border-radius:var(--radius-input) 0 0 var(--radius-input);background:#f6f7f7;color:var(--muted);font-size:12px}.settings-dashboard-page .input-group .input{border-radius:0 var(--radius-input) var(--radius-input) 0}.settings-dashboard-page .form-actions{display:flex;margin-top:16px;align-items:center;justify-content:flex-end;gap:8px}.settings-dashboard-page .setting-list{display:flex;flex-direction:column}.settings-dashboard-page .setting-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(17,18,19,.065)}.settings-dashboard-page .setting-row:first-child{padding-top:0}.settings-dashboard-page .setting-row:last-child{padding-bottom:0;border-bottom:0}.settings-dashboard-page .setting-info{min-width:0}.settings-dashboard-page .setting-info strong,.settings-dashboard-page .setting-info span{display:block}.settings-dashboard-page .setting-info strong{font-size:12px;font-weight:650}.settings-dashboard-page .setting-info span{max-width:440px;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45}.settings-dashboard-page .row-value{min-width:0;color:#454b53;font-size:11px;font-weight:600;text-align:right}.settings-dashboard-page .row-value.truncate{max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-dashboard-page .switch{position:relative;display:inline-flex;width:44px;height:26px;flex:0 0 auto;padding:0;border:0;border-radius:999px;background:#d7dadc;cursor:pointer;transition:background .25s ease,transform .2s ease}.settings-dashboard-page .switch:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #11121333;transition:transform .28s cubic-bezier(.22,1,.36,1)}.settings-dashboard-page .switch[aria-checked=true]{background:var(--primary)}.settings-dashboard-page .switch[aria-checked=true]:before{transform:translate(18px)}.settings-dashboard-page .switch:active{transform:scale(.96)}.settings-dashboard-page .switch-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.settings-dashboard-page .switch-input:checked+.visual-switch{background:var(--primary)}.settings-dashboard-page .switch-input:checked+.visual-switch:before{transform:translate(18px)}.settings-dashboard-page .switch-input:focus-visible+.visual-switch{box-shadow:0 0 0 4px #09b15e24}.settings-dashboard-page .modal-setting-list{margin-top:14px}.settings-dashboard-page .modal-setting-list .setting-row{cursor:pointer}.settings-dashboard-page .domain-list-row{gap:16px}.settings-dashboard-page .domain-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.settings-dashboard-page .settings-domain-locked-card{position:relative;overflow:hidden}.settings-dashboard-page .settings-domain-locked-card:after{content:"";position:absolute;width:150px;height:150px;right:-75px;bottom:-85px;border-radius:50%;background:rgba(99,102,241,.09);box-shadow:0 0 0 28px #6366f108;pointer-events:none}.settings-dashboard-page .settings-domain-lock{position:relative;z-index:1;display:grid;min-height:220px;place-items:center;align-content:center;gap:11px;padding:26px;text-align:center}.settings-dashboard-page .settings-domain-lock-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:19px 21px 17px 20px;background:linear-gradient(145deg,#6366f1,#4f46e5);color:#fff;box-shadow:inset 0 -6px 10px #0000001f,0 12px 25px #6366f133;transform:rotate(-3deg)}.settings-dashboard-page .settings-domain-lock-icon i{font-size:24px}.settings-dashboard-page .settings-domain-lock div{max-width:330px}.settings-dashboard-page .settings-domain-lock strong,.settings-dashboard-page .settings-domain-lock div span{display:block}.settings-dashboard-page .settings-domain-lock strong{color:var(--fg);font-size:15px}.settings-dashboard-page .settings-domain-lock div span{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.55}.settings-dashboard-page .settings-domain-lock .btn{margin-top:4px}.settings-dashboard-page .form-error{display:block;margin-top:6px;color:var(--danger);font-size:11px;font-weight:650}.settings-dashboard-page .loading-label{white-space:nowrap}.settings-dashboard-page .loading-label:before{display:inline-block;width:14px;height:14px;margin-right:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;content:"";animation:settings-button-spin .65s linear infinite;vertical-align:-2px}.settings-dashboard-page .otp-input{font-size:22px;letter-spacing:.3em;text-align:center}.settings-dashboard-page .appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.settings-dashboard-page .appearance-option{position:relative;display:flex;min-width:0;flex-direction:column;gap:8px;padding:9px;border:1px solid var(--border);border-radius:13px;background:#fff;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.settings-dashboard-page .appearance-option:hover{transform:translateY(-2px);border-color:var(--border-strong)}.settings-dashboard-page .appearance-option.selected{border-color:#09b15ea6;box-shadow:0 0 0 3px #09b15e1c}.settings-dashboard-page .appearance-preview{position:relative;height:68px;overflow:hidden;border:1px solid rgba(17,18,19,.08);border-radius:9px}.settings-dashboard-page .appearance-preview:before{content:"";position:absolute;top:10px;left:10px;width:42%;height:6px;border-radius:999px;background:currentColor;opacity:.9}.settings-dashboard-page .appearance-preview:after{content:"";position:absolute;top:23px;left:10px;right:10px;height:29px;border:1px solid currentColor;border-radius:7px;opacity:.16;box-shadow:inset 0 8px currentColor}.settings-dashboard-page .preview-light{background:#fff;color:#25272a}.settings-dashboard-page .preview-dark{border-color:#29292d;background:#171719;color:#fff}.settings-dashboard-page .preview-system{background:linear-gradient(90deg,#fff 50%,#171719 50%);color:#767b82}.settings-dashboard-page .appearance-label{font-size:11px;font-weight:650;text-align:center}.settings-dashboard-page .plan-card{min-height:0;background:linear-gradient(145deg,#fff 0%,#f6fff9 100%)}.settings-dashboard-page .plan-top,.settings-dashboard-page .plan-name,.settings-dashboard-page .usage-head{display:flex;align-items:center}.settings-dashboard-page .plan-top{justify-content:space-between;gap:14px}.settings-dashboard-page .plan-name{gap:10px}.settings-dashboard-page .plan-badge,.settings-dashboard-page .inline-status{display:inline-flex;align-items:center;border-radius:999px;color:#087b44;font-size:10px;font-weight:700}.settings-dashboard-page .plan-badge{min-height:24px;padding:0 9px;background:rgba(9,177,94,.11)}.settings-dashboard-page .plan-price{margin-top:14px;font-size:28px;font-weight:700;letter-spacing:-1.2px}.settings-dashboard-page .plan-price span{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:0}.settings-dashboard-page .plan-usage{margin-top:14px}.settings-dashboard-page .usage-head{justify-content:space-between;gap:10px;color:#4b5159;font-size:10px;font-weight:600}.settings-dashboard-page .usage-track{height:7px;margin-top:7px;overflow:hidden;border-radius:999px;background:#e5ece8}.settings-dashboard-page .usage-fill{width:62%;height:100%;border-radius:inherit;background:var(--primary);animation:settings-usage-grow .9s .25s cubic-bezier(.22,1,.36,1) both;transform-origin:left}.settings-dashboard-page .inline-status{min-height:23px;gap:6px;padding:0 8px;background:#ecfdf3}.settings-dashboard-page .inline-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary)}.settings-dashboard-page .danger-card{border-color:#dc262629}.settings-dashboard-page .danger-card:hover{border-color:#dc262642;box-shadow:0 16px 38px #dc26260e}.settings-dashboard-page .btn-danger{border-color:#dc262633;background:#fff;color:var(--danger)}.settings-dashboard-page .btn-danger:hover{border-color:#dc262657;background:#fff7f7}.settings-dashboard-page .toast-check{display:grid;width:22px;height:22px;place-items:center;border-radius:8px;background:var(--primary)}.settings-dashboard-page .toast-check svg{width:13px;height:13px}body.modal-open{overflow:hidden}.settings-dashboard-page .security-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}.settings-dashboard-page .security-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}.settings-dashboard-page .security-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(7,8,9,.58);opacity:0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:opacity .3s ease}.settings-dashboard-page .security-modal.is-open .security-modal-backdrop{opacity:1}.settings-dashboard-page .security-dialog{position:relative;z-index:1;width:min(100%,650px);max-height:min(90vh,820px);overflow:auto;overscroll-behavior:contain;border-radius:30px;background:var(--card);box-shadow:0 34px 110px #00000040,0 10px 30px #0000001c;opacity:0;transform:translateY(22px) scale(.965) rotateX(2deg);transform-origin:50% 75%;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .25s ease}.settings-dashboard-page .security-modal.is-open .security-dialog{opacity:1;transform:translateY(0) scale(1) rotateX(0)}.settings-dashboard-page .domain-field-prefix{display:flex;align-items:center;gap:8px}.settings-dashboard-page .domain-prefix{flex:0 0 auto;color:var(--muted);font-size:15px;font-weight:650}.settings-dashboard-page .domain-select-wrap{position:relative}.settings-dashboard-page .domain-select-wrap:after{content:"";position:absolute;top:50%;right:2px;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);pointer-events:none;transform:translateY(-70%) rotate(45deg)}.settings-dashboard-page .domain-select{width:100%;height:37px;padding:0 30px 0 0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--fg);cursor:pointer;font-size:15px;font-weight:650}.settings-dashboard-page .domain-preview{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;overflow:hidden;padding:15px;border:1px dashed rgba(9,177,94,.3);border-radius:19px;margin-top:14px;background:linear-gradient(135deg,rgba(9,177,94,.07),rgba(9,177,94,.025))}.settings-dashboard-page .domain-preview:after{content:"";position:absolute;right:-18px;bottom:-30px;width:90px;height:90px;border:15px solid rgba(9,177,94,.08);border-radius:46% 54% 59% 41%/38% 42% 58% 62%;transform:rotate(17deg)}.settings-dashboard-page .domain-preview-icon{position:relative;z-index:1;display:grid;width:44px;height:44px;place-items:center;border-radius:15px 17px 14px 18px/16px 14px 18px 15px;background:#111214;color:#fff;box-shadow:inset 0 -5px #ffffff0f;transform:rotate(-4deg)}.settings-dashboard-page .domain-preview-icon svg{width:21px;height:21px}.settings-dashboard-page .domain-preview-copy{position:relative;z-index:1;min-width:0}.settings-dashboard-page .domain-preview-copy strong,.settings-dashboard-page .domain-preview-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-dashboard-page .domain-preview-copy strong{font-size:13px}.settings-dashboard-page .domain-preview-copy span{margin-top:4px;color:var(--muted);font-size:11px}.settings-dashboard-page .domain-status{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:var(--card);color:var(--muted);font-size:10px;font-weight:750;transition:color .2s ease,background .2s ease}.settings-dashboard-page .domain-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#c4c8cd;transition:background .2s ease,box-shadow .2s ease}.settings-dashboard-page .domain-preview.is-ready .domain-status{color:var(--primary-hover)}.settings-dashboard-page .domain-preview.is-ready .domain-status:before{background:var(--primary);box-shadow:0 0 0 4px #09b15e24}.settings-dashboard-page .domain-dns-note{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid var(--border);border-radius:16px;margin-top:13px;background:var(--card)}.settings-dashboard-page .domain-dns-note>svg{width:18px;height:18px;flex:0 0 auto;margin-top:1px;color:var(--primary-hover)}.settings-dashboard-page .domain-dns-note strong{display:block;font-size:11px}.settings-dashboard-page .domain-dns-note span{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.5}:root[data-theme=dark] .settings-dashboard-page .domain-preview{border-color:#12c76b3d;background:linear-gradient(135deg,rgba(18,199,107,.1),rgba(18,199,107,.035))}:root[data-theme=dark] .settings-dashboard-page .domain-preview-icon{background:#f5f7f7;color:#111214;box-shadow:inset 0 -5px #00000014}:root[data-theme=dark] .settings-dashboard-page .domain-status{background:#202326}:root[data-theme=dark] .settings-dashboard-page .domain-dns-note{border-color:#ffffff17;background:#101214}@media (max-width: 639px){.settings-dashboard-page .domain-preview{grid-template-columns:auto minmax(0,1fr)}.settings-dashboard-page .domain-status{grid-column:1/-1;justify-self:start}}.settings-dashboard-page .security-hero{position:relative;min-height:224px;overflow:hidden;padding:30px 78px 30px 30px;background:linear-gradient(145deg,#070709 0%,#17171a 56%,#29292e 100%);color:#fff}.settings-dashboard-page .security-hero:before{content:"";position:absolute;top:-84px;right:-60px;width:216px;height:216px;border:22px solid rgba(255,255,255,.07);border-radius:44% 56% 62% 38%/40% 38% 62% 60%;transform:rotate(18deg);animation:security-blob 8s ease-in-out infinite alternate}.settings-dashboard-page .security-hero:after{content:"";position:absolute;right:104px;bottom:-43px;width:86px;height:86px;border-radius:50%;background:var(--primary);opacity:.94;animation:security-bubble 5.5s ease-in-out infinite}.settings-dashboard-page .security-close{position:absolute;z-index:5;top:20px;right:20px;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.09);color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.settings-dashboard-page .security-close:hover{border-color:#ffffff3d;background:rgba(255,255,255,.16);transform:rotate(5deg) scale(1.05)}.settings-dashboard-page .security-close svg,.settings-dashboard-page .security-mark svg,.settings-dashboard-page .password-eye svg,.settings-dashboard-page .security-preview-icon svg{width:18px;height:18px}.settings-dashboard-page .security-brand{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;margin-bottom:24px}.settings-dashboard-page .security-mark{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:14px 16px 13px 17px/15px 13px 17px 14px;background:#fff;color:#0b0b0d;box-shadow:inset 0 -5px 9px #00000014;transform:rotate(-5deg);animation:security-mark 4.4s ease-in-out infinite}.settings-dashboard-page .security-mark svg{width:24px;height:24px}.settings-dashboard-page .security-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.08);color:#ffffffd1;font-size:11px;font-weight:650}.settings-dashboard-page .security-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px #09b15e2b}.settings-dashboard-page .security-copy{position:relative;z-index:2;max-width:500px}.settings-dashboard-page .security-copy h2{max-width:480px;font-size:clamp(28px,5vw,38px);line-height:1.03;letter-spacing:-1.55px;text-wrap:balance}.settings-dashboard-page .security-copy p{max-width:470px;margin-top:12px;color:#ffffffab;font-size:14px;line-height:1.65}.settings-dashboard-page .security-spark{position:absolute;z-index:2;display:grid;place-items:center;background:#fff;color:#111213;box-shadow:0 8px 20px #0003}.settings-dashboard-page .security-spark.one{top:81px;right:89px;width:34px;height:34px;border-radius:50%;animation:security-spark 4.8s ease-in-out infinite}.settings-dashboard-page .security-spark.two{right:40px;bottom:38px;width:27px;height:27px;border-radius:9px 11px 8px 12px;transform:rotate(-13deg);animation:security-spark 4.8s .7s ease-in-out infinite reverse}.settings-dashboard-page .security-form{position:relative;padding:26px 30px 30px;background:var(--card)}.settings-dashboard-page .security-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.settings-dashboard-page .security-intro strong,.settings-dashboard-page .security-intro span{display:block}.settings-dashboard-page .security-intro strong{font-size:15px;letter-spacing:-.25px}.settings-dashboard-page .security-intro span{margin-top:3px;color:var(--muted);font-size:12px}.settings-dashboard-page .security-pill{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:8px 11px;border-radius:999px;background:#f0faf5;color:#087844;font-size:11px;font-weight:700}.settings-dashboard-page .security-pill svg{width:13px;height:13px}.settings-dashboard-page .security-field{position:relative;padding:14px 15px 15px;border:1px solid var(--border);border-radius:18px;background:var(--soft);transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease,background .2s ease}.settings-dashboard-page .security-field+.security-field{margin-top:12px}.settings-dashboard-page .security-field:focus-within{border-color:#09b15e8c;background:var(--card);box-shadow:0 12px 28px #11121312,0 0 0 4px #09b15e17;transform:translateY(-2px)}.settings-dashboard-page .security-field-line,.settings-dashboard-page .security-input-row,.settings-dashboard-page .security-preview,.settings-dashboard-page .security-actions{display:flex;align-items:center}.settings-dashboard-page .security-field-line{justify-content:space-between;gap:12px;margin-bottom:7px}.settings-dashboard-page .security-field label{color:var(--fg);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.settings-dashboard-page .security-hint{color:var(--muted);font-size:10px}.settings-dashboard-page .security-input-row{gap:8px}.settings-dashboard-page .security-input{width:100%;min-width:0;height:37px;padding:0;border:0;outline:0;background:transparent;color:var(--fg);font-size:15px;font-weight:600}.settings-dashboard-page .security-input::placeholder{color:#a3a7ad;font-weight:500}.settings-dashboard-page .password-eye{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:0;border-radius:11px;background:transparent;color:var(--muted);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.settings-dashboard-page .password-eye:hover{background:rgba(9,177,94,.09);color:var(--primary-hover);transform:rotate(-4deg)}.settings-dashboard-page .security-preview{gap:12px;margin-top:14px;padding:13px 14px;border:1px dashed rgba(9,177,94,.28);border-radius:17px;background:rgba(9,177,94,.055)}.settings-dashboard-page .security-preview-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:13px 15px 12px 16px;background:var(--primary);color:#fff;box-shadow:inset 0 -4px #0000001c;transform:rotate(-4deg)}.settings-dashboard-page .security-preview-copy{min-width:0;flex:1}.settings-dashboard-page .security-preview-copy strong,.settings-dashboard-page .security-preview-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-dashboard-page .security-preview-copy strong{font-size:12px}.settings-dashboard-page .security-preview-copy span{margin-top:3px;color:var(--muted);font-size:11px}.settings-dashboard-page .security-ready{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:var(--card);color:var(--primary-hover);font-size:10px;font-weight:700}.settings-dashboard-page .password-strength{margin-top:13px}.settings-dashboard-page .password-strength-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:var(--muted);font-size:10px;font-weight:650}.settings-dashboard-page .password-strength-track{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.settings-dashboard-page .password-strength-track span{height:6px;border-radius:999px;background:var(--border);transition:background .25s ease,transform .25s ease}.settings-dashboard-page .password-strength[data-strength="1"] .password-strength-track span:nth-child(-n+1){background:#ef4444;transform:scaleY(1.15)}.settings-dashboard-page .password-strength[data-strength="2"] .password-strength-track span:nth-child(-n+2){background:#f59e0b;transform:scaleY(1.15)}.settings-dashboard-page .password-strength[data-strength="3"] .password-strength-track span:nth-child(-n+3){background:#3b82f6;transform:scaleY(1.15)}.settings-dashboard-page .password-strength[data-strength="4"] .password-strength-track span:nth-child(-n+4){background:var(--primary);transform:scaleY(1.15)}.settings-dashboard-page .security-actions{justify-content:flex-end;gap:9px;margin-top:22px}.settings-dashboard-page .security-actions .btn{min-height:42px}.settings-dashboard-page .security-submit{min-width:160px}.settings-dashboard-page .security-submit svg{transition:transform .25s ease}.settings-dashboard-page .security-submit:hover svg{transform:translate(3px) rotate(-4deg)}:root[data-theme=dark] .settings-dashboard-page{--muted: var(--muted-fg, #9da3ad);--soft: #17191b;--border: var(--card-border, rgba(255, 255, 255, .09));--border-strong: rgba(255, 255, 255, .16);--danger: #fb7185}:root[data-theme=dark] .settings-dashboard-page .profile-banner{border-color:var(--border);background:linear-gradient(145deg,#171b19,#121514)}:root[data-theme=dark] .settings-dashboard-page .avatar{border-color:#26282b;box-shadow:0 0 0 1px #ffffff14,0 10px 24px #00000052}:root[data-theme=dark] .settings-dashboard-page .field label,:root[data-theme=dark] .settings-dashboard-page .row-value,:root[data-theme=dark] .settings-dashboard-page .usage-head{color:#c4c8ce}:root[data-theme=dark] .settings-dashboard-page .input,:root[data-theme=dark] .settings-dashboard-page .textarea,:root[data-theme=dark] .settings-dashboard-page .select{border-color:var(--border);background:#101214;color:var(--fg)}:root[data-theme=dark] .settings-dashboard-page .input::placeholder,:root[data-theme=dark] .settings-dashboard-page .textarea::placeholder{color:#717780}:root[data-theme=dark] .settings-dashboard-page .input-prefix{border-color:var(--border);background:#1a1c1f;color:#aeb4bd}:root[data-theme=dark] .settings-dashboard-page .setting-row{border-bottom-color:#ffffff12}:root[data-theme=dark] .settings-dashboard-page .switch{background:#3b3e43}:root[data-theme=dark] .settings-dashboard-page .switch:before{background:#f8fafc;box-shadow:0 2px 7px #00000061}:root[data-theme=dark] .settings-dashboard-page .appearance-option{border-color:var(--border);background:#111315}:root[data-theme=dark] .settings-dashboard-page .appearance-option:hover{border-color:var(--border-strong);background:#181a1d}:root[data-theme=dark] .settings-dashboard-page .appearance-option.selected{border-color:#12c76bcc;box-shadow:0 0 0 3px #12c76b24}:root[data-theme=dark] .settings-dashboard-page .plan-card{background:linear-gradient(145deg,#151719 0%,#122019 100%)}:root[data-theme=dark] .settings-dashboard-page .plan-badge,:root[data-theme=dark] .settings-dashboard-page .inline-status{background:rgba(18,199,107,.14);color:#63e6a3}:root[data-theme=dark] .settings-dashboard-page .usage-track{background:#29312d}:root[data-theme=dark] .settings-dashboard-page .danger-card{border-color:#fb718533}:root[data-theme=dark] .settings-dashboard-page .danger-card:hover{border-color:#fb718557;box-shadow:0 16px 38px #0000004d}:root[data-theme=dark] .settings-dashboard-page .btn-danger{border-color:#fb718540;background:#1b1517;color:#fb7185}:root[data-theme=dark] .settings-dashboard-page .btn-danger:hover{border-color:#fb71856b;background:#25181c}:root[data-theme=dark] .settings-dashboard-page .security-dialog{border-color:#ffffff17;box-shadow:0 38px 120px #00000094}:root[data-theme=dark] .settings-dashboard-page .security-form{background:#151719}:root[data-theme=dark] .settings-dashboard-page .security-pill{background:rgba(18,199,107,.12);color:#63e6a3}:root[data-theme=dark] .settings-dashboard-page .security-field{border-color:#ffffff17;background:#101214}:root[data-theme=dark] .settings-dashboard-page .security-field:focus-within{background:#181a1d;box-shadow:0 14px 30px #00000047,0 0 0 4px #12c76b1a}:root[data-theme=dark] .settings-dashboard-page .security-input::placeholder{color:#6f747d}:root[data-theme=dark] .settings-dashboard-page .password-eye:hover{background:rgba(18,199,107,.12);color:#63e6a3}:root[data-theme=dark] .settings-dashboard-page .security-preview{border-color:#12c76b3d;background:rgba(18,199,107,.075)}:root[data-theme=dark] .settings-dashboard-page .security-ready{background:#202326;color:#63e6a3}@keyframes security-blob{0%{transform:rotate(18deg) translateZ(0)}to{transform:rotate(28deg) translate3d(-10px,12px,0)}}@keyframes security-bubble{50%{transform:translateY(-10px) scale(1.06)}}@keyframes security-mark{50%{transform:rotate(2deg) translateY(-5px)}}@keyframes security-spark{50%{transform:translateY(-9px) rotate(9deg)}}@keyframes settings-usage-grow{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}@media (min-width: 640px){.settings-dashboard-page .profile-banner{flex-direction:row;align-items:center;justify-content:space-between}.settings-dashboard-page .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.settings-dashboard-page .settings-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.settings-dashboard-page .settings-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (max-width: 639px){.settings-dashboard-page .security-modal{align-items:end;padding:12px 10px 0}.settings-dashboard-page .security-dialog{width:100%;max-height:94vh;border-radius:28px 28px 0 0;transform:translateY(42px) scale(.985)}.settings-dashboard-page .security-hero{min-height:215px;padding:26px 66px 26px 22px}.settings-dashboard-page .security-close{top:16px;right:16px}.settings-dashboard-page .security-brand{margin-bottom:20px}.settings-dashboard-page .security-mark{width:40px;height:40px}.settings-dashboard-page .security-copy h2{font-size:30px;letter-spacing:-1.25px}.settings-dashboard-page .security-copy p{font-size:13px}.settings-dashboard-page .security-spark.one{top:79px;right:69px}.settings-dashboard-page .security-spark.two{right:27px;bottom:31px}.settings-dashboard-page .security-form{padding:22px 18px 24px}.settings-dashboard-page .security-intro,.settings-dashboard-page .security-preview,.settings-dashboard-page .setting-row{align-items:flex-start}.settings-dashboard-page .security-pill,.settings-dashboard-page .security-ready{display:none}.settings-dashboard-page .security-actions{flex-direction:column-reverse}.settings-dashboard-page .security-actions .btn{width:100%}.settings-dashboard-page .security-submit{min-width:0}.settings-dashboard-page .profile-banner{padding:16px}.settings-dashboard-page .profile-person{align-items:flex-start}.settings-dashboard-page .avatar{width:58px;height:58px;border-radius:19px 21px 18px 20px}.settings-dashboard-page .profile-actions{width:100%}.settings-dashboard-page .profile-actions .btn,.settings-dashboard-page .form-actions .btn{flex:1}.settings-dashboard-page .domain-list-row,.settings-dashboard-page .domain-row-actions{width:100%}.settings-dashboard-page .domain-list-row{flex-direction:column}.settings-dashboard-page .domain-row-actions{justify-content:flex-start;flex-wrap:wrap}.settings-dashboard-page .appearance-options{gap:7px}.settings-dashboard-page .appearance-option{padding:7px}.settings-dashboard-page .appearance-preview{height:58px}.settings-dashboard-page .setting-info span{max-width:230px}.settings-dashboard-page .row-value.truncate{max-width:118px}.settings-dashboard-page .form-actions{justify-content:stretch}}@media (hover: none),(pointer: coarse){.settings-dashboard-page .card:hover{transform:none;box-shadow:var(--card-shadow)}.settings-dashboard-page .card:hover .tile{transform:none}}@media (prefers-reduced-motion: reduce){.settings-dashboard-page *,.settings-dashboard-page *:before,.settings-dashboard-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body[data-page-editor-active]{color:var(--text);background:var(--bg)}body[data-page-editor-active] .profile-info h2,body[data-page-editor-active] .profile-editable{color:var(--text)}body[data-page-editor-active] .profile-info p{color:var(--text-muted)}body[data-page-editor-active] .bento-card .card-title{color:#fff}body[data-page-editor-active] .bento-card .card-subtitle{color:#ffffffb8}body[data-page-editor-active] .card-link .bento-surface,body[data-page-editor-active] .card-social .bento-surface{color:#111}body[data-page-editor-active] .link-card .title,body[data-page-editor-active] .social-embed-card .title,body[data-page-editor-active] .social-embed-card .name{color:#1a1a1a}body[data-page-editor-active] .link-card .desc,body[data-page-editor-active] .social-embed-card .desc,body[data-page-editor-active] .social-embed-card .bio{color:#6b6b6b}body[data-page-editor-active] .link-card .ts,body[data-page-editor-active] .social-embed-card .ts,body[data-page-editor-active] .social-embed-card .handle{color:#b0b0b0}.yappr-login-page{color-scheme:light;--bg: #fff;--fg: #111213;--muted: #6f7580;--muted-strong: #4c535d;--card: #fff;--soft: #f5f6f6;--soft-strong: #eceeee;--line: rgba(17, 18, 19, .1);--line-strong: rgba(17, 18, 19, .17);--primary: #09b15e;--primary-hover: #079a52;--primary-soft: rgba(9, 177, 94, .11);--danger: #dc2626;--panel-start: #08080a;--panel-end: #242429;--shadow: 0 22px 70px rgba(17, 18, 19, .1), 0 3px 12px rgba(17, 18, 19, .05);--input-shadow: 0 0 0 3px rgba(9, 177, 94, .13);min-height:100vh;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .28s ease,color .28s ease}html[data-theme=dark] .yappr-login-page{color-scheme:dark;--bg: #0d0e0f;--fg: #f4f4f5;--muted: #9da3ad;--muted-strong: #c1c5cb;--card: #151719;--soft: #1c1e20;--soft-strong: #25282b;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--primary: #12c76b;--primary-hover: #18d477;--primary-soft: rgba(18, 199, 107, .13);--danger: #fb7185;--panel-start: #050506;--panel-end: #1d1d21;--shadow: 0 25px 80px rgba(0, 0, 0, .38), 0 4px 14px rgba(0, 0, 0, .24);--input-shadow: 0 0 0 3px rgba(18, 199, 107, .14) }.yappr-login-page *,.yappr-login-page *:before,.yappr-login-page *:after{box-sizing:border-box}.yappr-login-page button,.yappr-login-page input{font:inherit}.yappr-login-page button,.yappr-login-page a{-webkit-tap-highlight-color:transparent}.yappr-login-page a{color:inherit}.yappr-login-page .auth-shell{display:grid;min-height:100vh;grid-template-columns:minmax(0,1fr)}.yappr-login-page .play-panel{position:relative;display:none;min-width:0;overflow:hidden;padding:42px;color:#fff;background:linear-gradient(145deg,var(--panel-start) 0%,#161619 58%,var(--panel-end) 100%)}.yappr-login-page .play-panel:before{content:"";position:absolute;width:430px;height:430px;right:-120px;top:-140px;border:42px solid rgba(255,255,255,.055);border-radius:44% 56% 62% 38%/40% 38% 62% 60%;transform:rotate(18deg);animation:blob-drift 11s ease-in-out infinite alternate}.yappr-login-page .play-panel:after{content:"";position:absolute;width:220px;height:220px;left:-88px;bottom:-92px;border-radius:50%;background:var(--primary);opacity:.96;animation:bubble-float 7s ease-in-out infinite}.yappr-login-page .panel-inner{position:relative;z-index:2;display:flex;width:100%;min-height:calc(100vh - 84px);flex-direction:column}.yappr-login-page .brand{display:inline-flex;align-items:center;gap:12px;width:fit-content;text-decoration:none;animation:rise-in .7s cubic-bezier(.22,1,.36,1) both}.yappr-login-page .brand-mark{display:grid;width:50px;height:50px;place-items:center;transform:rotate(-5deg);animation:mark-float 5s ease-in-out infinite}.yappr-login-page .brand-mark svg,.yappr-login-page .brand-mark img{width:50px;height:50px;object-fit:contain}.yappr-login-page .brand-name{font-size:18px;font-weight:700;letter-spacing:-.45px}.yappr-login-page .panel-copy{max-width:560px;margin-top:clamp(72px,13vh,132px);animation:rise-in .8s .08s cubic-bezier(.22,1,.36,1) both}.yappr-login-page .eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:31px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.075);color:#ffffffc7;font-size:11px;font-weight:650}.yappr-login-page .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px #09b15e29}.yappr-login-page .panel-copy h1{max-width:600px;margin-top:22px;font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:clamp(-3.8px,-.07em,-2px);text-wrap:balance}.yappr-login-page .panel-copy p{max-width:510px;margin-top:20px;color:#ffffffa1;font-size:15px;line-height:1.7}.yappr-login-page .panel-stage{position:relative;flex:1;min-height:350px;margin-top:34px;animation:stage-in .85s .16s cubic-bezier(.22,1,.36,1) both}.yappr-login-page .mock-page{position:absolute;left:4%;bottom:8%;width:min(72%,490px);min-height:245px;padding:18px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:28px 31px 25px 30px/29px 26px 31px 27px;background:rgba(255,255,255,.075);box-shadow:0 30px 80px #00000052;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:rotate(-3deg);transition:transform .55s cubic-bezier(.22,1,.36,1),background .3s ease}.yappr-login-page .play-panel:hover .mock-page{transform:rotate(-1.5deg) translateY(-5px);background:rgba(255,255,255,.09)}.yappr-login-page .mock-top{display:flex;align-items:center;gap:12px}.yappr-login-page .mock-avatar{display:grid;width:50px;height:50px;flex:0 0 auto;place-items:center;border-radius:17px 19px 16px 18px;background:#fff;color:#111213;font-weight:700;box-shadow:inset 0 -5px 9px #00000014}.yappr-login-page .mock-person{min-width:0}.yappr-login-page .mock-person strong{display:block;font-size:14px}.yappr-login-page .mock-person span{display:block;margin-top:4px;color:#ffffff7a;font-size:11px}.yappr-login-page .mock-live{display:inline-flex;min-height:25px;margin-left:auto;align-items:center;gap:6px;padding:0 9px;border-radius:999px;background:rgba(9,177,94,.14);color:#65e8a6;font-size:10px;font-weight:700}.yappr-login-page .mock-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary)}.yappr-login-page .mock-cover{position:relative;height:92px;margin-top:17px;overflow:hidden;border-radius:18px 20px 16px 19px;background:linear-gradient(130deg,#09b15e,#087b44 58%,#064b2c)}.yappr-login-page .mock-cover:before{content:"";position:absolute;width:140px;height:140px;right:-45px;top:-62px;border:18px solid rgba(255,255,255,.13);border-radius:44% 56% 62% 38%;transform:rotate(20deg)}.yappr-login-page .mock-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.yappr-login-page .mock-link{height:44px;border:1px solid rgba(255,255,255,.09);border-radius:14px 15px 13px 16px;background:rgba(255,255,255,.07)}.yappr-login-page .floating-chip{position:absolute;display:flex;align-items:center;gap:10px;min-height:54px;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:17px 19px 16px 20px;background:rgba(255,255,255,.1);box-shadow:0 18px 44px #00000042;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:11px;font-weight:650}.yappr-login-page .floating-chip svg{width:18px;height:18px}.yappr-login-page .floating-chip.one{right:3%;bottom:49%;transform:rotate(5deg);animation:chip-float 5.2s ease-in-out infinite}.yappr-login-page .floating-chip.two{right:6%;bottom:10%;transform:rotate(-4deg);animation:chip-float 5.2s .8s ease-in-out infinite reverse}.yappr-login-page .chip-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:12px 14px 11px 13px;color:#111213;background:#fff;box-shadow:inset 0 -4px 7px #0000001a}.yappr-login-page .panel-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:28px;color:#ffffff61;font-size:10px}.yappr-login-page .panel-footer-links{display:flex;gap:14px}.yappr-login-page .panel-footer a{text-decoration:none;transition:color .2s ease}.yappr-login-page .panel-footer a:hover{color:#fff}.yappr-login-page .form-panel{position:relative;display:flex;min-width:0;min-height:100vh;align-items:center;justify-content:center;padding:28px 20px;background:var(--bg)}.yappr-login-page .mobile-shape{position:absolute;width:190px;height:190px;right:-90px;top:-95px;border:24px solid var(--primary-soft);border-radius:44% 56% 62% 38%;transform:rotate(20deg);pointer-events:none}.yappr-login-page .theme-menu{position:absolute;top:22px;right:22px;z-index:10}.yappr-login-page .theme-button{display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:14px 16px 13px 15px;background:var(--card);color:var(--fg);cursor:pointer;box-shadow:0 5px 16px #1112130f;transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s ease,border-color .25s ease}.yappr-login-page .theme-button:hover{transform:translateY(-2px) rotate(-4deg);border-color:var(--line-strong)}.yappr-login-page .theme-button svg{width:18px;height:18px}.yappr-login-page .theme-button .sun,html[data-theme=dark] .yappr-login-page .theme-button .moon{display:none}html[data-theme=dark] .yappr-login-page .theme-button .sun{display:block}.yappr-login-page .login-wrap{position:relative;z-index:2;width:min(100%,456px);animation:form-in .75s cubic-bezier(.22,1,.36,1) both}.yappr-login-page .mobile-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:38px;text-decoration:none}.yappr-login-page .mobile-brand .brand-mark,.yappr-login-page .mobile-brand .brand-mark svg,.yappr-login-page .mobile-brand .brand-mark img{width:48px;height:48px}.yappr-login-page .mobile-brand .brand-name{color:var(--fg);font-size:19px}.yappr-login-page .login-card{position:relative;padding:28px;border:1px solid var(--line);border-radius:28px 31px 25px 30px/29px 26px 31px 27px;background:var(--card);box-shadow:var(--shadow);transition:background-color .28s ease,border-color .28s ease,box-shadow .28s ease}.yappr-login-page .login-card:before{content:"";position:absolute;width:54px;height:54px;top:-18px;right:30px;border-radius:18px 20px 16px 19px;background:var(--primary);transform:rotate(12deg);box-shadow:inset 0 -7px 10px #0000001f;animation:tiny-bob 4.8s ease-in-out infinite}.yappr-login-page .login-card:after{content:"";position:absolute;width:13px;height:13px;top:2px;right:51px;border-radius:50%;background:#fff;box-shadow:19px 8px 0 -2px #ffffffbf;pointer-events:none}.yappr-login-page .login-heading{padding-right:46px}.yappr-login-page .login-heading h1{font-size:clamp(30px,7vw,40px);line-height:1.04;letter-spacing:-1.7px;text-wrap:balance}.yappr-login-page .login-heading p{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.6}.yappr-login-page .social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.yappr-login-page .social-button{position:relative;display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;overflow:hidden;padding:0 12px;border:1px solid var(--line);border-radius:14px 16px 13px 15px;background:var(--soft);color:var(--fg);cursor:pointer;font-size:12px;font-weight:650;transition:transform .22s cubic-bezier(.22,1,.36,1),background .2s ease,border-color .2s ease}.yappr-login-page .social-button:hover{transform:translateY(-2px) rotate(-1deg);border-color:var(--line-strong);background:var(--soft-strong)}.yappr-login-page .social-button:active{transform:scale(.98)}.yappr-login-page .social-button svg{width:17px;height:17px}.yappr-login-page .divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.yappr-login-page .divider:before,.yappr-login-page .divider:after{content:"";height:1px;flex:1;background:var(--line)}.yappr-login-page .form-field+.form-field{margin-top:15px}.yappr-login-page .field-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px;font-weight:650}.yappr-login-page .field-label a{color:var(--primary);font-size:11px;font-weight:650;text-decoration:none}.yappr-login-page .field-label a:hover{text-decoration:underline}.yappr-login-page .input-shell{position:relative}.yappr-login-page .input-icon{position:absolute;left:13px;top:50%;width:17px;height:17px;color:var(--muted);transform:translateY(-50%);pointer-events:none;transition:color .2s ease,transform .3s cubic-bezier(.22,1,.36,1)}.yappr-login-page .input{width:100%;min-height:50px;padding:0 44px 0 42px;border:1px solid var(--line);border-radius:15px 17px 14px 16px;outline:none;background:var(--soft);color:var(--fg);font-size:13px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.yappr-login-page .input::placeholder{color:var(--muted);opacity:.72}.yappr-login-page .input:hover{border-color:var(--line-strong)}.yappr-login-page .input:focus{border-color:#09b15eb8;background:var(--card);box-shadow:var(--input-shadow)}.yappr-login-page .input-shell:focus-within .input-icon{color:var(--primary);transform:translateY(-50%) rotate(-5deg) scale(1.08)}.yappr-login-page .password-toggle{position:absolute;right:8px;top:50%;display:grid;width:35px;height:35px;place-items:center;border:0;border-radius:11px 12px 10px 13px;background:transparent;color:var(--muted);cursor:pointer;transform:translateY(-50%);transition:background .2s ease,color .2s ease,transform .2s ease}.yappr-login-page .password-toggle:hover{color:var(--fg);background:var(--soft-strong);transform:translateY(-50%) rotate(-4deg)}.yappr-login-page .password-toggle svg{width:17px;height:17px}.yappr-login-page .password-toggle .eye-off,.yappr-login-page .password-toggle.is-visible .eye{display:none}.yappr-login-page .password-toggle.is-visible .eye-off{display:block}.yappr-login-page .form-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.yappr-login-page .check-label{display:inline-flex;align-items:center;gap:9px;color:var(--muted-strong);font-size:11px;cursor:pointer}.yappr-login-page .check-input{position:absolute;opacity:0;pointer-events:none}.yappr-login-page .check-box{position:relative;display:grid;width:20px;height:20px;place-items:center;border:1px solid var(--line-strong);border-radius:7px 8px 6px;background:var(--soft);transition:background .2s ease,border-color .2s ease,transform .25s cubic-bezier(.22,1,.36,1)}.yappr-login-page .check-box svg{width:12px;height:12px;color:#fff;opacity:0;transform:scale(.5) rotate(-12deg);transition:opacity .18s ease,transform .25s cubic-bezier(.22,1,.36,1)}.yappr-login-page .check-input:checked+.check-box{border-color:var(--primary);background:var(--primary);transform:rotate(-4deg)}.yappr-login-page .check-input:checked+.check-box svg{opacity:1;transform:scale(1) rotate(0)}.yappr-login-page .login-button{position:relative;display:inline-flex;width:100%;min-height:52px;margin-top:20px;align-items:center;justify-content:center;gap:9px;overflow:hidden;border:1px solid rgba(0,0,0,.08);border-radius:16px 18px 15px 17px;background:var(--primary);color:#fff;cursor:pointer;font-size:13px;font-weight:700;box-shadow:inset 0 -5px #0000001a,0 12px 26px #09b15e33;transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s ease,box-shadow .25s ease}.yappr-login-page .login-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 26%,rgba(255,255,255,.28) 48%,transparent 70%);transform:translate(-130%);transition:transform .7s ease}.yappr-login-page .login-button:hover{background:var(--primary-hover);transform:translateY(-2px) rotate(-.4deg);box-shadow:inset 0 -5px #0000001c,0 17px 34px #09b15e40}.yappr-login-page .login-button:hover:after{transform:translate(130%)}.yappr-login-page .login-button:active{transform:translateY(0) scale(.985)}.yappr-login-page .login-button svg{width:17px;height:17px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.yappr-login-page .login-button:hover svg{transform:translate(3px)}.yappr-login-page .login-button[disabled]{pointer-events:none;opacity:.85}.yappr-login-page .login-button .button-loading{display:none}.yappr-login-page .login-button.is-loading .button-text,.yappr-login-page .login-button.is-loading .button-arrow{opacity:0}.yappr-login-page .spinner,.yappr-login-page .button-loading{position:absolute;width:19px;height:19px;border:2px solid rgba(255,255,255,.34);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.yappr-login-page .demo-login-panel{margin:18px 0 20px;padding:14px;border:1px solid rgba(9,177,94,.22);border-radius:22px;background:linear-gradient(135deg,rgba(9,177,94,.1),rgba(100,116,255,.08));box-shadow:inset 0 1px #ffffff8c}.yappr-login-page .demo-login-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.yappr-login-page .demo-login-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:14px;background:rgba(9,177,94,.15);color:var(--primary)}.yappr-login-page .demo-login-icon svg{width:18px;height:18px}.yappr-login-page .demo-login-head strong{display:block;color:var(--fg);font-size:13px;line-height:1.2}.yappr-login-page .demo-login-head span:not(.demo-login-icon){display:block;color:var(--muted);font-size:11px;line-height:1.4}.yappr-login-page .demo-login-list{display:grid;gap:8px}.yappr-login-page .demo-login-user{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:17px;background:var(--card);color:var(--fg);text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.yappr-login-page .demo-login-user:hover{transform:translateY(-1px);border-color:#09b15e40;box-shadow:0 12px 26px #0f172a14}.yappr-login-page .demo-login-action{position:relative;display:inline-grid;place-items:center;min-width:62px;height:32px;padding:0 13px;border:0;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;font-weight:800;box-shadow:inset 0 -3px #0000001f;transition:transform .18s ease,background-color .18s ease}.yappr-login-page .demo-login-action:hover{background:var(--primary-hover);transform:translateY(-1px)}.yappr-login-page .demo-login-action[disabled]{opacity:.85;pointer-events:none}.yappr-login-page .demo-login-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:14px;background:var(--fg);color:var(--bg);font-size:11px;font-weight:800}.yappr-login-page .demo-login-copy{min-width:0}.yappr-login-page .demo-login-copy strong,.yappr-login-page .demo-login-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yappr-login-page .demo-login-copy strong{font-size:12px}.yappr-login-page .demo-login-copy small{color:var(--muted);font-size:10px}.yappr-login-page .demo-login-badge{padding:5px 8px;border-radius:999px;background:rgba(9,177,94,.12);color:var(--primary);font-size:10px;font-weight:800}.yappr-login-page .demo-login-action .spinner{position:absolute;width:15px;height:15px;border-color:#ffffff61;border-top-color:#fff}.yappr-login-page .signup-copy{margin-top:20px;color:var(--muted);font-size:12px;text-align:center}.yappr-login-page .signup-copy a{color:var(--fg);font-weight:700;text-decoration:none}.yappr-login-page .signup-copy a:hover{color:var(--primary)}.yappr-login-page .trust-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:26px;color:var(--muted);font-size:10px}.yappr-login-page .trust-item{display:inline-flex;align-items:center;gap:5px}.yappr-login-page .trust-item svg{width:13px;height:13px}.yappr-login-page .mobile-footer{display:flex;justify-content:center;gap:15px;margin-top:28px;color:var(--muted);font-size:10px}.yappr-login-page .mobile-footer a{text-decoration:none}.yappr-login-page .mobile-footer a:hover{color:var(--fg)}.yappr-login-page .error-text{min-height:16px;margin-top:5px;color:var(--danger);font-size:10px;opacity:0;transform:translateY(-3px);transition:opacity .2s ease,transform .2s ease}.yappr-login-page .form-field.has-error .error-text{opacity:1;transform:translateY(0)}.yappr-login-page .form-field.has-error .input{border-color:#dc2626a6;box-shadow:0 0 0 3px #dc26261a}.yappr-login-page .otp-panel{margin-top:22px;padding:14px;border:1px dashed rgba(9,177,94,.28);border-radius:17px;background:rgba(9,177,94,.055);color:var(--muted);font-size:12px;line-height:1.5}.yappr-login-page .otp-grid{display:flex;align-items:center;gap:8px;margin-top:15px}.yappr-login-page .otp-digit{width:44px;height:50px;border:1px solid var(--line);border-radius:15px;background:var(--soft);color:var(--fg);text-align:center;font-size:18px;font-weight:700;outline:none}.yappr-login-page .otp-digit:focus{border-color:#09b15eb8;background:var(--card);box-shadow:var(--input-shadow)}.yappr-login-page .otp-actions{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.yappr-login-page .otp-actions button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:11px;font-weight:650}.yappr-login-page .otp-actions button:hover{color:var(--fg)}.yappr-login-page .otp-actions button:disabled{opacity:.55;cursor:not-allowed}@keyframes blob-drift{0%{transform:rotate(18deg) translate(0)}to{transform:rotate(36deg) translate(-18px,22px)}}@keyframes bubble-float{50%{transform:translate(13px,-17px) scale(1.05)}}@keyframes mark-float{50%{transform:rotate(-1deg) translateY(-6px)}}@keyframes chip-float{50%{translate:0 -8px}}@keyframes tiny-bob{50%{transform:rotate(7deg) translateY(-5px)}}@keyframes rise-in{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes form-in{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}@keyframes stage-in{0%{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 980px){.yappr-login-page .auth-shell{grid-template-columns:minmax(480px,1.15fr) minmax(440px,.85fr)}.yappr-login-page .play-panel{display:flex}.yappr-login-page .form-panel{padding:48px}.yappr-login-page .mobile-brand,.yappr-login-page .mobile-footer,.yappr-login-page .mobile-shape{display:none}.yappr-login-page .login-card{padding:34px}}@media (min-width: 1320px){.yappr-login-page .play-panel{padding:54px}.yappr-login-page .panel-inner{min-height:calc(100vh - 108px)}.yappr-login-page .form-panel{padding:64px}}@media (max-width: 560px){.yappr-login-page .form-panel{align-items:flex-start;padding:28px 16px 30px}.yappr-login-page .theme-menu{top:18px;right:16px}.yappr-login-page .login-wrap{padding-top:8px}.yappr-login-page .mobile-brand{margin-bottom:28px}.yappr-login-page .login-card{padding:23px 18px 22px;border-radius:24px 27px 22px 26px}.yappr-login-page .login-card:before{width:47px;height:47px;right:22px}.yappr-login-page .login-card:after{top:0;right:40px}.yappr-login-page .social-grid{grid-template-columns:1fr}.yappr-login-page .form-meta{align-items:flex-start}.yappr-login-page .trust-row{gap:9px;flex-wrap:wrap}.yappr-login-page .otp-grid{gap:6px}.yappr-login-page .otp-digit{width:38px}}@media (hover: none),(pointer: coarse){.yappr-login-page .theme-button:hover,.yappr-login-page .social-button:hover,.yappr-login-page .login-button:hover,.yappr-login-page .password-toggle:hover{transform:none}}@media (prefers-reduced-motion: reduce){.yappr-login-page *,.yappr-login-page *:before,.yappr-login-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@keyframes settings-button-spin{to{transform:rotate(360deg)}}.yappr-register-page{color-scheme:light;--bg: #ffffff;--fg: #111213;--muted: #707680;--muted-strong: #4e555f;--card: #ffffff;--soft: #f5f6f6;--soft-2: #eceeee;--line: rgba(17, 18, 19, .1);--line-strong: rgba(17, 18, 19, .17);--primary: #09b15e;--primary-hover: #079a52;--primary-soft: rgba(9, 177, 94, .11);--danger: #dc2626;--panel-start: #070708;--panel-end: #242429;--shadow: 0 24px 76px rgba(17, 18, 19, .11), 0 3px 12px rgba(17, 18, 19, .05);--field-shadow: 0 0 0 3px rgba(9, 177, 94, .13);min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .28s ease,color .28s ease}.yappr-register-page *,.yappr-register-page *:before,.yappr-register-page *:after{box-sizing:border-box}.yappr-register-page button,.yappr-register-page input,.yappr-register-page textarea{font:inherit}.yappr-register-page button,.yappr-register-page a{-webkit-tap-highlight-color:transparent}.yappr-register-page button,.yappr-register-page a{color:inherit}.yappr-register-page .onboarding-shell{display:grid;min-height:100vh;grid-template-columns:minmax(0,1fr)}.yappr-register-page .story-panel{position:relative;display:none;min-width:0;overflow:hidden;padding:40px;color:#fff;background:linear-gradient(145deg,var(--panel-start) 0%,#151518 56%,var(--panel-end) 100%)}.yappr-register-page .story-panel:before{content:"";position:absolute;width:440px;height:440px;right:-140px;top:-160px;border:44px solid rgba(255,255,255,.05);border-radius:45% 55% 62% 38%/39% 42% 58% 61%;transform:rotate(19deg);animation:register-blob-drift 12s ease-in-out infinite alternate}.yappr-register-page .story-panel:after{content:"";position:absolute;width:220px;height:220px;left:-92px;bottom:-90px;border-radius:50%;background:var(--primary);animation:register-bubble-float 7s ease-in-out infinite}.yappr-register-page .story-inner{position:relative;z-index:2;display:flex;width:100%;min-height:calc(100vh - 80px);flex-direction:column}.yappr-register-page .brand,.yappr-register-page .mobile-brand{display:inline-flex;width:fit-content;align-items:center;gap:12px;text-decoration:none}.yappr-register-page .brand-mark{display:grid;width:50px;height:50px;place-items:center;animation:register-logo-float 5s ease-in-out infinite}.yappr-register-page .brand-mark svg,.yappr-register-page .brand-mark img{width:50px;height:50px;object-fit:contain}.yappr-register-page .brand-name{font-size:18px;font-weight:700;letter-spacing:-.45px}.yappr-register-page .story-copy{max-width:560px;margin-top:clamp(62px,10vh,112px);animation:register-rise-in .75s cubic-bezier(.22,1,.36,1) both}.yappr-register-page .story-kicker{display:inline-flex;min-height:31px;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.075);color:#ffffffc2;font-size:11px;font-weight:650}.yappr-register-page .story-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px #09b15e29}.yappr-register-page .story-copy h1{max-width:630px;margin-top:22px;font-size:clamp(42px,5vw,70px);line-height:.99;letter-spacing:clamp(-3.7px,-.07em,-2px);text-wrap:balance}.yappr-register-page .story-copy p{max-width:500px;margin-top:20px;color:#ffffff9e;font-size:15px;line-height:1.7}.yappr-register-page .story-stage{position:relative;display:flex;flex:1;min-height:470px;align-items:flex-end;margin-top:44px}.yappr-register-page .preview-phone{position:relative;width:min(56%,310px);min-height:420px;margin-left:8%;padding:13px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:38px 42px 34px 40px/39px 35px 42px 36px;background:rgba(255,255,255,.08);box-shadow:0 34px 90px #0000005c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:rotate(-4deg);transition:transform .55s cubic-bezier(.22,1,.36,1)}.yappr-register-page .story-panel:hover .preview-phone{transform:rotate(-2deg) translateY(-6px)}.yappr-register-page .phone-screen{min-height:394px;padding:25px 18px 18px;overflow:hidden;border-radius:29px 32px 27px 30px;background:linear-gradient(150deg,#f8fff9,#edf7f1);color:#111213}.yappr-register-page .phone-avatar,.yappr-register-page .avatar-preview,.yappr-register-page .finish-avatar{display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#111213,#34343a);color:#fff;font-weight:700;box-shadow:inset 0 -7px 10px #0000002e,0 8px 18px #1112131f}.yappr-register-page .phone-avatar{width:66px;height:66px;margin:0 auto;border-radius:22px 25px 20px 23px;font-size:20px}.yappr-register-page .phone-title{margin-top:14px;text-align:center;font-size:17px;font-weight:700;letter-spacing:-.35px}.yappr-register-page .phone-handle{margin-top:5px;text-align:center;color:#707680;font-size:10px}.yappr-register-page .phone-bio{max-width:210px;margin:11px auto 0;text-align:center;color:#60666f;font-size:10px;line-height:1.5}.yappr-register-page .phone-links{display:grid;gap:9px;margin-top:20px}.yappr-register-page .phone-link{display:flex;min-height:47px;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(17,18,19,.08);border-radius:16px 18px 15px 17px;background:#fff;box-shadow:0 4px 10px #1112130d}.yappr-register-page .phone-link-icon{width:24px;height:24px;border-radius:9px 10px 8px 9px;background:#09b15e}.yappr-register-page .phone-link:nth-child(2) .phone-link-icon{background:#7c5ce5}.yappr-register-page .phone-link:nth-child(3) .phone-link-icon{background:#f59e0b}.yappr-register-page .phone-link span:last-child{width:58%;height:7px;border-radius:999px;background:#dfe3e5}.yappr-register-page .float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:17px 19px 15px 18px;background:rgba(255,255,255,.09);box-shadow:0 18px 46px #00000040;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ffffffe0;font-size:11px;font-weight:650}.yappr-register-page .float-card.one{right:6%;top:20%;transform:rotate(4deg);animation:register-chip-one 5.5s ease-in-out infinite}.yappr-register-page .float-card.two{right:13%;bottom:15%;transform:rotate(-3deg);animation:register-chip-two 6s .7s ease-in-out infinite}.yappr-register-page .float-icon{display:grid;width:31px;height:31px;place-items:center;border-radius:11px 12px 10px 11px;background:var(--primary);color:#fff;box-shadow:inset 0 -4px #00000024}.yappr-register-page .float-card.two .float-icon{background:#7c5ce5}.yappr-register-page .float-icon svg{width:15px;height:15px}.yappr-register-page .story-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#ffffff6b;font-size:10px}.yappr-register-page .story-footer a{text-decoration:none}.yappr-register-page .story-footer-links{display:flex;gap:14px}.yappr-register-page .flow-panel{position:relative;display:flex;min-width:0;min-height:100vh;align-items:center;justify-content:center;padding:34px 24px;background:var(--bg)}.yappr-register-page .mobile-blob{position:absolute;top:-85px;left:-70px;width:210px;height:210px;border-radius:46% 54% 61% 39%/39% 43% 57% 61%;background:var(--primary-soft);transform:rotate(-15deg);animation:register-blob-drift 9s ease-in-out infinite alternate;pointer-events:none}.yappr-register-page .theme-menu{position:absolute;top:22px;right:22px;z-index:10}.yappr-register-page .theme-button{display:grid;width:43px;height:43px;place-items:center;border:1px solid var(--line);border-radius:15px 17px 14px 16px;background:var(--card);box-shadow:0 7px 18px #11121312;cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease}.yappr-register-page .theme-button:hover{transform:translateY(-2px) rotate(-4deg);border-color:var(--line-strong)}.yappr-register-page .theme-button svg{width:18px;height:18px}.yappr-register-page .theme-button .sun{display:none}.yappr-register-page .flow-wrap{position:relative;z-index:2;width:min(100%,660px)}.yappr-register-page .mobile-brand{gap:11px;margin-bottom:22px}.yappr-register-page .mobile-brand .brand-mark,.yappr-register-page .mobile-brand .brand-mark svg,.yappr-register-page .mobile-brand .brand-mark img{width:48px;height:48px}.yappr-register-page .progress-wrap{margin-bottom:16px}.yappr-register-page .progress-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.yappr-register-page .progress-copy,.yappr-register-page .progress-skip{color:var(--muted);font-size:11px;font-weight:650}.yappr-register-page .progress-copy strong,.yappr-register-page .progress-skip:hover{color:var(--fg)}.yappr-register-page .progress-skip{border:0;background:transparent;cursor:pointer;text-decoration:none}.yappr-register-page .progress-track{height:8px;margin-top:10px;overflow:hidden;border-radius:999px;background:var(--soft-2)}.yappr-register-page .progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#35db88);transition:width .55s cubic-bezier(.22,1,.36,1)}.yappr-register-page .onboarding-card{position:relative;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:30px 34px 27px 32px/31px 28px 35px 29px;background:var(--card);box-shadow:var(--shadow)}.yappr-register-page .onboarding-card:before{content:"";position:absolute;width:150px;height:150px;right:-70px;top:-70px;border-radius:50%;background:var(--primary-soft);pointer-events:none}.yappr-register-page .step{display:none;animation:register-step-in .52s cubic-bezier(.22,1,.36,1) both}.yappr-register-page .step.active{display:block}.yappr-register-page .step-badge{display:inline-flex;min-height:29px;align-items:center;gap:7px;padding:0 11px;border-radius:999px;background:var(--primary-soft);color:var(--primary-hover);font-size:10px;font-weight:700}.yappr-register-page .step-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary)}.yappr-register-page .step-heading{margin-top:15px}.yappr-register-page .step-heading h1{max-width:560px;font-size:clamp(28px,5vw,39px);line-height:1.08;letter-spacing:-1.7px;text-wrap:balance}.yappr-register-page .step-heading p{max-width:530px;margin-top:10px;color:var(--muted);font-size:13px;line-height:1.65}.yappr-register-page .form-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:24px}.yappr-register-page .field{min-width:0}.yappr-register-page .field label{display:block;margin-bottom:7px;font-size:11px;font-weight:650}.yappr-register-page .field-note{margin-top:6px;color:var(--muted);font-size:10px;line-height:1.45}.yappr-register-page .field-note.is-ok{color:#16a34a}.yappr-register-page .field-note.is-bad{color:var(--danger)}.yappr-register-page .input-shell{display:flex;min-height:48px;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:15px 17px 14px 16px;background:var(--soft);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.yappr-register-page .input-shell:focus-within{border-color:#09b15eb8;background:var(--card);box-shadow:var(--field-shadow)}.yappr-register-page .input-icon{width:17px;height:17px;flex:0 0 auto;color:var(--muted)}.yappr-register-page .input,.yappr-register-page .textarea{width:100%;border:0;outline:0;background:transparent;color:var(--fg);font-size:13px}.yappr-register-page .input::placeholder,.yappr-register-page .textarea::placeholder{color:var(--muted);opacity:.75}.yappr-register-page .textarea-shell{align-items:flex-start;min-height:95px;padding-top:13px}.yappr-register-page .textarea{min-height:66px;resize:none;line-height:1.55}.yappr-register-page .slug-shell{gap:0;padding:0;overflow:hidden}.yappr-register-page .slug-prefix{display:inline-flex;min-height:48px;align-items:center;padding:0 11px;border-right:1px solid var(--line);color:var(--muted);font-size:11px;white-space:nowrap}.yappr-register-page .slug-shell .input{min-height:48px;padding:0 12px}.yappr-register-page .field.has-error .input-shell{border-color:#dc2626a6;box-shadow:0 0 0 3px #dc26261a}.yappr-register-page .error-text{display:none;margin-top:6px;color:var(--danger);font-size:10px;font-weight:600}.yappr-register-page .field.has-error .error-text{display:block}.yappr-register-page .avatar-picker,.yappr-register-page .url-preview,.yappr-register-page .finish-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--soft),var(--card))}.yappr-register-page .avatar-picker{display:flex;align-items:center;gap:14px;margin-top:22px;padding:15px;border-radius:19px 21px 17px 20px}.yappr-register-page .avatar-preview{width:62px;height:62px;flex:0 0 auto;border-radius:21px 23px 19px 22px;font-size:18px}.yappr-register-page .avatar-copy strong{display:block;font-size:12px}.yappr-register-page .avatar-copy span{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.yappr-register-page .url-preview{display:flex;align-items:center;gap:12px;margin-top:20px;padding:15px;border-radius:19px 21px 17px 20px}.yappr-register-page .url-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:15px 17px 14px 16px;background:var(--primary);color:#fff;box-shadow:inset 0 -5px #00000021,0 6px #11121312}.yappr-register-page .url-icon svg{width:18px;height:18px}.yappr-register-page .url-copy span{display:block;color:var(--muted);font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.6px}.yappr-register-page .url-copy strong{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.yappr-register-page .finish-card{margin-top:22px;padding:18px;overflow:hidden;border-radius:23px 26px 21px 24px}.yappr-register-page .finish-top{display:flex;align-items:center;gap:13px}.yappr-register-page .finish-avatar{width:56px;height:56px;flex:0 0 auto;border-radius:19px 21px 17px 20px;font-size:16px}.yappr-register-page .finish-copy strong,.yappr-register-page .finish-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yappr-register-page .finish-copy strong{font-size:14px}.yappr-register-page .finish-copy span{margin-top:4px;color:var(--muted);font-size:10px}.yappr-register-page .finish-live{margin-left:auto;display:inline-flex;min-height:24px;align-items:center;gap:6px;padding:0 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary-hover);font-size:9px;font-weight:700}.yappr-register-page .finish-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary)}.yappr-register-page .finish-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.yappr-register-page .finish-link{height:55px;border:1px solid var(--line);border-radius:15px 17px 14px 16px;background:var(--card)}.yappr-register-page .finish-link:nth-child(1){box-shadow:inset 0 5px 0 var(--primary)}.yappr-register-page .finish-link:nth-child(2){box-shadow:inset 0 5px #7c5ce5}.yappr-register-page .finish-link:nth-child(3){box-shadow:inset 0 5px #f59e0b}.yappr-register-page .ready-note,.yappr-register-page .otp-panel{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px;border-radius:15px 17px 14px 16px;background:var(--primary-soft);color:var(--muted-strong);font-size:10px;line-height:1.45}.yappr-register-page .ready-note svg{width:16px;height:16px;flex:0 0 auto;color:var(--primary)}.yappr-register-page .security-form{display:grid;gap:16px;margin-top:24px}.yappr-register-page .security-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:19px 21px 17px 20px;background:var(--soft)}.yappr-register-page .security-intro strong,.yappr-register-page .security-intro span{display:block}.yappr-register-page .security-intro strong{font-size:12px}.yappr-register-page .security-intro span{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.yappr-register-page .security-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary-hover);font-size:10px;font-weight:700;white-space:nowrap}.yappr-register-page .security-pill svg{width:14px;height:14px}.yappr-register-page .security-field-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:11px;font-weight:650}.yappr-register-page .security-hint{color:var(--muted);font-size:10px;font-weight:600}.yappr-register-page .security-input-row{position:relative}.yappr-register-page .security-input{width:100%;min-height:48px;padding:0 48px 0 13px;border:1px solid var(--line);border-radius:15px 17px 14px 16px;outline:0;background:var(--soft);color:var(--fg);font-size:13px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.yappr-register-page .security-input:focus{border-color:#09b15eb8;background:var(--card);box-shadow:var(--field-shadow)}.yappr-register-page .password-eye{position:absolute;top:22%;right:10px;display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:11px;background:transparent;color:var(--muted);cursor:pointer}.yappr-register-page .password-eye svg{width:17px;height:17px}.yappr-register-page .form-error{display:block;margin-top:6px;color:var(--danger);font-size:10px;font-weight:700}.yappr-register-page .password-strength{display:grid;gap:8px}.yappr-register-page .password-strength-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;font-weight:700}.yappr-register-page .password-strength-track{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.yappr-register-page .password-strength-track span{height:5px;border-radius:999px;background:var(--soft-2)}.yappr-register-page .password-strength[data-strength="1"] .password-strength-track span:nth-child(-n+1){background:#ef4444}.yappr-register-page .password-strength[data-strength="2"] .password-strength-track span:nth-child(-n+2){background:#f59e0b}.yappr-register-page .password-strength[data-strength="3"] .password-strength-track span:nth-child(-n+3){background:#84cc16}.yappr-register-page .password-strength[data-strength="4"] .password-strength-track span:nth-child(-n+4){background:#22c55e}.yappr-register-page .otp-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:22px}.yappr-register-page .otp-digit{width:100%;min-height:48px;border:1px solid var(--line);border-radius:15px 17px 14px 16px;outline:0;background:var(--soft);color:var(--fg);text-align:center;font-size:18px;font-weight:800}.yappr-register-page .otp-digit:focus{border-color:#09b15eb8;background:var(--card);box-shadow:var(--field-shadow)}.yappr-register-page .otp-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.yappr-register-page .otp-actions button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:11px;font-weight:700}.yappr-register-page .otp-actions button:hover{color:var(--fg)}.yappr-register-page .step-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:26px}.yappr-register-page .btn{position:relative;display:inline-flex;min-height:45px;align-items:center;justify-content:center;gap:8px;overflow:hidden;padding:0 15px;border:1px solid transparent;border-radius:14px 17px 13px 16px;cursor:pointer;font-size:11px;font-weight:700;transition:transform .22s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.yappr-register-page .btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.25) 48%,transparent 68%);transform:translate(-130%);transition:transform .65s ease}.yappr-register-page .btn:hover:after{transform:translate(130%)}.yappr-register-page .btn:hover{transform:translateY(-2px)}.yappr-register-page .btn:active{transform:translateY(0) scale(.98)}.yappr-register-page .btn svg{width:15px;height:15px}.yappr-register-page .btn-primary{min-width:136px;border-color:#00000012;background:var(--primary);color:#fff;box-shadow:inset 0 -5px #0000001f,0 8px 18px #09b15e38}.yappr-register-page .btn-primary:hover{background:var(--primary-hover)}.yappr-register-page .btn-ghost{border-color:var(--line);background:var(--card);color:var(--fg)}.yappr-register-page .btn:disabled{cursor:not-allowed;opacity:.48}.yappr-register-page .dots{display:flex;gap:6px;align-items:center}.yappr-register-page .dot{width:7px;height:7px;border-radius:999px;background:var(--soft-2);transition:width .3s ease,background .3s ease}.yappr-register-page .dot.active{width:21px;background:var(--primary)}.yappr-register-page .mobile-footer{display:flex;justify-content:center;gap:15px;margin-top:18px;color:var(--muted);font-size:10px}.yappr-register-page .mobile-footer a{text-decoration:none}@media (min-width: 600px){.yappr-register-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yappr-register-page .field-full{grid-column:1/-1}}@media (min-width: 980px){.yappr-register-page .onboarding-shell{grid-template-columns:minmax(430px,44%) minmax(0,56%)}.yappr-register-page .story-panel{display:block}.yappr-register-page .flow-panel{padding:42px}.yappr-register-page .mobile-brand,.yappr-register-page .mobile-blob{display:none}}@media (min-width: 1320px){.yappr-register-page .onboarding-shell{grid-template-columns:minmax(540px,46%) minmax(0,54%)}.yappr-register-page .story-panel{padding:48px}.yappr-register-page .story-inner{min-height:calc(100vh - 96px)}}@media (max-width: 599px){.yappr-register-page .flow-panel{align-items:flex-start;padding:74px 16px 24px}.yappr-register-page .theme-menu{top:17px;right:16px}.yappr-register-page .onboarding-card{padding:22px 17px;border-radius:25px 28px 23px 27px}.yappr-register-page .step-heading h1{font-size:29px;letter-spacing:-1.3px}.yappr-register-page .step-heading p{font-size:12px}.yappr-register-page .avatar-picker{align-items:flex-start}.yappr-register-page .step-actions{flex-wrap:wrap}.yappr-register-page .dots{order:3;width:100%;justify-content:center;margin-top:2px}.yappr-register-page .btn{flex:1}}html[data-theme=dark] .yappr-register-page{color-scheme:dark;--bg: #0d0e0f;--fg: #f4f4f5;--muted: #9da3ad;--muted-strong: #c1c5cb;--card: #151719;--soft: #1c1e20;--soft-2: #26292c;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--primary: #12c76b;--primary-hover: #18d477;--primary-soft: rgba(18, 199, 107, .13);--danger: #fb7185;--panel-start: #050506;--panel-end: #1e1e22;--shadow: 0 28px 84px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .24);--field-shadow: 0 0 0 3px rgba(18, 199, 107, .14)}html[data-theme=dark] .yappr-register-page .theme-button .moon{display:none}html[data-theme=dark] .yappr-register-page .theme-button .sun{display:block}@keyframes register-rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes register-step-in{0%{opacity:0;transform:translate(20px) scale(.985)}to{opacity:1;transform:none}}@keyframes register-logo-float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(-2deg)}}@keyframes register-blob-drift{0%{transform:rotate(12deg) translate(0)}to{transform:rotate(25deg) translate(-14px,16px)}}@keyframes register-bubble-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.04)}}@keyframes register-chip-one{0%,to{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2deg) translateY(-10px)}}@keyframes register-chip-two{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(9px)}}@media (hover: none),(pointer: coarse){.yappr-register-page .theme-button:hover,.yappr-register-page .btn:hover{transform:none}}@media (prefers-reduced-motion: reduce){.yappr-register-page *,.yappr-register-page *:before,.yappr-register-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.public-page-shell{--public-bg: #f6f3ec;--public-text: #141414;--public-muted: rgba(20, 20, 20, .62);--public-card: rgba(255, 255, 255, .78);--public-border: rgba(20, 20, 20, .08);min-height:100svh;padding:clamp(22px,5vw,64px) 16px;background:radial-gradient(circle at 18% 10%,rgba(163,230,53,.22),transparent 28%),radial-gradient(circle at 84% 20%,rgba(59,130,246,.14),transparent 30%),var(--public-bg);color:var(--public-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.public-page-shell.public-theme-dark{--public-bg: #101011;--public-text: #ffffff;--public-muted: rgba(255, 255, 255, .62);--public-card: rgba(255, 255, 255, .08);--public-border: rgba(255, 255, 255, .11)}.public-page{width:min(100%,760px);margin:0 auto}.public-profile{display:flex;align-items:center;gap:18px;margin-bottom:22px}.public-profile-top{flex-direction:column;text-align:center}.public-avatar{display:grid;width:88px;height:88px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid var(--public-border);border-radius:28px;background:linear-gradient(145deg,#111213,#323238);box-shadow:0 18px 44px #00000029;color:#fff;font-size:27px;font-weight:900}.public-avatar img{width:100%;height:100%;object-fit:cover}.public-corners-soft .public-avatar,.public-bento-grid.public-corners-soft .public-card{border-radius:18px}.public-corners-square .public-avatar,.public-bento-grid.public-corners-square .public-card{border-radius:8px}.public-corners-pill .public-avatar{border-radius:999px}.public-bento-grid.public-corners-pill .public-card{border-radius:28px}.public-profile-copy{min-width:0}.public-profile-copy h1{margin:0;font-size:clamp(30px,7vw,52px);line-height:.95;letter-spacing:-.06em}.public-profile-copy p{max-width:540px;margin:10px 0 0;color:var(--public-muted);font-size:14px;line-height:1.6}.public-bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(82px,1fr);gap:12px}.public-card{position:relative;min-height:120px;overflow:hidden;border:1px solid var(--public-border);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--public-card-accent) 18%,transparent),transparent),var(--public-card);box-shadow:0 18px 50px #00000014;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-card-1x1{grid-column:span 1;grid-row:span 1}.public-card-2x1{grid-column:span 2;grid-row:span 1}.public-card-1x2{grid-column:span 1;grid-row:span 2}.public-card-2x2{grid-column:span 2;grid-row:span 2}.public-card-3x1,.public-card-4x1{grid-column:span 4;grid-row:span 1}.public-card-3x2,.public-card-4x2{grid-column:span 4;grid-row:span 2}.public-card-link,.public-card-content,.public-card-overlay{display:flex;width:100%;height:100%;min-height:inherit;flex-direction:column;justify-content:flex-end;gap:12px;padding:16px;color:inherit;text-decoration:none}.public-card-link{transition:transform .18s ease,background .18s ease}.public-card-link:hover{background:color-mix(in srgb,var(--public-card-accent) 8%,transparent);transform:translateY(-1px)}.public-card-emoji{font-size:28px;line-height:1}.public-card-copy{display:grid;gap:5px}.public-card-copy strong,.public-card-overlay strong{display:-webkit-box;overflow:hidden;font-size:16px;font-weight:900;line-height:1.1;-webkit-box-orient:vertical;-webkit-line-clamp:2}.public-card-copy small,.public-card-overlay small{display:-webkit-box;overflow:hidden;color:var(--public-muted);font-size:12px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.public-card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.public-card-overlay{position:absolute;inset:auto 0 0;min-height:55%;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.62),transparent);color:#fff}.public-card-overlay small{color:#ffffffc7}@media (max-width: 640px){.public-page-shell{padding:22px 12px}.public-profile{align-items:flex-start}.public-avatar{width:72px;height:72px;border-radius:22px;font-size:22px}.public-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(96px,auto);gap:10px}.public-card-3x1,.public-card-4x1,.public-card-3x2,.public-card-4x2{grid-column:span 2}}.live-page-shell{--gap: 12px;--col: calc((min(900px, 100vw - 80px) - 3 * var(--gap)) / 4);--row: var(--col);--font-body: "DM Sans", sans-serif;--font-display: "Syne", sans-serif;--shadow-card: 0 12px 32px rgba(0, 0, 0, .4);--shadow-card-hover: 0 12px 32px rgba(0, 0, 0, .4);min-height:100vh;min-height:100dvh;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body)}.live-page-shell.light{--dock-active-fg: #161616}.live-page-shell.theme-light,.live-page-shell.light{--bg: #fff;--surface: #fff;--surface2: #f7f3ea;--surface3: #ede7d8;--border: #d9d3c4;--border-hover: #a8a298;--accent: #4a7a15;--text: #161616;--text-muted: #6a6660;--text-dim: #aaa298;--on-accent: #fff;--modal-bg: #fff;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 14px rgba(0, 0, 0, .08);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08), 0 16px 36px rgba(0, 0, 0, .14);color-scheme:light}.live-page-shell.theme-dark{--bg: #101010;--surface: #191919;--surface2: #242424;--surface3: #303030;--border: #383838;--border-hover: #5d5d5d;--accent: #c8f66a;--accent2: #6af6c8;--accent3: #f66ac8;--text: #f4f4f4;--text-muted: #999;--text-dim: #606060;--on-accent: #101010;--modal-bg: #1c1c1c;color-scheme:dark}.live-page-shell.theme-cream{--bg: #f6f1e8;--surface: #fffdf8;--surface2: #eee8dc;--surface3: #e5ddcf;--border: #d9d0c2;--border-hover: #afa394;--accent: #8a6035;--accent2: #b98150;--accent3: #d89b65;--text: #2c251e;--text-muted: #746a61;--text-dim: #a99e91;--on-accent: #fff;--modal-bg: #fffdf8;color-scheme:light}.live-page-shell.theme-candies{--bg: #fff3f7;--surface: #fff;--surface2: #ffe8f1;--surface3: #ffd8e8;--border: #efc8d8;--border-hover: #d99ab5;--accent: #c61f68;--accent2: #ff7bac;--accent3: #8b5cf6;--text: #321522;--text-muted: #86586b;--text-dim: #ba8da0;--on-accent: #fff;--modal-bg: #fff;color-scheme:light}.live-page-shell.theme-midnight{--bg: #070b18;--surface: #0d1325;--surface2: #151d33;--surface3: #202b46;--border: #283652;--border-hover: #496183;--accent: #61c8ff;--accent2: #7ce6ff;--accent3: #a98cff;--text: #eff7ff;--text-muted: #91a5bd;--text-dim: #526781;--on-accent: #06101b;--modal-bg: #0d1325;color-scheme:dark}.live-page-shell.theme-matcha{--bg: #f1f4e9;--surface: #fbfcf7;--surface2: #e5eadb;--surface3: #d9e1cb;--border: #cbd4bc;--border-hover: #9cab88;--accent: #557344;--accent2: #85a96d;--accent3: #becf8a;--text: #21301c;--text-muted: #68765f;--text-dim: #9aa58f;--on-accent: #fff;--modal-bg: #fbfcf7;color-scheme:light}.live-page-shell.font-sans{--font-body: "DM Sans", sans-serif;--font-display: "Syne", sans-serif}.live-page-shell.font-serif{--font-body: Georgia, "Times New Roman", serif;--font-display: Georgia, "Times New Roman", serif}.live-page-shell.corners-square{--radius: 4px}.live-page-shell.corners-soft{--radius: 14px}.live-page-shell.corners-round{--radius: 26px}.live-page-shell .canvas-area{position:relative;display:flex;min-height:100vh;min-height:100dvh;justify-content:center;padding:70px 40px 120px;background:var(--bg)}.live-page-shell .canvas-inner{width:100%;max-width:900px}.live-page-shell .profile-header{color:var(--text)}.live-page-shell .profile-avatar{border-radius:var(--radius);background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent)}.live-page-shell.light .profile-avatar{background:#161616;color:var(--accent)}.live-page-shell.corners-round .profile-avatar{border-radius:550px}.live-page-shell .profile-info h2{display:inline-flex;max-width:100%;align-items:center;justify-content:center;gap:8px;color:var(--text)}.live-page-shell .profile-info h2>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.public-verified-badge{display:inline-flex;width:24px;height:24px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:999px;background:var(--accent);color:var(--on-accent);line-height:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.public-verified-badge i{display:inline-flex;width:1em;height:1em;align-items:center;justify-content:center;font-size:18px;line-height:1}.live-page-shell .profile-info p{color:var(--text-muted)}.live-page-shell .bento-card{cursor:pointer;-webkit-user-select:auto;user-select:auto}.live-page-shell .bento-card .bento-surface{pointer-events:auto}.live-page-shell .public-live-click-target{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:block;border-radius:inherit;color:inherit;text-decoration:none}.public-page-branding{position:fixed;right:18px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:80;display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:0 14px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface2) 88%,transparent);box-shadow:0 10px 30px #0000002e,inset 0 1px #ffffff14;color:var(--text-muted);font-size:11px;text-decoration:none;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);transition:transform .18s ease,border-color .18s ease,color .18s ease}.public-page-branding strong{color:var(--text);font-family:var(--font-display);font-size:12px}.public-page-branding span:last-child{color:var(--accent)}.public-page-branding:hover{border-color:var(--border-hover);color:var(--text);transform:translateY(-2px)}.live-page-shell .card-title,.live-page-shell .card-subtitle{overflow-wrap:anywhere}.live-page-shell .map-fill{background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 30% 24%,rgba(106,246,200,.32),transparent 28%),radial-gradient(circle at 74% 68%,rgba(200,246,106,.24),transparent 30%),#111827;background-size:32px 32px,32px 32px,auto,auto,auto}@media (min-width: 900px){.live-page-shell.profile-left .profile-avatar{width:160px;height:160px}.live-page-shell.profile-left .canvas-inner{max-width:1720px;display:grid;grid-template-columns:400px minmax(0,1fr);align-items:start;column-gap:96px}.live-page-shell.profile-left .profile-header{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:0;padding-top:4px}.live-page-shell.profile-left .profile-info{width:100%;flex:none;align-items:flex-start;gap:7px}.live-page-shell.profile-left .profile-info h2{justify-content:flex-start;font-size:34px;line-height:1.08}.live-page-shell.profile-left .profile-info p{overflow:visible;font-size:20px;line-height:1.5;text-overflow:clip}.live-page-shell.profile-left .bento-grid{--profile-side-col: calc((min(900px, 100vw - 390px) - 3 * var(--gap)) / 4);grid-template-columns:repeat(4,var(--profile-side-col));grid-auto-rows:var(--profile-side-col);min-width:0}}@media (max-width: 1023px){.live-page-shell{--col: calc((min(760px, 100vw - 40px) - 3 * var(--gap)) / 4)}}@media (max-width: 599px){body.profile-left:not(.viewport-mobile) .profile-header{flex-direction:row;align-items:center;gap:14px;text-align:left}body.profile-left:not(.viewport-mobile) .profile-avatar{width:88px;height:88px}body.profile-left:not(.viewport-mobile) .profile-info{width:auto;flex:1 1 auto;align-items:flex-start;text-align:left}body.profile-left:not(.viewport-mobile) .profile-edit-wrap-name,body.profile-left:not(.viewport-mobile) .profile-edit-wrap-bio{align-self:flex-start}.live-page-shell{--gap: 10px;--col: calc((100vw - 32px - var(--gap)) / 2);--radius: 16px}.live-page-shell .canvas-area{padding:46px 16px 110px}.live-page-shell.profile-left .profile-header{flex-direction:row;align-items:center;gap:14px;text-align:left}.live-page-shell.profile-left .profile-avatar{width:88px;height:88px}.live-page-shell.profile-left .profile-info{width:auto;flex:1 1 auto;align-items:flex-start;text-align:left}.live-page-shell.profile-left .profile-info h2{justify-content:flex-start;white-space:nowrap}.public-page-branding{right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}.live-page-shell.corners-round .profile-avatar{border-radius:550px}}.yena-toast{position:fixed;right:24px;bottom:24px;z-index:120;max-width:min(380px,100vw - 32px);display:flex;align-items:center;gap:10px;padding:13px 15px;background:#111213;color:#fff;border-radius:15px;box-shadow:0 18px 44px #1112133d;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .25s ease}.yena-toast svg{width:18px;height:18px;color:#58db96}.yena-toast span{font-size:11px;line-height:1.45}#app-toast::backdrop{background:transparent}.analytics-page{--bg: #ffffff;--fg: #111213;--muted: #6b7280;--soft: #f6f7f7;--card: #ffffff;--border: rgba(17, 18, 19, .09);--border-strong: rgba(17, 18, 19, .14);--primary: #09b15e;--primary-hover: #07964f;--primary-soft: rgba(9, 177, 94, .11);--shadow: 0 2px 4px rgba(17, 18, 19, .06), 0 1px 1px rgba(17, 18, 19, .04);--shadow-hover: 0 16px 38px rgba(17, 18, 19, .075), 0 2px 6px rgba(17, 18, 19, .04);min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark] .analytics-page{--bg: #0d0e0f;--fg: #f4f4f5;--muted: #9da3ad;--soft: #17191b;--card: #151719;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--primary: #12c76b;--primary-hover: #18d477;--primary-soft: rgba(18, 199, 107, .14);--shadow: 0 2px 4px rgba(0, 0, 0, .26), 0 1px 1px rgba(0, 0, 0, .22);--shadow-hover: 0 18px 42px rgba(0, 0, 0, .34), 0 3px 9px rgba(0, 0, 0, .2)}.analytics-page *,.analytics-page *:before,.analytics-page *:after{box-sizing:border-box}.analytics-page button,.analytics-page input,.analytics-page select{font:inherit;color:inherit}.analytics-page button{border:0}.analytics-page .analytics-theme-toggle{position:fixed;right:24px;top:24px;z-index:40}.analytics-page .shell{position:relative;min-height:100vh;width:100%;background:var(--bg)}.analytics-page .left-panel{display:flex;width:100%;max-width:428px;margin:0 auto;padding:48px 24px 0;align-items:center;justify-content:center}.analytics-page .left-inner{display:flex;width:100%;flex-direction:column;padding:0 16px}.analytics-page .logo-wrap{display:flex;width:120px;height:120px;align-items:center;justify-content:center;animation:analytics-logo-in .85s cubic-bezier(.22,1,.36,1) both,analytics-logo-float 5s ease-in-out 1s infinite}.analytics-page .logo-wrap svg,.analytics-page .logo-wrap img{width:88px;height:88px;object-fit:contain;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .35s ease}.analytics-page .logo-wrap:hover svg,.analytics-page .logo-wrap:hover img{transform:rotate(-4deg) scale(1.06);filter:drop-shadow(0 18px 28px rgba(0,0,0,.22))}.analytics-page .page-heading{width:calc(100% - 8px);margin:32px 0 30px 8px}.analytics-page .page-heading h1{font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-1.2px;animation:analytics-rise-in .75s .1s cubic-bezier(.22,1,.36,1) both}.analytics-page .page-heading p{max-width:500px;margin-top:12px;color:var(--muted);font-size:18px;line-height:1.55;animation:analytics-rise-in .75s .2s cubic-bezier(.22,1,.36,1) both}.analytics-page .bento-container{display:flex;width:100%;max-width:428px;margin:0 auto;padding:0 24px 36px;flex-direction:column}.analytics-page .bento-left-spacer{display:none}.analytics-page .bento-content{width:100%;padding:8px 0 24px}.analytics-page .bento-content>*+*{margin-top:32px}.analytics-page .section{animation:analytics-section-in .7s cubic-bezier(.22,1,.36,1) both}.analytics-page .analytics-plan-lock{position:relative;display:flex;min-height:520px;overflow:hidden;align-items:center;justify-content:center;flex-direction:column;padding:52px;border-radius:30px;background:linear-gradient(145deg,var(--card),var(--soft));text-align:center}.analytics-page .analytics-plan-lock>*:not(.analytics-plan-lock-glow){position:relative;z-index:2}.analytics-page .analytics-plan-lock-glow{position:absolute;border-radius:50%;pointer-events:none}.analytics-page .analytics-plan-lock-glow-one{width:260px;height:260px;top:-150px;right:-90px;background:rgba(99,102,241,.14);box-shadow:0 0 0 42px #6366f109}.analytics-page .analytics-plan-lock-glow-two{width:210px;height:210px;bottom:-125px;left:-70px;background:rgba(9,177,94,.13);box-shadow:0 0 0 36px #09b15e09}.analytics-page .analytics-plan-lock-icon{display:grid;width:72px;height:72px;margin-bottom:20px;place-items:center;border-radius:24px 27px 22px 26px;background:linear-gradient(145deg,#09b15e,#078f4c);color:#fff;box-shadow:inset 0 -7px 12px #00000021,0 18px 34px #09b15e38;transform:rotate(-3deg)}.analytics-page .analytics-plan-lock-icon i{font-size:31px}.analytics-page .analytics-plan-lock h2{max-width:520px;margin:14px 0 0;color:var(--fg);font-size:clamp(28px,5vw,42px);line-height:1.05;letter-spacing:-1.7px}.analytics-page .analytics-plan-lock>p{max-width:550px;margin:15px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.analytics-page .analytics-plan-lock-features{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}.analytics-page .analytics-plan-lock-features span{display:inline-flex;min-height:34px;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--fg);font-size:10px;font-weight:650}.analytics-page .analytics-plan-lock-features i{color:var(--primary-hover);font-size:13px}.analytics-page .analytics-plan-lock .btn{min-width:190px;margin-top:28px}.analytics-page .section>*+*{margin-top:14px}.analytics-page .section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.analytics-page .section-header h2{font-size:18px;font-weight:650;letter-spacing:-.35px}.analytics-page .section-header p{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}.analytics-page .grid{display:grid;grid-template-columns:1fr;gap:16px}.analytics-page .card,.analytics-page .selector-hero,.analytics-page .page-pick-card,.analytics-page .analytics-top{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:var(--shadow);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .25s ease,box-shadow .35s ease,background-color .28s ease,color .28s ease}.analytics-page .card{min-width:0;padding:18px;animation:analytics-card-in .65s cubic-bezier(.22,1,.36,1) both}.analytics-page .card:hover,.analytics-page .page-pick-card:hover{transform:translateY(-3px);border-color:#09b15e2e;box-shadow:var(--shadow-hover)}.analytics-page .card-static:hover{transform:none}.analytics-page .card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.analytics-page .card-heading{display:flex;min-width:0;align-items:flex-start;gap:12px}.analytics-page .card-heading-text{min-width:0}.analytics-page .card-title{color:var(--fg);font-size:14px;font-weight:650;letter-spacing:-.2px}.analytics-page .card-copy,.analytics-page .empty-note,.analytics-page .chart-note{color:var(--muted);font-size:12px;line-height:1.55}.analytics-page .tile-wrap{display:inline-flex;width:40px;height:40px;flex:0 0 auto;align-items:center;justify-content:center}.analytics-page .tile{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(0,0,0,.08);border-radius:15px 17px 14px 16px/15px 16px 17px 14px;box-shadow:inset 0 -4px #0000001c,inset 0 1px #ffffff47,0 5px #11121314;transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.analytics-page .card:hover .tile,.analytics-page .page-pick-card:hover .tile{transform:translateY(-2px) rotate(-5deg) scale(1.07)}.analytics-page .tile svg{width:19px;height:19px}.analytics-page .tile-green{background:#09b15e}.analytics-page .tile-purple{background:#7c5ce5}.analytics-page .tile-amber{background:#f59e0b}.analytics-page .tile-blue{background:#1689e8}.analytics-page .tile-cyan{background:#0891b2}.analytics-page .btn{position:relative;display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;overflow:hidden;padding:0 13px;border:1px solid transparent;border-radius:12px;cursor:pointer;text-decoration:none;white-space:nowrap;font-size:12px;font-weight:600;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.analytics-page .btn:hover{transform:translateY(-1px)}.analytics-page .btn-primary{background:var(--primary);border-color:#00000012;color:#fff}.analytics-page .btn-primary:hover{background:var(--primary-hover);box-shadow:0 9px 22px #09b15e3b}.analytics-page .btn-ghost{background:#fff;border-color:var(--border);color:var(--fg)}:root[data-theme=dark] .analytics-page .btn-ghost{background:#191b1e}.analytics-page .selector-hero{padding:22px;border-radius:24px;background:linear-gradient(145deg,#fbfffd,#f6fbf8)}:root[data-theme=dark] .analytics-page .selector-hero,:root[data-theme=dark] .analytics-page .analytics-top{background:linear-gradient(145deg,#171b19,#121514)}.analytics-page .selector-hero:before,.analytics-page .selector-hero:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.analytics-page .selector-hero:before{width:180px;height:180px;right:-62px;top:-76px;background:rgba(9,177,94,.12)}.analytics-page .selector-hero:after{width:90px;height:90px;left:-36px;bottom:-34px;background:rgba(124,92,229,.12)}.analytics-page .selector-eyebrow{display:inline-flex;min-height:24px;align-items:center;gap:7px;padding:0 9px;border-radius:999px;background:var(--primary-soft);color:#087b44;font-size:10px;font-weight:750}.analytics-page .selector-eyebrow:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--primary)}.analytics-page .selector-hero h2{position:relative;z-index:1;margin-top:16px;max-width:620px;font-size:30px;line-height:1.08;letter-spacing:-1.4px}.analytics-page .selector-hero p{position:relative;z-index:1;margin-top:10px;max-width:650px;color:var(--muted);font-size:13px;line-height:1.65}.analytics-page .selector-tools{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}.analytics-page .input,.analytics-page .select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:12px;outline:none;background:#fff;color:var(--fg);font-size:13px;padding:0 12px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}:root[data-theme=dark] .analytics-page .input,:root[data-theme=dark] .analytics-page .select{background:#101214}.analytics-page .input:focus,.analytics-page .select:focus{border-color:#09b15eb3;box-shadow:0 0 0 3px #09b15e24}.analytics-page .page-picker-grid{display:grid;grid-template-columns:1fr;gap:14px}.analytics-page .page-pick-card{display:flex;flex-direction:column;gap:16px;padding:16px;cursor:pointer;text-align:left;animation:analytics-card-in .65s cubic-bezier(.22,1,.36,1) both}.analytics-page .pick-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.analytics-page .pick-name{min-width:0}.analytics-page .pick-name strong,.analytics-page .pick-name span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-page .pick-name strong{font-size:14px;letter-spacing:-.25px}.analytics-page .pick-name span{margin-top:4px;color:var(--muted);font-size:11px}.analytics-page .pick-cover{position:relative;height:86px;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#0f172a,#09b15e)}.analytics-page .pick-cover:before{content:"";position:absolute;inset:14px 12px auto;height:11px;max-width:120px;border-radius:999px;background:rgba(255,255,255,.82)}.analytics-page .pick-cover:after{content:"";position:absolute;left:12px;right:42px;bottom:14px;height:30px;border-radius:12px;background:rgba(255,255,255,.22);box-shadow:44px 0 #ffffff24}.analytics-page .cover-purple{background:linear-gradient(135deg,#7c5ce5,#261b54)}.analytics-page .cover-amber{background:linear-gradient(135deg,#f59e0b,#7c2d12)}.analytics-page .cover-cyan{background:linear-gradient(135deg,#0891b2,#083344)}.analytics-page .pick-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.analytics-page .pick-metric{padding:9px;border-radius:13px;background:var(--soft)}.analytics-page .pick-metric b{display:block;font-size:13px;letter-spacing:-.25px}.analytics-page .pick-metric span{display:block;margin-top:2px;color:var(--muted);font-size:10px}.analytics-page .inline-status{display:inline-flex;min-height:23px;align-items:center;gap:6px;padding:0 8px;border-radius:999px;background:#ecfdf3;color:#087b44;font-size:10px;font-weight:700}.analytics-page .inline-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary)}.analytics-page .analytics-screen{display:none}.analytics-page .analytics-screen.show{display:block;animation:analytics-section-in .55s cubic-bezier(.22,1,.36,1) both}.analytics-page .analytics-top{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:22px;background:linear-gradient(145deg,#fbfffd,#f6fbf8)}.analytics-page .current-page{display:flex;align-items:center;gap:14px;min-width:0}.analytics-page .page-avatar{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;border:3px solid #fff;border-radius:18px 20px 17px 19px/18px 19px 20px 17px;background:linear-gradient(145deg,#171719,#34343a);color:#fff;font-size:17px;font-weight:750;box-shadow:0 0 0 1px #11121314,0 8px 20px #1112131f}.analytics-page .current-page strong{display:block;font-size:18px;letter-spacing:-.45px}.analytics-page .current-page span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.analytics-page .analytics-actions{display:flex;gap:8px;flex-wrap:wrap}.analytics-page .metric-card{min-height:142px}.analytics-page .metric-value{margin-top:6px;font-size:30px;font-weight:700;letter-spacing:-1.4px}.analytics-page .metric-change{margin-top:10px;display:inline-flex;min-height:24px;align-items:center;gap:6px;padding:0 8px;border-radius:999px;background:var(--primary-soft);color:#087b44;font-size:10px;font-weight:750}.analytics-page .metric-change.down{background:rgba(232,80,103,.1);color:#b91c1c}.analytics-page .metric-spark{display:flex;align-items:flex-end;gap:3px;height:30px;margin-top:12px}.analytics-page .metric-spark i{flex:1;min-height:5px;border-radius:4px 4px 2px 2px;background:rgba(9,177,94,.16);animation:analytics-bar-rise .75s cubic-bezier(.22,1,.36,1) both;transform-origin:bottom}.analytics-page .metric-spark i.hot{background:var(--primary)}.analytics-page .chart-card{padding:18px}.analytics-page .chart-bars{display:flex;align-items:end;gap:10px;height:230px;padding-top:18px}.analytics-page .chart-bar{flex:1;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:end;gap:8px;color:var(--muted);font-size:10px;font-weight:650}.analytics-page .chart-bar span:first-child{display:block;width:100%;max-width:34px;min-height:10px;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,var(--primary),rgba(9,177,94,.28));animation:analytics-bar-rise .8s cubic-bezier(.22,1,.36,1) both;transform-origin:bottom}.analytics-page .chart-note{margin-top:14px}.analytics-page .list{display:flex;flex-direction:column}.analytics-page .list-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(17,18,19,.065)}.analytics-page .list-row:last-child{border-bottom:0;padding-bottom:0}.analytics-page .row-main{min-width:0}.analytics-page .row-main strong{display:block;font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-page .row-main span{display:block;margin-top:4px;color:var(--muted);font-size:11px}.analytics-page .progress{overflow:hidden;height:7px;margin-top:8px;border-radius:999px;background:#e5ece8}:root[data-theme=dark] .analytics-page .progress{background:#29312d}.analytics-page .progress i{display:block;height:100%;border-radius:inherit;background:var(--primary);animation:analytics-usage-grow .9s .15s cubic-bezier(.22,1,.36,1) both;transform-origin:left}.analytics-page .device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.analytics-page .device-card{padding:13px;border:1px solid var(--border);border-radius:16px;background:var(--soft);text-align:center}.analytics-page .device-card b{display:block;margin-top:6px;font-size:17px;letter-spacing:-.5px}.analytics-page .device-card span{display:block;margin-top:2px;color:var(--muted);font-size:10px}.analytics-page .map-dots{position:relative;height:230px;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:radial-gradient(circle at 25% 35%,rgba(9,177,94,.16),transparent 24%),radial-gradient(circle at 75% 55%,rgba(124,92,229,.14),transparent 25%),var(--soft)}.analytics-page .map-dots i{position:absolute;display:block;width:12px;height:12px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 8px #09b15e1f;animation:analytics-pulse-dot 1.8s ease-in-out infinite}.analytics-page .map-dots i:nth-child(1){left:22%;top:34%}.analytics-page .map-dots i:nth-child(2){left:50%;top:50%;animation-delay:.2s}.analytics-page .map-dots i:nth-child(3){left:70%;top:40%;animation-delay:.4s}.analytics-page .map-dots i:nth-child(4){left:58%;top:68%;animation-delay:.6s}.analytics-page .empty-note{margin-top:16px}.analytics-page .footer{position:relative;z-index:5;display:flex;width:100%;margin:8px 0 36px;justify-content:center}.analytics-page .footer-inner{display:flex;gap:16px;color:#6b7280cc;font-size:11px}.analytics-page .footer-inner a{color:inherit;text-decoration:none;transition:color .2s ease}.analytics-page .toast{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;min-height:46px;align-items:center;gap:10px;padding:0 15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#171719;box-shadow:0 18px 50px #0003;color:#fff;font-size:12px;font-weight:600;opacity:0;pointer-events:none;transform:translateY(16px) scale(.96);transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}.analytics-page .toast.show{opacity:1;transform:translateY(0) scale(1)}.analytics-page .toast-check{display:grid;width:22px;height:22px;place-items:center;border-radius:8px;background:var(--primary)}.analytics-page .toast-check svg{width:13px;height:13px}@keyframes analytics-logo-in{0%{opacity:0;transform:translateY(18px) scale(.9) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes analytics-logo-float{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes analytics-rise-in{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes analytics-section-in{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes analytics-card-in{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes analytics-usage-grow{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}@keyframes analytics-bar-rise{0%{transform:scaleY(.08);opacity:.4}to{transform:scaleY(1);opacity:1}}@keyframes analytics-pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 0 8px #09b15e1f}50%{transform:scale(1.12);box-shadow:0 0 0 14px #09b15e0f}}@media (min-width: 640px){.analytics-page .grid.two,.analytics-page .page-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-page .selector-tools{grid-template-columns:1.5fr .9fr}.analytics-page .analytics-top{flex-direction:row;align-items:center;justify-content:space-between}}.upload-spinner-overlay,.card-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#111}.upload-spinner-overlay i,.card-upload-overlay i,.upload-action-spinner{animation:settings-loading-spin .75s linear infinite}.upload-spinner-overlay i,.card-upload-overlay i{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.74);box-shadow:0 14px 34px #11121329;font-size:20px}.card-upload-overlay{background:rgba(17,18,19,.36);color:#fff}.card-upload-overlay i{background:rgba(255,255,255,.18);box-shadow:0 14px 34px #00000038}.card-act-btn:disabled{cursor:wait;opacity:.72}@media (min-width: 768px) and (max-width: 1279px){.analytics-page .left-panel,.analytics-page .bento-container{max-width:1120px}.analytics-page .left-panel{padding:48px 48px 0;justify-content:flex-start;align-items:flex-start}.analytics-page .left-inner{padding:0}.analytics-page .logo-wrap{width:140px;height:140px}.analytics-page .logo-wrap svg,.analytics-page .logo-wrap img{width:108px;height:108px;object-fit:contain}.analytics-page .page-heading h1{font-size:40px;letter-spacing:-1.7px}.analytics-page .bento-container{padding:0 48px 48px}.analytics-page .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.analytics-page .left-panel{position:absolute;top:0;left:0;width:100%;max-width:min(100vw,1728px);height:100%;padding:64px;align-items:stretch;justify-content:flex-start;pointer-events:none}.analytics-page .left-inner{flex:1;padding:0;pointer-events:auto}.analytics-page .left-sticky{position:sticky;top:64px}.analytics-page .logo-wrap{width:184px;height:184px}.analytics-page .logo-wrap svg,.analytics-page .logo-wrap img{width:136px;height:136px;object-fit:contain}.analytics-page .page-heading{max-width:min(500px,100vw - 1028px);margin-top:12px;margin-left:8px;margin-bottom:0}.analytics-page .page-heading h1{font-size:44px;line-height:1.2;letter-spacing:-2px}.analytics-page .page-heading p{max-width:min(500px,100vw - 1028px);font-size:20px;line-height:1.6}.analytics-page .bento-container{max-width:1728px;min-height:100vh;padding:0 64px 64px;flex-direction:row;overflow:visible}.analytics-page .bento-left-spacer{display:block;flex:1;flex-shrink:0;margin-right:80px}.analytics-page .bento-content{width:820px;flex:none;padding-top:72px;padding-bottom:64px}.analytics-page .bento-content>*+*{margin-top:40px}.analytics-page .grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.analytics-page .grid.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}@media (max-width: 639px){.analytics-page .analytics-plan-lock{min-height:480px;padding:34px 18px;border-radius:24px}.analytics-page .analytics-plan-lock-features{align-items:stretch;flex-direction:column;width:100%}.analytics-page .analytics-plan-lock-features span{justify-content:center}.analytics-page .analytics-plan-lock .btn{width:100%}.analytics-page .section-header{align-items:flex-start}.analytics-page .card{padding:16px}.analytics-page .selector-hero{padding:18px}.analytics-page .selector-hero h2{font-size:24px;letter-spacing:-1px}.analytics-page .analytics-actions,.analytics-page .analytics-actions .btn{width:100%}.analytics-page .analytics-actions .btn{flex:1}.analytics-page .metric-value{font-size:26px}.analytics-page .chart-bars{height:180px;gap:7px}.analytics-page .device-grid{grid-template-columns:1fr}.analytics-page .toast{right:16px;bottom:16px;left:16px;justify-content:center}}@media (hover: none),(pointer: coarse){.analytics-page .card:hover,.analytics-page .page-pick-card:hover,.analytics-page .btn:hover,.analytics-page .card:hover .tile,.analytics-page .page-pick-card:hover .tile{transform:none}}.yappr-landing-page{color-scheme:light;--landing-bg: #ffffff;--landing-fg: #111213;--landing-muted: #6f7580;--landing-muted-strong: #49505a;--landing-card: #ffffff;--landing-soft: #f5f6f6;--landing-soft-2: #eef0ef;--landing-line: rgba(17, 18, 19, .09);--landing-line-strong: rgba(17, 18, 19, .16);--landing-primary: #09b15e;--landing-primary-hover: #079a52;--landing-primary-soft: rgba(9, 177, 94, .11);--landing-primary-softer: rgba(9, 177, 94, .065);--landing-hero-panel: #111214;--landing-hero-panel-2: #28282d;--landing-shadow-sm: 0 5px 16px rgba(17, 18, 19, .06);--landing-shadow-md: 0 18px 50px rgba(17, 18, 19, .09), 0 2px 8px rgba(17, 18, 19, .04);--landing-shadow-lg: 0 35px 100px rgba(17, 18, 19, .14), 0 5px 18px rgba(17, 18, 19, .07);min-width:320px;overflow-x:hidden;background:var(--landing-bg);color:var(--landing-fg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .28s ease,color .28s ease}.yappr-landing-page *,.yappr-landing-page *:before,.yappr-landing-page *:after{box-sizing:border-box}.yappr-landing-page a{color:inherit;text-decoration:none}.yappr-landing-page button,.yappr-landing-page input{font:inherit}.yappr-landing-page button,.yappr-landing-page a{-webkit-tap-highlight-color:transparent}.yappr-landing-page img,.yappr-landing-page svg{display:block}.yappr-landing-page .landing-container{width:min(1180px,100% - 40px);margin-inline:auto}.yappr-landing-page .landing-section{padding:112px 0}.yappr-landing-page .landing-section-soft{background:var(--landing-soft)}.yappr-landing-page .landing-section-heading{max-width:720px;margin:0 auto 52px;text-align:center}.yappr-landing-page .landing-section-heading h2{margin-top:18px;font-size:clamp(36px,5vw,60px);line-height:1.02;letter-spacing:clamp(-3.5px,-.065em,-1.8px);text-wrap:balance}.yappr-landing-page .landing-section-heading p{max-width:620px;margin:18px auto 0;color:var(--landing-muted);font-size:16px;line-height:1.75}.yappr-landing-page .landing-kicker{display:inline-flex;min-height:31px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--landing-line);border-radius:999px;background:var(--landing-card);color:var(--landing-muted-strong);box-shadow:var(--landing-shadow-sm);font-size:11px;font-weight:700;letter-spacing:.02em}.yappr-landing-page .landing-kicker-dot{width:7px;height:7px;border-radius:50%;background:var(--landing-primary);box-shadow:0 0 0 5px var(--landing-primary-soft)}.yappr-landing-page .landing-site-header{position:fixed;inset:0 0 auto;z-index:80;padding:16px 0 0;pointer-events:none;transition:padding .3s ease}.yappr-landing-page .landing-site-header.scrolled{padding-top:8px}.yappr-landing-page .landing-nav-shell{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:22px;padding:7px 10px 7px 18px;border:1px solid var(--landing-line);border-radius:21px;background:color-mix(in srgb,var(--landing-card) 94%,transparent);box-shadow:0 10px 34px #1112130b;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);pointer-events:auto;transition:min-height .3s ease,padding .3s ease,border-color .25s ease,box-shadow .3s ease,background-color .28s ease}.yappr-landing-page .landing-site-header.scrolled .landing-nav-shell{min-height:60px;border-color:var(--landing-line-strong);box-shadow:0 16px 46px #11121317}.yappr-landing-page .landing-brand,.yappr-landing-page .landing-nav-main,.yappr-landing-page .landing-nav-actions,.yappr-landing-page .landing-nav-links{display:flex;align-items:center}.yappr-landing-page .landing-brand{flex:0 0 auto;gap:11px;font-weight:800;letter-spacing:-.75px}.yappr-landing-page .landing-brand-mark{display:grid;width:34px;height:34px;place-items:center;color:var(--landing-primary);animation:landing-logo-float 5s ease-in-out infinite}.yappr-landing-page .landing-brand-mark svg,.yappr-landing-page .landing-brand-mark img{width:100%;height:100%;object-fit:contain;fill:currentColor}.yappr-landing-page .landing-brand-name{font-size:20px}.yappr-landing-page .landing-nav-main{min-width:0;flex:1;gap:46px}.yappr-landing-page .landing-nav-links{gap:38px}.yappr-landing-page .landing-nav-link{color:var(--landing-muted-strong);font-size:14px;font-weight:600;transition:color .2s ease,transform .2s ease}.yappr-landing-page .landing-nav-link:hover{color:var(--landing-fg);transform:translateY(-1px)}.yappr-landing-page .landing-nav-actions{flex:0 0 auto;gap:12px}.yappr-landing-page .landing-btn{position:relative;display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;overflow:hidden;padding:0 16px;border:1px solid transparent;border-radius:13px;cursor:pointer;font-size:13px;font-weight:700;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .25s ease}.yappr-landing-page .landing-btn:hover{transform:translateY(-2px)}.yappr-landing-page .landing-btn-primary{border-color:#0000000f;background:var(--landing-primary);color:#fff;box-shadow:0 10px 24px #09b15e33}.yappr-landing-page .landing-btn-primary:hover{background:var(--landing-primary-hover);box-shadow:0 14px 30px #09b15e47}.yappr-landing-page .landing-btn-dark{border-color:#ffffff14;background:#171719;color:#fff}.yappr-landing-page .landing-btn-ghost{border-color:var(--landing-line);background:var(--landing-card);color:var(--landing-fg)}.yappr-landing-page .landing-btn-ghost:hover{border-color:var(--landing-line-strong);background:var(--landing-soft)}.yappr-landing-page .landing-btn-lg{min-height:52px;padding:0 21px;border-radius:16px;font-size:14px}.yappr-landing-page .landing-btn svg{width:16px;height:16px}.yappr-landing-page .landing-nav-app-button{min-height:46px;padding-inline:20px;border-radius:14px;font-size:14px;box-shadow:none}.yappr-landing-page .landing-theme-toggle{position:relative;display:grid;width:62px;height:36px;flex:0 0 auto;grid-template-columns:1fr 1fr;align-items:center;padding:3px;border:1px solid var(--landing-line-strong);border-radius:999px;background:var(--landing-soft);color:var(--landing-muted-strong);cursor:pointer}.yappr-landing-page .landing-theme-toggle:before{content:"";position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 3px 9px #11121324;transition:transform .35s cubic-bezier(.22,1,.36,1),background .25s ease,box-shadow .25s ease}.yappr-landing-page .landing-theme-toggle svg{position:relative;z-index:1;width:15px;height:15px;justify-self:center}.yappr-landing-page .landing-menu-toggle{display:none;width:46px;height:46px;place-items:center;border:1px solid var(--landing-line);border-radius:15px;background:var(--landing-soft);color:var(--landing-fg);cursor:pointer}.yappr-landing-page .landing-menu-toggle svg{width:18px;height:18px}.yappr-landing-page .landing-mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;visibility:hidden;place-items:start center;padding:88px 20px 20px;background:color-mix(in srgb,var(--landing-bg) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;transition:opacity .25s ease,visibility .25s ease}.yappr-landing-page .landing-mobile-menu.open{visibility:visible;opacity:1}.yappr-landing-page .landing-mobile-menu-card{width:min(100%,430px);padding:20px;border:1px solid var(--landing-line);border-radius:24px;background:var(--landing-card);box-shadow:var(--landing-shadow-lg);transform:translateY(-20px) scale(.97);transition:transform .35s cubic-bezier(.22,1,.36,1)}.yappr-landing-page .landing-mobile-menu.open .landing-mobile-menu-card{transform:none}.yappr-landing-page .landing-mobile-menu-links{display:grid;gap:4px}.yappr-landing-page .landing-mobile-menu-links a{padding:14px;border-radius:13px;font-size:14px;font-weight:700}.yappr-landing-page .landing-mobile-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.yappr-landing-page .landing-hero{position:relative;min-height:100vh;padding:174px 0 88px;overflow:hidden}.yappr-landing-page .landing-hero:before{content:"";position:absolute;width:560px;height:560px;top:12%;left:-320px;border:58px solid var(--landing-primary-soft);border-radius:43% 57% 62% 38%/42% 38% 62% 58%;transform:rotate(18deg);animation:landing-blob-drift 12s ease-in-out infinite alternate}.yappr-landing-page .landing-hero:after{content:"";position:absolute;width:320px;height:320px;right:-170px;bottom:5%;border-radius:50%;background:var(--landing-primary-softer);animation:landing-bubble-float 8s ease-in-out infinite}.yappr-landing-page .landing-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);align-items:center;gap:70px}.yappr-landing-page .landing-hero-copy{animation:landing-rise-in .8s cubic-bezier(.22,1,.36,1) both}.yappr-landing-page .landing-hero-copy h1,.yappr-landing-page .landing-showcase-copy h2{margin-top:22px;line-height:.94;letter-spacing:clamp(-6.8px,-.078em,-3px);text-wrap:balance}.yappr-landing-page .landing-hero-copy h1{max-width:650px;font-size:clamp(56px,7.5vw,92px)}.yappr-landing-page .landing-scribble{position:relative;display:inline-block;color:var(--landing-primary)}.yappr-landing-page .landing-scribble:after{content:"";position:absolute;right:2%;bottom:-8px;left:3%;height:11px;border-bottom:5px solid var(--landing-primary);border-radius:50%;opacity:.42;transform:rotate(-2deg)}.yappr-landing-page .landing-hero-copy p,.yappr-landing-page .landing-showcase-copy>p{max-width:590px;margin-top:25px;color:var(--landing-muted);font-size:17px;line-height:1.75}.yappr-landing-page .landing-hero-actions,.yappr-landing-page .landing-cta-actions{display:flex;align-items:center;gap:11px;margin-top:31px;flex-wrap:wrap}.yappr-landing-page .landing-hero-note{display:flex;align-items:center;gap:9px;margin-top:19px;color:var(--landing-muted);font-size:12px;font-weight:600}.yappr-landing-page .landing-avatar-stack{display:flex}.yappr-landing-page .landing-mini-avatar{display:grid;width:27px;height:27px;margin-left:-7px;place-items:center;border:2px solid var(--landing-bg);border-radius:50%;color:#fff;font-size:8px;font-weight:800}.yappr-landing-page .landing-mini-avatar:first-child{margin-left:0}.yappr-landing-page .landing-mini-avatar:nth-child(1){background:#7c5ce5}.yappr-landing-page .landing-mini-avatar:nth-child(2){background:#e85067}.yappr-landing-page .landing-mini-avatar:nth-child(3){background:#1689e8}.yappr-landing-page .landing-mini-avatar:nth-child(4){background:#f59e0b}.yappr-landing-page .landing-hero-stage{position:relative;min-height:620px;animation:landing-stage-in .9s .1s cubic-bezier(.22,1,.36,1) both}.yappr-landing-page .landing-stage-backdrop{position:absolute;top:40px;right:10px;bottom:10px;left:60px;overflow:hidden;border-radius:48px 54px 44px 50px/50px 45px 55px 47px;background:linear-gradient(145deg,var(--landing-hero-panel),var(--landing-hero-panel-2));box-shadow:var(--landing-shadow-lg);transform:rotate(2deg)}.yappr-landing-page .landing-stage-backdrop:before,.yappr-landing-page .landing-stage-backdrop:after{content:"";position:absolute}.yappr-landing-page .landing-stage-backdrop:before{width:330px;height:330px;top:-120px;right:-90px;border:42px solid rgba(255,255,255,.055);border-radius:48% 52% 62% 38%/40% 40% 60% 60%;transform:rotate(20deg)}.yappr-landing-page .landing-stage-backdrop:after{width:170px;height:170px;bottom:-65px;left:-60px;border-radius:50%;background:var(--landing-primary);opacity:.9}.yappr-landing-page .landing-phone{position:absolute;z-index:4;top:16px;left:5px;width:278px;padding:10px;border:2px solid rgba(255,255,255,.14);border-radius:43px;background:#09090a;box-shadow:0 35px 80px #0000005c;transform:rotate(-6deg);animation:landing-phone-float 6.5s ease-in-out infinite}.yappr-landing-page .landing-phone-screen{min-height:535px;padding:45px 18px 18px;overflow:hidden;border-radius:34px;background:linear-gradient(180deg,#f9faf9,#eef3f0);color:#111213}.yappr-landing-page .landing-phone-notch{position:absolute;top:18px;left:50%;width:90px;height:22px;border-radius:999px;background:#09090a;transform:translate(-50%)}.yappr-landing-page .landing-profile-head{text-align:center}.yappr-landing-page .landing-profile-avatar{display:grid;width:70px;height:70px;margin:0 auto;place-items:center;border-radius:24px;background:linear-gradient(145deg,#111214,#33343a);color:#fff;font-size:22px;font-weight:800;box-shadow:0 10px 24px #1112132e}.yappr-landing-page .landing-profile-head strong{display:block;margin-top:13px;font-size:17px}.yappr-landing-page .landing-profile-head span{display:block;margin-top:5px;color:#70757e;font-size:10px}.yappr-landing-page .landing-phone-links{display:grid;gap:9px;margin-top:23px}.yappr-landing-page .landing-phone-link{display:flex;min-height:49px;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(17,18,19,.08);border-radius:15px;background:#fff;box-shadow:0 5px 13px #1112130d;font-size:10px;font-weight:700}.yappr-landing-page .landing-phone-link-icon{display:grid;width:29px;height:29px;place-items:center;border-radius:10px;background:var(--landing-primary);color:#fff}.yappr-landing-page .landing-phone-link:nth-child(2) .landing-phone-link-icon{background:#7c5ce5}.yappr-landing-page .landing-phone-link:nth-child(3) .landing-phone-link-icon{background:#f59e0b}.yappr-landing-page .landing-phone-link:nth-child(4) .landing-phone-link-icon{background:#1689e8}.yappr-landing-page .landing-phone-footer{margin-top:20px;color:#92979d;text-align:center;font-size:9px;font-weight:700}.yappr-landing-page .landing-dashboard-card{position:absolute;z-index:3;right:-5px;bottom:29px;width:440px;min-height:335px;padding:19px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(255,255,255,.09);box-shadow:0 30px 75px #0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;transform:rotate(3deg);animation:landing-dash-float 7.2s ease-in-out infinite}.yappr-landing-page .landing-dashboard-top,.yappr-landing-page .landing-dashboard-title,.yappr-landing-page .landing-floating-pill,.yappr-landing-page .landing-domain-card,.yappr-landing-page .landing-benefit-list>div,.yappr-landing-page .landing-footer-bottom{display:flex;align-items:center}.yappr-landing-page .landing-dashboard-top{justify-content:space-between;gap:12px}.yappr-landing-page .landing-dashboard-title{gap:10px;font-size:12px;font-weight:800}.yappr-landing-page .landing-dashboard-dot{width:9px;height:9px;border-radius:50%;background:var(--landing-primary);box-shadow:0 0 0 6px #09b15e26}.yappr-landing-page .landing-dashboard-chip{min-height:26px;padding:0 9px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.07);color:#ffffffad;font-size:9px;font-weight:700}.yappr-landing-page .landing-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.yappr-landing-page .landing-stat-box{padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.055)}.yappr-landing-page .landing-stat-box strong{display:block;font-size:19px}.yappr-landing-page .landing-stat-box span{display:block;margin-top:4px;color:#ffffff85;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.yappr-landing-page .landing-chart{display:flex;height:125px;align-items:flex-end;gap:9px;margin-top:22px;padding:13px 12px 0;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.045)}.yappr-landing-page .landing-bar{flex:1;min-height:12px;border-radius:6px 6px 2px 2px;background:rgba(255,255,255,.13);animation:landing-bar-grow .9s cubic-bezier(.22,1,.36,1) both;transform-origin:bottom}.yappr-landing-page .landing-bar:nth-child(1){height:36%}.yappr-landing-page .landing-bar:nth-child(2){height:54%}.yappr-landing-page .landing-bar:nth-child(3){height:44%}.yappr-landing-page .landing-bar:nth-child(4){height:68%}.yappr-landing-page .landing-bar:nth-child(5){height:58%}.yappr-landing-page .landing-bar:nth-child(6),.yappr-landing-page .landing-bar:nth-child(7){background:var(--landing-primary)}.yappr-landing-page .landing-bar:nth-child(6){height:82%}.yappr-landing-page .landing-bar:nth-child(7){height:100%}.yappr-landing-page .landing-floating-pill{position:absolute;z-index:6;min-height:42px;gap:8px;padding:0 13px;border:1px solid var(--landing-line);border-radius:14px;background:var(--landing-card);box-shadow:var(--landing-shadow-md);color:var(--landing-fg);font-size:10px;font-weight:800;animation:landing-pill-float 5.4s ease-in-out infinite}.yappr-landing-page .landing-floating-pill i{color:var(--landing-primary);font-size:15px}.yappr-landing-page .landing-pill-one{top:17px;right:34px;transform:rotate(5deg)}.yappr-landing-page .landing-pill-two{bottom:4px;left:252px;transform:rotate(-5deg);animation-delay:.4s}.yappr-landing-page .landing-logo-strip{padding:24px 0 62px}.yappr-landing-page .landing-logo-strip p{color:var(--landing-muted);text-align:center;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.yappr-landing-page .landing-logo-row{display:flex;margin-top:24px;align-items:center;justify-content:center;gap:clamp(26px,5vw,72px);flex-wrap:wrap;color:var(--landing-muted-strong)}.yappr-landing-page .landing-logo-row span{font-size:16px;font-weight:800;letter-spacing:-.5px;opacity:.65}.yappr-landing-page .landing-feature-grid,.yappr-landing-page .landing-pricing-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.yappr-landing-page .landing-feature-card,.yappr-landing-page .landing-price-card,.yappr-landing-page .landing-step-card,.yappr-landing-page .landing-testimonial{position:relative;overflow:hidden;border:1px solid var(--landing-line);background:var(--landing-card);box-shadow:var(--landing-shadow-sm);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .25s ease,box-shadow .35s ease}.yappr-landing-page .landing-feature-card{padding:26px;border-radius:26px}.yappr-landing-page .landing-feature-card:hover,.yappr-landing-page .landing-price-card:hover,.yappr-landing-page .landing-testimonial:hover{transform:translateY(-6px) rotate(-.4deg);border-color:color-mix(in srgb,var(--landing-primary) 30%,var(--landing-line));box-shadow:var(--landing-shadow-md)}.yappr-landing-page .landing-feature-large{grid-column:span 7;min-height:430px}.yappr-landing-page .landing-feature-medium{grid-column:span 5;min-height:430px}.yappr-landing-page .landing-feature-third{grid-column:span 4;min-height:370px}.yappr-landing-page .landing-feature-icon,.yappr-landing-page .landing-plan-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:16px;color:#fff;box-shadow:inset 0 -4px #0000001c,0 6px #11121314}.yappr-landing-page .landing-feature-icon i,.yappr-landing-page .landing-plan-icon i{font-size:21px}.yappr-landing-page .landing-icon-green{background:var(--landing-primary)}.yappr-landing-page .landing-icon-purple{background:#7c5ce5}.yappr-landing-page .landing-icon-amber{background:#f59e0b}.yappr-landing-page .landing-icon-blue{background:#1689e8}.yappr-landing-page .landing-icon-rose{background:#e85067}.yappr-landing-page .landing-feature-card h3{margin-top:20px;font-size:23px;letter-spacing:-.8px}.yappr-landing-page .landing-feature-card>p{max-width:440px;margin-top:9px;color:var(--landing-muted);font-size:13px;line-height:1.7}.yappr-landing-page .landing-builder-preview{position:absolute;right:-35px;bottom:-35px;width:66%;min-height:260px;padding:14px;border:1px solid var(--landing-line);border-radius:24px;background:var(--landing-soft);transform:rotate(-3deg)}.yappr-landing-page .landing-builder-bar{display:flex;gap:5px}.yappr-landing-page .landing-builder-bar span{width:7px;height:7px;border-radius:50%;background:var(--landing-line-strong)}.yappr-landing-page .landing-builder-canvas{display:grid;grid-template-columns:80px 1fr;gap:8px;margin-top:12px}.yappr-landing-page .landing-builder-tools{display:grid;align-content:start;gap:7px}.yappr-landing-page .landing-builder-tools div,.yappr-landing-page .landing-canvas-phone button{border:1px solid var(--landing-line);border-radius:8px;background:var(--landing-card)}.yappr-landing-page .landing-builder-tools div{height:30px}.yappr-landing-page .landing-canvas-phone{min-height:205px;padding:17px 10px;border:1px solid var(--landing-line);border-radius:18px;background:var(--landing-card)}.yappr-landing-page .landing-canvas-phone div{width:39px;height:39px;margin:0 auto;border-radius:13px;background:#171719}.yappr-landing-page .landing-canvas-phone span{display:block;height:6px;margin:9px auto 0;border-radius:999px;background:var(--landing-line-strong)}.yappr-landing-page .landing-canvas-phone span:nth-of-type(1){width:35%}.yappr-landing-page .landing-canvas-phone span:nth-of-type(2){width:54%}.yappr-landing-page .landing-canvas-phone button{width:100%;height:26px;margin-top:10px;background:var(--landing-primary-soft)}.yappr-landing-page .landing-analytics-mini{position:absolute;right:22px;bottom:22px;left:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.yappr-landing-page .landing-analytics-mini div,.yappr-landing-page .landing-domain-card,.yappr-landing-page .landing-monetize-stack div{border:1px solid var(--landing-line);border-radius:15px;background:var(--landing-soft)}.yappr-landing-page .landing-analytics-mini div{padding:14px}.yappr-landing-page .landing-analytics-mini strong{display:block;font-size:22px}.yappr-landing-page .landing-analytics-mini span{display:block;margin-top:5px;color:var(--landing-muted);font-size:9px;font-weight:700;text-transform:uppercase}.yappr-landing-page .landing-audience-orbit{position:absolute;bottom:14px;width:170px;height:170px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.yappr-landing-page .landing-audience-orbit{display:none}}.yappr-landing-page .landing-audience-orbit div{position:absolute;top:13px;right:13px;bottom:13px;left:13px;border:1px dashed var(--landing-line-strong);border-radius:50%;animation:landing-spin 16s linear infinite}.yappr-landing-page .landing-audience-orbit strong,.yappr-landing-page .landing-audience-orbit span{position:absolute;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:8px;font-weight:800}.yappr-landing-page .landing-audience-orbit strong{top:50%;right:50%;bottom:50%;left:50%;width:58px;height:58px;border-radius:20px;background:#171719;transform:translate(-50%,-50%)}.yappr-landing-page .landing-audience-orbit span{width:34px;height:34px;border:3px solid var(--landing-card);background:#7c5ce5}.yappr-landing-page .landing-audience-orbit span:nth-of-type(1){top:0;left:68px}.yappr-landing-page .landing-audience-orbit span:nth-of-type(2){top:67px;right:0;background:#e85067}.yappr-landing-page .landing-audience-orbit span:nth-of-type(3){bottom:0;left:68px;background:#1689e8}.yappr-landing-page .landing-audience-orbit span:nth-of-type(4){top:67px;left:0;background:#f59e0b}.yappr-landing-page .landing-domain-card{position:absolute;right:20px;bottom:22px;left:20px;gap:10px;padding:14px}@media (max-width: 768px){.yappr-landing-page .landing-domain-card{display:none}}.yappr-landing-page .landing-domain-card>span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#1689e8;color:#fff}.yappr-landing-page .landing-domain-card small{display:block;margin-top:3px;color:var(--landing-muted);font-size:9px}.yappr-landing-page .landing-monetize-stack{position:absolute;right:15px;bottom:16px;left:15px;display:grid;gap:7px}@media (max-width: 768px){.yappr-landing-page .landing-monetize-stack{display:none}}.yappr-landing-page .landing-monetize-stack div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px}.yappr-landing-page .landing-monetize-stack span{width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#e85067)}.yappr-landing-page .landing-monetize-stack div:nth-child(2) span{background:linear-gradient(135deg,#1689e8,#7c5ce5)}.yappr-landing-page .landing-monetize-stack em{color:var(--landing-primary);font-size:10px;font-style:normal;font-weight:800}.yappr-landing-page .landing-steps-grid,.yappr-landing-page .landing-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.yappr-landing-page .landing-step-card{min-height:310px;padding:27px;border-radius:26px}.yappr-landing-page .landing-step-card>span{display:grid;width:46px;height:46px;place-items:center;border-radius:16px;background:var(--landing-fg);color:var(--landing-bg);font-size:14px;font-weight:800;transform:rotate(-5deg)}.yappr-landing-page .landing-step-card:nth-child(2)>span{background:var(--landing-primary);color:#fff;transform:rotate(4deg)}.yappr-landing-page .landing-step-card:nth-child(3)>span{background:#7c5ce5;color:#fff}.yappr-landing-page .landing-step-card h3{margin-top:25px;font-size:22px}.yappr-landing-page .landing-step-card p{margin-top:10px;color:var(--landing-muted);font-size:13px;line-height:1.7}.yappr-landing-page .landing-step-card>div{position:absolute;right:-15px;bottom:-20px;width:155px;height:155px;border:22px solid var(--landing-primary-soft);border-radius:45% 55% 62% 38%/40% 44% 56% 60%;transform:rotate(16deg)}.yappr-landing-page .landing-showcase-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);align-items:center;gap:70px}.yappr-landing-page .landing-showcase-copy h2{font-size:clamp(39px,5vw,64px)}.yappr-landing-page .landing-benefit-list{display:grid;gap:13px;margin-top:27px}.yappr-landing-page .landing-benefit-list>div{align-items:flex-start;gap:11px}@media (max-width: 768px){.yappr-landing-page .landing-benefit-list>div{text-align:center;justify-content:center;flex-direction:column;align-items:center}}.yappr-landing-page .landing-benefit-list>div>span{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border-radius:9px;background:var(--landing-primary-soft);color:var(--landing-primary)}.yappr-landing-page .landing-benefit-list small{display:block;margin-top:4px;color:var(--landing-muted);font-size:11px;line-height:1.55}.yappr-landing-page .landing-showcase-stage{position:relative;min-height:530px}.yappr-landing-page .landing-showcase-bg{position:absolute;top:25px;right:10px;bottom:0;left:50px;border-radius:42px;background:linear-gradient(145deg,#0b0b0d,#25262b);transform:rotate(2deg)}.yappr-landing-page .landing-showcase-dashboard{position:absolute;z-index:2;top:70px;right:45px;bottom:40px;left:0;padding:20px;border:1px solid var(--landing-line);border-radius:28px;background:var(--landing-card);box-shadow:var(--landing-shadow-lg);transform:rotate(-3deg)}.yappr-landing-page .landing-showcase-dash-head{display:flex;align-items:center;justify-content:space-between}.yappr-landing-page .landing-showcase-dash-head span{padding:6px 9px;border:1px solid var(--landing-line);border-radius:999px;background:var(--landing-soft);color:var(--landing-muted);font-size:8px;font-weight:700}.yappr-landing-page .landing-showcase-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.yappr-landing-page .landing-showcase-stats div{padding:12px;border:1px solid var(--landing-line);border-radius:14px;background:var(--landing-soft)}.yappr-landing-page .landing-showcase-stats strong{display:block;font-size:20px}.yappr-landing-page .landing-showcase-stats span{display:block;margin-top:4px;color:var(--landing-muted);font-size:8px;text-transform:uppercase}.yappr-landing-page .landing-line-chart{height:190px;margin-top:14px;overflow:hidden;border:1px solid var(--landing-line);border-radius:17px;background:var(--landing-soft)}.yappr-landing-page .landing-line-chart svg{width:100%;height:100%}.yappr-landing-page .landing-top-links{display:grid;gap:7px;margin-top:12px}.yappr-landing-page .landing-top-links div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid var(--landing-line);border-radius:12px;background:var(--landing-soft);font-size:9px}.yappr-landing-page .landing-top-links span{color:var(--landing-primary);font-weight:800}.yappr-landing-page .landing-showcase-bubble{position:absolute;z-index:4;top:43px;right:-5px;min-height:43px;padding:13px;border:1px solid var(--landing-line);border-radius:15px;background:var(--landing-card);box-shadow:var(--landing-shadow-md);font-size:10px;font-weight:800;transform:rotate(5deg);animation:landing-pill-float 5.5s ease-in-out infinite}.yappr-landing-page .landing-showcase-bubble span{color:var(--landing-primary)}.yappr-landing-page .landing-testimonial{padding:24px;border-radius:24px}.yappr-landing-page .landing-testimonial:nth-child(2){transform:translateY(20px) rotate(1deg)}.yappr-landing-page .landing-testimonial>div{color:var(--landing-primary);font-size:38px;line-height:.8;font-weight:800}.yappr-landing-page .landing-testimonial p{margin-top:14px;color:var(--landing-muted-strong);font-size:13px;line-height:1.75}.yappr-landing-page .landing-testimonial footer{display:grid;grid-template-columns:40px 1fr;margin-top:21px;align-items:center;gap:11px}.yappr-landing-page .landing-testimonial footer span{display:grid;width:40px;height:40px;grid-row:span 2;place-items:center;border-radius:14px;background:#7c5ce5;color:#fff;font-size:10px;font-weight:800}.yappr-landing-page .landing-testimonial:nth-child(2) footer span{background:#e85067}.yappr-landing-page .landing-testimonial:nth-child(3) footer span{background:#1689e8}.yappr-landing-page .landing-testimonial footer small{color:var(--landing-muted);font-size:9px}.yappr-landing-page .landing-billing-toggle{display:flex;width:fit-content;margin:-24px auto 38px;padding:4px;border:1px solid var(--landing-line);border-radius:14px;background:var(--landing-card);box-shadow:var(--landing-shadow-sm)}.yappr-landing-page .landing-billing-btn{min-height:36px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:var(--landing-muted);cursor:pointer;font-size:11px;font-weight:700}.yappr-landing-page .landing-billing-btn.active{background:var(--landing-fg);color:var(--landing-bg)}.yappr-landing-page .landing-billing-btn span{margin-left:5px;color:var(--landing-primary)}.yappr-landing-page .landing-pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}.yappr-landing-page .landing-price-card{display:flex;min-height:500px;flex-direction:column;padding:27px;border-radius:27px}.yappr-landing-page .landing-price-card.popular{border-color:color-mix(in srgb,var(--landing-primary) 50%,var(--landing-line));background:linear-gradient(180deg,var(--landing-primary-softer),var(--landing-card) 36%);transform:translateY(-12px)}.yappr-landing-page .landing-popular-badge{position:absolute;top:17px;right:17px;min-height:25px;padding:0 9px;border-radius:999px;background:var(--landing-primary);color:#fff;font-size:9px;font-weight:800;line-height:25px}.yappr-landing-page .landing-plan-icon{background:#1689e8}.yappr-landing-page .landing-price-card.popular .landing-plan-icon{background:var(--landing-primary)}.yappr-landing-page .landing-price-card:nth-child(3n) .landing-plan-icon{background:#7c5ce5}.yappr-landing-page .landing-price-card h3{margin-top:18px;font-size:21px;letter-spacing:-.7px}.yappr-landing-page .landing-price-card>p{margin-top:8px;color:var(--landing-muted);font-size:12px;line-height:1.6}.yappr-landing-page .landing-price{display:flex;align-items:flex-end;gap:6px;margin-top:24px}.yappr-landing-page .landing-price strong{font-size:42px;line-height:1;letter-spacing:-2px}.yappr-landing-page .landing-price span{margin-bottom:5px;color:var(--landing-muted);font-size:11px}.yappr-landing-page .landing-plan-list{display:grid;gap:11px;margin-top:25px}.yappr-landing-page .landing-plan-list div{display:flex;align-items:flex-start;gap:9px;color:var(--landing-muted-strong);font-size:11px;line-height:1.45}.yappr-landing-page .landing-plan-list span{display:grid;width:19px;height:19px;flex:0 0 auto;place-items:center;border-radius:7px;background:var(--landing-primary-soft);color:var(--landing-primary)}.yappr-landing-page .landing-price-card .landing-btn{width:100%;margin-top:auto}.yappr-landing-page .landing-empty-plans{max-width:620px;margin:0 auto;padding:30px;border:1px solid var(--landing-line);border-radius:24px;background:var(--landing-card);text-align:center;box-shadow:var(--landing-shadow-sm)}.yappr-landing-page .landing-empty-plans p{margin-top:8px;color:var(--landing-muted)}.yappr-landing-page .landing-faq-wrap{max-width:820px;margin:0 auto}.yappr-landing-page .landing-faq-item{border-bottom:1px solid var(--landing-line)}.yappr-landing-page .landing-faq-button{display:flex;width:100%;min-height:78px;align-items:center;justify-content:space-between;gap:20px;border:0;background:transparent;color:var(--landing-fg);cursor:pointer;text-align:left;font-size:15px;font-weight:700}.yappr-landing-page .landing-faq-button>span:last-child{position:relative;width:24px;height:24px;flex:0 0 auto;border:1px solid var(--landing-line);border-radius:9px;background:var(--landing-card)}.yappr-landing-page .landing-faq-button>span:last-child:before,.yappr-landing-page .landing-faq-button>span:last-child:after{content:"";position:absolute;top:11px;right:6px;left:6px;height:2px;border-radius:999px;background:var(--landing-fg);transition:transform .25s ease}.yappr-landing-page .landing-faq-button>span:last-child:after{transform:rotate(90deg)}.yappr-landing-page .landing-faq-item.open .landing-faq-button>span:last-child:after{transform:rotate(0)}.yappr-landing-page .landing-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1)}.yappr-landing-page .landing-faq-answer>div{overflow:hidden}.yappr-landing-page .landing-faq-answer p{padding:0 50px 24px 0;color:var(--landing-muted);font-size:13px;line-height:1.75}.yappr-landing-page .landing-faq-item.open .landing-faq-answer{grid-template-rows:1fr}.yappr-landing-page .landing-cta-section{padding:60px 0 110px}.yappr-landing-page .landing-cta-card{position:relative;overflow:hidden;min-height:390px;padding:65px 50px;border-radius:42px;background:linear-gradient(145deg,#0a0a0b,#27272c);color:#fff;text-align:center;box-shadow:var(--landing-shadow-lg)}.yappr-landing-page .landing-cta-card:before,.yappr-landing-page .landing-cta-card:after{content:"";position:absolute;border-radius:50%}.yappr-landing-page .landing-cta-card:before{width:360px;height:360px;top:-145px;left:-135px;border:50px solid rgba(255,255,255,.055)}.yappr-landing-page .landing-cta-card:after{width:220px;height:220px;right:-85px;bottom:-95px;background:var(--landing-primary)}.yappr-landing-page .landing-cta-inner{position:relative;z-index:2;max-width:750px;margin:0 auto}.yappr-landing-page .landing-cta-mark{width:58px;height:58px;margin:0 auto;color:var(--landing-primary);animation:landing-logo-float 5s ease-in-out infinite}.yappr-landing-page .landing-cta-mark svg,.yappr-landing-page .landing-cta-mark img{width:100%;height:100%;object-fit:contain;fill:currentColor}.yappr-landing-page .landing-cta-card h2{margin-top:23px;font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:clamp(-3.4px,-.065em,-2px)}.yappr-landing-page .landing-cta-card p{max-width:540px;margin:17px auto 0;color:#ffffff9e;font-size:14px;line-height:1.7}.yappr-landing-page .landing-cta-actions{justify-content:center}.yappr-landing-page .landing-cta-actions .landing-btn-ghost{border-color:#ffffff21;background:rgba(255,255,255,.08);color:#fff}.yappr-landing-page .landing-footer{padding:0 0 35px}.yappr-landing-page .landing-footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:40px;padding:50px 0;border-top:1px solid var(--landing-line)}.yappr-landing-page .landing-footer-brand p{max-width:280px;margin-top:15px;color:var(--landing-muted);font-size:12px;line-height:1.7}.yappr-landing-page .landing-footer h4{font-size:11px;font-weight:800}.yappr-landing-page .landing-footer-grid a:not(.landing-brand){display:block;margin-top:11px;color:var(--landing-muted);font-size:11px}.yappr-landing-page .landing-footer-bottom{justify-content:space-between;gap:18px;padding-top:20px;border-top:1px solid var(--landing-line);color:var(--landing-muted);font-size:10px}.yappr-landing-page .landing-footer-bottom div{display:flex;gap:8px}.yappr-landing-page .landing-footer-bottom a{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--landing-line);border-radius:11px;background:var(--landing-card)}.yappr-landing-page .landing-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.yappr-landing-page .landing-reveal.visible{opacity:1;transform:none}html.dark .yappr-landing-page,html[data-theme=dark] .yappr-landing-page{color-scheme:dark;--landing-bg: #0d0e0f;--landing-fg: #f5f5f6;--landing-muted: #9ba1aa;--landing-muted-strong: #c2c6cc;--landing-card: #151719;--landing-soft: #1b1d1f;--landing-soft-2: #232629;--landing-line: rgba(255, 255, 255, .09);--landing-line-strong: rgba(255, 255, 255, .17);--landing-primary: #12c76b;--landing-primary-hover: #19d978;--landing-primary-soft: rgba(18, 199, 107, .13);--landing-primary-softer: rgba(18, 199, 107, .075);--landing-hero-panel: #050506;--landing-hero-panel-2: #1d1e21;--landing-shadow-sm: 0 6px 18px rgba(0, 0, 0, .18);--landing-shadow-md: 0 20px 55px rgba(0, 0, 0, .28), 0 3px 10px rgba(0, 0, 0, .18);--landing-shadow-lg: 0 38px 105px rgba(0, 0, 0, .42), 0 7px 22px rgba(0, 0, 0, .25)}html.dark .yappr-landing-page .landing-nav-shell,html[data-theme=dark] .yappr-landing-page .landing-nav-shell{background:color-mix(in srgb,var(--landing-card) 92%,transparent);box-shadow:0 12px 38px #00000038}html.dark .yappr-landing-page .landing-btn-dark,html[data-theme=dark] .yappr-landing-page .landing-btn-dark{background:#f5f5f6;color:#111213}html.dark .yappr-landing-page .landing-theme-toggle,html[data-theme=dark] .yappr-landing-page .landing-theme-toggle{border-color:#ffffff1f;background:#232429}html.dark .yappr-landing-page .landing-theme-toggle:before,html[data-theme=dark] .yappr-landing-page .landing-theme-toggle:before{background:#111214;box-shadow:0 3px 10px #00000061;transform:translate(26px)}html.dark .yappr-landing-page .landing-sun-icon,html[data-theme=dark] .yappr-landing-page .landing-sun-icon{color:#858992}html.dark .yappr-landing-page .landing-moon-icon,html[data-theme=dark] .yappr-landing-page .landing-moon-icon{color:#fff}@keyframes landing-rise-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes landing-stage-in{0%{opacity:0;transform:translateY(34px) scale(.96)}to{opacity:1;transform:none}}@keyframes landing-logo-float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(-1deg)}}@keyframes landing-phone-float{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-4.5deg) translateY(-10px)}}@keyframes landing-dash-float{0%,to{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1.8deg) translateY(-8px)}}@keyframes landing-pill-float{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes landing-blob-drift{0%{transform:rotate(12deg) scale(1)}to{transform:rotate(25deg) scale(1.08)}}@keyframes landing-bubble-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.04)}}@keyframes landing-bar-grow{0%{opacity:.35;transform:scaleY(.05)}to{opacity:1;transform:scaleY(1)}}@keyframes landing-spin{to{transform:rotate(360deg)}}@media (max-width: 1080px){.yappr-landing-page .landing-nav-links{gap:26px}.yappr-landing-page .landing-nav-main{gap:34px}.yappr-landing-page .landing-hero-grid,.yappr-landing-page .landing-showcase-grid{grid-template-columns:1fr}.yappr-landing-page .landing-hero-copy,.yappr-landing-page .landing-showcase-copy{text-align:center}.yappr-landing-page .landing-hero-copy h1,.yappr-landing-page .landing-hero-copy p,.yappr-landing-page .landing-showcase-copy>p{margin-inline:auto}.yappr-landing-page .landing-hero-actions,.yappr-landing-page .landing-hero-note{justify-content:center}.yappr-landing-page .landing-hero-stage,.yappr-landing-page .landing-showcase-stage{width:min(100%,760px);margin-inline:auto}.yappr-landing-page .landing-footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}}@media (max-width: 820px){.yappr-landing-page .landing-container{width:min(100% - 32px,720px)}.yappr-landing-page .landing-nav-links{display:none}.yappr-landing-page .landing-menu-toggle{display:grid}.yappr-landing-page .landing-nav-shell{min-height:62px;padding:6px 8px 6px 15px;border-radius:19px}.yappr-landing-page .landing-section{padding:88px 0}.yappr-landing-page .landing-hero{min-height:auto;padding-top:148px}.yappr-landing-page .landing-feature-large,.yappr-landing-page .landing-feature-medium{grid-column:span 12;min-height:390px}.yappr-landing-page .landing-feature-third{grid-column:span 6}.yappr-landing-page .landing-steps-grid,.yappr-landing-page .landing-testimonial-grid,.yappr-landing-page .landing-pricing-grid{grid-template-columns:1fr}.yappr-landing-page .landing-price-card.popular,.yappr-landing-page .landing-testimonial:nth-child(2){transform:none}.yappr-landing-page .landing-footer-grid{grid-template-columns:1fr 1fr}.yappr-landing-page .landing-footer-brand{grid-column:1/-1}}@media (max-width: 640px){.yappr-landing-page .landing-container{width:min(100% - 28px,560px)}.yappr-landing-page .landing-site-header{padding-top:8px}.yappr-landing-page .landing-nav-shell{min-height:54px;padding:5px 6px 5px 12px;border-radius:17px}.yappr-landing-page .landing-brand-mark{width:30px;height:30px}.yappr-landing-page .landing-brand-name{font-size:17px}.yappr-landing-page .landing-nav-app-button{display:none}.yappr-landing-page .landing-theme-toggle{width:54px;height:32px}.yappr-landing-page .landing-theme-toggle:before{width:24px;height:24px}.yappr-landing-page .landing-hero{padding:120px 0 58px}.yappr-landing-page .landing-hero-copy h1{font-size:clamp(44px,14vw,63px)}.yappr-landing-page .landing-hero-actions,.yappr-landing-page .landing-cta-actions{display:grid;grid-template-columns:1fr}.yappr-landing-page .landing-hero-stage{min-height:560px}.yappr-landing-page .landing-stage-backdrop{top:25px;right:0;bottom:20px;left:12px;border-radius:36px}.yappr-landing-page .landing-phone{left:2px;width:225px;border-radius:35px}.yappr-landing-page .landing-phone-screen{min-height:445px;padding:39px 14px 14px;border-radius:27px}.yappr-landing-page .landing-dashboard-card{right:-56px;bottom:25px;width:310px;min-height:260px;padding:14px}.yappr-landing-page .landing-chart{height:91px;gap:5px}.yappr-landing-page .landing-pill-one{top:0;right:6px}.yappr-landing-page .landing-pill-two{bottom:7px;left:160px}.yappr-landing-page .landing-feature-grid{grid-template-columns:1fr 1fr;gap:13px}.yappr-landing-page .landing-feature-large,.yappr-landing-page .landing-feature-medium{grid-column:1/-1}.yappr-landing-page .landing-feature-third{grid-column:span 1;min-height:290px;padding:19px}.yappr-landing-page .landing-builder-preview{right:-43px;width:76%;bottom:-130px}.yappr-landing-page .landing-showcase-stage{min-height:430px}.yappr-landing-page .landing-showcase-dashboard{top:50px;right:15px;bottom:30px;left:0;padding:14px}.yappr-landing-page .landing-line-chart{height:145px}.yappr-landing-page .landing-price-card{min-height:455px}.yappr-landing-page .landing-cta-card{min-height:360px;padding:55px 23px;border-radius:32px}.yappr-landing-page .landing-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.yappr-landing-page .landing-footer-bottom{align-items:flex-start;flex-direction:column}html.dark .yappr-landing-page .landing-theme-toggle:before,html[data-theme=dark] .yappr-landing-page .landing-theme-toggle:before{transform:translate(22px)}}@media (max-width: 390px){.yappr-landing-page .landing-feature-grid{grid-template-columns:1fr}.yappr-landing-page .landing-feature-third{grid-column:1;min-height:265px}.yappr-landing-page .landing-dashboard-card{right:-100px}.yappr-landing-page .landing-phone{width:210px}}@media (hover: none),(pointer: coarse){.yappr-landing-page .landing-feature-card:hover,.yappr-landing-page .landing-testimonial:hover,.yappr-landing-page .landing-price-card:hover,.yappr-landing-page .landing-btn:hover{transform:none}}@media (prefers-reduced-motion: reduce){.yappr-landing-page *,.yappr-landing-page *:before,.yappr-landing-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.installer-page{--installer-bg: #f5f4f1;--installer-fg: #111213;--installer-muted: #68707a;--installer-soft: #f7f8f8;--installer-card: #fff;--installer-card-2: #fbfcfc;--installer-border: rgba(17, 18, 19, .09);--installer-border-strong: rgba(17, 18, 19, .15);--installer-primary: #09b15e;--installer-primary-hover: #07964f;--installer-primary-soft: rgba(9, 177, 94, .11);--installer-danger: #dc2626;--installer-danger-soft: #fff1f2;--installer-warning: #d97706;--installer-warning-soft: #fff7ed;--installer-ok: #087b44;--installer-shadow: 0 18px 55px rgba(17, 18, 19, .08), 0 2px 6px rgba(17, 18, 19, .05);--installer-shadow-soft: 0 2px 4px rgba(17, 18, 19, .06), 0 1px 1px rgba(17, 18, 19, .04);width:min(1240px,100% - 32px);min-height:100vh;margin:0 auto;padding:34px 0 46px;color:var(--installer-fg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[data-theme=dark] .installer-page{--installer-bg: #0d0e0f;--installer-fg: #f4f4f5;--installer-muted: #9da3ad;--installer-soft: #17191b;--installer-card: #151719;--installer-card-2: #101214;--installer-border: rgba(255, 255, 255, .09);--installer-border-strong: rgba(255, 255, 255, .16);--installer-primary: #12c76b;--installer-primary-hover: #18d477;--installer-primary-soft: rgba(18, 199, 107, .14);--installer-danger: #fb7185;--installer-danger-soft: rgba(251, 113, 133, .1);--installer-warning: #fbbf24;--installer-warning-soft: rgba(251, 191, 36, .1);--installer-ok: #63e6a3;--installer-shadow: 0 24px 80px rgba(0, 0, 0, .42), 0 2px 6px rgba(0, 0, 0, .28);--installer-shadow-soft: 0 2px 4px rgba(0, 0, 0, .26), 0 1px 1px rgba(0, 0, 0, .22)}body:has(.installer-page){background:radial-gradient(circle at 16% 4%,rgba(9,177,94,.13),transparent 24%),radial-gradient(circle at 94% 8%,rgba(17,18,19,.08),transparent 20%),var(--installer-bg, #f5f4f1)}.installer-topbar,.installer-shell,.installer-card,.installer-step-tab,.installer-input,.installer-select,.installer-btn,.installer-theme-toggle,.installer-status-pill,.installer-summary-card{transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease,transform .22s ease}.installer-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.installer-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.installer-logo{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:16px;animation:installer-logo-in .75s cubic-bezier(.22,1,.36,1) both,installer-logo-float 5s ease-in-out 1s infinite}.installer-logo img{width:100%;height:100%;object-fit:contain}.installer-logo-text strong{display:block;font-size:18px;letter-spacing:-.5px}.installer-logo-text span{display:block;margin-top:2px;color:var(--installer-muted);font-size:12px;font-weight:600}.installer-theme-toggle{position:relative;display:inline-grid;width:84px;height:42px;grid-template-columns:1fr 1fr;align-items:center;padding:4px;border:1px solid var(--installer-border);border-radius:999px;background:var(--installer-card);box-shadow:var(--installer-shadow-soft);cursor:pointer}.installer-theme-toggle:before{content:"";position:absolute;top:5px;left:5px;width:30px;height:30px;border-radius:50%;background:var(--installer-fg);transition:transform .32s cubic-bezier(.22,1,.36,1)}html[data-theme=dark] .installer-theme-toggle:before{transform:translate(42px)}.installer-theme-toggle i{position:relative;z-index:1;justify-self:center;font-size:16px}.installer-theme-toggle .ph-sun{color:#fff}.installer-theme-toggle .ph-moon,html[data-theme=dark] .installer-theme-toggle .ph-sun{color:var(--installer-muted)}html[data-theme=dark] .installer-theme-toggle .ph-moon{color:#111213}.installer-shell{position:relative;display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;overflow:hidden;border:1px solid var(--installer-border);border-radius:34px;background:rgba(255,255,255,.72);box-shadow:var(--installer-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}html[data-theme=dark] .installer-shell{background:rgba(21,23,25,.76)}.installer-side-panel{position:relative;min-height:720px;padding:28px;overflow:hidden;background:linear-gradient(145deg,#111213 0%,#191a1d 62%,#26272c 100%);color:#fff}.installer-side-panel:before,.installer-side-panel:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.installer-side-panel:before{top:-78px;right:-84px;width:220px;height:220px;background:rgba(9,177,94,.32);filter:blur(2px)}.installer-side-panel:after{bottom:70px;left:-52px;width:150px;height:150px;background:rgba(255,255,255,.07)}.installer-side-content{position:relative;z-index:1;display:flex;min-height:100%;flex-direction:column}.installer-side-kicker{display:inline-flex;width:max-content;min-height:28px;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.08);color:#ffffffc7;font-size:11px;font-weight:700}.installer-side-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#12c76b;box-shadow:0 0 0 5px #12c76b29}.installer-side-title{margin-top:28px;font-size:clamp(32px,4vw,46px);line-height:.98;letter-spacing:-2.2px}.installer-side-copy{max-width:270px;margin-top:16px;color:#ffffffad;font-size:14px;line-height:1.65}.installer-step-list{display:grid;gap:10px;margin-top:34px}.installer-step-tab{display:flex;width:100%;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.055);color:#ffffffb8;text-align:left;cursor:pointer}.installer-step-tab:hover{transform:translate(2px);background:rgba(255,255,255,.09)}.installer-step-tab.active{border-color:#fff;background:#fff;color:#111213;box-shadow:0 14px 34px #0003}.installer-step-tab.done{border-color:#12c76b3d;background:rgba(18,199,107,.12);color:#fff}.installer-step-tab.active.done{background:#fff;color:#111213}.installer-step-num{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:12px 14px 11px 13px/12px 13px 14px 11px;background:rgba(255,255,255,.1);font-size:12px;font-weight:800}.installer-step-tab.active .installer-step-num{background:#111213;color:#fff}.installer-step-tab.done .installer-step-num{background:#12c76b;color:#fff}.installer-step-tab strong{display:block;font-size:12px;letter-spacing:-.15px}.installer-step-tab small{display:block;margin-top:2px;color:currentColor;font-size:10px;opacity:.68}.installer-side-footer{margin-top:auto;padding-top:28px}.installer-progress-meta{display:flex;justify-content:space-between;color:#ffffffb8;font-size:11px;font-weight:700}.installer-progress-track{height:9px;margin-top:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12)}.installer-progress-fill{height:100%;border-radius:inherit;background:#12c76b;transition:width .45s cubic-bezier(.22,1,.36,1)}.installer-main-panel{min-width:0;padding:28px}.installer-step-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.installer-step-eyebrow{display:inline-flex;min-height:26px;align-items:center;padding:0 10px;border-radius:999px;background:var(--installer-primary-soft);color:var(--installer-ok);font-size:11px;font-weight:800}.installer-step-title{margin-top:12px;font-size:clamp(28px,4vw,42px);line-height:1.02;letter-spacing:-1.8px}.installer-step-subtitle{max-width:620px;margin-top:10px;color:var(--installer-muted);font-size:14px;line-height:1.65}.installer-mode-card{display:inline-flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--installer-border);border-radius:16px;background:var(--installer-card);box-shadow:var(--installer-shadow-soft);color:var(--installer-muted);font-size:11px;font-weight:700}.installer-mode-card i{color:var(--installer-primary);font-size:16px}.installer-card{border:1px solid var(--installer-border);border-radius:22px;background:var(--installer-card);box-shadow:var(--installer-shadow-soft);overflow:hidden}.installer-card.pad{padding:18px}.installer-grid{display:grid;gap:14px}.installer-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.installer-check-list{display:grid;gap:10px;margin-top:16px}.installer-check-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--installer-border);border-radius:18px;background:var(--installer-card-2)}.installer-check-left{display:flex;align-items:center;gap:12px;min-width:0}.installer-icon-badge{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:14px 16px 13px 15px/14px 15px 16px 13px;color:#fff;box-shadow:inset 0 -4px #0000001f,inset 0 1px #ffffff38,0 5px #11121314}.installer-icon-badge.green{background:#09b15e}.installer-icon-badge.amber{background:#f59e0b}.installer-icon-badge.rose{background:#e85067}.installer-icon-badge.black{background:#171719}.installer-check-text{min-width:0}.installer-check-text strong{display:block;overflow:hidden;font-size:13px;letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap}.installer-check-text span{display:block;margin-top:3px;color:var(--installer-muted);font-size:11px;line-height:1.4}.installer-status-pill{display:inline-flex;min-height:26px;align-items:center;gap:7px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.installer-status-pill:before{content:"";width:7px;height:7px;border-radius:50%}.installer-status-pill.ok{background:#ecfdf3;color:#087b44}.installer-status-pill.ok:before{background:#09b15e}.installer-status-pill.warn{background:var(--installer-warning-soft);color:var(--installer-warning)}.installer-status-pill.warn:before{background:var(--installer-warning)}.installer-status-pill.danger,.installer-status-pill.rose{background:var(--installer-danger-soft);color:var(--installer-danger)}.installer-status-pill.danger:before,.installer-status-pill.rose:before{background:var(--installer-danger)}html[data-theme=dark] .installer-status-pill.ok{background:rgba(18,199,107,.14);color:#63e6a3}.installer-summary-card{display:flex;align-items:flex-start;gap:14px;padding:16px;border:1px solid var(--installer-border);border-radius:20px;background:linear-gradient(145deg,var(--installer-card),var(--installer-card-2))}.installer-summary-card strong{display:block;font-size:13px}.installer-summary-card p{margin-top:4px;color:var(--installer-muted);font-size:12px;line-height:1.55}.installer-field{min-width:0}.installer-field>span{display:block;margin-bottom:8px;color:var(--installer-fg);font-size:12px;font-weight:700}.installer-field small{display:block;margin-top:7px;color:var(--installer-muted);font-size:10px;line-height:1.45}.installer-field.solo{display:block;margin-top:14px}.installer-input,.installer-select{width:100%;min-height:44px;padding:0 13px;border:1px solid var(--installer-border);border-radius:14px;outline:none;background:var(--installer-card);color:var(--installer-fg);font-size:13px}.installer-input:focus,.installer-select:focus{border-color:#09b15eb3;box-shadow:0 0 0 3px #09b15e24}.installer-password-wrap{position:relative}.installer-password-wrap .installer-input{padding-right:52px}.installer-eye-btn{position:absolute;top:50%;right:7px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:12px;background:transparent;color:var(--installer-muted);cursor:pointer;transform:translateY(-50%)}.installer-eye-btn:hover{background:var(--installer-soft);color:var(--installer-fg)}.installer-strength{height:7px;margin-top:8px;overflow:hidden;border-radius:999px;background:var(--installer-soft)}.installer-strength span{display:block;width:0;height:100%;border-radius:inherit;transition:width .25s ease,background .25s ease}.installer-help-strip{display:flex;align-items:center;gap:10px;margin-top:16px;padding:13px;border:1px solid var(--installer-border);border-radius:18px;background:var(--installer-soft);color:var(--installer-muted);font-size:12px;line-height:1.5}.installer-help-strip i{flex:0 0 auto;color:var(--installer-primary);font-size:18px}.installer-btn-row{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--installer-border)}.installer-btn-group{display:flex;flex-wrap:wrap;gap:9px}.installer-btn{position:relative;display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;overflow:hidden;padding:0 15px;border:1px solid transparent;border-radius:14px;color:inherit;cursor:pointer;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.installer-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.28) 48%,transparent 68%);transform:translate(-130%);transition:transform .65s ease}.installer-btn:hover:after{transform:translate(130%)}.installer-btn:hover{transform:translateY(-1px)}.installer-btn-primary{border-color:#00000012;background:var(--installer-primary);color:#fff}.installer-btn-primary:hover{background:var(--installer-primary-hover);box-shadow:0 10px 24px #09b15e3d}.installer-btn-ghost{border-color:var(--installer-border);background:var(--installer-card);color:var(--installer-fg)}.installer-btn-ghost:hover{border-color:var(--installer-border-strong);background:var(--installer-soft)}.installer-btn-dark{border-color:#ffffff1a;background:#171719;color:#fff}.installer-btn[disabled],.installer-btn.disabled{opacity:.48;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none}.installer-step-visual{position:relative;min-height:170px;margin-bottom:16px;overflow:hidden;border:1px solid var(--installer-border);border-radius:24px;background:radial-gradient(circle at 14% 25%,rgba(9,177,94,.18),transparent 22%),radial-gradient(circle at 86% 20%,rgba(124,92,229,.16),transparent 23%),linear-gradient(145deg,var(--installer-card),var(--installer-card-2))}.installer-visual-card{position:absolute;border:1px solid var(--installer-border);border-radius:20px;background:var(--installer-card);box-shadow:var(--installer-shadow-soft)}.installer-visual-card.one{top:32px;left:22px;width:230px;height:102px;transform:rotate(-4deg)}.installer-visual-card.two{top:26px;right:26px;width:250px;height:116px;transform:rotate(4deg)}.installer-visual-card div{height:8px;margin:16px 16px 0;border-radius:999px;background:var(--installer-soft)}.installer-visual-card div:nth-child(2){width:52%}.installer-visual-card span{display:inline-block;width:24px;height:24px;margin-top:16px;margin-left:6px;border-radius:9px 11px 8px 10px;background:var(--installer-primary)}.installer-visual-card span:nth-of-type(1){margin-left:16px}.installer-dns-box{display:grid;gap:10px;margin-top:16px;padding:14px;border:1px solid var(--installer-border);border-radius:18px;background:var(--installer-soft)}.installer-dns-box>div{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;padding:10px;border-radius:14px;background:var(--installer-card);font-size:11px}.installer-dns-box span{overflow:hidden;color:var(--installer-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.installer-finish-hero{padding:24px;overflow:hidden;border-radius:24px;background:linear-gradient(145deg,#111213,#25262b);color:#fff}.installer-finish-hero h3{font-size:30px;line-height:1.05;letter-spacing:-1.2px}.installer-finish-hero p{max-width:560px;margin-top:10px;color:#ffffffad;font-size:13px;line-height:1.6}.installer-finish-hero .installer-btn{margin-top:18px}.installer-install-log{display:grid;gap:10px;margin-top:16px}.installer-log-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--installer-border);border-radius:16px;background:var(--installer-card-2);color:var(--installer-muted);font-size:12px;font-weight:650}.installer-log-row.done{color:var(--installer-fg)}.installer-spinner{width:16px;height:16px;border:2px solid var(--installer-border);border-top-color:var(--installer-primary);border-radius:50%;opacity:0;animation:installer-spin 1s linear infinite}.installer-log-row.running .installer-spinner{opacity:1}.installer-log-row.done .installer-spinner{opacity:1;border-color:var(--installer-primary);background:var(--installer-primary);animation:none}.installer-error{margin-top:12px;padding:12px 14px;border:1px solid rgba(220,38,38,.2);border-radius:14px;background:var(--installer-danger-soft);color:var(--installer-danger);font-size:12px;font-weight:700}@keyframes installer-logo-in{0%{opacity:0;transform:translateY(18px) scale(.9) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes installer-logo-float{0%,to{translate:0 0}50%{translate:0 -4px}}@keyframes installer-spin{to{transform:rotate(360deg)}}@media (max-width: 980px){.installer-shell{grid-template-columns:1fr}.installer-side-panel{min-height:auto;padding:24px}.installer-side-copy{max-width:640px}.installer-step-list{grid-template-columns:repeat(3,minmax(0,1fr))}.installer-side-footer{margin-top:26px}}@media (max-width: 720px){.installer-page{width:min(100% - 24px,620px);padding-top:18px}.installer-topbar{margin-bottom:14px}.installer-logo-text span{display:none}.installer-shell{border-radius:26px}.installer-side-panel{padding:20px}.installer-side-title{font-size:34px}.installer-step-list{grid-template-columns:1fr 1fr;gap:8px}.installer-step-tab{padding:10px;border-radius:16px}.installer-step-tab small{display:none}.installer-main-panel{padding:18px}.installer-step-top,.installer-check-item{flex-direction:column;align-items:flex-start}.installer-mode-card{width:100%;justify-content:center}.installer-grid.two{grid-template-columns:1fr}.installer-btn-row{flex-direction:column-reverse}.installer-btn-group,.installer-btn{width:100%}.installer-dns-box>div{grid-template-columns:1fr}}@media (hover: none),(pointer: coarse){.installer-step-tab:hover,.installer-btn:hover{transform:none}}.yappr-404-page{--err-bg: #f6f5f2;--err-fg: #111213;--err-muted: #686d76;--err-card: #ffffff;--err-soft: #f5f6f6;--err-border: rgba(17, 18, 19, .09);--err-border-strong: rgba(17, 18, 19, .16);--err-primary: #09b15e;--err-primary-hover: #07964f;--err-shadow: 0 24px 70px rgba(17, 18, 19, .08), 0 2px 8px rgba(17, 18, 19, .04);--err-radius-xl: 34px;--err-radius-lg: 24px;--err-radius-md: 16px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 15% 18%,rgba(9,177,94,.13),transparent 28%),radial-gradient(circle at 82% 12%,rgba(124,92,229,.12),transparent 28%),radial-gradient(circle at 74% 86%,rgba(245,158,11,.12),transparent 32%),var(--err-bg);color:var(--err-fg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[data-theme=dark] .yappr-404-page{color-scheme:dark;--err-bg: #0d0e0f;--err-fg: #f4f4f5;--err-muted: #9da3ad;--err-card: #151719;--err-soft: #1b1d20;--err-border: rgba(255, 255, 255, .09);--err-border-strong: rgba(255, 255, 255, .16);--err-primary: #12c76b;--err-primary-hover: #18d477;--err-shadow: 0 24px 80px rgba(0, 0, 0, .38), 0 2px 8px rgba(0, 0, 0, .24)}.yappr-404-page *,.yappr-404-page *:before,.yappr-404-page *:after{box-sizing:border-box;margin:0;padding:0}.yappr-404-page a{text-decoration:none}.yappr-404-page ::selection{background:rgba(9,177,94,.18)}.err-page{position:relative;display:flex;min-height:100vh;flex-direction:column;padding:28px}.err-orb{position:fixed;z-index:-1;border-radius:999px;filter:blur(16px);opacity:.55;animation:err-drift 8s ease-in-out infinite}.err-orb.one{width:120px;height:120px;left:7%;top:18%;background:rgba(9,177,94,.14)}.err-orb.two{width:90px;height:90px;right:9%;top:30%;background:rgba(23,23,25,.09);animation-delay:1.2s}.err-orb.three{width:140px;height:140px;right:16%;bottom:10%;background:rgba(245,158,11,.12);animation-delay:2s}html[data-theme=dark] .yappr-404-page .err-orb.two{background:rgba(255,255,255,.08)}.err-theme-toggle{position:relative;display:inline-flex;width:68px;height:40px;align-items:center;justify-content:space-between;padding:0 8px;border:1px solid var(--err-border);border-radius:999px;background:var(--err-soft);cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .2s ease}.err-theme-toggle:hover{transform:translateY(-1px);border-color:var(--err-border-strong)}.err-theme-toggle span{display:grid;width:24px;height:24px;place-items:center;color:var(--err-muted);z-index:1}.err-theme-toggle svg{width:14px;height:14px}.err-theme-toggle:before{content:"";position:absolute;top:5px;left:5px;width:28px;height:28px;border-radius:50%;background:var(--err-card);box-shadow:0 4px 12px #11121324;transition:transform .32s cubic-bezier(.22,1,.36,1)}html[data-theme=dark] .yappr-404-page .err-theme-toggle:before{transform:translate(30px);box-shadow:0 4px 14px #00000052}.err-floating-toggle{position:fixed;top:24px;right:24px;z-index:30;box-shadow:0 16px 36px #1112131f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}html[data-theme=dark] .yappr-404-page .err-floating-toggle{box-shadow:0 18px 42px #0000005c}.err-btn{position:relative;display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;overflow:hidden;padding:0 16px;border:1px solid transparent;border-radius:14px;cursor:pointer;white-space:nowrap;font-size:13px;font-weight:700;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.err-btn svg{width:16px;height:16px}.err-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.28) 48%,transparent 68%);transform:translate(-130%);transition:transform .65s ease}.err-btn:hover:after{transform:translate(130%)}.err-btn:hover{transform:translateY(-2px)}.err-btn-primary{background:#171719;color:#fff;box-shadow:0 12px 24px #11121324}.err-btn-primary:hover{background:#050506}html[data-theme=dark] .yappr-404-page .err-btn-primary{background:#f4f4f5;color:#111213;box-shadow:0 14px 30px #0000004d}html[data-theme=dark] .yappr-404-page .err-btn-primary:hover{background:#fff}.err-btn-ghost{background:var(--err-card);border-color:var(--err-border);color:var(--err-fg)}.err-btn-ghost:hover{border-color:var(--err-border-strong);box-shadow:0 10px 22px #11121312}html[data-theme=dark] .yappr-404-page .err-btn-ghost:hover{box-shadow:0 12px 28px #00000047}.err-main{display:grid;width:min(100%,1180px);min-height:calc(100vh - 56px);margin:0 auto;padding:34px 0;grid-template-columns:minmax(0,1fr) minmax(360px,470px);align-items:center;gap:54px}.err-copy{animation:err-rise-in .75s cubic-bezier(.22,1,.36,1) both}.err-eyebrow{display:inline-flex;min-height:34px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--err-border);border-radius:999px;background:rgba(255,255,255,.56);color:var(--err-muted);font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-theme=dark] .yappr-404-page .err-eyebrow{background:rgba(21,23,25,.72)}.err-eyebrow:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--err-primary);box-shadow:0 0 0 6px #09b15e1f}.err-title{max-width:760px;margin-top:24px;font-size:clamp(58px,8vw,128px);line-height:.86;font-weight:800;letter-spacing:-6px}.err-title .err-code{display:block;font-variant-numeric:tabular-nums}.err-title .err-word{display:block;margin-top:8px;font-size:clamp(34px,5.5vw,78px);letter-spacing:-3px}.err-lead{max-width:590px;margin-top:24px;color:var(--err-muted);font-size:clamp(16px,2vw,20px);line-height:1.65}.err-actions{display:flex;margin-top:32px;align-items:center;gap:12px;flex-wrap:wrap}.err-scene{position:relative;min-height:520px;animation:err-rise-in .75s .12s cubic-bezier(.22,1,.36,1) both}.err-lost-card{position:relative;min-height:520px;overflow:visible;padding:26px;border:1px solid rgba(255,255,255,.62);border-radius:var(--err-radius-xl);background:rgba(255,255,255,.76);box-shadow:var(--err-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}html[data-theme=dark] .yappr-404-page .err-lost-card{border-color:#ffffff14;background:rgba(21,23,25,.78)}.err-lost-card:before{content:"";position:absolute;width:360px;height:360px;right:-120px;top:-150px;border-radius:999px;background:radial-gradient(circle,rgba(9,177,94,.22),transparent 68%)}.err-lost-card:after{content:"";position:absolute;width:220px;height:220px;left:-80px;bottom:-90px;border-radius:999px;background:radial-gradient(circle,rgba(124,92,229,.14),transparent 70%)}.err-browser{position:relative;z-index:2;overflow:hidden;border:1px solid var(--err-border);border-radius:24px;background:var(--err-card);box-shadow:0 22px 50px #1112131f;animation:err-float-card 5s ease-in-out infinite}html[data-theme=dark] .yappr-404-page .err-browser{box-shadow:0 24px 58px #00000057}.err-browser-top{display:flex;height:46px;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--err-border);background:var(--err-soft)}.err-dot{width:9px;height:9px;border-radius:999px;background:#e5e7eb}.err-dot:nth-child(1){background:#fb7185}.err-dot:nth-child(2){background:#f59e0b}.err-dot:nth-child(3){background:#12c76b}.err-address{display:flex;height:26px;flex:1;align-items:center;margin-left:6px;padding:0 10px;border-radius:999px;background:var(--err-card);color:var(--err-muted);font-size:11px;font-weight:700}.err-browser-body{display:grid;min-height:320px;place-items:center;padding:30px}.err-ghost-page{position:relative;display:grid;width:190px;height:226px;place-items:center;border:2px solid var(--err-border-strong);border-radius:28px 30px 26px 32px/29px 27px 32px 25px;background:linear-gradient(145deg,var(--err-card),var(--err-soft));animation:err-ghost-bob 3.4s ease-in-out infinite}.err-ghost-page:before{content:"";position:absolute;right:18px;top:20px;width:46px;height:36px;border-top:2px solid var(--err-border-strong);border-right:2px solid var(--err-border-strong);border-radius:0 16px 0 0;transform:skewY(-10deg)}.err-face{display:grid;gap:16px;justify-items:center}.err-eyes{display:flex;gap:28px}.err-eye{width:18px;height:18px;border-radius:999px;background:var(--err-fg);animation:err-blink 4.2s infinite}.err-mouth{width:48px;height:22px;border:4px solid var(--err-fg);border-top:0;border-radius:0 0 40px 40px;transform:rotate(180deg);opacity:.9}.err-shadow-blob{width:144px;height:18px;margin:24px auto 0;border-radius:999px;background:rgba(17,18,19,.1);filter:blur(2px);animation:err-shadow-pulse 3.4s ease-in-out infinite}html[data-theme=dark] .yappr-404-page .err-shadow-blob{background:rgba(0,0,0,.32)}.err-floating-stat{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--err-border);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 16px 34px #1112131a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:err-mini-float 4.4s ease-in-out infinite}html[data-theme=dark] .yappr-404-page .err-floating-stat{background:rgba(21,23,25,.86);box-shadow:0 18px 40px #00000052}.err-floating-stat.one{top:94px;right:-18px}.err-floating-stat.two{left:-22px;bottom:112px;animation-delay:1.1s}.err-stat-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:13px 15px 12px 14px/13px 14px 15px 12px;background:var(--err-primary);color:#fff;box-shadow:inset 0 -4px #00000024,inset 0 1px #ffffff4d}.err-stat-icon svg{width:17px;height:17px}.err-stat-copy strong{display:block;font-size:12px}.err-stat-copy span{display:block;margin-top:2px;color:var(--err-muted);font-size:10px;font-weight:700}@keyframes err-rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes err-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,-18px,0) scale(1.06)}}@keyframes err-float-card{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes err-ghost-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes err-mini-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes err-shadow-pulse{0%,to{transform:scaleX(.88);opacity:.6}50%{transform:scaleX(1.08);opacity:.35}}@keyframes err-blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.12)}}@media (max-width: 920px){.yappr-404-page .err-page{padding:18px}.yappr-404-page .err-scene{display:none}.yappr-404-page .err-main{min-height:auto;padding:54px 0 24px;grid-template-columns:1fr;gap:0}.yappr-404-page .err-lost-card{min-height:430px;padding:20px}.yappr-404-page .err-browser-body{min-height:260px;padding:22px}.yappr-404-page .err-ghost-page{width:154px;height:184px;border-radius:25px}.yappr-404-page .err-title{letter-spacing:-4px}}@media (max-width: 520px){.yappr-404-page .err-page{padding:14px}.yappr-404-page .err-theme-toggle{width:62px;height:38px}.yappr-404-page .err-floating-toggle{top:14px;right:14px}.yappr-404-page .err-theme-toggle:before{width:26px;height:26px}html[data-theme=dark] .yappr-404-page .err-theme-toggle:before{transform:translate(26px)}.yappr-404-page .err-btn{min-height:40px;padding-inline:13px}.yappr-404-page .err-main{padding-top:66px}.yappr-404-page .err-lost-card{min-height:360px;border-radius:26px}.yappr-404-page .err-browser-top{height:40px}.yappr-404-page .err-browser-body{min-height:218px;padding:18px}.yappr-404-page .err-ghost-page{width:130px;height:158px}.yappr-404-page .err-eye{width:14px;height:14px}.yappr-404-page .err-mouth{width:40px;height:18px;border-width:3px}.yappr-404-page .err-floating-stat{display:none}.yappr-404-page .err-title{margin-top:18px;letter-spacing:-3px}.yappr-404-page .err-title .err-word{letter-spacing:-2px}.yappr-404-page .err-lead{margin-top:18px}.yappr-404-page .err-actions{width:100%;margin-top:24px}.yappr-404-page .err-actions .err-btn{flex:1}}@media (hover: none),(pointer: coarse){.yappr-404-page .err-btn:hover,.yappr-404-page .err-theme-toggle:hover{transform:none}}@media (prefers-reduced-motion: reduce){.yappr-404-page *,.yappr-404-page *:before,.yappr-404-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}