/* The app window, version 2 (2026-10-21). Rebuilt to match ACE Desktop as it ships in v0.4.8-rc.12:
   five places in the sidebar (Command, Create, Network, Projects, Practice), a small mono label over a serif title
   with one italic word, tabs that carry their counts, thin rows, and status coded by shape
   (circle steady, triangle needs you, diamond late). Colours and type are the app's own tokens (ace-desktop/renderer/styles/tokens.css).
   Sample data only: every name here is invented. Only index-v2.html loads this file. */
@font-face{font-family:'Instrument Sans';src:url('fonts/instrument-sans-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

.ax-wrap{margin-top:3rem}
.ax{
  --bg-deep:#080a12;--bg-surface:#0c0e18;--bg-card:#101420;--bg-elevated:#141828;
  --tx:#d8d4e4;--tx2:#b3b1cd;--tx3:#8f8dae;
  --lav:#c8a0f0;--teal:#60d8a8;--pink:#e080a0;
  --line:rgba(140,120,255,0.10);--line2:rgba(140,120,255,0.18);
  --sans:'Instrument Sans',-apple-system,system-ui,sans-serif;--mono:'JetBrains Mono','SF Mono',monospace;--serif:'Instrument Serif',Georgia,serif;
  --ease:cubic-bezier(0.16,1,0.3,1);
  position:relative;max-width:112rem;margin:0 auto;border-radius:14px;overflow:hidden;
  background:var(--bg-deep);border:1px solid var(--line2);
  box-shadow:0 40px 120px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.02) inset;
  font-family:var(--sans);color:var(--tx);font-size:1.4rem;line-height:1.45;text-align:left;
}
.ax *{box-sizing:border-box}
.ax button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.ax button:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}

/* title bar */
.ax-bar{display:flex;align-items:center;gap:1.2rem;height:4rem;padding:0 1.4rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,0.012)}
.ax-lights{display:flex;gap:0.7rem}
.ax-lights i{width:1.1rem;height:1.1rem;border-radius:50%;background:#3a3c4e}
.ax-lights i:nth-child(1){background:#ed6a5e}.ax-lights i:nth-child(2){background:#f4bf4f}.ax-lights i:nth-child(3){background:#61c554}
.ax-ritual{margin:0 auto;display:inline-flex;align-items:center;gap:0.8rem;padding:0.45rem 1.2rem;border-radius:999px;border:1px solid rgba(200,160,240,0.35)!important;font-size:1.2rem!important;color:var(--tx)!important}
.ax-ritual code{font-family:var(--mono);font-size:1.15rem;color:var(--lav)}
.ax-ritual .ax-dot{width:0.7rem;height:0.7rem;border-radius:50%;background:var(--lav)}
.ax-bar-r{font-family:var(--mono);font-size:1.1rem;color:var(--tx3);letter-spacing:0.06em;min-width:6rem;text-align:right}

/* layout */
.ax-body{display:grid;grid-template-columns:21rem minmax(0,1fr);height:56rem}
.ax-side{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);background:var(--bg-surface);padding:1.6rem 1.2rem 1.2rem}
.ax-brand{display:flex;align-items:center;gap:1rem;padding:0 0.6rem 1.6rem;border-bottom:1px solid var(--line);margin-bottom:1.2rem}
.ax-brand svg{width:2.8rem;height:2.8rem;flex:none}
.ax-brand b{display:block;font-family:var(--serif);font-weight:400;font-size:1.9rem;line-height:1;color:var(--tx)}
.ax-brand small{display:block;margin-top:0.3rem;font-family:var(--mono);font-size:1rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--tx3)}
.ax-places{display:flex;flex-direction:column;gap:0.2rem}
.ax-place{display:flex!important;align-items:center;gap:1.1rem;width:100%;padding:0.85rem 1rem!important;border-radius:8px;font-size:1.45rem!important;color:var(--tx2)!important;text-align:left;transition:background .25s var(--ease),color .25s var(--ease)}
.ax-place svg{width:1.6rem;height:1.6rem;flex:none;opacity:0.8}
.ax-place:hover{background:rgba(255,255,255,0.03)}
.ax-place[aria-selected="true"]{background:rgba(200,160,240,0.09);color:var(--tx)!important;box-shadow:inset 2px 0 0 var(--lav)}
.ax-badge{margin-left:auto;display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--mono);font-size:1.1rem;color:var(--tx3)}
.sh{display:inline-block;flex:none;width:0.8rem;height:0.8rem}
.sh-c{border-radius:50%;background:var(--teal)}
.sh-o{border-radius:50%;border:1.5px solid var(--tx3)}
.sh-t{width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:0.85rem solid var(--lav);background:none}
.sh-d{width:0.75rem;height:0.75rem;background:var(--pink);transform:rotate(45deg)}
.sh-l{border-radius:50%;background:var(--lav)}
.ax-cmds{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.ax-eye{margin:0;font-family:var(--mono);font-size:1.05rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--tx3)}
.ax-cmds .ax-eye{padding:0 1rem 0.8rem}
.ax-cmd{display:flex;align-items:center;gap:0.9rem;padding:0.45rem 1rem;font-family:var(--mono);font-size:1.25rem;color:var(--tx2)}
.ax-cmd em{margin-left:auto;font-style:normal;font-size:1.1rem;color:var(--tx3)}
.ax-cmd .sh{width:0.6rem;height:0.6rem}
.ax-foot{margin-top:auto;display:flex;justify-content:space-between;padding:1.2rem 1rem 0;border-top:1px solid var(--line);font-family:var(--mono);font-size:1.1rem;color:var(--tx3)}

/* main */
.ax-main{position:relative;min-width:0;overflow:hidden;background:radial-gradient(120% 80% at 70% 0%,rgba(136,120,255,0.05),transparent 60%),var(--bg-deep)}
.ax-view{position:absolute;inset:0;padding:2.4rem 3.2rem;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .45s var(--ease),transform .55s var(--ease),visibility 0s linear .45s}
.ax-view.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s var(--ease),transform .55s var(--ease),visibility 0s}
.ax-head{display:flex;align-items:flex-end;gap:3.2rem;padding-bottom:1.4rem;border-bottom:1px solid var(--line);margin-bottom:2.2rem}
.ax-title{margin:0.5rem 0 0;font-family:var(--serif);font-weight:400;font-size:3.4rem;line-height:1;color:var(--tx);letter-spacing:-0.01em}
.ax-title em{color:var(--lav)}
.ax-tabs{display:flex;gap:2.4rem;font-size:1.4rem;color:var(--tx3);padding-bottom:0.3rem}
.ax-tabs span{display:inline-flex;align-items:center;gap:0.7rem;padding-bottom:0.9rem;margin-bottom:-1.5rem}
.ax-tabs span.on{color:var(--tx);box-shadow:inset 0 -2px 0 var(--lav)}
.ax-pill{display:inline-flex;align-items:center;gap:0.5rem;padding:0.2rem 0.8rem;border-radius:999px;font-family:var(--mono);font-size:1.05rem;letter-spacing:0.02em;background:rgba(200,160,240,0.10);color:var(--lav)}
.ax-pill.late{background:rgba(224,128,160,0.12);color:var(--pink)}
.ax-pill.ok{background:rgba(96,216,168,0.10);color:var(--teal)}

/* Command */
.ax-star{display:flex;align-items:center;gap:2rem;padding:1.6rem 2rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,0.015)}
.ax-star-line{margin:0;flex:1;font-family:var(--serif);font-size:2.2rem;line-height:1.2;color:var(--tx)}
.ax-row3{display:grid;grid-template-columns:auto 1fr auto;gap:2.8rem;align-items:center;margin-top:2.4rem}
.ax-orb{width:12rem;height:12rem;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:radial-gradient(circle at 42% 38%,rgba(200,160,240,0.30),rgba(136,120,255,0.10) 55%,rgba(8,10,18,0) 72%);box-shadow:0 0 0 1px rgba(200,160,240,0.18) inset,0 0 50px rgba(136,120,255,0.18)}
.ax-orb b{display:block;font-family:var(--serif);font-weight:400;font-size:2.6rem;line-height:1;color:var(--tx)}
.ax-orb small{display:block;margin-top:0.5rem;font-family:var(--mono);font-size:1.05rem;color:var(--tx3);letter-spacing:0.08em}
.ax-synth p:last-child{margin:0.6rem 0 0;font-size:1.7rem;line-height:1.45;color:var(--tx)}
.ax-ring{position:relative;width:9.6rem;height:9.6rem;display:grid;place-items:center;text-align:center}
.ax-ring svg{position:absolute;inset:0}
.ax-ring b{display:block;font-family:var(--serif);font-weight:400;font-size:3rem;line-height:1}
.ax-ring small{display:block;font-family:var(--mono);font-size:1rem;color:var(--tx3);letter-spacing:0.08em}
.ax-triad{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:auto}
.ax-leg{padding:1.2rem 1.4rem;border:1px solid var(--line);border-radius:10px}
.ax-leg b{display:block;font-weight:500;font-size:1.35rem;color:var(--c)}
.ax-leg span{display:flex;gap:0.8rem;margin-top:0.8rem}

/* Create */
.ax-panes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;flex:1;min-height:0}
.ax-pane{display:flex;flex-direction:column;gap:1rem;padding:1.4rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-card);min-height:0}
.ax-pane-h{display:flex;align-items:center;gap:0.7rem;padding-bottom:1rem;border-bottom:1px solid var(--line);font-size:1.3rem;color:var(--tx)}
.ax-msg{margin:0;font-size:1.3rem;line-height:1.5;color:var(--tx2)}
.ax-msg.you{align-self:flex-end;max-width:90%;padding:0.7rem 1.1rem;border-radius:12px 12px 4px 12px;background:rgba(200,160,240,0.10);color:var(--tx)}
.ax-tick{display:flex;gap:0.7rem;font-family:var(--mono);font-size:1.15rem;color:var(--tx3)}
.ax-tick::before{content:'\2713';color:var(--teal)}
.ax-hold{margin-top:auto;padding:1.2rem;border-radius:10px;border:1px solid rgba(200,160,240,0.32);background:rgba(200,160,240,0.05)}
.ax-hold .ax-eye{color:var(--lav)}
.ax-hold p{margin:0.6rem 0 1rem;font-size:1.3rem;color:var(--tx)}
.ax-hold-btns{display:flex;gap:0.8rem}
.ax-hold-btns span{padding:0.45rem 1.1rem;border-radius:999px;font-family:var(--mono);font-size:1.1rem;border:1px solid var(--line2);color:var(--tx2)}
.ax-hold-btns span.go{background:var(--lav);border-color:var(--lav);color:#0a0a12}

/* Network */
.ax-net{display:grid;grid-template-columns:1fr 26rem;gap:2rem;flex:1;min-height:0}
.ax-map{width:100%;height:100%;min-height:0}
.ax-map text{font-family:var(--sans);font-size:12px;fill:var(--tx2)}
.ax-map .grp{font-family:var(--mono);font-size:9.5px;letter-spacing:0.18em;fill:var(--tx3)}
.ax-note{align-self:start;padding:1.6rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-card)}
.ax-note p{margin:0.8rem 0 1.4rem;font-size:1.45rem;line-height:1.5;color:var(--tx)}
.ax-note .ax-hold-btns button{padding:0.45rem 1.1rem;border-radius:999px;font-family:var(--mono);font-size:1.1rem;border:1px solid var(--line2);color:var(--tx2)}
.ax-note .ax-hold-btns button.go{background:var(--lav);border-color:var(--lav);color:#0a0a12}
.ax-note.later{opacity:0.45}

/* Projects */
.ax-group{margin:0 0 0.8rem}
.ax-group + .ax-row{margin-top:0}
.ax-row{display:grid;grid-template-columns:1.1fr 1.6fr 1.5fr;gap:2rem;align-items:start;padding:1.2rem 1.6rem;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,0.012);margin-bottom:0.8rem;font-size:1.35rem}
.ax-row.need{border-color:rgba(200,160,240,0.35);background:rgba(200,160,240,0.04)}
.ax-row b{display:flex;align-items:center;gap:0.9rem;font-weight:500;color:var(--tx)}
.ax-row.need b{color:var(--lav)}
.ax-row span{color:var(--tx2)}
.ax-row i{font-style:normal;color:var(--tx)}
.ax-row i::before{content:'Next  ';font-family:var(--mono);font-size:1.05rem;letter-spacing:0.08em;color:var(--tx3);white-space:pre}
.ax-group-gap{margin-top:1.4rem}

/* Practice */
.ax-breath{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}
.ax-breath-orb{width:17rem;height:17rem;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 45% 40%,rgba(96,216,168,0.28),rgba(96,216,168,0.06) 58%,rgba(8,10,18,0) 72%);box-shadow:0 0 0 1px rgba(96,216,168,0.20) inset,0 0 70px rgba(96,216,168,0.14)}
.ax-breath-orb b{font-family:var(--serif);font-weight:400;font-size:3.2rem;color:var(--tx)}
.ax-breath p{margin:0;text-align:center;font-family:var(--mono);font-size:1.15rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--tx3)}
.ax.breathing .ax-breath-orb{animation:axBreath 10s cubic-bezier(0.45,0,0.55,1) infinite}
@keyframes axBreath{0%{transform:scale(0.86)}40%{transform:scale(1.06)}100%{transform:scale(0.86)}}

/* status bar */
.ax-status{display:flex;align-items:center;gap:1.4rem;height:4rem;padding:0 1.6rem;border-top:1px solid var(--line);background:var(--bg-surface)}
.ax-status .mini{width:1.8rem;height:1.8rem;border-radius:50%;background:radial-gradient(circle at 40% 35%,#e8e0ff,rgba(200,160,240,0.6) 45%,rgba(136,120,255,0.15) 75%)}
.ax-status b{font-family:var(--serif);font-weight:400;font-size:1.8rem;color:var(--tx)}
.ax-status span{font-family:var(--mono);font-size:1.1rem;letter-spacing:0.08em;color:var(--tx3)}
.ax-status span:last-child{margin-left:auto}

/* caption under the window */
.ax-caption{max-width:72rem;margin:2.2rem auto 0;text-align:center;font-size:1.6rem;line-height:1.5;color:var(--text-mid,#bcbad4);min-height:2.4em}
.ax-caption b{font-weight:500;color:var(--text,#e8e6f0)}
.ax-note-line{text-align:center;margin-top:1rem;font-family:var(--mono);font-size:1.15rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-dim,#9c9abb)}

@media(max-width:1100px){
  .ax-body{grid-template-columns:18rem minmax(0,1fr)}
  .ax-row.extra{display:none}
  .ax-net{grid-template-columns:1fr}
  .ax-note{display:none}
  .ax-row{grid-template-columns:1fr 1.4fr}
  .ax-row i{grid-column:1 / -1}
}
@media(max-width:700px){
  .ax{border-radius:12px;font-size:1.35rem}
  .ax-bar{height:3.6rem}
  .ax-bar-r{display:none}
  .ax-ritual{margin-left:auto;margin-right:0}
  .ax-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;height:auto}
  .ax-side{border-right:0;border-bottom:1px solid var(--line);padding:0.8rem}
  .ax-brand,.ax-cmds,.ax-foot{display:none}
  .ax-places{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:0.4rem}
  .ax-places::-webkit-scrollbar{display:none}
  .ax-place{width:auto;flex:none;padding:0.7rem 1.1rem!important;font-size:1.35rem!important}
  .ax-place svg{display:none}
  .ax-place[aria-selected="true"]{box-shadow:inset 0 -2px 0 var(--lav)}
  .ax-badge{margin-left:0.4rem}
  .ax-main{height:50rem}
  .ax-view{padding:1.8rem 1.6rem}
  .ax-head{flex-direction:column;align-items:flex-start;gap:1.2rem;margin-bottom:1.6rem}
  .ax-title{font-size:2.8rem}
  .ax-tabs{gap:1.6rem;font-size:1.3rem}
  .ax-tabs span:not(.on){display:none}
  .ax-star{flex-direction:column;align-items:flex-start;gap:0.8rem;padding:1.2rem 1.4rem}
  .ax-star-line{font-size:1.9rem}
  .ax-row3{grid-template-columns:auto 1fr;gap:1.6rem;margin-top:1.6rem}
  .ax-ring{display:none}
  .ax-orb{width:9.6rem;height:9.6rem}
  .ax-orb b{font-size:2.2rem}
  .ax-synth p:last-child{font-size:1.5rem}
  .ax-triad{grid-template-columns:repeat(3,1fr);gap:0.6rem}
  .ax-leg{padding:0.9rem}
  .ax-leg b{font-size:1.2rem}
  .ax-panes{grid-template-columns:1fr}
  .ax-pane:not(.main){display:none}
  .ax-row{grid-template-columns:1fr;gap:0.5rem;padding:1.1rem 1.2rem}
  .ax-row.extra,.ax-quiet{display:none}
  .ax-map text{font-size:17px}
  .ax-map .grp{font-size:12px}
  .ax-status{height:3.4rem}
  .ax-status span:first-of-type{display:none}
  .ax-caption{font-size:1.6rem}
}
@media(prefers-reduced-motion:reduce){
  .ax-view{transition:none}
  .ax.breathing .ax-breath-orb{animation:none}
}

/* 760 to 900 wide: the quiet project ran 17px past the bottom of the window */
@media(max-width:900px){.ax-quiet{display:none}}