@font-face{font-family:'SLH Title';font-style:normal;font-weight:700;font-display:swap;src:url(/notes/fonts/caveat-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'SLH Hand';font-style:normal;font-weight:400;font-display:swap;src:url(/notes/fonts/kalam-400-deva.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A}
@font-face{font-family:'SLH Hand';font-style:normal;font-weight:400;font-display:swap;src:url(/notes/fonts/kalam-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'SLH Hand';font-style:normal;font-weight:700;font-display:swap;src:url(/notes/fonts/kalam-700-deva.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A}
@font-face{font-family:'SLH Hand';font-style:normal;font-weight:700;font-display:swap;src:url(/notes/fonts/kalam-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ===== ✨ Aesthetic Notes (SLH, Nov 2026) — own styles, scoped to .nb ===== */
.nh,.ng{display:none}
html[data-ui=hi] .ne,html[data-ui=hi] .ng,html[data-ui=hg] .ne,html[data-ui=hg] .nh{display:none}
html[data-ui=hi] .nh,html[data-ui=hg] .ng{display:revert}
.nb{--pk:#f7a8c4;--pk2:#ffe3ee;--pk3:#c2416f;--pc:#ffd9c2;--mn:#c9f0dd;--lv:#e3dcff;--sky:#d6ecff;--ink2:#3b2d3f;--paper:#fffdf8;--grid:rgba(120,150,190,.13);padding-bottom:40px}
.nb .wrap{max-width:860px}
.nb-paper{position:relative;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:22px 22px;border-radius:22px;box-shadow:0 10px 30px rgba(194,65,111,.10),0 1px 0 rgba(0,0,0,.04);padding:22px 18px 26px;margin:10px 0 18px;color:var(--ink2);overflow:hidden}
.nb-paper:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(#f7a8c4,#ffc9a8 40%,#b9e8d3 75%,#cfc4ff)}
[data-theme=dark] .nb{--paper:#1b1720;--grid:rgba(255,255,255,.045);--ink2:#f1e9f3;--pk3:#ff9cc2}
[data-theme=dark] .nb-paper{box-shadow:0 10px 30px rgba(0,0,0,.35)}
.nb-kick{font:600 12.5px/1.3 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#a0617c;margin:0 0 6px}
[data-theme=dark] .nb-kick{color:#e6a3c0}
.nb-title{font-family:'SLH Title','SLH Hand',cursive;font-weight:700;font-size:clamp(34px,8.6vw,52px);line-height:1.05;margin:4px 0 4px;color:#b83268;letter-spacing:.3px;text-align:center}
html[data-ui=hi] .nb-title{font-family:'SLH Hand',cursive;font-size:clamp(28px,7vw,42px);line-height:1.35}
.nb-title .nb-ul{background:linear-gradient(transparent 62%,rgba(255,209,102,.55) 62%,rgba(255,209,102,.55) 92%,transparent 92%);padding:0 6px}
[data-theme=dark] .nb-title{color:#ff9cc2}
.nb-sub{text-align:center;font-family:'SLH Hand',cursive;font-size:16px;color:#7a6476;margin:0 0 12px}
[data-theme=dark] .nb-sub{color:#cdb9cb}
.nb-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 14px}
.nb-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:999px;border:1.5px solid #f3b6cc;background:#fff;color:#9b2c58;font:600 14px/1 system-ui,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 2px 0 #f6d3df}
.nb-btn.pri{background:linear-gradient(135deg,#ff8fb8,#ffb38a);border-color:transparent;color:#fff;box-shadow:0 3px 10px rgba(255,120,160,.35)}
[data-theme=dark] .nb-btn{background:#2a2230;color:#ffc2da;border-color:#6b3a52;box-shadow:none}
[data-theme=dark] .nb-btn.pri{background:linear-gradient(135deg,#d9578a,#e08a5d);color:#fff}
.nb-lsw{display:flex;justify-content:center;gap:6px;margin:0 0 12px}
.nb-lsw button{border:1.5px solid #ecc6d5;background:#fff;color:#7d4a62;border-radius:999px;padding:6px 12px;font:600 13px system-ui,sans-serif;cursor:pointer}
.nb-lsw button[aria-pressed=true]{background:#ffe3ee;border-color:#f08bb1;color:#a3285a}
[data-theme=dark] .nb-lsw button{background:#2a2230;color:#e7c4d4;border-color:#5a3a4a}
[data-theme=dark] .nb-lsw button[aria-pressed=true]{background:#4a2338;color:#ffd0e3}
.nb-fig{margin:0 0 14px;position:relative}
.nb-dg{position:relative;background:#fffaf5;border-radius:18px;border:1.5px dashed #f2c4d4;padding:6px;touch-action:manipulation}
[data-theme=dark] .nb-dg{background:#fff8f2;border-color:#6b3a52}
.nb-dg>svg{display:block;width:100%;height:auto}
.nb-dg svg text{font-family:'SLH Hand','Kalam',cursive}
.nb-lb{cursor:pointer}
.nb-lb rect{fill:#ffe3ee;stroke:#f39bbd;stroke-width:1.3;transition:fill .2s,stroke .2s}
.nb-lb text{fill:#8d2752;font-size:14px;font-weight:700}
.nb-lb.c2 rect{fill:#ffe6d6;stroke:#f5a97f}.nb-lb.c2 text{fill:#97411b}
.nb-lb.c3 rect{fill:#dff6ea;stroke:#86d4ae}.nb-lb.c3 text{fill:#1e6a49}
.nb-lb.c4 rect{fill:#ebe5ff;stroke:#b3a3f5}.nb-lb.c4 text{fill:#4b3796}
.nb-lb.c5 rect{fill:#dcefff;stroke:#8cc2f0}.nb-lb.c5 text{fill:#1d5a8c}
.nb-ld{fill:none;stroke:#c98aa6;stroke-width:1.3;stroke-linecap:round}
.nb-dot{fill:#c2416f}
.nb-lb:hover rect,.nb-lb.on rect{fill:#ffd1e2;stroke:#e0457f;stroke-width:2}
.nb-lb.on text{fill:#7a0d3a}
[data-theme=dark] .nb-lb.on rect{fill:#ffd1e2}
.nb-part{transition:filter .25s,opacity .25s}
.nb-dg.hl .nb-part{opacity:.38}
.nb-dg.hl .nb-part.on{opacity:1;filter:drop-shadow(0 0 6px rgba(255,80,140,.9))}
.nb-zm{cursor:pointer}
.nb-zm .r1{fill:rgba(255,255,255,.9);stroke:#ff6f9f;stroke-width:2}
.nb-zm .r2{fill:none;stroke:#ff6f9f;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:nbpulse 1.8s ease-out infinite}
.nb-zm text{font-size:13px}
@keyframes nbpulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.1);opacity:0}}
@media (prefers-reduced-motion:reduce){.nb-zm .r2{animation:none}}
.nb-card{margin:10px 0 0;min-height:64px;background:#fff;border:1.5px solid #f6c6d7;border-radius:16px;padding:10px 14px;box-shadow:0 4px 14px rgba(240,130,170,.12);font-size:15.5px;line-height:1.5;color:#3b2d3f}
.nb-card b{color:#b83268;font-family:'SLH Hand',cursive;font-size:19px}
.nb-card .tip{color:#9a7f92;font-family:'SLH Hand',cursive;font-size:16px}
[data-theme=dark] .nb-card{background:#251e2b;border-color:#5a3a4a;color:#f1e9f3}
[data-theme=dark] .nb-card b{color:#ff9cc2}
[data-theme=dark] .nb-card .tip{color:#cdb9cb}
.nb-lens{position:absolute;z-index:5;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 30%,#fff,#fff6f0 70%);border:5px solid #fff;box-shadow:0 0 0 3px #ff8fb8,0 14px 34px rgba(180,40,90,.35);transform:scale(.12);opacity:0;transition:transform .42s cubic-bezier(.2,.9,.25,1.15),opacity .25s;pointer-events:none}
.nb-lens.open{transform:scale(1);opacity:1;pointer-events:auto}
.nb-lens svg{display:block;width:100%;height:100%}
.nb-lens svg text{font-family:'SLH Hand',cursive}
.nb-lens-x{position:absolute;right:50%;transform:translateX(50%);bottom:6px;border:0;border-radius:999px;background:#c2416f;color:#fff;font:700 13px system-ui;padding:5px 12px;cursor:pointer}
.nb-lcap{text-align:center;font-family:'SLH Hand',cursive;font-size:15.5px;color:#8d2752;margin:8px 0 0;min-height:1.4em}
[data-theme=dark] .nb-lcap{color:#ffb3cf}
.nb-h2{font-family:'SLH Title','SLH Hand',cursive;font-size:32px;color:#2f7d62;margin:18px 0 6px;font-weight:700}
html[data-ui=hi] .nb-h2{font-family:'SLH Hand',cursive;font-size:25px}
[data-theme=dark] .nb-h2{color:#8fe0bd}
.nb-pts{list-style:none;padding:0;margin:0}
.nb-pts li{position:relative;padding:7px 4px 7px 30px;font-family:'SLH Hand',cursive;font-size:18px;line-height:1.45;color:var(--ink2);border-bottom:1px dashed rgba(200,140,170,.28)}
html[data-ui=hi] .nb-pts li{font-size:18.5px;line-height:1.6}
.nb-pts li:before{content:"";position:absolute;left:8px;top:15px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffd1e2,#f06a9b)}
.nb-pts li:nth-child(3n+2):before{background:radial-gradient(circle at 35% 35%,#ffe7c9,#f59a5b)}
.nb-pts li:nth-child(3n):before{background:radial-gradient(circle at 35% 35%,#d7f7e7,#3fb984)}
.nb-pts .k{font-weight:700;color:#b02e63;background:linear-gradient(transparent 55%,rgba(255,170,200,.55) 55%,rgba(255,170,200,.55) 92%,transparent 92%);padding:0 3px;border-radius:3px}
.nb-pts li:nth-child(3n+2) .k{color:#a2481b;background:linear-gradient(transparent 55%,rgba(255,200,150,.6) 55%,rgba(255,200,150,.6) 92%,transparent 92%)}
.nb-pts li:nth-child(3n) .k{color:#1f6e4d;background:linear-gradient(transparent 55%,rgba(150,230,190,.6) 55%,rgba(150,230,190,.6) 92%,transparent 92%)}
[data-theme=dark] .nb-pts .k{color:#ffb3cf;background:rgba(255,120,170,.18)}
[data-theme=dark] .nb-pts li:nth-child(3n+2) .k{color:#ffc9a3;background:rgba(255,170,110,.16)}
[data-theme=dark] .nb-pts li:nth-child(3n) .k{color:#9be8c4;background:rgba(80,200,150,.16)}
.nb-yaad{position:relative;margin:20px 4px 6px;padding:14px 16px 14px;background:#fff7c9;border-radius:6px 18px 6px 18px;box-shadow:3px 4px 0 #f3d36b;transform:rotate(-.6deg);font-family:'SLH Hand',cursive;font-size:18px;line-height:1.5;color:#5a4410}
.nb-yaad h3{margin:0 0 4px;font-family:'SLH Hand',cursive;font-size:22px;color:#b5651d}
.nb-yaad:after{content:"";position:absolute;top:-10px;left:50%;width:84px;height:20px;margin-left:-42px;background:rgba(255,182,206,.75);transform:rotate(2deg)}
[data-theme=dark] .nb-yaad{background:#3a3214;color:#fbecb5;box-shadow:3px 4px 0 #6b5a1a}
[data-theme=dark] .nb-yaad h3{color:#ffcf7a}
.nb-src{font:13px/1.5 system-ui,sans-serif;color:#8a7486;margin:16px 0 0;text-align:center}
[data-theme=dark] .nb-src{color:#b9a7b6}
.nb-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;margin:14px 0 0}
/* index */
.nb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:14px 0}
.nb-c{display:block;text-decoration:none;color:inherit;background:var(--paper);border-radius:20px;overflow:hidden;box-shadow:0 6px 18px rgba(194,65,111,.12);border:1.5px solid #f6d3df;transition:transform .2s}
.nb-c:hover{transform:translateY(-3px)}
.nb-c .th{background:#fffaf5;border-bottom:1.5px dashed #f2c4d4;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;overflow:hidden}
.nb-c .th svg{width:100%;height:100%}
.nb-c .bd{padding:10px 14px 14px}
.nb-c .cl{font:600 12px system-ui,sans-serif;color:#a0617c;text-transform:uppercase;letter-spacing:.04em}
.nb-c h2{font-family:'SLH Hand',cursive;font-size:22px;line-height:1.25;margin:4px 0 4px;color:#b83268}
.nb-c p{font-size:14px;color:#7a6476;margin:0}
[data-theme=dark] .nb-c{border-color:#4a3040}
[data-theme=dark] .nb-c h2{color:#ff9cc2}[data-theme=dark] .nb-c p{color:#cdb9cb}
.nb-soon{font-family:'SLH Hand',cursive;font-size:17px;text-align:center;color:#7a6476;margin:8px 0 0}
@media (min-width:700px){.nb-paper{padding:30px 34px 34px}.nb-pts{columns:1}.nb-pts li{font-size:19px}}
@media print{
 @page{size:A4;margin:10mm}
 html,body{background:#fff!important}
 body>*:not(main){display:none!important}
 main.nb{min-height:0!important}
 header.top,footer,.bnav,.skip,.crumbs,.nb-bar,.nb-lsw,.nb-zm,.nb-card,.nb-lens,.nb-lcap,.nb-nav,#saathi,.saathi,[class*=saathi]{display:none!important}
 .nb-paper{box-shadow:none;margin:0;padding:6mm 6mm;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:0}
 .nb-dg{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .nb-pts li,.nb-yaad{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .nb-yaad{transform:none;break-inside:avoid}
 .nb-paper{overflow:visible}
 .nb-paper:before{display:none}
 .nb-dg.hl .nb-part{opacity:1;filter:none}
 main{padding:0!important}
 .nb-pts li{font-size:15px!important;line-height:1.4!important;padding:4px 4px 4px 28px}
 .nb-pts li:before{top:11px}
 .nb-dg>svg{max-height:115mm}
 .nb-title{font-size:40px}
 .nb-yaad{font-size:16px;margin-top:12px}
 .nb-src{margin-top:8px}
}
.nb-lb:focus,.nb-zm:focus{outline:none}.nb-lb:focus-visible rect{stroke:#7a0d3a;stroke-width:2.6}
.nb-lens .nb-zm text{font-size:12px}.nb-lens-x{white-space:nowrap}

.nb-zc{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:8px 2px 0;font:700 14px/1.3 'SLH Hand',system-ui,sans-serif}
.nb-zc[hidden]{display:none}
.nb-zc button,.nb-zc b{border:0;border-radius:999px;padding:4px 11px;font:inherit;cursor:pointer;background:#f3ecff;color:#5b3fb8}
.nb-zc b{background:linear-gradient(135deg,#ff9fc0,#c9a7ff);color:#fff;cursor:default}
.nb-zc i{font-style:normal;color:#b49ae6}
.nb-dg{touch-action:pan-y}
html[data-theme="dark"] .nb-zc button{background:#2c2346;color:#d9ccff}
@media print{.nb-zc{display:none!important}}
