:root{--paper:#f7f6f2;--white:#fff;--ink:#252b28;--muted:#777e77;--line:#e3e5dd;--green:#3e6951;--soft:#edf1e9;--sand:#f0eee7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green)}.shell{display:grid;grid-template-columns:242px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#eeeee7;border-right:1px solid #dedfd6;padding:35px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px;font-size:21px;font-weight:650;letter-spacing:-.6px}.brand small{display:block;font-size:8px;letter-spacing:1.9px;font-weight:600;margin-top:6px;color:#6d756b}.brand-mark{font:italic 43px Georgia,serif;letter-spacing:-10px;margin-right:8px;position:relative;top:-3px}.brand-mark span{color:var(--green);font-size:45px;margin-left:8px}.workspace{margin:42px 9px 35px;border-top:1px solid #d8dcd1;padding-top:23px}.tiny,.nav-heading{font-size:9px;letter-spacing:1.6px;color:#6d756b}.workspace strong{display:block;font-size:13px;margin:13px 0 7px;font-weight:600}.lock{float:right;font-size:19px;color:#75816e}.workspace-note{color:#80877b;font-size:11px}.nav-heading{display:block;margin:0 12px 12px}.nav-item{display:flex;align-items:center;gap:10px;font-size:12px;padding:13px 12px;border-radius:5px;margin:4px 0;color:#697265}.nav-item>span:first-child{font-size:17px;width:18px}.nav-item.active{color:#35533b;background:#e1e7da;font-weight:600}.nav-item:hover{background:#e5e8de}.nav-number{font-size:10px;margin-left:auto;opacity:.65}.sidebar-bottom{margin-top:auto;border-top:1px solid #d8dcd1;padding:22px 9px 0;display:flex;gap:10px;align-items:center}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83976e;flex:none}.sidebar-bottom strong{font-size:11px;font-weight:500;display:block}.sidebar-bottom small{color:#858c7e;font-size:10px;display:block;margin-top:5px}.topbar{height:76px;border-bottom:1px solid var(--line);padding:0 51px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#858a82}.slash{padding:0 10px;color:#b0b5aa}.private-label{display:flex;gap:8px;align-items:center;font-size:10px;color:#63715b}.content{max-width:1150px;padding:44px 52px 0;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;min-height:253px;margin-bottom:31px}.eyebrow{font-size:9px;letter-spacing:2px;color:#76846b;margin:0 0 23px;font-weight:600}h1{font:normal 51px/1.13 Georgia,"Times New Roman",serif;letter-spacing:-1.8px;margin:0}h1 em{font-weight:normal;color:#52694c}.intro-copy{line-height:1.85;font-size:12px;color:#81877b;margin:22px 0 0}.paper-art{height:235px;width:225px;position:relative;margin-right:26px;transform:rotate(7deg);flex-shrink:0}.tablet{width:161px;height:214px;border:5px solid #d3d5c9;border-left:14px solid #b8bdb0;border-radius:7px;background:#faf9f2;box-shadow:10px 17px 24px #263b2920;padding:17px 12px;transform:rotate(-17deg);position:absolute;top:7px;left:20px}.paper-top{font:italic 13px Georgia,serif;transform:rotate(-3deg);color:#5f6b54;white-space:nowrap}.ink-flow{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:18px;transform:rotate(2deg);font:italic 11px Georgia,serif;color:#59634d}.ink-flow span{border:1px solid #879279;border-radius:2px 5px 3px 7px;padding:5px 8px;min-width:71px;text-align:center}.ink-flow b{font-weight:400;font-size:15px;line-height:14px}.scribble{font:italic 9px Georgia,serif;position:absolute;bottom:13px;right:9px;transform:rotate(-4deg);color:#8b937f}.pencil{position:absolute;height:174px;width:7px;background:linear-gradient(90deg,#a3aa98,#d4d8ca 45%,#959d88);border-radius:4px 4px 0 0;top:43px;right:10px;transform:rotate(12deg);box-shadow:5px 6px 7px #56634d20}.pencil:after{content:"";position:absolute;bottom:-11px;border:solid transparent;border-width:11px 3.5px 0;border-top-color:#8f9685}.connection-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;align-items:center;gap:14px;margin-bottom:31px}.device-icon{font-size:30px;line-height:1;color:#6e7864;background:#edeee7;width:40px;height:43px;border-radius:5px;text-align:center;padding-top:4px}.device-name strong{font-size:12px;font-weight:600}.device-name span{display:block;font-size:10px;color:#8b9187;margin-top:6px}.badge{margin-left:auto;display:flex;gap:7px;align-items:center;font-size:10px;border:1px solid #e1e1d8;border-radius:30px;padding:8px 12px;color:#7f816f;background:#f3f2ec}.badge .dot{background:#a8a48c}.badge.connected{color:#3e6951;background:#eaf1e7;border-color:#dce7d5}.badge.connected .dot{background:#5b895c}.setup-card{background:#fff;border:1px solid #e0e3d9;border-radius:9px;box-shadow:0 3px 7px #293e2510;padding:29px 30px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-label{font-size:8px;letter-spacing:1.7px;color:#919885}h2{font-weight:500;font-size:19px;letter-spacing:-.5px;margin:10px 0 0}.mode-chip{font-size:9px;border:1px solid #e5e7de;border-radius:4px;padding:6px 8px;white-space:nowrap;color:#7b846f}.environment-message{margin:22px 0 0;border-radius:5px;background:#f3f4ee;color:#626f56;font-size:11px;line-height:1.7;padding:11px 14px}.environment-message.ready{background:#edf4e9;color:#416138}.environment-message.warning{background:#f8f3e8;color:#8a6e37}.steps{list-style:none;margin:24px 0 0;padding:0}.steps li{display:flex;gap:16px;position:relative;padding:0 0 27px}.steps li:not(:last-child):before{content:"";position:absolute;width:1px;background:#e9ece3;top:28px;bottom:5px;left:12px}.steps li:last-child{padding-bottom:0}.step-index{border:1px solid #dfe6d8;background:#f4f6f0;color:#738768;border-radius:50%;min-width:26px;height:26px;text-align:center;padding-top:5px;font-size:10px}.steps h3{font-size:12px;font-weight:600;margin:5px 0 8px}.steps p{color:#909687;font-size:11px;line-height:1.8;margin:0 0 10px}.text-link{color:#4d7152;font-size:11px;display:inline-flex;gap:14px;align-items:center;border-bottom:1px solid #dce7d6;padding-bottom:4px}.text-link:hover{color:#1c4723}.step-body{width:100%}.code-row{display:flex;gap:10px;margin-top:14px}.code-input-wrap{display:flex;border:1px solid #dedfd7;border-radius:5px;flex:1;min-width:0;background:#fbfcf8}.code-input-wrap:focus-within{border-color:#71926b}.code-input-wrap input{border:0;background:transparent;min-width:0;width:100%;font-size:13px;letter-spacing:2px;padding:13px 14px;outline:none}.code-input-wrap input::placeholder{font-size:11px;letter-spacing:.5px;color:#a3aa9b}.show-code{background:none;border:0;font-size:9px;color:#809175;padding:0 12px}.primary,.secondary{border-radius:5px;padding:12px 18px;border:1px solid transparent;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:19px}.primary{background:#456b4b;color:white;font-weight:500}.primary:hover:enabled{background:#35593b}.secondary{background:#f9faf5;color:#576e4e;border-color:#dce3d4;padding:10px 14px;margin-top:3px}.secondary:hover:enabled{background:#eaf0e4}.steps p.field-note{font-size:9px;margin:9px 0 0;line-height:1.7}.result{font-size:11px;line-height:1.8;margin-top:16px}.result:empty{display:none}.result.error{color:#986148;background:#faf0e9;padding:12px;border-radius:5px}.result.success{color:#466a40;background:#edf4e9;padding:12px;border-radius:5px}.local-help{border-top:1px solid var(--line);margin-top:23px;padding-top:18px}.local-help strong{font-size:11px;font-weight:600}.local-help p{font-size:10px;line-height:1.7;color:#858e7a;margin:6px 0 12px}.command-row{display:flex;gap:12px;align-items:center;background:#f2f4ed;padding:10px 12px;border-radius:5px}.command-row code{font-size:10px;overflow-wrap:anywhere;flex:1;color:#4b5b42}.copy-button{font-size:9px;border:1px solid #dce2d3;background:#fff;color:#65795a;border-radius:4px;padding:6px 8px}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px 0}.privacy-grid article{padding:0 6px}.privacy-icon{display:block;color:#798b68;font-size:22px;height:30px}.privacy-grid h3{font-size:11px;font-weight:500;margin:9px 0}.privacy-grid p{font-size:10px;line-height:1.85;color:#969b8e;max-width:300px;margin:0}.activity{border-top:1px solid var(--line);padding-top:23px;margin-top:28px}.activity-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.activity-heading h2{font-size:12px;letter-spacing:0;margin:0}.activity-heading>span{font-size:9px;color:#969c8d}.activity ul{list-style:none;padding:0;margin:17px 0}.activity li{display:flex;gap:10px;align-items:center;font-size:10px;color:#8e9684;margin:12px 0;line-height:1.7}.activity-dot{width:5px;height:5px;background:#a3b095;border-radius:50%;flex-shrink:0}.activity time{margin-left:auto;font-size:9px;color:#a4aa9c}footer{margin-top:38px;border-top:1px solid var(--line);padding:21px 0 25px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#9ba291}.footer-divider{padding:0 9px;color:#bcc0b4}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1450px){.content{padding-top:58px}.intro{min-height:280px;margin-bottom:37px}.setup-card{padding:34px 36px}}@media(max-width:1050px){.shell{grid-template-columns:205px 1fr}.sidebar{padding:30px 13px}.content{padding:30px 30px 0}.topbar{padding:0 30px}.paper-art{margin-right:0;width:170px;transform:scale(.9) rotate(7deg)}h1{font-size:44px}.code-row{flex-wrap:wrap}.primary{min-height:42px}.card-title{align-items:flex-start}.mode-chip{font-size:8px}}@media(max-width:740px){.shell{display:block}.sidebar{position:static;height:auto;padding:18px 22px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:18px;padding:0}.brand-mark{font-size:35px}.brand small{font-size:7px;margin-top:3px}.workspace,.sidebar nav{display:none}.sidebar-bottom{border:0;margin:0;padding:0;gap:7px}.sidebar-bottom small{display:none}.sidebar-bottom strong{font-size:10px}.topbar{height:51px;padding:0 22px;font-size:10px}.content{padding:30px 22px 0}.intro{min-height:200px;gap:8px;margin-bottom:28px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:18px}h1{font-size:39px}.intro-copy{font-size:11px;margin-top:18px}.intro-copy br{display:none}.paper-art{width:115px;height:190px;transform:scale(.67) rotate(7deg);transform-origin:right center;margin-left:-37px}.tablet{left:-30px}.pencil{right:-10px}.setup-card{padding:23px 19px}.card-title{gap:10px}h2{font-size:17px}.mode-chip{display:none}.badge{font-size:9px;padding:7px 9px}.device-name span{font-size:9px}.device-name strong{font-size:11px}.connection-strip{gap:10px}.code-row{display:block}.primary{width:100%;margin-top:10px;justify-content:space-between}.steps li{gap:12px}.steps p{font-size:10px}.code-input-wrap input{min-height:45px}.privacy-grid{gap:20px}.privacy-grid article{padding:0}.privacy-grid h3{line-height:1.7}.privacy-grid p{font-size:10px}.activity-heading{align-items:flex-start}.activity-heading>span{max-width:100px;line-height:1.5;text-align:right}.command-row{align-items:flex-start}footer{line-height:1.7;flex-wrap:wrap;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}