.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border:1px solid var(--line,#dce8eb);background:transparent;color:var(--ink,#082535);border-radius:50%;padding:8px;cursor:pointer;transition:background .2s,border-color .2s;vertical-align:middle}.theme-toggle:hover{background:#14cbb51a;border-color:#14cbb5}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.auth-topline{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:45px}.auth-topline .back-link{margin:0}.hero-water{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;contain:paint}.hero-inner,.ocean-label{z-index:2}.water-beam{position:absolute;top:-30%;right:1%;width:50%;height:150%;transform-origin:74% 0;mix-blend-mode:screen;opacity:.34;background:conic-gradient(from 156deg at 74% 0%,transparent 0deg,#b5f9e830 3deg,transparent 6deg,#40dec61c 10deg,transparent 13deg,#b5f9e842 17deg,transparent 20deg,#4de5ce25 24deg,transparent 28deg);filter:blur(9px);animation:water-sway 13s ease-in-out infinite alternate}.water-caustics{position:absolute;inset:-15% -15% -30% 40%;opacity:.36;mix-blend-mode:screen;background:radial-gradient(ellipse at 70% 17%,#e2fff18a 0,transparent 16%),radial-gradient(ellipse at 36% 57%,#14cbb53a 0,transparent 32%),radial-gradient(ellipse at 82% 79%,#b5f9e82e 0,transparent 23%);filter:blur(14px);animation:water-drift 17s ease-in-out infinite alternate}.water-shimmer{position:absolute;inset:0 0 0 48%;mix-blend-mode:screen;opacity:.2;background:repeating-conic-gradient(from 15deg at 83% 8%,transparent 0deg 8deg,#b5f9e81f 9deg 10deg,transparent 12deg 24deg);filter:blur(5px);transform-origin:83% 8%;animation:water-ripple 21s ease-in-out infinite alternate}.water-glow{position:absolute;right:8%;top:7%;width:22%;aspect-ratio:1;border-radius:50%;opacity:.5;mix-blend-mode:screen;background:radial-gradient(circle,#effff9a0 0,#8fffe52c 16%,#14cbb511 40%,transparent 68%);filter:blur(9px);animation:water-breathe 8s ease-in-out infinite alternate}@keyframes water-sway{from{transform:rotate(-7deg) scaleX(.9);opacity:.21}to{transform:rotate(8deg) scaleX(1.16);opacity:.42}}@keyframes water-drift{0%{transform:translate(-5%,-3%) scale(1);opacity:.22}50%{opacity:.42}100%{transform:translate(5%,6%) scale(1.08);opacity:.3}}@keyframes water-ripple{from{transform:rotate(-5deg) scale(1);opacity:.12}to{transform:rotate(6deg) scale(1.06);opacity:.25}}@keyframes water-breathe{from{transform:translate(-8%,-5%) scale(.88);opacity:.3}to{transform:translate(9%,12%) scale(1.13);opacity:.6}}
html[data-theme=dark]{--ink:#e0eef3;--muted:#9db5c2;--paper:#0a2535;--canvas:#071e2d;--line:#234251;--green:#5bd6c1;--sidebar:#041724;color-scheme:dark}html[data-theme=dark] body{background:#071e2d;color:var(--ink)}html[data-theme=dark] .public-header,html[data-theme=dark] .public-footer{background:#071e2d}html[data-theme=dark] .public-header a:hover:not(.btn){color:#72e4cd}html[data-theme=dark] .btn-secondary,html[data-theme=dark] .search-demo{background:#0b293b;border-color:#294858}html[data-theme=dark] .demo-query{background:#061e2c}html[data-theme=dark] .demo-tab.active{color:#91edd7;background:#123f43;border-color:#2b7e76}html[data-theme=dark] .feature-symbol{color:#8eeed7;background:#123d42}html[data-theme=dark] .final-cta{background:#0c353a}html[data-theme=dark] .public-footer .wordmark{color:var(--ink)}html[data-theme=dark] .section .eyebrow,html[data-theme=dark] .demo-url,html[data-theme=dark] .result-label,html[data-theme=dark] .step-number{color:#5cd8c2}html[data-theme=dark] .auth-main,html[data-theme=dark] .auth-page{background:#071e2d}html[data-theme=dark] .auth-content input:not([type=checkbox]),html[data-theme=dark] .auth-content select{background:#0b293b;border-color:#2b4a59;color:var(--ink)}html[data-theme=dark] .auth-content a:not(.btn){color:#72dfc8}html[data-theme=dark] .form-message{background:#12372f;border-color:#2c6958;color:#b1e4d3}html[data-theme=dark] .form-message.error{background:#3a2527;border-color:#79504f;color:#f3b5ad}html[data-theme=dark] .form-message a{color:#8fe7d2}html[data-theme=dark] .mail-preview main{background:#0b293b;border-color:var(--line)}html[data-theme=dark] .legal-content .draft-notice{background:#302b22;color:#ead1a5}html[data-theme=dark] .topbar,html[data-theme=dark] .source-card,html[data-theme=dark] .panel,html[data-theme=dark] .metric,html[data-theme=dark] .search-panel,html[data-theme=dark] .result-card,html[data-theme=dark] .table-wrap,html[data-theme=dark] .modal{background:#0b293b;border-color:var(--line);color:var(--ink)}html[data-theme=dark] .topbar{border-bottom-color:var(--line)}html[data-theme=dark] .button.secondary,html[data-theme=dark] .icon-button{background:#103144;border-color:#315162;color:#d6e9ed}html[data-theme=dark] .button.secondary:hover,html[data-theme=dark] .icon-button:hover{background:#164153}html[data-theme=dark] .button.primary{color:#05232b;background:#48cdb8;border-color:#48cdb8}html[data-theme=dark] .button.primary:hover{background:#77dfca}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .workspace-content select,html[data-theme=dark] .inline-form input,html[data-theme=dark] .inline-form select,html[data-theme=dark] .plan-edit-fields input,html[data-theme=dark] .account-bootstrap input{background:#082233;color:var(--ink);border-color:#2b4a59}html[data-theme=dark] .source-footer,html[data-theme=dark] .how-it-works,html[data-theme=dark] .search-input-row,html[data-theme=dark] .code-panel,html[data-theme=dark] .source-progress{background:#0a2535;border-color:var(--line)}html[data-theme=dark] .source-progress,html[data-theme=dark] .job-message,html[data-theme=dark] .source-stats strong,html[data-theme=dark] .job-counts strong{color:#b2ccd5}html[data-theme=dark] th{background:#103143;color:#aac4ce;border-color:var(--line)}html[data-theme=dark] td{border-color:var(--line)}html[data-theme=dark] .table-wrap tr:hover{background:#123546}html[data-theme=dark] .notice,html[data-theme=dark] .account-banner{background:#103a38;border-color:#275952;color:#a6ddce}html[data-theme=dark] .notice p,html[data-theme=dark] .account-banner p{color:#a7cbc3}html[data-theme=dark] .status-pill{background:#164439;color:#a3e4c8}html[data-theme=dark] .status-pill.running{background:#124442;color:#88e4d4}html[data-theme=dark] .status-pill.neutral{background:#1e3b4b;color:#a9c7d5}html[data-theme=dark] .status-pill.queued{background:#423a24;color:#e7cf98}html[data-theme=dark] .status-pill.failed{background:#4a2c2e;color:#f1b1ad}html[data-theme=dark] .metric-icon,html[data-theme=dark] .source-symbol,html[data-theme=dark] .model-symbol{background:#153f43;color:#6be1c8}html[data-theme=dark] .metric-note,html[data-theme=dark] .how-step p,html[data-theme=dark] .result-card p,html[data-theme=dark] .result-url,html[data-theme=dark] .code-note,html[data-theme=dark] .job-counts{color:#a3bbc5}html[data-theme=dark] .workspace-plan.featured{background:#103a3a;border-color:#2c9f8e}html[data-theme=dark] .secret-box{background:#113c36;border-color:#367969}html[data-theme=dark] .secret-box p{color:#a0cec1}html[data-theme=dark] .secret-box input{background:#092a2b;border-color:#35665d;color:#d3eee7}html[data-theme=dark] .similarity,html[data-theme=dark] .count-chip{color:#abe9d8;background:#1c4542}html[data-theme=dark] .login-screen,html[data-theme=dark] .login-panel{background:#071e2d}html[data-theme=dark] .dark-brand{color:#e0eef3}html[data-theme=dark] .model-panel code{color:#9de3d5}html[data-theme=dark] .field-error,html[data-theme=dark] .danger-text{color:#f2a99e}html[data-theme=dark] .usage-item progress::-webkit-progress-bar{background:#234251}html[data-theme=dark] .sidebar .theme-toggle{color:#e0eef3}
@media(max-width:760px){.header-actions{gap:12px}.theme-toggle{width:32px;height:32px;padding:7px}.public-header{gap:12px}.public-header .btn-small{padding:10px 13px;font-size:12px}.auth-topline{margin-bottom:30px}.water-beam{right:-20%;width:100%;opacity:.25}.water-glow{right:-2%;width:40%}.water-caustics{left:30%}.water-shimmer{left:25%}}
@media(prefers-reduced-motion:reduce){.water-beam,.water-caustics,.water-shimmer,.water-glow{animation:none!important;transform:none!important;opacity:.14}.theme-toggle{transition:none}}
html[data-theme=dark] .filter-input{background:#0b293b;border-color:#2b4a59}html[data-theme=dark] .source-url{color:#9bb8c4}html[data-theme=dark] .source-settings{color:#a1b9c4}html[data-theme=dark] .search-options select{background:#082233;color:#d9eaf0}html[data-theme=dark] .empty-state{border-color:#294b59}html[data-theme=dark] .checkbox-row small{color:#9db5c2}
