:root{
  color-scheme:light;
  --header-bg:#ffffffed;
  --input-bg:#f8f9fa;
  --soft-bg:#f4f6f5;
  --muted-card-bg:#fafbfa;
  --login-card-bg:#ffffffdc;
  --action-primary-bg:var(--green);
  --action-primary-text:#fff;
  --action-secondary-bg:#fff;
  --action-secondary-text:var(--green);
  --button-radius:11px;
  --control-gap:10px;
  --focus-ring:#995f00;
  --rating:#8a5a00;
  --card-shadow:0 8px 24px #25332c08;
  --card-hover-shadow:0 12px 28px #26332b12;
  --button-shadow:0 7px 16px #19b66e1c;
  --login-bg:radial-gradient(circle at 12% 12%,#e5f8ed,transparent 34%),radial-gradient(circle at 85% 85%,#e9eefc,transparent 32%),#f7f8f7;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --green:#bcefd3;
  --green2:#27c77c;
  --ink:#e0eae4;
  --muted:#98a89f;
  --line:#35463c;
  --bg:#1e2924;
  --card:#26342d;
  --sidebar:#223029;
  --header-bg:#223029;
  --input-bg:#2d3c33;
  --soft-bg:#2b3a32;
  --muted-card-bg:#223029;
  --login-card-bg:#26342d;
  --danger:#ff8d91;
  --soft-green:#244b39;
  --soft-danger:#533436;
  --action-primary-bg:#087a46;
  --action-primary-text:#fff;
  --action-secondary-bg:#f7fbf9;
  --action-secondary-text:#065f37;
  --focus-ring:#ffbd3b;
  --rating:#ffd166;
  --card-shadow:none;
  --card-hover-shadow:none;
  --button-shadow:none;
  --login-bg:#1e2924;
}
@media(prefers-color-scheme:dark){
  :root[data-theme="system"]{
    color-scheme:dark;
    --green:#bcefd3;
    --green2:#27c77c;
    --ink:#e0eae4;
    --muted:#98a89f;
    --line:#35463c;
    --bg:#1e2924;
    --card:#26342d;
    --sidebar:#223029;
    --header-bg:#223029;
    --input-bg:#2d3c33;
    --soft-bg:#2b3a32;
    --muted-card-bg:#223029;
    --login-card-bg:#26342d;
    --danger:#ff8d91;
    --soft-green:#244b39;
    --soft-danger:#533436;
    --action-primary-bg:#087a46;
    --action-primary-text:#fff;
    --action-secondary-bg:#f7fbf9;
    --action-secondary-text:#065f37;
    --focus-ring:#ffbd3b;
    --rating:#ffd166;
    --card-shadow:none;
    --card-hover-shadow:none;
    --button-shadow:none;
    --login-bg:#1e2924;
  }
}
.workspace-header{background:var(--header-bg)}
.workspace-header select{color:var(--ink);background:transparent}
.workspace-header select option{color:var(--ink);background:var(--card)}
.login-view{padding-top:max(76px,calc(env(safe-area-inset-top) + 58px));background:var(--login-bg)}
.login-card{border-color:var(--line);background:var(--login-card-bg);box-shadow:var(--card-shadow)}
.approve-code{color:var(--ink)}
.login-state,.security-note,.file-name{color:var(--muted)}
.sidebar-footer button{color:inherit}
.module-card,.member-pill,.task-editor{background:var(--card)}
.muted-card,.security-note{background:var(--soft-bg)}
.drop-zone{background:var(--input-bg)}
.drop-zone.drag{background:var(--soft-green)}
.badge,.member-rank,.task-label{color:var(--green);background:var(--soft-green)}
.task-label.tag{color:var(--muted);background:var(--soft-bg)}
.web-task-actions .danger-text{border-color:var(--danger);background:var(--soft-danger)}
.task-toolbar select,.task-toolbar input,.task-editor input,.task-editor textarea,.task-editor select,.shared-editor input,.shared-editor select,.shared-editor textarea,.compact-toolbar input,.compact-toolbar select{color:var(--ink);background:var(--input-bg)}
.task-date-nav button,.secondary-button{color:var(--green);background:var(--card)}
.task-editor>label,.task-editor-grid label,.task-editor legend,.shared-editor>label,.shared-editor .task-editor-grid>label{color:var(--muted)}
:root[data-theme="dark"] .badge{color:#b4f0d2}
@media(prefers-color-scheme:dark){:root[data-theme="system"] .badge{color:#b4f0d2}}
.theme-picker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.theme-picker select{height:34px;min-width:106px;margin:0;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--card);font-size:12px;font-weight:500;outline:none}
.theme-segments{display:none}
.header-actions{display:flex;align-items:center;gap:18px}
.login-theme-picker{position:fixed;top:max(20px,env(safe-area-inset-top));right:20px;z-index:2}
.login-home-link{position:fixed;top:max(20px,env(safe-area-inset-top));left:20px;z-index:2;display:inline-flex;height:34px;padding:0 13px;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--card);font-size:12px;font-weight:600;text-decoration:none;box-shadow:0 6px 20px rgba(24,50,39,.08)}
.login-home-link:hover,.login-home-link:focus-visible{color:var(--green);border-color:var(--green)}
@media(max-width:760px){.theme-picker>span:first-child,.theme-picker select{display:none}.theme-picker .theme-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:180px;padding:3px;gap:3px;border:1px solid var(--line);border-radius:10px;background:var(--input-bg)}.theme-segments button{min-width:0;height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.theme-segments button.is-active{background:var(--card);color:var(--green);font-weight:700;box-shadow:0 1px 4px rgba(24,50,39,.12)}.theme-segments button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.header-actions{gap:10px}.login-home-link{left:14px;padding:0 11px}}
