:root{accent-color:#215f59;font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172d25;background:#e7eeea;--ink:#193d32;--accent:#215f59;--line:#ceded5;--top:52px}
*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button{cursor:pointer;color:var(--ink);background:white;border:1px solid var(--line);border-radius:8px;padding:9px 13px}button:disabled{opacity:.55;cursor:default}button:hover:not(:disabled),a:hover{background:#edf5ef}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #4a7967;outline-offset:1px}i[data-icon]{display:inline-flex;width:20px;height:20px;flex:none}i svg{width:100%;height:100%}[hidden]{display:none!important}.icon{display:grid;place-items:center;width:40px;height:40px;padding:0;background:transparent;border-color:transparent}.topbar{height:calc(var(--top) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line);background:white}.spacer{flex:1}#viewTitle{font-size:.9rem;font-weight:600;color:#294d3f}
.workspace{display:flex;height:calc(100vh - var(--top));height:calc(100dvh - var(--top) - env(safe-area-inset-top));overflow:hidden}.content{flex:1;min-width:0;overflow:auto;background:linear-gradient(#dbe8df,#f1f6f2)}#report{display:block;border:0;width:100%;height:100%}#rail{display:flex;flex-direction:column;height:100%;background:white;padding:12px;gap:12px;width:230px;border-right:1px solid var(--line)}.brand,.dialogHead{display:flex;align-items:center;gap:10px;border-bottom:1px solid #dfe9e2;padding:0 4px 12px}.brand span{display:grid;line-height:1.15}.brand small{color:#486557}.brand b{font-size:1rem}.brand .closeNav,.dialogHead .icon{margin-left:auto}.brand .closeNav,#openNav{display:none}
#sections{display:grid;gap:4px}#sections button,.install,.popover a,.popover>button:not(.quickClose){display:flex;align-items:center;gap:11px;min-height:44px;padding:10px 12px;text-align:left;border:0;text-decoration:none;border-radius:7px;color:var(--ink)}#sections [aria-current=page]{color:#215f59;background:#e5f0e9;font-weight:700}.install{margin-top:auto;background:#f1f6f2}#gate{max-width:430px;margin:clamp(22px,9vh,92px) auto;background:white;border:1px solid var(--line);border-radius:13px;padding:24px}.eyebrow{font-size:.72rem;letter-spacing:.1em;font-weight:800;color:#365f4b}h1{font-size:1.65rem;line-height:1.15;margin:8px 0}p{color:#496256}label{display:grid;gap:5px;font-size:.88rem;font-weight:650;margin:12px 0}input{border:1px solid #a5bdae;border-radius:7px;padding:10px;width:100%;font-size:16px}.primary,.primary:hover:not(:disabled){color:white;background:var(--accent)}
#launch{position:fixed;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:14px;background:linear-gradient(165deg,#dbe8df,#f4f8f5);color:var(--ink);--cycle:2.3s}
.launchBrand{display:flex;align-items:center;gap:12px}
.launchBrand svg{color:#365f4b}
.launchName{display:grid;line-height:1.04}
.launchName strong{font-size:clamp(2rem,6vw,2.65rem);letter-spacing:-.045em}
.launchWord{font-size:clamp(1.6rem,5vw,2.1rem);font-weight:800;letter-spacing:-.035em;color:var(--accent)}
.launchWord span{display:inline-block;animation:research-letter .52s ease-out calc(.55s + var(--letter) * 75ms) both}
#launchStatus{font-size:.9rem;color:#496256}
.launchBrand .lens{animation:research-drop var(--cycle) both}
.launchBrand .ripple{transform-box:fill-box;transform-origin:center;animation:research-ripple .85s ease-out both}
.launchBrand .inner{color:#478075;animation-delay:.64s}
.launchBrand .outer{color:#365f4b;animation-delay:.84s}
@keyframes research-drop{
  0%,5%{transform:translateY(-72px);opacity:0}
  18%{opacity:1;animation-timing-function:ease-in}
  30%{transform:translateY(6px);animation-timing-function:ease-out}
  38%{transform:translateY(-5px)}
  48%,100%{transform:translateY(0);opacity:1}
}
@keyframes research-ripple{from{opacity:0;transform:scale(.2,.42)}65%{opacity:.85}to{opacity:1;transform:scale(1)}}
@keyframes research-letter{from{transform:translateY(.35em);opacity:0}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){
  .launchBrand .lens,.launchBrand .ripple,.launchWord span{animation:none}
  .launchBrand{animation:research-fade .35s ease-out both}
}
@keyframes research-fade{from{opacity:.65}to{opacity:1}}
dialog{color:var(--ink);border:1px solid #abc3b5;border-radius:12px;padding:16px;box-shadow:0 10px 30px #1b392c30;max-width:min(370px,calc(100vw - 20px))}dialog::backdrop{background:#162d2452}dialog h2{font-size:1.1rem;margin:0}.popover{position:fixed;inset:calc(var(--top) + env(safe-area-inset-top) + 4px) 10px auto auto;margin:0;width:300px;padding:10px}.popover::backdrop{background:transparent}.popover a,.popover>button:not(.quickClose){width:100%}.popover p{overflow-wrap:anywhere}.fab,.quickClose{border:0;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;padding:0;background:var(--accent);color:white;box-shadow:0 3px 14px #1d423444}.fab{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.fab:hover:not(:disabled),.quickClose:hover:not(:disabled){background:#184a44}.quick{inset:auto max(12px,env(safe-area-inset-right)) calc(76px + env(safe-area-inset-bottom)) auto;width:350px;overflow:visible}.quick::backdrop{background:#1a392c16}.quickClose{position:absolute;right:3px;bottom:-62px}.quickHead{display:grid;gap:2px;padding:10px;border-block:1px solid #d9e5dc;margin:8px 0}.quickHead small{color:#51695b}.handle{width:42px;height:4px;border-radius:5px;background:#b8cebf;margin:5px auto 0}.shortcuts{display:flex;gap:6px}.shortcuts button{flex:1;background:#eef5f0;display:grid;place-items:center}
@media(max-width:800px){#railHome{display:none}#openNav,.brand .closeNav{display:grid}#drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(282px,84vw);max-width:none;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0;padding:0}#drawer #rail{width:100%;padding-top:max(13px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}#gate{margin:24px 10px}#sections button{min-height:43px}}

.desktopBrand,#sections small{display:none}
.viewingRecord #quickToggle{visibility:hidden}
.viewingRecord .topbar,.viewingRecord #railHome{filter:brightness(.76)}
#gate{box-shadow:0 3px 12px #193d3212}
@media(min-width:801px){
  .desktopBrand{display:flex;align-items:center;gap:9px;padding-inline:8px 14px;border-right:1px solid var(--line);margin-right:8px;line-height:1.1}
  .desktopBrand small{display:block;font-size:.72rem;color:#496256}
  #rail .brand{display:none}
  #railHome{flex:none;min-height:0}
  #rail{
    --rail-width:84px;--direction:column;--align:center;--row-gap:4px;--label-size:.68rem;--detail:none;
    width:var(--rail-width);padding:16px 7px 10px;gap:8px;overflow:auto;background:#f3f7f4;
  }
  #rail:is(.pinned,:hover:not(.dismissed),:has(:focus-visible):not(.dismissed)){
    --rail-width:286px;--direction:row;--align:flex-start;--row-gap:12px;--label-size:.95rem;--detail:block;
  }
  #rail.pinned{box-shadow:inset -3px 0 #aec5b7}
  #sections{gap:8px}
  #sections button,#rail .install{
    flex-direction:var(--direction);justify-content:var(--align);gap:var(--row-gap);
    font-size:var(--label-size);text-align:center;line-height:1.2;padding:8px 4px;border:1px solid var(--line);
  }
  #sections button{min-height:64px;justify-content:center;font-weight:650}
  #sections small{display:var(--detail);font-size:.77rem;font-weight:450;color:#496256;margin-top:4px}
  #rail:is(.pinned,:hover:not(.dismissed),:has(:focus-visible):not(.dismissed)) #sections button{justify-content:flex-start;padding-inline:14px;text-align:left}
  #sections [aria-current=page]{border-color:#8eb4a1}
  #sections button,#install{box-shadow:0 2px 5px #193d3210}
  #rail .install{align-items:center;color:var(--accent);justify-content:center}
}
#quickToggle,.quickClose{touch-action:manipulation;user-select:none;-webkit-touch-callout:none}
.quickBody{max-height:calc(100dvh - 120px - env(safe-area-inset-bottom));overflow:auto}
.shortcuts{display:grid;grid-template-columns:repeat(var(--pin-cols,3),minmax(0,1fr))}
#quickActions button,#customizeQuick{display:flex;align-items:center;gap:11px;min-height:44px;width:100%;padding:9px 12px;border:0;text-align:left}
#customizeQuick{border-top:1px solid var(--line);margin-top:4px;font-size:.85rem}
#quickEditor{width:min(470px,calc(100vw - 18px));max-width:100%;max-height:85dvh;overflow:auto}
#quickEditor p{font-size:.88rem}
.editorGroups{display:flex;gap:6px;margin:12px 0 8px}
.editorGroups [aria-pressed=true]{background:#e3efe7;border-color:#94b4a4;font-weight:650}
.shortcutRow{display:grid;grid-template-columns:24px minmax(0,1fr) 35px 35px;align-items:center;gap:4px;margin:6px 0;padding:5px;background:#f6faf7;border:1px solid var(--line);border-radius:8px}
.shortcutRow button{min-height:40px;padding:4px}
.shortcutRow .choice{display:flex;align-items:center;gap:6px;text-align:left;font-size:.88rem;background:transparent;border:0}
.choice span:first-child{display:inline-block;text-align:center;min-width:35px;padding:5px 2px;border-radius:5px;background:#e3eae6}
.choice[aria-pressed=true] span:first-child{background:var(--accent);color:white}
.shortcutGrip{touch-action:none;user-select:none;cursor:grab;text-align:center;color:#486557;padding-block:9px}
#quickEditor footer{position:sticky;bottom:-16px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 0;background:white;border-top:1px solid var(--line)}
@media(max-width:370px){#quickEditor{padding:10px}.shortcutRow{grid-template-columns:18px minmax(0,1fr) 30px 30px}.choice i{display:none}}