:root{
  --deep:#9E1B1B; --deep-2:#7A1414; --deep-3:#5A0F0F;
  --deep-soft:rgba(158,27,27,.09); --deep-line:rgba(158,27,27,.22);
  --money:#8A6A2F; --danger:#B3261E; --ok:#2E6B4F; --cool:#4A5568;
  --ink:#1D1719; --ink-2:#5C5257; --ink-3:#9A9095;
  --card:rgba(255,255,255,.72); --card-2:rgba(255,255,255,.55); --line:rgba(29,23,25,.10);
  --lift:0 26px 64px -22px rgba(70,22,22,.30);
  --lift-sm:0 12px 30px -16px rgba(70,22,22,.22);
  --edge:inset 0 1px 0 rgba(255,255,255,.86);
  --display:'Instrument Serif',Georgia,serif;
  --sans:'Manrope',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --ease-silk:cubic-bezier(.22,.8,.25,1);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:var(--sans);color:var(--ink);background:#F8F4F2;-webkit-font-smoothing:antialiased;overflow-x:hidden}
#aurora{position:fixed;inset:-20%;z-index:-1;filter:blur(90px);opacity:.62}
#aurora i{position:absolute;display:block;border-radius:50%;animation:drift 28s var(--ease-silk) infinite alternate}
#aurora i:nth-child(1){width:52vw;height:52vw;left:-6vw;top:-8vw;background:#E9BFB6}
#aurora i:nth-child(2){width:44vw;height:44vw;right:-4vw;top:4vw;background:#C79A9A;animation-delay:-7s}
#aurora i:nth-child(3){width:48vw;height:48vw;left:18vw;bottom:-16vw;background:#EBD9C4;animation-delay:-14s}
#aurora i:nth-child(4){width:34vw;height:34vw;right:12vw;bottom:-6vw;background:#B98A8A;animation-delay:-21s}
@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(4vw,-3vw,0) scale(1.14)}}
.wrap{max-width:1420px;margin:0 auto;padding:0 20px 110px}

/* ---------- fejlec ---------- */
header{position:sticky;top:0;z-index:40;padding:14px 0 10px;background:linear-gradient(#F8F4F2 62%,rgba(248,244,242,0))}
.bar{display:flex;align-items:center;gap:13px;flex-wrap:wrap;border-radius:32px 16px 16px 16px;
  padding:13px 17px 13px 22px;background:var(--card);backdrop-filter:blur(28px) saturate(140%);
  -webkit-backdrop-filter:blur(28px) saturate(140%);border:1px solid var(--line);box-shadow:var(--lift-sm),var(--edge)}
.mark{width:34px;height:34px;flex:0 0 34px;border-radius:11px 5px 5px 5px;border:2px solid var(--deep);
  display:grid;place-items:center;font-family:var(--display);font-size:19px;line-height:1;color:var(--deep);
  background:rgba(255,255,255,.5)}
.brand{font-family:var(--display);font-size:25px;letter-spacing:-.02em;line-height:1}
.grow{flex:1 1 auto}
.search{flex:0 1 210px;min-width:140px}
input.f,textarea.f{font-family:var(--sans);font-size:13.5px;color:var(--ink);width:100%;padding:9px 13px;
  border-radius:14px 7px 7px 7px;border:1px solid var(--line);background:rgba(255,255,255,.62);outline:none;
  transition:border-color .24s var(--ease-silk),box-shadow .24s var(--ease-silk)}
input.f:focus,textarea.f:focus{border-color:var(--deep-line);box-shadow:0 0 0 3px var(--deep-soft)}
textarea.f{resize:vertical;min-height:70px;line-height:1.5}
.seg{display:inline-flex;gap:3px;padding:3px;border-radius:999px;background:rgba(255,255,255,.55);border:1px solid var(--line)}
.seg button{font-family:var(--sans);font-size:12.5px;font-weight:500;color:var(--ink-2);border:0;background:transparent;
  padding:7px 15px;border-radius:999px;cursor:pointer;transition:background .24s var(--ease-silk),color .24s var(--ease-silk)}
.seg button[aria-pressed="true"]{background:#fff;color:var(--ink);font-weight:600;box-shadow:var(--lift-sm)}

.btn,.btn-ghost,.btn-danger{font-family:var(--sans);font-size:13px;font-weight:600;border-radius:999px;
  padding:9px 18px;cursor:pointer;white-space:nowrap;
  transition:transform .24s var(--ease-silk),background .24s var(--ease-silk),border-color .24s var(--ease-silk)}
.btn{background:var(--deep);color:#fff;border:1px solid var(--deep)}
.btn:hover{background:var(--deep-2);border-color:var(--deep-2);transform:translateY(-1px)}
.btn-ghost{background:rgba(255,255,255,.6);color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{transform:translateY(-1px);border-color:var(--deep-line)}
.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(179,38,30,.35)}
.btn-danger:hover{transform:translateY(-1px);background:rgba(179,38,30,.06)}
.btn:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed;transform:none}
.icobtn{width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.6);
  display:grid;place-items:center;cursor:pointer;font-size:15px;color:var(--ink-2);
  transition:transform .24s var(--ease-silk),border-color .24s var(--ease-silk)}
.icobtn:hover{transform:translateY(-1px);border-color:var(--deep-line);color:var(--deep)}

nav{display:flex;gap:6px;margin:12px 0 4px;flex-wrap:wrap}
nav button{font-family:var(--sans);font-size:13px;font-weight:500;color:var(--ink-2);background:rgba(255,255,255,.5);
  border:1px solid var(--line);padding:8px 17px;border-radius:999px;cursor:pointer;
  transition:background .24s var(--ease-silk),color .24s var(--ease-silk),transform .24s var(--ease-silk)}
nav button:hover{transform:translateY(-1px)}
nav button[aria-current="true"]{background:var(--deep);color:#fff;border-color:var(--deep);font-weight:600}

.lab,.grp{font-size:9.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.big{font-family:var(--display);font-size:34px;letter-spacing:-.02em;line-height:1}
.mono{font-family:var(--mono);font-size:11.5px;color:var(--ink-2)}

.sect{border-radius:40px 20px 20px 20px;padding:20px 22px 22px 26px;margin-top:16px;background:var(--card);
  backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);
  border:1px solid var(--line);box-shadow:var(--lift-sm),var(--edge)}
.sect h3{margin:0 0 14px;padding-left:6px;font-size:9.5px;font-weight:500;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:9px}
.sect h3 .add{margin-left:auto;width:24px;height:24px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,255,255,.7);color:var(--deep);cursor:pointer;font-size:15px;line-height:1;
  display:grid;place-items:center;transition:transform .24s var(--ease-silk),background .24s var(--ease-silk)}
.sect h3 .add:hover{transform:translateY(-1px);background:var(--deep);color:#fff;border-color:var(--deep)}

/* ---------- funnel ---------- */
.funnel{width:100%;height:auto;display:block;overflow:visible}
.fseg{cursor:default;transform-origin:center;animation:fpop .58s var(--ease-silk) both}
@keyframes fpop{from{opacity:0;transform:scaleY(.28) translateY(6px)}to{opacity:1;transform:none}}
.fseg .halo{transition:opacity .24s var(--ease-silk)}
.fseg:hover .halo{opacity:.9}
.fseg .core{transition:filter .24s var(--ease-silk)}
.fseg:hover .core{filter:brightness(1.12)}
.fval{font-family:var(--display);font-size:27px;letter-spacing:-.02em;fill:#fff}
.fpct{font-family:var(--mono);font-size:10.5px;fill:rgba(255,255,255,.82)}
.flab{font-family:var(--sans);font-size:11.5px;font-weight:500;fill:var(--ink-2)}
.fdrop{font-family:var(--mono);font-size:10px;fill:var(--ink-3)}

/* ---------- matrix ---------- */
.board{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 14px;scroll-snap-type:x proximity}
.board::-webkit-scrollbar{height:8px}
.board::-webkit-scrollbar-thumb{background:rgba(29,23,25,.16);border-radius:8px}
.col{flex:0 0 264px;scroll-snap-align:start;display:flex;flex-direction:column;gap:9px}
.col.side{opacity:.74}
.colhead{display:flex;align-items:baseline;gap:8px;padding:11px 14px 11px 18px;border-radius:26px 12px 12px 12px;
  background:var(--card-2);border:1px solid var(--line);box-shadow:var(--edge)}
.colhead .n{font-family:var(--display);font-size:22px;letter-spacing:-.02em;line-height:1}
.colhead .t{font-size:11px;font-weight:600;color:var(--ink-2)}
.col.hotcol .colhead{background:rgba(179,38,30,.09);border-color:rgba(179,38,30,.28)}
.col.hotcol .colhead .n{color:var(--danger)}
.col.wincol .colhead{background:rgba(46,107,79,.09);border-color:rgba(46,107,79,.26)}
.pcard{border-radius:26px 12px 12px 12px;padding:15px 14px 14px 18px;cursor:pointer;background:rgba(255,255,255,.66);
  border:1px solid var(--line);box-shadow:var(--edge);
  transition:transform .24s var(--ease-silk),box-shadow .24s var(--ease-silk),border-color .24s var(--ease-silk)}
.pcard:hover{transform:translateY(-2px);box-shadow:var(--lift-sm),var(--edge);border-color:var(--deep-line)}
.pcard .top{display:flex;gap:11px;align-items:center}
.pcard .nm{font-size:13.5px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.pcard .sub{font-size:11px;color:var(--ink-3);margin-top:2px}
.chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.empty{padding:16px 18px;font-size:12px;color:var(--ink-3);border-radius:18px 8px 8px 8px;border:1px dashed var(--line)}

.av{width:38px;height:38px;flex:0 0 38px;border-radius:14px 6px 6px 6px;object-fit:cover;background:var(--deep-soft);
  border:1px solid var(--line);display:grid;place-items:center;font-family:var(--display);font-size:16px;
  color:var(--deep);overflow:hidden}
.av.lg{width:66px;height:66px;flex-basis:66px;border-radius:24px 10px 10px 10px;font-size:26px}
.av.sm{width:28px;height:28px;flex-basis:28px;border-radius:10px 4px 4px 4px;font-size:12px}

.chip{font-size:10px;font-weight:500;letter-spacing:.04em;padding:3px 9px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,255,255,.7);color:var(--ink-2);white-space:nowrap}
.chip.on{background:var(--deep);border-color:var(--deep);color:#fff}
.chip.due{background:rgba(179,38,30,.08);border-color:rgba(179,38,30,.3);color:var(--danger)}
.chip.ok{background:rgba(46,107,79,.09);border-color:rgba(46,107,79,.28);color:var(--ok)}
.chip.money{background:rgba(138,106,47,.09);border-color:rgba(138,106,47,.28);color:var(--money)}
.chip.cool{background:rgba(74,85,104,.08);border-color:rgba(74,85,104,.24);color:var(--cool)}
button.chip{cursor:pointer;font-family:var(--sans);transition:background .24s var(--ease-silk),transform .24s var(--ease-silk)}
button.chip:hover{transform:translateY(-1px)}
.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:2px 0 14px}

/* ---------- legordulo ---------- */
.dd{position:relative;display:inline-block;min-width:140px}
.dd>button{width:100%;text-align:left;font-family:var(--sans);font-size:13px;color:var(--ink);
  background:rgba(255,255,255,.62);border:1px solid var(--line);cursor:pointer;padding:9px 30px 9px 14px;
  border-radius:14px 7px 7px 7px;transition:border-color .24s var(--ease-silk),box-shadow .24s var(--ease-silk)}
.dd>button::after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;
  border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);transform:translateY(-70%) rotate(45deg)}
.dd>button:hover,.dd.open>button{border-color:var(--deep-line);box-shadow:0 0 0 3px var(--deep-soft)}
.dd-menu{position:absolute;z-index:60;top:calc(100% + 6px);left:0;min-width:100%;max-height:290px;overflow:auto;
  padding:6px;border-radius:20px 10px 10px 10px;background:rgba(255,255,255,.92);
  backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);
  border:1px solid var(--line);box-shadow:var(--lift),var(--edge);opacity:0;transform:scale(.97);
  pointer-events:none;transform-origin:top left;
  transition:opacity .24s var(--ease-silk),transform .24s var(--ease-silk)}
.dd.open .dd-menu{opacity:1;transform:scale(1);pointer-events:auto}
.dd-opt{padding:8px 12px;border-radius:12px 6px 6px 6px;font-size:13px;cursor:pointer;white-space:nowrap}
.dd-opt:hover{background:var(--deep-soft)}
.dd-opt[aria-selected="true"]{background:var(--deep);color:#fff}

/* ---------- lista ---------- */
.list{border-radius:26px 12px 12px 12px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.5)}
.lhead,.item{display:grid;grid-template-columns:1.7fr .8fr .8fr .7fr .6fr;gap:10px;align-items:center}
.lhead{padding:14px 20px 10px 26px;border-bottom:1px solid var(--line)}
.item{padding:12px 20px 12px 26px;border-bottom:1px solid var(--line);cursor:pointer;font-size:13px;
  transition:background .24s var(--ease-silk)}
.item:last-child{border-bottom:0}
.item:hover{background:var(--deep-soft)}
.item .nm{font-weight:600}
.list.two .lhead,.list.two .item{grid-template-columns:1.4fr 1fr}

/* ---------- naptar ---------- */
.calbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}
.cal .dow{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);text-align:center;padding-bottom:2px}
.day{min-height:110px;border-radius:18px 8px 8px 8px;padding:9px 9px 9px 13px;background:rgba(255,255,255,.55);
  border:1px solid var(--line);box-shadow:var(--edge);position:relative;
  transition:border-color .24s var(--ease-silk),background .24s var(--ease-silk)}
.day:hover{border-color:var(--deep-line)}
.day.out{background:rgba(255,255,255,.24);opacity:.55}
.day.today{border-color:var(--deep-line);background:var(--deep-soft)}
.day .d{font-family:var(--display);font-size:17px;line-height:1;color:var(--ink-2)}
.day.today .d{color:var(--deep)}
.day .plus{position:absolute;top:7px;right:8px;width:19px;height:19px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,255,255,.8);color:var(--ink-3);font-size:13px;line-height:1;display:grid;place-items:center;
  cursor:pointer;opacity:0;transition:opacity .24s var(--ease-silk)}
.day:hover .plus{opacity:1}
.day .plus:hover{background:var(--deep);color:#fff;border-color:var(--deep)}
.ev{margin-top:6px;font-size:10.5px;line-height:1.3;padding:4px 7px;border-radius:9px 4px 4px 4px;cursor:pointer;
  background:rgba(255,255,255,.8);border:1px solid var(--line);overflow-wrap:anywhere;
  transition:transform .2s var(--ease-silk)}
.ev:hover{transform:translateX(1px)}
.ev.done{opacity:.45;text-decoration:line-through}
.ev.hot{border-color:rgba(179,38,30,.32);background:rgba(179,38,30,.07);color:var(--danger)}
.ev.r2{border-color:var(--deep-line);background:var(--deep-soft);color:var(--deep)}
.ev.pack{border-color:rgba(138,106,47,.3);background:rgba(138,106,47,.07);color:var(--money)}
.ev.shoot{border-color:rgba(74,85,104,.26);background:rgba(74,85,104,.07);color:var(--cool)}
.ev.money{border-color:rgba(46,107,79,.28);background:rgba(46,107,79,.08);color:var(--ok)}
.ev .k{font-family:var(--mono);font-size:9px;opacity:.75}

/* ---------- eredmeny ---------- */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px}
.stat{border-radius:26px 12px 12px 12px;padding:15px 14px 14px 18px;background:rgba(255,255,255,.6);
  border:1px solid var(--line);box-shadow:var(--edge)}
.stat .k{font-size:9.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.stat .v{font-family:var(--display);font-size:32px;letter-spacing:-.02em;line-height:1.1;margin-top:6px}
.stat .n{font-size:11px;color:var(--ink-3);margin-top:3px}
.cols5{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:16px}
.cols5 .sect{margin-top:0}

/* ---------- ugylap ---------- */
.scrim{position:fixed;inset:0;z-index:70;background:rgba(40,22,24,.28);backdrop-filter:blur(3px);opacity:0;
  pointer-events:none;transition:opacity .28s var(--ease-silk)}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;z-index:80;top:0;right:0;height:100%;width:min(580px,100%);transform:translateX(102%);
  transition:transform .28s var(--ease-silk);background:rgba(255,255,255,.88);
  backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);
  border-left:1px solid var(--line);box-shadow:var(--lift);display:flex;flex-direction:column}
.drawer.on{transform:translateX(0)}
.dhead{padding:20px 22px 14px 26px;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:flex-start}
.dbody{flex:1;overflow-y:auto;padding:18px 22px 40px 26px}
.dtabs{display:flex;gap:5px;padding:0 22px 12px 26px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.fieldrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:11px;margin-bottom:11px}
.field label{display:block;margin:0 0 5px 4px}
.quick{display:flex;gap:7px;margin-bottom:14px;flex-wrap:wrap}
.tl{position:relative;padding-left:20px;margin-top:6px}
.tl::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--line)}
.tle{position:relative;padding:9px 12px 10px 14px;margin-bottom:8px;border-radius:16px 7px 7px 7px;
  background:rgba(255,255,255,.66);border:1px solid var(--line);font-size:12.5px;line-height:1.5}
.tle::before{content:"";position:absolute;left:-19px;top:14px;width:9px;height:9px;border-radius:50%;
  background:var(--ink-3);border:2px solid #fff}
.tle.in::before{background:var(--deep)}
.tle.out::before{background:var(--money)}
.tle .m{display:flex;gap:8px;align-items:baseline;margin-bottom:4px}
.tle .who{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--ink-3)}

/* ---------- halado sav ---------- */
.collab{border-radius:26px 12px 12px 12px;padding:15px 14px 14px 18px;margin-bottom:11px;
  background:rgba(255,255,255,.62);border:1px solid var(--line);box-shadow:var(--edge)}
.collab .ct{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap;margin-bottom:11px}
.collab .ct .tt{font-size:13.5px;font-weight:600}
.steps{display:flex;gap:0;align-items:stretch;margin:4px 0 10px;flex-wrap:wrap}
.step{flex:1 1 0;min-width:62px;text-align:center;padding:7px 3px 6px;font-size:9.5px;font-weight:500;
  letter-spacing:.03em;color:var(--ink-3);border-top:2px solid var(--line);cursor:pointer;
  transition:color .24s var(--ease-silk),border-color .24s var(--ease-silk)}
.step:hover{color:var(--deep)}
.step.done{color:var(--ink-2);border-top-color:var(--deep-line)}
.step.on{color:var(--deep);border-top-color:var(--deep);font-weight:700}

/* ---------- modal ---------- */
.modal{position:fixed;z-index:100;left:50%;top:8vh;transform:translate(-50%,14px);width:min(520px,92vw);
  max-height:84vh;overflow-y:auto;border-radius:40px 20px 20px 20px;padding:24px 24px 22px 28px;
  background:rgba(255,255,255,.94);backdrop-filter:blur(30px) saturate(150%);
  -webkit-backdrop-filter:blur(30px) saturate(150%);border:1px solid var(--line);box-shadow:var(--lift),var(--edge);
  opacity:0;pointer-events:none;transition:opacity .26s var(--ease-silk),transform .26s var(--ease-silk)}
.modal.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.modal h2{font-family:var(--display);font-size:26px;letter-spacing:-.02em;font-weight:400;margin:0 0 4px}
.modal .sub{font-size:12.5px;color:var(--ink-2);margin:0 0 18px;line-height:1.5}
.modal .acts{display:flex;gap:8px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
.mscrim{position:fixed;inset:0;z-index:95;background:rgba(40,22,24,.3);backdrop-filter:blur(3px);opacity:0;
  pointer-events:none;transition:opacity .26s var(--ease-silk)}
.mscrim.on{opacity:1;pointer-events:auto}

/* ---------- kontaktkereso ---------- */
#finder{position:fixed;right:22px;bottom:22px;z-index:60}
#finder>button{border-radius:999px;padding:12px 20px;font-size:13px;font-weight:600;background:var(--deep);
  color:#fff;border:1px solid var(--deep);cursor:pointer;box-shadow:var(--lift);
  transition:transform .24s var(--ease-silk)}
#finder>button:hover{transform:translateY(-2px)}
.peek{position:fixed;right:22px;bottom:78px;z-index:61;width:min(400px,92vw);max-height:70vh;overflow-y:auto;
  border-radius:32px 16px 16px 16px;padding:16px 16px 14px 20px;background:rgba(255,255,255,.94);
  backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);
  border:1px solid var(--line);box-shadow:var(--lift),var(--edge);opacity:0;transform:translateY(10px);
  pointer-events:none;transition:opacity .26s var(--ease-silk),transform .26s var(--ease-silk)}
.peek.on{opacity:1;transform:none;pointer-events:auto}
.hit{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:16px 7px 7px 7px;cursor:pointer;
  transition:background .2s var(--ease-silk)}
.hit:hover,.hit.sel{background:var(--deep-soft)}
.hit .nm{font-size:13px;font-weight:600;line-height:1.2}
.hit .sub{font-size:10.5px;color:var(--ink-3);margin-top:2px}
.pk{border-top:1px solid var(--line);margin-top:10px;padding-top:12px}
.pk .row{display:flex;gap:8px;font-size:12px;margin-bottom:6px;line-height:1.45}
.pk .row .k{flex:0 0 96px;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);padding-top:2px}
.pk .row .v{flex:1;overflow-wrap:anywhere}

/* ---------- kapu, ertesites ---------- */
#gate{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:#F8F4F2}
#gate .box{width:min(370px,90vw);border-radius:40px 20px 20px 20px;padding:30px 26px 26px 30px;background:var(--card);
  backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);
  border:1px solid var(--line);box-shadow:var(--lift),var(--edge)}
#toast{position:fixed;left:50%;bottom:26px;z-index:140;transform:translate(-50%,20px);padding:11px 20px;
  border-radius:999px;font-size:13px;font-weight:500;color:#fff;background:var(--deep-2);opacity:0;
  pointer-events:none;transition:opacity .24s var(--ease-silk),transform .24s var(--ease-silk)}
#toast.on{opacity:1;transform:translate(-50%,0)}
#schemabar{margin-top:12px;border-radius:26px 12px 12px 12px;padding:14px 16px 14px 20px;
  background:rgba(179,38,30,.08);border:1px solid rgba(179,38,30,.3);display:flex;gap:12px;align-items:center;
  flex-wrap:wrap;font-size:13px}
.hidden{display:none !important}

@media (max-width:820px){
  .wrap{padding:0 12px 90px}
  .lhead,.item{grid-template-columns:1.4fr .8fr .7fr;font-size:12.5px}
  .lhead span:nth-child(n+4),.item span:nth-child(n+4){display:none}
  .cal{gap:4px}.day{min-height:76px;padding:7px 6px 7px 9px}
  .brand{font-size:21px}
  .drawer{width:100%}
  .peek{right:10px;left:10px;width:auto}
  #finder{right:12px;bottom:12px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}