:root{--ink: #1c1a19;--muted: #7a736e;--faint: #a8a29d;--line: #e7e3df;--paper: #fffefd;--panel: #faf8f6;--accent: #8a6d4f;--radius: 8px}@media(prefers-color-scheme:dark){:root{--ink: #ece8e4;--muted: #9b938c;--faint: #6d6660;--line: #2b2724;--paper: #171514;--panel: #1e1b19;--accent: #c2a17a}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}.shell{display:flex;height:100%}.side{width:210px;flex:0 0 210px;border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;padding:20px 14px}@media(max-width:720px){.side{display:none}}.brand{font-size:15px;font-weight:600;letter-spacing:-.01em;padding:0 8px 18px;display:flex;align-items:center;gap:8px}.brand .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}.nav-label{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);padding:14px 8px 6px}.nav-item{padding:7px 8px;border-radius:6px;font-size:13.5px;color:var(--faint);cursor:default;-webkit-user-select:none;user-select:none}.nav-item.on{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.side-foot{margin-top:auto;padding:0 8px}.meter{font-size:12px;color:var(--muted)}.meter b{color:var(--ink);font-weight:600}.bar{height:3px;border-radius:2px;background:var(--line);margin-top:7px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent)}.signout{background:none;border:none;padding:0;margin-top:16px;color:var(--faint);font-size:12.5px;cursor:pointer}.signout:hover{color:var(--ink)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.scroll{flex:1;overflow-y:auto;padding:40px 28px 24px}.inner{max-width:660px;margin:0 auto}.lede h2{font-size:21px;font-weight:600;letter-spacing:-.015em;margin:0}.lede p{color:var(--muted);margin:6px 0 0;font-size:14.5px}.result{margin-top:30px}.result-head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line)}.result-head h3{margin:0;font-size:14px;font-weight:600}.result-head span{font-size:12px;color:var(--faint)}table.formula{width:100%;border-collapse:collapse;margin-top:4px}table.formula th{text-align:left;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);font-weight:500;padding:14px 0 7px}table.formula th.num,table.formula td.num{text-align:right;font-variant-numeric:tabular-nums}table.formula td{padding:8px 0;border-top:1px solid var(--line);font-size:14px}table.formula tr.band td{border-top:none;padding:20px 0 2px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}table.formula tr.band:first-child td{padding-top:8px}.stamp{margin-top:22px;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px}.stamp .tick{color:var(--accent)}.composer{border-top:1px solid var(--line);background:var(--paper);padding:14px 28px 22px}.composer-inner{max-width:660px;margin:0 auto}.field{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:10px 12px;display:flex;gap:10px;align-items:flex-end;transition:border-color .14s}.field:focus-within{border-color:var(--accent)}.field textarea{flex:1;border:none;background:none;outline:none;resize:none;max-height:160px;line-height:1.55;padding:2px 0}.field textarea::placeholder{color:var(--faint)}.send{flex:none;width:32px;height:32px;border-radius:6px;border:none;background:var(--ink);color:var(--paper);cursor:pointer;display:grid;place-items:center;transition:opacity .14s}.send:disabled{opacity:.25;cursor:not-allowed}.hint{font-size:11.5px;color:var(--faint);margin:8px 2px 0}.err{font-size:13px;color:#a8412f;margin:10px 2px 0}.gate{max-width:320px;margin:0 auto;padding:17vh 24px 0}.gate h1{font-size:19px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.gate p{color:var(--muted);font-size:14px;margin:6px 0 22px}.gate form{display:flex;flex-direction:column;gap:9px}.gate input{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);outline:none}.gate input:focus{border-color:var(--accent)}.gate button{margin-top:4px;padding:10px;border:none;border-radius:var(--radius);background:var(--ink);color:var(--paper);font-weight:500;cursor:pointer}.gate button:disabled{opacity:.3;cursor:not-allowed}.spin{display:inline-block;width:13px;height:13px;border:2px solid var(--paper);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}