@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--ink:#101813;--muted:#718076;--line:#dce5dc;--paper:#f5f7f2;--white:#fff;--lime:#c9fa6b;--green:#5d9436;--dark:#0d1610;--mono:"DM Mono",ui-monospace,SFMono-Regular,monospace;--display:"Space Grotesk",system-ui,sans-serif;--body:"DM Sans",system-ui,sans-serif;color:var(--ink);font-family:var(--body);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}[hidden]{display:none!important}::selection{background:var(--lime);color:var(--dark)}:focus-visible{outline:3px solid #90c647;outline-offset:3px}.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}.skip-link{position:absolute;z-index:100;left:16px;top:-60px;background:var(--lime);padding:12px}.skip-link:focus{top:10px}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;gap:22px;position:relative;z-index:4}.brand{font:700 24px var(--display);letter-spacing:-1.5px;display:inline-flex;align-items:center;gap:10px}.brand-symbol{width:27px;height:27px;display:block;flex:none}.brand-dot{color:#8ec63b;margin-left:-10px}.topbar-divider{height:23px;width:1px;background:var(--line)}.topbar-context{font:11px var(--mono);color:#7f8a80}.topbar-context span{color:#aebbab;margin:0 8px}.topbar-context strong{color:var(--ink);font-weight:500}.topbar-spacer{flex:1}.topbar-status{display:inline-flex;align-items:center;gap:8px;font:10px var(--mono);color:#788779;text-transform:uppercase;letter-spacing:.4px}.topbar-status i,.endpoint-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b6c0b5}.topbar-status.online{color:#5b912c}.topbar-status.online i,.endpoint-status.online i{background:#84be3d;box-shadow:0 0 0 3px #84be3d22}.topbar-logout{border:0;background:transparent;color:#617165;font-size:11px;font-weight:700;padding:10px}.topbar-logout:hover{color:var(--ink)}.topbar-logout span{margin-left:8px;color:#87b649}.auth-screen{min-height:calc(100vh - 68px);display:grid;grid-template-columns:minmax(0,1.13fr) minmax(440px,.87fr)}.auth-story{background:var(--dark);color:#edf4e9;display:flex;align-items:center;position:relative;overflow:hidden}.auth-story:before{content:"";position:absolute;width:620px;height:620px;border:1px solid #39513a;border-radius:50%;right:-220px;top:-140px}.auth-story:after{content:"";position:absolute;width:430px;height:430px;border:1px solid #2b422f;border-radius:50%;right:-110px;top:-45px}.auth-story-inner{width:min(650px,calc(100% - 100px));margin:auto;position:relative;z-index:1;padding:70px 0}.overline{display:flex;align-items:center;gap:10px;font:500 10px var(--mono);letter-spacing:1.7px;color:var(--lime)}.overline>span{width:21px;height:1px;background:currentColor}.auth-story h1{font-size:clamp(56px,6.5vw,96px);line-height:.98;letter-spacing:-.08em;margin:35px 0 28px}.auth-story h1 em{color:var(--lime);font-style:normal}.auth-story-inner>p{font-size:16px;color:#9eaf9f;line-height:1.75;max-width:540px}.auth-preview{max-width:540px;background:#17251a;border:1px solid #405140;box-shadow:0 26px 60px #0003;margin:54px 0 28px;transform:rotate(-1deg)}.preview-bar{height:40px;border-bottom:1px solid #304435;display:flex;align-items:center;gap:20px;padding:0 18px;color:#849b86;font:11px var(--mono)}.preview-bar>span{display:flex;gap:5px}.preview-bar i{width:7px;height:7px;border-radius:50%;background:#6c826e}.preview-bar i:first-child{background:#dd8b80}.preview-bar i:nth-child(2){background:#e7bf6c}.preview-bar i:nth-child(3){background:#9ccc74}.preview-body{font:12px/1.7 var(--mono);padding:24px;color:#d8e7d5}.preview-body>div+div{margin-top:12px}.preview-body b,.preview-body mark{color:var(--lime);background:none}.preview-muted{color:#91a292}.auth-footnote{font:11px var(--mono);color:#9bb29b}.auth-footnote span{color:var(--lime);margin-right:7px}.auth-form-wrap{display:flex;align-items:center;background:#f6f8f3}.auth-form-inner{width:min(410px,calc(100% - 100px));margin:auto;padding:75px 0}.auth-form-top{display:flex;justify-content:space-between;align-items:center;color:#8c9a8e;font:11px var(--mono);letter-spacing:1px;margin-bottom:64px}.auth-form-top span:last-child{font-size:25px;color:#91a48d}.auth-app-icon{width:47px;height:47px;background:var(--lime);display:grid;place-items:center;font-size:29px;margin-bottom:28px}.auth-kicker{font:500 10px var(--mono);color:#83aa53;letter-spacing:1.4px;margin-bottom:9px}.auth-form-inner h2{font-size:clamp(35px,3vw,49px);letter-spacing:-.07em;margin:0 0 18px}.auth-explainer{color:#718075;font-size:14px;line-height:1.7;margin-bottom:32px}.auth-explainer code{color:#31542c;background:#e8f3dd;padding:2px 4px;font:12px var(--mono)}#code-form label{display:block;font:500 10px var(--mono);letter-spacing:1px;color:#4e5f53;margin-bottom:10px}#code-input{width:100%;height:62px;border:1px solid #cbd9c8;background:#fff;padding:0 15px;color:var(--ink);font:500 24px var(--mono);letter-spacing:2px;text-transform:uppercase;text-align:center;border-radius:0}#code-input::placeholder{color:#b4c1b3}.button{border:0;padding:14px 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;font-weight:700;white-space:nowrap}.button span{font-size:17px}.button-primary{background:var(--ink);color:#fff;width:100%;margin-top:13px;height:51px}.button-primary span{color:var(--lime)}.button-primary:hover,.button-dark:hover{background:#2d402f}.form-error{min-height:20px;font-size:12px;color:#ba503f;margin:10px 0 0}.auth-note{border-top:1px solid var(--line);margin-top:34px;padding-top:18px;color:#8d9c8e;font:11px var(--mono)}.auth-note span{font-size:15px;margin-right:7px}.workspace-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 68px)}.workspace-sidebar{background:#101b14;color:#d5e3d4;display:flex;flex-direction:column;padding:25px 12px 25px 0}.sidebar-project{display:flex;align-items:center;gap:11px;padding:9px 16px 34px;border-bottom:1px solid #2d3b30;margin:0 0 26px 12px;min-width:0}.sidebar-project-icon{width:33px;height:33px;display:grid;place-items:center;background:var(--lime);color:#142114;font-size:23px;flex:none}.sidebar-project span,.sidebar-section-label,.sidebar-bottom>span{font:10px var(--mono);letter-spacing:1px;color:#6f8772}.sidebar-project strong{display:block;font:600 13px var(--display);color:#f2f8ef;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-section-label{padding:0 18px;margin-bottom:11px}.workspace-nav{display:grid;gap:3px}.workspace-nav button{width:100%;border:0;background:none;text-align:left;color:#90a593;padding:12px 16px 12px 18px;border-left:3px solid transparent;font-size:12px;display:flex;align-items:center;gap:13px}.workspace-nav button>span{font-size:17px;width:20px;text-align:center;color:#8ca48f}.workspace-nav button small{font:10px var(--mono);color:#536c58;margin-left:auto}.workspace-nav button:hover{background:#1a2a1f;color:#fff}.workspace-nav button.active{background:#243b29;color:#e6f4df;border-left-color:var(--lime)}.workspace-nav button.active>span,.workspace-nav button.active small{color:var(--lime)}.sidebar-bottom{margin:auto 10px 0 23px;border-top:1px solid #2d3b30;padding-top:22px}.sidebar-bottom code{display:block;color:var(--lime);font:12px var(--mono);margin:15px 0 10px}.sidebar-bottom p{color:#79907d;font-size:11px;line-height:1.65}.workspace-main{min-width:0;background:var(--paper)}.workspace-toolbar{height:51px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#fff;gap:15px}.breadcrumbs{font:10px var(--mono);letter-spacing:.7px;color:#849184;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumbs span{color:#b3c1b2;margin:0 10px}.breadcrumbs strong{color:#4e6a49;font-weight:500}.toolbar-right{display:flex;gap:17px;font:10px var(--mono);color:#95a194;white-space:nowrap}.toolbar-right>span+span{border-left:1px solid var(--line);padding-left:17px}.workspace-content{width:min(1440px,100%);padding:38px 42px 90px;margin:auto}.endpoint-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.dark-overline{color:#79a949}.endpoint-heading h1{font-size:clamp(40px,4vw,58px);line-height:1;letter-spacing:-.075em;margin:13px 0 7px}.endpoint-heading p{font-size:13px;color:#89988b;margin:0}.endpoint-status{font:500 10px var(--mono);letter-spacing:.4px;color:#708071;padding:8px 10px;border:1px solid #d4dfd3;background:#fff;white-space:nowrap;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;margin-bottom:5px}.endpoint-status.online{color:#4c8927;background:#e9f5df;border-color:#c7e4b3}.endpoint-url-row{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid var(--line);padding:11px 14px;margin-top:25px;min-width:0}.endpoint-url-row>span{font:10px var(--mono);letter-spacing:.8px;color:#849384;white-space:nowrap}.endpoint-url-row>a{font:12px var(--mono);color:#3e752d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint-url-row>a:hover{text-decoration:underline}.endpoint-url-row button{margin-left:auto;border:1px solid var(--line);background:#f7faf5;color:#465b47;font:10px var(--mono);padding:8px 10px;white-space:nowrap}.endpoint-url-row button:hover{border-color:#a8c88b}.offline-banner{margin-top:15px;background:#fff6e8;border:1px solid #e8d3aa;padding:14px 16px;color:#866335;font-size:12px;line-height:1.6}.offline-banner strong{color:#664724}.offline-banner code{font:11px var(--mono)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:45px 0 26px}.section-index,.section-aside,.card-index{font:500 10px var(--mono);letter-spacing:1.2px;color:#7da84c}.section-heading h2{font-size:clamp(30px,3.1vw,42px);letter-spacing:-.06em;margin:11px 0 5px}.section-heading p{font-size:13px;color:#79897b;margin:0;line-height:1.55}.section-aside{color:#a0ab9e;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}.metric{padding:21px 20px;border-right:1px solid var(--line);min-width:0}.metric:last-child{border-right:0}.metric>span{font:10px var(--mono);letter-spacing:.5px;color:#8e9b8e;display:block;white-space:nowrap}.metric strong{font:700 32px var(--display);letter-spacing:-.06em;display:block;margin:11px 0 3px}.metric small{font-size:11px;color:#9ba89a}.traffic-toolbar{display:flex;align-items:center;gap:10px;margin:24px 0 10px}.search-wrap{min-height:43px;flex:1;display:flex;align-items:center;background:#fff;border:1px solid var(--line);padding:0 12px;gap:9px;min-width:0}.search-wrap>span{font-size:21px;color:#91a090;line-height:1}.search-wrap input{border:0;outline:0;width:100%;min-width:0;color:var(--ink);background:none;font-size:12px}.search-wrap input::placeholder{color:#a6b2a4}.filter-wrap{height:43px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:0 10px 0 14px;color:#8a998b;font:10px var(--mono)}.filter-wrap select{border:0;background:transparent;color:#27392b;font:11px var(--mono);outline:0}.toolbar-button{height:43px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;color:#3c6934;padding:0 15px;font:11px var(--mono)}.toolbar-button:hover{border-color:#aacd8e}.live-indicator,.detail-live-dot{width:7px;height:7px;border-radius:50%;background:#7eb93e;box-shadow:0 0 0 4px #7eb93e21}.toolbar-button.paused{color:#7f887e}.toolbar-button.paused .live-indicator{background:#9cab9d;box-shadow:none}.traffic-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:11px;align-items:start}.request-panel,.detail-panel,.analytics-panel,.settings-card{background:#fff;border:1px solid var(--line);min-width:0}.panel-topline{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid var(--line)}.panel-topline>div{display:flex;align-items:center;gap:10px;min-width:0}.panel-topline strong{font-size:13px;font-weight:700}.panel-topline span{font:9px var(--mono);color:#a0ada0;white-space:nowrap}.request-head,.request-row{display:grid;grid-template-columns:58px minmax(0,1fr) 55px 68px 72px;gap:9px;align-items:center}.request-head{padding:11px 17px;background:#f9fbf8;border-bottom:1px solid var(--line);font:9px var(--mono);color:#99a99a;letter-spacing:.4px}.request-row{width:100%;border:0;border-bottom:1px solid #eef2ec;background:#fff;text-align:left;padding:13px 17px;font:11px var(--mono);color:#39493d}.request-row:hover{background:#f5f9f1}.request-row.selected{background:#eef7e7;box-shadow:inset 3px 0 #8dbc57}.request-row:last-child{border-bottom:0}.request-row .path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.method-pill{font:500 10px var(--mono);color:#5a78a2}.method-pill.post{color:#a4743a}.method-pill.delete{color:#b25151}.method-pill.put{color:#885eac}.status-code{color:#4d8b30}.status-code.redirect{color:#9a8b3d}.status-code.client-error{color:#b37837}.status-code.server-error{color:#bd5346}.request-row time,.request-row .duration{color:#8a988a}.request-list{max-height:540px;overflow-y:auto}.request-empty{text-align:center;padding:68px 24px;color:#97a598}.empty-glyph{width:46px;height:46px;border:1px solid #d8e7d3;background:#f1f8eb;display:grid;place-items:center;font-size:25px;color:#86ba56;margin:0 auto 16px}.request-empty strong{display:block;color:#566758;font-size:13px}.request-empty p{font-size:11px;max-width:260px;margin:7px auto 0;line-height:1.6}.detail-panel{min-height:310px}.detail-placeholder{text-align:center;padding:75px 24px;color:#9aaa99}.detail-placeholder>span{font-size:25px;color:#a3c881}.detail-placeholder strong{display:block;color:#596b5a;font-size:13px;margin-top:10px}.detail-placeholder p{font-size:11px;line-height:1.6;margin:8px auto 0;max-width:220px}.detail-panel #detail-content{padding:22px}.detail-method-line{display:flex;justify-content:space-between;align-items:center;font:500 11px var(--mono)}.detail-method-line span{background:#e6f1fb;color:#4778a7;padding:6px 8px}.detail-method-line strong{color:#4a8c2b;font-weight:500}.detail-method-line strong.error{color:#bd5546}.detail-panel #detail-path{display:block;overflow-wrap:anywhere;font:12px/1.6 var(--mono);margin-top:20px;color:#354638}.detail-divider{height:1px;background:var(--line);margin:24px 0 10px}.detail-panel dl{margin:0}.detail-panel dl>div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #eff2ed;font:11px var(--mono)}.detail-panel dt{color:#9ba99b}.detail-panel dd{margin:0;color:#39493c;text-align:right}.detail-notice{background:#f2f7ed;border:1px solid #dbe8d5;padding:14px;margin-top:25px}.detail-notice strong{font-size:11px;color:#517a45}.detail-notice p{font-size:10px;line-height:1.6;color:#788d75;margin:5px 0 0}.analytics-grid,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.analytics-panel{padding-bottom:22px}.analytics-bars{height:235px;display:flex;align-items:end;gap:5px;padding:25px 22px 0;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#edf2eb calc(25% - 1px),#edf2eb 25%)}.analytics-bars .bar{flex:1;min-width:3px;min-height:2px;background:#9acb61;position:relative}.analytics-bars .bar:hover{background:#629d33}.analytics-bars .bar.error{background:#d6a06b}.analytics-bars .bar span{position:absolute;opacity:0;bottom:100%;left:50%;transform:translate(-50%);background:#1b291d;color:#fff;font:10px var(--mono);padding:5px 6px;white-space:nowrap;pointer-events:none}.analytics-bars .bar:hover span{opacity:1}.chart-axis{display:flex;justify-content:space-between;padding:11px 22px 0;color:#a0ada0;font:10px var(--mono)}.top-routes{padding:8px 20px}.route-row{padding:16px 2px;display:grid;grid-template-columns:minmax(0,1fr) 55px 55px;gap:8px;border-bottom:1px solid #edf2ed;align-items:center;font:11px var(--mono)}.route-row:last-child{border:0}.route-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-row span{text-align:right;color:#829383}.route-row strong{text-align:right;font-weight:500;color:#4d6e47}.analytics-empty{padding:65px 18px;text-align:center;color:#91a292;font-size:12px}.settings-card{padding:27px}.settings-card h3{font-size:22px;letter-spacing:-.05em;margin:23px 0 10px}.settings-card>p{font-size:12px;color:#7a8b7d;line-height:1.7;max-width:460px}.settings-card code{font:11px var(--mono)}.settings-card form{margin-top:28px}.settings-card form label{font:500 10px var(--mono);color:#718572;letter-spacing:.5px}.form-row{display:flex;gap:8px;margin-top:8px}.form-row input{height:45px;border:1px solid #cddacb;background:#fff;padding:0 12px;flex:1;min-width:0;font:12px var(--mono)}.button-dark{background:var(--ink);color:#fff}.button-dark span{color:var(--lime)}.button-outline{border:1px solid #a4c98a;background:#f6faf1;color:#416d35}.button-outline:hover{background:#e9f6e0}.dns-record{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line);font:11px var(--mono);align-items:start}.dns-record span{color:#75a64c;width:51px;flex:none}.dns-record code{overflow-wrap:anywhere;color:#516452}.settings-card #verify-domain{margin-top:18px}.settings-placeholder{border:1px dashed #d8e3d4;color:#a0afa1;padding:35px 16px;text-align:center;font-size:11px;margin-top:25px}.setup-command{display:flex;gap:12px;background:#14221a;color:#eef4ed;padding:16px;margin:20px 0;font:13px var(--mono)}.setup-command span{color:var(--lime)}@media(max-width:1200px){.traffic-layout{grid-template-columns:minmax(0,1fr) 280px}.workspace-content{padding:35px 25px 80px}.metric{padding:18px 13px}.metric>span{font-size:9px}}@media(max-width:1000px){.workspace-shell{grid-template-columns:185px minmax(0,1fr)}.workspace-sidebar{padding-right:8px}.traffic-layout{grid-template-columns:1fr}.detail-panel{min-height:0}.detail-placeholder{padding:34px 20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.analytics-grid{grid-template-columns:1fr}.auth-screen{grid-template-columns:1fr 430px}.auth-story-inner{width:calc(100% - 60px)}}@media(max-width:760px){.topbar{height:60px;padding:0 16px;gap:12px}.topbar-context,.topbar-divider{display:none}.topbar-status{margin-left:auto}.topbar-spacer{display:none}.auth-screen{grid-template-columns:1fr}.auth-story{min-height:310px}.auth-story-inner{width:calc(100% - 42px);padding:38px 0}.auth-story h1{font-size:55px;margin:20px 0 16px}.auth-story-inner>p{font-size:13px}.auth-preview,.auth-footnote{display:none}.auth-form-inner{width:calc(100% - 42px);max-width:440px;padding:45px 0 65px}.auth-form-top{margin-bottom:40px}.workspace-shell{display:block}.workspace-sidebar{position:sticky;top:0;z-index:3;width:100%;height:auto;padding:0;background:#101b14;display:flex;flex-direction:row;align-items:center;gap:10px;overflow-x:auto}.sidebar-project{padding:10px 12px;margin:0;border:0;flex:none}.sidebar-project-icon{width:27px;height:27px;font-size:19px}.sidebar-project span,.sidebar-section-label,.sidebar-bottom{display:none}.sidebar-project strong{margin:0;font-size:11px;max-width:85px}.workspace-nav{display:flex;gap:0}.workspace-nav button{width:auto;white-space:nowrap;padding:14px 12px;border-left:0;border-bottom:2px solid transparent}.workspace-nav button.active{border-left:0;border-bottom-color:var(--lime)}.workspace-nav button small{display:none}.workspace-toolbar{padding:0 16px;height:43px}.toolbar-right>span:last-child{display:none}.workspace-content{padding:30px 16px 65px}.section-heading{margin-top:35px}.section-aside{display:none}.endpoint-heading h1{font-size:42px}.settings-grid{grid-template-columns:1fr}}@media(max-width:530px){.brand{font-size:21px}.topbar-logout{font-size:0;padding:9px}.topbar-logout span{font-size:17px}.endpoint-heading{align-items:start}.endpoint-status{margin-top:5px}.endpoint-url-row{gap:8px}.endpoint-url-row>span{display:none}.endpoint-url-row>a{font-size:10px}.endpoint-url-row button{font-size:0;padding:8px}.endpoint-url-row button span{font-size:16px}.metric strong{font-size:26px}.metric small{font-size:10px}.traffic-toolbar{flex-wrap:wrap}.search-wrap{flex:1 1 100%}.filter-wrap{flex:1}.request-head,.request-row{grid-template-columns:45px minmax(0,1fr) 40px 52px;gap:5px}.request-head span:last-child,.request-row time{display:none}.request-row{padding:13px 10px}.request-head{padding:10px}.panel-topline{padding:0 12px}.section-heading h2{font-size:33px}.form-row{flex-direction:column}.form-row .button{justify-content:center}.toolbar-right{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.access-choice{display:grid;gap:9px;margin-top:25px}.access-choice label{display:flex;align-items:center;gap:12px;border:1px solid #dce6d8;background:#f9fbf7;padding:15px;cursor:pointer}.access-choice label:has(input:checked){border-color:#8bc45b;background:#eff8e8}.access-choice input{accent-color:#689e38}.access-choice strong,.access-choice small{display:block}.access-choice strong{font-size:12px}.access-choice small{font-size:11px;color:#819182;margin-top:4px}.settings-card #share-hours{height:45px;border:1px solid #cddacb;background:#fff;padding:0 7px;font:11px var(--mono);color:#405342}.new-share{border:1px solid #b8d7a5;background:#f1faeb;padding:15px;margin-top:20px}.new-share>span{font:10px var(--mono);color:#5c913e}.new-share>div{display:flex;gap:8px;align-items:center;margin-top:10px}.new-share code{flex:1;min-width:0;overflow:auto;white-space:nowrap;color:#365d34}.new-share button{border:0;background:#17301c;color:#fff;padding:10px 12px;white-space:nowrap;font-size:11px}.new-share p{font-size:11px;color:#72936d;margin:9px 0 0}.share-list-panel{background:#fff;border:1px solid #dce6d8;margin-top:17px}.share-list{padding:0 18px}.share-item{display:grid;grid-template-columns:minmax(0,1fr) 120px 82px;gap:15px;align-items:center;border-top:1px solid #edf2ec;padding:15px 0}.share-item strong{font-size:12px}.share-item small{display:block;color:#8c9d8c;font:10px var(--mono);margin-top:5px}.share-item time{color:#6c8669;font:10px var(--mono)}.share-item button{background:#fff;border:1px solid #cfdbcc;color:#8f4f45;padding:9px;font-size:10px}.share-item button:hover{border-color:#ba746a}.share-item.revoked{opacity:.55}.share-item.revoked button{display:none}.load-older{display:block;width:100%;border:0;border-top:1px solid var(--line);padding:15px;background:#f8fbf5;color:#4d7b3e;font:11px var(--mono);cursor:pointer}.load-older:hover{background:#edf6e7}.load-older[hidden]{display:none}.capture-card{margin-top:16px}.capture-toggle{display:flex;align-items:center;gap:10px;margin-top:18px;font:12px var(--mono);color:#415d3d}.capture-toggle input{accent-color:#689e38}.body-preview{margin-top:20px}.body-preview h4{font-size:12px;margin:0 0 16px}.body-preview span{display:block;color:#77916c;font:10px var(--mono);margin:12px 0 6px}.body-preview pre{max-height:180px;overflow:auto;background:#f6f9f3;border:1px solid var(--line);padding:10px;font:10px/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.replay-request{margin-top:14px;padding:10px 12px;background:#17301c;color:#fff;border:0;font:10px var(--mono);cursor:pointer}.replay-request[hidden]{display:none}.replay-result{font:10px var(--mono);color:#57754b}@media(max-width:650px){.settings-card #share-form .form-row{flex-wrap:wrap}.settings-card #share-form .form-row input{flex-basis:100%}.share-item{grid-template-columns:minmax(0,1fr) 70px;gap:7px}.share-item time{grid-column:1}.share-item button{grid-column:2;grid-row:1 / span 2}}