:root{font-family:Inter,"Noto Sans",Arial,sans-serif;color:#172d2b;background:#f5f5ef;font-size:16px}*{box-sizing:border-box}body{margin:0}header{max-width:1200px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;border-bottom:1px solid #d8ded5}a{color:inherit;text-underline-offset:4px}.brand{font-weight:900;letter-spacing:2px;text-decoration:none}.brand span{color:#b74535}header>a:last-child{font-size:13px}main{max-width:1140px;margin:auto;padding:60px 28px 20px}.eyebrow,small{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#54716a}h1{font-size:clamp(42px,6vw,72px);letter-spacing:-3px;line-height:1.08;margin:22px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#b74535}p{line-height:1.7;color:#53625e}.intro{font-size:18px}.intro span{margin-left:12px;font-size:15px}nav{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}nav a{padding:11px 18px;border:1px solid #ccd5cb;border-radius:30px;font-size:13px;text-decoration:none;background:#fff}.clocks{background:#193d36;color:white;border-radius:20px;padding:30px;display:flex;justify-content:space-between;gap:25px;margin:36px 0}.clocks small{color:#b8d1c3}.clocks strong{display:block;font-size:32px;margin:8px 0}.clocks span{font-size:13px;color:#d4e1d8}.clocks p{color:#d4e1d8;font-size:13px}section{background:#fff;border:1px solid #dee3d9;border-radius:20px;padding:30px;margin-bottom:22px;scroll-margin-top:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid section{margin:0}h2{font-size:26px;letter-spacing:-.8px;margin:12px 0}h3{font-size:20px}.heading,.calendarhead{display:flex;align-items:center;justify-content:space-between}.row{display:flex;gap:12px;align-items:end}.row>*{flex:1;min-width:0}label{display:block;font-size:13px;font-weight:600;margin:16px 0}input,select,textarea{width:100%;border:1px solid #cdd6cd;border-radius:9px;padding:12px;margin-top:8px;background:#fafbf8;color:#172d2b;font:inherit}button{border:1px solid #ccd5cb;border-radius:9px;background:#f7f8f3;padding:11px 17px;color:#173e34;font:inherit;cursor:pointer}button:hover,nav a:hover{background:#e5ede3}button:focus-visible,a:focus-visible{outline:3px solid #c46c45;outline-offset:3px}.primary{background:#204f42;color:white;font-weight:600;border:0;margin:5px 0 10px}.primary:hover{background:#153a30}output{display:block;padding:16px;background:#edf3eb;border-radius:10px;margin-top:16px;font-size:15px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}output:empty{display:none}.note{font-size:12px;line-height:1.7}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar .weekday{text-align:center;padding:10px;font-size:12px;color:#6d7c72}.calendar button{min-height:62px;text-align:left;border:0;background:#f5f7f0}.calendar button small{display:block;font-size:10px;letter-spacing:0;margin-top:4px;font-weight:400}.calendar button.today{background:#244e40;color:white}.calendar button.today small{color:#e2efdd}.calendar button.selected{outline:2px solid #b74535}.calendar button:hover{background:#e4eddf}footer{padding:45px 0 20px;font-size:13px}footer b{letter-spacing:2px}#swap{flex:0;padding:12px;margin-bottom:16px}[hidden]{display:none!important}@media(max-width:680px){main{padding:35px 16px}header{padding:20px 16px}.grid{grid-template-columns:1fr}.clocks{flex-wrap:wrap;padding:24px}.clocks p{width:100%;margin:0}section{padding:20px}.calendar button{padding:8px;min-height:55px}.calendar .weekday{padding:8px 0;font-size:10px}.calendar button small{font-size:9px}.intro span{display:block;margin:5px 0}.row{flex-wrap:wrap}.row label{min-width:100px}h1{letter-spacing:-2px}}
/* Manzoku Exam Apply Support visual system */
:root{color:#152033;background:#fff;font-family:Arial,"Noto Sans Devanagari",sans-serif}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#edf5ff 0,#fff 600px,#fff0f4 1200px,#fff 1900px)}.topbar{background:linear-gradient(110deg,#0a55c7,#1684ec);color:white;padding:12px max(22px,calc((100vw - 1136px)/2));display:flex;justify-content:space-between;gap:20px}.topbar b{font-size:24px}.topbar span{font-size:13px;align-self:center}header{background:white;max-width:none;padding:16px max(22px,calc((100vw - 1136px)/2));border-color:#dfe7f2;box-shadow:0 3px 12px #00000008}.brand,.brand span{color:#e5143b}.brand{letter-spacing:0;font-size:20px}main{max-width:1180px}h1{color:#082b67;font-size:clamp(33px,5vw,48px);letter-spacing:0;line-height:1.3;font-weight:800}h1 em{font-family:inherit;font-style:normal;font-weight:800;color:#0a55c7}h2,h3,label{color:#082b67}small,.eyebrow{color:#0a55c7}.eyebrow{display:inline-flex;background:#e9f2ff;border-radius:999px;padding:8px 13px;letter-spacing:0;font-size:13px}.intro{color:#55657c}nav a{border-color:#cbdcf5;background:white;color:#0a55c7;font-weight:800}nav a:hover{background:#eaf2ff}.clocks{background:linear-gradient(110deg,#082b67,#0a55c7);border-radius:24px;box-shadow:0 15px 35px #08377820}.clocks small{color:#dbeaff}section{border-color:#dfe7f2;border-radius:24px;box-shadow:0 8px 25px #1124460b}.primary{background:linear-gradient(135deg,#e5143b,#ff3d62);border-radius:12px;font-weight:800;min-height:48px}.primary:hover{background:#c71032}button{color:#0a55c7;border-color:#cbdcf5;border-radius:12px}input,select,textarea{background:white;border-color:#cdd8e7;border-radius:10px}output{background:#edf4ff;color:#082b67}.note{color:#64748b}.calendar button{background:#f3f7ff;color:#082b67}.calendar button small{color:#64748b}.calendar button.today{background:#0a55c7}.calendar button:hover{background:#e1ecfc}.calendar button.selected{outline-color:#e5143b}.calendar .weekday{color:#64748b}footer{border-top:1px solid #dfe7f2;color:#082b67;margin-top:35px}a:focus-visible,button:focus-visible{outline-color:#9bc0f4}@media(max-width:650px){.topbar b{font-size:18px}.topbar span{display:none}.brand{font-size:16px}h1{font-size:33px}}
/* Simpler: one task at a time. */
main{padding-top:28px}.eyebrow{font-size:11px}h1{font-size:34px;margin:15px 0 10px;line-height:1.4}h1 br{display:none}h1 em{font-size:24px;margin-left:18px}.intro{font-size:15px;margin:8px 0 20px}.toolnav{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}.toolnav button{padding:16px 10px;font-size:15px;font-weight:800;background:#fff;border:1px solid #cbdcf5;color:#082b67;text-align:left}.toolnav button span{display:block;font-size:13px;font-weight:400;margin-top:5px;color:#64748b}.toolnav button[aria-pressed=true]{background:#0a55c7;color:white;border-color:#0a55c7}.toolnav button[aria-pressed=true] span{color:#e4efff}.clocks{padding:15px 22px;margin:20px 0;align-items:center}.clocks strong{font-size:23px;display:inline;margin-right:12px}.clocks small{display:block;font-size:10px;margin-bottom:4px}.clocks span{font-size:12px}.clocks p{margin:0}.grid{display:block}.grid section{max-width:760px;margin:0 auto}section>small{display:none}section{padding:24px}h2{font-size:25px}.calendar{gap:6px}.calendar button{min-height:108px;font-size:24px;font-weight:700;position:relative;padding:10px;overflow-wrap:anywhere}.calendar button small{font-size:11px;font-weight:400}.calendar .weekday{font-weight:700}.calendar button.weekend,.calendar button.publicholiday,.calendar .weekday.weekend{color:#c41d32}.calendar button.weekend,.calendar button.publicholiday{background:#fff1f3}.calendar button.publicholiday{box-shadow:inset 0 -3px #e5143b}.calendar button.today{outline:2px solid #0a55c7;outline-offset:-2px;background:#e8f1ff;color:#082b67}.calendar button.today.weekend,.calendar button.today.publicholiday{color:#c41d32;background:#fff1f3}.calendar button.today small{color:#53667c}.calendar button.selected{outline:3px solid #082b67;outline-offset:-3px}.eventlabel{font-size:10px;font-weight:600;line-height:1.4;display:block;margin-top:5px;color:#0a55c7}.eventlabel.public{color:#c41d32}.eventlabel.limited{color:#966000}.eventrow{display:flex;width:100%;gap:18px;text-align:left;background:white;border:0;border-bottom:1px solid #e1e8f1;border-radius:0;padding:13px 6px;font-size:13px}.eventrow strong{min-width:60px}.eventrow.public{color:#c41d32}.eventrow.limited{color:#966000}.eventrow.festival{color:#0a55c7}.calendarinfo{font-size:12px;margin-top:20px;background:#f5f8ff;padding:15px;border-radius:12px}.calendarinfo summary{cursor:pointer;font-weight:700}.coveragewarning{background:#fff7df;border-radius:8px;padding:12px;font-size:13px;color:#75520c}#monthEvents{margin-top:28px}#monthEvents h3{font-size:18px}footer{padding-top:22px;margin-top:25px}@media(max-width:700px){.toolnav{grid-template-columns:repeat(2,1fr)}.toolnav button:last-child{grid-column:1/-1}.toolnav button{padding:12px}.toolnav button span{display:inline;margin-left:8px;font-size:11px}h1{font-size:27px}h1 em{display:block;font-size:20px;margin-left:0}.clocks{gap:10px;justify-content:space-between}.clocks strong{font-size:20px}.clocks span{display:block;font-size:11px}.clocks p{font-size:11px;width:auto}.calendar{gap:3px}.calendar button{min-height:93px;font-size:19px;padding:6px 4px}.calendar button small{font-size:9px}.eventlabel{font-size:9px}.row{gap:8px}.row label{min-width:40%;margin:8px 0}.note{font-size:11px}section{padding:16px}#calendars{margin-left:-4px;margin-right:-4px}.eventrow{font-size:12px}.heading h2{font-size:22px}}
/* Instantly recognizable calendar scenes */
body[data-calendar=bs]{--calendar-image:url('assets/nepal.webp');--calendar-accent:#9b4729}
body[data-calendar=ja]{--calendar-image:url('assets/japan.webp');--calendar-accent:#a72860}
body[data-calendar=en]{--calendar-image:url('assets/english.webp');--calendar-accent:#155790}
body[data-tool=calendars]{background-image:linear-gradient(#f4f8fff0,#f4f8ffb0),var(--calendar-image);background-size:cover;background-position:center;background-attachment:fixed}
body[data-tool=calendars] main>h1,body[data-tool=calendars] main>.intro{color:#082b67}
#calendars{background:none;border:none;box-shadow:none;padding:0;overflow:hidden}
.calendar-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.calendar-switch button{background:white;color:#394b65;border:2px solid #dbe3ee;font-size:17px;font-weight:800;text-align:center;padding:16px 10px;min-height:80px;box-shadow:0 4px 15px #1124460a}
.calendar-switch button span{display:block;font-size:12px;font-weight:400;margin-top:4px}
.calendar-switch button[aria-pressed=true]{border-color:var(--calendar-accent);color:var(--calendar-accent);background:#fff;box-shadow:0 0 0 2px #ffffff,0 4px 20px #11244620}
.calendar-scene{min-height:240px;background-image:linear-gradient(90deg,#071f4c88,#071f4c05),var(--calendar-image);background-size:cover;background-position:center 45%;display:flex;flex-direction:column;justify-content:end;align-items:start;padding:30px;border-radius:24px 24px 0 0}
.calendar-scene>span{font-size:30px;font-weight:800;color:white;text-shadow:0 2px 8px #0008}
.calendar-scene>p{color:white;margin:8px 0 0;font-size:14px;background:#112446b0;border-radius:8px;padding:5px 12px}
.calendar-panel{background:white;border:1px solid #dfe7f2;border-top:0;border-radius:0 0 24px 24px;padding:26px}
.calendar-panel .heading>div>small{display:none}
.calendar-panel .heading h2{margin-top:0}
.calendar-panel .row label{flex:1}
@media(max-width:700px){.calendar-switch{gap:6px}.calendar-switch button{font-size:13px;padding:12px 4px;min-height:75px}.calendar-switch button span{font-size:10px}.calendar-scene{min-height:190px;padding:20px;background-position:center}.calendar-scene>span{font-size:25px}.calendar-panel{padding:14px}body[data-tool=calendars]{background-attachment:scroll}.calendar-panel .row label{min-width:40%}}
@media(max-width:700px){body[data-calendar=bs] .calendar-scene{background-position:18% center}}
.quicktime{display:flex;gap:10px;margin:22px 0}.quicktime button{flex:1;padding:13px 8px;font-weight:700;font-size:14px;background:white}.quicktime button[aria-pressed=true]{background:#e9f2ff;border:2px solid #0a55c7}.time-step{display:flex;gap:16px;align-items:start;margin-bottom:18px}.stepnum{border-radius:50%;background:#eaf2ff;color:#0a55c7;font-size:15px;font-weight:800;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;margin-top:19px}.time-step>label,.time-entry{flex:1;min-width:0}.time-step label{margin:10px 0}.time-parts{display:flex;gap:10px;align-items:center}.time-parts label{flex:1;margin:4px 0}.time-parts>span{padding-top:24px;font-weight:800}.timelabel{font-size:13px;font-weight:700;display:block;color:#082b67;margin:18px 0 4px}.timehint{font-size:11px;color:#64748b;margin:8px 0 12px;line-height:1.6}.time-entry>button{font-size:12px;padding:8px 12px}.time-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.time-actions button{font-size:14px}.simple-time-result{text-align:center;padding:26px;background:#eaf3ff;border:1px solid #c4d9f7}.simple-time-result>small{display:block;color:#215185;font-size:13px;letter-spacing:0;font-weight:700}.result-clock{display:block;font-size:45px;color:#082b67;line-height:1.3;margin-top:12px}.result-date{display:block;font-size:16px}.day-badge{display:inline-block;background:white;border:1px solid #cadbf1;border-radius:20px;padding:3px 12px;font-size:12px;margin-top:12px;color:#0a55c7}.result-origin{font-size:13px;margin:16px 0 0;color:#53657b}.time-info{margin-top:20px;color:#64748b;font-size:12px}.time-info summary{cursor:pointer}#time form{padding:18px;border:1px solid #dfe7f2;border-radius:16px}#time>p{font-size:15px}@media(max-width:500px){.quicktime{gap:6px}.quicktime button{font-size:12px}.time-step{gap:10px}.result-clock{font-size:38px}.time-parts{gap:6px}.time-parts select{padding:10px 7px}.time-step .stepnum{width:25px;height:25px}.time-actions .primary{width:100%}}

/* Clearly separate the entered time from its converted result. */
#time form{padding:0;border:0}.time-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.time-panel{padding:24px;border-radius:18px;border:2px solid;min-width:0}.time-source{background:#edf4ff;border-color:#7ba7e3;color:#153e79}.time-destination{background:#eaf8f0;border-color:#64ad88;color:#15583b}.panel-heading{display:flex;gap:12px;align-items:center;margin-bottom:24px}.panel-heading>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#1d56a5;color:white;font-weight:800;flex-shrink:0}.time-destination .panel-heading>span{background:#197348}.panel-heading h3{font-size:21px;margin:0}.panel-heading small{display:block;font-size:12px;letter-spacing:0;font-weight:500;color:inherit;margin-top:5px}.time-panel label,.time-source .timelabel{color:inherit}.time-panel select,.time-panel input{background:white;color:#172d2b;border-color:#a6bbd8}.time-destination select{border-color:#88b89d}.time-source .timehint{color:#415f85}.time-source button{background:white;color:#153e79;border-color:#9db7dc}.time-destination .simple-time-result{display:block;background:transparent;border:0;padding:20px 0 0;margin-top:8px}.time-destination .simple-time-result>small{color:#246449;letter-spacing:0}.time-destination .result-clock{color:#125d3c;font-size:clamp(34px,4vw,46px)}.time-destination .result-date{color:#22553f;font-size:15px}.time-destination .day-badge{color:#15583b;border-color:#91c4a8}.time-destination .result-origin{color:#426452;font-size:12px}.time-actions{justify-content:space-between;margin-top:16px}.time-actions p{font-size:12px;margin:0;color:#53625e}.time-actions button{background:white}.quicktime button[aria-pressed=true]{background:#edf4ff;border-color:#1d56a5}@media(max-width:700px){.time-panels{grid-template-columns:1fr;gap:16px}.time-panel{padding:20px}.panel-heading{margin-bottom:18px}.time-actions{align-items:start;gap:10px}.time-destination .result-clock{font-size:42px}}

#money form{border:0;padding:0}#moneyresult{display:block;background:transparent;border:0;padding:22px 0 0;margin:0;color:#15583b;text-align:center;overflow-wrap:anywhere}#moneyresult .money-caption{display:block;letter-spacing:0;color:#246449;font-size:13px}.money-value{display:block;font-size:clamp(30px,4vw,44px);line-height:1.3;margin:14px 0}.money-equation,.money-unit{display:block;font-size:14px;margin-top:10px}.money-unit{font-weight:700}#ratestatus{margin:20px 0 8px}#money .time-source input{font-size:24px;font-weight:700;width:100%}#money .time-actions #swap{flex:none;width:auto;padding:12px 18px}

#translate h2{font-size:clamp(20px,3vw,26px);line-height:1.5}#translate textarea{width:100%;resize:vertical;background:white;color:#172d2b;line-height:1.8;font:inherit;font-size:16px;border:1px solid #a6bbd8;border-radius:10px;padding:12px}#translate .time-destination textarea{border-color:#88b89d;background:#fff}#translate .message-limit{font-size:11px;font-weight:400}#translate form{padding:0;border:0}#translate .note{font-size:12px;line-height:1.7;color:inherit}#translate .time-destination button{background:white;color:#15583b;border-color:#88b89d}#translate button:disabled{opacity:.5;cursor:default}#translatestatus{min-height:26px;font-size:14px}#translate .time-info button{margin-top:12px}

#translate .time-panels{grid-template-columns:minmax(0,1fr);gap:16px}#translate .translator-submit{text-align:center}#translate .translator-submit .primary{min-width:200px}#translate #romanpreviewbox{font-size:12px;margin-top:12px}#translate #romanpreviewbox summary{cursor:pointer}#translate .panel-heading{margin-bottom:18px}#translate .time-actions{justify-content:flex-end}