:root{--sky:#48a9e8;--sky2:#82d4f7;--deep:#176da3;--green:#159b72;--green2:#39c58f;--green-soft:#e5f8f0;--ink:#132333;--muted:#667788;--line:#dcecf7;--card:#fff;--good:#14845a;--warn:#b77713;--bad:#c14d58}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f4fbff;padding-bottom:86px}.sky{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#e8f7ff 0%,#f7fcff 50%,#f2f9fd 100%)}.sky:after{content:"";position:absolute;width:520px;height:520px;right:-240px;top:60px;border-radius:50%;background:#bde8ff66;filter:blur(35px)}
.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#ffffffc9;backdrop-filter:blur(16px);border-bottom:1px solid #fff;position:sticky;top:0;z-index:10}.brand{text-decoration:none;color:var(--ink);font-size:19px;font-weight:900}.brand span{color:var(--sky);margin-right:6px}.top-action{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font-weight:700;color:var(--deep)}
main{max-width:720px;margin:auto}.screen{display:none;padding:25px 16px 30px;animation:up .25s ease}.screen.active{display:block}@keyframes up{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
.hero{text-align:center;padding:24px 3px 26px}.eyebrow{display:inline-block;color:var(--deep);font-size:10px;font-weight:900;letter-spacing:.13em;background:#dff3ff;border:1px solid #c8eaff;border-radius:999px;padding:7px 10px}.hero h1,.page-title h1{font-size:clamp(38px,11vw,58px);line-height:.98;letter-spacing:-.055em;margin:16px 0 12px}.hero h1 span{color:var(--sky)}.hero p,.page-title p{color:var(--muted);line-height:1.65;margin:0 auto;max-width:590px}.page-title{padding:14px 2px 25px}.page-title h1{font-size:40px}
.card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:17px;margin-bottom:16px;box-shadow:0 12px 35px #287ca315}label{font-size:12px;font-weight:800;color:#465969;display:block;margin-bottom:8px}.searchbox{display:flex;gap:8px}.searchbox input{flex:1;min-width:0}.searchbox button,.primary{border:0;background:linear-gradient(135deg,var(--sky),#2788c5);color:white;font-weight:850;border-radius:11px;padding:0 16px;cursor:pointer;box-shadow:0 7px 16px #338fca35}input,select{width:100%;padding:12px 13px;border:1px solid var(--line);background:#fafdff;border-radius:11px;font:inherit;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--sky);box-shadow:0 0 0 3px #4aa3df18}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.grid2 label{margin:0}.grid2 select{margin-top:0}
.result-head{display:flex;justify-content:space-between;gap:10px;align-items:end}.result-head h2{margin:0;font-size:24px}.result-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.mini-actions{display:flex;gap:5px}.mini-actions button,.output-head button{border:1px solid var(--line);background:white;border-radius:9px;padding:8px 10px;font-weight:750;color:var(--deep)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.stats div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 7px;text-align:center}.stats b{display:block;font-size:20px}.stats span{font-size:9px;color:var(--muted);font-weight:700}.filters{display:flex;gap:7px;margin-bottom:9px}.filters input{flex:1}.filters select{width:auto;max-width:175px}
.keyword{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin:8px 0;box-shadow:0 5px 16px #287ca308}.kw-top{display:flex;justify-content:space-between;gap:8px}.kw{font-size:14px;font-weight:850;line-height:1.4}.heart{border:0;background:none;font-size:20px;color:#9aa8b1;padding:0;cursor:pointer}.heart.on{color:#e55c78}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:11px}.metric{font-size:10px;color:var(--muted)}.metric b{display:block;color:var(--ink);font-size:12px;margin-bottom:4px}.meter{height:5px;background:#edf2f5;border-radius:99px;overflow:hidden}.meter i{display:block;height:100%;background:var(--sky);border-radius:99px}.op{color:var(--good)!important}.low{color:var(--good)!important}.medium{color:var(--warn)!important}.high{color:var(--bad)!important}
.wide{width:100%;height:48px;margin-top:14px}.prompt-output pre{white-space:pre-wrap;font:13px/1.7 inherit;color:#33495a;margin:0;background:#f7fbfe;border:1px solid var(--line);border-radius:12px;padding:14px}.output-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.output-head h2{margin:0;font-size:19px}.history-item{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;margin-bottom:9px}.history-item small{color:var(--muted)}.history-item b{display:block;margin:5px 0}.history-item button{border:0;background:#e9f6ff;color:var(--deep);padding:7px 9px;border-radius:8px;font-weight:750}.empty{text-align:center;padding:55px 15px;color:var(--muted)}.empty span{font-size:38px}.empty h3{color:var(--ink);margin:10px 0 4px}.profile-card{text-align:center;background:linear-gradient(145deg,#fff,#eaf8ff);border:1px solid var(--line);border-radius:20px;padding:30px 20px}.avatar{width:60px;height:60px;border-radius:18px;background:#d9f1ff;color:var(--deep);display:grid;place-items:center;margin:auto;font-size:27px}.profile-card h2{margin:14px 0 6px}.profile-card p{color:var(--muted);line-height:1.6}.settings{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-top:14px}.settings button{width:100%;padding:16px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;font:inherit;font-weight:750}.settings button:last-child{border:0}.settings span{float:right;color:var(--muted)}.disclaimer{margin-top:14px;background:#fff8e9;color:#775a23;padding:13px;border-radius:12px;font-size:11px;line-height:1.6}
.bottom-nav{
  position:fixed;z-index:20;left:50%;right:auto;bottom:max(10px,env(safe-area-inset-bottom));
  width:min(94vw,520px);height:68px;transform:translateX(-50%);
  padding:6px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;
  background:rgba(255,255,255,.86);backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  border:1px solid rgba(180,220,241,.72);border-radius:22px;
  box-shadow:0 14px 40px rgba(25,104,145,.16),0 2px 8px rgba(25,104,145,.08);
}
.bottom-nav:before{
  content:"";position:absolute;inset:1px;border-radius:21px;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(227,246,255,.25));
}
.bottom-nav a{
  position:relative;z-index:2;text-decoration:none;color:#788b99;
  min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;border-radius:17px;font-size:9px;font-weight:800;letter-spacing:.01em;
  transition:color .2s ease,transform .2s ease,background .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.bottom-nav a:active{transform:scale(.91)}
.bottom-nav a.active{color:var(--deep);background:rgba(225,245,255,.82)}
.nav-icon{
  width:31px;height:28px;display:grid;place-items:center;
  font-style:normal;font-size:23px;line-height:1;border-radius:11px;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),background .2s ease;
}
.bottom-nav a.active .nav-icon{
  background:linear-gradient(135deg,#d9f2ff,#f5fcff);
  box-shadow:inset 0 0 0 1px rgba(74,163,223,.12);
  transform:translateY(-1px) scale(1.03);
}
.nav-label{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.nav-badge{
  position:absolute;top:7px;right:18%;min-width:15px;height:15px;padding:0 4px;
  display:grid;place-items:center;border-radius:99px;background:var(--sky);color:white;
  font-size:8px;line-height:1;font-weight:900;box-shadow:0 2px 6px rgba(44,137,194,.25);
}
@media(max-width:380px){
  .bottom-nav{height:64px;border-radius:20px}
  .nav-icon{font-size:21px;width:29px;height:25px}
  .nav-label{font-size:8px}
  .nav-badge{right:14%;top:6px}
}
@media(min-width:700px){
  .bottom-nav{bottom:16px}
}
#toast{position:fixed;left:50%;bottom:91px;transform:translate(-50%,15px);background:#173448;color:#fff;padding:10px 14px;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:30}#toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}
@media(min-width:700px){.bottom-nav{left:50%;right:auto;width:600px;transform:translateX(-50%);border:1px solid var(--line);border-radius:18px 18px 0 0}.topbar{padding:0 max(18px,calc((100vw - 900px)/2))}}
@media(max-width:420px){.stats span{font-size:8px}.stats b{font-size:18px}.searchbox{flex-direction:column}.searchbox button{height:46px}.filters{flex-direction:column}.filters select{max-width:none}.hero h1{font-size:42px}}
.saved-card{position:relative}
.saved-card .remove-saved{
  border:1px solid var(--line);background:#fff;color:#9a6672;border-radius:9px;
  padding:7px 9px;font-weight:800;cursor:pointer
}
.saved-card .saved-top{display:flex;align-items:center;justify-content:space-between;gap:10px}

/* BookSky Pro enhancements */
.pro-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;
}
.pro-stats>div{
  min-width:0;text-align:center;padding:12px 7px;border:1px solid rgba(155,207,235,.55);
  background:rgba(255,255,255,.72);border-radius:15px;box-shadow:0 7px 20px rgba(34,120,161,.07);
}
.pro-stats b{display:block;font-size:18px;color:var(--deep);line-height:1.1}
.pro-stats span{display:block;margin-top:4px;color:#78909f;font-size:9px;font-weight:800;text-transform:uppercase}
.smart-actions{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 12px;scrollbar-width:none}
.smart-actions::-webkit-scrollbar{display:none}
.smart-btn{
  flex:0 0 auto;border:1px solid rgba(116,190,229,.48);background:rgba(255,255,255,.78);
  color:#2676a1;border-radius:12px;padding:9px 12px;font-size:11px;font-weight:900;
  box-shadow:0 5px 14px rgba(30,120,166,.06);cursor:pointer;transition:.18s
}
.smart-btn:hover{transform:translateY(-1px);background:#fff}
.smart-btn:active{transform:scale(.96)}
.advanced-filters{
  margin:8px 0 14px;border:1px solid rgba(143,204,235,.55);border-radius:16px;
  background:rgba(255,255,255,.62);overflow:hidden
}
.advanced-filters summary{
  cursor:pointer;padding:12px 14px;color:#3d718d;font-size:11px;font-weight:900;
  list-style:none;display:flex;justify-content:space-between
}
.advanced-filters summary::-webkit-details-marker{display:none}
.advanced-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 12px 13px}
.advanced-grid label{font-size:9px;color:#708896;font-weight:900;text-transform:uppercase}
.advanced-grid input,.advanced-grid select{display:block;width:100%;margin-top:6px}
.advanced-grid output{float:right;color:var(--deep);font-size:10px}
.shortcut-fab{
  position:fixed;right:16px;bottom:92px;z-index:19;width:38px;height:38px;border-radius:13px;
  border:1px solid rgba(129,201,232,.55);background:rgba(255,255,255,.85);
  backdrop-filter:blur(14px);box-shadow:0 8px 22px rgba(28,110,151,.13);
  color:#347a9d;font-weight:900;cursor:pointer
}
.shortcuts-modal{position:fixed;inset:0;z-index:60;background:rgba(20,64,88,.25);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}
.shortcuts-modal.hidden{display:none}
.shortcuts-card{position:relative;width:min(92vw,430px);background:#fff;border:1px solid #c9e8f7;border-radius:22px;padding:24px;box-shadow:0 25px 70px rgba(20,91,124,.22)}
.shortcuts-card h2{margin:6px 0 8px;color:var(--deep)}
.shortcuts-card p{color:#69808e;font-size:12px;line-height:1.7}
kbd{padding:4px 7px;border:1px solid #c8dfe9;border-bottom-width:2px;border-radius:6px;background:#f5fbfe;color:#3e6c83;font-weight:900}
.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:25px;color:#76909e;cursor:pointer}
@media(max-width:390px){.pro-stats{gap:5px}.pro-stats>div{padding:10px 4px}.pro-stats b{font-size:15px}.advanced-grid{grid-template-columns:1fr}}
@media(min-width:700px){.shortcut-fab{right:28px;bottom:98px}}

/* Professional green + sky visual layer */
.sky{background:
  radial-gradient(circle at 8% 15%,rgba(72,169,232,.16),transparent 30%),
  radial-gradient(circle at 92% 62%,rgba(39,190,135,.14),transparent 32%),
  linear-gradient(180deg,#eaf8ff 0%,#f7fcff 48%,#f1fbf7 100%)}
.brand span{color:var(--green)}
.hero h1 span{color:var(--green)}
.eyebrow{color:#157957;background:linear-gradient(135deg,#e0f5ff,#e6f9f1);border-color:#c7e9df}
.searchbox button,.primary{background:linear-gradient(135deg,var(--sky),var(--green));box-shadow:0 8px 20px rgba(36,155,124,.20)}
.card{box-shadow:0 12px 35px rgba(29,113,143,.09)}
.stats div:nth-child(2) b,.stats div:nth-child(3) b{color:var(--green)}
.meter i{background:linear-gradient(90deg,var(--sky),var(--green))}
.op{color:var(--green)!important}
.pro-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 12px}
.pro-insights>div{padding:11px 10px;border:1px solid #cde9e0;background:linear-gradient(145deg,#fff,#f0fbf6);border-radius:13px}
.pro-insights span{display:block;font-size:9px;color:#6e8791;font-weight:800;text-transform:uppercase}
.pro-insights b{display:block;margin-top:4px;font-size:14px;color:#147e5d}
.smart-actions{padding-bottom:12px}
.smart-btn{border-color:#bfe4d7;color:#187a5c;background:linear-gradient(135deg,#fff,#f0fbf6)}
.smart-btn:hover{border-color:#83cdb4;background:#fff}
.intent-chip{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:999px;background:#e7f7f1;color:#19795d;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.prompt-builder{overflow:hidden}
.builder-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:17px}
.builder-kicker{font-size:9px;font-weight:900;letter-spacing:.12em;color:#188264}
.builder-head h2{margin:4px 0;font-size:20px;letter-spacing:-.02em}
.builder-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.ai-mark{width:42px;height:42px;flex:none;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--sky),var(--green));box-shadow:0 8px 18px rgba(35,153,123,.2)}
.prompt-builder textarea{width:100%;resize:vertical;padding:12px 13px;border:1px solid var(--line);background:#fafdff;border-radius:11px;font:inherit;color:var(--ink);outline:none;margin-bottom:10px}
.prompt-builder textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #159b7218}
.optional{float:right;color:#9aaab3;font-size:9px;font-weight:700}
.prompt-generate{display:flex;align-items:center;justify-content:center;gap:7px}
.prompt-generate span{font-size:17px}
.bottom-nav{border-color:rgba(159,218,198,.72);box-shadow:0 16px 42px rgba(25,118,98,.17),0 2px 8px rgba(25,104,145,.07)}
.bottom-nav:before{background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(227,250,241,.35))}
.bottom-nav a.active{color:#147c5d;background:linear-gradient(135deg,rgba(225,247,239,.94),rgba(229,245,255,.88))}
.bottom-nav a.active .nav-icon{background:linear-gradient(135deg,#e3f7ef,#e5f5ff);box-shadow:inset 0 0 0 1px rgba(37,157,119,.14),0 5px 12px rgba(29,147,111,.09)}
.nav-badge{background:linear-gradient(135deg,var(--green),var(--sky))}
.shortcut-fab{border-color:#bfe4d7;color:#197b5e;background:rgba(255,255,255,.9)}
@media(max-width:390px){.pro-insights{gap:5px}.pro-insights>div{padding:10px 6px}.pro-insights span{font-size:8px}.pro-insights b{font-size:12px}}

/* ===== Modern Aurora UI ===== */
:root{
  --sky:#35a8e8; --sky-deep:#1977b5;
  --mint:#22b884; --mint-deep:#087a59;
  --violet:#7657e8; --pink:#e96aa8;
  --ink:#102333; --muted:#667988; --line:#dcebf3;
}
body{
  background:
    radial-gradient(900px 420px at -10% -8%,rgba(53,168,232,.20),transparent 58%),
    radial-gradient(700px 400px at 110% 25%,rgba(34,184,132,.15),transparent 58%),
    linear-gradient(180deg,#f3fbff 0%,#fbfdff 54%,#f3fcf8 100%);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:linear-gradient(115deg,transparent 25%,rgba(118,87,232,.025) 48%,transparent 72%);
}
.primary,.searchbox button{
  background:linear-gradient(135deg,#2e9fe1 0%,#25b888 100%);
  border:0;box-shadow:0 10px 25px rgba(35,157,129,.20);
}
.card{
  border:1px solid rgba(205,228,238,.8);
  box-shadow:0 16px 45px rgba(34,105,132,.08);
}
.smart-btn{
  border:1px solid rgba(125,201,177,.42);
  background:linear-gradient(135deg,#fff,#f0fbf7);
  color:#18765d;
}
.pro-insights>div:nth-child(1){border-color:#c8e6f6;background:linear-gradient(145deg,#fff,#f0f9ff)}
.pro-insights>div:nth-child(2){border-color:#c9e9dd;background:linear-gradient(145deg,#fff,#effbf6)}
.pro-insights>div:nth-child(3){border-color:#ddd5f7;background:linear-gradient(145deg,#fff,#f7f4ff)}
.pro-insights>div:nth-child(3) b{color:#7055c9}
.intent-chip{background:#e8f8f2;color:#11775a}
.kw{letter-spacing:-.01em}
.heart.on{color:#e75e9b}

/* Premium bottom dock */
.bottom-nav{
  position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:50;
  width:min(92vw,500px);height:74px;transform:translateX(-50%);
  display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;
  border:1px solid rgba(181,220,234,.75);border-radius:25px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(26px) saturate(160%);
  -webkit-backdrop-filter:blur(26px) saturate(160%);
  box-shadow:0 20px 55px rgba(30,103,134,.18),0 4px 14px rgba(30,103,134,.08);
  overflow:visible;
}
.bottom-nav:after{
  content:"";position:absolute;inset:0;border-radius:25px;pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
.nav-glow{
  position:absolute;left:6px;top:6px;width:calc(25% - 5px);height:62px;border-radius:19px;
  background:linear-gradient(145deg,#e5f6ff,#e8faf3);
  box-shadow:0 7px 20px rgba(37,155,126,.10);
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.bottom-nav a{
  position:relative;z-index:2;text-decoration:none;color:#82939e;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  border-radius:19px;min-width:0;transition:color .2s,transform .2s;
  -webkit-tap-highlight-color:transparent;
}
.bottom-nav a:active{transform:scale(.92)}
.bottom-nav a.active{color:#147d61}
.nav-icon-wrap{
  position:relative;width:34px;height:30px;display:grid;place-items:center;border-radius:11px;
}
.nav-icon{
  font-size:22px;line-height:1;font-style:normal;
  transition:transform .25s cubic-bezier(.2,.8,.2,1);
}
.bottom-nav a.active .nav-icon{transform:translateY(-1px) scale(1.08)}
.nav-label{font-size:9px;font-weight:900;letter-spacing:.01em;white-space:nowrap}
.nav-badge{
  position:absolute;right:-3px;top:-3px;min-width:15px;height:15px;padding:0 4px;
  display:grid;place-items:center;border-radius:99px;
  background:linear-gradient(135deg,#20b887,#36a9e7);color:white;
  border:2px solid white;font-size:7px;font-weight:900;line-height:1;
  box-shadow:0 3px 8px rgba(31,145,116,.25);
}
@media(max-width:390px){
  .bottom-nav{height:68px;border-radius:22px;padding:6px}
  .nav-glow{height:56px;border-radius:17px}
  .nav-icon-wrap{height:27px}
  .nav-icon{font-size:20px}.nav-label{font-size:8px}
}
@media(min-width:700px){
  .bottom-nav{bottom:18px}
}

main,.main-content{padding-bottom:110px!important}


/* === BookSky Bottom Bar v3 — clean mobile app dock === */
.bottom-nav{
  position:fixed!important;
  left:50%!important;
  bottom:max(14px, env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(94vw, 520px)!important;
  height:70px!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  align-items:stretch!important;
  gap:5px!important;
  z-index:9999!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 18px 45px rgba(16,72,91,.18),0 3px 12px rgba(16,72,91,.08)!important;
  backdrop-filter:blur(22px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(165%)!important;
  overflow:visible!important;
}
.nav-track{
  position:absolute!important;
  inset:7px!important;
  border-radius:18px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(39,185,132,.045),rgba(53,168,232,.045))!important;
}
.bottom-nav .nav-item{
  position:relative!important;
  min-width:0!important;
  height:56px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  border-radius:18px!important;
  color:#58727a!important;
  text-decoration:none!important;
  font-weight:700!important;
  transition:transform .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
.bottom-nav .nav-item:hover{transform:translateY(-1px)!important;color:#15795f!important}
.bottom-nav .nav-item.active{
  color:#087a59!important;
  background:linear-gradient(135deg,rgba(34,184,132,.16),rgba(53,168,232,.12))!important;
  box-shadow:inset 0 0 0 1px rgba(34,184,132,.16)!important;
}
.bottom-nav .nav-icon-wrap{
  position:relative!important;
  width:34px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
}
.bottom-nav .nav-svg{
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:transform .2s ease,stroke-width .2s ease!important;
}
.bottom-nav .nav-item.active .nav-svg{
  transform:translateY(-1px) scale(1.06)!important;
  stroke-width:2.15!important;
}
.bottom-nav .nav-label{
  font-size:10.5px!important;
  line-height:1!important;
  letter-spacing:.15px!important;
  white-space:nowrap!important;
}
.bottom-nav .nav-badge{
  position:absolute!important;
  top:-4px!important;
  right:0!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 4px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  font-size:9px!important;
  line-height:17px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#0b9b62,#1977b5)!important;
  border:2px solid rgba(255,255,255,.9)!important;
  box-shadow:0 3px 8px rgba(8,122,89,.22)!important;
}
.bottom-nav .nav-badge.hidden{display:none!important}
@media (max-width:520px){
  .bottom-nav{width:calc(100vw - 24px)!important;bottom:max(10px,env(safe-area-inset-bottom))!important}
  .bottom-nav .nav-item{height:56px!important}
}
@media (min-width:700px){
  .bottom-nav{height:74px!important}
  .bottom-nav .nav-item{height:60px!important}
  .bottom-nav .nav-label{font-size:11px!important}
}
@media (prefers-reduced-motion:reduce){
  .bottom-nav .nav-item,.bottom-nav .nav-svg{transition:none!important}
}


/* =========================================================
   BookSky Tools — Premium Aurora Design System
   ========================================================= */
:root{
  --ink-950:#071b1f;
  --ink-900:#0b2529;
  --ink-800:#12363b;
  --slate-600:#557177;
  --slate-500:#6e858a;
  --surface:#ffffff;
  --surface-soft:#f4fbf9;
  --line:rgba(10,54,60,.10);
  --emerald:#10b981;
  --emerald-dark:#087a59;
  --cyan:#19b8d6;
  --blue:#3182f6;
  --violet:#7257e8;
  --rose:#e86a9b;
  --gold:#d6a84f;
  --shadow-lg:0 24px 70px rgba(7,43,48,.14);
  --shadow-md:0 12px 34px rgba(7,43,48,.10);
  --shadow-sm:0 5px 18px rgba(7,43,48,.07);
}

/* premium background */
body{
  color:var(--ink-900)!important;
  background:
    radial-gradient(900px 500px at -10% -5%,rgba(25,184,214,.17),transparent 60%),
    radial-gradient(850px 520px at 105% 0%,rgba(16,185,129,.16),transparent 60%),
    radial-gradient(700px 480px at 80% 80%,rgba(114,87,232,.08),transparent 65%),
    linear-gradient(145deg,#f8fcfb 0%,#eef9f6 48%,#f7fbff 100%)!important;
}

/* premium headings */
h1,h2,h3,h4{
  color:var(--ink-950)!important;
  letter-spacing:-.025em;
}
.section-title{
  font-weight:850!important;
}

/* elevated cards */
.card,.tool-card,.panel,.stat-card,.pro-card{
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:var(--shadow-sm)!important;
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.card:hover,.tool-card:hover{
  box-shadow:var(--shadow-md)!important;
  transform:translateY(-2px);
}

/* premium primary actions */
.btn-primary,.btn-main,#generate,#makePrompt{
  border:1px solid rgba(255,255,255,.35)!important;
  background:linear-gradient(135deg,var(--emerald-dark) 0%,var(--emerald) 48%,var(--cyan) 100%)!important;
  box-shadow:0 10px 24px rgba(16,185,129,.22)!important;
  color:#fff!important;
}
.btn-primary:hover,.btn-main:hover,#generate:hover,#makePrompt:hover{
  filter:saturate(1.08) brightness(1.02);
  transform:translateY(-1px);
}

/* secondary buttons */
.btn-soft,.btn-secondary{
  color:var(--ink-800)!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(10,54,60,.10)!important;
  box-shadow:0 5px 15px rgba(7,43,48,.06)!important;
}
.btn-soft:hover,.btn-secondary:hover{
  border-color:rgba(16,185,129,.28)!important;
  background:#f1fbf7!important;
}

/* inputs */
input,select,textarea{
  color:var(--ink-900)!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(10,54,60,.12)!important;
  box-shadow:inset 0 1px 2px rgba(7,43,48,.025)!important;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:rgba(16,185,129,.58)!important;
  box-shadow:0 0 0 4px rgba(16,185,129,.10)!important;
}

/* KPI/stat accents */
#total{color:var(--cyan)!important}
#high{color:var(--emerald)!important}
#avgDemand{color:var(--blue)!important}
#avgComp{color:var(--violet)!important}

/* keyword cards */
.keyword-item,.keyword-row{
  border:1px solid rgba(10,54,60,.08)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(246,252,250,.84))!important;
  box-shadow:0 6px 20px rgba(7,43,48,.055)!important;
}
.keyword-item:hover,.keyword-row:hover{
  border-color:rgba(16,185,129,.22)!important;
  box-shadow:0 12px 28px rgba(7,43,48,.09)!important;
}

/* intent chips */
.intent-buyer{background:rgba(16,185,129,.12)!important;color:#087a59!important}
.intent-problem{background:rgba(232,106,155,.12)!important;color:#ad3f6d!important}
.intent-topic{background:rgba(49,130,246,.12)!important;color:#2367c9!important}

/* premium hero / header if present */
.hero,.hero-card{
  border:1px solid rgba(255,255,255,.38)!important;
  background:
    radial-gradient(450px 220px at 90% 0%,rgba(25,184,214,.24),transparent 65%),
    radial-gradient(420px 220px at 5% 100%,rgba(16,185,129,.22),transparent 65%),
    linear-gradient(135deg,#0a3438 0%,#0c5148 52%,#116a63 100%)!important;
  color:#fff!important;
  box-shadow:var(--shadow-lg)!important;
}
.hero h1,.hero h2,.hero h3,.hero p{color:#fff!important}

/* premium bottom navigation */
.bottom-nav{
  border:1px solid rgba(255,255,255,.82)!important;
  background:rgba(248,253,252,.88)!important;
  box-shadow:
    0 24px 55px rgba(7,43,48,.17),
    0 4px 14px rgba(7,43,48,.07),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.bottom-nav .nav-item{
  color:#698085!important;
}
.bottom-nav .nav-item.active{
  color:#056b4e!important;
  background:
    linear-gradient(135deg,rgba(16,185,129,.18),rgba(25,184,214,.13))!important;
  box-shadow:
    inset 0 0 0 1px rgba(16,185,129,.16),
    0 5px 16px rgba(16,185,129,.08)!important;
}
.bottom-nav .nav-badge{
  background:linear-gradient(135deg,#087a59,#19b8d6)!important;
}

/* premium dividers / badges */
.badge,.chip,.tag{
  border:1px solid rgba(16,185,129,.12)!important;
}
.badge{
  background:rgba(16,185,129,.09)!important;
  color:#087a59!important;
}

/* scrollbars */
*{
  scrollbar-width:thin;
  scrollbar-color:rgba(16,185,129,.38) transparent;
}
::-webkit-scrollbar{width:7px;height:7px}
::-webkit-scrollbar-thumb{
  border-radius:99px;
  background:linear-gradient(var(--emerald),var(--cyan));
}

/* subtle premium selection */
::selection{
  background:rgba(16,185,129,.22);
  color:var(--ink-950);
}


/* =========================================================
   PREMIUM BOTTOM BAR — V5
   Minimal, balanced, app-store quality
   ========================================================= */
.premium-dock.bottom-nav{
  position:fixed!important;
  z-index:10000!important;
  left:50%!important;
  bottom:max(12px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;

  width:min(460px,calc(100vw - 28px))!important;
  height:68px!important;
  padding:5px!important;

  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  align-items:stretch!important;
  gap:4px!important;

  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:
    0 22px 50px rgba(8,49,55,.16),
    0 5px 18px rgba(8,49,55,.08),
    inset 0 1px 0 rgba(255,255,255,1)!important;

  backdrop-filter:blur(24px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(170%)!important;
}

.premium-dock .nav-item{
  position:relative!important;
  min-width:0!important;
  height:58px!important;
  padding:4px 2px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;

  border-radius:17px!important;
  color:#71858a!important;
  text-decoration:none!important;
  font-weight:750!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:color .18s ease,transform .18s ease,background .18s ease!important;
}

.premium-dock .nav-item::before{
  content:"";
  position:absolute;
  left:50%;
  top:4px;
  width:38px;
  height:3px;
  border-radius:999px;
  transform:translateX(-50%) scaleX(0);
  background:linear-gradient(90deg,#0a9b68,#19b8d6);
  opacity:0;
  transition:transform .2s ease,opacity .2s ease;
}

.premium-dock .nav-item.active{
  color:#087957!important;
  background:linear-gradient(
    145deg,
    rgba(16,185,129,.13),
    rgba(25,184,214,.08)
  )!important;
  box-shadow:
    inset 0 0 0 1px rgba(16,185,129,.10),
    0 4px 14px rgba(16,185,129,.055)!important;
}

.premium-dock .nav-item.active::before{
  transform:translateX(-50%) scaleX(1);
  opacity:1;
}

.premium-dock .nav-item:active{
  transform:scale(.96)!important;
}

.premium-dock .nav-icon-wrap{
  position:relative!important;
  width:32px!important;
  height:29px!important;
  display:grid!important;
  place-items:center!important;
}

.premium-dock .nav-svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:transform .18s ease,stroke-width .18s ease!important;
}

.premium-dock .nav-item.active .nav-svg{
  transform:translateY(-1px) scale(1.06)!important;
  stroke-width:2.1!important;
}

.premium-dock .nav-label{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  line-height:12px!important;
  letter-spacing:.05px!important;
}

.premium-dock .nav-badge{
  position:absolute!important;
  top:-3px!important;
  right:-1px!important;
  min-width:16px!important;
  height:16px!important;
  padding:0 4px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:99px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#087a59,#19b8d6)!important;
  border:2px solid #fff!important;
  font-size:8px!important;
  font-weight:850!important;
  line-height:12px!important;
  box-shadow:0 3px 8px rgba(8,122,89,.20)!important;
}

.premium-dock .nav-badge.hidden{
  display:none!important;
}

@media (max-width:380px){
  .premium-dock.bottom-nav{
    width:calc(100vw - 18px)!important;
    height:64px!important;
    padding:4px!important;
    border-radius:20px!important;
  }
  .premium-dock .nav-item{height:56px!important;border-radius:16px!important}
  .premium-dock .nav-label{font-size:9px!important}
  .premium-dock .nav-svg{width:20px!important;height:20px!important}
}

@media (min-width:700px){
  .premium-dock.bottom-nav{
    height:72px!important;
    padding:6px!important;
  }
  .premium-dock .nav-item{height:60px!important}
  .premium-dock .nav-label{font-size:10.5px!important}
}

@media (prefers-reduced-motion:reduce){
  .premium-dock .nav-item,
  .premium-dock .nav-svg,
  .premium-dock .nav-item::before{
    transition:none!important;
  }
}

/* keep page content above the fixed dock */
main,.main-content{
  padding-bottom:104px!important;
}