/* Booklyn — Built by His Super Affiliates
   Deck chrome runs hot; the page you write on stays calm. */

:root{
  --ink:#0A0721;          /* base */
  --ink-2:#140C33;        /* raised */
  --ink-3:#1E1247;        /* raised-2 */
  --magenta:#FF2E97;
  --cyan:#24E0FF;
  --gold:#C7A248;         /* Booklyn imprint gold */
  --cream:#F3EAD8;        /* Booklyn paper */
  --lime:#B6FF3B;
  --red:#FF4B3E;
  --text:#EDE7FF;
  --dim:#A79BD6;
  --line:rgba(255,255,255,.12);
  --display:'Arial Black','Helvetica Neue',Impact,'Segoe UI Black',sans-serif;
  --ui:ui-sans-serif,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,'SF Mono','Cascadia Mono','Courier New',monospace;
  --serif:Georgia,'Iowan Old Style','Times New Roman',serif;
  --deck-h:72px; --status-h:28px;
  --r:6px;
}

*{box-sizing:border-box}

/* The hidden attribute is only a UA rule, so ANY author rule that sets display beats it.
   .modal, .busy, .drawer and .findbar all set display, which made every overlay in the
   app render at once on top of the page. This guard is what makes hidden mean hidden. */
[hidden]{display:none !important}
html,body{height:100%}
body{
  margin:0;background:var(--ink);color:var(--text);font-family:var(--ui);
  font-size:15px;line-height:1.5;overflow-x:hidden;
  padding-bottom:env(safe-area-inset-bottom);
  -webkit-text-size-adjust:100%;
}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{margin:0}
code{font-family:var(--mono);font-size:.9em;color:var(--cyan)}

/* ---------- background: the horizon ---------- */
.horizon{position:fixed;inset:0;z-index:0;overflow:hidden;background:
  radial-gradient(120% 80% at 50% 62%, #2A0E57 0%, #14082F 45%, #070417 100%)}
.horizon .sun{
  position:absolute;left:50%;bottom:32%;width:min(54vw,560px);aspect-ratio:1;transform:translateX(-50%);
  border-radius:50%;
  background:linear-gradient(180deg,#FFD36E 0%,#FF7AC6 45%,#FF2E97 70%,#7A2BFF 100%);
  -webkit-mask-image:repeating-linear-gradient(180deg,#000 0 14px,transparent 14px 20px);
          mask-image:repeating-linear-gradient(180deg,#000 0 14px,transparent 14px 20px);
  opacity:.30;filter:blur(.3px)}
.horizon .grid{
  position:absolute;left:-50%;right:-50%;bottom:-20%;height:70%;
  background-image:
    repeating-linear-gradient(90deg,rgba(36,224,255,.30) 0 1px,transparent 1px 76px),
    repeating-linear-gradient(0deg,rgba(255,46,151,.30) 0 1px,transparent 1px 58px);
  transform:perspective(340px) rotateX(72deg);transform-origin:50% 0;opacity:.35}
.scanlines{position:fixed;inset:0;z-index:9998;pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);opacity:.42;mix-blend-mode:multiply}

/* ---------- deck ---------- */
.deck{
  position:sticky;top:0;z-index:60;height:var(--deck-h);display:flex;align-items:center;gap:18px;
  padding:0 16px;background:linear-gradient(180deg,#1B1040 0%,#120A2E 100%);
  border-bottom:2px solid #000;
  box-shadow:0 1px 0 rgba(255,255,255,.09) inset,0 10px 30px rgba(0,0,0,.6)}
.deck-brand{min-width:190px}
.wordmark{font-family:var(--display);font-size:27px;letter-spacing:.02em;line-height:1}
.wm-book{background:linear-gradient(180deg,#fff 0 42%,#8FD8FF 43%,#24E0FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wm-lyn{background:linear-gradient(180deg,#FFD9F0 0 42%,#FF7AC6 43%,#FF2E97 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wm-sub{font-size:9.5px;letter-spacing:.26em;color:var(--gold);text-transform:uppercase;margin-top:3px}

.deck-nav{display:flex;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none}
.deck-nav::-webkit-scrollbar{display:none}
.tab{
  display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:var(--r);cursor:pointer;
  background:linear-gradient(180deg,#2A1A5C,#1A1040);color:var(--dim);
  border:1px solid #3A2678;border-bottom-width:3px;white-space:nowrap}
.tab i{font-style:normal;font-size:13px;opacity:.8}
.tab:hover{color:#fff;border-color:var(--cyan)}
.tab.on{color:#0A0721;background:linear-gradient(180deg,#3BE8FF,#12A8CC);border-color:#0B7E99;text-shadow:none;font-weight:700}
.tab.on i{opacity:1}

.deck-meters{display:flex;align-items:center;gap:12px}
.vu{min-width:170px}
.vu-scale{height:12px;border:1px solid #3A2678;background:#0B0620;border-radius:3px;overflow:hidden;position:relative}
.vu-scale::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 7px,#0B0620 7px 9px)}
.vu-fill{height:100%;width:0;background:linear-gradient(90deg,var(--lime),#FFD36E 62%,var(--magenta));transition:width .35s ease}
.vu-read{display:flex;gap:6px;align-items:baseline;font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:3px}
.vu-read b{color:var(--lime);font-size:13px}
.led-btn{width:40px;height:40px;border-radius:var(--r);cursor:pointer;background:linear-gradient(180deg,#2A1A5C,#1A1040);border:1px solid #3A2678;border-bottom-width:3px;font-size:17px}
.led-btn:hover{border-color:var(--magenta)}

/* ---------- statusline ---------- */
.statusline{position:sticky;top:var(--deck-h);z-index:55;height:var(--status-h);display:flex;align-items:center;gap:10px;
  padding:0 16px;font-family:var(--mono);font-size:11px;color:var(--dim);
  background:#0B0620;border-bottom:1px solid var(--line)}
.statusline .sep{width:1px;height:12px;background:var(--line)}
.statusline .spacer{flex:1}
.led{width:8px;height:8px;border-radius:50%;background:#3C3168;box-shadow:0 0 6px currentColor}
.led.ok{background:var(--lime);color:var(--lime)}
.led.busy{background:var(--gold);color:var(--gold);animation:pulse .9s infinite}
.led.err{background:var(--red);color:var(--red)}
@keyframes pulse{50%{opacity:.25}}
.ai-state{color:var(--cyan)}

/* ---------- layout ---------- */
#main{position:relative;z-index:2;max-width:1500px;margin:0 auto;padding:22px 16px 90px}
.view{display:none}
.view.on{display:block}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.panel{background:rgba(13,7,36,.86);border:1px solid #35226E;border-radius:10px;padding:18px;
  box-shadow:0 18px 40px rgba(0,0,0,.45)}
.panel-h{font-family:var(--display);font-size:13px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);margin:18px 0 10px;padding-bottom:7px;border-bottom:1px solid var(--line)}
.panel-h:first-child{margin-top:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.row{display:flex;align-items:center}
.row.gap{gap:8px}
.wrap{flex-wrap:wrap}
.stack{display:grid;gap:7px}
.muted{color:var(--dim);font-size:13px;margin:0 0 10px}
.note{color:var(--dim);font-size:12px;margin-top:10px}
.sm{font-size:12.5px}

/* ---------- controls ---------- */
.fld{display:block;margin-bottom:12px}
.fld>span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:5px}
.fld.tiny{flex:1;margin-bottom:4px}
.input{width:100%;padding:9px 11px;border-radius:var(--r);background:#0B0620;color:var(--text);
  border:1px solid #35226E;outline:none}
.input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(36,224,255,.18)}
.input.ta{resize:vertical;font-family:var(--ui);line-height:1.55}
.input.color{padding:3px;height:38px}
.input.sm{padding:6px 9px}
select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--cyan) 50%),linear-gradient(135deg,var(--cyan) 50%,transparent 50%);
  background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}
input[type=range]{width:100%;accent-color:var(--magenta)}
.chk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim);margin:8px 0}
.chk input{accent-color:var(--magenta);width:16px;height:16px}

.btn{cursor:pointer;padding:10px 16px;border-radius:var(--r);font-weight:700;letter-spacing:.02em;
  color:#0A0721;background:linear-gradient(180deg,#FF7AC6,#FF2E97);
  border:1px solid #B21266;border-bottom-width:3px}
.btn:hover{filter:brightness(1.09)}
.btn:active{transform:translateY(1px);border-bottom-width:2px}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.ghost{color:var(--text);background:linear-gradient(180deg,#2A1A5C,#1A1040);border-color:#3A2678}
.btn.ghost:hover{border-color:var(--cyan);color:#fff}
.btn.danger{color:#fff;background:linear-gradient(180deg,#FF6A5E,#D6261A);border-color:#8C1810}
.btn.big{padding:14px 26px;font-size:16px}
.btn.full{width:100%;text-align:left}
.btn.sm{padding:7px 12px;font-size:12.5px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}

/* ---------- hero + shelf ---------- */
.hero{padding:28px 4px 34px;max-width:70ch}
.hero-title{font-family:var(--display);font-size:clamp(34px,6vw,62px);line-height:.98;letter-spacing:-.01em;
  background:linear-gradient(180deg,#fff 0 46%,#B9E9FF 47%,#24E0FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 34px rgba(36,224,255,.25)}
.hero-sub{color:var(--dim);font-size:16px;margin:14px 0 22px;max-width:62ch}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.shelf-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.shelf-head h2{font-family:var(--display);font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.search{max-width:300px}
.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.bookcard{position:relative;cursor:pointer;text-align:left;padding:0;border-radius:8px;overflow:hidden;
  background:linear-gradient(180deg,#1A1040,#0E0726);border:1px solid #35226E;border-left:5px solid var(--magenta)}
.bookcard:hover{border-color:var(--cyan);transform:translateY(-2px)}
.bookcard .bc-thumb{height:112px;background:#0B0620 center/cover no-repeat;border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:30px;color:#3A2678}
.bookcard .bc-body{padding:12px 13px}
.bookcard b{display:block;font-size:15px;line-height:1.25;margin-bottom:3px}
.bookcard small{display:block;color:var(--dim);font-size:12px}
.bc-bar{height:5px;background:#0B0620;margin-top:9px;border-radius:3px;overflow:hidden}
.bc-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--lime),var(--gold))}
.empty{padding:34px;text-align:center;color:var(--dim);border:1px dashed #35226E;border-radius:10px;grid-column:1/-1}

/* ---------- outline ---------- */
.outline{display:grid;gap:8px;margin:6px 0 4px;max-height:52vh;overflow:auto;padding-right:4px}
.ochap{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:start;
  background:#120A30;border:1px solid #35226E;border-radius:8px;padding:10px}
.ochap .onum{font-family:var(--mono);color:var(--gold);font-size:12px;padding-top:8px}
.ochap input{width:100%;background:transparent;border:none;font-weight:700;padding:4px 0;outline:none}
.ochap textarea{width:100%;background:transparent;border:none;color:var(--dim);font-size:12.5px;resize:vertical;outline:none;line-height:1.45}
.ochap .oact{display:grid;gap:4px}
.mini{cursor:pointer;background:#1E1247;border:1px solid #3A2678;border-radius:4px;color:var(--dim);
  width:26px;height:24px;font-size:12px;line-height:1}
.mini:hover{color:#fff;border-color:var(--cyan)}
.specline{font-family:var(--mono);font-size:11.5px;color:var(--cyan);background:#0B0620;border:1px solid #35226E;
  border-radius:6px;padding:9px 11px;white-space:pre-wrap}

/* ---------- writer ---------- */
.writer{display:grid;grid-template-columns:230px minmax(0,1fr) 270px;gap:14px;align-items:start}
.chaplist{position:sticky;top:calc(var(--deck-h) + var(--status-h) + 12px);max-height:calc(100vh - 150px);overflow:auto;
  background:rgba(13,7,36,.86);border:1px solid #35226E;border-radius:10px;padding:8px}
.chaprow{display:flex;gap:8px;align-items:center;width:100%;text-align:left;cursor:pointer;padding:8px 9px;border-radius:6px;
  background:transparent;border:1px solid transparent;color:var(--dim)}
.chaprow:hover{background:#170E3C;color:#fff}
.chaprow.on{background:linear-gradient(90deg,#3A2678,#1A1040);border-color:var(--cyan);color:#fff}
.chaprow .cn{font-family:var(--mono);font-size:10.5px;color:var(--gold);min-width:20px}
.chaprow .ct{flex:1;font-size:13px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chaprow .cw{font-family:var(--mono);font-size:10px;opacity:.75}
.dot{width:7px;height:7px;border-radius:50%;background:#3C3168;flex:none}
.dot.draft{background:var(--gold)}.dot.done{background:var(--lime)}

.desk{min-width:0}
.toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:7px 9px;border-radius:10px 10px 0 0;
  background:linear-gradient(180deg,#241553,#160D3A);border:1px solid #35226E;border-bottom:none;
  position:sticky;top:calc(var(--deck-h) + var(--status-h));z-index:40}
.tb{cursor:pointer;min-width:30px;height:28px;padding:0 8px;border-radius:4px;background:#0F0828;border:1px solid #3A2678;color:var(--dim);font-size:13px}
.tb:hover{color:#fff;border-color:var(--cyan)}
.tb.on{background:var(--cyan);color:#0A0721;border-color:var(--cyan)}
.tb-sep{width:1px;height:18px;background:var(--line);margin:0 4px}
.chapmeta{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--dim)}
.findbar{display:flex;gap:6px;align-items:center;padding:7px 9px;background:#160D3A;border:1px solid #35226E;border-bottom:none;flex-wrap:wrap}
.findbar .input{max-width:190px}

.paper{background:#0B0620;border:1px solid #35226E;border-radius:0 0 10px 10px;padding:26px 18px 60px;min-height:60vh}
.page{max-width:34em;margin:0 auto;background:var(--cream);color:#17130C;font-family:var(--serif);
  font-size:18px;line-height:1.72;padding:56px 52px 72px;border-radius:2px;outline:none;
  box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.35)}
.page p{margin:0;text-indent:1.4em}
.page p:first-of-type,.page h2+p,.page h3+p,.page .scene+p{text-indent:0}
.page h2{font-family:var(--serif);font-size:23px;margin:1.6em 0 .5em;font-weight:700}
.page h3{font-size:19px;margin:1.4em 0 .4em;font-style:italic;font-weight:600}
.page blockquote{margin:1.1em 2em;font-style:italic;color:#443A28;border-left:2px solid var(--gold);padding-left:1em}
.page ul,.page ol{margin:1em 0 1em 1.4em}
.page .scene{text-align:center;letter-spacing:.6em;margin:1.5em 0;color:#7A6A48}
.page mark{background:#FFE08A}
.page:empty::before{content:'Start typing, or press “Draft this chapter”.';color:#9A8C6E;font-style:italic}
body.focus .chaplist,body.focus .assist,body.focus .deck-nav,body.focus .mobitabs{display:none}
body.focus .writer{grid-template-columns:minmax(0,1fr)}
body.focus .page{max-width:38em}

.assist{position:sticky;top:calc(var(--deck-h) + var(--status-h) + 12px);max-height:calc(100vh - 150px);overflow:auto;
  background:rgba(13,7,36,.86);border:1px solid #35226E;border-radius:10px;padding:14px}
.assist .btn.full{font-size:13px;padding:9px 12px}

/* ---------- bible / reports ---------- */
.bibrow{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px;align-items:start}
.bibrow textarea{grid-column:1/3}
.report{background:#0B0620;border:1px solid #35226E;border-radius:8px;padding:12px;margin-top:10px;
  font-size:13.5px;line-height:1.6;max-height:46vh;overflow:auto;white-space:pre-wrap}
.report:empty{display:none}
.report h4{color:var(--gold);margin:10px 0 4px;font-size:13px}

/* ---------- cover ---------- */
.cover-wrap{display:grid;grid-template-columns:400px minmax(0,1fr);gap:18px;align-items:start}
.cover-stage{background:#0B0620;border:1px solid #35226E;border-radius:10px;padding:16px;display:flex;justify-content:center}
#coverCanvas{max-width:100%;height:auto;box-shadow:0 24px 60px rgba(0,0,0,.6);background:#000}

/* ---------- publish ---------- */
.exports{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ex{cursor:pointer;text-align:left;padding:13px 14px;border-radius:8px;color:var(--text);
  background:linear-gradient(180deg,#1E1247,#120A30);border:1px solid #35226E;border-left:4px solid var(--gold)}
.ex:hover{border-color:var(--cyan);border-left-color:var(--cyan)}
.ex b{display:block;margin-bottom:3px;font-size:14px}
.ex span{display:block;color:var(--dim);font-size:12px;line-height:1.45}

/* ---------- modal / drawer / toast / busy ---------- */
.modal{position:fixed;inset:0;z-index:200;background:rgba(4,2,14,.78);display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px)}
.modal-card{width:min(560px,100%);max-height:88vh;overflow:auto;background:#100829;border:1px solid #35226E;border-radius:12px;padding:20px;
  box-shadow:0 30px 80px rgba(0,0,0,.7)}
.drawer{position:fixed;right:0;bottom:0;top:auto;z-index:150;width:min(620px,100%);max-height:62vh;display:flex;flex-direction:column;
  background:#100829;border:1px solid #35226E;border-radius:12px 0 0 0;box-shadow:0 -18px 60px rgba(0,0,0,.6)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.drawer-body{padding:16px 18px;overflow:auto;font-family:var(--serif);font-size:15.5px;line-height:1.7;color:#E8E2FF}
.drawer-body h2,.drawer-body h3{color:var(--gold);font-family:var(--ui);font-size:15px;margin:14px 0 6px}
.toast{position:fixed;left:50%;bottom:86px;transform:translateX(-50%);z-index:300;padding:11px 18px;border-radius:6px;
  background:#1A1040;border:1px solid var(--cyan);color:#fff;font-size:13.5px;box-shadow:0 14px 40px rgba(0,0,0,.6)}
.busy{position:fixed;inset:0;z-index:250;background:rgba(4,2,14,.72);display:flex;align-items:center;justify-content:center}
.busy-card{text-align:center;background:#100829;border:1px solid #35226E;border-radius:12px;padding:26px 34px}
.busy-card p{font-family:var(--mono);font-size:13px;color:var(--cyan);margin:14px 0}
.tape{display:flex;gap:26px;justify-content:center}
.tape span{width:44px;height:44px;border-radius:50%;border:4px solid #3A2678;border-top-color:var(--magenta);animation:spin 1.1s linear infinite}
.tape span:last-child{animation-duration:1.5s;border-top-color:var(--cyan)}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- mobile ---------- */
.mobitabs{display:none}
@media (max-width:1180px){
  .writer{grid-template-columns:200px minmax(0,1fr)}
  .assist{position:static;max-height:none;grid-column:1/-1}
  .cover-wrap{grid-template-columns:1fr}
}
@media (max-width:900px){
  .cols{grid-template-columns:1fr}
  .exports{grid-template-columns:1fr}
  .deck-nav{display:none}
  .deck{gap:10px}
  .deck-brand{min-width:0;flex:1}
  .vu{min-width:120px}
  .writer{grid-template-columns:1fr}
  .chaplist{position:static;max-height:170px}
  .page{padding:32px 24px 44px;font-size:17px}
  .paper{padding:14px 8px 30px}
  .mobitabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:120;
    background:#120A2E;border-top:2px solid #000;padding-bottom:env(safe-area-inset-bottom)}
  .mt{cursor:pointer;background:none;border:none;color:var(--dim);padding:9px 2px 8px;display:grid;gap:3px;justify-items:center}
  .mt i{font-style:normal;font-size:16px}
  .mt span{font-size:10px;letter-spacing:.06em}
  .mt.on{color:var(--cyan)}
  .drawer{max-height:74vh;border-radius:12px 12px 0 0;bottom:56px}
  #main{padding-bottom:84px}
  .grid2{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{.deck,.statusline,.mobitabs,.horizon,.scanlines,.toolbar,.chaplist,.assist{display:none!important}
  .page{box-shadow:none;max-width:none}}

/* ---------- added: snapshots, palette, goal ---------- */
.snaps{display:grid;gap:5px;margin-top:8px;max-height:190px;overflow:auto}
.snap{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;
  background:#120A30;border:1px solid #35226E;border-radius:5px;padding:6px 8px;font-size:11.5px}
.snap b{font-weight:600;color:var(--text)}
.snap small{display:block;color:var(--dim);font-family:var(--mono);font-size:10px}
.snap .mini{width:auto;padding:0 7px}
.goal{color:var(--lime);font-family:var(--mono)}
.palette-card{width:min(600px,100%);padding:14px}
.palette-list{margin-top:10px;max-height:52vh;overflow:auto;display:grid;gap:3px}
.pal{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;padding:9px 11px;border-radius:6px;
  background:transparent;border:1px solid transparent;color:var(--text);font-size:13.5px}
.pal:hover,.pal.sel{background:linear-gradient(90deg,#3A2678,#1A1040);border-color:var(--cyan)}
.pal i{font-style:normal;color:var(--gold);font-size:12px;min-width:16px}
.pal span{color:var(--dim);font-size:11.5px;margin-left:auto;font-family:var(--mono)}
.bars{display:flex;align-items:flex-end;gap:2px;height:46px;margin:8px 0 2px}
.bars i{flex:1;background:linear-gradient(180deg,var(--cyan),#1A1040);border-radius:2px 2px 0 0;min-height:2px}

.build{color:#6F63A8;font-family:var(--mono);font-size:10.5px}