.fincalc{--bg:#fdf8f0;--card:#fffdf8;--ink:#2b211d;--muted:#7a6a5c;--line:#e7dccb;--head:#6b1a1b;--accent:#6b1a1b;--accent-d:#571314;--calc-a:#4b2a20;--calc-b:#2c1710;--edge:#caa25a;--cmd:#f4ecdf;--cmd-ink:#2a1d15;--num:#efe6d5;--num-ink:#241a12;--blk-ink:#f2e8dc;--goldk-a:#e8cd82;--goldk-b:#caa458;--goldk-ink:#2a1e05;--lcd-a:#cdd7c8;--lcd-b:#b9c4b2;--lcd-ink:#1b231a;--lcd-dim:#6d7a68;--tab:#efe6d5;--tab-ink:#4b382a;--tab-line:#e0d2ba;--chip:#f3ece0;--chip-ink:#3a2c20;--chip-line:#e2d4bd;--shadow:#3c1e0a2e;all:initial;box-sizing:border-box;width:100%;color:var(--ink);background:var(--bg);padding:30px 18px 40px;font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;display:block}.fincalc *,.fincalc :before,.fincalc :after{box-sizing:border-box}.fincalc.dark{--bg:#1e1713;--card:#271e18;--ink:#f1e8dc;--muted:#b6a591;--line:#3a2e25;--head:#e5c98f;--tab:#33271f;--tab-ink:#e9dcc9;--tab-line:#463628;--chip:#2a2018;--chip-ink:#ecdfcd;--chip-line:#43342a}.fincalc .wrap{max-width:1160px;margin:0 auto}.fincalc .head{text-align:center;margin-bottom:22px}.fincalc h1.title{color:var(--ink);letter-spacing:.3px;margin:0;font-family:EB Garamond,Garamond,serif;font-size:42px;font-weight:600;line-height:1.05}.fincalc .intro{text-align:center;max-width:720px;color:var(--muted);margin:12px auto 0;font-size:15px}.fincalc .toolbar{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.fincalc .tbtn{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700}.fincalc .tbtn:hover{border-color:var(--accent)}.fincalc .stage{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;margin-top:22px;display:flex}.fincalc .calc{background:linear-gradient(180deg,var(--calc-a),var(--calc-b));width:352px;box-shadow:0 22px 55px var(--shadow),inset 0 0 0 2px #caa25a40,inset 0 1px 0 #ffffff0f;-webkit-user-select:none;user-select:none;border:1px solid #0d1116;border-radius:24px;flex:none;padding:16px 15px 20px;position:relative}.fincalc .brandwrap{text-align:center;margin:6px 4px 12px}.fincalc .brandname{letter-spacing:3px;color:#f6ecdd;text-transform:uppercase;font-size:15px;font-weight:700}.fincalc .lcd{background:linear-gradient(180deg,var(--lcd-a),var(--lcd-b));border:1px solid #2c3129;border-radius:8px;height:74px;margin:0 2px 14px;padding:10px 12px 8px;box-shadow:inset 0 3px 8px #00000059,inset 0 -1px #fff6}.fincalc .lcd .ind{height:11px;color:var(--lcd-dim);letter-spacing:0;white-space:nowrap;gap:4px;max-width:100%;font-family:Consolas,monospace;font-size:7.5px;font-weight:700;display:flex;overflow:hidden}.fincalc .lcd .ind span{opacity:.22}.fincalc .lcd .ind span.on{opacity:1;color:#243019}.fincalc .lcd .row{justify-content:space-between;align-items:flex-end;gap:6px;display:flex;overflow:hidden}.fincalc .lcd .label{color:#33402a;letter-spacing:1px;flex:none;min-height:22px;font-family:Consolas,Courier New,monospace;font-size:18px;font-weight:700}.fincalc .lcd .value{color:var(--lcd-ink);letter-spacing:1px;text-align:right;text-shadow:0 1px #ffffff40;white-space:nowrap;flex:auto;min-width:0;font-family:Consolas,Courier New,monospace;font-size:32px;font-weight:700;line-height:1;overflow:hidden}.fincalc .grid{grid-template-columns:repeat(5,1fr);gap:7px 8px;display:grid}.fincalc .kwrap{flex-direction:column;align-items:stretch;gap:2px;min-width:0;display:flex}.fincalc .second-lbl{text-align:center;color:#c9a24a;letter-spacing:.1px;white-space:nowrap;height:11px;font-size:8px;font-weight:700;line-height:11px;overflow:hidden}.fincalc .key{cursor:pointer;color:var(--cmd-ink);background:linear-gradient(180deg,#f7f0e6,var(--cmd));border:none;border-radius:16px/50%;min-height:30px;padding:8px 2px;font-family:inherit;font-size:12.5px;font-weight:700;line-height:1.05;transition:transform 40ms,box-shadow 40ms,filter 80ms;position:relative;box-shadow:0 2px #0c0f13,0 3px 5px #00000073,inset 0 1px #ffffffbf}.fincalc .key i{font-family:Georgia,Times New Roman,serif;font-style:italic}.fincalc .key sup{font-size:.7em}.fincalc .key.blk{color:var(--blk-ink);background:linear-gradient(#4a352a,#291a12);box-shadow:0 2px #0a0d10,0 3px 5px #00000080,inset 0 1px #ffffff14}.fincalc .key.op{color:#eef2f7;background:linear-gradient(#5a2726,#3a1615);font-size:16px;box-shadow:0 2px #0a0d10,0 3px 5px #00000080,inset 0 1px #ffffff1a}.fincalc .key.num{background:linear-gradient(180deg,#f4ecdd,var(--num));color:var(--num-ink);font-size:15px}.fincalc .key.second-key{background:linear-gradient(180deg,var(--goldk-a),var(--goldk-b));color:var(--goldk-ink);box-shadow:0 2px #6e5417,0 3px 5px #00000080,inset 0 1px #fff6}.fincalc .key.empty{visibility:hidden;box-shadow:none}.fincalc .key:active,.fincalc .key.pressed{transform:translateY(2px);box-shadow:0 0 #0c0f13,0 1px 2px #0006,inset 0 1px 5px #0000004d}.fincalc .key.pressed{filter:brightness(1.12);outline:3px solid var(--accent);outline-offset:2px;z-index:2}.fincalc .key.armed{outline-offset:1px;filter:brightness(1.06);outline:2px solid #c9a24a}.fincalc .key .arrow{font-size:15px}.fincalc .side{flex-direction:column;flex:340px;gap:16px;min-width:300px;max-width:560px;display:flex}.fincalc .card{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);box-shadow:0 8px 26px var(--shadow);border-radius:12px;padding:15px 17px}.fincalc .card h3{letter-spacing:1.5px;text-transform:uppercase;color:var(--head);margin:0 0 10px;font-size:12px;font-weight:800}.fincalc .bigdisp{background:linear-gradient(180deg,var(--lcd-a),#b3bfab);border:1px solid #2c3129;border-radius:12px;padding:16px 20px;box-shadow:inset 0 4px 12px #00000047}.fincalc .bigdisp .binds{color:#4c5a44;gap:12px;height:14px;margin-bottom:6px;font-family:Consolas,monospace;font-size:11px;font-weight:700;display:flex}.fincalc .bigdisp .binds span{opacity:.25}.fincalc .bigdisp .binds span.on{opacity:1;color:#243019}.fincalc .bigdisp .blabel{color:#3a4a2f;letter-spacing:1px;height:26px;font-family:Consolas,monospace;font-size:19px;font-weight:700}.fincalc .bigdisp .bval{color:#141c10;text-align:right;letter-spacing:1px;text-shadow:0 2px #ffffff40;white-space:nowrap;font-family:Consolas,monospace;font-size:60px;font-weight:800;line-height:1;overflow:hidden}.fincalc .bigdisp .bmode{color:#4c5a44;text-transform:uppercase;letter-spacing:1px;margin-top:8px;font-size:12px;font-weight:700}.fincalc .ws-tabs{flex-wrap:wrap;gap:6px;display:flex}.fincalc .ws-tab{background:var(--tab);border:1px solid var(--tab-line);color:var(--tab-ink);cursor:pointer;letter-spacing:.2px;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:11.5px;font-weight:700}.fincalc .ws-tab:hover{border-color:var(--accent)}.fincalc .ws-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.fincalc .ws-guide{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.6}.fincalc .ws-guide b{color:var(--ink)}.fincalc .logwrap{background:var(--bg);border:1px solid var(--line);border-radius:10px;min-height:60px;padding:11px}.fincalc .logstrip{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fincalc .chip{background:var(--chip);border:1px solid var(--chip-line);color:var(--chip-ink);border-radius:7px;align-items:center;padding:4px 9px;font-family:Consolas,monospace;font-size:13px;font-weight:700;animation:.18s fcpop;display:inline-flex}.fincalc .chip.sec{border-color:var(--goldk-b);color:#8a5320;background:#f7edd7}.fincalc.dark .chip.sec{color:#e6c463;background:#2a2411}@keyframes fcpop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.fincalc .logmeta{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.fincalc .logmeta .cnt{color:var(--muted);font-size:11px}.fincalc .btn{background:var(--bg);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;padding:5px 11px;font-family:inherit;font-size:11px;font-weight:700}.fincalc .btn:hover{border-color:var(--accent)}.fincalc .examples{margin-top:26px}.fincalc .examples h2{color:var(--ink);text-align:center;margin:0 0 4px;font-size:20px;font-weight:800}.fincalc .examples .sub{text-align:center;color:var(--muted);margin-bottom:16px;font-size:13px}.fincalc .exgrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;max-width:1000px;margin:0 auto;display:grid}.fincalc .ex{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:12px;padding:15px 16px}.fincalc .ex h4{color:var(--ink);margin:0 0 6px;font-size:15px}.fincalc .ex p{color:var(--muted);margin:0 0 10px;font-size:13px}.fincalc .ex .keys{color:var(--accent-d);background:var(--bg);border:1px solid var(--line);border-radius:8px;margin-bottom:10px;padding:8px 10px;font-family:Consolas,monospace;font-size:12px;line-height:1.7}.fincalc.dark .ex .keys{color:#d8b878}.fincalc .ex .ans{color:var(--ink);font-size:13px;font-weight:700}.fincalc .ex .run{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:10px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:700}.fincalc .ex .run:hover{background:var(--accent-d)}.fincalc .faq{max-width:820px;margin:30px auto 0}.fincalc .faq h2{color:var(--head);text-align:center;margin:0 0 14px;font-size:20px;font-weight:800}.fincalc .faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:2px 16px}.fincalc .faq summary{cursor:pointer;color:var(--ink);padding:12px 0;font-size:15px;font-weight:700;list-style:none}.fincalc .faq summary::-webkit-details-marker{display:none}.fincalc .faq summary:after{content:"+";float:right;color:var(--accent);font-size:18px;font-weight:800;line-height:1}.fincalc .faq details[open] summary:after{content:"–"}.fincalc .faq details p{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.65}.fincalc .disclaimer{background:var(--card);border:1px solid var(--line);max-width:820px;color:var(--muted);text-align:center;border-radius:12px;margin:28px auto 0;padding:14px 18px;font-size:12px;line-height:1.6}.fincalc .disclaimer b{color:var(--ink)}.fincalc .foot{text-align:center;color:var(--muted);margin-top:16px;font-size:12px}.fincalc .hintbar{color:#aeb7c2;text-align:center;margin:12px 4px 0;font-size:10px;line-height:1.5}.fincalc .hintbar b{color:#e8edf3}@media (max-width:760px){.fincalc h1.title{font-size:27px}.fincalc .stage{gap:18px}}