*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--red:#b5121b;--red-dim:rgba(181,18,27,0.10);--fg:#111;--fg-2:#444;--fg-dim:#888;--bg:#f4f4f5;--bg-card:#fff;--border:#e2e2e5;--radius:10px;--radius-sm:6px;--shadow-sm:0 1px 3px rgba(0,0,0,0.07),0 1px 2px rgba(0,0,0,0.04);--font:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app,body{min-height:100dvh}.app{display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:54px;background:var(--bg-card);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:var(--shadow-sm)}.brand{font-size:1.25rem;font-weight:800;color:var(--red);letter-spacing:-.5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.topbar-right{gap:14px}.nav-hints,.topbar-right{display:flex;align-items:center}.nav-hints{gap:10px}.nav-hint{display:flex;align-items:center;gap:4px;font-size:.68rem;color:var(--fg-dim);-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-hint kbd{font-size:.6rem;background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-family:monospace;color:var(--fg-dim);line-height:1.4}@media (max-width:560px){.nav-hints{display:none}}.today-btn{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--red);border-radius:var(--radius-sm);color:var(--red);font-size:.75rem;font-weight:600;padding:4px 10px;cursor:pointer;font-family:var(--font);transition:background .1s,opacity .1s;white-space:nowrap}.today-btn:hover:not(:disabled){background:var(--red-dim)}.today-btn:disabled{opacity:.28;cursor:default}.today-btn kbd{font-size:.58rem;background:var(--red-dim);border-radius:3px;padding:1px 4px;font-family:monospace;color:var(--red);line-height:1.4}.vnav-group{display:flex;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:3px}.vnav{display:flex;align-items:center;gap:6px;border:none;background:none;padding:5px 11px;border-radius:5px;font-size:.78rem;font-weight:500;color:var(--fg-2);cursor:pointer;transition:background .12s,color .12s,box-shadow .12s;font-family:var(--font);white-space:nowrap}.vnav:hover{color:var(--fg)}.vnav.active,.vnav:hover{background:var(--bg-card)}.vnav.active{color:var(--red);font-weight:600;box-shadow:var(--shadow-sm)}.vnav kbd{font-size:.6rem;background:var(--border);border-radius:3px;padding:1px 4px;font-family:monospace;color:var(--fg-dim);line-height:1.4}.vnav.active kbd{background:var(--red-dim);color:var(--red)}@media (max-width:420px){.vnav kbd{display:none}.vnav{padding:5px 9px}}.content{flex:1 1;padding:20px 16px 40px;max-width:980px;width:100%;margin:0 auto}.center-msg{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--fg-dim)}.nav-link{cursor:pointer;transition:color .12s}.nav-link:hover{color:var(--red)}.nav-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1.1rem;cursor:pointer;color:var(--fg-2);padding:6px 14px;line-height:1;transition:border-color .1s,color .1s,background .1s;font-family:var(--font);box-shadow:var(--shadow-sm)}.nav-btn:hover:not(:disabled){border-color:var(--red);color:var(--red);background:var(--red-dim)}.nav-btn:disabled{opacity:.25;cursor:default;box-shadow:none}.year-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.year-heading{font-size:1.85rem;font-weight:800;letter-spacing:-1px;color:var(--fg)}.year-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:800px){.year-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:520px){.year-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.mini-month{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:11px;box-shadow:var(--shadow-sm)}.mini-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.mini-np{font-size:.82rem;font-weight:700}.mini-en{font-size:.6rem;color:var(--fg-dim)}.mini-dow-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:2px}.mini-dow-row span{text-align:center;font-size:.5rem;font-weight:700;color:var(--fg-dim);padding:2px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mini-dow-row span:last-child{color:var(--red)}.mini-grid{display:grid;grid-template-columns:repeat(7,1fr)}.mini-day{text-align:center;font-size:.6rem;padding:2px 1px;border-radius:50%;cursor:pointer;line-height:1.8;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .1s,color .1s}.mini-day:hover{background:var(--red-dim)}.mini-day.holiday,.mini-day.sat,.mini-day:hover{color:var(--red)}.mini-day.today{background:var(--red);color:#fff;font-weight:700}.month-view{max-width:460px;margin:0 auto}.month-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.month-title{text-align:center}.month-title h1{font-size:1.7rem;font-weight:800;letter-spacing:-.5px}.month-title p{font-size:.78rem;margin-top:3px}.gr-range,.month-title p{color:var(--fg-dim)}.dow-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.dow-row span{text-align:center;font-size:.62rem;font-weight:600;color:var(--fg-dim);padding:4px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dow-row span:last-child{color:var(--red)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.cal-cell{aspect-ratio:.88;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:0;overflow:hidden}.cal-cell:hover:not(.empty):not(.today){background:var(--red-dim)}.cal-cell.empty{cursor:default;pointer-events:none}.cal-cell.today{background:var(--red);border-radius:8px}.bs-day{font-size:1.05rem;font-weight:700;line-height:1.25}.ad-day{font-size:.58rem;color:var(--fg-dim);line-height:1}.cal-cell.holiday .bs-day,.cal-cell.sat .bs-day{color:var(--red)}.cal-cell.today .bs-day{color:#fff}.cal-cell.today .ad-day{color:rgba(255,255,255,.7)}.week-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.week-range{font-size:.88rem;font-weight:600;color:var(--fg-2)}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px}.week-day{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 6px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:130px;justify-content:center;transition:border-color .12s,box-shadow .12s;box-shadow:var(--shadow-sm);-webkit-user-select:none;-moz-user-select:none;user-select:none}.week-day:hover{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}.week-day.holiday .wk-bs,.week-day.sat .wk-bs,.week-day.sat .wk-dow{color:var(--red)}.week-day.today{background:var(--red);border-color:var(--red);color:#fff}.week-day.today .wk-dow,.week-day.today .wk-gr-m,.week-day.today .wk-np-m{color:rgba(255,255,255,.72)}.week-day.today .wk-bs{color:#fff}.wk-dow{font-size:.58rem;font-weight:700;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.07em}.wk-bs{font-size:1.65rem;font-weight:800;line-height:1.1}.wk-np-m{font-size:.58rem;color:var(--fg-dim)}.wk-gr{font-size:.85rem;font-weight:600;margin-top:6px}.wk-gr-m{font-size:.58rem;color:var(--fg-dim)}@media (max-width:580px){.week-grid{grid-template-columns:1fr;gap:4px}.week-day{flex-direction:row;min-height:auto;padding:11px 16px;gap:14px;justify-content:flex-start}.wk-bs{font-size:1.4rem}.wk-gr{margin-top:0}}.three-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.three-label{font-size:.95rem;font-weight:700;color:var(--fg-2)}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:640px){.three-grid{grid-template-columns:1fr}}.three-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-sm)}.three-card-head{text-align:center;margin-bottom:10px}.three-card-np{font-size:1rem;font-weight:800}.three-card-en{font-size:.62rem;margin-top:2px}.three-card-en,.three-card-gr-range{color:var(--fg-dim)}.three-dow-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:3px}.three-dow-row span{text-align:center;font-size:.52rem;font-weight:700;color:var(--fg-dim);padding:2px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.three-dow-row span:last-child{color:var(--red)}.three-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:1px;gap:1px}.three-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:.88;border-radius:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .1s}.three-cell:hover:not(.empty):not(.today){background:var(--red-dim)}.three-cell.empty{cursor:default;pointer-events:none}.three-cell.today{background:var(--red);border-radius:6px}.three-bs{font-size:.8rem;font-weight:700;line-height:1.25}.three-gr{font-size:.48rem;color:var(--fg-dim);line-height:1}.three-cell.holiday .three-bs,.three-cell.sat .three-bs{color:var(--red)}.three-cell.today .three-bs{color:#fff}.three-cell.today .three-gr{color:rgba(255,255,255,.7)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:50;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal{background:var(--bg-card);border-radius:18px;padding:32px 44px;text-align:center;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.22),0 8px 20px rgba(0,0,0,.1);min-width:260px;max-width:340px;width:calc(100vw - 48px);animation:modal-in .16s ease-out}@keyframes modal-in{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-x{position:absolute;top:12px;right:14px;background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--fg-dim);line-height:1;padding:4px 8px;border-radius:5px;transition:color .1s,background .1s;font-family:var(--font)}.modal-x:hover{color:var(--fg);background:var(--bg)}.modal-dow{font-size:.68rem;font-weight:700;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.modal-gr{font-size:1.35rem;font-weight:700;color:var(--fg);margin-bottom:16px}.modal-divider{border:none;border-top:1px solid var(--border);margin:0 -8px 16px}.modal-bs-en{font-size:.92rem;color:var(--fg-2);margin-bottom:7px}.modal-bs-np{font-size:1.3rem;font-weight:700;color:var(--red)}.mini-day.has-event{font-weight:600}.mini-day.has-event:not(.today):after{content:"";display:block;width:3px;height:3px;background:var(--red);border-radius:50%;margin:0 auto}.cal-cell{aspect-ratio:unset;min-height:54px;padding:3px 2px;gap:1px}.cell-event,.cell-event-placeholder{display:block;font-size:.48rem;line-height:1.2;color:var(--red);font-weight:600;text-align:center;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-height:.6rem}.cell-event-placeholder{min-height:.6rem}.cell-tithi,.cell-tithi-placeholder{display:block;font-size:.44rem;line-height:1.2;color:var(--fg-dim);text-align:center;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-height:.55rem}.cell-tithi-placeholder{min-height:.55rem}.cal-cell.today .cell-event{color:rgba(255,255,255,.92)}.cal-cell.today .cell-tithi{color:rgba(255,255,255,.7)}.wk-event{font-size:.52rem;color:var(--red);font-weight:600;text-align:center;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 4px}.wk-tithi{font-size:.5rem;color:var(--fg-dim);text-align:center;margin-top:2px}.week-day.today .wk-event{color:rgba(255,255,255,.9)}.week-day.today .wk-tithi{color:rgba(255,255,255,.65)}.three-tithi{display:block;font-size:.38rem;color:var(--fg-dim);line-height:1;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.three-cell.today .three-tithi{color:rgba(255,255,255,.7)}.three-cell.has-event{font-weight:600}.three-cell.has-event:not(.today):after{content:"";display:block;width:3px;height:3px;background:var(--red);border-radius:50%;margin-top:1px}.modal-event{font-size:.78rem;color:var(--red);font-weight:600;margin-bottom:10px;line-height:1.4}.modal-tithi{font-size:.82rem;color:var(--fg-dim);margin-top:10px;font-style:italic}.converter-view{max-width:760px;margin:0 auto}.converter-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:580px){.converter-grid{grid-template-columns:1fr}}.conv-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.conv-title{font-size:1.1rem;font-weight:800;color:var(--fg);letter-spacing:-.3px}.conv-sub{font-size:.72rem;color:var(--fg-dim);margin-top:-4px}.conv-fields{display:flex;flex-direction:column;gap:8px;margin-top:6px}.conv-input,.conv-select{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;font-family:var(--font);color:var(--fg);background:var(--bg);outline:none;transition:border-color .12s,box-shadow .12s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.conv-input:focus,.conv-select:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}.conv-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.conv-btn,.conv-date,.conv-select{cursor:pointer}.conv-btn{padding:10px 0;background:var(--red);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;font-family:var(--font);transition:opacity .12s;margin-top:2px}.conv-btn:hover{opacity:.88}.conv-btn:active{opacity:.75}.conv-result{margin-top:4px;padding:14px 16px;background:var(--red-dim);border:1px solid rgba(181,18,27,.15);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px;animation:conv-result-in .15s ease-out}@keyframes conv-result-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.conv-result.conv-result-plain{font-size:.95rem;font-weight:700;color:var(--red);text-align:center}.conv-bs-np{font-size:1.15rem;font-weight:800;color:var(--red)}.conv-bs-en{font-size:.78rem;color:var(--fg-2)}.conv-error{margin-top:4px;padding:10px 14px;background:#fff3f3;border:1px solid #f5c0c0;border-radius:var(--radius-sm);font-size:.8rem;color:#c0392b;animation:conv-result-in .15s ease-out}.conv-range-note{text-align:center;font-size:.72rem;color:var(--fg-dim);margin-top:14px}