.client-app,.client-tool{--ui-surface:#f8f3e7;--ui-muted-surface:#eee8db;--ui-ink:#20251f;--ui-muted:#596057;--ui-line:rgba(40,50,43,.2);--ui-accent:#a63f31;--ui-focus:#31594d;font-size:15px;line-height:1.65}
.account-permissions{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.account-permissions label{display:flex;align-items:center;gap:8px;min-height:44px;overflow-wrap:anywhere}.client-app input[type=checkbox]{width:20px;min-height:20px}.account-row{padding:20px 0;border-bottom:1px solid var(--ui-line)}.account-row button{margin-right:12px}.client-app #adminContent{display:grid;gap:24px}.client-app #adminContent[hidden]{display:none}.client-app #accountForm{display:grid;gap:12px}.client-app #accountForm fieldset{min-width:0}.client-app input[type=file]{max-width:100%;box-sizing:border-box}
html[data-theme="care"] .client-app,html[data-theme="care"] .client-tool{--ui-surface:#15171c;--ui-muted-surface:#1c2027;--ui-ink:#e8e4dc;--ui-muted:#a5adaf;--ui-line:#373d45;--ui-accent:#ca7463;--ui-focus:#9fc5b8}
.client-app .client-header{position:sticky;top:0;z-index:20;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:12px;gap:12px}
.client-app main{padding-top:24px;padding-bottom:110px;max-width:1140px}
.client-app h2{font-size:25px}.client-app h3{font-size:18px}.client-app .page-panel{padding:28px;border-radius:10px;background:var(--ui-surface);box-shadow:0 6px 24px rgba(30,35,30,.04)}
.client-app .muted,.client-app .feature-item p{font-size:14px;color:var(--ui-muted)}
.client-app button:disabled{opacity:1;color:var(--ui-muted);background:var(--ui-muted-surface);border-style:dashed}
.client-app .primary:disabled{color:var(--ui-muted)}
.client-app button:focus-visible,.client-tool button:focus-visible,.client-tool a:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
.client-app .primary-navigation{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;gap:8px;justify-content:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--ui-surface);border-top:1px solid var(--ui-line)}
.client-app .primary-navigation button{flex:1;max-width:220px;border-color:transparent;background:transparent;text-align:center;font-weight:600}
.client-app .primary-navigation button[aria-current="page"]{background:var(--ui-muted-surface);color:var(--ui-focus);border-bottom:3px solid var(--ui-focus)}
.client-app .current-archive{border-left:3px solid var(--ui-focus);padding:12px 16px;background:var(--ui-muted-surface);font-size:14px;border-radius:0 5px 5px 0}
.client-app .feature-list{display:block;margin-top:26px}.client-app .feature-section{margin:0 0 28px}.client-app .feature-section h3{padding-bottom:9px;border-bottom:1px solid var(--ui-line)}
.client-app .feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.client-app .feature-item{border:1px solid var(--ui-line);border-radius:7px;padding:14px;min-width:0}
.client-app .feature-actions{display:flex;align-items:center;gap:8px}
.client-app .feature-actions>[data-feature-id]{display:flex;align-items:center;flex-wrap:wrap;padding:0;border:0;background:transparent;font-weight:600;flex:1;min-width:0;width:auto;min-height:44px;line-height:1.5}
.client-app .feature-actions>[data-feature-id]:disabled{background:transparent;border:0;color:var(--ui-muted)}
.client-app .feature-item p{margin:8px 0 0;line-height:1.6}
.client-app .favorite-button,.client-tool .favorite-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;max-height:44px;padding:0;line-height:1;font-size:22px;text-align:center;color:var(--ui-focus);border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:6px}
.client-app .favorite-button[aria-pressed="true"],.client-tool .favorite-button[aria-pressed="true"]{color:var(--ui-accent);background:var(--ui-muted-surface)}
.client-app .feature-badge,.client-app .status-badge{display:inline-block;vertical-align:middle;padding:1px 7px;margin-left:8px;border:1px solid var(--ui-line);border-radius:4px;font-size:12px;font-family:system-ui,sans-serif;font-weight:500;color:var(--ui-focus);white-space:nowrap}
.client-app .feature-badge{color:var(--ui-accent)}
.client-app .category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.client-app .category-tabs button{padding:7px 13px;border-radius:6px;font-size:14px}
.client-app .category-tabs button[aria-pressed="true"]{border-color:var(--ui-focus);color:var(--ui-focus);background:var(--ui-muted-surface)}
.client-app .license-card{border:1px solid var(--ui-line);border-radius:8px;padding:20px;background:var(--ui-muted-surface)}
.client-app .license-code{display:block;min-height:32px;margin-top:12px;overflow-wrap:anywhere;user-select:none;font-family:ui-monospace,monospace;font-size:17px;letter-spacing:.04em}
.client-app .fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 0}
.client-app .fact-grid dt{font-size:13px;color:var(--ui-muted)}.client-app .fact-grid dd{margin:4px 0 0;font-size:16px;font-weight:600;overflow-wrap:anywhere}
.client-app summary{min-height:44px;padding:12px 4px;cursor:pointer;color:var(--ui-ink)}
.client-app #licenseEditor,.client-app #captureDiagnostics{margin-top:20px;border-top:1px solid var(--ui-line)}
.client-app #licenseQueryMessage,.client-app #renameError{font-size:14px;overflow-wrap:anywhere}
.client-app #renameDialog input{min-width:min(300px,65vw)}
.client-app .archive-item{padding:22px 0}.client-app .archive-item h3{font-size:19px;overflow-wrap:anywhere}.client-app .archive-item .actions{align-items:start;gap:16px}
.client-app .archive-item .actions{gap:10px;align-items:center}
.client-app .export-guide{list-style:none;margin:24px 0;padding:0;counter-reset:export-guide;display:grid;gap:18px}
.client-app .export-guide li{position:relative;padding-left:36px;counter-increment:export-guide}
.client-app .export-guide li::before{content:counter(export-guide);position:absolute;left:0;top:1px;width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--ui-line);border-radius:50%;color:var(--ui-focus);font-size:13px}
.client-app .export-guide strong,.client-app .export-guide span{display:block}.client-app .export-guide span{margin-top:4px;font-size:14px;color:var(--ui-muted)}
.client-app .export-state{padding:18px 20px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-muted-surface)}.client-app .export-state strong{font-size:19px}.client-app .export-state p{margin:6px 0 0}
.client-app #exportErrorDetail{white-space:pre-wrap}.client-app .rule-note{font-size:14px;margin:20px 0}
.client-tool .app-header{display:none}.client-tool #appVersion{display:none}.client-tool .app-container{padding-top:22px}
.client-tool{padding-bottom:90px}.client-tool .client-tool-navigation{position:fixed;bottom:0;left:0;right:0;z-index:99;display:flex;justify-content:center;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--ui-surface);border-top:1px solid var(--ui-line)}.client-tool .client-tool-navigation a{flex:1;max-width:220px;min-height:44px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ui-ink);font-weight:600;border-radius:5px}.client-tool .client-tool-navigation a[aria-current="page"]{background:var(--ui-muted-surface);color:var(--ui-focus);border-bottom:3px solid var(--ui-focus)}
.client-tool .client-tool-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:12px;padding:12px max(16px,env(safe-area-inset-left));background:var(--ui-surface);color:var(--ui-ink);border-bottom:1px solid var(--ui-line);isolation:isolate}
.client-tool .client-tool-header button,.client-tool .client-leave-dialog button{min-height:44px;padding:8px 14px;font:500 15px system-ui,sans-serif;border:1px solid var(--ui-line);border-radius:5px;background:var(--ui-surface);color:var(--ui-ink);cursor:pointer}
.client-tool .client-tool-header button:first-child{color:var(--ui-focus);font-weight:600;white-space:nowrap}
.client-tool .client-tool-title{flex:1;min-width:0;font:600 19px "Songti SC",serif;overflow-wrap:anywhere}
.client-tool .client-leave-dialog{position:fixed;inset:0;margin:auto;max-width:calc(100vw - 32px);width:400px;max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;padding:24px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface);color:var(--ui-ink)}
.client-tool .client-leave-dialog::backdrop{background:rgba(0,0,0,.5)}.client-tool .client-leave-dialog .actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}
.client-permission-dialog{position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;padding:24px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-surface);color:var(--ui-ink);box-shadow:0 12px 40px #0003}
.client-permission-dialog::backdrop{background:#0007}
.client-permission-dialog h2{margin:0 0 14px;font:600 20px "Songti SC",serif}
.client-permission-dialog p{margin:0;line-height:1.7;overflow-wrap:anywhere}
.client-permission-dialog .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;flex-wrap:wrap}
.client-permission-dialog button{min-height:44px;padding:8px 16px;border:1px solid var(--ui-line);border-radius:5px;background:var(--ui-surface);color:var(--ui-ink);font:500 15px system-ui,sans-serif;cursor:pointer}
.client-permission-dialog button.primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-on-accent,#fff)}
.client-permission-dialog button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
@media(min-width:1100px){.client-app .primary-navigation{top:85px;bottom:auto;right:auto;left:20px;width:132px;display:grid;border:1px solid var(--ui-line);border-radius:8px;padding:10px}.client-app .primary-navigation button{text-align:left}.client-app main{margin-left:max(170px,calc((100vw - 1100px)/2));margin-right:24px}}
@media(max-width:600px){.client-app main{padding:18px 12px 105px}.client-app .page-panel{padding:20px 16px}.client-app .feature-grid{grid-template-columns:1fr}.client-app .feature-item{padding:12px}.client-app .license-card{padding:16px}.client-app .actions>*{flex-grow:0}.client-app .actions>.primary{flex-grow:1}.client-app .category-tabs{gap:6px}.client-app .category-tabs button{padding:6px 10px}.client-tool .client-tool-header{gap:8px;flex-wrap:wrap;padding:10px 12px}.client-tool .client-tool-title{order:3;flex-basis:100%;font-size:18px}.client-tool .client-tool-header .favorite-button{margin-left:auto}.client-tool .archive-summary{margin-top:0}.client-tool .app-container{padding-top:14px}.client-app .section-heading{align-items:center}}
@media(prefers-reduced-motion:reduce){.client-app *,.client-tool .client-tool-header *{scroll-behavior:auto;transition:none}}