:root{color:#edf2ef;background:#0b151b;font:16px/1.6 Arial Narrow,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:#0b151b}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}main{width:min(72rem,calc(100% - 3rem));min-height:100vh;margin:auto}nav{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;min-height:4rem;width:min(72rem,calc(100vw - 3rem));margin:0 auto;padding:0 1.4rem;border:1px solid rgba(237,242,239,.3);border-radius:.85rem;background:#030d1294;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#edf2ef;font:.72rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}nav div{display:flex;gap:1.4rem}.wordmark{font-family:inherit;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:lowercase}h1,h2,p{margin-top:0}h1{max-width:20ch;margin-bottom:2.25rem;font-size:clamp(2rem,4vw,3.6rem);font-weight:700;letter-spacing:-.065em;line-height:.98}h2{margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.07em;line-height:1}.home-page{position:relative;isolation:isolate;width:min(72rem,100%);min-height:calc(100vh - 4.5rem);padding:clamp(7rem,15vh,9rem) 0 5rem;color:#edf2ef}body:has(.home-scene){background:#162018}main:has(.home-scene){width:min(100%,90rem)}.home-scene{width:min(72rem,calc(100% - 3rem));margin:auto}.hero-art{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero-art:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#070f0bdb,#070f0bb3 38%,#070f0b2e 70%,#070f0b1a);content:""}.hero-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.mountain-layer{position:absolute;bottom:0;left:0;width:100%;image-rendering:pixelated;image-rendering:crisp-edges;will-change:transform}.mountain-background{left:50%;top:0;width:1088px;height:640px;opacity:.84;background:url(/assets/layers/parallax-mountain-bg.png) center / 1088px 640px no-repeat;animation:scene-drift-background 18s ease-in-out infinite alternate;transform:translate(-50%)}.mountain-far{left:50%;width:1088px;height:640px;background:url(/assets/layers/parallax-mountain-montain-far.png) center bottom / 1088px 640px no-repeat;animation:scene-drift-far 16s ease-in-out infinite alternate;transform:translate(-50%)}.mountain-range{left:50%;width:2176px;height:640px;background:url(/assets/layers/parallax-mountain-mountains.png) center bottom / 2176px 640px no-repeat;animation:scene-drift-range 11s ease-in-out infinite alternate;transform:translate(-50%)}.mountain-trees-midground{left:50%;width:2176px;height:640px;background:url(/assets/layers/parallax-mountain-trees.png) center bottom / 2176px 640px no-repeat;animation:scene-drift-trees-midground 13s ease-in-out infinite alternate;transform:translate(-50%)}@keyframes scene-drift-background{to{background-position:center calc(50% - .65rem)}}@keyframes scene-drift-far{to{background-position:calc(50% + 1.25rem) bottom;transform:translateY(-.25rem)}}@keyframes scene-drift-range{to{background-position:calc(50% - 1.5rem) bottom;transform:translateY(-.3rem)}}@keyframes scene-drift-trees-midground{to{background-position:calc(50% - 1rem) bottom;transform:translateY(-.15rem)}}.home-copy{position:relative;z-index:2;width:min(39rem,100%);padding:0}.home-page h1{max-width:14ch;color:#f4f1e9;font-size:clamp(3rem,6vw,5.35rem)}.home-page .home-meta{border-color:#edf2ef61;color:#c1d0d4}.home-page .availability.online:before{background:#ddf66c}.home-page code{background:#edf2ef26;color:inherit}.home-page .primary-button{border-color:#e6fb74;background:#e6fb74;color:#142026}.home-page .primary-button:hover{background:transparent;color:#e6fb74}.home-meta{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:.8rem;border-bottom:1px solid rgba(237,242,239,.3);color:#b5c5c9;font:.68rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase}.home-meta p{margin:0}.availability{width:max-content;margin:0;font:.7rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.availability:before{display:inline-block;width:.55rem;height:.55rem;margin-right:.55rem;border-radius:50%;background:#8b8d80;content:""}.availability.online:before{background:#b34b37}.availability.offline:before{background:#9d3728}.availability.checking:before{background:#b48326}.manifesto{max-width:39rem;font-size:clamp(1rem,1.5vw,1.12rem)}.manifesto p{margin:0 0 1.25rem}code{padding:.1em .25em;background:#edf2ef1f;font:.78em ui-monospace,SFMono-Regular,Consolas,monospace}.home-actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding-top:1.25rem}.primary-button,.inline-form button{padding:.68rem 1rem;border:1px solid #edf2ef;border-radius:0;background:#edf2ef;color:#132028;font:.73rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;transition:background-color .14s ease,color .14s ease}.primary-button:hover,.inline-form button:hover{background:transparent;color:#edf2ef}button:disabled{cursor:wait;opacity:.55}.login-panel,.message-page{width:min(39rem,100%);padding:clamp(5.5rem,15vh,10rem) 0}.inline-form{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.login-panel input,.key-form input{flex:1 1 13rem;min-height:2.8rem;padding:.45rem 0;border:0;border-bottom:1px solid rgba(237,242,239,.5);border-radius:0;outline-offset:.25rem;background:transparent;color:#edf2ef}.login-panel label,.key-form label{display:block;margin-bottom:.65rem;font:.7rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.account-page{padding:clamp(5rem,13vh,9rem) 0}.account-heading{max-width:42rem;margin-bottom:4rem}.account-heading p{font:.82rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.account-grid{display:grid;grid-template-columns:minmax(15rem,.7fr) minmax(22rem,1.3fr);gap:3rem}.account-card{min-height:18rem;padding:1.5rem 0}.access-card strong{display:block;margin:3rem 0 .75rem;font-size:1.7rem;font-weight:400;line-height:1}.key-card h2{margin-bottom:2rem}.quiet-button,.text-button{padding:0;border:0;background:transparent;color:inherit;font:.72rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-decoration:underline;text-underline-offset:.22em;text-transform:uppercase}.account-actions{display:flex;gap:1rem;flex-wrap:wrap}.key-form{margin-bottom:1.5rem}.new-key{display:block;padding:.8rem 0;overflow-wrap:anywhere;border-top:1px solid #9aabb3;border-bottom:1px solid #9aabb3;background:transparent}.key-list{padding:0;margin:2rem 0 0;list-style:none}.key-list li{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-top:1px solid #9aabb3}.empty-state{color:#b5c5c9;font-style:italic}.key-list span{display:flex;align-items:center;gap:.55rem}.notice{margin-top:1rem;color:#85501f}.legal-page{max-width:46rem;padding:clamp(5rem,13vh,9rem) 0}.legal-page h1{font-size:clamp(2.5rem,5vw,4rem)}.legal-page>p:first-of-type{padding-bottom:1.5rem;border-bottom:1px solid #9aabb3;color:#b5c5c9;font:.7rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.legal-page h2{margin:2.7rem 0 .6rem;font-size:1.7rem}@media(max-width:760px){main{width:min(100% - 2rem,76rem)}nav{align-items:flex-start;min-height:6.5rem;padding:1.25rem 0;gap:1rem}nav div{gap:.8rem;flex-wrap:wrap;justify-content:flex-end}.home-page{width:min(72rem,100%);min-height:calc(100vh - 6.5rem);padding-top:clamp(9rem,24vh,12rem)}.home-scene{width:min(100% - 2rem,72rem)}nav{width:min(72rem,calc(100vw - 2rem));margin-top:max(.75rem,env(safe-area-inset-top));align-items:center;min-height:4rem;padding:0 1rem}.home-copy{padding:0;margin:0}.hero-art:after{background:linear-gradient(180deg,#030d12e0,#030d128c 56%,#030d121a)}.home-meta{align-items:flex-start;flex-direction:column;gap:.6rem}.account-grid{grid-template-columns:1fr;gap:2rem}h1{font-size:clamp(2rem,10vw,3rem)}}@media(max-width:340px){main{width:min(100% - 1.5rem,76rem)}nav{min-height:0;padding:1rem 0}nav div{max-width:9.5rem;gap:.7rem}h1,.legal-page h1{font-size:clamp(2.25rem,13vw,3rem);letter-spacing:-.085em}}