/* Neon glass: luminous edges, smoky blue glass, and quiet ambient light. */
:root {
  color-scheme:dark;
  --bg:#061326;--paper:rgba(27,55,91,.69);--ink:#f1f6ff;--muted:#adc2df;
  --line:rgba(162,203,255,.18);--blue:#82c8ff;--light:rgba(57,112,184,.29);
  --glass:rgba(29,59,99,.58);--glass-solid:#162d4c;
  --glass-border:rgba(176,215,255,.51);--glass-inset:inset 0 1px 1px rgba(222,239,255,.23);
  --shadow:var(--glass-inset),inset 0 -1px 0 rgba(106,170,255,.16),0 12px 32px rgba(0,5,19,.25),0 0 15px rgba(51,153,255,.08);
  --panel:linear-gradient(125deg,rgba(80,125,182,.28),rgba(22,49,85,.52) 52%,rgba(88,109,168,.30));
  --control:rgba(70,118,184,.25);--field:rgba(3,18,39,.38);--nav:rgba(28,56,95,.76);
  --border-soft:rgba(151,197,255,.18);--ambient-opacity:1;
}
html { background:var(--bg); }
body { color:var(--ink);background:transparent; }
body::before { background:linear-gradient(rgba(3,12,28,.12),rgba(3,12,28,.12)),url('/ambient.svg') center top/cover no-repeat;opacity:var(--ambient-opacity); }
body::after { content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#02091633,transparent 40%,#02091622); }
.shell { max-width:1260px; }
.sidebar { background:rgba(9,27,52,.38);border-color:var(--border-soft); }
.content { padding-top:30px;max-width:none; }
.topbar { margin-bottom:30px; }
.brand { gap:13px; }
.brand img { width:43px;border-radius:13px;box-shadow:0 0 20px #00adff36; }
.brand span { color:var(--muted);font-size:8px;letter-spacing:1.4px; }
.brand div { line-height:1.15; }
.card,.tabs,.account,.widget,.note,.iconbtn,.datechip {
  background:var(--panel);border:1px solid var(--glass-border);box-shadow:var(--shadow);
  -webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%);
}
.card { border-radius:23px; }
.iconbtn { width:37px;height:37px;border-color:var(--border-soft);background:var(--control); }
.avatar { color:#d6edff;background:linear-gradient(145deg,#3088d44d,#103d6b5c);border:1px solid #86d6ffb3;box-shadow:0 0 13px #28a8ff4a,inset 0 1px 1px #c8eaff55; }
.dot { background:#21caff;box-shadow:0 0 7px #12c9ffa3; }
.breadcrumb,.side-label,.side-foot,.muted,.tiny,.eyebrow { color:var(--muted); }
.sidenav button { color:var(--muted); }
.sidenav button.active,.primary,.check.done,.fab {
  color:#fff;background:linear-gradient(140deg,#36a8fa,#126ae6 65%,#2052cc);
  border:1px solid #87d6ffb3;box-shadow:inset 0 1px 2px #c6edff77,inset 0 -1px 2px #397aff,0 0 18px #1389ff33;
}
.hello { align-items:center; }
.home-intro { margin-bottom:20px; }
.home-intro h1 { font-size:28px;letter-spacing:-1px;line-height:1.35; }
.home-intro .wave { font-size:24px; }
.home-intro p { color:var(--muted);font-size:13px;line-height:1.65;margin-top:5px; }
.home-date { display:inline-flex;align-items:center;gap:9px;border-radius:30px;color:var(--ink);padding:12px 15px; }
.home-date svg { width:17px;height:17px; }
.summary-grid { display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:24px; }
.summary-card { position:relative;min-width:0;padding:19px 18px;border-radius:20px;overflow:hidden; }
.summary-card::before,.neon-panel::before { content:'';position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 15% -12%,#93d9ff42,transparent 50%),linear-gradient(120deg,#ffffff0b,transparent 45%); }
.summary-card::after { content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 1px 0 0 #d5eeff88,inset -1px 0 0 #c4dfff22; }
.summary-card.violet { background:linear-gradient(125deg,#364d8c88,#44327788 80%,#6543a165);border-color:#b29affad;box-shadow:inset 0 1px 2px #e5dcff77,0 0 18px #a766ff24; }
.summary-icon { display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:#d4edff; }
.summary-icon>svg { width:22px;height:22px;filter:drop-shadow(0 0 5px #69c8ff44); }
.eye-button { display:grid;place-items:center;padding:4px;border-radius:50%;background:#acb9ff22;color:#dfebff;position:relative;z-index:1; }
.eye-button svg { width:16px;height:16px; }
.summary-card p { color:#c5d9f4;font-size:11px;white-space:nowrap; }
.summary-card strong { display:block;font:800 22px Manrope,system-ui;letter-spacing:-.8px;margin-top:4px;white-space:nowrap; }
.summary-card .target-line { display:flex;align-items:center;gap:9px;margin-top:4px; }
.target-line strong { margin:0; }
.target-line .progress-track { height:7px;min-width:25px;background:#071c3d66;border:1px solid #82b4f151;box-shadow:inset 0 1px 2px #0003; }
.target-line .progress-track i { background:linear-gradient(90deg,#31e5f0,#00f0cd);box-shadow:0 0 8px #17e9ef55; }
.home-layout { display:grid;gap:21px; }
.neon-panel { position:relative;padding:0 22px 15px;overflow:hidden; }
.neon-panel>* { position:relative;z-index:1; }
.neon-panel { box-shadow:inset 1px 0 2px #bcefff8c,inset 0 1px 1px #e1f4ff88,inset 0 -1px 2px #8bbdff88,0 0 16px #4da8ff17,0 14px 38px #00000024; }
.neon-panel .section-head { margin:0;padding:19px 0 15px;border-bottom:1px solid var(--border-soft); }
.panel-title { display:flex;gap:10px;align-items:center;min-width:0; }
.panel-title>svg { width:25px;height:25px;filter:drop-shadow(0 0 5px #58bcff66); }
.panel-title h2 { font-size:18px;white-space:nowrap; }
.panel-title .count { background:#87b9ff30;color:#e0edff;border-radius:20px;padding:4px 10px;width:auto;height:auto;font-size:10px;margin-left:0;white-space:nowrap; }
.neon-panel .section-head>button { color:#d5e7ff;font-size:11px;white-space:nowrap; }
.neon-panel .tasks { border:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-radius:0;padding:0; }
.neon-panel .task { padding:14px 0;gap:13px; }
.task h3 { font-size:12px;font-weight:600;line-height:1.55; }
.task .meta { color:var(--muted);font-size:10px; }
.task .meta .pill { padding:0;background:transparent;color:var(--muted);font-weight:400; }
.task .meta .pill.red { color:#ffa7c1; }
.task.done h3 { color:#a5bedc; }
.check { width:23px;height:23px;border:1px solid #a0cdf3a6;border-radius:6px;background:#63acff16;box-shadow:inset 0 1px 1px #c3e5ff55,0 0 6px #399bff16; }
.task-status { padding:6px 9px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;background:#338bfd30;border:1px solid #73b3ff26;color:#d4e9ff;white-space:nowrap;font-size:10px; }
.task-status svg { width:13px;height:13px; }
.task-status.complete { color:#69f3d6;background:#00bb9a31;border-color:#00dcaa36; }
.task-status.late { color:#ffd8e5;background:#d74b8d35;border-color:#f48abf2e; }
.panel-footer { display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-soft);padding-top:12px;gap:10px; }
.panel-footer .tiny { font-size:10px; }
.text-action { color:var(--blue);font-size:11px;display:inline-flex;align-items:center;gap:5px; }
.text-action svg { width:14px;height:14px; }
.project-summary { display:flex;align-items:center;gap:22px;padding:17px 0 6px; }
.project-ring { width:125px;height:125px;position:relative;flex-shrink:0;display:grid;place-items:center; }
.project-ring>svg { position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible; }
.project-ring circle { fill:none;stroke:#6593c746;stroke-width:10; }
.project-ring .ring-live { stroke:url(#ring-gradient);stroke-linecap:round;filter:drop-shadow(0 0 4px #31cfff33); }
.ring-label { text-align:center; }
.ring-label strong { font:800 30px Manrope;line-height:1;display:block; }
.ring-label small { display:block;color:var(--muted);font-size:10px;line-height:1.45;margin-top:5px; }
.project-lines { flex:1;min-width:0;display:grid;gap:14px; }
.project-line { width:100%;padding:0;text-align:left; }
.project-line-top { display:flex;justify-content:space-between;gap:8px;align-items:center; }
.project-line h3 { font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600; }
.project-line .pill { border-radius:20px;font-size:9px;padding:5px 9px;flex-shrink:0;background:#4b91f033;color:#d4eaff;border:1px solid #85b8ff22; }
.project-line:nth-child(2) .pill { background:#9755e92e;color:#dec4ff;border-color:#cba0ff22; }
.project-bar { display:flex;gap:8px;align-items:center;margin-top:6px; }
.project-bar .progress-track { background:#7dabdf3b;height:6px; }
.project-bar .progress-track i { background:linear-gradient(90deg,#25bafa,#23e2ef);box-shadow:0 0 8px #42cfff30; }
.project-line:nth-child(2) .progress-track i { background:linear-gradient(90deg,#8d68fb,#d281ff); }
.project-line:nth-child(3) .progress-track i { background:linear-gradient(90deg,#00bccc,#21f2c9); }
.project-bar small { font-size:10px;color:#d6e8fc; }
.upcoming-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0 3px; }
.upcoming-card { padding:9px;border:1px solid var(--border-soft);border-radius:14px;background:var(--control);text-align:left;min-width:0; }
.content-art { height:76px;border-radius:10px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #9bd5ff33;background:radial-gradient(circle at 50% 100%,#398bdf66,transparent 60%),linear-gradient(135deg,#083366,#06152c); }
.content-art::before { content:'';position:absolute;width:54px;height:54px;transform:rotate(45deg);border:1px solid #64d7ff55;border-radius:13px;box-shadow:0 0 18px #30bdff33,inset 0 0 15px #30bdff33; }
.content-art>svg { width:30px;height:30px;color:#96e9ff;filter:drop-shadow(0 0 8px #15c8ff); }
.content-art.violet-art { background:radial-gradient(circle at 30% 10%,#a657f77a,transparent 65%),linear-gradient(135deg,#26124e,#111936); }
.content-art.violet-art::before { border-color:#bf84ff55;box-shadow:0 0 18px #a767ff33,inset 0 0 15px #a767ff33; }
.content-art.violet-art>svg { color:#d7adff;filter:drop-shadow(0 0 8px #ad60ff); }
.content-art .art-caption { position:absolute;bottom:5px;left:6px;color:#d7ebff;font-size:7px;letter-spacing:.7px;text-transform:uppercase; }
.upcoming-card h3 { font:600 10px/1.5 'DM Sans',system-ui;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px; }
.upcoming-card p { color:#c6dcf6;font-size:9px;margin:5px 0 8px; }
.upcoming-card .platforms { gap:4px; }
.platforms span { width:18px;height:18px;font-size:9px;background:#080d19;color:#fff;border:1px solid #ffffff19; }
.platforms span:nth-child(2) { background:linear-gradient(135deg,#a938e2,#f24989,#efab4c); }
.platforms span:nth-child(3) { background:#1675ef; }
.home-reminders { margin-top:10px; }
.rotator { background:rgba(36,82,137,.18);color:var(--muted); }
.rotator svg { color:#68ceff; }
.summary-caption { margin:9px 0 0;font-size:9px;color:var(--muted);text-align:right; }
.tile-icon { background:var(--control);border-color:var(--border-soft);color:#b4dbff;box-shadow:inset 0 1px 1px #c3e1ff26; }
.tile-icon.green { color:#8ae4d2;background:#32bd9820;border-color:#6be1c233; }
.tile-icon.orange { color:#f3c591;background:#d6a05a24;border-color:#e7c17c33; }
.pill { color:#b6d7ff;background:#4787d936; }
.pill.green { color:#8ce8cb;background:#28b29128; }
.pill.orange { color:#f5c78d;background:#d1984c26; }
.pill.red { color:#ffb0c5;background:#d5507b2c; }
.pill.gray,.count { color:var(--muted);background:#8eb8ed1f; }
.tasks .task,.settings-row,.metric-table th,.metric-table td { border-bottom-color:var(--border-soft); }
.secondary { background:var(--control);border:1px solid var(--border-soft);box-shadow:inset 0 1px 0 #c1dfff26;color:var(--blue); }
.tabs button.active { color:var(--ink);background:#92c1ff24;box-shadow:inset 0 1px 0 #c1dfff42,0 3px 10px #0002; }
.pillrow button { background:var(--control);border-color:var(--border-soft); }
.pillrow button.active { background:linear-gradient(135deg,#2783eb,#3d63d8);color:#fff; }
.note { color:var(--muted);background:var(--control); }
.notice { color:#edc790;background:#b5833329; }
.dateblock { color:#b5ddff;background:var(--control);border-color:var(--border-soft);box-shadow:inset 0 1px 0 #c1dfff33; }
.account { background:var(--panel); }
.listitem .actions button,.listitem .actions a { background:var(--control);border-color:var(--border-soft); }
.project .progress-track,.budget .progress-track { background:#7ca8db33; }
dialog { color:var(--ink);background:rgba(14,35,63,.95);border:1px solid var(--glass-border);box-shadow:inset 0 1px 1px #d0ecff44,0 20px 80px #0008,0 0 20px #519eff12; }
dialog::backdrop { background:#020b1b96; }
input,select,textarea { color:var(--ink);background:var(--field);border-color:var(--border-soft); }
input:focus,select:focus,textarea:focus { border-color:#6fc9ff;box-shadow:0 0 0 3px #31a9ff16; }
select option { background:var(--glass-solid);color:var(--ink); }
.danger { color:#ffb1ca;background:#d9578729; }
.fab { border-radius:50%;width:55px;height:55px;bottom:112px; }
.fab svg { width:28px;height:28px; }
.theme-options { display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:13px; }
.theme-options button { border-radius:10px;padding:10px 4px;border:1px solid var(--border-soft);background:var(--control);font-size:10px; }
.theme-options button.active { border-color:var(--blue);box-shadow:0 0 10px #4fa9ff22;color:var(--blue); }
@media(min-width:1000px) {
  .home-layout { grid-template-columns:1.05fr 1fr;align-items:start; }
  .home-task-panel { grid-row:span 2; }
  .home-content-panel { grid-column:2; }
  .home-task-panel .task { padding:20px 0; }
}
@media(max-width:700px) {
  .content { padding:22px 16px 120px; }
  .topbar { margin-bottom:25px; }
  .brand { font-size:22px;gap:10px; }
  .brand img { width:37px;border-radius:11px; }
  .brand span { font-size:7px;letter-spacing:.35px;text-transform:none; }
  .home-intro { display:block;margin-bottom:18px; }
  .home-intro h1 { font-size:23px;letter-spacing:-.7px; }
  .home-intro .wave { font-size:21px; }
  .home-intro p { font-size:11px;margin-top:5px; }
  .home-date { margin-top:13px;padding:9px 12px;font-size:10px; }
  .home-date svg { width:15px;height:15px; }
  .summary-grid { gap:9px;margin-bottom:20px; }
  .summary-card { padding:12px 10px 13px;border-radius:17px; }
  .summary-icon { margin-bottom:9px; }
  .summary-icon>svg { width:20px;height:20px; }
  .eye-button { padding:3px; }
  .eye-button svg { width:13px;height:13px; }
  .summary-card p { font-size:9px; }
  .summary-card strong { font-size:13px;letter-spacing:-.35px;margin-top:6px; }
  .summary-card .target-line { gap:6px;margin-top:6px; }
  .target-line strong { margin:0;font-size:17px; }
  .target-line .progress-track { height:6px; }
  .neon-panel { padding:0 14px 13px;border-radius:21px; }
  .neon-panel .section-head { padding:15px 0 12px;gap:7px; }
  .panel-title { gap:7px; }
  .panel-title>svg { width:20px;height:20px; }
  .panel-title h2 { font-size:14px;letter-spacing:-.35px; }
  .panel-title .count { padding:3px 7px;font-size:9px; }
  .neon-panel .section-head>button { font-size:9px;gap:2px; }
  .neon-panel .task { gap:10px;padding:13px 0; }
  .task h3 { font-size:11px; }
  .task-status { font-size:8px;padding:5px 6px;gap:4px; }
  .task-status svg { width:11px;height:11px; }
  .check { width:20px;height:20px; }
  .task .meta { font-size:9px; }
  .home-task-panel .task-status { display:none; }
  .home-task-panel .task.done .task-status,.home-task-panel .task-status.late { display:inline-flex; }
  .home-task-panel .task.done .task-status { font-size:8px; }
  .project-summary { gap:13px;padding-top:16px; }
  .project-ring { width:87px;height:87px; }
  .ring-label strong { font-size:25px; }
  .ring-label small { font-size:9px; }
  .project-lines { gap:13px; }
  .project-line h3 { font-size:10px; }
  .project-line .pill { font-size:8px;padding:3px 6px; }
  .project-line-top { gap:5px; }
  .project-bar { gap:6px;margin-top:5px; }
  .project-bar small { font-size:9px; }
  .project-bar .progress-track { height:5px; }
  .upcoming-grid { gap:8px;margin-top:13px; }
  .upcoming-card { padding:6px;border-radius:12px; }
  .content-art { height:65px;border-radius:8px; }
  .content-art>svg { width:25px;height:25px; }
  .content-art::before { width:42px;height:42px;border-radius:10px; }
  .upcoming-card h3 { font-size:9px;min-height:27px; }
  .upcoming-card p { font-size:8px; }
  .upcoming-card .platforms span { width:16px;height:16px;font-size:8px; }
  .bottomnav { width:calc(100% - 20px);max-width:500px;bottom:10px;padding:9px 6px calc(9px + env(safe-area-inset-bottom));border:1px solid var(--glass-border);border-radius:23px;background:var(--nav);box-shadow:inset 0 1px 2px #d6ebff55,inset 0 -1px 1px #8dbfff44,0 8px 30px #0005,0 0 20px #3d9aff15;backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%); }
  .bottomnav button { flex:1;position:relative;padding:9px 5px 8px;border-radius:16px;font-size:10px;color:var(--muted);gap:6px; }
  .bottomnav button svg { width:23px;height:23px; }
  .bottomnav button.active { color:white;background:linear-gradient(140deg,#439ee8b3,#1d5ee9b3);box-shadow:inset 0 1px 1px #a7dcffcc,inset 0 -1px 1px #2c8fff,0 0 12px #329eff4d; }
  .bottomnav button.active::before { display:none; }
  .bottomnav button.active svg { filter:drop-shadow(0 0 4px #8ad9ff66); }
}
@media(max-width:360px) { .content { padding-left:12px;padding-right:12px; }.summary-card strong { font-size:12px; }.panel-title h2 { font-size:13px; }.project-ring { width:70px;height:70px; }.panel-title .count { padding:3px 5px; } }
/* Light glass remains available through settings and the device-following option. */
:root[data-theme="light"] {
  color-scheme:light;--bg:#e7effe;--paper:#ffffffa3;--ink:#163157;--muted:#597393;--line:#729bc32b;--blue:#2261ce;--light:#e1edffad;
  --glass-solid:#edf3ff;--glass-border:#ffffffe0;--border-soft:#6e92c12e;
  --glass-inset:inset 0 1px 1px #ffffffed;--shadow:var(--glass-inset),0 10px 27px #2a59a112;
  --panel:linear-gradient(125deg,#ffffffe3,#ffffff82 55%,#d6e5ffb3);--control:#cee2ff5e;--field:#ffffff88;--nav:#edf5ffc9;--ambient-opacity:.17;
}
:root[data-theme="light"] body::after { background:#e6efff55; }
:root[data-theme="light"] .sidebar { background:#ffffff22; }
:root[data-theme="light"] .summary-card.violet { background:linear-gradient(125deg,#eee9ffd4,#ddd4ff8f);border-color:#fff;box-shadow:var(--shadow); }
:root[data-theme="light"] .summary-card p,:root[data-theme="light"] .summary-icon,:root[data-theme="light"] .upcoming-card p,:root[data-theme="light"] .project-bar small { color:var(--muted); }
:root[data-theme="light"] .summary-card::before,:root[data-theme="light"] .neon-panel::before { opacity:.3; }
:root[data-theme="light"] .neon-panel { box-shadow:var(--shadow); }
:root[data-theme="light"] .neon-panel .section-head>button { color:var(--blue); }
:root[data-theme="light"] .panel-title .count { color:var(--blue);background:#6b9be729; }
:root[data-theme="light"] .task-status { color:#3260a1;background:#69a7f926; }
:root[data-theme="light"] .task-status.complete { color:#138b74; }
:root[data-theme="light"] .task-status.late { color:#a34068; }
:root[data-theme="light"] .task.done h3 { color:#6b83a3; }
:root[data-theme="light"] .project-line .pill { color:#2d67aa; }
:root[data-theme="light"] .project-line:nth-child(2) .pill { color:#7651b8; }
:root[data-theme="light"] .eye-button { color:#4870ba; }
:root[data-theme="light"] dialog { background:#eef5fff5;box-shadow:var(--shadow),0 20px 80px #16375b33; }
:root[data-theme="light"] .danger { color:#ba4066;background:#f68cb929; }
@media(prefers-reduced-transparency:reduce) { .card,.tabs,.account,.widget,.note,.bottomnav,.sidebar,dialog,.summary-card.violet { background:var(--glass-solid);backdrop-filter:none;-webkit-backdrop-filter:none; } }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .card,.tabs,.account,.widget,.note,.bottomnav,.sidebar,dialog,.summary-card.violet { background:var(--glass-solid); } }
@media(prefers-reduced-motion:reduce) { * { transition:none!important;animation:none!important; } }

.single-upcoming{grid-template-columns:1fr}.single-upcoming .upcoming-card{display:grid;grid-template-columns:85px 1fr;gap:0 12px;padding:9px}.single-upcoming .content-art{grid-row:1/4;height:82px}.single-upcoming .upcoming-card h3{margin:2px 0 0;min-height:0;font-size:11px}.single-upcoming .upcoming-card p{font-size:10px;margin:5px 0}.single-upcoming .platforms{margin-bottom:2px}

/* Clean white canvas; glass panels retain their own surface and contrast. */
html,body { background:#fff; }
body { color:#19314f; }
body::before,body::after { display:none; }
:root[data-theme="light"] body::after { display:none; }
.sidebar,:root[data-theme="light"] .sidebar { background:#fff;border-right-color:#e7edf5; }
.brand { color:#19314f; }
.brand span,.breadcrumb,.side-label,.side-foot { color:#61738d; }
.sidenav button { color:#61738d; }
.sidenav button.active { color:#fff; }
.home-intro p,.content>.view>.eyebrow,.content>.view>.section-note { color:#61738d; }
.content>.view>.section-head h2 { color:#19314f; }
.demo-strip { color:#6c7e95; }
.home-reminders { color:#61738d;background:#f3f7fc; }
.home-reminders svg { color:#286acb; }
.card,.tabs,.account,.widget,.note,.iconbtn,.datechip { color:var(--ink); }
:root:not([data-theme="light"]) .card,
:root:not([data-theme="light"]) .tabs,
:root:not([data-theme="light"]) .account,
:root:not([data-theme="light"]) .widget,
:root:not([data-theme="light"]) .note,
:root:not([data-theme="light"]) .iconbtn,
:root:not([data-theme="light"]) .datechip { background:var(--panel),#102c50; }
:root:not([data-theme="light"]) .summary-card.violet { background:linear-gradient(125deg,#364d8c88,#44327788 80%,#6543a165),#142343; }
:root:not([data-theme="light"]) .notice { background:#3c3020;color:#edc790; }
.card .empty,.card .tiny { color:var(--muted); }
.bottomnav { color:var(--ink); }
@media(prefers-reduced-transparency:reduce) {
  :root:not([data-theme="light"]) .card,:root:not([data-theme="light"]) .tabs,:root:not([data-theme="light"]) .account,:root:not([data-theme="light"]) .widget,:root:not([data-theme="light"]) .note,:root:not([data-theme="light"]) .summary-card.violet { background:var(--glass-solid); }
}

/* Optical glass: translucent tint, a reflected light band, and a bevelled rim. */
.card {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(167,207,247,.75);
  -webkit-backdrop-filter:blur(28px) saturate(175%);
  backdrop-filter:blur(28px) saturate(175%);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.95),
    inset 1px 0 1px rgba(234,249,255,.68),
    inset -1px -1px 1px rgba(104,161,224,.6),
    inset 0 -5px 14px rgba(112,181,250,.11),
    0 2px 3px rgba(35,75,127,.10),
    0 14px 32px rgba(23,61,110,.16);
}
:root:not([data-theme="light"]) .card {
  background:
    linear-gradient(125deg,rgba(130,192,250,.26),rgba(12,41,80,.67) 47%,rgba(88,131,187,.28)),
    rgba(9,35,70,.79);
}
:root:not([data-theme="light"]) .summary-card.violet {
  background:
    linear-gradient(125deg,rgba(177,174,255,.31),rgba(43,35,88,.65) 52%,rgba(169,118,244,.31)),
    rgba(32,28,77,.79);
}
.card::before,.neon-panel::before,.summary-card::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(ellipse 65% 24px at 18% 0,rgba(223,246,255,.55),transparent 86%),
    linear-gradient(119deg,transparent 22%,rgba(226,244,255,.035) 35%,rgba(226,244,255,.12) 39%,rgba(226,244,255,.025) 45%,transparent 52%),
    linear-gradient(180deg,rgba(255,255,255,.085),transparent 38%);
}
.card::after,.summary-card::after {
  content:'';
  position:absolute;
  inset:2px;
  z-index:0;
  border-radius:inherit;
  pointer-events:none;
  border:1px solid rgba(225,242,255,.17);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.06);
}
.card>* { position:relative;z-index:1; }
.neon-panel { box-shadow:inset 0 1px 2px #ffffffd9,inset 1px 0 2px #daefffb3,inset -1px -1px 2px #7bb5f299,0 2px 4px #3463991a,0 16px 34px #204c7e2b; }
.summary-card.violet { border-color:rgba(190,175,248,.85); }
.neon-panel .section-head { border-bottom-color:rgba(191,218,249,.21); }
.neon-panel .tasks { background:none;border:0;box-shadow:none; }
.neon-panel .tasks::before,.neon-panel .tasks::after { display:none; }
.bottomnav { box-shadow:inset 0 1px 2px #ffffffb3,inset 1px 0 1px #d6eaff8c,inset 0 -2px 2px #82b9ef80,0 12px 30px #18477c33; }
:root[data-theme="light"] .card {
  background:linear-gradient(125deg,rgba(255,255,255,.85),rgba(220,237,255,.43) 60%,rgba(192,218,255,.38));
  border-color:rgba(182,210,242,.65);
}
:root[data-theme="light"] .summary-card.violet { background:linear-gradient(125deg,#ffffffe0,#e3dcff99); }
:root[data-theme="light"] .card::before { opacity:.8; }
@media(prefers-reduced-transparency:reduce) {
  :root:not([data-theme="light"]) .card,:root:not([data-theme="light"]) .summary-card.violet { background:var(--glass-solid);backdrop-filter:none;-webkit-backdrop-filter:none; }
  :root[data-theme="light"] .card { background:var(--glass-solid);backdrop-filter:none;-webkit-backdrop-filter:none; }
  .card::before { display:none; }
}
@media(hover:hover) { .project:hover { box-shadow:inset 0 1px 2px #fffffff0,inset 1px 0 1px #ddf3ffb3,0 16px 36px #2861a52e; } }
/* Panel sempit: "Lihat semua" turun ke baris baru alih-alih menimpa badge; nama proyek terpotong agar label tahap tetap terlihat. */
.neon-panel .section-head { flex-wrap:wrap;row-gap:8px; }
.neon-panel .section-head>button { margin-left:auto; }
.project-lines { grid-template-columns:minmax(0,1fr); }
.project-line-top h3 { min-width:0;overflow:hidden;text-overflow:ellipsis; }
.settings-row>div { flex:1;min-width:0; }
.avatar { overflow:hidden;padding:0;flex-shrink:0; }
.avatar img { width:100%;height:100%;object-fit:cover;border-radius:50%;display:block; }
.brand img { aspect-ratio:1;object-fit:cover; }
.photo-pick { display:flex;align-items:center;gap:16px;margin-top:18px; }
.photo-pick .avatar { width:72px;height:72px; }
.photo-pick p { font-size:11px;color:var(--muted);margin:0 0 9px; }
.photo-pick .row { gap:8px;flex-wrap:wrap; }
.photo-pick .secondary { padding:9px 13px;font-size:11px;cursor:pointer; }