@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Sans:wght@400;500;600;700&display=swap";:root{font-family:Instrument Sans,system-ui,sans-serif;color:#1a211c;background:#f5f5f1;font-synthesis:none}html,body,#app,.app-shell,main{width:100%;max-width:100%;min-width:0;overflow-x:clip}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}code,pre{font-family:DM Mono,ui-monospace,monospace}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #397356;outline-offset:3px}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.site-header{min-height:65px;padding:0 30px;border-bottom:1px solid #d9ddd5;background:#fbfbf8;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:17px;font-weight:700;letter-spacing:-.6px}.brand-mark{width:28px;height:28px;display:grid;place-items:center;color:#f7f9f3;background:#1e4634;border-radius:6px}.top-nav{display:flex;align-items:center;gap:5px;font-size:13px}.top-nav a,.top-nav button{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:0;color:#365a47;background:none;border-radius:4px}.top-nav a:hover,.top-nav button:hover{background:#edf1e9}.top-nav .guide-link{color:#68746c;margin-right:7px}footer{padding:18px 30px;border-top:1px solid #d9ddd5;color:#788078;background:#fbfbf8;font-size:12px}.browser{width:min(1280px,100%);min-height:calc(100vh - 113px);margin:0 auto;display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);background:#fbfbf8;border-left:1px solid #d9ddd5;border-right:1px solid #d9ddd5}.package-pane{background:#f1f2ed;border-right:1px solid #d9ddd5;padding:18px 12px}.package-search{display:flex;align-items:center;gap:8px;padding:0 9px;margin:0 2px 12px;background:#fff;border:1px solid #d0d6ce;border-radius:5px;color:#6f786f}.package-search input{min-width:0;width:100%;padding:9px 0;border:0;outline:0;background:transparent;color:#222b24;font-size:13px}.package-items{display:grid;gap:2px}.package-items button{width:100%;display:grid;grid-template-columns:29px minmax(0,1fr) 14px;align-items:center;gap:8px;text-align:left;padding:10px 8px;border:1px solid transparent;background:transparent;color:#334139;border-radius:5px}.package-items button:hover{background:#e8ece5}.package-items button.selected{color:#173e2b;background:#e2ebe1;border-color:#cad7c9}.package-dot{width:29px;height:29px;display:grid;place-items:center;background:#dce6dc;color:#306045;border-radius:5px}.package-items strong,.package-items small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.package-items strong{font-size:13px}.package-items small{margin-top:3px;color:#707970;font-size:11px}.compact-state{padding:20px 9px;display:flex;align-items:center;gap:8px;color:#68736b;font-size:13px}.detail-pane{padding:54px 58px 65px;min-width:0}.package-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.name-line{display:flex;align-items:center;gap:10px}.name-line h1{margin:0 0 7px;font-size:clamp(28px,4vw,40px);line-height:1.05;letter-spacing:-1.8px;overflow-wrap:anywhere}.package-heading p{margin:0;font-size:15px;color:#667168}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap}.badge.public{color:#286044;background:#e3eee4}.badge.private{color:#5d655f;background:#ecece9}.badge.mixed{color:#7c5c22;background:#f1e8d6}.visibility-actions{display:flex;gap:7px;flex:0 0 auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid #193e2d;border-radius:5px;color:#fff;background:#193e2d;font-size:13px;font-weight:600}.button:hover{background:#2c5943}.button:disabled{opacity:.55;cursor:not-allowed}.button.secondary{color:#315340;background:#f7f8f3;border-color:#cdd5c9}.install-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;background:#1a402e;color:#eff5ec}.install-line code{overflow:auto;white-space:nowrap;font-size:13px}.copy{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:6px 8px;border:1px solid #507b60;border-radius:4px;color:inherit;background:transparent;font-size:12px}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:38px;margin-top:37px}.content-section{padding-top:15px;margin-bottom:35px;border-top:1px solid #d5d9d2}.content-section h2,.package-meta>section>span{display:block;margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:#607067}.readme-content{color:#3c4740;font-size:14px;line-height:1.72}.readme-content h1,.readme-content h2,.readme-content h3{margin:28px 0 9px;color:#202a23;line-height:1.2;letter-spacing:-.4px}.readme-content h1{font-size:23px}.readme-content h2{font-size:18px}.readme-content h3{font-size:15px}.readme-content p,.readme-content ul{margin:0 0 14px}.readme-content ul{padding-left:20px}.readme-content pre{overflow:auto;padding:13px;background:#eff1ec;border:1px solid #dce1d9;font-size:12px}.readme-content a{color:#276246;text-decoration:underline}.empty-readme{margin:0;color:#6d776f;font-size:14px}.version-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e0e3dd}.version-row strong,.version-row small{display:block}.version-row strong{font-size:13px}.version-row small{margin-top:4px;color:#747d75;font-size:11px}.version-row select{padding:5px;border:1px solid #cbd2c8;background:#fff;font-size:12px}.package-meta{border-top:1px solid #d5d9d2}.package-meta>section{padding:15px 0;border-bottom:1px solid #dfe2dc}.package-meta>section>span{margin-bottom:7px}.package-meta strong{font-size:20px;letter-spacing:-.6px}dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:0;font:11px DM Mono,monospace}dt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5d6c62}dd{margin:0;color:#29372e}.page{width:min(840px,100%);margin:0 auto;padding:55px 30px 70px}.page-header{margin-bottom:31px}.page-header h1{margin:5px 0 8px;font-size:34px;letter-spacing:-1.5px}.page-header p:not(.eyebrow){margin:0;color:#68736b;font-size:14px}.eyebrow{margin:0;color:#397356;font-size:11px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}.split{display:flex;align-items:end;justify-content:space-between;gap:20px}.key-table{border:1px solid #d9ddd5;background:#fbfbf8;font-size:13px;overflow-x:auto}.key-head,.key-row{min-width:650px;display:grid;grid-template-columns:1.25fr 1.2fr .9fr 1fr auto;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid #e1e3dc}.key-head{color:#6c756e;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.key-row:last-child{border:0}.key-row strong,.key-row code{display:block}.key-row code{margin-top:4px;color:#657068;font-size:11px}.scope-list{display:flex;flex-wrap:wrap;gap:4px}.scope-list code,.permission{padding:3px 5px;border-radius:3px;background:#edf0e9}.permission{margin-right:3px;font-size:11px}.key-row small{display:block;margin-top:3px;color:#707971;font-size:10px}.status.revoked{color:#9b4936}.status.expired{color:#986b26}.text-button{padding:5px;border:0;background:none;color:#994334}.timeline{margin:12px 0 0 8px;padding-left:25px;border-left:1px solid #d3d9d0}.timeline article{position:relative;padding:0 0 25px}.timeline-icon{position:absolute;top:0;left:-34px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#286044;background:#e3ede3}.timeline strong{font-size:14px}.timeline p{margin:4px 0;color:#68716a;font-size:13px}.timeline time{color:#879088;font-size:11px}.guide{max-width:840px}.guide-section{padding:23px 0;border-top:1px solid #d1d6ce}.guide-section h2,.callout h2{margin:0 0 9px;font-size:18px;letter-spacing:-.5px}.guide-section p,.callout p{color:#657068;font-size:14px;line-height:1.65}.code-card{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin:15px 0 0;padding:13px 15px;color:#edf5e9;background:#183e2d}.code-card>span{color:#a9c8ad;font-size:10px;letter-spacing:.8px;text-transform:uppercase}.code-card pre{margin:0;overflow:auto;white-space:pre-wrap;font-size:12px;line-height:1.7}.code-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.code-grid .code-card{display:block;min-height:85px}.code-grid .copy{position:absolute;right:12px;bottom:12px}.note{font-size:12px!important}.callout{margin-top:18px;padding:20px;border-left:3px solid #3b7655;background:#e6ede3}.callout p:last-child{margin-bottom:0}.login-page{min-height:calc(100vh - 113px);display:grid;place-items:center;padding:25px}.login-card{width:min(410px,100%);display:grid;gap:14px;padding:31px;border:1px solid #d4d9d0;background:#fbfbf8}.login-card h1{margin:0;font-size:27px;letter-spacing:-1px}.login-card>p:not(.eyebrow):not(.inline-error){margin:0;color:#667069;font-size:14px;line-height:1.55}.login-card label,.form label{display:grid;gap:7px;font-size:13px;font-weight:600}.login-card input,.form input{padding:10px;border:1px solid #cbd2c8;background:#fff}.login-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;color:#f5f5ec;background:#193f2e}.login-back{margin:3px 0 0;color:#3b6b52;font-size:13px}.page-state{padding:58px 18px;text-align:center;color:#69736b}.page-state h2{margin:15px 0 6px;color:#263029;font-size:17px}.page-state p{margin:0 0 18px;font-size:14px}.spinner{width:18px;height:18px;display:inline-block;border:2px solid #d3ddd2;border-top-color:#286044;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inline-error{margin:0 0 15px;padding:10px 12px;color:#9a4331;background:#f8e8e3;font-size:13px}.shell-error{position:fixed;z-index:30;right:18px;bottom:18px;margin:0;padding:10px 13px;color:#9a4331;background:#f8e8e3;font-size:13px;box-shadow:0 5px 18px #321e1926}.dialog{width:min(440px,calc(100% - 40px));padding:24px;border:1px solid #cfd5cb;background:#fbfbf7;box-shadow:0 18px 55px #15261b33}.dialog::backdrop{background:#19231c59}.dialog h2{margin:0 0 9px;font-size:20px;letter-spacing:-.6px}.dialog p{margin:0;color:#667068;font-size:14px;line-height:1.55}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.button.danger{border-color:#8d3b2c;background:#8d3b2c}.form{display:grid;gap:15px}.form small{color:#707971;font-weight:400;line-height:1.4}.form fieldset{display:flex;gap:16px;margin:0;padding:0;border:0}.form fieldset label{display:flex;align-items:center}.form legend{margin-bottom:6px;font-size:13px;font-weight:600}.token-dialog{text-align:center}.token-dialog>svg{margin-bottom:8px;color:#286044}.token{display:flex;align-items:center;gap:8px;margin:19px 0;padding:10px;text-align:left;background:#edf0e9}.token code{flex:1;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.page-loading{min-height:calc(100vh - 113px);display:grid;place-content:center;gap:12px;color:#667068;text-align:center}@media(max-width:720px){.site-header{min-height:58px;padding:0 14px;gap:10px}.brand{font-size:16px}.top-nav{gap:0}.top-nav a,.top-nav button{padding:7px;font-size:12px}.top-nav a svg,.top-nav button svg{display:none}.top-nav .guide-link{margin-right:0}footer{padding:15px 18px}.browser{min-height:calc(100vh - 105px);display:block;border:0}.package-pane{padding:12px;border-right:0;border-bottom:1px solid #d9ddd5}.package-items{display:grid}.package-items button{min-width:0}.detail-pane{padding:31px 18px 42px}.package-heading{display:block}.visibility-actions{margin-top:18px;flex-wrap:wrap}.detail-columns,.code-grid{grid-template-columns:1fr;gap:22px}.package-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.package-meta>section{min-width:0}.page{padding:39px 18px 50px}.split{align-items:stretch;flex-direction:column}.key-head,.key-row{min-width:650px}.login-page{min-height:calc(100vh - 105px)}.detail-pane .page-state{padding:42px 8px}}
