.plans-page{min-height:100vh;background:radial-gradient(circle at top,#0f172a 0,#020617 55%,#020617);color:#e5e7eb;display:flex;justify-content:center}.plans-shell{width:100%;max-width:480px;padding:16px 16px 24px;box-sizing:border-box}.plans-top-bar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:8px}.plans-top-bar-spacer{flex:1}.plans-user-wrapper{position:relative}.plans-user-badge{border:0;padding:0;margin:0;width:40px;height:40px;border-radius:999px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#0f172a,#0f172a33);border:1px solid rgba(31,41,55,1);cursor:pointer;box-shadow:0 8px 18px #0f172acc,0 0 0 1px #0f172a99}.plans-user-badge-auth{border-color:#38bdf8e6;box-shadow:0 10px 22px #0f172a,0 0 0 1px #0f172ab3}.plans-user-badge-guest{opacity:.7}.plans-user-avatar{width:100%;height:100%;object-fit:cover}.plans-user-initial,.plans-user-placeholder{font-size:13px;font-weight:600;color:#e5e7eb}.plans-user-placeholder{opacity:.4}.plans-user-popup{position:absolute;top:40px;right:0;min-width:220px;border-radius:14px;background:#020617;border:1px solid rgba(51,65,85,.9);box-shadow:0 18px 50px #0f172a;padding:10px 12px;box-sizing:border-box;z-index:30}.plans-user-popup-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.plans-user-popup-avatar{width:40px;height:40px;border-radius:999px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#0f172a,#0f172a33);border:1px solid rgba(31,41,55,1)}.plans-user-popup-main{display:flex;flex-direction:column;gap:2px}.plans-user-name{margin:0;font-size:13px;font-weight:600;color:#e5e7eb}.plans-user-username{margin:0;font-size:11px;color:#9ca3af}.plans-user-popup-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding-top:6px;border-top:1px solid rgba(30,64,175,.45);color:#9ca3af}.plans-user-meta-label{opacity:.8}.plans-user-meta-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#e5e7eb}.plans-header{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.plans-label-row{display:flex;flex-wrap:wrap;gap:8px}.plans-label{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;line-height:1.3;border:1px solid rgba(148,163,184,.5);background:#0f172ab3;color:#e5e7eb}.plans-label-accent{border-color:#38bdf8cc;background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 60%)}.plans-label-soft{color:#9ca3af}.plans-content{display:flex;flex-direction:column;gap:16px}.plans-grid{display:flex;flex-direction:column;gap:12px}.plans-card{position:relative;border-radius:16px;padding:14px 14px 12px;background:radial-gradient(circle at top,#0f172ae6,#0f172a);border:1px solid rgba(31,41,55,1);box-shadow:0 18px 45px #0f172ae6,0 0 0 1px #0f172a66;transform:translateY(6px);opacity:0;transition:transform .22s ease-out,box-shadow .22s ease-out,border-color .22s ease-out,background .22s ease-out,opacity .22s ease-out}.plans-card-visible{opacity:1;transform:translateY(0)}.root-placeholder-card{display:flex;align-items:center;min-height:120px}.root-placeholder-card .plans-card-header{width:100%;margin-bottom:0;justify-content:center}.plans-card-primary{border-color:#38bdf8e6;box-shadow:0 22px 55px #0f172a,0 0 0 1px #0f172a80;background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 60%),radial-gradient(circle at top right,rgba(37,99,235,.18),transparent 55%),#020617}.plans-card-trial{border-style:dashed;border-color:#94a3b8e6}.plans-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(circle at top,rgba(56,189,248,.17),transparent 55%);opacity:0;pointer-events:none;transition:opacity .18s ease-out}.plans-card:hover:before{opacity:1}.plans-card:hover{transform:translateY(-2px);box-shadow:0 24px 65px #0f172a,0 0 0 1px #1e40af99}.plans-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.plans-card-collapsed .plans-card-header{margin-bottom:0}.plans-card-header-clickable{cursor:pointer}.plans-card-title-block{display:flex;align-items:center;gap:10px}.plans-card-icon{inline-size:32px;block-size:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#0f172a,#0f172a1a);border:1px solid rgba(31,41,55,1);font-size:18px}.plans-card-name{margin:0;font-size:17px;font-weight:600}.plans-card-caption{margin:2px 0 0;font-size:11px;color:#9ca3af}.plans-card-pricing{display:flex;align-items:center;gap:6px;text-align:right}.plans-card-price-text{display:block;font-size:13px;font-weight:500;color:#e5e7eb}.plans-card-price-old{color:#6b7280;text-decoration:line-through}.plans-card-price-new{color:#e5e7eb}.plans-card-price-free{color:#bbf7d0}.plans-card-toggle-icon{font-size:12px;color:#64748b;transition:transform .16s ease-out}.plans-card-expanded .plans-card-toggle-icon{transform:rotate(90deg)}.plans-card-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;overflow:hidden;max-height:0;opacity:0;transform:translateY(-4px);transition:max-height .22s ease-out,opacity .22s ease-out,transform .22s ease-out,padding .22s ease-out}.plans-feature-item{display:flex;gap:8px;font-size:13px;line-height:1.5;color:#9ca3af}.plans-feature-dot{width:6px;height:6px;border-radius:999px;background:linear-gradient(to bottom right,#38bdf8,#1d4ed8);margin-top:6px;flex-shrink:0}.plans-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:0;overflow:hidden;max-height:0;opacity:0;transform:translateY(-4px);transition:max-height .22s ease-out,opacity .22s ease-out,transform .22s ease-out,margin-top .22s ease-out}.plans-card-footer-info{display:flex;flex-direction:column;gap:4px}.plans-chip{border-radius:999px;padding:4px 10px;font-size:12px;line-height:1.3;border:1px solid transparent}.plans-chip-success{background:#16a34a1f;border-color:#22c55e66;color:#bbf7d0}.plans-chip-start{background:#2563eb24;border-color:#60a5fa73;color:#dbeafe}.plans-chip-pro{background:#4c1d952e;border-color:#9333ea80;color:#ede9fe}.plans-chip-premium{background:#fbbf241f;border-color:#f59e0b99;color:#fef9c3}.plans-discount-line{display:flex;justify-content:flex-start}.plans-discount-badge{border-radius:999px;padding:4px 10px;font-size:11px;color:#f97316;background:#f8fafc08;border:1px solid rgba(251,146,60,.4)}.plans-cta{margin-left:auto;border-radius:999px;border:0;padding:6px 14px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;color:#0b1120;background:linear-gradient(to right,#38bdf8,#0ea5e9);box-shadow:0 8px 20px #082f49a6;transition:transform .16s ease-out,box-shadow .16s ease-out,filter .16s ease-out}.plans-cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px #082f49cc;filter:brightness(1.03)}.plans-cta:active{transform:translateY(0);box-shadow:0 6px 14px #082f49b3}.plans-card-expanded .plans-card-features{max-height:220px;opacity:1;transform:translateY(0);padding:4px 0 10px}.plans-card-expanded .plans-card-footer{max-height:140px;opacity:1;transform:translateY(0);margin-top:2px}.plans-meta{padding:10px 10px 0}.plans-meta-text{margin:0;font-size:11px;line-height:1.5;color:#6b7280}.plans-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;z-index:40;opacity:0;animation:plansDialogFadeIn .18s ease-out forwards}.plans-dialog{width:100%;max-width:360px;margin:0 16px;border-radius:16px;background:#020617;border:1px solid rgba(51,65,85,.9);box-shadow:0 24px 60px #0f172a;padding:16px 16px 14px;box-sizing:border-box;transform:translateY(8px) scale(.97);opacity:0;animation:plansDialogPopIn .19s ease-out forwards}.plans-dialog-header{margin-bottom:10px}.plans-dialog-title{margin:0;font-size:16px;font-weight:600;color:#e5e7eb}.plans-dialog-subtitle{margin:4px 0 0;font-size:12px;color:#9ca3af}.plans-dialog-body{margin-bottom:12px}.plans-dialog-text{white-space:pre-line}.plans-dialog-label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#e5e7eb}.plans-dialog-input{margin-top:2px;border-radius:10px;border:1px solid rgba(55,65,81,1);padding:8px 10px;font-size:13px;font-family:inherit;color:#e5e7eb;background:#020617;outline:none}.plans-dialog-input::placeholder{color:#6b7280}.plans-dialog-input:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf866}.plans-dialog-input-error{border-color:#f97373}.plans-dialog-error{margin:6px 0 0;padding:6px 8px;border-radius:8px;font-size:11px;line-height:1.4;color:#fecaca;background:#7f1d1d59;border:1px solid rgba(248,113,113,.6);display:flex;align-items:flex-start;gap:6px}.plans-dialog-error-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:999px;font-size:10px;font-weight:600;background:#f8fafc1f;color:#fee2e2;flex-shrink:0;margin-top:1px}.plans-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.plans-dialog-secondary,.plans-dialog-primary{border-radius:999px;border:0;padding:6px 12px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer}.plans-dialog-secondary{background:#0f172a;color:#e5e7eb;border:1px solid rgba(51,65,85,1)}.plans-dialog-primary{background:linear-gradient(to right,#38bdf8,#0ea5e9);color:#0b1120;box-shadow:0 10px 24px #082f49e6}@keyframes plansDialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes plansDialogPopIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 420px){.plans-shell{padding-inline:12px}.plans-card{padding:12px 12px 10px}.plans-card-name{font-size:15px}.plans-feature-item{font-size:11px}}.offer-card{padding:18px 16px 20px}.offer-header{display:flex;flex-direction:column;gap:6px}.offer-title{margin:0;font-size:18px;line-height:1.35;color:#e5e7eb}.offer-meta{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:12px;color:#94a3b8}.offer-effective-date{margin:0;font-size:12px;color:#cbd5e1}.offer-divider{height:1px;background:#94a3b840;margin:12px 0}.offer-section{display:flex;flex-direction:column;gap:6px}.offer-section+.offer-section{margin-top:14px}.offer-section-title{margin:0;font-size:14px;font-weight:600;color:#e5e7eb}.offer-subtitle{margin:4px 0 0;font-size:12px;font-weight:600;color:#e5e7eb}.offer-text{margin:0;font-size:12px;line-height:1.6;color:#cbd5e1}.offer-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.6;color:#cbd5e1}.offer-panel{padding:10px 12px;border-radius:12px;background:#0f172a99;border:1px solid rgba(51,65,85,.7);display:flex;flex-direction:column;gap:6px}.offer-card strong{color:#e2e8f0;font-weight:600}.offer-link{color:#7dd3fc;text-decoration:none}.offer-link:hover{color:#bae6fd}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}