:root{--bg-base:#f7f9f6;--bg-surface:#fff;--bg-elevated:#f0f5f1;--bg-hover:#eaf3ef;--border:#dbe5de;--border-strong:#b9cbc0;--text-primary:#183c32;--text-secondary:#52655d;--primary:#087566;--primary-hover:#075d51;--on-primary:#fff;--accent:#b7d58b;--success:#087566;--danger:#b42318;--danger-bg:#fef3f2;color-scheme:light}
html[data-theme="dark"]{--bg-base:#101d19;--bg-surface:#172923;--bg-elevated:#1c322a;--bg-hover:#20382f;--border:#304b40;--border-strong:#46695b;--text-primary:#edf4ee;--text-secondary:#b8c9bf;--primary:#70d4b5;--primary-hover:#96e1c9;--on-primary:#112b21;--accent:#b7d58b;--success:#83dfb8;--danger:#ffaaa3;--danger-bg:#3a1717;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:Cairo,Tahoma,Arial,sans-serif;line-height:1.9}h1,h2,h3,p{margin:0}svg{display:block}a{color:inherit}button,input{font:inherit}a,button,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.wrap{width:min(1100px,calc(100% - 48px));margin-inline:auto}.site-header{border-bottom:1px solid var(--border);background:var(--bg-base);position:sticky;top:0;z-index:10}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:12px;direction:ltr;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-.6px}.brand svg{width:36px;height:36px}.header-actions{display:flex;align-items:center;gap:12px}.nav-link{font-size:13px;color:var(--text-secondary);text-decoration:none;font-weight:700}.nav-link:hover{color:var(--primary)}.theme-btn{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--bg-surface);color:var(--text-primary);cursor:pointer}.theme-btn:hover{background:var(--bg-hover)}.theme-btn svg{height:20px;width:20px}html[data-theme="dark"] .icon-moon,html[data-theme="light"] .icon-sun{display:none}
.main{padding-block:68px 55px;min-height:calc(100dvh - 160px)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:68px;align-items:center}.eyebrow{font-size:12px;font-weight:800;display:flex;align-items:center;gap:12px;color:var(--primary);margin-bottom:19px}.eyebrow:before{content:"";width:26px;height:1px;background:currentColor}.hero-title{font-size:clamp(33px,4.3vw,58px);font-weight:800;letter-spacing:-1px;line-height:1.56;margin-bottom:22px}.hero-title span{color:var(--primary)}.hero-copy{color:var(--text-secondary);font-size:15px;line-height:2.15;max-width:570px}.features{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.feature{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:100px;padding:5px 12px;font-size:12px;font-weight:700;background:var(--bg-surface)}.feature svg{width:16px;height:16px;color:var(--primary)}
.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:13px;padding:31px;box-shadow:0 12px 38px #152a1b09}.panel-title{font-weight:800;font-size:22px;line-height:1.7}.panel-hint{color:var(--text-secondary);font-size:13px;margin-top:3px;margin-bottom:22px}.panel-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.panel-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--bg-hover);border:1px solid var(--border);color:var(--primary)}.panel-icon svg{width:24px;height:24px}.field{display:block;margin-bottom:17px}.field-label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.control{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-base);color:var(--text-primary);font-size:14px}.control::placeholder{color:var(--text-secondary);opacity:.82}.control:focus{border-color:var(--primary)}.hint{font-size:12px;color:var(--text-secondary);margin-top:6px}.primary-btn{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 19px;background:var(--primary);color:var(--on-primary);font-weight:800;font-size:14px;cursor:pointer}.primary-btn:hover:not(:disabled){background:var(--primary-hover)}.primary-btn:disabled{opacity:.55;cursor:wait}.primary-btn svg{width:19px;height:19px}.full{width:100%}.secondary-btn,.danger-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 12px;border-radius:7px;background:var(--bg-surface);border:1px solid var(--border);font-size:12px;font-weight:700;cursor:pointer;color:var(--text-primary)}.secondary-btn:hover{background:var(--bg-hover)}.danger-btn{color:var(--danger)}.danger-btn:hover:not(:disabled){border-color:var(--danger);background:var(--danger-bg)}.danger-btn:disabled{opacity:.45;cursor:not-allowed}.notice{font-size:13px;margin-top:14px;min-height:24px;overflow-wrap:anywhere}.notice[hidden]{display:none}.notice[data-kind="error"]{color:var(--danger)}.notice[data-kind="success"]{color:var(--success)}.notice[data-kind="neutral"]{color:var(--text-secondary)}.under-panel{display:flex;gap:9px;align-items:flex-start;color:var(--text-secondary);font-size:12px;padding:14px 3px}.under-panel svg{width:17px;height:17px;min-width:17px;margin-top:4px;color:var(--primary)}
.section-divider{border:0;border-top:1px solid var(--border);margin:60px 0 35px}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.info-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:11px;padding:22px}.info-number{color:var(--primary);font-size:12px;font-weight:800;letter-spacing:1px}.info-card h3{font-size:15px;font-weight:800;margin:10px 0 6px}.info-card p{color:var(--text-secondary);font-size:13px;line-height:2}
.page-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-top h1{font-size:clamp(28px,3.5vw,40px);line-height:1.65}.page-top p{font-size:14px;color:var(--text-secondary);margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;align-items:start}.list{display:grid;gap:10px;margin-top:16px}.link-row{border:1px solid var(--border);border-radius:10px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.link-main{min-width:0}.link-main a{color:var(--primary);font-size:14px;font-weight:800;text-decoration:none;overflow-wrap:anywhere}.link-main a:hover{text-decoration:underline}.link-state{font-size:12px;color:var(--text-secondary)}.link-state[data-state="active"]{color:var(--success)}.link-state[data-state="disabled"]{color:var(--danger)}.link-actions{display:flex;gap:7px;flex-shrink:0}.empty{padding:32px 15px;text-align:center;background:var(--bg-base);border:1px dashed var(--border-strong);border-radius:10px;color:var(--text-secondary);font-size:13px}.result-link{display:block;margin-top:7px;text-decoration:none;direction:ltr;text-align:right;color:var(--primary);overflow-wrap:anywhere;font-weight:800}.result-link:hover{text-decoration:underline}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{font-size:20px}.footnote{color:var(--text-secondary);font-size:12px;margin-top:17px}.site-footer{border-top:1px solid var(--border);padding:24px 0 35px;font-size:12px;color:var(--text-secondary)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.footer-brand{font-size:19px;font-weight:800;direction:ltr;color:var(--text-primary)}.footer-inner a{text-decoration:none}.footer-inner a:hover{color:var(--primary)}.skip-link{position:absolute;right:14px;top:10px;transform:translateY(-180%);background:var(--bg-surface);z-index:20;padding:5px}.skip-link:focus{transform:none}
@media(max-width:970px){.hero-grid{grid-template-columns:1fr 1fr;gap:32px}.dashboard-grid{grid-template-columns:1fr}.wrap{width:calc(100% - 40px)}}@media(max-width:690px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:72px}.brand{font-size:19px}.brand svg{width:30px;height:30px}.main{padding-block:35px 40px}.hero-grid{grid-template-columns:1fr;gap:26px}.hero-title{font-size:36px}.hero-copy{font-size:14px}.panel{padding:22px}.info-grid{grid-template-columns:1fr}.section-divider{margin:36px 0 24px}.page-top{align-items:flex-start;flex-direction:column}.link-row{align-items:stretch;flex-direction:column}.link-actions{justify-content:flex-start}.footer-inner{justify-content:center;text-align:center}.nav-link{font-size:12px}.header-actions{gap:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Homepage-compatible navigation copied in structure and proportions from
   maf1250/homepage/public/index.html, without overriding application colors. */
.wrap{width:min(1160px,calc(100% - 64px))}
.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border);background:var(--bg-base)}
.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:10px;direction:ltr;text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-1px;flex-shrink:0}
.logo img{display:block;width:37px;height:37px;flex-shrink:0}
.nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600;min-width:0}
.nav a{text-decoration:none;border-bottom:1px solid transparent;padding-bottom:3px;transition:color .15s,border-color .15s;white-space:nowrap}
.nav a:hover{color:var(--primary)}.nav a:focus-visible{border-bottom-color:var(--primary)}
.theme-btn{width:42px;height:42px;min-width:42px;min-height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
@media(max-width:950px){.nav{gap:18px}.wrap{width:calc(100% - 48px)}}
@media(max-width:700px){
 .wrap{width:calc(100% - 36px)}
 .header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px;padding-block:10px}
 .logo{font-size:clamp(18px,5.2vw,22px);justify-content:flex-end;min-width:0;gap:6px;white-space:nowrap}.logo img{width:30px;height:30px}
 .nav{display:flex;flex:0 0 auto;justify-content:center;gap:0;font-size:12px;overflow:visible;white-space:nowrap;min-width:0}
 .nav a{white-space:nowrap;padding-bottom:2px}
 .theme-btn{flex:0 0 auto;min-width:40px;min-height:40px;width:40px;height:40px}
}
@media(max-width:375px){.wrap{width:calc(100% - 24px)}.header-inner{gap:8px}.logo{font-size:18px;gap:5px}.logo img{width:27px;height:27px}.nav a{font-size:11px}.theme-btn{width:36px;height:36px;min-width:36px;min-height:36px}}

/* Contact and appearance are one non-breaking group on every viewport. */
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:clamp(8px,2vw,22px)}
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:clamp(9px,2.2vw,24px);flex:0 0 auto;white-space:nowrap;min-width:max-content}
.header-tools .nav{display:flex;flex:0 0 auto;flex-wrap:nowrap;white-space:nowrap;min-width:max-content;overflow:visible}
.header-tools .nav a{white-space:nowrap;word-break:keep-all}
.header-tools .theme-btn{flex:0 0 auto}
.logo{flex:0 1 auto;min-width:0;white-space:nowrap}
.logo span{white-space:nowrap}
@media(max-width:700px){
 .header-inner{min-height:70px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px}
 .header-tools{display:flex;gap:10px;flex-shrink:0;min-width:max-content;white-space:nowrap}
 .header-tools .nav{grid-column:auto;grid-row:auto;display:flex;overflow:visible;white-space:nowrap;font-size:12px;padding:0}
 .logo{font-size:clamp(17px,4.8vw,21px);min-width:0;flex-shrink:1}
 .logo img{flex:0 0 auto}
 .theme-btn{min-width:38px;min-height:38px;width:38px;height:38px}
}
@media(max-width:360px){
 .header-inner{gap:5px}
 .header-tools{gap:7px}
 .header-tools .nav{font-size:11px}
 .logo{font-size:16px;gap:4px}
 .logo img{width:26px;height:26px}
 .theme-btn{min-width:34px;min-height:34px;width:34px;height:34px}
}

/* Anonymous aggregate redirects shown as neutral link metadata. */
.link-visits{display:inline-flex;align-items:center;width:max-content;max-width:100%;font-size:12px;line-height:1.9;color:var(--text-secondary);font-weight:700;font-variant-numeric:tabular-nums;margin-block-start:4px}

/* Service-specific privacy disclosure, aligned with the alfayez.cc theme. */
.privacy-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;padding:0;
  width:min(580px,calc(100vw - 28px));max-width:580px;max-height:min(88dvh,690px);
  overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);
  border-radius:17px;background:var(--bg-surface);color:var(--text-primary);
  box-shadow:0 24px 70px rgba(0,0,0,.24);font:inherit;line-height:1.9;color-scheme:inherit}
.privacy-dialog:not([open]){display:none}
.privacy-dialog::backdrop{background:rgba(10,26,20,.65);backdrop-filter:blur(3px)}
.privacy-content{padding:clamp(17px,3.3vw,28px)}
.privacy-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}
.privacy-kicker{font-size:12px;color:var(--primary);font-weight:800;margin-bottom:4px}
.privacy-header h2{font-size:clamp(18px,2.5vw,23px);line-height:1.5;font-weight:800;color:var(--text-primary)}
/* Programmatic heading focus establishes a neutral accessible starting point. Tab still shows visible focus on controls. */
.privacy-header h2:focus{outline:none}
.privacy-close{flex:0 0 36px;width:36px;height:36px;border:1px solid var(--border);
  background:var(--bg-elevated);color:var(--text-primary);border-radius:9px;
  cursor:pointer;display:grid;place-items:center;font-size:25px;line-height:1}
.privacy-close:hover{border-color:var(--primary);color:var(--primary)}
.privacy-lead{font-size:13px;line-height:1.95;color:var(--text-secondary);margin-bottom:14px}
.privacy-sections{display:grid;gap:9px}
.privacy-item{border:1px solid var(--border);background:var(--bg-elevated);padding:10px 13px;border-radius:10px}
.privacy-item h3{font-size:13px;font-weight:800;color:var(--text-primary);margin:0 0 3px}
.privacy-item p{font-size:12px;color:var(--text-secondary);line-height:1.85;margin:0}
.privacy-muted{font-size:11.5px;line-height:1.85;color:var(--text-secondary);margin:15px 0 11px}
.privacy-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.privacy-primary,.privacy-secondary{flex:1 1 190px;min-height:43px;padding:8px 12px;
  border-radius:9px;display:inline-flex;align-items:center;justify-content:center;
  text-align:center;font:700 12px Cairo,Tahoma,Arial,sans-serif;text-decoration:none;cursor:pointer}
.privacy-primary{color:var(--on-primary);background:var(--primary);border:1px solid var(--primary)}
.privacy-primary:hover{background:var(--primary-hover)}
.privacy-secondary{color:var(--primary);background:var(--bg-surface);border:1px solid var(--border)}
.privacy-secondary:hover{background:var(--bg-hover);border-color:var(--primary)}
@media(max-width:480px){
 .privacy-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:13px}
 .privacy-content{padding:15px}
 .privacy-header h2{font-size:18px}
 .privacy-actions{gap:8px}
 .privacy-primary,.privacy-secondary{flex:1 1 100%;min-height:42px}
}
@media(prefers-reduced-motion:reduce){.privacy-dialog::backdrop{backdrop-filter:none}}

/* Replace the privacy dialog's old typographic multiplication sign with a red icon. */
.privacy-close{position:relative;display:grid;place-items:center;font-size:0!important;
 color:var(--danger);background:var(--danger-bg);border-color:var(--danger)}
.privacy-close:hover{color:var(--danger);background:var(--danger-bg);filter:brightness(.93)}
.privacy-close::before,.privacy-close::after{content:'';position:absolute;left:50%;top:50%;
 width:19px;height:2.6px;background:currentColor;border-radius:2px;
 transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}
.privacy-close::after{transform:translate(-50%,-50%) rotate(-45deg)}


/* Modal is the only available path for an unacknowledged session. */
.usage-locked{min-height:55vh;display:grid;place-items:center;filter:blur(3px);pointer-events:none}
.usage-locked-placeholder{text-align:center;color:var(--text-secondary)}
.usage-locked-placeholder h1{font-size:clamp(22px,3vw,32px);color:var(--text-primary)}
.usage-dialog{position:fixed;inset:0;margin:auto;width:min(670px,calc(100vw - 26px));
 max-height:min(89dvh,760px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;
 padding:0;border:1px solid var(--border);border-radius:17px;box-shadow:0 30px 80px rgba(0,0,0,.3);
 color:var(--text-primary);background:var(--bg-surface);font:inherit;line-height:1.95;
 color-scheme:inherit}
.usage-dialog:not([open]){display:none}
.usage-dialog::backdrop{background:rgba(4,22,16,.75);backdrop-filter:blur(4px)}
.usage-dialog-inner{padding:clamp(18px,3.2vw,30px)}
.usage-kicker{font-size:12px;font-weight:800;color:var(--primary);margin:0 0 3px}
.usage-dialog h2{font-size:clamp(20px,3vw,26px);line-height:1.5;margin:0 0 12px}
.usage-dialog h2:focus{outline:none}
.usage-intro{font-size:14px;color:var(--text-secondary);line-height:1.95;margin-bottom:13px}
.usage-terms{background:var(--bg-elevated);border:1px solid var(--border);
 border-radius:12px;padding:clamp(12px,2.2vw,18px);display:grid;gap:11px;
 font-size:13px;line-height:2}
.usage-terms p{margin:0}.usage-terms ol{margin:0;padding-inline-start:22px}
.usage-terms li{padding-inline-start:4px}
.usage-legal-reference{font-size:11.5px;color:var(--text-secondary);margin:14px 0}
.usage-legal-reference a{color:var(--primary);text-underline-offset:2px}
.usage-message{border:1px solid var(--danger);color:var(--danger);background:var(--danger-bg);
 border-radius:9px;padding:9px 12px;margin-block:10px;font-size:12px}
.usage-message[hidden]{display:none}
.usage-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:stretch}
.usage-actions button{flex:1 1 210px;min-height:47px;border-radius:10px;
 padding:9px 14px;font:800 13px Cairo,Tahoma,Arial,sans-serif;cursor:pointer;
 border:1px solid var(--border)}
.usage-accept{background:var(--primary);color:var(--on-primary);border-color:var(--primary)!important}
.usage-accept:hover{background:var(--primary-hover)}
.usage-decline{background:var(--bg-surface);color:var(--danger);border-color:var(--danger)!important}
.usage-decline:hover{background:var(--danger-bg)}
.usage-actions button:disabled{cursor:wait;opacity:.6}
@media(max-width:550px){
 .usage-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}
 .usage-dialog-inner{padding:14px}
 .usage-terms{font-size:12px;line-height:1.85}
 .usage-actions button{flex:1 1 100%;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.usage-dialog::backdrop{backdrop-filter:none}}


.kb-emphasis{color:var(--primary)}
/* Knowledge console: layout extends the exact go.alfayez.cc palette. */
.kb-main{padding-block:46px 60px;min-height:calc(100dvh - 154px)}
.kb-lead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.kb-lead h1{font-size:clamp(27px,3.7vw,40px);line-height:1.6;font-weight:800}
.kb-lead p{font-size:14px;color:var(--text-secondary);max-width:680px}
.kb-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:23px}
.kb-stat{border:1px solid var(--border);background:var(--bg-surface);border-radius:13px;padding:19px;display:grid;gap:4px}
.kb-stat-label{font-size:12px;color:var(--text-secondary);font-weight:700}
.kb-stat-value{font-weight:800;font-size:23px;line-height:1.5}
.kb-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);align-items:start;gap:21px}
.kb-panel{border:1px solid var(--border);background:var(--bg-surface);padding:26px;border-radius:13px;box-shadow:0 12px 38px #152a1b09;min-width:0}
.kb-panel h2{font-size:20px;font-weight:800;line-height:1.7}
.kb-panel-desc{font-size:13px;color:var(--text-secondary);margin-bottom:18px}
.kb-drop{border:2px dashed var(--border-strong);border-radius:12px;background:var(--bg-base);padding:29px 20px;text-align:center;transition:border-color .15s,background .15s;display:grid;justify-items:center;gap:8px}
.kb-drop.dragging,.kb-drop:focus-within{border-color:var(--primary);background:var(--bg-hover)}
.kb-drop svg{width:34px;height:34px;color:var(--primary)}
.kb-drop strong{font-size:15px}
.kb-drop small{font-size:12px;color:var(--text-secondary);line-height:1.8}
.kb-file-picker{cursor:pointer;display:inline-block;background:var(--bg-elevated);border:1px solid var(--border-strong);padding:5px 19px;border-radius:9px;font-weight:700;font-size:13px}
.kb-file-picker:hover{background:var(--bg-hover)}
.kb-hidden{position:absolute;opacity:0;left:-10000px;width:1px;height:1px}
.kb-selected{font-size:12px;margin-top:12px;color:var(--text-secondary);overflow-wrap:anywhere}
.kb-actions{display:flex;gap:10px;margin-top:19px;flex-wrap:wrap}
.kb-actions button{flex:1 1 180px}
.kb-actions button:disabled{opacity:.5;cursor:not-allowed}
.kb-notice{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:15px;min-height:25px}
.kb-notice[data-kind="error"]{color:var(--danger)}.kb-notice[data-kind="success"]{color:var(--success)}
.kb-preview{border:1px solid var(--border);border-radius:11px;padding:14px;margin-top:18px;background:var(--bg-elevated)}
.kb-preview[hidden],.kb-progress[hidden]{display:none}
.kb-preview h3{font-size:15px;margin-bottom:8px}.kb-preview ul{margin:0;padding-inline-start:23px;font-size:13px;color:var(--text-secondary)}
.kb-progress{margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:12px}
.kb-progress-header{display:flex;justify-content:space-between;gap:12px;font-weight:700;font-size:13px}
.kb-meter{width:100%;height:8px;border-radius:20px;background:var(--bg-elevated);overflow:hidden;margin-top:13px}
.kb-meter-fill{width:0;height:100%;background:var(--primary);transition:width .3s}
.kb-timeline{display:grid;gap:17px;list-style:none;padding:0;margin:17px 0 0}
.kb-timeline li{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:var(--text-secondary)}
.kb-timeline b{color:var(--text-primary);font-weight:700}
.kb-step-dot{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;font-size:11px;color:var(--primary);font-weight:800}
.kb-tip{font-size:12px;padding:14px;border-radius:10px;background:var(--bg-elevated);color:var(--text-secondary);margin-top:20px}
.kb-tag{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:100px;background:var(--bg-surface);color:var(--text-secondary);padding:2px 11px;font-size:12px;font-weight:700}
.kb-footer{font-size:12px;color:var(--text-secondary);padding-block:20px;border-top:1px solid var(--border)}
.kb-footer .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
@media(max-width:850px){.kb-columns{grid-template-columns:1fr}.kb-panel{padding:21px}}
@media(max-width:600px){.kb-main{padding-block:29px 35px}.kb-stats{gap:9px}.kb-stat{padding:12px}.kb-stat-value{font-size:19px}.kb-stat-label{font-size:11px}.kb-drop{padding:24px 10px}.kb-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){.kb-meter-fill{transition:none}}