@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap');
:root{
  --sea0:#0d1d30;--sea1:#152a42;--sea2:#1d3554;
  --card:#d8ecf8;--card-deep:#c2dff2;
  --ink:#1a1714;--ink-soft:#4a4540;--stone:#54748c;--hairline:#a8cfe9;
  --sand:#dbe4ee;--sand-dim:rgba(199,213,228,.62);--seam:rgba(142,162,182,.18);
  --jeong:#ee7a2d;--jeong-deep:#c2551f;--jeong-wash:rgba(238,122,45,.12);
  --blue:#3d8de0;--teal:#14b78a;--teal-deep:#0e9d76;--amber:#eab30b;--han:#25415a;--han-wash:#eef7fd;
  --display:'Newsreader',serif;--serif:'Source Serif 4',Georgia,serif;--mono:'IBM Plex Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;background:linear-gradient(180deg,var(--sea0),var(--sea1) 55%,var(--sea2));color:var(--card);font-family:var(--serif);overflow:hidden}

/* ═══ ENTRY ═══ */
#entry{position:fixed;inset:0;background:linear-gradient(180deg,var(--sea0),var(--sea1) 60%,var(--sea2));display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;transition:opacity .8s ease}
#entry.gone{opacity:0;pointer-events:none}
.wband{width:520px;max-width:86vw;height:10px;border-radius:5px;position:relative;
  background:linear-gradient(90deg,rgba(142,162,182,.14),rgba(142,162,182,.26) 40%,rgba(142,162,182,.14));background-size:200% 100%;animation:calm 9s linear infinite}
@keyframes calm{to{background-position:-200% 0}}
.wdot{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--jeong);animation:pulse 1.6s ease-in-out infinite}
.wdot.mild{width:9px;height:9px;background:var(--blue);opacity:.7;animation-duration:2.8s}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(238,122,45,.45)}50%{box-shadow:0 0 0 12px rgba(238,122,45,0)}}
#entry .t1{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--sand-dim);margin-bottom:26px;text-align:center;padding:0 16px}
#entry .t2{font-family:var(--display);font-size:30px;font-weight:500;margin-top:34px;max-width:620px;text-align:center;line-height:1.25;color:#faf6ee;padding:0 16px}
#entry .t3{font-size:15px;color:rgba(248,244,236,.75);margin-top:12px;max-width:560px;text-align:center;line-height:1.5;padding:0 16px}
#entry button{margin-top:34px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--teal);border:0;border-radius:999px;padding:12px 26px;cursor:pointer}
#entry button:hover{background:var(--teal-deep)}
#entry .hint{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--sand-dim);margin-top:16px;text-align:center;padding:0 16px}

/* ═══ CHROME ═══ */
#top{position:fixed;top:0;left:0;right:0;height:44px;display:flex;align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid var(--seam);background:rgba(14,28,44,.85);z-index:60;backdrop-filter:blur(4px)}
#top .mark{display:flex;align-items:center;gap:8px;white-space:nowrap}
#top .mark svg{width:14px;height:17px;stroke:#e8edf3;stroke-width:1.4;fill:none}
#top .mark b{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.18em;color:#e8edf3}
#top .client{font-style:italic;font-size:12px;color:rgba(248,244,236,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#miniweather{flex:1;height:6px;border-radius:3px;position:relative;background:linear-gradient(90deg,rgba(142,162,182,.12),rgba(142,162,182,.22) 40%,rgba(142,162,182,.12));background-size:200% 100%;animation:calm 9s linear infinite;min-width:60px}
#miniweather .wdot{width:10px;height:10px}
#wsay{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--sand-dim);white-space:nowrap}
#nightbtn{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;background:none;border:1px solid var(--seam);border-radius:999px;padding:5px 12px;color:var(--sand-dim);cursor:pointer;white-space:nowrap}
#tslink{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;border:1px solid var(--seam);border-radius:999px;padding:5px 12px;color:var(--sand-dim);text-decoration:none;white-space:nowrap}
#tslink:hover{color:#e8edf3;border-color:#e8edf3}
#nightbtn:hover{border-color:#e8edf3}

/* ═══ PLAN ═══ */
#plan{position:fixed;left:0;top:44px;bottom:0;width:270px;border-right:1px solid var(--seam);background:rgba(10,20,32,.5);padding:18px 16px;z-index:50;display:flex;flex-direction:column}
#plan .lbl{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.16em;color:#e8edf3}
#plan .goal{font-family:var(--display);font-size:15.5px;font-weight:500;line-height:1.3;margin:8px 0 2px;color:#faf6ee}
#plan .held{font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;color:var(--sand-dim);margin-bottom:12px;line-height:1.6}
.tree{list-style:none}
.tree li{padding:6px 8px;border-radius:7px;font-size:13px;color:rgba(248,244,236,.8);cursor:pointer;display:flex;align-items:baseline;gap:8px;border:1px solid transparent}
.tree li:hover{background:rgba(238,122,45,.08)}
.tree li.sel{border-color:var(--jeong);background:rgba(238,122,45,.12)}
.tree li .st{font-family:var(--mono);font-size:8px;letter-spacing:.06em;margin-left:auto;white-space:nowrap}
.tree li.sub{margin-left:16px;font-size:12px}
.st.driving{color:#35c9a0}.st.needs{color:#fff;background:var(--blue);border-radius:999px;padding:1px 7px}
.st.blocked{color:var(--amber)}.st.settled{color:var(--sand-dim)}.st.dormant{color:var(--sand-dim);opacity:.7}.st.killed{color:var(--sand-dim);text-decoration:line-through}
.tree li.dead{opacity:.45;text-decoration:line-through}
#verbs{display:none;gap:6px;margin-top:10px;flex-wrap:wrap}
#verbs.on{display:flex}
#verbs button{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.08em;border:1px solid var(--seam);background:none;border-radius:999px;padding:5px 11px;cursor:pointer;color:var(--sand-dim)}
#verbs button:hover{border-color:#e8edf3;color:#e8edf3}
#treenote{font-family:var(--mono);font-size:8.5px;letter-spacing:.04em;color:var(--sand-dim);margin-top:10px;min-height:24px;line-height:1.5}
#scrub{margin-top:auto;border-top:1px solid var(--seam);padding-top:12px}
#scrub .lbl{color:var(--sand-dim)}
#scrub input{width:100%;margin-top:8px;accent-color:var(--jeong)}
#scrub .cap{font-family:var(--mono);font-size:8.5px;color:var(--sand-dim);margin-top:6px;min-height:28px;line-height:1.5}
#latticebtn{margin-top:12px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;background:rgba(61,141,224,.18);color:#8fc0f0;border:0;border-radius:8px;padding:9px 12px;cursor:pointer;text-align:left}
#latticebtn:hover{background:rgba(61,141,224,.3)}

/* ═══ BOARD ═══ */
#board{position:fixed;left:270px;top:44px;right:0;bottom:26px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:14px;padding:16px 18px 8px;overflow:hidden}
.col{display:flex;flex-direction:column;min-width:0;border-radius:12px;background:rgba(216,236,248,.04);border:1px solid var(--seam);padding:10px 10px 12px;overflow-y:auto}
.col::-webkit-scrollbar{width:0}
.col .ch{display:flex;align-items:baseline;gap:8px;padding:2px 4px 10px}
.col .ch b{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.16em;color:var(--sand)}
.col .ch .n{font-family:var(--mono);font-size:9px;color:var(--sand-dim);margin-left:auto}
#col-needs .ch b{color:var(--jeong)}
#col-doing .ch b{color:var(--teal)}
#col-next .ch b{color:#7fa3c8}
#col-done .ch b{color:#93aec4}
.colnote{font-family:var(--mono);font-size:7.5px;letter-spacing:.06em;color:var(--sand-dim);padding:0 4px 8px;line-height:1.6}

/* cards */
.card{background:var(--card);border-radius:10px;margin-bottom:10px;box-shadow:0 10px 26px rgba(0,0,0,.28);border-left:4px solid var(--stone);color:var(--ink);cursor:pointer;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s ease,box-shadow .25s ease;position:relative}
.card:hover{box-shadow:0 14px 34px rgba(0,0,0,.4);transform:translateY(-2px)}
.card.hide{opacity:0;transform:translateY(18px)}
.card.decision{border-left-color:var(--blue)}
.card.working{border-left-color:var(--teal)}
.card.queued{border-left-color:#93a9c0}
.card.blocked{border-left-color:var(--amber)}
.card.built{border-left-color:var(--jeong)}
.card.proposal{border-left-color:var(--jeong);box-shadow:0 0 0 1px rgba(238,122,45,.6),0 14px 40px rgba(238,122,45,.3)}
.card .in{padding:10px 12px 9px}
.card .tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}
.chip{font-family:var(--mono);font-size:7.5px;font-weight:500;letter-spacing:.08em;border-radius:999px;padding:2px 7px}
.chip.t-dec{color:#fff;background:var(--blue)}
.chip.t-work{color:#fff;background:var(--teal)}
.chip.t-q{color:#3c617d;background:var(--card-deep)}
.chip.t-blk{color:#3a2c07;background:var(--amber)}
.chip.t-built{color:#fff;background:var(--jeong)}
.chip.t-prop{color:#fff;background:var(--jeong)}
.chip.due{color:#fff;background:var(--jeong)}
.chip.ws{color:#3c617d;background:var(--card-deep)}
.card h3{font-family:var(--display);font-size:14.5px;font-weight:500;line-height:1.25}
.card p{font-size:11.5px;line-height:1.45;color:var(--ink-soft);margin-top:4px}
.card .why{font-family:var(--mono);font-size:7.5px;letter-spacing:.04em;color:var(--stone);margin-top:7px;line-height:1.5}
.card .why b{color:var(--han);font-weight:500}
.card .row{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.card .row button{font-family:var(--mono);font-size:8.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:5px 11px;border:0;cursor:pointer}
.b-go{background:var(--jeong);color:#fff}.b-go:hover{background:var(--jeong-deep)}
.b-ghost{background:none;border:1px solid #8fc2e2!important;color:var(--ink-soft)}.b-ghost:hover{border-color:var(--jeong)!important}
.card .resolved{font-family:var(--mono);font-size:8.5px;color:var(--teal-deep);margin-top:8px;letter-spacing:.04em}
.card .wait{font-family:var(--mono);font-size:7.5px;letter-spacing:.05em;color:#b58708;margin-top:7px}
.card .wait.q{color:#3c617d}
.strand{margin-top:6px}
.strand .sn{display:flex;justify-content:space-between;font-family:var(--mono);font-size:7.5px;letter-spacing:.05em;color:var(--ink-soft)}
.strand .sn span:last-child{color:var(--blue);font-style:italic}
.strand .bar{height:3px;border-radius:2px;background:#b0d5ec;margin-top:2px;overflow:hidden;position:relative}
.strand .bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--blue);border-radius:2px;transition:width .8s ease}
.note-inline{margin-top:8px;background:var(--han-wash);border-left:2px solid var(--blue);border-radius:0 7px 7px 0;padding:6px 9px;font-style:italic;font-size:10.5px;line-height:1.4;color:var(--ink);display:none}
.note-inline.on{display:block}
.note-inline b{font-family:var(--mono);font-size:7px;letter-spacing:.08em;color:var(--blue);display:block;font-style:normal;margin-bottom:2px}
.typing-line{font-size:11.5px;color:var(--ink);margin-top:6px;font-style:italic;border-left:2px solid var(--jeong);padding-left:8px}
.caret{display:inline-block;width:5px;height:11px;background:var(--jeong-deep);vertical-align:-1px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
#grammar{position:fixed;left:286px;bottom:6px;right:12px;font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:var(--sand-dim);z-index:55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ═══ MODAL ═══ */
#modal{position:fixed;inset:0;background:rgba(8,16,26,.7);z-index:92;display:none;align-items:center;justify-content:center}
#modal.on{display:flex}
#modal .sheet{width:560px;max-width:92vw;max-height:86vh;overflow:auto;background:var(--card);border-radius:14px;padding:20px 22px;color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.5)}
#modal .mt{font-family:var(--display);font-size:19px;font-weight:500;margin:6px 0 8px}
#modal .body{font-size:13px;line-height:1.55}
#modal .why{font-family:var(--mono);font-size:8px;letter-spacing:.05em;color:var(--stone);margin-top:12px;line-height:1.6}
#modal .why b{color:var(--han)}
#modal .close{margin-top:16px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;background:none;border:1px solid #8fc2e2;border-radius:999px;padding:7px 16px;cursor:pointer;color:var(--ink-soft)}
.claim{cursor:pointer;border-radius:3px}
.claim.v{border-bottom:2px solid rgba(194,85,31,.55)}
.claim.v:hover{background:var(--jeong-wash)}
.claim.d{border-bottom:2px dotted var(--han);background:rgba(37,65,90,.05)}
.claim.d:hover{background:rgba(37,65,90,.11)}
.unspool{display:none;margin:7px 0 4px;border-left:2px solid var(--blue);padding:6px 10px;background:#c6e2f3;border-radius:0 8px 8px 0}
.unspool.on{display:block}
.unspool .src{display:inline-block;font-family:var(--mono);font-size:8px;color:#2f6fb4;border:1px solid #a8cfe9;border-radius:999px;padding:2px 8px;margin:2px 3px 0 0;background:#ddeffa}
.unspool.gap{border-left-color:var(--amber)}
.unspool.gap .g{font-family:var(--mono);font-size:8px;letter-spacing:.06em;color:#b58708}
.unspool p{font-size:11px;color:var(--ink-soft);margin-top:3px;line-height:1.45}
.mnote{border-top:1px dashed var(--hairline);margin-top:14px;padding-top:10px}
.mnote .open-m{font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:var(--stone);background:none;border:0;cursor:pointer;padding:0}
.mnote .open-m:hover{color:var(--jeong-deep)}
.mnote form{display:none;gap:6px;margin-top:8px}
.mnote form.on{display:flex}
.mnote input{flex:1;font-family:var(--serif);font-size:12px;border:1px solid var(--hairline);border-radius:7px;padding:6px 9px;background:#e6f2fb}
.mnote .send{font-family:var(--mono);font-size:8.5px;background:var(--jeong);color:#fff;border:0;border-radius:999px;padding:0 12px;cursor:pointer}
.mnote .thread{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.mnote .m-you,.mnote .m-her{font-size:11.5px;line-height:1.45;border-radius:8px;padding:6px 10px}
.mnote .m-you{background:#c6e2f3;border:1px solid #a8cfe9;align-self:flex-end;max-width:92%}
.mnote .m-her{background:var(--jeong-wash);align-self:flex-start;max-width:92%}
.mnote .m-her b{font-family:var(--mono);font-size:7.5px;letter-spacing:.08em;color:var(--jeong-deep);display:block;margin-bottom:2px}

/* ═══ APPROACHES ═══ */
#lattice{position:fixed;inset:0;background:rgba(8,16,26,.72);z-index:90;display:none;align-items:center;justify-content:center}
#lattice.on{display:flex}
#lattice .sheet{width:1060px;max-width:94vw;max-height:88vh;overflow:auto;background:var(--sea1);border:1px solid var(--seam);border-radius:16px;padding:26px 30px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
#lattice .lt{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:#e8edf3}
#lattice h2{font-family:var(--display);font-size:22px;font-weight:500;margin:8px 0 2px;color:#faf6ee}
#lattice .ls{font-size:13px;color:rgba(248,244,236,.7);margin-bottom:18px}
.lat{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.branch{flex:1;min-width:130px;border-radius:10px;background:var(--card);padding:10px 11px;cursor:pointer;transition:transform .2s ease;color:var(--ink)}
.branch:hover{transform:translateY(-4px)}
.branch .bn{font-family:var(--display);font-size:13.5px;font-weight:500;line-height:1.25}
.branch .bs{font-family:var(--mono);font-size:7.5px;letter-spacing:.06em;margin-top:5px}
.branch .waves{display:flex;flex-direction:column-reverse;gap:3px;margin-top:8px}
.branch .wv{height:9px;border-radius:3px;background:#b0d5ec}
.branch .wv.done{background:var(--blue)}
.branch.chosen{box-shadow:0 0 0 2px var(--jeong),0 12px 34px rgba(238,122,45,.32)}
.branch.chosen .wv.done{background:var(--jeong)}
.branch.deadb{opacity:.6}
.branch.deadb .bn{text-decoration:line-through;text-decoration-thickness:1px;color:var(--ink-soft)}
.branch .why{display:none;font-size:11px;color:var(--ink-soft);line-height:1.45;margin-top:8px;border-top:1px dashed var(--hairline);padding-top:7px}
.branch.openb .why{display:block}
.bs.chosen{color:var(--jeong-deep)}.bs.killed{color:var(--stone)}.bs.parked{color:#b58708}.bs.born{color:#2f6fb4}
#lattice .close{margin-top:18px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;background:none;border:1px solid var(--seam);border-radius:999px;padding:7px 16px;cursor:pointer;color:var(--sand-dim)}
#lattice .lnote{font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;color:var(--sand-dim);margin-top:14px;line-height:1.6}

body.night::after{content:"";position:fixed;inset:0;background:rgba(6,12,20,.55);pointer-events:none;z-index:80}
body.night .card{filter:saturate(.7) brightness(.9)}
#nightsay{display:none;position:fixed;inset:0;z-index:95;pointer-events:none;text-align:center;padding:0 24px}
body.night #nightsay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
#nightsay .m{font-family:var(--display);font-size:26px;font-weight:500;color:#faf6ee;text-shadow:0 2px 30px rgba(0,0,0,.6)}
#nightsay .s{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:#c7d5e4;margin-top:10px;text-shadow:0 1px 14px rgba(0,0,0,.85)}

.toast{position:fixed;left:50%;bottom:36px;transform:translateX(-50%) translateY(20px);background:var(--jeong);color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.06em;border-radius:999px;padding:9px 18px;opacity:0;transition:all .5s ease;z-index:99;pointer-events:none;max-width:86vw;text-align:center}
.toast.on{opacity:1;transform:translateX(-50%)}

/* ── lifecycle rail — software Umma built, tested, deployed, and operates ── */
.lc{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:8px;padding:6px 9px;background:var(--han-wash);border:1px solid var(--hairline);border-radius:7px}
.lck{font-family:var(--mono);font-size:7.5px;font-weight:500;letter-spacing:.07em;color:var(--teal-deep);white-space:nowrap}
.lck.live{color:var(--jeong-deep);white-space:normal;flex:1 1 100%;min-width:0;overflow-wrap:anywhere;line-height:1.6}
.lcdot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--jeong);margin-right:4px;vertical-align:1px;animation:lcpulse 1.4s ease-in-out infinite}
@keyframes lcpulse{0%,100%{opacity:.3}50%{opacity:1}}
.stages{margin:2px 0 12px;border-left:2px solid var(--teal);padding-left:12px;display:flex;flex-direction:column;gap:8px}
.stage{font-size:12.5px;line-height:1.45;color:var(--ink-soft)}
.stage .stt{font-family:var(--mono);font-size:8px;letter-spacing:.06em;color:var(--stone);margin-right:7px}
.stage .sts{font-family:var(--mono);font-size:8px;font-weight:500;letter-spacing:.09em;color:var(--teal-deep);margin-right:7px}
.stage.live .sts{color:var(--jeong-deep)}

/* ── embedded app — the tool itself, usable ── */
.app{margin:12px 0 6px;background:var(--han-wash);border:1px solid var(--hairline);border-radius:9px;overflow:hidden}
.appbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;padding:8px 11px;border-bottom:1px solid var(--hairline)}
.appbar b{font-family:var(--mono);font-size:8.5px;font-weight:500;letter-spacing:.14em;color:var(--han)}
.appbar .apst{font-family:var(--mono);font-size:7.5px;letter-spacing:.09em;color:var(--jeong-deep);margin-left:auto}
.aprow{display:flex;align-items:baseline;gap:10px;padding:6px 11px;border-bottom:1px dashed var(--hairline);font-family:var(--mono);font-size:8.5px;letter-spacing:.04em}
.aprow .arl{color:var(--stone)}
.aprow .arv{color:var(--ink);margin-left:auto;text-align:right}
.aprow .ars{min-width:96px;text-align:right}
.ars.run{color:var(--stone);font-style:italic}
.ars.ok{color:var(--teal-deep);font-weight:500}
.ars.flag{color:#9c7607;font-weight:500}
.aprow.flagged{background:rgba(234,179,11,.14)}
.apfoot{display:flex;align-items:center;gap:12px;padding:9px 11px}
.apbtn{font-family:var(--mono);font-size:8.5px;font-weight:500;letter-spacing:.08em;color:#fff;background:var(--jeong);border:0;border-radius:999px;padding:6px 14px;cursor:pointer}
.apbtn:hover{background:var(--jeong-deep)}
.apbtn:disabled{opacity:.55;cursor:default}
.apres{font-family:var(--mono);font-size:8px;letter-spacing:.05em;color:var(--teal-deep);line-height:1.5}
.apinvite{font-family:var(--mono);font-size:8px;letter-spacing:.09em;color:var(--han);padding:8px 11px;border-top:1px solid var(--hairline);background:rgba(255,255,255,.4)}

/* ── showcase (show=1): the simulated client's cursor ── */
#simcur{position:fixed;left:60%;top:104%;z-index:96;width:20px;height:20px;border-radius:50%;background:rgba(238,122,45,.9);border:2px solid #fff;box-shadow:0 3px 16px rgba(0,0,0,.5);pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:left .65s cubic-bezier(.35,.7,.25,1),top .65s cubic-bezier(.35,.7,.25,1),opacity .35s ease,transform .16s ease}
#simcur.on{opacity:1}
#simcur.down{transform:translate(-50%,-50%) scale(.68)}
#simcur::after{content:"THE CLIENT";position:absolute;top:26px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:8.5px;font-weight:500;letter-spacing:.09em;background:rgba(22,41,58,.92);color:#fff;padding:4px 8px;border-radius:999px;white-space:nowrap}
.card.optick{box-shadow:0 0 0 2px var(--teal),0 10px 30px rgba(0,0,0,.35);transition:box-shadow .4s ease}