/* ─────────────────────────────────────────────────────────────────────────────
   fad.fyi design system · "Warm Signal" · v1 (2026-10-06)
   Warm off-white ground, charcoal ink, coral-orange accent. Light first; dark theme for the
   public chat page. Rule of thumb: ink text on coral, white text only on ink.
   One CSS file for the whole product. No framework. Keep under 40 KB.
   ───────────────────────────────────────────────────────────────────────────── */
:root{
  --bg:#FAF7F2; --surface:#FFFFFF; --sand:#F1ECE4; --sand-2:#E8E1D6; --line:#E6DFD3;
  --ink:#1A1A1A; --ink-2:#4A4A4A; --muted:#7A7369;
  --accent:#FF5C35; --accent-h:#E64A24; --accent-text:#C2410C; --accent-soft:#FFE9E1; --accent-ink:#8A2E14;
  --good:#1D6B3A; --good-soft:#E3F3E8; --warn:#8A5A00; --warn-soft:#FFF1D6; --bad:#B3261E; --bad-soft:#FBEAE8; --info:#1F4E79; --info-soft:#E6EEF6;
  --r-s:10px; --r:16px; --r-l:20px; --pill:999px;
  --sh-1:0 1px 2px rgba(26,26,26,.05); --sh-2:0 2px 6px rgba(26,26,26,.06),0 14px 32px -20px rgba(26,26,26,.22);
  --fd:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fb:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;
  --fm:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --maxw:1040px; --tap:48px;
  color-scheme:light;
}
[data-theme="dark"]{
  --bg:#141210; --surface:#1D1A16; --sand:#26221D; --sand-2:#302B25; --line:#2E2923;
  --ink:#F4EFE8; --ink-2:#D2CABF; --muted:#9B9286;
  --accent:#FF6E4A; --accent-h:#FF5C35; --accent-text:#FFA385; --accent-soft:#3A2419; --accent-ink:#FFD1C2;
  --good:#7FD39A; --good-soft:#17301F; --warn:#FFD27A; --warn-soft:#3A2E12; --bad:#FF8A80; --bad-soft:#3A1F1D; --info:#8FB8E8; --info-soft:#1C2B3A;
  --sh-1:none; --sh-2:0 14px 32px -20px rgba(0,0,0,.6);
  color-scheme:dark;
}

/* ── reset & base ── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--fb);-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
::selection{background:var(--accent-soft);color:var(--ink)}

/* ── type ── */
h1,h2,h3,h4,.display{font-family:var(--fd);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin:0 0 .4em;text-wrap:balance}
h1,.h1{font-size:clamp(28px,5.2vw,44px)}h2,.h2{font-size:clamp(22px,3.6vw,30px)}h3,.h3{font-size:19px}h4,.h4{font-size:16px}
p{margin:0 0 1em;max-width:68ch}
.lede{font-size:18px;color:var(--ink-2)}
.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:12.5px}
.eyebrow{font-family:var(--fd);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin:0 0 8px}
.mono{font-family:var(--fm);font-size:.92em}
strong,b{font-weight:700}
.tnum{font-variant-numeric:tabular-nums}

/* ── layout ── */
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.narrow{max-width:560px}
.stack>*+*{margin-top:var(--gap,16px)}
.cluster{display:flex;flex-wrap:wrap;gap:var(--gap,10px);align-items:center}
.between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.grid{display:grid;gap:var(--gap,14px);grid-template-columns:repeat(auto-fill,minmax(var(--min,240px),1fr))}
.center{text-align:center}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
hr,.rule{border:0;border-top:1px solid var(--line);margin:24px 0}

/* ── buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 20px;border:0;border-radius:var(--pill);font-family:var(--fd);font-weight:800;font-size:16px;line-height:1;cursor:pointer;text-decoration:none;transition:background .15s,transform .08s,box-shadow .15s;white-space:nowrap;user-select:none}
.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px) scale(.99)}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none}
.btn-primary{background:var(--accent);color:#1A1A1A}.btn-primary:hover{background:var(--accent-h)}
.btn-secondary{background:var(--sand);color:var(--ink);border:1px solid var(--sand-2)}.btn-secondary:hover{background:var(--sand-2)}
.btn-ink{background:var(--ink);color:#FFFFFF}.btn-ink:hover{background:#000}
[data-theme="dark"] .btn-ink{background:var(--ink);color:#141210}
.btn-ghost{background:transparent;color:var(--accent-text);padding:0 12px}.btn-ghost:hover{background:var(--accent-soft)}
.btn-danger{background:var(--bad-soft);color:var(--bad)}.btn-danger:hover{background:var(--bad);color:#fff}
.btn-white{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--sh-1)}.btn-white:hover{border-color:var(--sand-2);background:var(--sand)}
.btn-sm{min-height:38px;padding:0 14px;font-size:14px}.btn-lg{min-height:56px;padding:0 26px;font-size:17px}
.btn-block{width:100%}
.btn .ico{width:1.15em;height:1.15em;fill:currentColor}
.btn.is-loading{color:transparent!important;pointer-events:none;position:relative}
.btn.is-loading::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;border:3px solid rgba(0,0,0,.25);border-top-color:#1A1A1A;animation:spin .8s linear infinite}
.btn-ink.is-loading::after,.btn-danger:hover.is-loading::after{border-color:rgba(255,255,255,.35);border-top-color:#fff}
.icon-btn{width:var(--tap);height:var(--tap);padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ink-2);cursor:pointer}
.icon-btn:hover{background:var(--sand)}
/* Google sign-in: white button with the mark, per Google guidelines */
.btn-google{background:#fff;color:#1A1A1A;border:1px solid var(--line);box-shadow:var(--sh-1)}.btn-google:hover{background:#F8F8F8}
.btn-google .g{width:20px;height:20px}

/* ── forms ── */
.field{display:block;margin-bottom:18px}
.field>label,.label{display:block;font-family:var(--fd);font-weight:800;font-size:14px;margin-bottom:6px;color:var(--ink)}
.field .hint{display:block;font-size:13.5px;color:var(--muted);margin-top:6px}
.field .err{display:block;font-size:13.5px;color:var(--bad);font-weight:700;margin-top:6px}
.input,.textarea,.select{width:100%;min-height:var(--tap);padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--r-s);background:var(--surface);color:var(--ink);font-size:16px;transition:border-color .15s,box-shadow .15s}
.textarea{min-height:110px;resize:vertical;line-height:1.5}
.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%237A7369'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}
.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.input::placeholder,.textarea::placeholder{color:#A39B90}
.field.is-error .input,.field.is-error .textarea{border-color:var(--bad)}
.input-group{display:flex;align-items:stretch;border:1.5px solid var(--line);border-radius:var(--r-s);background:var(--surface);overflow:hidden}
.input-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.input-group .pre{display:flex;align-items:center;padding:0 12px;background:var(--sand);color:var(--muted);font-family:var(--fm);font-size:14px;white-space:nowrap}
.input-group .input{border:0;box-shadow:none;border-radius:0}
.check,.radio{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--r-s);background:var(--surface);cursor:pointer;min-height:var(--tap)}
.check:has(input:checked),.radio:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.check input,.radio input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent);flex:0 0 auto}
.check b,.radio b{display:block;font-family:var(--fd);font-weight:800}
.check span,.radio span{color:var(--muted);font-size:14px}
.switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;font-size:15px}
.switch input{position:absolute;opacity:0;width:0;height:0}
.switch i{width:46px;height:28px;border-radius:28px;background:var(--sand-2);position:relative;transition:background .2s;flex:0 0 auto}
.switch i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .2s}
.switch input:checked+i{background:var(--accent)}.switch input:checked+i::after{left:21px}
.drop{border:2px dashed var(--sand-2);border-radius:var(--r);padding:28px 18px;text-align:center;background:var(--surface);transition:border-color .15s,background .15s;cursor:pointer}
.drop:hover,.drop.is-over{border-color:var(--accent);background:var(--accent-soft)}
.drop .big{font-size:34px;line-height:1;margin-bottom:8px}
.drop b{display:block;font-family:var(--fd);font-weight:800;font-size:16px}
.drop span{display:block;color:var(--muted);font-size:13.5px;margin-top:4px}

/* ── chips, pills, badges ── */
.chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:var(--pill);background:var(--surface);border:1.5px solid var(--line);font-weight:700;font-size:14px;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}
.chip:hover{border-color:var(--accent)}.chip.is-on{background:var(--accent);border-color:var(--accent);color:#1A1A1A}
.chip-row{display:flex;gap:8px;flex-wrap:wrap}
.chip-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chip-scroll::-webkit-scrollbar{display:none}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--pill);font-family:var(--fd);font-weight:800;font-size:12px;letter-spacing:.02em;background:var(--sand);color:var(--ink-2)}
.pill i{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.pill-draft{background:var(--sand);color:var(--muted)}
.pill-private{background:var(--info-soft);color:var(--info)}
.pill-unlisted{background:var(--warn-soft);color:var(--warn)}
.pill-public{background:var(--good-soft);color:var(--good)}
.pill-accent{background:var(--accent-soft);color:var(--accent-ink)}
.pill-bad{background:var(--bad-soft);color:var(--bad)}
.tag{display:inline-block;padding:2px 9px;border-radius:6px;background:var(--sand);color:var(--ink-2);font-size:12.5px;font-weight:700}
.counter{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--accent);color:#1A1A1A;font-family:var(--fd);font-weight:800;font-size:12px}

/* ── cards, rows ── */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--sh-1)}
.card-raised{box-shadow:var(--sh-2)}
.card-sand{background:var(--sand);border-color:transparent}
.card-accent{background:var(--accent-soft);border-color:transparent}
.card.is-click{cursor:pointer;transition:transform .12s,box-shadow .15s,border-color .15s}.card.is-click:hover{transform:translateY(-2px);box-shadow:var(--sh-2);border-color:var(--sand-2)}
.row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}
.row .grow{flex:1;min-width:0}.row .t{font-weight:700}.row .s{color:var(--muted);font-size:13.5px;margin-top:2px}
.ellip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:15px}.kv dt{color:var(--muted);font-weight:700;margin:0}.kv dd{margin:0}

/* ── avatar ── */
.avatar{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#1A1A1A;display:inline-flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:800;font-size:18px;object-fit:cover;flex:0 0 auto;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar-sm{width:32px;height:32px;font-size:14px}.avatar-lg{width:72px;height:72px;font-size:28px}.avatar-xl{width:96px;height:96px;font-size:36px}

/* ── stepper & progress ── */
.steps{display:flex;gap:6px;margin:0 0 18px}
.steps i{flex:1;height:5px;border-radius:5px;background:var(--sand-2)}.steps i.done{background:var(--accent)}.steps i.cur{background:var(--accent);opacity:.55}
.stepmeta{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);font-weight:700;margin-bottom:10px}
.progress{height:10px;border-radius:10px;background:var(--sand);overflow:hidden}.progress i{display:block;height:100%;background:var(--accent);border-radius:10px;transition:width .3s}
.progress.indet i{width:40%;animation:indet 1.2s ease-in-out infinite}
@keyframes indet{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}

/* ── states: alerts, toast, empty, skeleton, spinner ── */
.alert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-s);border:1px solid transparent;font-size:15px}
.alert b{font-family:var(--fd);font-weight:800;display:block;margin-bottom:2px}
.alert-good{background:var(--good-soft);color:var(--good)}.alert-warn{background:var(--warn-soft);color:var(--warn)}.alert-bad{background:var(--bad-soft);color:var(--bad)}.alert-info{background:var(--info-soft);color:var(--info)}.alert-accent{background:var(--accent-soft);color:var(--accent-ink)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;font-size:15px;z-index:100;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:92vw;text-align:center;box-shadow:var(--sh-2)}
.toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}
[data-theme="dark"] .toast{background:#F4EFE8;color:#141210}
.empty{text-align:center;padding:40px 18px;color:var(--muted)}
.empty .big{font-size:44px;line-height:1;margin-bottom:12px}
.empty b{display:block;font-family:var(--fd);font-weight:800;font-size:18px;color:var(--ink);margin-bottom:6px}
.empty p{margin:0 auto 16px;max-width:36ch}
.skel{background:linear-gradient(90deg,var(--sand) 25%,var(--sand-2) 50%,var(--sand) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:8px;min-height:14px}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--sand-2);border-top-color:var(--accent);animation:spin .8s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── source rows (knowledge) ── */
.src{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);margin-bottom:8px}
.src .ic{width:40px;height:40px;border-radius:10px;background:var(--sand);display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto}
.src .grow{flex:1;min-width:0}.src .t{font-weight:700}.src .s{color:var(--muted);font-size:13px}
.st{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;font-family:var(--fd)}
.st i{width:8px;height:8px;border-radius:50%;background:currentColor}
.st-wait{color:var(--muted)}.st-proc{color:var(--warn)}.st-proc i{animation:breathe 1.2s ease-in-out infinite}.st-ready{color:var(--good)}.st-bad{color:var(--bad)}
@keyframes breathe{0%,100%{opacity:1}50%{opacity:.3}}

/* ── public fad page: chat ── */
.fad-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}
.fad-bar{position:sticky;top:0;z-index:5;height:56px;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}
.fad-bar .name{font-family:var(--fd);font-weight:800;font-size:16px;line-height:1.1}.fad-bar .sub{font-size:12px;color:var(--muted)}
.fad-bar .grow{flex:1;min-width:0}
.chat{flex:1;overflow:auto;padding:18px 14px 8px;display:flex;flex-direction:column;gap:12px;max-width:760px;width:100%;margin:0 auto}
.bubble{max-width:86%;padding:12px 15px;border-radius:18px;font-size:16px;line-height:1.45;word-wrap:break-word}
.bubble.bot{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:6px}
.bubble.user{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px}
[data-theme="dark"] .bubble.user{background:var(--accent);color:#141210}
.bubble .meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.src-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:var(--pill);background:var(--sand);color:var(--ink-2)}
.fb{display:flex;gap:4px;margin-top:6px;opacity:.7}.fb button{border:0;background:transparent;cursor:pointer;font-size:15px;padding:2px 6px;border-radius:8px}.fb button:hover{background:var(--sand)}
.typing{display:inline-flex;gap:4px;padding:12px 14px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:bounce 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}
.welcome{text-align:center;padding:28px 16px 10px}
.welcome .avatar{margin:0 auto 12px}
.welcome h2{font-size:22px;margin-bottom:6px}.welcome p{color:var(--muted);margin:0 auto 14px;max-width:34ch}
.pcard{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;margin-top:8px;max-width:360px;color:var(--ink);text-decoration:none}
.pcard:hover{text-decoration:none;border-color:var(--accent)}
.pcard img{width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--sand)}
.pcard .t{font-weight:800;font-size:14px;line-height:1.2}.pcard .p{color:var(--accent-text);font-weight:800;font-size:15px;margin-top:3px}.pcard .s{color:var(--muted);font-size:12px}
.handoff{display:flex;gap:12px;align-items:center;background:#E8F8EE;border:1px solid #BFE6CC;border-radius:14px;padding:12px 14px;margin-top:8px;max-width:400px}
[data-theme="dark"] .handoff{background:#17301F;border-color:#245C36}
.handoff .t{font-weight:800;font-size:14px}.handoff .s{font-size:13px;color:var(--muted)}
.handoff .btn{margin-left:auto;background:#25D366;color:#063;min-height:40px;padding:0 14px;font-size:14px}
.composer{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
.composer .in{display:flex;gap:8px;align-items:flex-end;max-width:760px;margin:0 auto}
.composer textarea{flex:1;min-height:48px;max-height:140px;padding:13px 14px;border:1.5px solid var(--line);border-radius:24px;font-size:16px;line-height:1.35;resize:none;background:var(--bg)}
.composer textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.composer .send{width:48px;height:48px;border-radius:50%;border:0;background:var(--accent);color:#1A1A1A;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.composer .send:disabled{background:var(--sand-2);color:var(--muted)}
.composer .send svg{width:22px;height:22px;fill:currentColor}
.fad-footer{text-align:center;font-size:12.5px;color:var(--muted);padding:8px 12px 4px}
.fad-footer a{font-weight:800;color:var(--accent-text)}
.offline{text-align:center;padding:48px 20px}

/* ── sheet / modal ── */
.ov{position:fixed;inset:0;background:rgba(26,26,26,.45);display:flex;align-items:flex-end;justify-content:center;z-index:50}
@media(min-width:640px){.ov{align-items:center;padding:20px}}
.sheet{background:var(--surface);width:100%;max-width:560px;max-height:92dvh;overflow:auto;border-radius:var(--r-l) var(--r-l) 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:var(--sh-2)}
@media(min-width:640px){.sheet{border-radius:var(--r-l)}}
.sheet .grab{width:40px;height:4px;border-radius:4px;background:var(--sand-2);margin:0 auto 14px}
@media(min-width:640px){.sheet .grab{display:none}}

/* ── app chrome ── */
.topbar{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--line)}
.topbar .in{display:flex;align-items:center;gap:14px;height:60px}
.wordmark{font-family:var(--fd);font-weight:800;font-size:20px;letter-spacing:-.03em;color:var(--ink);display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.wordmark .dot{width:12px;height:12px;border-radius:50%;background:var(--accent);display:inline-block}
.wordmark:hover{text-decoration:none}
.nav a{font-weight:700;color:var(--ink-2);padding:8px 10px;border-radius:8px}.nav a:hover{background:var(--sand);text-decoration:none}.nav a.is-on{color:var(--ink);background:var(--sand)}
.page{padding:28px 0 80px}
.page-head{margin-bottom:22px}

/* ── motion & misc ── */
.rise{animation:rise .35s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media (max-width:640px){.hide-sm{display:none!important}.btn-block-sm{width:100%}.container{padding:0 16px}}
@media (min-width:641px){.hide-lg{display:none!important}}
