/* 2026-08-23 — complete pearl light theme and pricing details. Loaded last. */
.package-rate{align-items:flex-start!important}.package-rate dd{display:grid;gap:3px;text-align:right}.package-rate dd span{display:block;white-space:nowrap}
.first-recharge-offer{width:100%;margin:0 0 12px;padding:10px 11px;border:1px solid rgba(238,201,115,.24);border-radius:10px;background:linear-gradient(135deg,rgba(238,201,115,.08),rgba(105,225,232,.035));color:#d9c188;text-align:left;transition:.2s}.first-recharge-offer b,.first-recharge-offer span{display:block}.first-recharge-offer b{font-size:11px}.first-recharge-offer span{margin-top:3px;color:#8f8b7c;font-size:8px;line-height:1.45}.first-recharge-offer:not(:disabled){cursor:pointer}.first-recharge-offer:not(:disabled):hover,.first-recharge-offer.selected{border-color:rgba(238,201,115,.54);background:linear-gradient(135deg,rgba(238,201,115,.18),rgba(105,225,232,.07));box-shadow:0 10px 24px rgba(179,136,48,.1)}.first-recharge-offer.selected b:before{content:"✓ ";color:#6dd8c6}.first-recharge-offer:disabled{opacity:.52;cursor:not-allowed}

:root[data-theme="light"]{color-scheme:light;--bg:#edf3f0;--surface:rgba(250,252,250,.9);--surface-2:#f4f8f6;--surface-3:#e7f0ec;--board:rgba(247,250,248,.9);--card:rgba(255,255,255,.86);--card-raised:#fff;--field:#f0f6f3;--edge:rgba(38,84,77,.13);--line:rgba(38,84,77,.13);--line-strong:rgba(27,114,108,.25);--text:#152622;--muted:#5f746f;--soft:#82938f;--accent:#218f94;--accent-2:#55bbc1;--accent-bg:rgba(44,154,159,.1);--gold:#9b741b;--danger:#c64f47}
:root[data-theme="light"],:root[data-theme="light"] body{background:#edf3f0!important;color:var(--text)!important}
:root[data-theme="light"] body{background:radial-gradient(circle at 12% 7%,rgba(111,181,165,.18),transparent 29%),radial-gradient(circle at 91% 18%,rgba(82,185,195,.15),transparent 28%),linear-gradient(145deg,#edf3f0 0%,#f7f5ef 48%,#e9f1ee 100%)!important}
:root[data-theme="light"] .site-ambient{opacity:.42}:root[data-theme="light"] .ambient-orb{filter:blur(100px);opacity:.18}
:root[data-theme="light"] .promo-bar{background:linear-gradient(90deg,#183b3b,#1d5253 48%,#204648)!important;color:#dff9f7!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 8px 28px rgba(23,62,60,.12)}
:root[data-theme="light"] .topbar{background:rgba(247,250,248,.83)!important;border-color:rgba(35,88,80,.14)!important;box-shadow:0 12px 40px rgba(30,65,59,.08)!important;backdrop-filter:blur(24px) saturate(1.18)}
:root[data-theme="light"] .brand,:root[data-theme="light"] .nav-link,:root[data-theme="light"] .credit-pill,:root[data-theme="light"] .ghost-icon,:root[data-theme="light"] .profile-button{color:#20322e!important}
:root[data-theme="light"] .credit-pill,:root[data-theme="light"] .ghost-icon,:root[data-theme="light"] .profile-button{background:rgba(255,255,255,.7)!important;border-color:rgba(41,95,87,.13)!important;box-shadow:0 7px 22px rgba(32,75,69,.06)!important}
:root[data-theme="light"] .nav-link.active,:root[data-theme="light"] .nav-link:hover{color:#157b7e!important}

/* Landing page: pearl cards, not flat black rectangles. */
:root[data-theme="light"] .hero{background:radial-gradient(circle at 83% 22%,rgba(53,167,172,.16),transparent 33%),radial-gradient(circle at 10% 100%,rgba(221,177,96,.1),transparent 28%),linear-gradient(142deg,rgba(255,255,255,.94),rgba(237,246,242,.91))!important;border-color:rgba(37,105,96,.15)!important;color:var(--text)!important;box-shadow:0 30px 90px rgba(30,68,61,.11),inset 0 1px rgba(255,255,255,.9)!important}
:root[data-theme="light"] .hero h1,:root[data-theme="light"] .hero h2{color:#1c302b!important}:root[data-theme="light"] .hero h1 em{background:linear-gradient(90deg,#183e3a,#1b8f91 62%,#5eaaa8)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
:root[data-theme="light"] .hero p,:root[data-theme="light"] .hero-proof,:root[data-theme="light"] .hero-proof b{color:#5b716c!important}:root[data-theme="light"] .live-tag{background:rgba(255,255,255,.62)!important;color:#187d80!important;border-color:rgba(33,143,148,.25)!important}
:root[data-theme="light"] .quiet-button{background:rgba(255,255,255,.56)!important;color:#2a4742!important;border-color:rgba(43,98,90,.16)!important}
:root[data-theme="light"] .hero-visual .video-phone{box-shadow:0 28px 80px rgba(29,65,59,.19)!important}
:root[data-theme="light"] .commerce-path,:root[data-theme="light"] .quick-section,:root[data-theme="light"] .projects-preview,:root[data-theme="light"] .content-section{background:rgba(249,251,249,.48)!important;border-color:var(--line)!important}
:root[data-theme="light"] .home-entry-card,:root[data-theme="light"] .creation-card,:root[data-theme="light"] .media-card{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(238,246,242,.88))!important;color:var(--text)!important;border-color:rgba(41,97,88,.13)!important;box-shadow:0 18px 52px rgba(31,72,65,.08),inset 0 1px rgba(255,255,255,.9)!important}
:root[data-theme="light"] .home-entry-card h2,:root[data-theme="light"] .creation-card h3,:root[data-theme="light"] .media-card h3{color:#1b302b!important}:root[data-theme="light"] .home-entry-card p,:root[data-theme="light"] .creation-card p,:root[data-theme="light"] .media-card p{color:#647773!important}:root[data-theme="light"] .home-entry-card>span{background:rgba(37,143,148,.07)!important;color:#177c80!important;border-color:rgba(37,143,148,.2)!important}:root[data-theme="light"] .home-entry-card>i{color:#207f80!important}

/* Studio and its nested surfaces. */
:root[data-theme="light"] .studio-shell{background:linear-gradient(145deg,rgba(224,237,232,.92),rgba(244,247,244,.9))!important;border-color:rgba(37,94,86,.13)!important;box-shadow:0 30px 90px rgba(28,66,60,.1)!important}
:root[data-theme="light"] .creation-panel,:root[data-theme="light"] .preview-panel,:root[data-theme="light"] .panel-head,:root[data-theme="light"] .settings-block,:root[data-theme="light"] .model-row,:root[data-theme="light"] .generation-footer,:root[data-theme="light"] .preview-head,:root[data-theme="light"] .director-insight,:root[data-theme="light"] .insight-head{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(246,249,247,.88))!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:0 12px 34px rgba(31,72,65,.055)!important}
:root[data-theme="light"] .prompt-shell,:root[data-theme="light"] .parameter-toolbar,:root[data-theme="light"] .parameter-strip,:root[data-theme="light"] .parameter-pill,:root[data-theme="light"] .resolution-inline,:root[data-theme="light"] .model-popover,:root[data-theme="light"] .parameter-popover,:root[data-theme="light"] .preview-canvas,:root[data-theme="light"] .search-box{background:rgba(238,245,242,.9)!important;color:var(--text)!important;border-color:rgba(38,91,83,.14)!important}
:root[data-theme="light"] .prompt-shell:focus-within{background:#fff!important;border-color:rgba(33,143,148,.42)!important;box-shadow:0 0 0 4px rgba(33,143,148,.075),0 16px 42px rgba(29,78,71,.08)!important}
:root[data-theme="light"] textarea,:root[data-theme="light"] input,:root[data-theme="light"] select{color:#1c312c!important}:root[data-theme="light"] textarea::placeholder,:root[data-theme="light"] input::placeholder{color:#82938f!important}
:root[data-theme="light"] .panel-head h2,:root[data-theme="light"] .block-label h2,:root[data-theme="light"] .preview-head h2,:root[data-theme="light"] .insight-head b,:root[data-theme="light"] .preview-empty h3,:root[data-theme="light"] .model-row b{color:#172b26!important}
:root[data-theme="light"] .panel-head p,:root[data-theme="light"] .block-label p,:root[data-theme="light"] .preview-empty p,:root[data-theme="light"] .insight-head small,:root[data-theme="light"] .insight-body small,:root[data-theme="light"] .cost-copy span,:root[data-theme="light"] .cost-copy small{color:#687c77!important}
:root[data-theme="light"] .parameter-pill,:root[data-theme="light"] .resolution-inline button{color:#58706a!important}:root[data-theme="light"] .parameter-pill:hover,:root[data-theme="light"] .parameter-pill.open,:root[data-theme="light"] .parameter-pill.active,:root[data-theme="light"] .resolution-inline button.selected{background:rgba(34,143,148,.11)!important;color:#116f73!important;border-color:rgba(34,143,148,.28)!important}

/* Credits: softly differentiated tiers and readable rate details. */
:root[data-theme="light"] .credits-overview article,:root[data-theme="light"] .package-section,:root[data-theme="light"] .credit-history,:root[data-theme="light"] .history-row,:root[data-theme="light"] .credit-package{background:rgba(255,255,255,.76)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:0 15px 45px rgba(30,69,62,.07)!important}
:root[data-theme="light"] .package-section{background:linear-gradient(145deg,rgba(249,252,250,.91),rgba(231,240,236,.78))!important}
:root[data-theme="light"] .credit-package{background:linear-gradient(160deg,#fff,#f2f7f4)!important}:root[data-theme="light"] .credit-package:nth-child(2){background:linear-gradient(160deg,#fff,#eff7f5)!important}:root[data-theme="light"] .credit-package.recommended{background:radial-gradient(circle at 100% 0,rgba(56,164,169,.13),transparent 48%),linear-gradient(160deg,#fff,#eef7f5)!important;border-color:rgba(35,142,147,.27)!important}:root[data-theme="light"] .credit-package.value{background:radial-gradient(circle at 100% 0,rgba(206,167,78,.15),transparent 48%),linear-gradient(160deg,#fff,#f7f4e9)!important;border-color:rgba(163,125,41,.22)!important}
:root[data-theme="light"] .credit-package:hover{transform:translateY(-5px)!important;box-shadow:0 24px 55px rgba(27,74,67,.12)!important}:root[data-theme="light"] .credit-package b,:root[data-theme="light"] .credit-package strong,:root[data-theme="light"] .credits-section-title h2,:root[data-theme="light"] .credits-overview strong{color:#172b26!important}:root[data-theme="light"] .credit-package dt,:root[data-theme="light"] .credit-package dd,:root[data-theme="light"] .credits-section-title p,:root[data-theme="light"] .credits-section-title>span{color:#687b76!important}
:root[data-theme="light"] .custom-package label>div,:root[data-theme="light"] .first-recharge-offer{background:rgba(237,244,241,.85)!important;color:#28423c!important;border-color:rgba(45,101,92,.14)!important}:root[data-theme="light"] .first-recharge-offer.selected{background:linear-gradient(135deg,rgba(232,205,137,.24),rgba(77,179,179,.1))!important;border-color:rgba(172,132,45,.31)!important}:root[data-theme="light"] .first-recharge-offer span{color:#6e7d78!important}

/* Libraries and cards. */
:root[data-theme="light"] .library-head,:root[data-theme="light"] .filter-bar,:root[data-theme="light"] .task-card,:root[data-theme="light"] .asset-summary article,:root[data-theme="light"] .asset-card,:root[data-theme="light"] .asset-library-grid article,:root[data-theme="light"] .asset-add,:root[data-theme="light"] .shared-storage-usage{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(241,247,244,.84))!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:0 14px 42px rgba(31,72,65,.065)!important}
:root[data-theme="light"] .library-head h1,:root[data-theme="light"] .task-meta h3,:root[data-theme="light"] .asset-card h3,:root[data-theme="light"] .asset-library-grid h3,:root[data-theme="light"] .shared-storage-usage b{color:#182d28!important}:root[data-theme="light"] .library-head p,:root[data-theme="light"] .task-meta p,:root[data-theme="light"] .asset-card p,:root[data-theme="light"] .asset-library-grid p,:root[data-theme="light"] .asset-summary small,:root[data-theme="light"] .shared-storage-usage small{color:#687c77!important}
:root[data-theme="light"] .task-card:hover,:root[data-theme="light"] .asset-card:hover,:root[data-theme="light"] .asset-library-grid article:hover{background:#fff!important;border-color:rgba(31,143,147,.24)!important;box-shadow:0 24px 55px rgba(30,76,68,.12)!important}
:root[data-theme="light"] .filter-bar button{color:#687b76!important}:root[data-theme="light"] .filter-bar button.selected{color:#175f61!important}:root[data-theme="light"] .filter-bar button span{background:#e4eeea!important;color:#47635d!important}

/* Dialogs, account, footer. */
:root[data-theme="light"] .app-modal,:root[data-theme="light"] .auth-card,:root[data-theme="light"] .recharge-drawer,:root[data-theme="light"] .account-card,:root[data-theme="light"] .account-service,:root[data-theme="light"] .checkin-card,:root[data-theme="light"] .checkin-stats>div,:root[data-theme="light"] .ticket-item,:root[data-theme="light"] .modal-row,:root[data-theme="light"] .project-prompt-details{background:linear-gradient(150deg,#fff,#f1f7f4)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:0 22px 70px rgba(25,65,58,.13)!important}
:root[data-theme="light"] .modal-overlay,:root[data-theme="light"] .auth-overlay,:root[data-theme="light"] .recharge-overlay{background:rgba(35,57,53,.24)!important;backdrop-filter:blur(12px) saturate(.92)!important}:root[data-theme="light"] .modal-content,:root[data-theme="light"] .modal-content p,:root[data-theme="light"] .auth-card>p,:root[data-theme="light"] .auth-safety,:root[data-theme="light"] .account-service small{color:#667a75!important}
:root[data-theme="light"] .auth-tabs,:root[data-theme="light"] .auth-card input,:root[data-theme="light"] .support-form input,:root[data-theme="light"] .support-form textarea,:root[data-theme="light"] .drawer-package,:root[data-theme="light"] .payment-note{background:#edf4f1!important;color:#1c312c!important;border-color:var(--line)!important}
:root[data-theme="light"] .site-footer{color:#60736e!important;border-color:rgba(39,87,79,.13)!important}:root[data-theme="light"] .site-footer strong,:root[data-theme="light"] .site-footer a{color:#29443e!important}

@media(max-width:760px){.package-rate dd span{white-space:normal}.first-recharge-offer{padding:11px}}