500;600;700&display=swap');
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#543c2b;background:#fbf5e8;font-synthesis:none;--blue:#8c542d;--muted:#9a846d;--border:#ecdfc8;--soft:#fff0cb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .16s,transform .16s}button:active{transform:scale(.97)}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8ab3ff;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}button{border:0}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.app-shell{min-height:100vh}.sidebar{width:232px;background:white;border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;padding:35px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:22px;letter-spacing:-.8px;font-weight:700;white-space:nowrap}.brand-light{font-size:19px;margin-left:3px;letter-spacing:0}.brand-icon{display:grid;place-items:center;width:39px;height:39px;background:var(--blue);color:white;border-radius:12px;font-size:34px;box-shadow:0 5px 12px #2463eb20}.nav-label{font-size:12px;color:#aa9273;margin:17px 0 37px 3px;letter-spacing:1px}nav{display:grid;gap:9px}.nav-link{padding:14px 16px;display:flex;align-items:center;gap:13px;border-radius:10px;color:#91765a;font-size:14px}.nav-link:hover{background:#fff6de}.nav-link.active{background:#f9e4a5;color:var(--blue);font-weight:600}.nav-link.active:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue);margin-left:auto}.nav-group-label{font-size:12px;color:#b19b7f;padding:24px 16px 8px}.sidebar-foot{margin-top:auto;padding:50px 16px 0}.small-logo{font-size:22px;font-weight:700;color:#ccb38f;letter-spacing:-1px}.sidebar-foot p{font-size:13px;line-height:1.9;color:#a38b6d}.version{font-size:10px;color:#bca88c;letter-spacing:1.5px}.app-main{margin-left:232px}.topbar{height:78px;padding:0 45px;display:flex;align-items:center;justify-content:space-between;background:#fffdf8;border-bottom:1px solid var(--border)}.breadcrumb{font-size:13px;color:#ac967b}.breadcrumb span{margin:0 14px;color:#e7d7b9}.breadcrumb b{color:#856344;font-weight:500}.local-badge{font-size:12px;color:#aa8c68;display:flex;gap:7px;align-items:center}.local-badge>span{color:#bf9653}main{max-width:1280px;margin:auto;padding:39px 45px 25px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--blue);font-weight:600}h1{font-size:28px;margin:9px 0 10px;letter-spacing:1px}h2{font-size:16px;margin:0;font-weight:600}p{line-height:1.7}.page-heading p{color:#a08a70;font-size:13px;margin:0}.heading-icon{font-size:44px;color:#ecce91;font-weight:400;margin-right:8px}.workspace{display:grid;grid-template-columns:minmax(330px,1.42fr) minmax(260px,1fr);gap:25px;align-items:start}.card{background:white;border:1px solid var(--border);border-radius:17px;box-shadow:0 4px 20px #70471b05}.calculator{padding:24px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{display:flex;align-items:center;gap:9px}.card-title svg{width:18px;color:#ad8650}.tag{font-size:11px;border:1px solid var(--border);border-radius:5px;padding:4px 7px;color:#a58b61}.display{margin:20px 0;background:#fff5d9;border:1px solid #f6e9cf;border-radius:12px;padding:20px 24px 17px;min-height:130px;text-align:right;overflow:auto}.expression{height:24px;font-size:15px;letter-spacing:1px;color:#a58b64;white-space:nowrap}.result{font-size:43px;font-weight:500;letter-spacing:-1.7px;line-height:1.5;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.result.small{font-size:27px}.display-meta{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:10px;color:#ac9677}.copy-icon{padding:0;background:none;color:#a58a61;display:flex}.copy-icon svg{width:15px;height:15px}.keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.key{height:58px;border-radius:10px;background:#faf3e6;color:#62452f;font-size:21px;font-weight:500}.key:hover{background:#f6e9cf}.key.function{font-size:16px;color:#967047;background:#f3e7d2}.key.operator{color:var(--blue);background:#fff0bc;font-size:24px}.key.clear{color:#b76d54;background:#f9e7de;font-size:16px}.key.equal{background:var(--blue);color:white;box-shadow:0 4px 10px #2463eb24}.key.equal:hover{background:#714122}.keyboard-tip{display:flex;align-items:center;justify-content:center;gap:8px;color:#a28f75;font-size:11px;margin:19px 0 0}.keyboard-tip svg{width:14px;height:14px}.right-rail{display:grid;gap:20px}.recent-card{padding:24px}.text-button{font-size:12px;color:var(--blue);background:none;padding:0}.empty-state{text-align:center;color:#ac9679;padding:38px 10px}.empty-state svg{width:31px;height:31px;color:#d8be92}.empty-state p{font-size:13px;margin:11px 0 0}.empty-state small{font-size:11px}.history-row{padding:17px 0;border-bottom:1px solid #f2e7d4}.history-row:last-child{border:0;padding-bottom:0}.history-top{display:flex;align-items:center;justify-content:space-between;color:#b19a79;font-size:11px;margin-bottom:8px}.history-expression{font-size:13px;color:#a38a68;overflow-wrap:anywhere}.history-result{font-size:19px;font-weight:500;margin-top:5px;text-align:right;overflow-wrap:anywhere}.quick-card{padding:23px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.quick-item{padding:16px 12px 13px;border:1px solid var(--border);border-radius:10px;text-align:left;background:#fffdf8;display:flex;flex-direction:column;gap:10px}.quick-item:hover{border-color:#e1bd70;background:#fff9eb}.quick-icon{display:grid;place-items:center;width:31px;height:31px;background:#fff0bc;color:#aa7a38;border-radius:8px}.quick-item:nth-child(2) .quick-icon{background:#eaf7f2;color:#58a48a}.quick-item:nth-child(3) .quick-icon{background:#fff4e9;color:#d7a258}.quick-item:nth-child(4) .quick-icon{background:#f2eeff;color:#9a83d8}.quick-item b{font-size:13px;font-weight:500}.quick-item small{font-size:10px;color:#ad9678}.note{display:flex;gap:10px;padding:2px 5px;font-size:11px;color:#ac9475;line-height:1.8}.note svg{width:15px;margin-top:2px}footer{display:flex;justify-content:space-between;margin-top:34px;color:#bda789;font-size:10px}footer i{font-style:normal;margin:0 8px}.form-card{padding:30px}.form-card>p{font-size:13px;color:#a78b68;margin-top:10px}.field{display:grid;gap:10px;margin:24px 0}.field label,.field-label{font-size:13px;color:#967049}input,select{width:100%;border:1px solid #e8d7b8;border-radius:9px;background:#fffaf0;color:#69462b;padding:14px;font-size:16px;min-width:0}input::placeholder{color:#bda889}.field-pair{display:grid;grid-template-columns:1fr 40px 1fr;gap:12px;align-items:end}.field-pair .field{margin:15px 0}.swap{margin-bottom:22px;background:#fff0cb;color:var(--blue);height:38px;border-radius:9px;font-size:22px}.primary,.secondary,.danger{padding:13px 20px;border-radius:9px;font-size:14px}.primary{color:#fffdf8;background:var(--blue)}.primary:hover{background:#714122}.secondary{background:#f7ecd7;color:#8e704b}.danger{background:#feecec;color:#c14444}.wide{width:100%;margin-top:15px}.answer-panel{background:#fff0c0;border:1px solid #eed7a0;border-radius:12px;padding:23px;margin-top:25px}.answer-panel .answer-label{font-size:12px;color:#ab813b}.answer-value{font-size:30px;line-height:1.5;color:var(--blue);margin:7px 0;overflow-wrap:anywhere}.answer-detail{font-size:12px;color:#a78b60;line-height:1.8}.error{color:#ce5353;font-size:13px;line-height:1.7;margin:14px 0 0}.info-card{padding:25px}.info-card p,.info-card li{color:#a18765;font-size:13px;line-height:1.9}.info-card ul{padding-left:18px;margin-bottom:0}.category-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.category{padding:10px 17px;background:#fffdf8;color:#a0845f;border:1px solid var(--border);border-radius:8px;font-size:13px}.category.active{background:#f9e6a7;border-color:#eac978;color:var(--blue)}.hint-table{width:100%;border-collapse:collapse;margin-top:16px}.hint-table td{padding:12px 0;border-bottom:1px solid var(--border);font-size:13px;color:#a68b68}.hint-table td:last-child{text-align:right;color:#86623c}.history-page{padding:25px}.history-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}.history-toolbar select{width:145px;font-size:13px;padding:9px 12px}.history-toolbar button{font-size:12px}.full-history .history-row{display:grid;grid-template-columns:115px 1fr auto;gap:20px;align-items:center;padding:22px 0}.full-history .history-result{margin:0}.full-history .history-top{margin:0;display:grid;gap:7px}.history-time{font-size:10px}.bmi-bar{height:9px;background:linear-gradient(90deg,#84b8ee 0 25%,#71c8aa 25% 50%,#eac675 50% 75%,#e69b97 75%);border-radius:9px;margin:20px 0 7px}.bmi-labels{display:flex;justify-content:space-between;font-size:11px;color:#a68d69}.base-grid{display:grid;gap:12px;margin-top:24px}.base-row{display:flex;justify-content:space-between;gap:20px;background:#fff4d5;padding:17px;border-radius:9px;font-size:14px;align-items:start}.base-row span{color:#ad8d5c;white-space:nowrap}.base-row strong{font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere;min-width:0;color:#98632e;text-align:right;font-weight:500}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);background:#684628;color:white;border-radius:10px;padding:12px 22px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%)}dialog{border:1px solid var(--border);border-radius:16px;padding:28px;max-width:90vw}dialog::backdrop{background:#15294750}dialog p{color:#a38a69;font-size:14px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}
@media(min-width:1500px){main{padding-top:55px}.key{height:67px}.display{min-height:155px}.result{font-size:52px}}
@media(max-width:1100px){.sidebar{width:198px;padding:30px 15px}.app-main{margin-left:198px}.topbar{padding:0 27px}main{padding:30px 27px}.workspace{gap:18px;grid-template-columns:minmax(290px,1.3fr) minmax(225px,1fr)}.calculator,.recent-card,.quick-card{padding:20px}.key{height:54px}.keypad{gap:8px}}
@media(max-width:850px){.sidebar{width:80px;padding:25px 12px}.brand{justify-content:center}.brand>span:last-child,.nav-label,.nav-link span,.nav-group-label,.sidebar-foot,.nav-link.active:after{display:none}nav{margin-top:35px}.nav-link{padding:14px;justify-content:center}.app-main{margin-left:80px}.workspace{grid-template-columns:1fr}.right-rail{grid-template-columns:1fr 1fr}.right-rail .note{grid-column:1/-1}.form-card{padding:25px}.result{font-size:48px}.key{height:59px}.full-history .history-row{grid-template-columns:85px 1fr}.full-history .history-result{grid-column:2}.brand-icon{width:37px;height:37px}.local-badge{font-size:10px}}
@media(max-width:560px){.sidebar{inset:auto 0 0 0;height:73px;width:auto;border-right:0;border-top:1px solid var(--border);padding:5px 4px;z-index:5}.brand{display:none}nav{margin:0;display:flex;gap:0;justify-content:space-around}.nav-link{flex:1;gap:6px;padding:9px 2px;flex-direction:column;border-radius:9px}.nav-link span{display:block;font-size:10px}.nav-link svg{width:19px;height:19px}.app-main{margin-left:0;padding-bottom:73px}.topbar{height:55px;padding:0 20px}.breadcrumb{font-size:11px}.local-badge{font-size:9px}main{padding:25px 18px 20px}.eyebrow{font-size:9px}.page-heading{margin-bottom:22px}h1{font-size:25px}.page-heading p{font-size:12px}.heading-icon{font-size:36px}.calculator{padding:18px}.display{margin:17px 0;padding:17px 20px;min-height:135px}.key{height:56px}.keyboard-tip{display:none}.right-rail{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(4,1fr);gap:7px}.quick-item{padding:12px 7px;gap:8px}.quick-item b{font-size:11px}.quick-item small{display:none}.recent-card,.quick-card{padding:20px}.quick-card{order:-1}.form-card{padding:22px}.field-pair{grid-template-columns:1fr 32px 1fr;gap:7px}input,select{padding:12px 9px;font-size:14px}.answer-value{font-size:27px}.category{padding:9px 13px;font-size:12px}.category-tabs{gap:7px}.full-history .history-row{gap:10px}.history-page{padding:20px}.history-expression{font-size:12px}footer{font-size:9px}footer>span:last-child{display:none}}

/* Artwork extracted unchanged from the user-provided star character template. */
:root{--blue:#8c542d;--muted:#9a846d;--border:#ecdfc8;--soft:#fff0cb}
body{background-color:#fbf5e8;background-image:radial-gradient(#b48b4320 .75px,transparent .75px);background-size:19px 19px}
.sidebar{background:#fffaf0;border-right-color:#e9dabf}.topbar{background:#fffaf0b8}.brand{color:#694321}.brand-icon{background:none;box-shadow:none;border-radius:0;width:40px;height:44px}.brand-icon img{object-fit:contain;transition:transform .25s}.brand:hover .brand-icon img{transform:rotate(-12deg)}
.nav-link.active{box-shadow:inset 0 0 0 1px #edcf89;color:#794d26;background:#f9e6ae}.nav-link.active:after{background:#c28c36}.nav-label{font-size:11px;letter-spacing:0}.sidebar-foot{padding-top:25px}.sidebar-mascot{object-fit:contain;transform:rotate(-5deg)}.sidebar-foot p{margin-top:7px}.sidebar-foot .version{font-size:10px;letter-spacing:1px}
.page-heading{position:relative;min-height:112px;margin-bottom:25px;padding-right:150px}.page-heading h1{color:#694321;letter-spacing:2px}.eyebrow{color:#b48c48;font-size:11px;letter-spacing:1.5px}.heading-sticker{position:absolute;right:12px;bottom:-9px;width:138px;height:133px;pointer-events:none;transform-origin:bottom center}.heading-sticker>img#page-mascot{position:absolute;right:20px;bottom:0;width:103px;height:123px;object-fit:contain;filter:drop-shadow(0 6px 3px #85582012)}.little-star{position:absolute;object-fit:contain;width:20px;height:23px}.star-one{left:0;top:17px;transform:rotate(-16deg)}.star-two{right:0;bottom:25px;transform:rotate(15deg);width:22px;height:24px}
.card{background:#fffdf8;border-color:#ecdfc8;box-shadow:0 5px 0 #d9c39c14;border-radius:20px}.calculator{border-color:#e7d5b0}.tag{background:#fff5d7;border:1px solid #ecd7a5;color:#ac803e;border-radius:7px}.display{background:linear-gradient(130deg,#fff7df,#fff0c4);border-color:#ebd49b;box-shadow:inset 0 2px 5px #b9924420;position:relative}.result{color:#634225}.expression{color:#aa8757}.display-meta{color:#ac8752}.key{border:1px solid #ecdfc9;box-shadow:0 3px 0 #c4a57622;border-radius:13px;background:#fcf6e9}.key:hover{background:#fff1ce;border-color:#ddbd81}.key.function{background:#f3e8d3;color:#927047;border-color:#e6d6b8}.key.operator{background:#f9e6ab;color:#946426;border-color:#e8cc87}.key.equal{background:#bd8846;border-color:#ad7739;color:#fffaf0;box-shadow:0 4px 0 #8b5c2e35}.key.equal:hover{background:#a87639}.key.clear{background:#f9e6db;color:#b77553;border-color:#f0d3bd}.primary{background:#ac773c}.primary:hover{background:#8e5d2c}.quick-icon{background:#f7e9c1!important;color:#a27b39!important}.quick-item{background:#fffaf0;border-color:#eee0c8;border-radius:13px}.quick-item:hover{background:#fff2cf;border-color:#e2c17d;transform:translateY(-2px)}.quick-card h2,.recent-card h2,.card-title h2{color:#725333}.empty-state{padding:24px 8px}.empty-mascot{width:105px;height:94px;object-fit:contain}.empty-state p{font-size:13px;color:#9a7b55}.answer-panel{background:#fff3ce;border-color:#ecd9a9}.answer-value{color:#95642e}.text-button{color:#a37336}.local-badge{color:#ae9470}.local-badge>span{color:#c09b5d}.history-toolbar .secondary{background:#f4e8d1}.base-row{background:#fff3d5}.base-row strong{color:#95642e}.form-card>p,.info-card p,.info-card li{font-size:14px}.field label,.field-label{font-size:14px}.error{color:#b6523e}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#d1a357}
@media(max-width:850px){.brand-icon{width:40px}.page-heading{padding-right:145px}.heading-sticker{right:0}.sidebar-foot{display:none}}
@media(max-width:560px){.sidebar{background:#fffaf5f5;border-top-color:#e9d6b5}.page-heading{min-height:100px;padding-right:95px;margin-bottom:23px}.page-heading h1{font-size:25px;letter-spacing:1px}.page-heading p{font-size:12px;max-width:235px}.eyebrow{font-size:9px;letter-spacing:.5px}.heading-sticker{width:92px;height:108px;right:-3px;bottom:-8px}.heading-sticker>img#page-mascot{width:78px;height:100px;right:6px}.little-star{width:14px;height:16px}.star-one{left:-6px;top:13px}.star-two{right:-2px;bottom:13px;width:15px;height:17px}.key{border-radius:11px}.nav-link.active{background:#f7e6ba;box-shadow:none}.tag{font-size:10px}.quick-item b{font-size:12px}.empty-state p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.heading-sticker{transform:none!important}}
.history-delete{margin-top:10px;padding:7px 12px;border-radius:7px;background:#f9e6db;border:1px solid #f0d3bd;color:#a95d42;font-size:12px}
.history-delete:hover{background:#f4d5c8}