/* Kada V1: fixed obsidian surfaces; only the brand accent is customizable. */
:root{
 --app-bg:#09090B;--app-surface:#1A1A1D;--app-surface-raised:#222225;
 --app-progress-track:#29292D;--app-accent:#FF7547;--app-accent-foreground:#18100C;
 --app-text:#F8F8F6;--app-text-muted:#97979E;--app-border:#303034;--app-focus:var(--app-accent);
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
 color:var(--app-text);background:var(--app-bg);
}
body{background:var(--app-bg)}
a,.subtle-button,.capture-kind{color:var(--app-focus)}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--app-focus);outline-offset:3px}
::selection{background:var(--app-accent);color:var(--app-accent-foreground)}
.sidebar{background:var(--app-bg);border-color:var(--app-border)}
.nav{color:var(--app-text-muted)}.nav:hover{background:var(--app-surface)}
.nav.active{background:var(--app-accent);color:var(--app-accent-foreground)}
.brand-logo{background:var(--app-surface-raised);box-shadow:none;color:var(--app-text)}
.brand-sub{letter-spacing:.04em;color:var(--app-text-muted);font-size:9px}
.icon-button,.square,.secondary,.choice{background:var(--app-surface-raised);border-color:var(--app-border);color:var(--app-text)}
.primary,.primary:hover{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-accent-foreground)}
.primary:hover{filter:brightness(1.06)}
.choice.selected,.tag.active{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-accent-foreground)}
.task-row,.tile,.project-row,.home-project-link,.more-entry{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}
.task-row:hover{background:var(--app-surface-raised)}
.task-row.done{background:var(--app-surface);color:var(--app-text-muted)}
.check{border-color:var(--app-text-muted)}
.task-row.done .check{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-accent-foreground)}
.goal{border:0;border-radius:8px;background:var(--app-surface)}
.goal-button{height:38px;border-radius:8px;background:var(--app-progress-track);padding:0;user-select:none;-webkit-user-select:none;touch-action:pan-y pinch-zoom}
.goal-fill,.meter-fill{background:var(--app-accent);z-index:0}
.goal-button .progress-labels,.meter .progress-labels{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;color:var(--app-text);z-index:1;pointer-events:none}
.progress-labels span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.progress-labels span:last-child{flex-shrink:0;font-variant-numeric:tabular-nums}
.goal-button .on-fill,.meter .on-fill{color:var(--app-accent-foreground);z-index:2}
.meter{background:var(--app-progress-track);height:44px;border-radius:8px}
.project-progress{background:var(--app-progress-track)}.project-progress>div{background:var(--app-accent)}
.project-body,.sidebar-footer,.stats{border-color:var(--app-border)}.divider{background:var(--app-border)}
.stat-number,.section-heading,.tile-head,.project-head,.search-bar input{color:var(--app-text)}
.muted,.section-meta,.stat-label,.eyebrow,.pwa-hint,.view-label,.project-meta,.task-project,.home-project-link small,.more-entry small,.field-label,.tag.mini{color:var(--app-text-muted)}
.summary{color:var(--app-text-muted)}.home-project-link svg,.more-entry svg{color:var(--app-text-muted)}
.tag{background:var(--app-surface-raised);color:var(--app-text-muted)}.tag.mini{background:transparent}
.field,.search-bar{background:var(--app-surface-raised);border-color:var(--app-border);color:var(--app-text)}
.field::placeholder,.capture-input::placeholder,.search-bar input::placeholder{color:var(--app-text-muted)}
.muted-block{background:transparent;border-color:var(--app-border);color:var(--app-text-muted)}
.modal,.auth-card{background:var(--app-surface);border-color:var(--app-border);box-shadow:none}
.modal-backdrop{background:#000b}.notice,.toast{background:var(--app-surface-raised);border-color:var(--app-border);color:var(--app-text);box-shadow:none}
.notice.error{color:#FF8B8E}.loader{border-color:var(--app-border);border-top-color:var(--app-accent)}
.capture{padding:0;background:transparent;border:0;box-shadow:none}.capture-main{gap:8px;align-items:center}
.capture-input{height:44px;padding:0 12px;border:1px solid var(--app-border);border-radius:12px;background:var(--app-surface);color:var(--app-text);font-size:16px;-webkit-appearance:none;appearance:none;box-shadow:none}
.capture-input:focus{border-color:var(--app-focus);outline:1px solid var(--app-focus);outline-offset:0}
.capture .square{height:44px;min-width:44px;border-radius:12px}
.capture .primary{height:44px;min-height:44px;padding:0 14px;border-radius:12px;font-size:13px}
.header-create{min-height:44px;white-space:nowrap}.top-actions>.icon-button,.settings-wrap>.icon-button{width:44px;height:44px}
.settings-wrap{position:relative}.settings-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:12;min-width:140px;padding:6px;background:var(--app-surface-raised);border:1px solid var(--app-border);border-radius:10px}
.settings-menu button{display:block;width:100%;min-height:44px;padding:8px 12px;text-align:left;border:0;border-radius:6px;background:transparent;color:var(--app-text);font-size:13px}.settings-menu button:hover{background:var(--app-surface)}
.appearance-panel{width:100%;max-width:520px;display:flex;flex-direction:column;gap:20px;padding:24px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:12px}
.appearance-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.appearance-heading h2{margin:0;font-size:15px}.appearance-heading button{min-height:44px}
.color-square{height:230px;width:100%;position:relative;border-radius:8px;cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--picker-hue,#ff4000)}
.color-thumb{position:absolute;left:var(--picker-x);top:var(--picker-y);width:18px;height:18px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%);pointer-events:none}
.hue-control{height:44px;display:flex;align-items:center}.hue-control input{width:100%;height:20px;margin:0;border-radius:10px;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:none;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.hue-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border:3px solid #fff;border-radius:50%;background:transparent;box-shadow:0 0 0 1px #0009}
.hue-control input::-moz-range-thumb{width:20px;height:20px;border:3px solid #fff;border-radius:50%;background:transparent}
.color-details{display:flex;gap:12px;align-items:center}.accent-swatch{width:44px;height:44px;flex-shrink:0;border-radius:9px;border:1px solid var(--app-border);background:var(--app-accent)}
.hex-label{display:flex;gap:10px;align-items:center;color:var(--app-text-muted);font-size:11px}.hex-label input{width:116px;font-family:ui-monospace,monospace;font-size:16px}.hex-label input[aria-invalid=true]{border-color:#FF8B8E}
.color-details output{font:12px ui-monospace,monospace;color:var(--app-text-muted);margin-left:auto}
.preset-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.preset{min-width:0;padding:5px 0;border:0;background:transparent;color:var(--app-text-muted);display:flex;align-items:center;flex-direction:column;gap:9px;min-height:64px}
.preset>span{height:30px;width:30px;border-radius:50%;border:1px solid #ffffff25}.preset[aria-pressed=true]>span{outline:2px solid var(--app-text);outline-offset:3px}.preset small{font-size:10px;white-space:nowrap}.appearance-status{color:var(--app-text-muted);font-size:12px;min-height:18px}.appearance-conflict{display:flex;gap:8px}.appearance-conflict[hidden],[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:760px),(max-width:1000px) and (pointer:coarse){
 .bottom-nav{padding:4px;background:var(--app-surface);border-color:var(--app-border);box-shadow:none;backdrop-filter:none}
 .bottom-nav button{height:44px;min-height:44px;border-radius:23px;padding:0 2px;gap:3px;font-size:10px;line-height:12px;color:var(--app-text-muted)}.bottom-nav svg{width:18px;height:18px}.bottom-nav button.active{color:var(--app-focus)}
 .has-create .header-shortcut{display:none}.topbar.has-create{gap:8px}.header-create{padding:8px 10px;font-size:12px}
 .appearance-panel{padding:16px;gap:16px}.color-square{height:210px}.color-details output{display:none}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
}

.sidebar-footer .secondary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px}.sidebar-footer .secondary svg{width:16px;height:16px;flex-shrink:0}
@media(max-width:760px),(max-width:1000px) and (pointer:coarse){.eyebrow{letter-spacing:.04em}.bottom-nav button.active{background:var(--app-surface-raised);color:var(--app-focus)}}
@media(max-width:370px){.brand-tagline{display:none}}

/* Shared type, card spacing and search controls across the five workspace pages. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.task-title,.tile-head,.goal-button,.project-title,.home-project-link span,.more-entry span{font-size:14px;line-height:1.5}
.tile-head{min-height:49px;padding:12px}.tile-body{padding:0 12px 12px}.project-head,.home-project-link{padding:12px}
.search-bar{min-height:44px;border-radius:12px;padding:0 12px;overflow:hidden}
.search-bar input{height:42px;padding:0;border:0;border-radius:inherit;background:transparent;box-shadow:none;-webkit-appearance:none;appearance:none;font-size:16px;line-height:normal}
.search-bar:focus-within{border-color:var(--app-focus);outline:1px solid var(--app-focus);outline-offset:0}
.search-bar input:focus-visible{outline:0}.search-bar input::-webkit-search-decoration{-webkit-appearance:none}
@media(max-width:760px),(max-width:1000px) and (pointer:coarse){
 :root{background:var(--app-bg)}
 .topbar,.topbar.has-create{gap:8px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
 :is(.page-title,.page-preview-title){font-size:24px;line-height:1.25}.eyebrow{font-size:10px;line-height:1.2;letter-spacing:.04em}
 :is(.body-content,.page-preview-body){gap:20px}.list{gap:8px}.section{gap:12px}
}

:root:not([data-layout-diagnostics-ready="true"]) [data-action="copy-layout"]{display:none}

.field,input,textarea,select{color-scheme:dark;accent-color:var(--app-accent)}