:root {
  color-scheme: light;
  --bg: #f7f5ff; --paper: #fff; --paper-2: #fbfaff; --surface: #f6f2ff;
  --line: #e9e5f5; --ink: #20194b; --ink-soft: #514b74; --muted: #8b86a7;
  --violet: #7635f2; --violet-2: #9e55f5; --orange: #ff9e42;
  --shadow: 0 14px 45px rgba(42, 20, 105,.06);
  --shadow-heavy: 0 24px 72px rgba(52, 23, 122,.16);
  --radius: 19px;
}
:root.dark {
  color-scheme: dark;
  --bg: #13102b; --paper: #211b43; --paper-2: #242047; --surface: #2e255a;
  --line: #40376c; --ink: #fff; --ink-soft: #c4bce9; --muted: #9990c2;
  --violet: #a16cff; --violet-2: #bb83ff; --orange: #ffac57;
  --shadow: 0 16px 45px rgba(0,0,0,.12); --shadow-heavy: 0 24px 76px rgba(0,0,0,.4);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: 'Avenir Next', 'Nunito Sans', 'Segoe UI', system-ui, sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity:.45; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #ba9aff; outline-offset: 2px; }
button { border: 0; background: transparent; color: inherit; }
a { color: inherit; }
.i { display: inline-flex; align-items: center; justify-content: center; width: 19px; height: 19px; flex: 0 0 auto; }
.i svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.backdrop-blob { pointer-events:none;position:fixed; z-index:-1; filter:blur(1px); opacity:.65; }
.backdrop-blob-one { width:500px;height:350px;right:-180px;top:-240px;background:radial-gradient(ellipse,#d8afff 20%,transparent 70%); }
.backdrop-blob-two { width:500px;height:300px;left:-250px;bottom:-210px;background:radial-gradient(ellipse,#ffcfb4 20%,transparent 72%); }
.dark .backdrop-blob { opacity:.16; }
.app-shell { display:grid;grid-template-columns:235px minmax(0,1fr) 286px;grid-template-rows:76px minmax(calc(100vh - 76px),auto);max-width:1660px;margin:26px auto 36px;min-height:calc(100vh - 62px);border:1px solid var(--line);border-radius:27px;background:var(--paper);box-shadow:var(--shadow-heavy);overflow:hidden;position:relative; }
.topbar { grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:30px;padding:0 26px 0 25px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:4; }
.brand { display:inline-flex;align-items:center;gap:11px;font-size:24px;font-weight:780;letter-spacing:-1.3px;white-space:nowrap;padding:0; }
.brand-weight { font-weight:850; }.brand-dot { color:var(--violet); }
.brand-symbol { height:33px;width:33px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border-radius:11px;padding:6px;background:linear-gradient(132deg,#ae7aff 0%,#6c35ef 48%,#f175c8 80%,#ffac5f 100%);transform:rotate(-8deg);box-shadow:0 5px 12px rgba(115,55,232,.22); }
.brand-symbol span { background:#fff;border-radius:3px;opacity:.96; }.brand-symbol span:nth-child(2){background:#ffd2a2}.brand-symbol span:nth-child(3){background:#d8c4ff}.brand-symbol span:nth-child(4){background:#fff;}
.top-search-wrap { flex:1;max-width:555px;margin-left:64px; }.search-trigger { width:100%;height:40px;border:1px solid var(--line);background:var(--paper-2);border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 13px;color:var(--muted);text-align:left; }
.search-trigger span:nth-child(2) { flex:1; }.search-trigger kbd { background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:3px 6px;font-size:11px;font-family:inherit;color:var(--muted); }
.top-actions{margin-left:auto;display:flex;align-items:center;gap:11px}.privacy-text{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;white-space:nowrap;margin-right:9px}.privacy-dot{width:7px;height:7px;background:#39be8a;border-radius:50%}.icon-button{height:37px;width:37px;border-radius:12px;background:var(--paper-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;}.icon-button:hover{background:var(--surface)}
.sidebar{grid-column:1;grid-row:2;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:700px;position:relative;overflow:hidden;background:var(--paper-2)}.sidebar-scroll{padding:26px 13px;z-index:1;flex:1}.sidebar-label{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:1.4px;padding:0 13px;margin:5px 0 12px}.sidebar-main,.sidebar-link,.sidebar-tool{width:100%;height:42px;display:flex;align-items:center;gap:10px;border-radius:11px;text-align:left;padding:0 12px;color:var(--ink-soft);font-weight:650;}.sidebar-main.active,.sidebar-link.active{background:var(--surface);color:var(--violet)}.sidebar-link:hover,.sidebar-main:hover,.sidebar-tool:hover{background:var(--surface)}.mini-count{margin-left:auto;font-size:15px;opacity:.4}.sidebar-section-title{display:flex;align-items:center;justify-content:space-between;margin:30px 10px 9px;color:var(--ink-soft);font-size:11px;font-weight:850;letter-spacing:1.1px}.small-icon{width:25px;height:25px;border:1px solid var(--line);border-radius:8px;color:var(--violet);display:flex;align-items:center;justify-content:center}.small-icon .i{width:15px;height:15px}.sidebar-tools{display:flex;flex-direction:column;gap:4px}.sidebar-tool{font-size:13px}.sidebar-tool.active{color:var(--ink);background:linear-gradient(90deg,rgba(131,76,244,.15),rgba(131,76,244,.04));}.sidebar-tool .tool-symbol{height:28px;width:28px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:0 0 auto}.tool-symbol.purple{background:linear-gradient(145deg,#aa65ff,#662deb)}.tool-symbol.orange{background:linear-gradient(145deg,#ffc05c,#ff782e)}.tool-symbol.blue{background:linear-gradient(145deg,#51b8ff,#3b64ef)}.sidebar-tool .tool-title{flex:1}.favorite-toggle{width:23px;height:23px;color:var(--muted);display:grid;place-items:center;padding:0}.favorite-toggle.starred{color:#f4a400}.favorite-toggle.starred svg{fill:currentColor}.add-tool{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:11px;padding:10px;border:1px dashed #b6a0e2;border-radius:12px;color:var(--violet);font-weight:750;background:var(--paper)}.sidebar-separator{height:1px;background:var(--line);margin:25px 10px 16px}.sidebar-counter{margin-left:auto;padding:1px 7px;border-radius:8px;font-size:11px;color:var(--muted);background:var(--surface)}.sidebar-art{height:154px;position:relative;background:linear-gradient(150deg,transparent 40%,#d6adff 41%,#b673f6 70%,#ffaf7c 100%);margin:0 12px;border-radius:50% 50% 0 0;overflow:hidden}.dark .sidebar-art{background:linear-gradient(140deg,transparent 30%,#493079 40%,#8b44bd 78%,#ff9658 100%)}.art-calc{position:absolute;width:97px;height:110px;border-radius:25px;background:linear-gradient(150deg,#f2e7ff,#ab71f7);border:4px solid rgba(255,255,255,.5);box-shadow:0 10px 25px rgba(85,36,162,.2);bottom:-27px;left:50%;transform:translateX(-50%) rotate(10deg);display:flex;flex-direction:column;align-items:center;padding-top:23px;color:#43208a}.art-face{font-weight:850;font-size:21px;letter-spacing:-5px}.art-keys{font-size:19px;line-height:1.2;letter-spacing:6px;color:#fff;margin-top:10px}.art-star{position:absolute;color:#ffa529;font-size:31px;z-index:1}.art-star-1{right:16px;top:8px}.art-star-2{left:12px;top:34px}.sidebar-footer{padding:14px 18px 20px;font-size:9px;letter-spacing:.9px;color:var(--muted);font-weight:800;}.sidebar-footer span{color:var(--orange)}
.main{grid-column:2;grid-row:2;padding:31px 27px 60px;min-width:0;background:var(--paper)}.rightbar{grid-column:3;grid-row:2;border-left:1px solid var(--line);padding:31px 17px;background:var(--paper-2);display:flex;flex-direction:column;gap:17px;min-width:0}
.eyebrow{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}.eyebrow .dot-sep{color:var(--violet)}.page-title-row{display:flex;align-items:center;gap:16px;margin:13px 0 18px;}.tool-hero-icon{height:59px;width:59px;border-radius:18px;display:grid;place-items:center;color:#fff;box-shadow:0 12px 28px rgba(123,57,236,.22);font-size:29px;font-weight:900;flex:none}.tool-hero-icon.purple{background:linear-gradient(135deg,#cf87ff,#7935ef 70%)}.tool-hero-icon.orange{background:linear-gradient(135deg,#ffc46e,#fd6a2d)}.tool-hero-icon.blue{background:linear-gradient(135deg,#81d7ff,#3f5ced)}h1,h2,h3,p{margin:0}.page-title-row h1{font-weight:870;letter-spacing:-1.4px;font-size:29px;line-height:1.1}.page-title-row p{font-size:12px;color:var(--muted);line-height:1.5;margin-top:7px}.page-title-row .spacer{flex:1}.star-action{height:37px;width:37px;border-radius:10px;border:1px solid var(--line);color:var(--muted);display:grid;place-items:center;flex:none}.star-action.active{color:#f3aa1e}.star-action.active svg{fill:currentColor}.page-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px;gap:10px}.page-toolbar-copy{color:var(--muted);font-size:12px}.chip-note{font-size:11px;display:flex;gap:6px;align-items:center;background:var(--surface);color:var(--violet);padding:8px 11px;border-radius:100px;white-space:nowrap;font-weight:700}
.formula-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.formula-card{border:1px solid var(--line);border-radius:19px;padding:18px;background:var(--paper);box-shadow:var(--shadow);transition:transform .15s,border-color .15s;min-width:0}.formula-card:focus-within{border-color:#a88bff}.formula-card.featured{border-color:#d8c6fd}.formula-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}.formula-index{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:10px;font-size:13px;font-weight:860;background:#efe4ff;color:#7a3bdd}.dark .formula-index{background:#483373;color:#dfc8ff}.formula-head h2{font-size:15px;letter-spacing:-.35px;font-weight:850;line-height:1.25;padding-top:1px}.formula-head p{color:var(--muted);font-size:11px;margin-top:4px}.formula-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-group{display:flex;flex-direction:column;gap:5px;min-width:0}.field-group label{font-size:11px;color:var(--ink-soft);font-weight:720}.input-wrap{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;background:var(--paper-2);height:41px;padding:0 10px;min-width:0}.input-wrap:focus-within{border-color:#a885ef;box-shadow:0 0 0 3px rgba(136,82,243,.09)}.input-wrap input{background:transparent;border:0;outline:none;min-width:0;width:100%;font-weight:750;font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums}.input-wrap input:focus-visible{outline:0}.input-suffix{color:var(--muted);font-weight:750}.direction-toggle{display:flex;gap:6px;margin-top:11px}.direction-toggle button{padding:6px 12px;font-size:11px;border-radius:9px;border:1px solid var(--line);color:var(--ink-soft)}.direction-toggle button.selected{color:var(--violet);background:var(--surface);font-weight:800;border-color:#dacaff}.result-band{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(114deg,#f4eaff,#faf1ff 59%,#fff1e8);border-radius:13px;padding:14px 12px 13px 14px;margin-top:14px;gap:8px;min-height:85px}.dark .result-band{background:linear-gradient(120deg,#3d286c,#473064 59%,#5e335f)}.result-band .result-caption{font-size:10px;font-weight:760;letter-spacing:.75px;color:#8156bd;text-transform:uppercase}.dark .result-band .result-caption{color:#e3c4ff}.result-band strong{font-size:26px;letter-spacing:-1px;font-weight:850;line-height:1.3;display:block;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-band .result-formula{font-size:10px;color:var(--ink-soft);line-height:1.5;overflow-wrap:anywhere;max-width:240px}.result-actions{display:flex;gap:4px;align-self:stretch;align-items:center}.result-actions button{height:31px;width:31px;display:grid;place-items:center;border:1px solid rgba(112,72,171,.15);background:rgba(255,255,255,.55);border-radius:10px;color:#7554b0;flex:none}.dark .result-actions button{background:rgba(255,255,255,.06);color:#dfc4ff}.result-actions button:hover{transform:translateY(-1px)}.result-error{font-size:12px;color:#b6435f!important;font-weight:600}.featured .result-band{background:radial-gradient(circle at 100% 0,rgba(255,173,101,.4) 0,rgba(255,173,101,.4) 52px,transparent 53px),linear-gradient(125deg,#8c45f2,#aa56f3 53%,#ff90aa 100%);color:#fff;position:relative}.featured .result-band strong{color:#fff}.featured .result-band .result-caption,.featured .result-band .result-formula{color:rgba(255,255,255,.83)}.featured .result-actions button{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.3);z-index:1}.formula-footnote{font-size:11px;color:var(--muted);margin-top:12px;display:flex;align-items:center;gap:7px}.footer-note{font-size:12px;color:var(--muted);margin-top:18px;padding:14px 18px;border:1px dashed var(--line);border-radius:14px;line-height:1.6}.footer-note strong{color:var(--ink-soft)}
.side-panel{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:17px 13px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.panel-head h2{font-size:14px;letter-spacing:-.4px;display:flex;align-items:center;gap:7px}.text-link{color:var(--violet);font-size:11px;font-weight:800;text-decoration:none}.text-link:hover{text-decoration:underline}.side-record{display:flex;align-items:center;gap:6px;border-radius:10px;padding:10px 7px;cursor:pointer;text-align:left;width:100%}.side-record:hover{background:var(--surface)}.side-record + .side-record{border-top:1px solid var(--line)}.side-record .record-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.side-record .record-main strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-record .record-main small{font-size:10px;color:var(--muted);white-space:nowrap}.side-record .record-result{font-size:12px;font-weight:800;white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis}.side-record.saved-record{background:var(--surface);margin-bottom:6px}.side-empty{color:var(--muted);font-size:12px;line-height:1.6;padding:8px}.mini-promo{margin-top:3px;border-radius:17px;padding:19px 17px;min-height:160px;position:relative;overflow:hidden;background:linear-gradient(150deg,#fff1df,#f0dbff 67%,#d3b5ff);color:#31215e}.dark .mini-promo{background:linear-gradient(150deg,#493567,#844fa1 67%,#f48b81);color:#fff}.mini-promo h3{font-size:18px;line-height:1.18;max-width:170px;letter-spacing:-.6px}.mini-promo p{font-size:11px;line-height:1.5;max-width:150px;margin-top:12px}.promo-circles{position:absolute;width:140px;height:140px;background:linear-gradient(145deg,#ffb45b,#f07dbb);border-radius:50%;right:-65px;bottom:-48px;box-shadow:-45px 23px 0 2px #8e53e8}.mobile-nav{display:none}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:12px}.section-header h1{font-size:27px;letter-spacing:-1px}.section-header p{color:var(--muted);font-size:12px;margin-top:7px}.secondary-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:9px 15px;border:1px solid var(--line);border-radius:11px;font-weight:750;font-size:12px;background:var(--paper)}.primary-button{background:linear-gradient(100deg,#7b3bf0,#a048ef);border:0;color:#fff;box-shadow:0 5px 14px rgba(120,54,231,.18)}.primary-button:hover{filter:brightness(1.07)}.secondary-button:hover{background:var(--surface)}.section-toolbar{display:flex;gap:9px;margin-bottom:14px;align-items:center;flex-wrap:wrap}.record-list{border:1px solid var(--line);border-radius:17px;overflow:hidden}.full-record{display:flex;align-items:center;gap:13px;padding:13px 15px;border-bottom:1px solid var(--line)}.full-record:last-child{border-bottom:0}.full-record:hover{background:var(--paper-2)}.record-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--surface);color:var(--violet);font-weight:850;flex:none}.full-record .record-desc{flex:1;min-width:0;cursor:pointer}.full-record .record-desc strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.full-record .record-desc small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.full-record .record-value{font-size:14px;font-weight:850;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}.full-record .delete-record{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;color:var(--muted)}.full-record .delete-record:hover{background:var(--surface);color:#e25c7e}.blank-state{text-align:center;padding:70px 16px;color:var(--muted)}.blank-state .blank-icon{width:60px;height:60px;display:grid;place-items:center;background:var(--surface);border-radius:17px;margin:0 auto 15px;color:var(--violet)}.blank-state h2{font-size:19px;color:var(--ink);margin-bottom:8px}.blank-state p{max-width:310px;margin:0 auto 19px;line-height:1.6}.single-card{padding:22px;border:1px solid var(--line);border-radius:19px;max-width:650px;box-shadow:var(--shadow)}.single-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.single-result{margin-top:18px;padding:23px;border-radius:15px;background:linear-gradient(125deg,#8b42f2 0%,#c666f4 70%,#ffa25f);color:#fff}.single-result small{display:block;opacity:.85;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.single-result strong{font-size:43px;letter-spacing:-1.4px;display:block;margin:6px 0}.single-result p{font-size:12px;opacity:.86}.card-bottom-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.page-subheading{font-size:13px;color:var(--ink-soft);font-weight:800;margin:26px 0 12px}.related-card{padding:17px;background:var(--paper-2);border:1px solid var(--line);border-radius:15px;font-size:12px;color:var(--ink-soft);max-width:650px;line-height:1.6}
.modal-layer{position:fixed;inset:0;background:rgba(24,13,61,.48);backdrop-filter:blur(6px);z-index:50;display:flex;align-items:center;justify-content:center;padding:22px}.modal{background:var(--paper);border:1px solid var(--line);border-radius:23px;box-shadow:var(--shadow-heavy);width:min(530px,100%);max-height:min(85vh,760px);overflow:auto;padding:23px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.modal-header h2{font-size:23px;letter-spacing:-.75px}.modal-subtitle{font-size:12px;color:var(--muted);margin-bottom:19px;line-height:1.6}.close-modal{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line)}.close-modal:hover{background:var(--surface)}.search-input{height:45px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);width:100%;padding:0 13px;color:var(--ink);outline:none}.search-input:focus{border-color:var(--violet)}.modal-group-heading{color:var(--muted);letter-spacing:1px;font-size:10px;font-weight:900;margin:19px 0 10px}.catalog-tool{display:flex;align-items:center;gap:11px;padding:11px 3px;border-bottom:1px solid var(--line)}.catalog-tool:last-child{border-bottom:0}.catalog-symbol{width:38px;height:38px;border-radius:12px;color:#fff;display:grid;place-items:center;flex:none;font-size:18px;font-weight:900}.catalog-tool .catalog-info{flex:1;min-width:0}.catalog-info strong{font-size:13px}.catalog-info p{font-size:11px;margin-top:4px;color:var(--muted)}.tiny-button{font-size:11px;border-radius:10px;padding:8px 12px;border:1px solid var(--line);font-weight:850;color:var(--violet)}.tiny-button.is-added{background:var(--surface);color:var(--ink-soft)}.modal-field{display:flex;flex-direction:column;gap:7px;margin-top:16px}.modal-field label{font-size:12px;font-weight:800}.modal-field input,.modal-field textarea{background:var(--paper-2);border:1px solid var(--line);border-radius:11px;padding:11px 12px;color:var(--ink);outline:none;resize:vertical}.modal-field textarea{min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:21px}.save-preview{background:var(--surface);border-radius:14px;padding:15px;margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.save-preview strong{font-size:13px}.save-preview span{font-size:12px;color:var(--ink-soft);display:block;margin-top:5px}.save-preview b{font-size:20px;white-space:nowrap}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.settings-row:last-child{border-bottom:0}.settings-row strong{font-size:12px}.settings-row p{font-size:11px;color:var(--muted);margin-top:4px}.settings-actions{display:flex;gap:9px;flex-wrap:wrap}.settings-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:16px}.toast-visible{opacity:1!important;transform:translate(-50%,0)!important}#toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,15px);padding:12px 19px;color:#fff;background:#28164e;box-shadow:0 13px 30px rgba(0,0,0,.2);border-radius:12px;font-size:12px;font-weight:750;z-index:99;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
@media(max-width:1350px){.app-shell{margin:0;border-radius:0;min-height:100vh;border-left:0;border-right:0;grid-template-columns:215px minmax(0,1fr) 255px}.top-search-wrap{margin-left:20px}.main{padding:28px 19px 50px}.rightbar{padding:28px 12px}.formula-card{padding:14px}.formula-head h2{font-size:13px}}
@media(max-width:1120px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.rightbar{display:none}.top-search-wrap{margin-left:0}.main{padding:28px 30px 55px}}
@media(max-width:760px){.app-shell{display:block;min-height:100vh;border:0;box-shadow:none;background:var(--paper);padding-bottom:68px}.topbar{height:66px;padding:0 16px;gap:8px}.brand{font-size:21px}.brand-symbol{height:30px;width:30px}.top-search-wrap,.privacy-text{display:none}.top-actions{gap:7px}.settings-switch{display:none}.sidebar,.rightbar{display:none}.main{padding:25px 16px 38px}.eyebrow{font-size:9px}.page-title-row{gap:11px;margin-bottom:18px}.tool-hero-icon{width:48px;height:48px;font-size:24px;border-radius:15px}.page-title-row h1{font-size:23px}.page-title-row p{font-size:11px}.formula-grid{grid-template-columns:1fr;gap:13px}.formula-card{padding:17px}.formula-head h2{font-size:15px}.result-band strong{font-size:29px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;height:67px;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--line);justify-content:space-around;box-shadow:0 -5px 24px rgba(70,38,132,.07)}.mobile-nav button{width:25%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;font-size:10px;color:var(--muted);font-weight:800}.mobile-nav button.active{color:var(--violet)}.mobile-nav button .i{width:20px;height:20px}.page-toolbar-copy{display:none}.section-header h1{font-size:24px}.section-header{align-items:flex-start}.section-header .secondary-button{font-size:11px;padding:8px}.single-card{padding:16px}.single-result strong{font-size:34px}.modal-layer{align-items:flex-end;padding:0}.modal{border-radius:23px 23px 0 0;max-height:90vh;width:100%;padding:23px 18px calc(24px + env(safe-area-inset-bottom))}.footer-note{font-size:11px}}
@media(max-width:400px){.page-title-row h1{font-size:20px}.input-wrap input{font-size:15px}.result-band strong{font-size:24px}.formula-card{padding:13px}.formula-head{gap:8px}.formula-head h2{font-size:14px}.chip-note{font-size:10px}}

/* CalcDrive v2 — natural language input, where the sentence itself is the form. */
.natural-language-intro{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:17px 22px;margin-bottom:19px;background:linear-gradient(110deg,#f0e4ff 0%,#fbe7fb 60%,#fff2d9 100%);border:1px solid rgba(157,96,236,.2);border-radius:17px;color:#302052}
.dark .natural-language-intro{background:linear-gradient(115deg,#3b296b 0%,#542e68 68%,#653d64);border-color:#684b92;color:#fff}
.natural-language-intro strong{display:block;font-weight:850;font-size:15px;letter-spacing:-.4px;line-height:1.3}
.natural-language-intro p{font-size:11px;line-height:1.55;color:#685183;margin-top:4px}
.dark .natural-language-intro p{color:#dfcbee}
.sparkle-star{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(130deg,#8a42f3,#bf60f6);box-shadow:0 7px 16px rgba(123,57,236,.18);border-radius:13px;color:white;font-size:25px}
.intro-doodle{position:absolute;right:27px;top:-15px;font-size:108px;line-height:1;font-weight:900;transform:rotate(-20deg);color:#a26dfa;opacity:.13;pointer-events:none}
.natural-grid{align-items:stretch}
.natural-card{display:flex;flex-direction:column;gap:0;padding:20px}
.natural-card .formula-head{margin-bottom:13px;align-items:center}
.natural-card .formula-head h2{font-size:15px}
.natural-card .formula-heading{flex:1;min-width:0}
.natural-card .formula-head p{font-size:11px}
.natural-card .formula-content{display:flex;flex-direction:column;flex:1;min-width:0}
.natural-card .collapse-toggle{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--muted);transition:background .15s}
.natural-card .collapse-toggle:hover{background:var(--surface)}
.natural-card .collapse-toggle .i{transform:rotate(90deg);transition:transform .18s}
.natural-card.is-collapsed .collapse-toggle .i{transform:rotate(0deg)}
.natural-card.is-collapsed .formula-content{display:none}
.natural-card.is-collapsed{box-shadow:none;background:var(--paper-2)}
.sentence{display:flex;align-content:center;align-items:center;flex-wrap:wrap;gap:8px 8px;min-height:85px;padding:6px 0 10px;font-size:18px;line-height:1.7;font-weight:730;letter-spacing:-.3px;color:var(--ink);text-wrap:pretty}
.sentence-input,.sentence-select{display:inline-block;vertical-align:middle;min-width:0;height:43px;border:1.5px solid #d8c6f9;border-radius:11px;background:var(--paper-2);color:var(--ink);padding:0 11px;font-size:18px;font-weight:850;line-height:1.2;letter-spacing:-.3px;font-variant-numeric:tabular-nums;box-shadow:0 2px 2px rgba(104,58,172,.02)}
.sentence-input{width:111px}
.sentence-input.small{width:90px}
.sentence-input.normal{width:114px}
.sentence-input.date-field{width:171px;font-size:14px}
.sentence-select{width:116px;font-size:14px;font-weight:780;padding:0 7px;cursor:pointer}
.sentence-input:focus,.sentence-select:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 4px rgba(143,85,241,.15)}
.sentence-input::placeholder{color:var(--muted)}
.phrase-token{color:var(--violet);font-weight:850}
.natural-card .result-band{margin-top:auto;min-height:99px;padding:17px 16px;border-radius:15px}
.natural-card .result-band strong{font-size:32px;line-height:1.13;margin-top:4px}
.natural-card .result-band .result-formula{font-size:11px;margin-top:8px}
.natural-card .result-band .result-caption{text-transform:uppercase;font-size:10px;letter-spacing:1px}
.natural-card.featured{background:linear-gradient(var(--paper),var(--paper)) padding-box,linear-gradient(130deg,#ab72f4,#ffb272) border-box;border-color:transparent}
.natural-single{max-width:780px;padding:28px}
.natural-single .sentence{font-size:22px;padding:15px 0 25px;min-height:105px}
.single-question-label{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.natural-single .sentence-input{width:128px}
.natural-single .sentence-input.date-field{width:170px}
.natural-single .single-result{margin-top:0}
@media(max-width:1350px){.natural-card{padding:16px}.sentence{font-size:16px;gap:7px}.sentence-input{height:39px;font-size:16px}.sentence-select{height:39px}}
@media(max-width:760px){.natural-language-intro{padding:15px;gap:11px}.sparkle-star{height:38px;width:38px}.natural-language-intro strong{font-size:14px}.natural-language-intro p{font-size:11px}.intro-doodle{right:10px}.natural-card{padding:18px}.sentence{font-size:18px;min-height:75px;gap:8px;padding:3px 0 17px}.sentence-input,.sentence-select{height:44px;font-size:18px}.sentence-select{font-size:14px}.natural-single{padding:19px}.natural-single .sentence{font-size:19px}.natural-card .result-band{min-height:96px}.natural-card .result-band strong{font-size:31px}}
@media(max-width:400px){.natural-language-intro{padding:12px}.natural-card{padding:15px}.sentence{font-size:17px;gap:7px}.sentence-input.small{width:77px}.sentence-input.normal{width:98px}.sentence-input{font-size:17px}.natural-card .result-band strong{font-size:29px}.natural-single .sentence-input.date-field{width:155px}}

.sentence-value-group{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;vertical-align:middle;flex:0 0 auto}

/* CalcDrive v3: clear primary copy action and accessible small overflow menu */
.result-actions { position:relative; gap:5px; flex-shrink:0; }
.result-actions .copy-main { width:auto; min-width:77px; padding:0 10px; gap:6px; display:flex; align-items:center; justify-content:center; color:var(--violet); background:var(--paper); border:1px solid var(--line); font-weight:750; }
.result-actions .copy-main svg {width:16px;height:16px}
.result-actions .copy-menu-toggle {width:28px;font-weight:750;font-size:20px;}
.copy-dropdown {position:absolute;z-index:40;right:0;top:calc(100% + 8px);min-width:214px;background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:6px;box-shadow:var(--shadow-heavy);}
.copy-dropdown[hidden] {display:none!important;}
.copy-dropdown button {width:100%;min-height:38px;display:flex;justify-content:flex-start;align-items:center;gap:10px;text-align:left;color:var(--ink);font-size:12px;font-weight:650;background:transparent;border:0;border-radius:9px;padding:7px 9px;cursor:pointer;}
.copy-dropdown button:hover,.copy-dropdown button:focus-visible {background:var(--surface);outline:2px solid transparent;}
.copy-dropdown .i {display:inline-flex;flex-shrink:0;}
.seo-container {max-width:1240px;margin:20px auto 70px;padding:0 22px;}
.seo-shell {background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:23px;padding:25px 30px;box-shadow:var(--shadow)}
.seo-shell h2 {font-size:24px;margin:0 0 14px;letter-spacing:-.02em}.seo-shell h3{font-size:17px;margin:22px 0 8px}.seo-shell p{color:var(--ink-soft);line-height:1.65}.seo-shell a{color:var(--violet);font-weight:700}.seo-shell ul{padding-left:22px;line-height:1.8}.seo-shell code{font-size:13px}.site-footer{max-width:1240px;margin:0 auto 30px;padding:0 25px;color:var(--muted);display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;font-size:12px}.site-footer a{color:inherit}.ad-slot[hidden]{display:none!important}.ad-slot{min-height:100px;border:1px dashed var(--line);border-radius:14px;margin:20px 0;}
@media(max-width:720px){.seo-container{padding:0 12px;margin-bottom:105px}.seo-shell{padding:20px 18px}.seo-shell h2{font-size:21px}.result-actions .copy-main{min-width:65px;padding:0 7px}.result-actions .copy-main span{font-size:12px}.copy-dropdown{right:-4px}}

.share-preview-notice {margin:8px 0 16px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--violet);border-radius:12px;padding:12px 15px;font-size:12px;color:var(--ink-soft);line-height:1.55;}

/* v4 — discreet calculation feedback, precision preference, and reversible reset. */
.calc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.calc-toolbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-left:auto}
.precision-control{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:11px;padding:5px 6px 5px 11px;color:var(--ink-soft);background:var(--paper);font-size:11px;font-weight:750;white-space:nowrap}
.precision-control select{appearance:auto;min-width:65px;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px;font-weight:850;padding:4px 1px;cursor:pointer}
.reset-all-button{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;min-height:34px;border-radius:10px;border:1px solid transparent;color:var(--ink-soft);font-size:11px;font-weight:730;white-space:nowrap}
.reset-all-button:hover,.reset-all-button:focus-visible{color:var(--violet);background:var(--surface);border-color:var(--line)}
.reset-all-button .i{width:15px;height:15px}
.result-band,.single-result{position:relative;isolation:isolate}
.result-band.result-updated,.single-result.result-updated{animation:calcdrive-result-glow .52s ease-out both}
.result-band.result-updated [data-result-value],.single-result.result-updated strong{animation:calcdrive-number-appear .38s cubic-bezier(.2,.7,.2,1) both}
@keyframes calcdrive-result-glow{0%{box-shadow:0 0 0 0 rgba(167,99,249,0)}35%{box-shadow:0 0 0 3px rgba(167,99,249,.16),0 0 18px rgba(203,115,251,.19)}100%{box-shadow:0 0 0 0 rgba(167,99,249,0)}}
@keyframes calcdrive-number-appear{0%{opacity:.73;transform:translateY(3px)}100%{opacity:1;transform:translateY(0)}}
#toast.toast-undo{display:flex;align-items:center;gap:15px;pointer-events:auto;max-width:min(90vw,420px);font-weight:650}
#toast.toast-undo button{border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.13);border-radius:8px;color:#fff;padding:6px 10px;font-weight:850}
#toast.toast-undo button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:760px){.calc-toolbar-controls{width:100%;justify-content:space-between;gap:5px}.calc-toolbar .chip-note{display:none}.precision-control{padding:4px 6px 4px 9px}.reset-all-button{padding:8px 9px}.calc-toolbar{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.result-band.result-updated,.single-result.result-updated,.result-band.result-updated [data-result-value],.single-result.result-updated strong{animation:none!important}}

/* v5 — compact multilingual privacy panel; intentionally does not block calculators. */
.privacy-widget[hidden]{display:none!important}
.privacy-widget{position:fixed;bottom:18px;left:18px;z-index:95;width:min(430px,calc(100vw - 36px));pointer-events:none}
.privacy-panel{pointer-events:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:17px;box-shadow:0 18px 55px rgba(43,23,96,.20),0 5px 18px rgba(43,23,96,.09);animation:consent-slide .25s ease both}
.privacy-panel-top,.privacy-ident,.privacy-top-actions,.privacy-buttons,.privacy-bottom{display:flex;align-items:center}
.privacy-panel-top{justify-content:space-between;gap:12px}
.privacy-ident{gap:10px;min-width:0}
.privacy-ident strong{font-size:15px;letter-spacing:-.25px;line-height:1.25}
.privacy-icon{background:linear-gradient(135deg,#7345f8,#a73ce7 65%,#f98a69);color:white;width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:11px;font-size:21px}
.privacy-top-actions{gap:7px}
.privacy-lang{border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font-size:12px;padding:7px 8px;border-radius:9px;cursor:pointer}
.privacy-icon-button{height:31px;width:31px;border:1px solid var(--line);border-radius:9px;color:var(--ink-soft);font-size:21px;background:var(--paper-2);display:grid;place-items:center}
.privacy-icon-button:hover{color:var(--ink)}
.privacy-intro{font-size:12px;line-height:1.55;margin:12px 0 14px;color:var(--ink-soft)}
.privacy-buttons{gap:9px}
.privacy-btn{flex:1;border-radius:11px;padding:11px 10px;min-height:42px;font-size:11.5px;font-weight:780;line-height:1.25;cursor:pointer}
.privacy-primary{background:linear-gradient(112deg,#7746f4,#9e43ea);color:#fff;box-shadow:0 6px 14px rgba(121,71,231,.17)}
.privacy-secondary{background:var(--paper-2);border:1px solid var(--line);color:var(--ink)}
.privacy-primary:hover{filter:brightness(1.06)}
.privacy-secondary:hover{border-color:var(--violet)}
.privacy-bottom{justify-content:space-between;gap:8px;margin-top:12px;flex-wrap:wrap}
.privacy-link-btn,.privacy-links a{font-size:10.5px;color:var(--ink-soft);text-decoration:underline;text-underline-offset:2px}
.privacy-link-btn{color:var(--violet);font-weight:800}
.privacy-links{display:flex;align-items:center;gap:12px}
.privacy-options{border:1px solid var(--line);background:var(--paper-2);border-radius:14px;margin:7px 0 14px;overflow:hidden}
.privacy-option{display:flex;align-items:center;justify-content:space-between;gap:11px;padding:12px}
.privacy-option + .privacy-option{border-top:1px solid var(--line)}
.privacy-option strong{display:block;font-size:12px}
.privacy-option p{font-size:10.5px;line-height:1.45;margin-top:4px;color:var(--ink-soft)}
.privacy-always,.privacy-off{font-size:9px;font-weight:850;white-space:nowrap;color:var(--muted);background:var(--paper);border:1px solid var(--line);padding:6px 7px;border-radius:8px}
.privacy-always{color:#15866a}
.privacy-switch{position:relative;display:block;flex:0 0 39px;height:24px}
.privacy-switch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}
.privacy-switch span{position:absolute;inset:0;border-radius:20px;background:#b9b0ca;transition:background .15s}
.privacy-switch span:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:transform .15s}
.privacy-switch input:checked+span{background:#794cf0}
.privacy-switch input:checked+span:after{transform:translateX(15px)}
.privacy-switch input:focus-visible+span{outline:3px solid #e9a9ff;outline-offset:3px}
.privacy-preview-note{background:var(--surface);border-radius:9px;color:var(--violet);padding:9px;font-size:11px;margin:-3px 0 13px}
.footer-privacy-link{font:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px;padding:0;vertical-align:baseline}
.footer-privacy-link:hover{color:var(--violet)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes consent-slide{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
@media (max-width:760px){.privacy-widget{bottom:calc(77px + env(safe-area-inset-bottom));left:10px;width:calc(100vw - 20px)}.privacy-panel{padding:14px;border-radius:17px}.privacy-btn{min-height:44px;font-size:11px}.privacy-intro{margin:10px 0}.privacy-bottom{margin-top:10px}}
@media (prefers-reduced-motion:reduce){.privacy-panel{animation:none}.privacy-switch span,.privacy-switch span:after{transition:none}}

@media(max-width:760px){.settings-switch{display:flex}}

.privacy-panel{max-height:calc(100dvh - 40px);overflow-y:auto}
@media(max-width:760px){.privacy-panel{max-height:calc(100dvh - 105px)}}

/* v6: unit converter — two editable sides + quick pairs */
.unit-card{max-width:850px;padding:26px}
.unit-categories{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;margin-bottom:16px}
.unit-categories label,.unit-input-cell label{font-size:12px;font-weight:750;color:var(--ink-soft)}
.unit-categories select,.unit-input-cell select{color:var(--ink);border:1px solid var(--line);background:var(--paper-2);border-radius:12px;padding:12px;font-size:14px;max-width:100%}
.unit-presets{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 24px}
.unit-preset{border:1px solid var(--line);background:var(--paper-2);color:var(--ink-soft);border-radius:100px;padding:9px 13px;font-size:12px;font-weight:750}
.unit-preset.active{color:#fff;background:linear-gradient(110deg,#7546f4,#bd43ed);border-color:transparent}
.unit-conversion-grid{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:12px;align-items:center}
.unit-input-cell{display:flex;flex-direction:column;gap:10px;background:var(--paper-2);border:1px solid var(--line);border-radius:17px;padding:16px;min-width:0}
.unit-input-cell input{font-size:30px;font-weight:850;letter-spacing:-.8px;border:0;background:transparent;color:var(--ink);width:100%;min-width:0;outline:none}
.unit-input-cell:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px rgba(116,70,244,.1)}
.unit-input-cell select{font-size:12px;font-weight:700;background:var(--paper);padding:10px 6px;width:100%}
.unit-swap{height:46px;width:46px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--violet);display:grid;place-items:center}
.unit-swap:hover{background:var(--surface)}
.unit-answer{margin-top:18px;background:linear-gradient(115deg,#7948ee,#ad46ee 65%,#ed7ca8);color:white;border-radius:18px;padding:20px 22px;min-height:106px}
.unit-answer span{font-size:12px;font-weight:750;opacity:.85}.unit-answer strong{display:block;font-size:34px;line-height:1.25;margin:4px 0;font-weight:850}
.unit-answer strong small{font-size:16px;opacity:.9}.unit-answer p{font-size:13px;opacity:.9}
.unit-answer.result-updated{animation:calcdrive-result-glow .52s ease-out both}
@media(max-width:760px){.unit-card{padding:16px}.unit-conversion-grid{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:6px}.unit-input-cell{padding:10px;border-radius:13px}.unit-input-cell input{font-size:24px}.unit-input-cell select{font-size:11px;padding:7px 4px}.unit-swap{width:34px;height:34px;border-radius:10px}.unit-answer strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){.unit-answer.result-updated{animation:none!important}}

/* v7: natural-language calculators with contextual options and strong result emphasis. */
.generic-calc-card{max-width:980px; padding:clamp(18px,3vw,32px)}
.generic-overline{font-size:11px;font-weight:850;letter-spacing:1.3px;color:var(--violet);margin-bottom:17px}
.generic-overline span{color:#fdad58;margin-left:4px}
.generic-main-question{display:flex;flex-wrap:wrap;align-items:center;column-gap:9px;row-gap:12px;font-size:clamp(20px,2.1vw,27px);line-height:1.8;letter-spacing:-.6px;font-weight:760;margin:0 0 20px;color:var(--ink)}
.generic-inline-wrap{display:inline-flex;vertical-align:middle;min-width:0;max-width:100%}
.generic-inline-input,.generic-inline-select,.generic-list{font-family:inherit;background:var(--paper-2);color:var(--ink);border:1.5px solid var(--line);border-radius:12px;box-shadow:0 2px 0 rgba(134,88,209,.06);outline:none;min-height:47px;font-size:18px;font-weight:800;padding:9px 12px;max-width:100%}
.generic-inline-input{width:130px}.generic-date{width:190px}.generic-inline-select{font-size:15px;font-weight:760;max-width:250px}
.generic-inline-input:focus,.generic-inline-select:focus,.generic-list:focus{border-color:#a04df5;box-shadow:0 0 0 4px rgba(148,75,241,.13)}
.generic-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 23px}
.generic-field{min-width:0;display:flex;flex-direction:column;gap:6px;background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:13px}
.generic-field>span{font-size:12px;color:var(--ink-soft);font-weight:720}
.generic-field>.generic-inline-wrap,.generic-field>input,.generic-field>select,.generic-field>textarea{width:100%;max-width:100%;font-size:16px}
.generic-list{width:100%;min-width:min(480px,100%);font-size:15px;font-weight:650;resize:vertical}
.generic-output{margin-top:22px;border-radius:18px;padding:22px 24px;background:linear-gradient(114deg,#7644f4,#9949ea 61%,#ea72b6);color:#fff;box-shadow:0 9px 24px rgba(113,67,228,.15);overflow-wrap:anywhere}
.generic-result-caption{font-size:12px;font-weight:850;letter-spacing:1px;opacity:.86}.generic-answer{display:block;font-size:clamp(30px,4vw,46px);letter-spacing:-1.4px;margin:7px 0 4px;font-variant-numeric:tabular-nums}
.generic-expression{font-size:13px;opacity:.92;line-height:1.5}.generic-result-error{font-size:15px;font-weight:700;line-height:1.5}
.generic-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:19px}
.generic-detail{display:flex;justify-content:space-between;gap:10px;background:rgba(255,255,255,.12);border-radius:10px;padding:9px 10px;font-size:12px}
.generic-detail span{opacity:.83}.generic-detail strong{text-align:right;overflow-wrap:anywhere}
.generic-formula-card{display:flex;gap:16px;margin-top:20px;padding:24px;border-radius:20px;background:var(--paper);border:1px solid var(--line)}
.generic-formula-card h2{font-size:17px;margin:0 0 10px}.generic-formula-card strong{font-size:13px}.generic-formula-card p{color:var(--ink-soft);font-size:13px;line-height:1.65;margin:0 0 13px}
.generic-formula-icon{height:38px;width:38px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--surface);color:var(--violet)}
.generic-hint{background:var(--paper-2);color:var(--ink-soft);display:flex;align-items:flex-start;gap:9px;padding:12px;border-radius:12px;font-size:12px;line-height:1.55}
.generic-hint .i{flex:none}
.generic-output.result-updated{animation:calcdrive-result-glow .52s ease-out}
.generic-output.result-updated .generic-answer{animation:calcdrive-number-appear .38s ease-out}
@media(max-width:760px){.generic-main-question{font-size:21px;line-height:1.7}.generic-field-grid{grid-template-columns:1fr 1fr;gap:8px}.generic-inline-input{width:105px}.generic-inline-select{max-width:200px}.generic-date{width:160px}.generic-output{padding:18px}.generic-details{grid-template-columns:1fr}.generic-formula-card{padding:18px}}
@media(max-width:380px){.generic-field-grid{grid-template-columns:1fr}.generic-inline-select{max-width:170px}}
@media(prefers-reduced-motion:reduce){.generic-output.result-updated,.generic-output.result-updated .generic-answer{animation:none!important}}

.single-extra-options{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.single-extra-option{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-soft);font-weight:760}.single-extra-option select{color:var(--ink);background:var(--paper-2);border:1px solid var(--line);padding:9px;border-radius:10px;font-size:12px}.single-extra-details{display:flex;gap:15px;flex-wrap:wrap;margin-top:13px;font-size:12px;opacity:.93}.single-extra-details span{background:rgba(255,255,255,.13);padding:7px 10px;border-radius:10px}

.seo-breadcrumbs{margin:0 0 18px;font-size:12px;color:var(--ink-soft)}.seo-breadcrumbs a{color:var(--violet)}.seo-caution{border-left:3px solid var(--violet);padding-left:12px}.seo-catalog-list{columns:2;column-gap:30px}.seo-catalog-list li{break-inside:avoid;margin-bottom:12px}.category-body{background:#f7f4ff;color:#20163c;font:16px/1.6 system-ui,sans-serif;min-height:100vh}.category-shell{max-width:1050px;margin:auto;padding:36px 22px 90px}.category-brand{font-size:24px;font-weight:850;color:#6832cf;text-decoration:none}.category-shell h1{font-size:clamp(34px,6vw,66px);letter-spacing:-2px;margin:30px 0 12px;line-height:1.1}.category-intro{max-width:720px;color:#665879}.category-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:34px 0}.category-link{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid #e0d9f5;border-radius:20px;background:white;text-decoration:none;box-shadow:0 8px 25px #674bac0d}.category-link:hover{border-color:#9167ec;transform:translateY(-2px)}.category-link strong{color:#36215c;font-size:17px}.category-link span{color:#645976;font-size:13px;line-height:1.6}.category-back a{color:#6530ca}@media(max-width:650px){.seo-catalog-list{columns:1}}

.catalog-categories{display:flex;gap:7px;overflow-x:auto;padding:5px 0 11px;margin:8px 0;scrollbar-width:thin}.catalog-categories .tiny-button{white-space:nowrap;flex:none}

.result-actions .copy-menu-toggle .i{display:grid;place-items:center}.result-actions .copy-menu-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor}
.formula-card:has(.copy-dropdown:not([hidden])){position:relative;z-index:30}
.featured .result-actions .copy-dropdown button{background:transparent;color:var(--ink);border:0;width:100%;height:auto;display:flex;z-index:auto}
.featured .result-actions .copy-dropdown button:hover,.featured .result-actions .copy-dropdown button:focus-visible{background:var(--surface);transform:none}

/* Home / landing */
.home-hero{padding:34px 8px 10px;max-width:760px}
.home-hero h1{font-size:clamp(30px,4.4vw,46px);letter-spacing:-1.6px;line-height:1.08;margin:6px 0 14px}
.home-lead{font-size:15px;line-height:1.65;color:var(--ink-soft);max-width:640px}
.home-search{display:flex;align-items:center;gap:12px;width:100%;max-width:620px;height:54px;margin-top:22px;padding:0 16px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--shadow);color:var(--muted);font-size:15px;text-align:left;cursor:text}
.home-search:hover,.home-search:focus-visible{border-color:#a885ef;box-shadow:0 0 0 3px rgba(136,82,243,.1)}
.home-search .i{width:20px;height:20px;color:var(--violet)}.home-search span:not(.i){flex:1}
.home-search kbd{font:600 11px inherit;padding:3px 7px;border:1px solid var(--line);border-radius:7px;color:var(--muted)}
.home-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.home-quick a{padding:7px 13px;border-radius:999px;background:var(--surface);color:var(--violet);font-size:12.5px;font-weight:700;text-decoration:none;border:1px solid transparent}
.home-quick a:hover{border-color:#cdb6fb}
.home-resume{margin-top:16px;font-size:13px;color:var(--ink-soft)}.home-resume a{color:var(--violet);font-weight:800;text-decoration:none}
.home-section{margin-top:34px}.home-section h2{font-size:20px;letter-spacing:-.5px}.home-section h2 a{color:inherit;text-decoration:none}.home-section h2 a:hover{color:var(--violet)}
.home-section-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:0}.home-section-head p{font-size:12.5px;color:var(--muted)}
.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:12px;margin-top:14px}
.home-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--paper);text-decoration:none;color:var(--ink);transition:transform .15s,border-color .15s,box-shadow .15s}
.home-card:hover,.home-card:focus-visible{transform:translateY(-2px);border-color:#c5a8f8;box-shadow:var(--shadow)}
.home-card .tool-symbol{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;flex:none}
.home-card-text{display:flex;flex-direction:column;gap:3px;min-width:0}.home-card-text strong{font-size:14px;letter-spacing:-.2px}.home-card-text small{font-size:11.5px;line-height:1.4;color:var(--muted)}
.home-footnote{display:flex;align-items:center;gap:8px;margin-top:34px;font-size:12px;color:var(--muted)}.home-footnote .i{width:15px;height:15px}
@media(max-width:760px){.home-hero{padding-top:18px}.home-search kbd{display:none}.home-grid{grid-template-columns:1fr}}

.result-error.is-empty{color:var(--muted)!important;font-weight:550;font-size:13px}
.featured .result-band .result-error.is-empty{color:rgba(255,255,255,.85)!important}
.sentence-input::placeholder,.generic-inline-input::placeholder,.input-wrap input::placeholder,#unitFromValue::placeholder{color:var(--muted);opacity:.55;font-weight:500}

/* skip link, FAQ, focus */
.skip-link{position:absolute;left:12px;top:-60px;z-index:200;padding:10px 16px;border-radius:10px;background:var(--violet,#7630ed);color:#fff;font-weight:700;text-decoration:none;transition:top .15s}.skip-link:focus{top:12px}
.faq h3{margin-top:26px}.faq h4{font-size:15px;margin:16px 0 4px;letter-spacing:-.01em}.faq p{margin:0}
.home-card:focus-visible,.home-search:focus-visible,.home-quick a:focus-visible,.copy-menu-toggle:focus-visible,.result-actions button:focus-visible{outline:2px solid var(--violet,#7630ed);outline-offset:2px}