/* Shared presentation layer. No visibility overrides for business states. */
:root{
  color-scheme:dark;
  --bg-primary:#101315;--bg-card:#181c1f;--bg-card-hover:#202629;
  --border:#30373a;--border-light:#465052;
  --accent:#b9dac5;--accent-dim:#6e9d80;--accent-glow:#b9dac51a;
  --gold:#d7bd8e;--gold-light:#e5d2b0;--green:#9ccfaa;--yellow:#dfc18b;--red:#f09a99;
  --text-primary:#f0f2ee;--text-secondary:#b4bdb9;--text-dim:#89958f;
  --muted:var(--text-secondary);--radius:10px;--radius-lg:16px;
  --transition:background .18s ease,border-color .18s ease,color .18s ease;
}
*{box-sizing:border-box}
html{scroll-padding-top:96px}
body.ui-home,body.ui-page{background:var(--bg-primary);color:var(--text-primary);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
button{touch-action:manipulation}
a{color:var(--accent);text-underline-offset:4px}
input::placeholder,textarea::placeholder{color:var(--text-dim);opacity:1}
[hidden]{display:none!important}
.text-button{border:0;background:transparent;color:var(--accent);font:inherit;cursor:pointer;min-height:44px;padding:4px 8px}
.ui-help{font-size:13px;color:var(--text-secondary);border:0}
.ui-help summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;min-height:44px;width:fit-content;color:var(--text-secondary);font-weight:400}
.ui-help summary::-webkit-details-marker{display:none}
.ui-help summary::before{content:'+';font:17px/1 ui-monospace,monospace;color:var(--text-dim);width:12px}
.ui-help[open]>summary::before{content:'−'}
.ui-help summary:hover{color:var(--text-primary)}
.ui-help>p{max-width:75ch;margin:8px 0 16px;line-height:1.9}
.ui-badge{font-size:12px;color:var(--text-secondary);border:1px solid var(--border);padding:5px 12px;border-radius:6px}
.eyebrow,.auth-eyebrow{font-size:11px;letter-spacing:.16em;color:var(--text-dim);font-weight:600}
.ui-home .topbar{height:72px;padding:0 4vw;background:#101315ed;border-color:var(--border);backdrop-filter:blur(16px)}
.ui-home .topbar-logo{font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;letter-spacing:.09em;gap:12px;white-space:nowrap}
.topbar-logo b{font-weight:400;color:var(--text-secondary)}
.brand-mark{width:29px;height:33px;display:grid;place-items:center;border:1px solid #799583;border-radius:9px 9px 13px 13px;color:var(--accent);font:500 21px/1 Georgia,serif}
.ui-home .topbar-right{gap:10px;font-size:13px}
.ui-home .topbar-user{color:var(--text-secondary);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-home .topbar-coins{background:transparent;border:0;color:var(--text-secondary);font-size:13px;padding:0 4px;gap:4px}
.ui-home .topbar-coins .add-coins-btn{background:#26382d;color:var(--accent);height:32px;width:32px;font-size:17px;border-radius:8px;margin-left:5px}
.ui-home .topbar-premium,.ui-home .topbar-btn{border-color:var(--border);background:transparent;color:var(--text-secondary);padding:8px 12px;min-height:36px;border-radius:8px;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.ui-home .topbar-premium:hover,.ui-home .topbar-btn:hover{background:var(--bg-card-hover);border-color:var(--border-light);color:var(--text-primary)}
.ui-home .hero{height:160px;max-width:1040px;margin:104px auto 0;border:1px solid var(--border);border-radius:18px}
.ui-home:has(#tab_tools.active) .hero{max-width:1248px}
.ui-home .hero-slide{background-position:center 40%}
.ui-home .hero-slide::after{background:linear-gradient(90deg,#141b19f5,#11181599 55%,#11181545)}
.ui-home .hero-title{left:40px;bottom:36px;transform:none;text-align:left;font-family:inherit}
.hero-kicker{font-size:11px;letter-spacing:.15em;color:#c5d5c7;display:block;margin-bottom:12px}
.ui-home .hero-title h1{font-family:inherit;letter-spacing:-.035em;font-size:30px;line-height:1.45;background:none;-webkit-text-fill-color:initial;color:#f3f5ed;font-weight:600;margin:0 0 10px}
.ui-home .hero-title p{font-size:12px;letter-spacing:.08em;color:#bdc9bf;font-weight:400}
.ui-home .hero-dots{left:auto;right:24px;bottom:22px;transform:none;gap:5px}
.ui-home .hero-dot{width:28px;height:24px;border-radius:0;background:transparent;position:relative;box-shadow:none}
.ui-home .hero-dot::after{content:'';height:3px;width:20px;position:absolute;top:10px;left:4px;border-radius:3px;background:#ffffff50}
.ui-home .hero-dot.active::after{background:#d3e4d3}
.ui-home:has(#page_app.active) .hero-title h1 br{display:none}
.ui-home:has(#page_app.active) .hero-title h1{font-size:27px}
.ui-home .main{max-width:1088px;padding:30px 24px 64px}
.ui-home .main.tools-wide{max-width:1296px}
.ui-home #page_app>.tabs{border:0;border-bottom:1px solid var(--border);background:none;padding:0;gap:28px;margin:0 0 28px;overflow-x:auto;flex-wrap:nowrap;border-radius:0}
.ui-home #page_app>.tabs>.tab-btn{flex:0 0 auto;min-height:48px;padding:9px 2px 16px;border:0;border-bottom:2px solid transparent;background:transparent;border-radius:0;color:var(--text-dim);font-size:15px;font-weight:500;white-space:nowrap}
.ui-home #page_app>.tabs>.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent)}
.ui-home .card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:none}
.ui-home .card h3{font-size:18px;font-weight:600;letter-spacing:-.02em}
.ui-home .valuation-entry{padding:32px;position:relative}
.ui-home .val-hero{text-align:left;margin-bottom:28px}
.ui-home .val-hero h3{font-size:25px;letter-spacing:-.03em;margin-bottom:4px;color:var(--text-primary)}
.ui-home .val-sub{color:var(--text-dim);font-size:13px}
.ui-home .link-input-wrap{display:flex;gap:10px;border:1px solid var(--border-light);background:#111617;border-radius:12px;padding:7px;box-shadow:none;margin-bottom:14px}
.ui-home .link-input-wrap:focus-within{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}
.ui-home .link-input-wrap input{border:0;background:transparent;box-shadow:none;padding:12px 14px;font-size:15px;min-width:0;flex:1;color:var(--text-primary)}
.ui-home .go-btn{flex:0 0 auto;min-width:110px;min-height:48px;border-radius:8px;background:var(--accent);color:#14231a;border:0;font-size:14px;font-weight:600;box-shadow:none}
.ui-home .go-btn:hover{background:#cce6d3;box-shadow:none;transform:none}
.ui-home .link-guide{display:inline-block;vertical-align:top;margin:0 24px 0 0}
.ui-home .link-guide[open]{display:block;margin-right:0}
.ui-home .guide-section{margin:0 0 18px;background:#121718;border:1px solid var(--border);padding:18px;border-radius:10px}
.ui-home .guide-tabs{border:0;gap:8px;margin-bottom:12px}
.ui-home .guide-tab{background:transparent;border:1px solid var(--border);border-radius:6px;min-height:36px;color:var(--text-secondary)}
.ui-home .guide-tab.active{background:#25332b;color:var(--accent);border-color:#4f6858}
.ui-home .step{font-size:13px;padding:6px 0;line-height:1.7}
.ui-home .step-num{background:#27362d;color:var(--accent);border-radius:5px}
.ui-home .step-tip{font-size:12px;color:var(--text-dim);border:0;background:none}
.ui-home .val-notice{margin:12px 0 18px;background:#d7bd8e08;border:1px solid #d7bd8e26;border-left:2px solid #ad956e;border-radius:8px;padding:14px 16px;font-size:13px;line-height:1.9;color:#c5bfae}
.ui-home .onboard-overlay{background:#080c0dcc;backdrop-filter:blur(6px)}
.ui-home .onboard-card{max-height:calc(100dvh - 40px);overflow-y:auto;border-color:var(--border-light);box-shadow:0 25px 100px #0005}
.ui-home .manual-divider{height:1px;background:var(--border);margin:18px 0}
.ui-home .manual-divider::before,.ui-home .manual-divider::after{display:none}
.ui-home .manual-entry{text-align:left}
.ui-home .manual-link{font-family:inherit;font-size:13px;font-weight:500;line-height:1.5;color:var(--text-secondary);border:0;background:transparent;padding:8px 0;min-height:40px;text-align:left;cursor:pointer}
.ui-home .manual-link:hover{color:var(--accent)}
.ui-home .manual-area textarea,.ui-home .manual-row input,.ui-home .manual-row select,.ui-home .form-input,.ui-home .tool-field input{background:#111617;border-color:var(--border);border-radius:9px;font-size:14px;color:var(--text-primary);min-height:44px}
.ui-home .btn{border-radius:8px;min-height:44px;font-size:14px;letter-spacing:0;font-weight:550}
.ui-home .btn-primary{background:var(--accent);color:#14231a}
.ui-home .btn-primary:hover{background:#cce6d3;transform:none;box-shadow:none}
.ui-home .btn-ghost{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary)}
.ui-home .result-area{margin-top:24px}
.ui-home .result-card{border-radius:16px;background:var(--bg-card);border-color:var(--border);overflow:hidden}
.ui-home .result-header{background:transparent;border-color:var(--border);padding:22px 28px;gap:12px;flex-wrap:wrap}
.ui-home .result-header h3{color:var(--text-primary);font-size:17px}
.ui-home .result-body{padding:28px;display:flex;flex-direction:column}
.ui-home .final-price{order:-2;margin:0 0 24px;padding:24px 0;text-align:left;background:none;border:0;border-bottom:1px solid var(--border);border-radius:0}
.ui-home .final-price .label{font-size:13px;color:var(--text-secondary);letter-spacing:0}
.ui-home .final-price .amount{color:var(--accent);font-family:inherit;font-size:48px;font-weight:500;line-height:1.3;letter-spacing:-.04em;background:none;-webkit-text-fill-color:initial}
.ui-home .meta-row{font-size:12px;background:transparent;border:0;color:var(--text-secondary);margin-bottom:20px;padding:0;gap:18px;flex-wrap:wrap}
.ui-home .data-table th,.ui-home .data-table td{border-color:var(--border);padding:13px 4px;font-size:13px}
.ui-home .data-table th{background:transparent;color:var(--text-dim);font-weight:400}
.ui-home .data-table tr.total{background:none;color:var(--text-primary)}
.ui-home .result-body>p{margin:12px 0;max-width:78ch}
.ui-home .result-body details{margin:12px 0 0;font-size:13px}
.ui-home .result-body details summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--text-secondary)}
.ui-home .premium-shell{padding:28px;background:var(--bg-card);border-color:var(--border);border-radius:16px}
.ui-home .premium-heading h3{color:var(--text-primary);font-size:18px}
.ui-home .premium-heading p{color:var(--text-dim);font-size:12px;line-height:1.7}
.ui-home .premium-products{gap:12px;margin-top:20px}
.ui-home .premium-product{border:1px solid var(--border);border-radius:10px;background:transparent;padding:20px}
.ui-home .premium-product strong{color:var(--text-primary);font-size:14px}
.ui-home .premium-product p{font-size:12px;color:var(--text-dim);line-height:1.8}
.ui-home .premium-product button{min-height:40px;border-radius:7px;background:#2b3e31;border:1px solid #45634e;color:var(--accent);font-size:13px}
.ui-home .overlay{background:#080c0dcc;backdrop-filter:blur(6px);padding:18px}
.ui-home .overlay-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:18px;box-shadow:0 25px 100px #0005;max-height:90dvh;overflow:auto;padding:28px}
.ui-home .overlay-box button[onclick^="close"]{min-width:40px;min-height:40px;border-radius:8px}
.ui-home footer{font-size:11px;letter-spacing:.1em;color:var(--text-dim);border:0;padding:24px;margin:0;text-align:center}
/* Auth is a focused two-column composition, using the existing carousel. */
@media(min-width:961px){
  .ui-home:has(.auth-page.active){display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,440px);column-gap:80px;align-content:center;align-items:center;max-width:1260px;margin:auto;min-height:100dvh;padding:110px 40px 50px}
  .ui-home:has(.auth-page.active) .hero{height:min(64vh,640px);min-height:490px;width:100%;margin:0;border-radius:20px}
  .ui-home:has(.auth-page.active) .hero-slide::after{background:linear-gradient(180deg,#10181715 15%,#111815b0 60%,#111815ee)}
  .ui-home:has(.auth-page.active) .hero-title{left:36px;bottom:55px;right:30px}
  .ui-home:has(.auth-page.active) .hero-title h1{font-size:36px;line-height:1.55}
  .ui-home:has(.auth-page.active) .hero-dots{bottom:20px;right:30px}
  .ui-home:has(.auth-page.active) .main{width:100%;max-width:none;padding:0}
  .ui-home:has(.auth-page.active)>footer{grid-column:1/-1;padding:30px 0 0}
}
.ui-home .auth-card{background:transparent;border:0;padding:24px 8px;overflow:visible}
.ui-home .auth-card::before{display:none}
.ui-home .auth-eyebrow{margin-bottom:18px}
.ui-home .auth-card h2{font-family:inherit;font-size:29px;font-weight:600;line-height:1.4;letter-spacing:-.035em;color:var(--text-primary);margin-bottom:8px}
.ui-home .auth-card .subtitle{font-size:13px;color:var(--text-dim);margin-bottom:36px}
.ui-home .auth-card .form-group{margin-bottom:20px}
.ui-home .form-group label{font-size:13px;letter-spacing:0;color:var(--text-secondary);margin-bottom:8px}
.ui-home .auth-card .form-input{height:50px;padding:13px 15px;background:#191e20}
.ui-home .auth-card .btn-primary{height:50px}
.ui-home .auth-switch{border-top:1px solid var(--border);padding-top:20px;margin-top:26px;color:var(--text-dim);font-size:13px}
.auth-divider{display:none;text-align:center;color:var(--text-dim);margin:14px 0}
.auth-card:has(.wechat-oauth-entry:not([style*="display:none"]):not([style*="display: none"])) .auth-divider{display:block}
/* Toolbox: readable controls and a quiet directory, with the same work surfaces. */
.ui-home .tools-layout{grid-template-columns:176px minmax(0,1fr);gap:28px}
.ui-home .tools-directory{top:96px;padding-right:20px}
.ui-home .tools-directory-header{flex-wrap:wrap;margin-bottom:18px;gap:12px}
.ui-home .tools-directory-header>div>span{font-size:11px;margin-top:4px}
.ui-home .tool-mode-switch button{min-height:48px;grid-template-columns:19px minmax(0,1fr);gap:8px;border-radius:8px;padding:10px}
.ui-home .tool-mode-switch button strong{font-size:13px;font-weight:500}
.ui-home .tool-mode-switch button.active{background:#24342a;border-color:transparent;color:var(--accent)}
.ui-home .tool-mode-switch button:hover{background:var(--bg-card-hover)}
.ui-home .tool-mode-index{font-size:10px}
.ui-home .tool-tour-trigger{font-size:12px;min-height:36px;border:0;padding:4px 0;gap:8px}
.ui-home .catalog-shell{gap:22px}
.ui-home .catalog-work-pane{top:96px;max-height:calc(100dvh - 120px)}
.ui-home .catalog-pane-heading h3{font-size:18px}
.ui-home .catalog-pane-heading span{font-size:12px}
.ui-home .catalog-source-actions{flex-wrap:wrap;justify-content:flex-end}
.ui-home .catalog-source-actions a{font-size:11px}
.ui-home .catalog-text-button,.ui-home .catalog-clear-button{font-size:11px;min-height:36px;border-radius:7px}
.ui-home .catalog-search-row input,.ui-home .catalog-filter-row select,.ui-home .catalog-toolbar input,.ui-home .catalog-toolbar select{height:42px;font-size:13px;border-radius:8px;background:var(--bg-card)}
.ui-home .catalog-faction-tabs{border-radius:8px;margin-top:12px}
.ui-home .catalog-faction-tabs button{height:38px;font-size:12px}
.ui-home .catalog-faction-tabs button.active{background:#344b3b;color:#daebde}
.ui-home .catalog-source-grid{gap:10px}
.ui-home .catalog-pagination button{min-width:40px;min-height:40px}
.ui-home .catalog-stage{border-radius:8px}
.ui-home .price-history-shell{max-width:none}
.ui-home .price-history-header{padding:0 0 22px}
.ui-home .price-history-header h3{font-size:22px}
.ui-home .price-history-header p{font-size:12px;color:var(--text-dim);margin-top:6px}
.ui-home .price-history-threshold{font-size:11px;padding:6px 10px;border-radius:6px}
.ui-home .price-history-coverage{margin-top:24px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border)}
.ui-home .price-history-coverage>div{padding:16px}
.ui-home .price-history-coverage span,.ui-home .price-history-summary span{font-size:11px;color:var(--text-dim)}
.ui-home .price-history-coverage strong{font-size:14px;margin-top:7px}
.ui-home .price-history-controls{margin:24px 0;gap:16px}
.ui-home .price-history-controls label{font-size:12px;color:var(--text-secondary);gap:8px}
.ui-home .price-history-controls input,.ui-home .price-history-controls select{height:44px;font-size:14px;background:var(--bg-card);border-radius:8px}
.ui-home .price-history-summary{border:0}
.ui-home .price-history-summary>div{padding:15px 18px 15px 0}
.ui-home .price-history-summary>div:not(:first-child){padding-left:20px}
.ui-home .price-history-summary strong{font-size:23px;font-weight:500;margin-top:7px}
.ui-home .price-history-table{font-size:12px}
.ui-home .price-history-table th,.ui-home .price-history-table td{padding:13px 10px}
.ui-home .price-history-browser h4{font-size:17px}
.ui-home .price-history-browser p,.ui-home .price-history-browser>header>span,.ui-home .price-history-note{font-size:11px}
.ui-home .price-history-more{font-size:13px;min-height:44px}
.ui-home .image-reply-shell{background:var(--bg-card);border-radius:16px;overflow:hidden}
.ui-home .image-reply-header{padding:24px;align-items:center}
.ui-home .image-reply-header h3{font-size:20px}
.ui-home .image-reply-header p{font-size:12px;color:var(--text-dim)}
.ui-home .image-reply-status{border-radius:6px;background:transparent;font-size:11px}
.ui-home .image-reply-inputs{padding:24px}
.ui-home .image-reply-field input,.ui-home .image-reply-field select,.ui-home .image-reply-field textarea{border-color:var(--border);background:#111617;border-radius:8px;color:var(--text-primary);font-size:14px}
.ui-home .image-reply-field>span{font-size:12px;color:var(--text-secondary);font-weight:400}
.ui-home .image-reply-upload{border-color:var(--border-light);background:#202a24;border-radius:10px;padding:28px 16px}
.ui-home .image-reply-upload strong{font-size:14px;color:var(--accent)}
.ui-home .image-reply-upload span{font-size:11px;color:var(--text-dim)}
.ui-home .image-reply-run{background:var(--accent);border:0;color:#14231a;border-radius:8px;min-height:46px;font-size:14px}
.ui-home .image-reply-empty{color:var(--text-dim);font-size:13px;min-height:280px}
.ui-home .image-reply-copy,.ui-home .image-reply-complete,.ui-home .image-reply-skip{border-radius:8px;min-height:42px}
.ui-home .image-reply-queue{border-top:1px solid var(--border)}
.ui-home .image-reply-queue-summary{gap:8px}
.ui-home .image-reply-queue-summary button{border-radius:8px;background:#202629}
.ui-home .image-reply-queue-summary button.active{border-color:var(--accent-dim);background:#27382c}
.ui-home .image-reply-guard-status{background:none}
.ui-home .reply-help{margin:12px 0}
.ui-home .tool-note{font-size:12px;color:var(--text-dim);margin-top:12px}
.ui-home .tool-metric{background:#202a24;border:1px solid var(--border);border-radius:10px}
.ui-home .tool-metric .label{font-size:12px;color:var(--text-secondary)}
.ui-home .tool-metric .value{color:var(--accent);font-weight:500}
.ui-home #tab_admin .tabs{gap:8px;overflow-x:auto;flex-wrap:nowrap}
.ui-home #tab_admin .tab-btn{font-size:13px;white-space:nowrap;min-height:44px;background:transparent;border-radius:8px;color:var(--text-secondary);padding:10px 16px;text-decoration:none}
.ui-home #tab_admin .tab-btn.active{background:#26372b;color:var(--accent)}
/* Standalone records and follow-up workspace. */
.ui-page{margin:0}
.ui-page main{max-width:1184px;padding:32px 32px 52px;margin:0 auto}
.ui-page nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 24px;border-bottom:1px solid var(--border)}
.ui-page nav a{color:var(--text-secondary);text-decoration:none;font-size:13px;min-height:40px;display:inline-flex;align-items:center}
.ui-page header{max-width:none;padding:40px 0 10px}
.ui-page h1{font-size:34px;letter-spacing:-.04em;font-weight:600;margin:4px 0 14px;line-height:1.4}
.ui-page h2{font-size:20px;letter-spacing:-.02em;font-weight:600;margin:0 0 20px}
.ui-page h3{font-size:16px;font-weight:600;margin:26px 0 12px}
.ui-page p{margin:10px 0 14px}
.ui-page section{background:var(--bg-card);border:1px solid var(--border);padding:28px;border-radius:14px;margin:20px 0}
.ui-page label{font-size:13px;color:var(--text-secondary);display:block;margin:16px 0}
.ui-page input,.ui-page select,.ui-page textarea{font:inherit;font-size:14px;color:var(--text-primary);background:#111617;border:1px solid var(--border-light);border-radius:8px;min-height:44px;width:100%;max-width:100%;padding:10px 12px;margin-top:8px}
.ui-page textarea{min-height:100px;resize:vertical}
.ui-page button{font-family:inherit;font-size:13px;font-weight:500;line-height:1.5;color:#14231a;background:var(--accent);border:1px solid transparent;border-radius:8px;padding:10px 16px;min-height:42px;cursor:pointer;max-width:100%}
.ui-page button:hover:not(:disabled){filter:brightness(1.07)}
.ui-page button:disabled{opacity:.45;cursor:default}
.ui-page button.secondary,.ui-page #refresh,.ui-page #back{background:transparent;color:var(--text-secondary);border-color:var(--border-light)}
.ui-page .muted,.ui-page small,.ui-page .note{color:var(--text-dim);font-size:12px;line-height:1.9}
.ui-page .table-scroll{overflow:auto;max-width:100%}
.ui-page table{width:100%;border-collapse:collapse;font-size:13px}
.ui-page th{color:var(--text-dim);font-size:12px;font-weight:400}
.ui-page td,.ui-page th{padding:14px 12px;border-bottom:1px solid var(--border);text-align:left}
.ui-page td{color:var(--text-secondary)}
.ui-page tr:last-child td{border-bottom:0}
.ui-page td button{white-space:nowrap}
.ui-page #message:not(:empty){position:sticky;bottom:20px;top:auto;margin-top:24px;padding:14px 18px;background:#29382e;border:1px solid #4d6855;border-radius:10px;white-space:pre-wrap;z-index:20;font-size:13px}
.ui-page #message:empty{display:none}
.ui-page footer{font-size:11px;color:var(--text-dim);letter-spacing:.08em;text-align:center;margin:38px 0 0}
.ui-page .ui-help>p{font-size:13px;color:var(--text-secondary)}
.ui-cases .layout{gap:20px}
.ui-cases .layout:has(#detail:not([hidden])){grid-template-columns:300px minmax(0,1fr);align-items:start}
.ui-cases #balance{font-size:12px;color:var(--text-secondary);background:#202a24;border:1px solid var(--border);border-radius:8px;padding:10px 14px;display:inline-block;margin:8px 0}
.ui-cases #caseList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ui-cases .layout:has(#detail:not([hidden])) #caseList{grid-template-columns:1fr}
.ui-cases .record{margin:0;background:#141a17;border:1px solid #34453a;border-radius:12px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:2px}
.ui-cases .record h3{font-size:15px;line-height:1.7;margin:0 0 8px;overflow-wrap:anywhere}
.ui-cases .record button{width:100%;background:transparent;color:var(--accent);border:1px solid #4c6453;margin-top:auto}
.ui-cases .record .price{color:var(--accent);font-size:34px;font-weight:500;line-height:1.35;margin:4px 0 10px;letter-spacing:-.03em}
.ui-cases .record small{font-size:11px;display:block;margin-bottom:10px}
.ui-cases .record .muted{font-size:12px;margin-bottom:16px}
.ui-cases #detail{scroll-margin-top:24px}
.ui-cases #caseBody{margin-top:26px}
.ui-cases #caseBody .price{color:var(--accent);font-size:44px;letter-spacing:-.04em;margin:12px 0}
.ui-cases #caseBody>p:not(.price){font-size:13px;color:var(--text-secondary)}
.ui-cases #caseBody ul{font-size:13px;line-height:2;color:var(--text-secondary);padding-left:20px}
.ui-cases #caseBody details{font-size:13px;margin:18px 0}
.ui-cases #caseBody details summary{min-height:44px;cursor:pointer}
.ui-cases .actions{margin:22px 0 12px;gap:14px}
.ui-cases .actions a{font-size:12px}
.ui-cases .action-cost{font-size:12px}
.ui-cases .tag{font-size:11px;border-color:#4e634f;color:var(--accent);padding:3px 7px}
.ui-cases #shop .offers{margin-top:24px;gap:16px}
.ui-cases .offers>article{padding:22px;border-radius:12px;background:#131916}
.ui-cases .offers>article strong{font-size:24px;font-weight:500;color:var(--accent)}
.ui-cases .offers>article button{width:100%;margin-top:12px;background:#2a3d30;color:var(--accent);border-color:#4b6652}
.ui-cases #shopStatus{font-size:13px;color:var(--text-secondary);margin:12px 0}
.ui-cases .feedback,.ui-cases .order{background:transparent;border-radius:10px;font-size:13px;padding:20px}
.ui-cases #admin{border-top:2px solid #53634f}
.ui-tracking .page-heading{padding-bottom:0}
.ui-tracking main{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}
.ui-tracking main>nav,.ui-tracking .page-heading,.ui-tracking .tracking-list,.ui-tracking #editor,.ui-tracking #message,.ui-tracking footer{grid-column:1/-1}
.ui-tracking main>section{margin:0;min-width:0}
.ui-tracking .section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.ui-tracking .section-heading h2{margin:0}
.ui-tracking #summary{white-space:pre-line;font-size:15px;line-height:2.2;color:var(--accent);padding:8px 0 18px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.ui-tracking .checkbox-field{display:flex;align-items:center;gap:9px;font-size:12px;margin-top:16px}
.ui-tracking .checkbox-field input{width:17px;min-height:17px;height:17px;margin:0;accent-color:var(--accent)}
.ui-tracking #executor{white-space:pre-line;font-size:13px;color:var(--text-secondary);line-height:2.1;overflow-wrap:anywhere;background:#121718;border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin:0 0 14px}
.ui-tracking .executor-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 0}
.ui-tracking .source-field{order:-1;flex-basis:100%;margin:0 0 8px;font-size:12px}
.ui-tracking .source-field select{display:block;margin-top:8px;width:100%}
.ui-tracking .tracking-list td:first-child a{overflow-wrap:anywhere}
.ui-tracking #attentionBox{border-top:1px solid var(--border);margin-top:28px;padding-top:0}
.ui-tracking #attentionBox table{font-size:12px}
.ui-tracking #empty{color:var(--text-dim);font-size:13px;padding:12px 0}
.ui-tracking .grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.ui-tracking #selected{overflow-wrap:anywhere;color:var(--text-secondary);font-size:13px}
.ui-tracking #history{white-space:pre-wrap;overflow-wrap:anywhere;background:#121718;border-radius:8px;padding:18px;font-family:inherit;font-size:12px;line-height:1.9;color:var(--text-secondary)}
/* Compact layouts keep the main action and all existing controls reachable. */
@media(max-width:1300px){.ui-home:has(#tab_tools.active) .hero{margin-left:24px;margin-right:24px}.ui-home .topbar{padding:0 24px}}
@media(max-width:1088px){.ui-home .hero{margin-left:24px;margin-right:24px}}
@media(max-width:1100px){.ui-home .tools-layout{grid-template-columns:150px minmax(0,1fr);gap:20px}.ui-home .catalog-shell{grid-template-columns:1fr}.ui-home .catalog-work-pane{position:static;max-height:none;padding:24px 0 0;border-left:0;border-top:1px solid var(--border)}.ui-home .catalog-source-grid{max-height:500px}.ui-home .image-reply-layout{grid-template-columns:minmax(240px,.9fr) minmax(0,1fr)}}
@media(max-width:960px){
  .ui-home .hero{height:180px;margin-top:96px}.ui-home .hero-title{bottom:28px;left:28px}.ui-home .hero-title h1{font-size:25px}.ui-home .hero-title h1 br{display:none}
  .ui-home:has(.auth-page.active) .hero{max-width:580px;height:210px;margin:100px auto 0}
  .ui-home:has(.auth-page.active) .main{max-width:460px;padding-top:20px;padding-bottom:16px}.ui-home .auth-card{padding:20px 8px}.ui-home .auth-card .subtitle{margin-bottom:26px}
  .ui-tracking main{grid-template-columns:1fr 1.5fr;gap:16px}.ui-tracking section{padding:22px}
}
@media(max-width:760px){
  .ui-home .topbar{height:auto;min-height:64px;padding:12px 18px;gap:12px;align-items:center;flex-wrap:wrap}.ui-home .topbar-logo{font-size:13px}.ui-home .brand-mark{width:25px;height:29px;font-size:18px}
  .ui-home .topbar-right{gap:7px;flex-wrap:wrap;justify-content:flex-start}.ui-home:has(#page_app.active) .topbar-right{width:100%;border-top:1px solid var(--border);padding-top:10px}.ui-home .topbar-user{font-size:11px;max-width:86px}.ui-home .topbar-btn,.ui-home .topbar-premium{font-size:11px;min-height:36px;padding:6px 9px}.ui-home .topbar-coins{font-size:11px;gap:3px}
  .ui-home .topbar-action-icon{display:none}.ui-home .topbar-action-label{display:inline}.ui-home .topbar-coins .add-coins-btn{width:30px;height:30px}
  .ui-home .topbar-right .topbar-action{width:auto!important;min-width:44px;padding:8px!important;white-space:nowrap}
  .ui-home:has(#page_app.active) .hero{margin-top:152px;height:142px;margin-left:16px;margin-right:16px;border-radius:12px}.ui-home:has(#page_app.active) .hero-title{left:22px;bottom:24px}.ui-home:has(#page_app.active) .hero-title h1{font-size:20px}.ui-home .hero-title p{font-size:10px;letter-spacing:.04em}.ui-home .hero-kicker{font-size:10px;margin-bottom:6px}.ui-home .hero-dots{bottom:10px;right:14px}
  .ui-home .main,.ui-home .main.tools-wide{padding:22px 16px 36px}.ui-home #page_app>.tabs{margin-bottom:24px;gap:24px}.ui-home #page_app>.tabs>.tab-btn{font-size:14px;min-height:44px;padding-bottom:12px}
  .ui-home .card,.ui-home .valuation-entry{padding:24px 20px;border-radius:12px}.ui-home .val-hero h3{font-size:22px}.ui-home .val-hero{margin-bottom:24px}.ui-home .link-input-wrap{padding:5px;gap:4px}.ui-home .link-input-wrap input{font-size:14px;padding:12px 8px}.ui-home .go-btn{min-width:68px;min-height:46px;padding:10px 14px;font-size:13px}.ui-home .manual-row{flex-wrap:wrap}.ui-home .manual-row>*{flex:1 1 120px;min-width:0}.ui-home .manual-area textarea{font-size:15px}
  .ui-home .result-header,.ui-home .result-body,.ui-home .premium-shell{padding:22px 20px}.ui-home .final-price .amount{font-size:40px}.ui-home .premium-products{grid-template-columns:1fr}.ui-home .premium-product{padding:18px}.ui-home .premium-heading{gap:12px}.ui-home .premium-heading h3{font-size:17px}
  .ui-home .tools-layout{display:block}.ui-home .tools-directory{position:static;border-right:0;padding:0;margin-bottom:26px}.ui-home .tools-directory-header{margin-bottom:12px;flex-wrap:nowrap}.ui-home .tools-directory-header>div{display:flex;gap:10px;align-items:baseline}.ui-home .tool-mode-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.ui-home .tool-mode-switch button{display:flex;justify-content:center;padding:8px 4px;min-height:44px}.ui-home .tool-mode-index{display:none}.ui-home .tool-mode-switch button strong{font-size:12px}.ui-home .tools-workspace{width:100%}
  .ui-home .catalog-pane-heading{flex-wrap:wrap;gap:12px}.ui-home .catalog-source-actions{justify-content:flex-start}.ui-home .catalog-filter-toolbar{grid-template-columns:1fr}.ui-home .catalog-source-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:440px}.ui-home .catalog-work-heading{flex-wrap:wrap}.ui-home .catalog-work-pane{padding-right:0}
  .ui-home .image-reply-layout{grid-template-columns:1fr}.ui-home .image-reply-inputs{border-right:0;border-bottom:1px solid var(--border);padding:20px}.ui-home .image-reply-header{padding:20px;gap:12px}.ui-home .image-reply-header h3{font-size:18px}.ui-home .image-reply-results{padding:20px}.ui-home .image-reply-empty{min-height:180px}.ui-home .image-reply-queue-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.ui-home .image-reply-queue{padding:20px}.ui-home .image-reply-queue-summary button{padding:10px 4px}
  .ui-home .price-history-header h3{font-size:21px}.ui-home .price-history-summary strong{font-size:19px}.ui-home .price-history-coverage>div{padding:14px}.ui-home .price-history-summary>div{padding:12px 6px}.ui-home .price-history-summary>div:not(:first-child){padding-left:12px}.ui-home .price-history-coverage strong{font-size:12px}.ui-home .price-history-controls{grid-template-columns:1fr}
  .ui-page main{padding:20px 16px 40px}.ui-page nav{padding-bottom:16px}.ui-page header{padding:28px 0 8px}.ui-page h1{font-size:29px}.ui-page h2{font-size:19px}.ui-page section{padding:22px 18px;border-radius:12px}.ui-page button{min-height:44px}.ui-page td,.ui-page th{padding:12px 10px}
  .ui-cases .layout:has(#detail:not([hidden])){grid-template-columns:1fr}.ui-cases #caseList{grid-template-columns:1fr}.ui-cases .record{padding:20px}.ui-cases .offers>article{min-width:0;flex-basis:100%}.ui-cases #balance{font-size:11px;line-height:1.9}.ui-cases #detail{scroll-margin-top:14px}.ui-cases .inline{align-items:stretch}.ui-cases .inline label{min-width:130px}
  .ui-cases #metrics table{min-width:650px}
  .ui-tracking main{display:block}.ui-tracking main>section{margin-top:18px}.ui-tracking .grid{grid-template-columns:1fr;gap:16px}.ui-tracking .tracking-list table{min-width:560px}.ui-tracking #attentionBox table{min-width:400px}.ui-tracking .executor-actions button{flex:1 1 auto}.ui-tracking #summary{font-size:14px}.ui-tracking .page-heading{padding-bottom:4px}
}
@media(max-width:460px){
  .ui-home:has(.auth-page.active) .hero{margin:84px 16px 0;height:170px}.ui-home:has(.auth-page.active) .hero-title{left:22px;bottom:24px}.ui-home:has(.auth-page.active) .hero-title h1{font-size:23px}.ui-home:has(.auth-page.active) .hero-title h1 br{display:block}.ui-home:has(.auth-page.active) .hero-title p{display:none}.ui-home .auth-card h2{font-size:27px}.ui-home .auth-eyebrow{margin-bottom:12px}.ui-home .auth-card{padding-top:16px}.ui-home .auth-card .subtitle{margin-bottom:24px}
  .ui-home .topbar-right{gap:6px}.ui-home .topbar-coins{padding:0}.ui-home .topbar-user{max-width:75px}.ui-home .topbar-right .topbar-action{padding:6px 7px}.ui-home .topbar-right .topbar-btn{font-size:11px}
  .ui-home .valuation-entry{padding:24px 16px}.ui-home .link-input-wrap{flex-wrap:wrap}.ui-home .link-input-wrap input{flex-basis:100%;width:100%;font-size:14px}.ui-home .go-btn{width:100%}.ui-home .tool-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-home .catalog-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-home .catalog-pane-heading h3{font-size:18px}
  .ui-page .actions{align-items:stretch;flex-direction:column}.ui-page .actions>a{min-height:40px;display:flex;align-items:center}.ui-page #message:not(:empty){bottom:10px}.ui-tracking #executor{font-size:12px;padding:14px}
}
@media(max-width:360px){.ui-home:has(#page_app.active) .hero{margin-top:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}