.site-header{box-sizing:border-box;max-width:1360px;margin:auto;padding:0 40px;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #343c36;background:#141817;font:14px/1.5 Arial,Helvetica,sans-serif;color:#f0f3ed}
.site-brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#f0f3ed!important;flex-shrink:0}.site-brand svg{height:36px;width:32px;fill:none;stroke:#c5ed98;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.site-brand strong{display:block;font-size:16px;letter-spacing:.08em;line-height:1.4}.site-brand small{display:block;font-size:9px;color:#a7b39f;letter-spacing:.17em;line-height:1.4}.tool-tabs{display:flex;align-items:center;padding:4px;gap:4px;border:1px solid #3a4636;border-radius:9px;background:#1d241d}.tool-tabs a{padding:10px 18px;border-radius:5px;text-decoration:none;color:#aebda2;font-size:12px;font-weight:600;white-space:nowrap}.tool-tabs a:hover{color:#ecf2e7;background:#303b2a}.tool-tabs a[aria-current=page]{background:#c5ed98;color:#1a2613}.tool-tabs a:focus-visible,.site-brand:focus-visible{outline:2px solid #c5ed98;outline-offset:4px}.tool-tabs .tab-icon{margin-right:7px;opacity:.8}.site-header .site-tag{font-size:9px;letter-spacing:.14em;color:#9aaa8f}.site-header+.bear-main{max-width:1240px}.bear-page{--bg:#141817;--panel:#1c211f;--line:#343c36;--muted:#a4aea5;--accent:#c5ed98}.bear-page h1{font-family:Arial,Helvetica,sans-serif;font-size:49px;font-weight:550;letter-spacing:-1.7px;line-height:1.15}.bear-page .intro p{font-size:14px}.bear-page .bear{font-size:60px;opacity:.7}.bear-page main{padding-top:36px}.bear-page .metric strong{font-family:ui-monospace,Consolas,monospace;font-size:27px}.bear-page input,.bear-page select,.bear-page textarea{background:#141816}.bear-page .notice{background:#252d22}.bear-page .sha-rules{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.bear-page .sha-rules span{font:11px Arial,sans-serif;border:1px solid #4b5c40;border-radius:5px;color:#c5d9b4;padding:7px 10px}.bear-page .layout{margin-top:25px}.bear-page #status{margin-top:12px}.bear-page .hero-note{max-width:650px}.bear-page .eyebrow{letter-spacing:.16em}.bear-page #output h2{font-family:Arial,Helvetica,sans-serif!important}.bear-page .tablewrap table{min-width:440px}.bear-page #output .notice:first-child{margin-top:0}.bear-page .metric{flex-wrap:wrap}.bear-page button:disabled{opacity:.5;cursor:not-allowed}.bear-page .step-links{display:flex;justify-content:space-between;gap:10px}.bear-page footer{line-height:1.8}.bear-page input[readonly]{opacity:.8}
@media(max-width:850px){.site-header{padding:18px 24px;gap:18px;flex-wrap:wrap}.site-header .site-tag{display:none}.bear-page h1{font-size:43px}.bear-page .layout{margin-top:24px}}
@media(max-width:540px){.site-header{padding:16px;gap:16px}.site-brand strong{font-size:15px}.site-brand small{font-size:8px}.site-brand svg{height:30px;width:26px}.tool-tabs{width:100%;order:3}.tool-tabs a{flex:1;text-align:center;padding:10px 8px;font-size:12px}.site-header .help-trigger{margin-left:auto}.bear-page main{padding:29px 16px 20px}.bear-page h1{font-size:37px}.bear-page h1 br{display:none}.bear-page .intro p{font-size:13px}.bear-page .card{padding:19px}.bear-page .sha-rules{gap:6px}.bear-page .sha-rules span{font-size:10px;padding:6px 8px}.bear-page .row{gap:9px}.bear-page label{font-size:12px}.bear-page input,.bear-page select,.bear-page textarea{font-size:16px}.bear-page .metric strong{font-size:24px}.bear-page .actions button{padding:12px 11px;font-size:13px}}
.bear-page [hidden]{display:none!important}.field-title{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:16px;margin-bottom:7px}.field-title label{margin:0!important;flex:1;color:#d7e2d0;font-size:13px;line-height:1.5}.bear-page .field-help{height:25px;width:25px;min-width:25px;border:1px solid #71865f;color:#c5ed98;background:#253020;border-radius:50%;padding:0;font-size:13px;font-weight:600}.bear-page .field-help:hover{background:#c5ed98;color:#1c211b}.field>.hint{margin:6px 0 0;font-size:11px}.rule-box{margin-top:25px;padding:16px;background:#151c15;border:1px solid #3e4d35;border-radius:8px}.rule-box h3{margin:0 0 8px}.optional{font-size:10px;font-weight:400;color:#a7b39c;margin-left:6px}.bear-page dialog{background:#1c211f;border:1px solid #59694b;border-radius:14px;color:#eef2e8;max-width:520px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;padding:25px;box-shadow:0 15px 60px #0008}.bear-page dialog::backdrop{background:#050a07bb;backdrop-filter:blur(3px)}.guide-head{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}.guide-head h2{font-size:22px;margin-bottom:12px}.bear-page #guide-close{background:transparent;border:0;color:#c7d4bb;font-size:26px;padding:0 5px;line-height:1}.bear-page #guide-body ol{padding-left:22px;color:#c0cdb6;line-height:1.8;font-size:13px}.bear-page #guide-body li{margin-bottom:10px;padding-left:4px}.guide-note{padding:13px;background:#283322;border-radius:7px;margin-top:12px;font-size:12px}.guide-note strong{color:#c5ed98}.guide-note p{margin:5px 0 0;color:#d5dfcd;font-size:12px}.bear-page #guide-ok{width:100%;margin-top:15px}.bear-page .compact{padding:9px 12px;font-size:12px;margin-top:10px}.bear-page .import-preview{display:block;max-width:100%;max-height:330px;object-fit:contain;margin:14px auto;background:#0e120e;border-radius:7px}.importer input[type=file]{font-size:12px;padding:10px;max-width:100%}.import-review{margin-top:18px;border:1px solid #536848;padding:13px;border-radius:8px;background:#171f14}.import-review h3{margin:0 0 8px;font-size:14px}.import-review label{font-size:12px;margin-top:13px}.import-review p{font-size:11px}.import-review input{font-size:15px}.import-review button{width:100%;margin-top:14px}.importer textarea{max-width:100%;resize:vertical;font-size:12px}.importer .import-actions{display:flex;gap:8px;flex-wrap:wrap}.import-review .candidate-note{color:#d4b77c}.bear-page .step>h2{font-size:22px;line-height:1.3}.bear-page .row .field-title{align-items:flex-start;min-height:46px}.bear-page .row .field-help{margin-top:1px}.bear-page #output>details:first-of-type{margin-top:22px}
.bear-page #output[data-stale=true]::before{content:'Inputs changed — calculate again to update this plan.';display:block;color:#efc185;border:1px solid #7b6546;background:#332b20;padding:11px;border-radius:6px;margin-bottom:18px;font-size:12px}
.bear-page .layout{grid-template-columns:minmax(0,390px) minmax(0,1fr)}.bear-page .layout>.card,.bear-page .field{min-width:0}.bear-page .row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bear-page input,.bear-page select,.bear-page textarea{min-width:0;max-width:100%}.bear-page .tablewrap{max-width:100%}.bear-page .field-title label{min-width:0;overflow-wrap:anywhere}.bear-page dialog{overflow-wrap:break-word}
@media(max-width:850px){.bear-page .layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:540px){.bear-page .row .field-title{min-height:60px}.bear-page .row .field-title label{font-size:11px}.bear-page .row input{padding:10px 8px}.bear-page dialog{padding:20px}.bear-page .guide-head h2{font-size:20px}.bear-page .guide-head{gap:10px}}
