:root{color-scheme:dark;--bg:#091126;--side:#101b35;--card:#131f3b;--border:#2a3856;--text:#f3f6ff;--muted:#a7b3ce;--accent:#7b8cff;--soft:#1c2b50;--shadow:0 15px 50px #0002}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Noto Sans Bengali","Hind Siliguri",sans-serif}body{margin:0;background:var(--bg);color:var(--text)}body.light{color-scheme:light;--bg:#f1f5fc;--side:#fff;--card:#fff;--border:#e1e8f5;--text:#15213b;--muted:#65728d;--accent:#485de4;--soft:#eef1ff;--shadow:0 15px 50px #15213b0c}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--side);border-right:1px solid var(--border);padding:32px 18px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;padding:0 10px}.brand b{color:#8d9aff}.brand small{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:1px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:#465ad4;border-radius:13px;color:#fff}.menu-label{font-size:11px;color:var(--muted);letter-spacing:2px;padding-left:14px}.nav{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:12px;color:var(--muted);font-size:14px}.nav-link:hover,.nav-link.active{background:var(--soft);color:var(--text)}.nav-link.active{border:1px solid #6475ff55}.nav-icon{font-size:20px;width:22px;text-align:center;color:#899aff}.side-note{margin-top:auto;font-size:12px;line-height:2;color:var(--muted);border-top:1px solid var(--border);padding:18px 12px}.main{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--border);display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:0 5%;background:var(--side)}.mobile-brand{display:none;font-weight:800}.top-tag{font-size:13px;color:var(--muted)}.theme-toggle,.secondary,.swap,.month-nav button{background:var(--soft);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 15px}.content{max-width:1380px;margin:auto;padding:38px 5%}.hero{background:linear-gradient(110deg,#3447a5,#202e67 60%,#162347);border:1px solid #ffffff20;padding:32px 38px;border-radius:22px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:white;box-shadow:var(--shadow)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1px;color:#91a5ff;margin-bottom:9px}.hero .eyebrow{color:#c6ceff}.hero h1,.page-heading h1{font-size:clamp(25px,3vw,40px);margin:0 0 12px}.hero h1 em{font-style:normal;color:#b4ffcf}.hero p,.page-heading p{margin:0;color:#d1d9fa;line-height:1.8}.live-pill{white-space:nowrap;background:#ffffff1c;padding:16px 20px;border:1px solid #ffffff38;border-radius:15px;font-weight:800;font-size:20px}.live-pill small{display:block;font-size:11px;font-weight:500;color:#d8dfff}.date-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.date-card{border:1px solid var(--border);border-radius:18px;padding:23px;background:var(--card);position:relative;overflow:hidden}.date-card:before{content:'';position:absolute;right:-32px;top:-45px;width:150px;height:150px;border-radius:50%;background:var(--glow)}.blue{--glow:#5766ed1b}.green{--glow:#18c78d1b}.gold{--glow:#f2b85e1a}.card-head{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:13px}.card-head span{font-size:11px}.date-number{font-size:64px;font-weight:850;line-height:1.3;margin-top:14px}.blue .date-number{color:#8d9bff}.green .date-number{color:#50d4a6}.gold .date-number{color:#f3c16c}.date-card h2{font-size:24px;margin:0 0 7px}.date-card p{color:var(--muted);margin:0 0 16px}.card-foot{border-top:1px solid var(--border);padding-top:13px;font-size:13px;color:var(--muted)}.grid-two{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:20px}.panel{border:1px solid var(--border);border-radius:19px;padding:25px;background:var(--card);margin-bottom:20px;box-shadow:var(--shadow)}.panel h2{font-size:21px;margin:0 0 17px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.panel-title h2{margin:0}.month-nav{display:flex;align-items:center;gap:10px}.month-nav strong{font-size:13px;white-space:nowrap}.month-nav button{padding:6px 12px;font-size:20px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}.weekdays{color:var(--muted);font-size:12px;margin:15px 0}.calendar-grid button,.calendar-grid span{min-width:0;min-height:45px;display:grid;place-items:center;background:transparent;color:var(--text);border:1px solid transparent;border-radius:9px}.calendar-grid button:hover{background:var(--soft)}.calendar-grid button.today{background:#485fdb;color:#fff}.calendar-grid button.selected{border-color:#87a3ff}.text-button{border:0;background:none;color:#9eaaff;margin-top:17px}.muted{color:var(--muted);line-height:1.8}.small{font-size:12px}.conversion{margin-top:18px;display:grid;gap:10px}.conversion>div{padding:12px 15px;background:var(--soft);border-radius:12px;line-height:1.7}.conversion strong{display:block;color:var(--muted);font-size:12px}.info-box{margin-top:20px;border:1px solid var(--border);background:var(--soft);padding:15px;border-radius:12px;color:var(--muted);font-size:12px;line-height:1.9}.tool-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.tool-links a{background:var(--soft);border:1px solid var(--border);border-radius:13px;padding:17px;display:flex;flex-direction:column;gap:9px;font-size:22px}.tool-links b{font-size:14px}.tool-links span{font-size:11px;color:var(--muted)}.footer{padding:15px 0 5px;color:var(--muted);font-size:12px}.page-heading{padding:25px 0 28px}.page-heading p{color:var(--muted)}.narrow{max-width:750px}label{display:block;margin:16px 0 8px;color:var(--muted);font-size:13px;font-weight:650}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:11px;padding:14px 15px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#8394ff}textarea{resize:vertical}.btn{background:linear-gradient(100deg,#5266df,#7784ef);border:0;color:white;font-weight:750;border-radius:11px;padding:14px 20px;margin-top:20px}.result{background:var(--soft);border:1px solid var(--border);border-radius:13px;padding:22px;margin-top:20px;line-height:2;overflow-wrap:anywhere}.result strong{font-size:23px;color:#94a4ff}.input-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}.input-row .swap{margin-bottom:2px}.editor{font-family:ui-monospace,monospace;min-height:230px;line-height:1.6;direction:ltr}.preview-frame{background:white;border:1px solid var(--border);border-radius:12px;width:100%;height:320px;margin-top:12px}.code-canvas{max-width:100%;height:auto;background:white;border-radius:10px;display:block;margin:0 auto 12px}.barcode-preview{overflow-x:auto;background:white;border-radius:10px;padding:12px;display:grid;place-items:center;margin-bottom:12px}.barcode-preview svg{max-width:100%;height:auto}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1100px){.tool-links{grid-template-columns:repeat(3,1fr)}.grid-two{grid-template-columns:1fr}}@media(max-width:800px){.shell{display:block}.sidebar{padding:12px;gap:10px;border-right:0;border-bottom:1px solid var(--border)}.sidebar .brand,.menu-label,.side-note{display:none}.nav{display:flex;overflow-x:auto;gap:7px;scrollbar-width:thin}.nav-link{white-space:nowrap;padding:9px 12px;font-size:12px}.nav-icon{font-size:15px;width:auto}.topbar{height:60px;justify-content:space-between}.mobile-brand{display:block}.content{padding:20px 4%}.hero{padding:23px;flex-wrap:wrap}.date-cards{gap:10px}.date-card{padding:16px}.date-number{font-size:45px}.date-card h2{font-size:18px}.card-head{flex-direction:column}.tool-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.top-tag{display:none}.date-cards{grid-template-columns:1fr}.date-card{display:grid;grid-template-columns:90px 1fr;column-gap:12px}.card-head,.card-foot{grid-column:1/-1}.date-number{grid-row:2/4;align-self:center;margin:0}.date-card h2{align-self:end;margin:8px 0 0}.date-card p{align-self:start;margin:4px 0 12px}.hero h1{font-size:27px}.panel{padding:17px}.panel-title{align-items:flex-start;flex-direction:column}.month-nav{width:100%;justify-content:space-between}.tool-links{grid-template-columns:1fr 1fr}.input-row{grid-template-columns:1fr 1fr}.input-row .swap{grid-column:1/-1;grid-row:2}.input-row>div:last-child{grid-column:2;grid-row:1}.calendar-grid button,.calendar-grid span{min-height:39px}}/* 2026 refresh: responsive navigation, accessible focus and generator tools */
:root{--bg:#090f21;--side:#111c36;--card:#14203a;--border:#2c3a55;--soft:#1e3052;--accent:#8494ff;--muted:#aebbd4}
body.light{--bg:#f0f4fc;--side:#fff;--card:#fff;--border:#dde5f2;--soft:#edf2fd;--muted:#60728e}
html{scroll-behavior:smooth}body{min-height:100vh}button,input,textarea,select{max-width:100%}a,button,select,input,textarea{transition:border-color .15s,background-color .15s,box-shadow .15s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #98b8ff;outline-offset:2px}
.nav-en{display:none}body[data-lang="en"] .nav-bn{display:none}body[data-lang="en"] .nav-en{display:inline}
.language-control{display:flex;align-items:center;gap:8px}.language-control label{margin:0;white-space:nowrap}.language-control select{width:auto;padding:8px 12px;border-radius:9px;min-width:112px}.topbar{gap:17px}.top-tag{font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-card{min-height:255px}.hero{background:linear-gradient(115deg,#314ba7 0%,#253b83 49%,#101e49 100%)}.hero p{max-width:630px}.live-dot{color:#7afac1;font-size:13px}.tool-links{grid-template-columns:repeat(5,minmax(0,1fr))}.tool-emoji{font-size:28px}.tool-links a:hover{border-color:#7998ff;transform:translateY(-2px)}.panel-title h2{margin-bottom:0}.status{font-weight:650;color:var(--muted);padding:4px 0}.help{color:var(--muted);font-size:13px;line-height:1.5;margin-top:9px;min-height:20px}.download-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.download-row .btn{margin-top:0}.download-row.compact{margin-top:0}.download-row .secondary{padding:13px 18px;font-weight:700}.qr-options{grid-template-columns:1fr 1fr}.qr-options>div:last-child{grid-column:auto;grid-row:auto}.code-canvas{width:min(100%,360px)}.barcode-preview{min-height:155px;max-height:560px;overflow:auto;background:#fff}.barcode-preview img{max-width:100%;height:auto;object-fit:contain}.preview-label{margin-top:28px;margin-bottom:3px}.preview-frame{height:470px;min-height:300px}.editor{min-height:300px;tab-size:2}.age-result strong{display:block;margin-bottom:10px;font-size:24px}.age-stat-row{padding:8px 0;border-top:1px solid var(--border);line-height:1.4}.age-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.a4-stage{margin-top:19px;background:var(--soft);padding:19px;border:1px solid var(--border);border-radius:14px;display:flex;justify-content:center}.a4-stage canvas{height:auto;width:min(100%,380px);background:white;box-shadow:0 14px 55px #0004;display:block;aspect-ratio:210/297}.age-layout>.panel{min-width:0}.age-layout .result{font-size:13px}.age-layout .result strong{font-size:21px}.qr-options .input-row{grid-template-columns:1fr 1fr}
@media(max-width:1100px){.age-layout{grid-template-columns:1fr}.tool-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.topbar{height:auto;min-height:65px;padding:9px 4%;flex-wrap:wrap}.top-tag{display:none}.sidebar{position:relative}.nav{gap:8px}.nav-link{min-height:42px}.date-card{min-height:0}}
@media(max-width:520px){.mobile-brand{font-size:14px}.language-control label{display:none}.language-control select{min-width:89px;padding:8px}.theme-toggle{padding:8px}.theme-toggle span{display:none}.hero{padding:20px 19px}.live-pill{font-size:16px}.tool-links{grid-template-columns:1fr 1fr}.tool-links a{padding:14px;gap:8px}.tool-links b{font-size:12px}.qr-options{grid-template-columns:1fr 1fr}.download-row .btn,.download-row .secondary{font-size:13px}.panel{padding:17px}.a4-stage{padding:10px}.date-card{min-height:0}}
@media(max-width:350px){.tool-links{grid-template-columns:1fr}.language-control select{min-width:80px}.panel{padding:13px}.qr-options{grid-template-columns:1fr}}
@media print{body{background:#fff!important}.sidebar,.topbar,.page-heading,.download-row,.footer{display:none!important}.shell{display:block}.content{padding:0}.panel{border:0;box-shadow:none}}