/* Life App STAGING v1.2.19 — Neon Glass / Luminous UI.
   Additive & reversible: remove this link to return to the tested v1.2.18 skin.
   It supplies presentation ONLY: no events, fake metrics, content or network calls. */
:root{
  --ng-cyan:#5ef2ff;
  --ng-blue:#548eff;
  --ng-violet:#ae7bff;
  --ng-pink:#ff5cb9;
  --ng-amber:#ffce73;
  --ng-rim:rgba(136,208,255,.47);
  --ng-sheen:rgba(245,250,255,.20);
  --ng-glass:rgba(17,25,49,.82);
  --ng-ambient:rgba(89,99,255,.13);
}
body[data-accent-theme="natural-green"]{
  --ng-cyan:#66ffd4;
  --ng-blue:#65c7f4;
  --ng-violet:#c0a7ff;
  --ng-pink:#ff8ec4;
  --ng-rim:rgba(118,250,212,.43);
  --ng-ambient:rgba(76,166,150,.13);
}
/* Radiance is under the app, not a layer in front of tappable controls. */
body{
 background:
  radial-gradient(ellipse 48vw 48vh at 88% 4%,rgba(115,61,240,.21),transparent 76%),
  radial-gradient(ellipse 54vw 55vh at 1% 37%,rgba(28,147,237,.125),transparent 80%),
  radial-gradient(ellipse 48vw 47vh at 108% 72%,rgba(237,41,160,.105),transparent 76%),
  radial-gradient(ellipse 55vw 51vh at 24% 105%,rgba(22,154,194,.085),transparent 82%),
  linear-gradient(145deg,#070b15 1%,var(--bg) 54%,#0b1021 100%);
 background-attachment:fixed;
}
/* Thin chromatic reflection and real depth on major surfaces. */
:is(.life-rim,.tasks-section,.quick-capture,.project-card,.project-detail,.calendar-panel,.cal-day-panel,
    .home-card,.home-stats>div,.notification-card,.appearance-option,.trash-info,.trash-row,.time-summary){
 border-color:color-mix(in srgb,var(--ng-rim) 52%,var(--line));
 background-color:color-mix(in srgb,var(--surface) 79%,transparent);
 background-image:
   radial-gradient(ellipse 110% 55% at 0% 0%,rgba(108,170,255,.078),transparent 75%),
   linear-gradient(132deg,rgba(255,255,255,.063),rgba(255,255,255,.005) 35%,rgba(30,21,73,.10));
 box-shadow:inset 0 1px 0 var(--ng-sheen),inset 1px 0 0 rgba(255,255,255,.07),
   0 11px 32px rgba(0,0,0,.33),0 0 20px rgba(98,126,255,.065);
 -webkit-backdrop-filter:blur(17px) saturate(170%);
 backdrop-filter:blur(17px) saturate(170%);
}
:is(.life-rim,.quick-capture,.tasks-section,.project-card,.project-detail,.calendar-panel,.cal-day-panel,
   .notification-card,.appearance-option,.home-card,.home-stats>div,.time-summary)::before{
 background:linear-gradient(90deg,transparent 0%,var(--ng-violet) 18%,#dae3ff 36%,var(--ng-cyan) 58%,var(--ng-pink) 79%,transparent 100%);
 height:2px;opacity:.90;
 box-shadow:0 0 8px rgba(83,204,255,.44),0 0 19px rgba(144,110,255,.27);
}
/* The compact welcome card is the one hero surface: a glowing glass tile, no extra height. */
body[data-page="today"] .page-header{
 background-color:rgba(18,24,49,.82);
 background-image:
  radial-gradient(ellipse 65% 130% at 102% 0%,rgba(255,79,187,.23),transparent 76%),
  radial-gradient(ellipse 72% 140% at 0% 100%,rgba(61,208,255,.12),transparent 79%),
  linear-gradient(120deg,rgba(126,108,254,.15),rgba(14,18,43,.08) 50%,rgba(126,56,172,.14));
 border:1px solid rgba(151,154,255,.52);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.23),inset 1px 0 0 rgba(233,226,255,.11),
  0 15px 44px rgba(0,0,0,.32),0 0 25px rgba(101,97,255,.17),0 0 46px rgba(163,65,214,.08);
 -webkit-backdrop-filter:blur(22px) saturate(175%);
 backdrop-filter:blur(22px) saturate(175%);
}
body[data-page="today"] .page-header::after{
 height:2px;opacity:1;
 background:linear-gradient(90deg,var(--ng-cyan) 0%,var(--ng-blue) 24%,var(--ng-violet) 52%,var(--ng-pink) 80%,transparent 100%);
 box-shadow:0 0 10px rgba(125,125,255,.55),0 0 22px rgba(255,91,197,.23);
}
body[data-page="today"] .page-header .eyebrow{
 color:#c4beff;
 background:linear-gradient(115deg,rgba(103,79,219,.24),rgba(49,110,189,.13));
 border:1px solid rgba(173,166,255,.43);
 box-shadow:inset 0 1px 0 rgba(235,232,255,.17),0 0 18px rgba(157,124,255,.14);
}
body[data-page="today"] .greeting-title{
 color:#fbfaff;
 text-shadow:0 0 22px rgba(178,166,255,.22);
}
body[data-page="today"] .greeting-name{
 background:linear-gradient(95deg,#f4e3ff 0%,#cba5ff 36%,#7cf0ff 100%);
 -webkit-background-clip:text;background-clip:text;
 color:transparent;-webkit-text-fill-color:transparent;
 filter:drop-shadow(0 0 8px rgba(165,120,255,.31));
}
body[data-page="today"] .todo-title-chip{
 color:#e9ddff;border-color:rgba(179,124,255,.4);
 background:rgba(106,77,192,.16);
 box-shadow:0 0 10px rgba(132,82,255,.13);
}
/* Characterful app chrome: luminous but not eye-searing. */
.topbar{
 border-bottom-color:rgba(118,150,233,.23);
 background:linear-gradient(100deg,rgba(13,20,39,.88),rgba(10,14,32,.79));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 6px 21px rgba(0,0,0,.19);
 -webkit-backdrop-filter:blur(25px) saturate(160%);backdrop-filter:blur(25px) saturate(160%);
}
.ambient-clock{
 color:#f4f9ff;
 border:1px solid rgba(133,171,252,.61);
 background:linear-gradient(115deg,rgba(90,111,203,.24),rgba(40,42,95,.20));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 0 13px rgba(94,137,255,.24),0 0 28px rgba(94,137,255,.075);
 text-shadow:0 0 10px rgba(151,190,255,.26);
}
:is(.tools-menu,.profile-chip .avatar){
 border-color:rgba(158,144,249,.55);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 20px rgba(138,105,254,.15);
}
.top-actions .icon-button,.top-actions .notification-shortcut{
 color:#cbbdff;
 filter:drop-shadow(0 0 5px rgba(126,132,255,.19));
}
.top-actions .icon-button:hover,.top-actions .icon-button:focus-visible{
 color:var(--ng-cyan);background:rgba(77,147,246,.13);
 box-shadow:0 0 13px rgba(63,191,247,.16);
}
.sidebar{
 background:linear-gradient(161deg,rgba(18,23,46,.93),rgba(9,13,30,.97));
 border-right-color:rgba(129,150,228,.26);
 box-shadow:inset -1px 0 0 rgba(208,205,255,.045);
}
.brand-icon,.mark{
 color:#e3d3ff;border-color:rgba(172,153,255,.70);
 background:linear-gradient(130deg,rgba(113,86,230,.30),rgba(46,150,213,.11));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 13px rgba(146,99,255,.26),0 0 27px rgba(145,99,255,.11);
}
.nav-item .nav-symbol{color:#a3a8d5;transition:color .16s ease,filter .16s ease}
.nav-item.active{
 background:linear-gradient(105deg,rgba(107,84,216,.30),rgba(64,131,217,.13));
 border-color:rgba(135,163,255,.45);
 box-shadow:inset 3px 0 0 var(--ng-cyan),inset 0 1px 0 rgba(235,244,255,.13),0 0 20px rgba(85,112,254,.13);
 color:#fff;
}
.nav-item.active .nav-symbol{color:var(--ng-cyan);filter:drop-shadow(0 0 7px rgba(88,229,255,.64))}
.nav-item:hover .nav-symbol{color:#d5cbff}
.bottom-nav{
 border-top:1px solid rgba(144,153,241,.39)!important;
 background:linear-gradient(115deg,rgba(20,24,50,.88),rgba(11,16,38,.90))!important;
 box-shadow:0 -9px 32px rgba(4,9,30,.53),0 -2px 21px rgba(120,76,241,.12);
 -webkit-backdrop-filter:blur(25px) saturate(160%);backdrop-filter:blur(25px) saturate(160%);
}
body[data-life-section] .bottom-nav button.active{
 color:#d5c7ff;
 background:linear-gradient(180deg,rgba(111,101,232,.28),rgba(52,88,169,.07));
 box-shadow:inset 0 2px 0 #b9a5ff,inset 0 3px 18px rgba(107,116,252,.26),0 -6px 18px rgba(122,73,227,.24);
 border-radius:11px 11px 0 0;
}
.bottom-nav button.active>span{
 color:var(--ng-cyan);filter:drop-shadow(0 0 6px rgba(84,221,255,.74));
}
.bottom-nav button:not(.active)>span{color:#878faa}
/* Form controls: a glossy cyan-blue primary and restrained violet secondary. */
.primary,body[data-page="today"] .today-new-task{
 background:linear-gradient(118deg,#76e4ff 0%,#8ab1ff 48%,#b69aff 100%);
 color:#0b1734;
 border:1px solid #a4e6ff;
 font-weight:730;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 0 -1px 0 rgba(71,72,178,.29),
  0 5px 20px rgba(69,154,252,.27),0 0 21px rgba(79,181,255,.31),0 0 38px rgba(104,113,252,.17);
 text-shadow:0 1px 0 rgba(255,255,255,.20);
}
.primary:hover,.primary:focus-visible,
body[data-page="today"] .today-new-task:hover,
body[data-page="today"] .today-new-task:focus-visible{
 box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 0 0 2px rgba(128,232,255,.27),
  0 5px 20px rgba(69,154,252,.29),0 0 28px rgba(79,181,255,.43),0 0 50px rgba(104,113,252,.20);
}
.secondary,body[data-page="today"] .today-microphone{
 color:#d8caff;
 background:linear-gradient(145deg,rgba(159,148,242,.16),rgba(32,45,87,.13)),rgba(23,26,49,.88);
 border:1px solid rgba(156,138,245,.53);
 box-shadow:inset 0 1px 0 rgba(243,236,255,.15),0 0 15px rgba(133,92,250,.18);
}
.secondary:hover,body[data-page="today"] .today-microphone:hover{
 border-color:rgba(106,222,255,.72);color:#e2faff;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 0 20px rgba(74,189,255,.23);
}
body[data-page="today"] .today-microphone{color:#e9caff}
body[data-page="today"] .today-microphone .mic-word{text-shadow:0 0 9px rgba(193,130,255,.26)}
/* Selected tabs are lit like physical indicators. Unselected tabs stay dark. */
.plan-tab{border-color:rgba(123,143,217,.26);background:rgba(21,26,52,.76);color:#aeb6d1}
body[data-page="today"] .plan-tab.active{
 color:#e7faff;
 border-color:rgba(116,212,255,.78);
 background:linear-gradient(132deg,rgba(55,130,220,.26),rgba(124,72,226,.24) 70%);
 box-shadow:inset 0 1px 0 rgba(221,252,255,.28),inset 0 -2px 0 var(--ng-cyan),
  0 0 14px rgba(65,195,255,.18),0 0 29px rgba(122,96,255,.10);
 text-shadow:0 0 11px rgba(90,226,255,.33);
}
.plan-tab.active span{color:#d6f8ff;background:rgba(75,181,236,.24);box-shadow:0 0 9px rgba(82,205,255,.21)}
body[data-page="today"] .today-scope-toggle{
 color:#f5eeff;text-shadow:0 0 13px rgba(181,141,255,.25);
}
body[data-page="today"] .today-scope-toggle::after{
 color:var(--ng-cyan);background:rgba(41,151,210,.16);
 border:1px solid rgba(91,223,255,.75);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 12px rgba(63,218,252,.37),0 0 26px rgba(54,177,248,.10);
 text-shadow:0 0 8px rgba(70,233,255,.53);
}
/* Compact list: stronger checkboxes and due/status cues, no extra metadata. */
body[data-page="today"] .tasks-section{
 border:1px solid rgba(109,175,255,.46);
 box-shadow:inset 0 1px 0 rgba(226,244,255,.18),0 11px 35px rgba(0,0,0,.35),0 0 21px rgba(79,134,254,.13);
}
body[data-page="today"] .tasks-section::after{
 width:3px;top:27px;height:35px;
 background:linear-gradient(180deg,var(--ng-cyan),var(--ng-blue),var(--ng-violet));
 box-shadow:0 0 9px rgba(70,220,255,.68),0 0 25px rgba(92,130,255,.27);
}
body[data-page="today"] .tasks-section .section-top h2{color:#f8fbff;text-shadow:0 0 13px rgba(114,188,255,.16)}
body[data-page="today"] .tasks-section .check-control:not(.checked){
 border-color:rgba(150,163,247,.70);
 background:linear-gradient(150deg,rgba(89,112,205,.12),rgba(24,28,58,.29));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 9px rgba(115,114,251,.17);
}
body[data-page="today"] .tasks-section .check-control.checked,
body[data-page="today"] .today-completed .check-control.checked{
 border-color:rgba(92,239,244,.8);color:#ecffff;
 background:linear-gradient(135deg,rgba(44,182,222,.75),rgba(109,86,241,.73));
 box-shadow:0 0 12px rgba(75,220,253,.32),0 0 24px rgba(109,86,241,.13);
}
body[data-page="today"] .tasks-section .task-title{color:#f7f8ff;font-weight:690}
body[data-page="today"] .tasks-section .task-title:hover{color:#bbf6ff;text-shadow:0 0 13px rgba(94,224,255,.26)}
body[data-page="today"] .task-meta-quiet .date-tag{color:#b4caff}
body[data-page="today"] .task-meta-quiet .event-time{color:#96eafa}
body[data-page="today"] .task-meta-quiet .shared-tag{color:var(--ng-cyan);text-shadow:0 0 10px rgba(80,220,255,.23)}
body[data-page="today"] .task-meta-quiet .priority-high{color:#ff83c8}
body[data-page="today"] .task-meta-quiet .duration-tag{color:#bfc9ed}
.today-completed{border-color:rgba(143,129,246,.38)}
.completed-emblem{
 color:var(--ng-cyan);border-color:rgba(104,216,255,.58);
 background:linear-gradient(145deg,rgba(55,159,220,.23),rgba(116,76,216,.22));
 box-shadow:inset 0 1px 0 rgba(241,253,255,.26),0 0 13px rgba(62,190,248,.22),0 0 26px rgba(116,76,216,.10);
 filter:none;
}
.completed-total{color:#d8ceff;background:rgba(113,91,229,.29);box-shadow:0 0 10px rgba(123,109,255,.18)}
/* Real lower-dashboard numbers get real chromatic highlights; no fabricated charts. */
body[data-page="today"] .today-supporting{border-top-color:rgba(134,171,242,.29)}
body[data-page="today"] .today-supporting-title{
 color:#c6c6e8;text-transform:uppercase;font-size:10px;letter-spacing:.13em;
}
body[data-page="today"] .today-summary-card{
 min-height:107px;border-width:1px;
 box-shadow:inset 0 1px 0 rgba(248,252,255,.20),0 10px 26px rgba(0,0,0,.30),0 0 18px rgba(98,123,255,.11);
}
body[data-page="today"] .today-summary-card:nth-child(1){
 background-image:radial-gradient(ellipse 120% 110% at 100% 0%,rgba(133,92,250,.28),transparent 73%),
 linear-gradient(145deg,rgba(117,90,232,.105),rgba(9,18,43,.11));
 border-color:rgba(161,137,255,.49);
}
body[data-page="today"] .today-summary-card:nth-child(2){
 background-image:radial-gradient(ellipse 120% 110% at 100% 0%,rgba(48,218,245,.26),transparent 73%),
 linear-gradient(145deg,rgba(43,162,209,.09),rgba(9,18,43,.11));
 border-color:rgba(102,226,242,.48);
}
body[data-page="today"] .today-summary-card:nth-child(3){
 background-image:radial-gradient(ellipse 120% 110% at 100% 0%,rgba(244,57,174,.23),transparent 73%),
 linear-gradient(145deg,rgba(167,69,182,.11),rgba(9,18,43,.11));
 border-color:rgba(251,123,213,.45);
}
body[data-page="today"] .today-summary-card strong{
 font-variant-numeric:tabular-nums;font-weight:760;
 text-shadow:0 0 16px currentColor;
}
body[data-page="today"] .today-summary-card:nth-child(1) strong{color:#bdabff}
body[data-page="today"] .today-summary-card:nth-child(2) strong{color:#7aeeff}
body[data-page="today"] .today-summary-card:nth-child(3) strong{color:#ff94d1}
body[data-page="today"] .today-summary-card span{color:#dae0f5}
body[data-page="today"] .today-summary-card small{color:#9eabcd}
body[data-page="today"] .glance-tile-arrow{color:var(--ng-cyan);filter:drop-shadow(0 0 5px rgba(86,212,255,.42))}
body[data-page="today"] .today-snapshot-panel:first-child{
 border-color:rgba(101,209,240,.39);
 background-image:radial-gradient(ellipse 90% 110% at 100% 0%,rgba(25,187,239,.12),transparent 82%);
}
body[data-page="today"] .today-snapshot-panel:last-child{
 border-color:rgba(195,136,250,.38);
 background-image:radial-gradient(ellipse 95% 95% at 100% 0%,rgba(160,68,247,.14),transparent 82%);
}
body[data-page="today"] .today-snapshot-panel:first-child .today-snapshot-title button{color:var(--ng-cyan)}
body[data-page="today"] .today-snapshot-panel:last-child .today-snapshot-title button{color:#d2b1ff}
body[data-page="today"] .today-snapshot-title h3{color:#f2f1ff}
body[data-page="today"] .today-mini-row button:hover{color:var(--ng-cyan);text-shadow:0 0 9px rgba(92,204,255,.25)}
/* The overflow menu and edit forms stay readable instead of neon flooding. */
.tools-menu,.dialog{
 background-color:rgba(21,27,50,.97);border:1px solid rgba(145,171,244,.42);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 23px 52px rgba(0,0,0,.55),0 0 21px rgba(117,112,250,.13);
 -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
}
.tools-menu>button:hover,.tools-menu>button.active{
 background:linear-gradient(110deg,rgba(87,115,227,.25),rgba(137,73,233,.17));
 color:#fff;
}
.tools-menu>button span{color:#abdcff}
:is(input,textarea,select):focus-visible,
.editor-form :is(input,textarea,select):focus,
.search-wrap:focus-within{
 border-color:rgba(103,218,254,.82)!important;
 box-shadow:0 0 0 2px rgba(91,198,255,.14),0 0 18px rgba(67,179,250,.17);
}
body[data-page="today"] .today-list-tools :is(input,select){
 border-color:rgba(132,147,217,.33);
 background-color:rgba(22,27,52,.76);
}
/* Respect visual accessibility settings and smaller devices. */
@media(max-width:820px){
 body{background-attachment:scroll}
 body[data-page="today"] .page-header{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 25px rgba(116,86,245,.17),0 11px 30px rgba(0,0,0,.31)}
 .topbar,.bottom-nav{-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px)}
}
@media(max-width:390px){
 body[data-page="today"] .today-summary-card strong{font-size:clamp(19px,6vw,25px)}
 body[data-page="today"] .greeting-name{filter:drop-shadow(0 0 5px rgba(165,120,255,.18))}
}
@media(prefers-contrast:more){
 :is(.life-rim,.tasks-section,.quick-capture,.project-card,.project-detail,.calendar-panel,.home-card){
   border-color:rgba(172,203,255,.80);background-color:var(--surface);
 }
 body[data-page="today"] .greeting-name{color:#ede4ff;-webkit-text-fill-color:#ede4ff;background:none;filter:none}
 body[data-page="today"] .today-summary-card strong{text-shadow:none}
}
@media(prefers-reduced-transparency:reduce){
 :is(.life-rim,.tasks-section,.quick-capture,.project-card,.project-detail,.calendar-panel,.home-card,.dialog){
   background-color:color-mix(in srgb,var(--surface) 97%,var(--bg));-webkit-backdrop-filter:none;backdrop-filter:none;
 }
}
@media(prefers-reduced-motion:reduce){
 .nav-item .nav-symbol{transition:none}
}