:root{color:#18201d;font-synthesis:none;--ink:#18201d;--muted:#6c756f;--line:#dde1dc;--paper:#fff;--green:#145c42;--green-soft:#e4f0e9;--orange:#a84f19;background:#f4f5f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.topbar{color:#fff;background:#13241e;border-bottom:1px solid #243a32;align-items:center;gap:14px;height:58px;padding:0 28px;display:flex}.brand{color:#fff;letter-spacing:-.4px;font-family:Georgia,serif;font-size:23px;text-decoration:none}.brand-subtitle,.environment{color:#aebdb6;font-size:13px}.sign-in-link,.topbar-link{color:#e7eeea;font-size:13px;text-decoration:none}.topbar-link{color:#b9c8c1}.topbar-link:hover,.sign-in-link:hover{color:#fff}.topbar-spacer{flex:1}.dashboard{grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 58px);display:grid}.sidebar{border-right:1px solid var(--line);background:#ebede8;padding:30px 18px}.section-heading,.eyebrow{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:700}.section-heading{margin:0 10px 12px}.project-item{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.project-item:hover,.project-item.selected{background:#fff;box-shadow:0 1px #0000000a}.project-item strong,.project-item small{display:block}.project-item strong{font-size:14px}.project-item small{color:var(--muted);margin-top:3px;font-size:11px}.project-mark{color:#fff;background:var(--green);border-radius:7px;flex:none;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:12px 10px;font-weight:650}.workspace{padding:54px clamp(28px,6vw,90px)}.workspace-header{border-bottom:1px solid var(--line);align-items:end;padding-bottom:24px;display:flex}.workspace h1{letter-spacing:-1px;margin:5px 0 0;font-family:Georgia,serif;font-size:clamp(34px,5vw,48px);font-weight:500}.primary{color:#fff;background:var(--green);cursor:pointer;border:1px solid #0d4934;border-radius:7px;padding:10px 16px;font-weight:650;box-shadow:0 1px 1px #0000001a}.primary:hover{background:#0f4c36}.primary:disabled{cursor:not-allowed;opacity:.5}.workspace-header .primary{margin-left:auto}.requirement-list{background:var(--paper);border:1px solid var(--line);border-radius:10px;margin-top:18px;overflow:hidden}.requirement-row{min-height:58px;color:var(--ink);border-bottom:1px solid #eceeeb;grid-template-columns:100px minmax(180px,1fr) 150px 110px;align-items:center;padding:0 18px;text-decoration:none;display:grid}.requirement-row:last-child{border-bottom:0}.requirement-row:hover{background:#fafbf9}.requirement-key{color:var(--green);letter-spacing:.02em;font-size:12px;font-weight:750}.requirement-title{font-weight:620}.requirement-row time{color:var(--muted);text-align:right;font-size:12px}.state{color:#42504a;text-transform:capitalize;background:#e9ece9;border-radius:999px;width:fit-content;padding:4px 8px;font-size:11px}.state-published{color:var(--green);background:var(--green-soft)}.state-unpublished_changes{color:var(--orange);background:#f7e9df}.state-deprecated{color:#7a3434;background:#f3e1e1}.empty{color:var(--muted);text-align:center;padding:55px}.notice{border-radius:7px;margin:20px 0;padding:12px 14px;font-size:13px}.notice.error{color:#7d2929;background:#f8e6e4;border:1px solid #edcfcc}.editor-page{min-height:calc(100vh - 58px)}.editor-toolbar{z-index:3;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f5f1ed;align-items:center;gap:13px;height:58px;padding:0 28px;display:flex;position:sticky;top:0}.back{color:var(--muted);font-size:13px;text-decoration:none}.save-state{color:var(--muted);text-transform:capitalize;font-size:12px}.save-conflict,.save-error{color:#a43832}.editor-canvas{background:var(--paper);border:1px solid var(--line);width:min(900px,100% - 40px);min-height:700px;margin:42px auto 90px;padding:72px clamp(35px,8vw,90px);box-shadow:0 12px 35px #1c27220f}.title-input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;margin:0 0 25px;padding:0;font-family:Georgia,serif;font-size:43px;line-height:1.1}.editor-canvas .bn-container .bn-editor{padding-inline:0}.centered{width:min(800px,100% - 40px);color:var(--muted);margin:80px auto}.auth-page{background:radial-gradient(circle at 50% 0,#e4ede7,#f4f5f1 48%);min-height:calc(100vh - 58px);padding:70px 20px}.auth-card{border:1px solid var(--line);background:#fff;border-radius:12px;width:min(430px,100%);margin:auto;padding:42px;box-shadow:0 18px 50px #1c272214}.auth-card h1{margin:7px 0 10px;font-family:Georgia,serif;font-size:35px;font-weight:500}.auth-intro{color:var(--muted);margin-bottom:28px;line-height:1.55}.auth-card label{color:#46504b;margin:16px 0;font-size:12px;font-weight:700;display:block}.auth-card input{border:1px solid #ccd2cd;border-radius:7px;outline:none;width:100%;margin-top:7px;padding:11px 12px}.auth-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.auth-submit{width:100%;margin-top:8px}.auth-card>.text-button{width:100%;margin-top:12px}.keys-page{width:min(1160px,100% - 40px);margin:0 auto;padding:54px 0 90px}.keys-heading{border-bottom:1px solid var(--line);padding-bottom:24px}.keys-heading h1{letter-spacing:-1px;margin:5px 0 8px;font-family:Georgia,serif;font-size:46px;font-weight:500}.keys-heading p:last-child{color:var(--muted);margin:0}.keys-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:24px;margin-top:24px;display:grid}.panel{background:var(--paper);border:1px solid var(--line);border-radius:10px}.panel h2{margin:0;font-family:Georgia,serif;font-size:24px;font-weight:500}.create-key-panel{padding:26px}.create-key-panel form{margin-top:22px}.create-key-panel label,.create-key-panel legend{color:#46504b;font-size:12px;font-weight:700}.create-key-panel>form>label{margin:18px 0;display:block}.create-key-panel input[type=text],.create-key-panel input[type=date]{border:1px solid #ccd2cd;border-radius:7px;outline:none;width:100%;margin-top:7px;padding:10px 11px}.create-key-panel input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.create-key-panel fieldset{border:0;margin:20px 0;padding:0}.create-key-panel legend{margin-bottom:10px}.scope-option{cursor:pointer;border:1px solid #e1e5e1;border-radius:7px;align-items:center;gap:10px;margin:7px 0;padding:10px;display:flex}.scope-option:has(input:checked){background:#f1f7f4;border-color:#8bb7a1}.scope-option input{accent-color:var(--green)}.scope-option strong,.scope-option small{display:block}.scope-option strong{color:var(--ink);font-size:13px}.scope-option small{color:var(--muted);margin-top:2px;font-size:10px}.optional{color:var(--muted);font-weight:400}.muted{color:var(--muted);font-size:13px;line-height:1.45}.create-key-panel .primary{width:100%}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px 26px;display:flex}.panel-heading>span{min-width:27px;color:var(--muted);text-align:center;background:#edf0ed;border-radius:999px;padding:4px 7px;font-size:11px}.key-card{border-bottom:1px solid #e8ebe7;padding:23px 26px}.key-card:last-child{border-bottom:0}.key-card-heading{align-items:center;gap:10px;display:flex}.key-card-heading strong{font-size:15px}.key-status{text-transform:capitalize;border-radius:999px;padding:3px 7px;font-size:10px}.key-active{color:var(--green);background:var(--green-soft)}.key-expired{color:var(--orange);background:#f7e9df}.key-revoked{color:#7a3434;background:#f3e1e1}.key-card>code{color:#4f5d56;margin:12px 0;font-size:12px;display:block}.scope-chips{flex-wrap:wrap;gap:5px;display:flex}.scope-chips span{color:#536059;background:#f8f9f7;border:1px solid #dce2dd;border-radius:5px;padding:4px 7px;font-size:10px}.key-card dl{grid-template-columns:repeat(3,1fr);gap:14px;margin:17px 0 0;display:grid}.key-card dl div{min-width:0}.key-card dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.key-card dd{color:#39433e;margin:4px 0 0;font-size:12px}.danger-link{color:#9b3333;cursor:pointer;background:0 0;border:0;margin-top:16px;padding:0;font-size:12px}.secret-panel{color:#eaf4ef;background:#173e30;border:1px solid #245a46;border-radius:10px;grid-template-columns:minmax(210px,.8fr) minmax(280px,1.2fr) auto;align-items:center;gap:20px;margin-top:24px;padding:20px 22px;display:grid}.secret-panel strong{font-family:Georgia,serif;font-size:19px;font-weight:500}.secret-panel p{color:#b7cec4;margin:5px 0 0;font-size:12px;line-height:1.4}.secret-panel code{color:#d9f1e5;white-space:nowrap;background:#0e2f23;border-radius:6px;padding:11px 12px;font-size:12px;overflow:auto}.secret-actions{align-items:center;gap:8px;display:flex}.secondary{color:#153e2f;cursor:pointer;white-space:nowrap;background:#e8f2ed;border:1px solid #b9d4c8;border-radius:7px;padding:9px 13px;font-weight:650}.secret-panel .text-button{color:#d9e9e1;white-space:nowrap}@media (width<=760px){.brand-subtitle,.environment{display:none}.dashboard{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.requirement-row{grid-template-columns:82px 1fr;gap:6px;padding-block:12px}.requirement-row .state,.requirement-row time{display:none}.editor-toolbar{padding-inline:14px}.editor-canvas{margin-top:18px;padding:36px 24px}.keys-layout,.secret-panel{grid-template-columns:1fr}.key-card dl{grid-template-columns:1fr 1fr}.topbar-link{display:none}}