:root {
  --ink: #172c26;
  --ink-2: #40554e;
  --muted: #788a83;
  --paper: #f6f5ef;
  --surface: #ffffff;
  --line: #e6e7df;
  --nav: #132520;
  --nav-2: #1d352e;
  --accent: #ff7657;
  --accent-soft: #fff0eb;
  --mint: #3fb99f;
  --mint-soft: #e7f7f2;
  --purple: #8b7cf6;
  --gold: #e0a93c;
  --shadow: 0 16px 45px rgba(29, 50, 43, .08);
  --radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 14px/1.5 "DM Sans", sans-serif; -webkit-font-smoothing: antialiased; }
body.auth-pending{overflow:hidden}.auth-gate{position:fixed;z-index:100;inset:0;padding:24px;background:radial-gradient(circle at 20% 10%,#27493f 0,transparent 30%),linear-gradient(145deg,#11241e,#182f28);display:grid;place-items:center}.auth-gate.ready{display:none}.auth-card{width:min(430px,100%);padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:23px;background:rgba(255,255,255,.97);box-shadow:0 35px 100px rgba(0,0,0,.35)}.auth-brand{margin-bottom:31px;display:flex;align-items:center;gap:12px}.auth-brand .brand-mark{display:block;flex:none}.auth-brand strong{display:block;font:800 22px/1 "Manrope"}.auth-brand small{display:block;margin-top:5px;color:var(--muted);font-size:8px;letter-spacing:1.7px}.auth-loading{min-height:220px;display:grid;place-content:center;justify-items:center;gap:15px;color:var(--muted);font-size:10px}.auth-loading>span{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--mint);border-radius:50%;animation:authSpin .8s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}#authForm h1{font-size:27px}#authForm>p:not(.auth-message){margin:8px 0 23px;color:var(--muted);font-size:10px}#authForm label{margin-top:12px;display:grid;gap:5px}#authForm label span{color:var(--ink-2);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}#authForm input{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink)}#authForm>small{display:block;margin-top:9px;color:var(--muted);font-size:8px}.auth-message{min-height:18px;margin:9px 0 3px!important;color:var(--accent)!important;font-size:9px!important}#authSubmit{width:100%;height:44px;border:0;border-radius:10px;background:var(--ink);color:white;font-size:10px;font-weight:700;cursor:pointer}#authSubmit:disabled{opacity:.55;cursor:wait}
button, input, textarea, select { font: inherit; }
button { color: inherit; }
.hidden { display: none !important; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 252px minmax(0, 1fr); }
.sidebar { position: fixed; z-index: 20; inset: 0 auto 0 0; width: 252px; padding: 26px 18px 18px; color: #dfe8e3; background: var(--nav); display: flex; flex-direction: column; }
.brand { height: 48px; padding: 0 10px; display: flex; align-items: center; gap: 12px; }
.brand-mark { position: relative; width: 31px; height: 31px; border: 2px solid #f9ab92; border-radius: 50%; transform: rotate(-22deg); }
.brand-mark:before { content: ""; position: absolute; inset: 7px; border: 2px solid var(--accent); border-radius: 50%; }
.brand-mark:after { content: ""; position: absolute; left: -5px; right: -5px; top: 13px; height: 2px; border-radius: 2px; background: #f9ab92; }
.brand strong { display: block; font: 800 21px/1 "Manrope"; letter-spacing: -.7px; color: white; }
.brand small { display: block; margin-top: 5px; font-size: 8px; letter-spacing: 1.9px; color: #83958e; }
.primary-nav { margin-top: 30px; }
.nav-label, .section-heading > span { margin: 0 10px 8px; font-size: 9px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; color: #71857d; }
.nav-item { width: 100%; height: 43px; padding: 0 11px; border: 0; border-radius: 10px; background: transparent; color: #9eb0a9; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: .2s ease; }
.nav-item:hover { background: rgba(255,255,255,.045); color: white; }
.nav-item.active { background: var(--nav-2); color: white; box-shadow: inset 3px 0 var(--accent); }
.nav-item svg { width: 18px; height: 18px; }
.nav-item kbd { margin-left: auto; border: 0; background: transparent; color: #5f746c; font-size: 10px; }
.nav-count { margin-left: auto; min-width: 21px; height: 19px; padding: 0 6px; border-radius: 9px; background: #29453c; color: #9eb0a9; font-size: 10px; line-height: 19px; text-align: center; }
.sidebar-section { margin-top: 28px; min-height: 0; overflow: hidden; }
.section-heading { display: flex; align-items: center; justify-content: space-between; }
.section-heading button { border: 0; background: transparent; color: #6f847c; font-size: 20px; cursor: pointer; }
.sidebar-projects { display: grid; gap: 2px; overflow-y: auto; }
.sidebar-project { width: 100%; padding: 9px 11px; border: 0; border-radius: 9px; background: transparent; color: #99aaa4; display: flex; align-items: center; gap: 10px; cursor: pointer; text-align: left; }
.sidebar-project:hover { background: rgba(255,255,255,.04); color: white; }
.project-dot { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; }
.sidebar-project span:nth-child(2) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sidebar-project small { margin-left: auto; color: #5e746c; }
.sidebar-footer { margin-top: auto; }
.focus-streak { margin: 18px 3px; padding: 12px; border: 1px solid #2b423a; border-radius: 12px; display: flex; gap: 10px; align-items: center; background: linear-gradient(135deg, rgba(63,185,159,.1), rgba(255,118,87,.06)); }
.streak-icon { width: 27px; height: 27px; border-radius: 8px; display: grid; place-items: center; background: rgba(63,185,159,.13); color: #60ceb6; font-size: 16px; }
.focus-streak strong, .focus-streak small { display: block; }
.focus-streak strong { color: #dce9e4; font-size: 11px; }
.focus-streak small { color: #6d8179; font-size: 9px; margin-top: 2px; }
.profile-button { width: 100%; padding: 13px 8px 4px; border: 0; border-top: 1px solid #284039; background: transparent; display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center; color: white; text-align: left; cursor: pointer; }
.avatar { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: #38534b; color: #d9e6e1; font-size: 10px; font-weight: 700; }
.profile-button strong, .profile-button small { display: block; }
.profile-button strong { font-size: 11px; }.profile-button small { margin-top: 2px; color: #71857e; font-size: 9px; }.dots { color: #61756e; }
.profile-button small.syncing{color:#e2b85c}.profile-button small.synced{color:#62cdb5}.profile-button small.sync-error{color:#ff9a7f}.cloud-option .data-option-icon{background:#e8f3ff;color:#4c8ec9}.signout-option .data-option-icon{background:var(--accent-soft);color:var(--accent)}

.main-content { grid-column: 2; min-width: 0; }
.topbar { position: sticky; top: 0; z-index: 15; height: 76px; padding: 0 34px; border-bottom: 1px solid var(--line); background: rgba(246,245,239,.88); backdrop-filter: blur(16px); display: flex; align-items: center; justify-content: space-between; }
.search-trigger { width: 350px; height: 39px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.64); display: flex; align-items: center; gap: 10px; color: #899890; cursor: pointer; text-align: left; }
.search-trigger svg { width: 16px; }.search-trigger kbd { margin-left: auto; }
kbd { padding: 2px 6px; border: 1px solid #dfe2da; border-radius: 5px; background: white; color: #8a9792; font: 10px "DM Sans"; box-shadow: 0 1px 1px rgba(0,0,0,.03); }
.top-actions { display: flex; align-items: center; gap: 9px; }
.icon-button, .mobile-menu { position: relative; width: 39px; height: 39px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.55); display: grid; place-items: center; cursor: pointer; }
.icon-button svg, .mobile-menu svg { width: 17px; height: 17px; }.notification i { position: absolute; top: 7px; right: 8px; width: 6px; height: 6px; border: 1.5px solid var(--paper); border-radius: 50%; background: var(--accent); }
.capture-button { height: 40px; padding: 0 15px; border: 0; border-radius: 10px; background: var(--ink); color: white; font-weight: 600; cursor: pointer; box-shadow: 0 7px 16px rgba(23,44,38,.14); }
.capture-button > span { margin-right: 7px; font-size: 18px; font-weight: 400; }.capture-button kbd { margin-left: 9px; border-color: #4f645d; background: #2a4039; color: #9aaca6; }
.mobile-menu, .mobile-capture { display: none; }

.view-container { max-width: 1460px; margin: 0 auto; padding: 40px 42px 70px; }
.page-heading { margin-bottom: 30px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.eyebrow { display: block; margin-bottom: 8px; color: var(--accent); font-size: 9px; font-weight: 800; letter-spacing: 1.8px; }
h1, h2, h3 { margin: 0; font-family: "Manrope", sans-serif; }
h1 { font-size: clamp(28px, 3vw, 39px); line-height: 1.17; letter-spacing: -1.45px; }
h1 em { color: var(--mint); font-style: normal; }
.page-heading p { margin: 9px 0 0; color: var(--muted); }
.date-chip { flex: none; padding: 9px 12px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.7); color: var(--ink-2); font-size: 11px; font-weight: 600; }

.metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-bottom: 24px; }
.metric-card { min-height: 105px; padding: 18px 19px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); box-shadow: 0 5px 20px rgba(29,50,43,.025); }
.metric-top { display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .6px; }
.metric-icon { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; }.metric-icon svg { width: 14px; height: 14px; }
.metric-icon.coral { background: var(--accent-soft); color: var(--accent); }.metric-icon.mint { background: var(--mint-soft); color: var(--mint); }.metric-icon.purple { background: #f0edff; color: var(--purple); }.metric-icon.gold { background: #fff5dd; color: var(--gold); }
.metric-value { margin-top: 9px; display: flex; align-items: baseline; gap: 8px; }.metric-value strong { font: 800 26px/1 "Manrope"; letter-spacing: -1px; }.metric-value span { color: var(--muted); font-size: 10px; }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(285px, .72fr); gap: 20px; }
.panel { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: 0 6px 28px rgba(29,50,43,.035); overflow: hidden; }
.panel + .panel { margin-top: 20px; }
.panel-header { min-height: 65px; padding: 15px 19px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.panel-title-wrap { display: flex; align-items: center; gap: 11px; }.panel-title-wrap .mini-icon { width: 31px; height: 31px; border-radius: 9px; display: grid; place-items: center; background: var(--accent-soft); color: var(--accent); }.mini-icon svg { width: 15px; height: 15px; }
.panel-header h2 { font-size: 14px; letter-spacing: -.2px; }.panel-header p { margin: 2px 0 0; color: var(--muted); font-size: 10px; }
.text-button { border: 0; background: transparent; color: var(--mint); font-size: 10px; font-weight: 700; cursor: pointer; }

.focus-list { padding: 4px 19px 10px; }
.focus-item { display: grid; grid-template-columns: 23px 1fr auto; gap: 12px; align-items: center; min-height: 66px; border-bottom: 1px solid #edf0e9; }
.focus-item:last-child { border-bottom: 0; }
.task-check { width: 20px; height: 20px; padding: 0; border: 1.5px solid #cdd4cf; border-radius: 6px; background: white; cursor: pointer; display: grid; place-items: center; color: white; }
.task-check:hover { border-color: var(--mint); }.task-check.done { border-color: var(--mint); background: var(--mint); }.task-check.done:after { content: "✓"; font-size: 12px; }
.focus-item.done .task-title { color: #98a49f; text-decoration: line-through; }
.task-title { display: block; color: var(--ink); font-size: 12px; font-weight: 600; }.task-meta { display: flex; gap: 8px; align-items: center; margin-top: 5px; color: var(--muted); font-size: 9px; }.task-meta .dot { width: 5px; height: 5px; border-radius: 50%; }.task-time { color: #93a099; font-size: 9px; white-space: nowrap; }
.focus-footer { margin: 0 19px 18px; padding: 12px 14px; border-radius: 10px; background: #f8f9f5; display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 9px; }
.progress-bar { width: 120px; height: 5px; border-radius: 4px; background: #e6ebe6; overflow: hidden; }.progress-bar i { display: block; height: 100%; border-radius: inherit; background: var(--mint); }

.project-grid { padding: 15px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.project-card { position: relative; min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 13px; cursor: pointer; transition: transform .2s, box-shadow .2s; }
.project-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }.project-card:before { content: ""; position: absolute; left: 0; top: 16px; bottom: 16px; width: 3px; border-radius: 0 3px 3px 0; background: var(--project-color); }
.project-card-top { display: flex; justify-content: space-between; align-items: center; }.project-icon { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; color: white; font: 700 10px "Manrope"; background: var(--project-color); }.project-card .more { color: #a3ada9; }
.project-card h3 { margin-top: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }.project-card > p { height: 31px; margin: 5px 0 15px; color: var(--muted); font-size: 9px; }
.project-progress-label { display: flex; justify-content: space-between; color: var(--muted); font-size: 8px; }.project-progress-label strong { color: var(--ink-2); }
.thin-progress { height: 4px; margin-top: 6px; border-radius: 3px; background: #edf0eb; overflow: hidden; }.thin-progress i { display: block; height: 100%; border-radius: inherit; background: var(--project-color); }

.day-panel { min-height: 100%; }
.day-score { padding: 20px 18px 10px; display: flex; align-items: center; gap: 13px; }.score-ring { --p: 72; position: relative; width: 56px; height: 56px; flex: none; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--mint) calc(var(--p)*1%), #e9eee9 0); }.score-ring:after { content:""; position:absolute; inset:5px; border-radius:50%; background:white; }.score-ring strong { position: relative; z-index: 1; font: 800 14px "Manrope"; }.day-score h3 { font-size: 12px; }.day-score p { margin: 3px 0 0; color: var(--muted); font-size: 9px; }
.timeline { padding: 10px 20px 20px 24px; }
.timeline-item { position: relative; min-height: 61px; padding: 0 0 13px 24px; border-left: 1px solid #e1e6e0; }.timeline-item:last-child { min-height: 38px; border-left-color: transparent; }.timeline-item:before { content:""; position:absolute; left:-4px; top:4px; width:7px; height:7px; border-radius:50%; background:white; border:2px solid var(--event-color, var(--mint)); box-sizing:border-box; }.timeline-item time { display: block; margin-bottom: 4px; color: #9aa6a1; font-size: 8px; }.timeline-item strong { display: block; font-size: 10px; }.timeline-item span { color: var(--muted); font-size: 8px; }
.brain-tip { margin: 0 18px 18px; padding: 14px; border-radius: 12px; background: var(--nav); color: white; display: flex; gap: 11px; }.brain-tip .spark { flex:none; width:27px; height:27px; border-radius:8px; display:grid; place-items:center; background:rgba(255,118,87,.16); color:var(--accent); }.brain-tip strong { font-size:10px; }.brain-tip p { margin:3px 0 0; color:#90a29b; font-size:9px; line-height:1.45; }

/* Collection pages */
.view-toolbar { margin-bottom: 18px; display: flex; gap: 10px; align-items: center; justify-content: space-between; }.filter-group { display:flex; gap:7px; flex-wrap:wrap; }.filter-chip { padding: 7px 12px; border: 1px solid var(--line); border-radius: 9px; background: white; color: var(--muted); font-size: 10px; cursor:pointer; }.filter-chip.active { border-color: var(--ink); background:var(--ink); color:white; }.secondary-button { padding:9px 13px; border:1px solid var(--line); border-radius:9px; background:white; font-size:10px; font-weight:700; cursor:pointer; }
.projects-page-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:15px; }.project-page-card { min-height:210px; padding:20px; border:1px solid var(--line); border-radius:16px; background:white; box-shadow:0 5px 20px rgba(29,50,43,.025); }.project-page-card .project-card-top { margin-bottom:20px; }.project-page-card h2 {font-size:16px;}.project-page-card > p { min-height:40px; color:var(--muted); font-size:10px; }.project-stats {display:flex; gap:16px; margin:18px 0;}.project-stats div {display:grid;gap:2px;}.project-stats strong {font:700 14px "Manrope";}.project-stats span {color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.5px;}
.task-table { border:1px solid var(--line); border-radius:16px; background:white; overflow:hidden; }.task-row { display:grid; grid-template-columns:26px minmax(200px,1fr) 150px 100px 80px; gap:12px; align-items:center; min-height:58px; padding:0 18px; border-bottom:1px solid #edf0e9; }.task-row:last-child{border-bottom:0}.task-row.header { min-height:42px; background:#fafaf7; color:var(--muted); font-size:8px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; }.task-row.done .task-name{text-decoration:line-through;color:#9ba6a1}.task-name{font-size:11px;font-weight:600}.project-pill{width:max-content;max-width:140px;padding:4px 8px;border-radius:7px;background:#f3f5f1;color:var(--ink-2);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.due-pill{font-size:9px;color:var(--muted)}.priority{font-size:8px;font-weight:700;text-transform:uppercase}.priority.high{color:var(--accent)}.priority.medium{color:var(--gold)}.priority.low{color:var(--mint)}
.notes-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.note-card { min-height:170px; padding:19px; border:1px solid var(--line); border-radius:15px; background:white; cursor:pointer; transition:.2s; }.note-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.note-card .note-tag{display:inline-block;padding:4px 7px;border-radius:6px;background:var(--mint-soft);color:#278e78;font-size:8px;font-weight:700;text-transform:uppercase}.note-card h3{margin:14px 0 8px;font-size:13px}.note-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}.note-card time{display:block;margin-top:17px;color:#9aa7a1;font-size:8px}
.calendar-shell { display:grid; grid-template-columns:1fr 280px; gap:18px; }.calendar-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:white}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.calendar-head h2{font-size:16px}.calendar-nav{display:flex;gap:6px}.calendar-nav button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:white;cursor:pointer}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekday{padding:8px 5px;color:var(--muted);font-size:8px;font-weight:700;text-align:center;text-transform:uppercase}.calendar-day{position:relative;min-height:75px;padding:8px;border-top:1px solid #edf0e9;border-right:1px solid #edf0e9;color:var(--ink-2);font-size:9px}.calendar-day:nth-child(7n){border-right:0}.calendar-day.muted{color:#bdc5c1}.calendar-day.today{background:var(--mint-soft)}.calendar-day.today > span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:white}.calendar-event{margin-top:6px;padding:4px 5px;border-radius:5px;background:var(--event-color);color:white;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-list{display:grid;gap:10px}.upcoming-item{padding:13px;border:1px solid var(--line);border-radius:11px;background:#fafaf7}.upcoming-item time{color:var(--accent);font-size:8px;font-weight:700}.upcoming-item strong{display:block;margin-top:4px;font-size:10px}.upcoming-item span{color:var(--muted);font-size:8px}.empty-state{padding:60px 20px;text-align:center;color:var(--muted)}

/* Modals */
.modal-backdrop { position:fixed; z-index:100; inset:0; padding:20px; background:rgba(11,25,21,.56); backdrop-filter:blur(5px); display:none; place-items:center; }.modal-backdrop.open{display:grid}.capture-modal,.search-modal{width:min(560px,100%);border:1px solid rgba(255,255,255,.2);border-radius:20px;background:var(--surface);box-shadow:0 30px 90px rgba(6,18,14,.3);overflow:hidden;animation:modalIn .2s ease}.modal-header{padding:23px 25px 16px;display:flex;justify-content:space-between}.modal-header h2{font-size:22px;letter-spacing:-.6px}.modal-close{width:32px;height:32px;border:0;border-radius:8px;background:#f1f3ee;color:var(--muted);font-size:21px;cursor:pointer}.capture-tabs{padding:0 25px;display:flex;gap:16px;border-bottom:1px solid var(--line)}.capture-tabs button{padding:10px 1px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer}.capture-tabs button.active{border-color:var(--accent);color:var(--ink)}#captureForm{padding:22px 25px}.field-label{display:block;margin-bottom:7px;color:var(--ink-2);font-size:10px;font-weight:700}textarea,input,select{outline:none}textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;resize:none;color:var(--ink);background:white}textarea:focus,input:focus,select:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(63,185,159,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.form-row label>span{display:block;margin-bottom:6px;color:var(--muted);font-size:9px}.form-row select,.form-row input{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink-2);font-size:10px}.modal-footer{margin-top:22px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.modal-footer button{padding:10px 16px;border:0;border-radius:9px;background:var(--ink);color:white;font-weight:700;cursor:pointer}.modal-footer button span{margin-left:8px}
.search-modal{align-self:start;margin-top:10vh}.search-input-wrap{height:62px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.search-input-wrap svg{width:19px;color:var(--muted)}.search-input-wrap input{flex:1;border:0;background:transparent;font-size:14px}.search-results{max-height:390px;padding:10px;overflow:auto}.search-results>p{padding:20px;margin:0;color:var(--muted);text-align:center;font-size:10px}.search-result{padding:11px 12px;border-radius:9px;display:flex;align-items:center;gap:12px;cursor:pointer}.search-result:hover{background:#f4f6f2}.result-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:var(--mint-soft);color:var(--mint)}.search-result strong,.search-result small{display:block}.search-result strong{font-size:10px}.search-result small{margin-top:2px;color:var(--muted);font-size:8px}.search-result>span:last-child{margin-left:auto;color:#a8b2ad;font-size:8px;text-transform:uppercase}
.toast{position:fixed;z-index:120;right:24px;bottom:24px;min-width:250px;padding:13px 16px;border-radius:11px;background:var(--nav);color:white;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}.toast>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-size:10px}.toast p{margin:0;font-size:10px;font-weight:600}
@keyframes modalIn{from{transform:translateY(8px) scale(.985);opacity:.7}}

body.dark{--ink:#e7eee9;--ink-2:#b6c2bc;--muted:#82938b;--paper:#0f1b17;--surface:#162720;--line:#284038;--nav:#0a1411;--nav-2:#172b24;--accent-soft:#38231e;--mint-soft:#17372f;--shadow:0 16px 45px rgba(0,0,0,.24)}
body.dark .topbar{background:rgba(15,27,23,.88)} body.dark .metric-card,body.dark .panel,body.dark .project-page-card,body.dark .task-table,body.dark .note-card,body.dark .calendar-card,body.dark textarea,body.dark input,body.dark select,body.dark .filter-chip,body.dark .secondary-button,body.dark .icon-button,body.dark .search-trigger,body.dark .capture-modal,body.dark .search-modal{background:var(--surface)}body.dark .focus-footer,body.dark .task-row.header,body.dark .upcoming-item{background:#12221c}body.dark .score-ring:after{background:var(--surface)}body.dark .task-check{background:transparent}body.dark kbd{background:#20362e;border-color:#365148}body.dark .modal-close{background:#22372f}body.dark .thin-progress,body.dark .progress-bar{background:#2a4038}

@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.project-grid,.projects-page-grid,.notes-grid{grid-template-columns:repeat(2,1fr)}.calendar-shell{grid-template-columns:1fr}.calendar-side{display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:20px 0 50px rgba(0,0,0,.2)}.sidebar.open{transform:none}.main-content{grid-column:auto}.topbar{height:66px;padding:0 16px}.mobile-menu{display:grid}.search-trigger{width:40px;padding:0;justify-content:center}.search-trigger>span:nth-child(2),.search-trigger kbd,.icon-button,#themeToggle,.capture-button{display:none}.view-container{padding:28px 16px 80px}.page-heading{align-items:flex-start}.date-chip{display:none}.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:96px;padding:15px}.dashboard-grid{display:block}.dashboard-side{margin-top:20px}.project-grid,.projects-page-grid,.notes-grid{grid-template-columns:1fr}.project-grid{padding:12px}.project-card>p{height:auto}.mobile-capture{display:grid;position:fixed;z-index:30;right:19px;bottom:19px;width:51px;height:51px;border:0;border-radius:16px;place-items:center;background:var(--accent);color:white;font-size:25px;box-shadow:0 10px 25px rgba(255,118,87,.35)}.task-row{grid-template-columns:24px 1fr 76px;padding:0 13px}.task-row>*:nth-child(3),.task-row>*:nth-child(4){display:none}.task-row.header>*:nth-child(3),.task-row.header>*:nth-child(4){display:none}.calendar-day{min-height:55px;padding:5px}.calendar-event{display:none}.form-row{grid-template-columns:1fr}.modal-footer>span{display:none}}
@media(max-width:400px){.metrics-grid{grid-template-columns:1fr}.page-heading h1{font-size:27px}.metric-card{min-height:88px}.project-grid{grid-template-columns:1fr}}

/* Functional workspace additions */
.task-row.with-actions{grid-template-columns:26px minmax(200px,1fr) 150px 100px 80px 64px}.row-actions{display:flex;justify-content:flex-end;gap:4px;opacity:.35;transition:.2s}.task-row:hover .row-actions,.note-card:hover .row-actions,.project-page-card:hover .row-actions{opacity:1}.row-action{width:27px;height:27px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.row-action:hover{background:#f0f3ed;color:var(--ink)}.row-action.danger:hover{background:var(--accent-soft);color:var(--accent)}.row-action svg{width:14px;height:14px}.note-card-top{display:flex;align-items:center;justify-content:space-between}.note-card .row-actions{display:flex}.wide-field{grid-column:1/-1}
.inbox-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.inbox-list{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.inbox-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:70px;padding:10px 17px;border-bottom:1px solid var(--line)}.inbox-item:last-child{border-bottom:0}.inbox-kind{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.inbox-kind svg{width:17px;height:17px}.inbox-item strong{display:block;font-size:11px}.inbox-item small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.inbox-actions{display:flex;gap:6px}.inbox-actions button{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink-2);font-size:9px;font-weight:700;cursor:pointer}.inbox-actions .process-button{border-color:var(--mint);background:var(--mint-soft);color:#238b75}.inbox-guide{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--nav);color:white}.inbox-guide h2{font-size:15px}.inbox-guide>p{color:#91a49c;font-size:10px}.process-steps{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:15px}.process-steps li{display:flex;gap:11px;color:#a9bab3;font-size:9px}.process-steps span{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:rgba(63,185,159,.15);color:#68cbb6;font-size:9px;font-weight:700}
.back-button{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:10px;font-weight:700;cursor:pointer}.project-hero{position:relative;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}.project-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--project-color)}.project-hero-top{display:flex;justify-content:space-between;gap:20px}.project-hero-title{display:flex;gap:15px;align-items:center}.project-hero-title .project-icon{width:46px;height:46px;border-radius:12px;font-size:13px}.project-hero h1{font-size:25px}.project-hero p{margin:6px 0 0;color:var(--muted);font-size:11px}.project-hero-actions{display:flex;gap:7px;align-items:flex-start}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:23px}.detail-metric{padding:13px;border-radius:11px;background:#f7f8f4}.detail-metric span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.6px}.detail-metric strong{display:block;margin-top:5px;font:700 13px "Manrope"}.project-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-top:18px}.mini-list{padding:4px 18px}.mini-note{padding:14px 0;border-bottom:1px solid var(--line)}.mini-note:last-child{border-bottom:0}.mini-note strong{display:block;font-size:10px}.mini-note p{margin:4px 0;color:var(--muted);font-size:9px}
.plan-bar{margin-bottom:20px;padding:14px 16px;border:1px solid #cde8df;border-radius:13px;background:var(--mint-soft);display:flex;align-items:center;justify-content:space-between;gap:16px}.plan-bar strong{display:block;font-size:11px}.plan-bar p{margin:3px 0 0;color:#438877;font-size:9px}.plan-bar button{padding:8px 12px;border:0;border-radius:8px;background:var(--mint);color:white;font-size:9px;font-weight:700;cursor:pointer}.plan-controls{padding:18px}.plan-task{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.plan-task:last-child{border-bottom:0}.plan-task strong{font-size:10px}.plan-task small{display:block;color:var(--muted);font-size:8px}.plan-task button{padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:transparent;font-size:8px;cursor:pointer}
.confirm-modal{width:min(390px,100%);padding:28px;border-radius:18px;background:var(--surface);text-align:center;box-shadow:0 30px 90px rgba(6,18,14,.3);animation:modalIn .2s ease}.danger-icon{width:42px;height:42px;margin:0 auto 14px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font:800 19px "Manrope"}.confirm-modal h2{font-size:18px}.confirm-modal p{margin:8px 0 22px;color:var(--muted);font-size:10px}.confirm-actions{display:flex;justify-content:center;gap:9px}.danger-button{padding:9px 14px;border:0;border-radius:9px;background:var(--accent);color:white;font-size:10px;font-weight:700;cursor:pointer}.data-modal-body{padding:4px 24px 24px;display:grid;gap:10px}.data-option{padding:15px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center}.data-option-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--mint-soft);color:var(--mint);font-weight:800}.data-option strong{font-size:10px}.data-option p{margin:3px 0 0;color:var(--muted);font-size:8px}
body.dark .detail-metric,body.dark .row-action:hover{background:#1c3028}body.dark .confirm-modal{background:var(--surface)}
@media(max-width:1100px){.project-detail-grid,.inbox-layout{grid-template-columns:1fr}}
@media(max-width:760px){.task-row.with-actions{grid-template-columns:24px 1fr 70px;padding:0 13px}.task-row.with-actions>*:nth-child(3),.task-row.with-actions>*:nth-child(4),.task-row.with-actions>*:nth-child(5){display:none}.project-hero-top{display:block}.project-hero-actions{margin-top:16px}.detail-metrics{grid-template-columns:1fr 1fr}.inbox-item{grid-template-columns:34px 1fr}.inbox-actions{grid-column:2}.data-option{grid-template-columns:34px 1fr}.data-option button{grid-column:2}.plan-bar{align-items:flex-start}.wide-field{grid-column:auto}}

/* Weekly review, next actions and task context */
.review-ready{margin-left:auto;color:var(--accent);font-size:17px;line-height:1}.repeat-mark{color:var(--purple);font-size:12px}.task-status{font-size:8px;color:var(--muted)}.task-status.waiting{color:var(--purple);font-weight:700}.task-status.someday{color:var(--gold)}.next-action-line{height:28px;margin:10px 0 13px;padding:0 8px;border-radius:7px;background:var(--mint-soft);color:#278e78;display:flex;align-items:center;gap:7px;font-size:8px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-action-line span{flex:none}.next-action-line.missing{background:var(--accent-soft);color:var(--accent)}.project-card .next-action-line{margin-top:0}.project-next-action{margin-top:21px;padding:13px 15px;border:1px solid #cde8df;border-radius:11px;background:var(--mint-soft);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.project-next-action>span{color:#278e78;font-size:8px;font-weight:800;letter-spacing:.7px}.project-next-action>strong{font-size:10px}.project-next-action>small{color:#438877;font-size:8px}.project-next-action.missing{border-color:#f4d4ca;background:var(--accent-soft)}.project-next-action.missing>span{color:var(--accent)}.project-next-action button{padding:6px 9px;border:0;border-radius:7px;background:var(--accent);color:white;font-size:8px;font-weight:700;cursor:pointer}
.review-shell{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:18px}.review-progress{grid-column:1/-1;height:5px;border-radius:4px;background:#e2e7e1;overflow:hidden}.review-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),#76d5c0);transition:width .3s}.review-stage{min-height:430px;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}.review-stage-head{padding:24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px}.review-number{width:38px;height:38px;border-radius:11px;background:var(--mint-soft);color:var(--mint);display:grid;place-items:center;font:800 14px "Manrope"}.review-stage-head h2{font-size:16px}.review-stage-head p{margin:3px 0 0;color:var(--muted);font-size:9px}.review-items{min-height:280px;padding:10px 18px}.review-item{width:100%;min-height:58px;padding:9px 7px;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.review-item:hover{color:var(--mint)}.review-item strong,.review-item small{display:block}.review-item strong{font-size:10px}.review-item small{margin-top:4px;color:var(--muted);font-size:8px}.review-item svg{width:15px}.review-empty{min-height:260px;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--muted)}.review-empty span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--mint-soft);color:var(--mint)}.review-empty strong{font-size:10px}.review-nav{padding:16px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.review-nav button:disabled{opacity:.35;cursor:not-allowed}.review-map{padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--surface);height:max-content}.review-map-item{width:100%;padding:11px 9px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:grid;grid-template-columns:27px 1fr;gap:10px;text-align:left;cursor:pointer}.review-map-item>span{width:27px;height:27px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;font-size:9px}.review-map-item strong,.review-map-item small{display:block}.review-map-item strong{font-size:9px}.review-map-item small{margin-top:2px;font-size:8px;color:var(--muted)}.review-map-item.active{background:var(--mint-soft);color:var(--ink)}.review-map-item.active>span,.review-map-item.done>span{border-color:var(--mint);background:var(--mint);color:white}.review-complete{max-width:580px;margin:60px auto;padding:48px 35px;border:1px solid var(--line);border-radius:20px;background:var(--surface);text-align:center;box-shadow:var(--shadow)}.review-complete-mark{width:60px;height:60px;margin:0 auto 18px;border-radius:18px;background:var(--mint-soft);color:var(--mint);display:grid;place-items:center;font-size:25px}.review-complete h2{font-size:22px}.review-complete p{max-width:390px;margin:9px auto 22px;color:var(--muted);font-size:10px}
body.dark .review-map,body.dark .review-stage,body.dark .review-complete{background:var(--surface)}body.dark .review-progress{background:#293e36}
@media(max-width:900px){.review-shell{grid-template-columns:1fr}.review-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));grid-row:2}.review-map-item{grid-template-columns:1fr;justify-items:center;text-align:center}.review-map-item div{display:none}}
@media(max-width:760px){.project-next-action{grid-template-columns:1fr}.review-stage{min-height:390px}.review-map{padding:7px}.review-map-item{padding:7px 3px}.review-items{padding:8px 13px}.review-stage-head{padding:18px}.review-nav{padding:13px}.review-shell{gap:12px}.review-nav .capture-button,.project-hero-actions .capture-button,.review-complete .capture-button{display:block}}

/* Meeting to action flow */
#meetingForm{padding:8px 25px 24px}.full-input{width:100%;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}.meeting-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.collection-heading{margin:0 2px 11px;display:flex;justify-content:space-between}.collection-heading h2{font-size:13px}.collection-heading p{margin:3px 0 0;color:var(--muted);font-size:9px}.meeting-list,.processed-list{display:grid;gap:10px}.meeting-card{min-height:112px;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:grid;grid-template-columns:64px 1fr 24px;gap:15px;align-items:center;cursor:pointer;transition:.2s}.meeting-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.meeting-time{height:62px;border-right:1px solid var(--line);display:grid;align-content:center}.meeting-time strong{font:800 16px "Manrope"}.meeting-time span{color:var(--muted);font-size:8px}.meeting-card-main h3{margin:5px 0 2px;font-size:13px}.meeting-card-main>div>p{margin:0;color:var(--muted);font-size:9px}.meeting-status{display:inline-flex;padding:3px 6px;border-radius:5px;background:#f2f3ef;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.meeting-status.active{background:var(--accent-soft);color:var(--accent)}.meeting-status.processed{background:var(--mint-soft);color:#278e78}.meeting-meta{margin-top:11px;display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:8px}.meeting-meta span{display:flex;align-items:center;gap:5px}.meeting-arrow svg{width:17px;color:var(--muted)}.processed-meeting{width:100%;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;grid-template-columns:38px 1fr 16px;gap:10px;align-items:center;text-align:left;cursor:pointer}.processed-meeting>span>strong,.processed-meeting>span>small{display:block}.processed-meeting>span>strong{font-size:9px}.processed-meeting>span>small{margin-top:3px;color:var(--muted);font-size:7px}.processed-meeting svg{width:13px}.meeting-date-block{width:36px;height:39px;border-radius:8px;background:var(--mint-soft);display:grid;place-content:center;text-align:center}.meeting-date-block strong{font:800 12px "Manrope"!important}.meeting-date-block small{text-transform:uppercase;color:#278e78!important}
.meeting-detail-actions{display:flex;gap:8px}.processed-badge{padding:8px 11px;border-radius:9px;background:var(--mint-soft);color:#278e78;font-size:9px;font-weight:800}.meeting-hero{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:grid;grid-template-columns:50px 1fr;gap:16px}.meeting-hero-icon{width:48px;height:48px;border-radius:13px;background:#eeeafd;color:var(--purple);display:grid;place-items:center}.meeting-hero-icon svg{width:23px}.meeting-hero h1{margin:5px 0 4px;font-size:24px}.meeting-hero p{margin:0;color:var(--muted);font-size:10px}.meeting-hero-meta{margin-top:14px;display:flex;gap:18px;flex-wrap:wrap;color:var(--ink-2);font-size:8px;font-weight:700}.meeting-workspace{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.live-indicator{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px;font-weight:700}.live-indicator i{width:7px;height:7px;border-radius:50%;background:#aab4af}.live-indicator.active{color:var(--accent)}.live-indicator.active i{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.live-indicator.processed{color:var(--mint)}.live-indicator.processed i{background:var(--mint)}.entry-composer{padding:16px 18px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:105px 1fr auto;gap:9px;align-items:start}.entry-composer select,.entry-composer textarea{border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}.entry-composer select{height:39px;padding:0 9px;font-size:9px}.entry-composer textarea{min-height:58px}.entry-composer button{height:39px;padding:0 13px;border:0;border-radius:9px;background:var(--ink);color:var(--surface);font-size:9px;font-weight:700;cursor:pointer}.meeting-entries{padding:6px 18px 17px}.meeting-entry{padding:13px 3px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:66px 1fr;gap:10px}.meeting-entry:last-child{border-bottom:0}.entry-type{width:max-content;padding:4px 7px;border-radius:6px;background:#f2f3ef;color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.meeting-entry.decision .entry-type{background:var(--mint-soft);color:#278e78}.meeting-entry.action .entry-type{background:var(--accent-soft);color:var(--accent)}.meeting-entry.question .entry-type{background:#fff4d8;color:#aa7a17}.meeting-entry.insight .entry-type{background:#eeeafd;color:var(--purple)}.meeting-entry strong,.meeting-entry small{display:block}.meeting-entry strong{font-size:10px}.meeting-entry small{margin-top:5px;color:var(--mint);font-size:8px}
.process-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.process-actions{padding:8px 18px}.process-action{padding:14px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:64px minmax(160px,1fr) 130px 125px;gap:10px;align-items:center}.process-action:last-child{border-bottom:0}.process-action>strong{font-size:10px}.process-action label span{display:block;margin-bottom:4px;color:var(--muted);font-size:7px}.process-action input{width:100%;height:34px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font-size:8px}.process-footer{padding:15px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}
body.dark .full-input,body.dark .meeting-card,body.dark .processed-meeting,body.dark .meeting-hero,body.dark .entry-composer select,body.dark .entry-composer textarea,body.dark .process-action input{background:var(--surface)}
@media(max-width:1050px){.meeting-page-grid,.meeting-workspace,.process-layout{grid-template-columns:1fr}.meeting-page-grid>aside{margin-top:12px}}
@media(max-width:760px){.meeting-detail-actions .capture-button,.process-footer .capture-button,.page-heading [data-new-meeting].capture-button{display:block}.meeting-card{grid-template-columns:52px 1fr 16px;padding:13px}.meeting-meta{gap:7px}.meeting-hero{grid-template-columns:1fr;padding:19px}.meeting-hero-icon{width:39px;height:39px}.meeting-hero h1{font-size:20px}.entry-composer{grid-template-columns:1fr}.entry-composer button{width:max-content}.process-action{grid-template-columns:1fr 1fr}.process-action>strong{grid-column:1/-1}.process-footer{justify-content:stretch}.process-footer button{width:100%}.meeting-detail-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:520px){.auth-gate{padding:14px}.auth-card{padding:25px 21px}.auth-brand{margin-bottom:24px}#authForm h1{font-size:23px}}

/* Proactive attention radar */
.radar-count{background:var(--accent-soft)!important;color:var(--accent)!important}.radar-summary{padding:9px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);font-size:9px}.radar-summary strong{margin-right:4px;color:var(--accent);font:800 15px "Manrope"}.radar-intro{margin-bottom:17px;padding:16px 18px;border:1px solid #cde8df;border-radius:15px;background:var(--mint-soft);display:flex;align-items:center;justify-content:space-between;gap:18px}.radar-intro>div{display:flex;align-items:center;gap:12px}.radar-intro .spark{width:35px;height:35px;flex:none;border-radius:10px;background:var(--mint);color:white;display:grid;place-items:center}.radar-intro strong{font-size:11px}.radar-intro p{max-width:650px;margin:3px 0 0;color:#438877;font-size:9px}.radar-intro>span{color:#438877;font-size:8px;white-space:nowrap}.radar-list{display:grid;gap:10px}.radar-card{position:relative;min-height:94px;padding:16px 17px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:grid;grid-template-columns:39px minmax(180px,1fr) auto;gap:13px;align-items:center;overflow:hidden}.radar-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--signal)}.radar-card.coral{--signal:var(--accent);--signal-soft:var(--accent-soft)}.radar-card.gold{--signal:var(--gold);--signal-soft:#fff4d8}.radar-card.purple{--signal:var(--purple);--signal-soft:#eeeafd}.radar-signal-icon{width:37px;height:37px;border-radius:10px;background:var(--signal-soft);color:var(--signal);display:grid;place-items:center}.radar-signal-icon svg{width:17px}.radar-copy>span{color:var(--signal);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.radar-copy strong{display:block;margin:3px 0;font-size:11px}.radar-copy p{margin:0;color:var(--muted);font-size:8px}.radar-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.radar-actions button{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink-2);font-size:8px;font-weight:700;cursor:pointer}.radar-actions button:hover{border-color:var(--signal);color:var(--signal)}.radar-actions .radar-primary{border-color:var(--ink);background:var(--ink);color:var(--surface)}.radar-actions .quiet{border-color:transparent;color:var(--muted)}.radar-clear{min-height:330px;padding:40px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:grid;place-content:center;justify-items:center;text-align:center}.radar-clear>span{width:52px;height:52px;border-radius:16px;background:var(--mint-soft);color:var(--mint);display:grid;place-items:center;font-size:22px}.radar-clear h2{margin:14px 0 5px;font-size:18px}.radar-clear p{max-width:390px;margin:0;color:var(--muted);font-size:9px}.radar-preview{margin-bottom:20px;padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.radar-preview-head{margin-bottom:12px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.radar-preview-head h2{margin-top:3px;font-size:14px}.radar-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.radar-card.compact{min-height:86px;padding:12px;grid-template-columns:31px 1fr}.radar-card.compact .radar-signal-icon{width:29px;height:29px;border-radius:8px}.radar-card.compact .radar-signal-icon svg{width:14px}.radar-card.compact .radar-copy strong{font-size:9px}.radar-card.compact .radar-copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radar-card.compact .radar-actions{grid-column:2;justify-content:flex-start}.radar-card.compact .radar-actions button{padding:5px 7px;font-size:7px}.radar-preview-clear{margin:0;color:var(--muted);font-size:9px}
body.dark .radar-card,body.dark .radar-clear,body.dark .radar-preview,body.dark .radar-summary{background:var(--surface)}body.dark .radar-intro{border-color:#2c5146;background:#193c33}body.dark .radar-intro p,body.dark .radar-intro>span{color:#8dc8b9}
@media(max-width:1000px){.radar-preview-grid{grid-template-columns:1fr}.radar-card.compact{grid-template-columns:31px 1fr auto}.radar-card.compact .radar-actions{grid-column:auto}}
@media(max-width:760px){.radar-summary{display:none}.radar-intro{align-items:flex-start}.radar-intro>span{display:none}.radar-card,.radar-card.compact{grid-template-columns:35px 1fr;padding:14px}.radar-card .radar-actions,.radar-card.compact .radar-actions{grid-column:1/-1;justify-content:flex-start;padding-left:48px}.radar-actions .quiet{margin-left:auto}.radar-preview{padding:14px}.radar-preview-head{align-items:center}.radar-preview-grid{grid-template-columns:1fr}.radar-preview .radar-card.compact:nth-child(n+3){display:none}}