/* Paras Classes Online v1.4.0 — main site वाला — 🧮 ParasMoney desktop calculator (MJ-12D जैसा) + 📝 sticky notes — Advisor AI Mitra से */
@font-face{font-family:'DSEG7';src:url('https://cdn.jsdelivr.net/npm/dseg@0.46.0/fonts/DSEG7-Classic/DSEG7Classic-Bold.woff2') format('woff2');font-display:swap}
#calc{position:fixed;right:80px;top:90px;z-index:9996;font-family:Arial,sans-serif;line-height:normal;width:330px;border-radius:18px 18px 26px 26px;padding:14px 14px 16px;user-select:none;touch-action:none;
 background:radial-gradient(120% 60% at 50% 0%,#3a3b3f,#202124 55%,#151617);box-shadow:0 18px 44px #000a,inset 0 1px 0 #ffffff26,inset 0 -3px 0 #0008;border:1px solid #000}
#calc[hidden]{display:none}
#calc .ch{display:flex;justify-content:space-between;align-items:center;cursor:grab;margin-bottom:10px}
#calc .brand b{display:block;color:#d9dadc;font:800 1rem/1 Arial,sans-serif;letter-spacing:3px}
#calc .brand small{color:#9a9ca0;font:600 .55rem Arial,sans-serif;letter-spacing:1.5px}
#calc .solar{display:flex;gap:2px;padding:3px;border-radius:4px;background:#0c0c0d;box-shadow:inset 0 1px 3px #000}
#calc .solar i{width:22px;height:20px;background:linear-gradient(135deg,#4b3a33,#2a201c 60%,#3d2f2a);border-radius:1px}
#calc .lcdw{padding:7px;border-radius:8px;background:linear-gradient(180deg,#0e0e0f,#2b2c2e);box-shadow:inset 0 2px 4px #000}
#calc .lcd{background:linear-gradient(180deg,#c7cdbf,#b5bcad);border-radius:3px;padding:3px 8px 6px;box-shadow:inset 0 3px 6px #0005;color:#17191a}
#calc .ind{height:12px;font:700 .58rem Arial,sans-serif;letter-spacing:.5px;display:flex;gap:9px}
#calc .num{text-align:right;font:2.05rem/1.15 'DSEG7','Courier New',monospace;white-space:nowrap;overflow:hidden;letter-spacing:1px}
#calc .num .cm{font:700 1.2rem Arial,sans-serif;position:relative;top:-14px;margin:0 -1px;letter-spacing:0}
#calc .crow{display:flex;justify-content:space-between;align-items:center;margin:9px 2px 8px}
#calc .crow small{color:#8d8f93;font:600 .55rem Arial,sans-serif;letter-spacing:1.4px}
#calc .crow button{border:0;margin-left:4px;padding:3px 7px;border-radius:4px;background:#2c2d30;color:#c9cacd;font:700 .6rem Arial,sans-serif;cursor:pointer;box-shadow:0 2px 0 #000}
#calc{width:360px}
#calc .ind{display:flex;gap:8px;align-items:center}#calc .ind b{min-width:22px;font:700 .7rem Arial,sans-serif}#calc .ind span{display:flex;gap:8px}
#calc .keys{position:relative;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:40px;gap:9px 7px}
#calc .keys .chkf{position:relative;z-index:0;margin:-14px -4px -3px;border:2px solid #9a9ca0;border-radius:9px;pointer-events:none}
#calc .keys .chkf span{position:absolute;top:-1px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#9a9ca0;color:#151617;font:800 .45rem Arial,sans-serif;letter-spacing:.5px;padding:0 4px;border-radius:0 0 4px 4px}
#calc .keys .chk{z-index:1;margin:8px 3px 0;height:26px!important}
#calc .keys .gr{font-size:.9rem}
#calc .keys .ac{color:#fff;background:linear-gradient(180deg,#a3307f,#7d1c62 70%,#681651)}
#calc .keys .ac small{display:block;font-size:.45rem;line-height:1}
/* दबाया बटन: laser जैसी लाल रोशनी */
#calc .keys button.lit{box-shadow:0 0 0 2px #ff2b2b,0 0 14px 4px #ff2b2bcc,0 0 30px 8px #ff2b2b55,inset 0 0 12px #ff5a5a88!important;color:#fff;animation:litp .65s ease-out}
@keyframes litp{0%{filter:brightness(1.8)}100%{filter:brightness(1)}}#calc .keys button{height:100%;border:0;border-radius:7px 7px 9px 9px;cursor:pointer;color:#f2f2f2;font:600 1.05rem Arial,sans-serif;
 background:linear-gradient(180deg,#3b3c40,#26272a 70%,#1e1f22);box-shadow:0 3px 0 #0b0b0c,0 4px 6px #0007,inset 0 1px 0 #ffffff1f;transition:transform .05s,box-shadow .05s}
#calc .keys button:active,#calc .keys button.down{transform:translateY(3px);box-shadow:0 0 0 #0b0b0c,0 1px 2px #0007,inset 0 1px 0 #ffffff12}
#calc .keys .n{font-size:1.25rem;background:linear-gradient(180deg,#2e2f33,#1c1d20 70%,#161719)}
#calc .keys .fn{font-size:.62rem;line-height:1.05;color:#e3e4e6;height:30px;align-self:end;background:linear-gradient(180deg,#76787d,#585a5f)}
#calc .keys .op{font-size:1.3rem}
#calc .keys .ac{color:#ff7a45}
#calc .keys .eq{font-size:1.4rem;background:linear-gradient(180deg,#55565b,#3a3b3f 70%,#2e2f33)}
#calc{transform-origin:top right;animation:popin .45s cubic-bezier(.22,1,.36,1)}
@media(max-width:420px){#calc{right:8px;left:8px;width:auto!important}}
@keyframes popin{from{opacity:0;transform:scale(.9) translateY(-8px)}}
#pmcToast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);z-index:9999;background:#1f2a3a;color:#fff;padding:9px 16px;border-radius:12px;font-size:.92rem;display:none;box-shadow:0 8px 24px #0005}
/* 📝 sticky notes — काँच जैसे, खींचकर कहीं भी */
.snote{position:fixed;z-index:9994;width:230px;min-height:150px;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;
 background:color-mix(in srgb,var(--nc) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
 border:1px solid #ffffff99;box-shadow:0 14px 34px rgba(25,40,65,.22);animation:popin .45s cubic-bezier(.22,1,.36,1);resize:both}
.snote.min{min-height:0;height:auto!important;resize:none}.snote.min textarea{display:none}
.snote .sh{display:flex;align-items:center;gap:2px;padding:5px 6px;cursor:grab;background:#ffffff40;touch-action:none}
.snote .sh b{flex:1;font:700 .78rem "Segoe UI",sans-serif;color:#3b3320;opacity:.75;padding-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.snote .sh button{border:0;background:none;cursor:pointer;font-size:.9rem;padding:2px 4px;border-radius:6px}.snote .sh button:hover{background:#ffffff80}
.snote textarea{flex:1;border:0;background:transparent;resize:none;padding:8px 12px;font:15px/1.45 "Segoe UI","Nirmala UI",sans-serif;color:#2a2416;outline:none;min-height:110px}
@media print{#calc,.snote,#pmcToast{display:none!important}}


/* 🧾 paper tape — calculator के दाईं ओर */
#calc .crow button.on{background:#ffc83d;color:#151617}
#cTapeP{position:absolute;left:calc(100% + 10px);top:0;width:240px;height:100%;min-height:300px;display:flex;flex-direction:column;background:#fbfaf3;color:#222;border-radius:6px 6px 14px 14px;box-shadow:0 18px 40px #0008;overflow:hidden;font-family:"Courier New",monospace;
 background-image:repeating-linear-gradient(180deg,transparent 0 25px,#eceadb 25px 26px);animation:tapein .35s cubic-bezier(.22,1,.36,1)}
#cTapeP[hidden]{display:none}
#cTapeP .th{display:flex;justify-content:space-between;align-items:center;padding:10px 8px 6px 10px;background:#efe9cf;font:800 .72rem Arial,sans-serif;letter-spacing:1px;color:#4b4220}
#cTapeP .th button{border:0;background:#fff8;border-radius:6px;cursor:pointer;font-size:.8rem;padding:2px 5px;margin-left:2px}
#cTapeP .tl{flex:1;overflow:auto;padding:4px 10px}
#cTapeP .tl div{display:flex;align-items:baseline;gap:6px;height:26px;line-height:26px;font-size:.95rem}
#cTapeP .tl i{font:600 .6rem Arial,sans-serif;color:#a49c7a;min-width:18px;font-style:normal}
#cTapeP .tl b{flex:1;text-align:right;font-weight:700;white-space:nowrap}
#cTapeP .tl em{font-style:normal;min-width:20px;text-align:left;font-weight:700;color:#555}
#cTapeP .tl .ans{border-top:2px solid #333;color:#b0122b}#cTapeP .tl .ans em{color:#b0122b}
#cTapeP .tl .cur{background:#ffe27a;border-radius:4px}
#cTapeP .tl p{font:.8rem/1.5 "Noto Sans Devanagari",Arial,sans-serif;color:#8a8160;text-align:center;margin:30px 4px}
#cTapeP .tf{display:flex;justify-content:space-between;gap:6px;padding:6px 10px;background:#efe9cf;font:700 .62rem Arial,sans-serif;color:#4b4220}
@keyframes tapein{from{opacity:0;transform:translateX(-20px)}}
@media(max-width:700px){#cTapeP{position:static;width:auto;height:220px;min-height:0;margin-top:12px}}
@media(max-width:700px){#calc{max-height:calc(100vh - 16px);overflow:auto}#cTapeP .tl{touch-action:pan-y}}
#cTapeP .tw{border-top:2px dashed #b9ae80;background:#fff6d1;padding:6px 8px;font-family:"Noto Sans Devanagari",Arial,sans-serif;max-height:45%;overflow:auto}
#cTapeP .tw[hidden]{display:none}
#cTapeP .twh{display:flex;justify-content:space-between;gap:6px;font:800 .66rem Arial,"Noto Sans Devanagari",sans-serif;color:#4b4220;margin-bottom:3px}
#cTapeP .twh span{color:#b0122b}
#cTapeP .twl{display:flex;align-items:flex-start;gap:4px;border-top:1px dotted #d8cfa6;padding:3px 0}
#cTapeP .twl p{margin:0;flex:1;font-size:.78rem;line-height:1.35;color:#2a2416;user-select:text;-webkit-user-select:text}
#cTapeP .twl button{border:0;background:#fff;border-radius:6px;cursor:pointer;font-size:.75rem;padding:2px 5px}
/* v1.2.0 — 12 खानों वाला LCD: हर अंक की अपनी जगह, कुछ भी display से बाहर नहीं */
#calc .num{display:grid;grid-template-columns:.55fr repeat(12,1fr);align-items:end;container-type:inline-size;overflow:visible;letter-spacing:0;padding-top:4px;font-size:inherit}
#calc .num .dg{position:relative;text-align:center;font:calc(100cqw / 12.6 * 1.32)/1.1 'DSEG7','Courier New',monospace;min-height:1.1em}
#calc .num .dg:before{content:"8";position:absolute;left:0;right:0;opacity:.07}
#calc .num .neg{font:700 calc(100cqw / 12.6 * .9)/1 Arial,sans-serif;font-style:normal;align-self:center;visibility:hidden}
#calc .num .neg.on{visibility:visible}
#calc .num .dg .lc{position:absolute;padding:0;display:block;right:-12%;top:-14%;width:14%;height:22%;border-right:2px solid currentColor;border-radius:0 0 4px 0;transform:skewX(-10deg)}
#calc .num .dg .lp{position:absolute;padding:0;display:block;right:-14%;bottom:8%;width:.16em;height:.16em;border-radius:50%;background:currentColor}

@media(max-width:600px){#calc{right:8px;left:8px;top:70px;width:auto;max-width:360px;margin:auto}}