.back-link{display:inline-block;margin-bottom:30px;font-size:13px;text-decoration:underline;text-underline-offset:4px}.page-return{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:28px;margin-top:50px;font-size:14px}.page-return a:hover,.back-link:hover{color:#52653e}.subpage-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.build-notes{padding:18px 0;border-top:1px solid var(--line);margin-top:20px}.build-notes summary{cursor:pointer;font-size:16px;line-height:1.5;padding:8px 0}.build-notes p,.build-notes li{font-size:15px;line-height:1.8;color:var(--muted);margin-top:14px}.build-notes ul{padding-left:20px}.profile-page h1{font-size:clamp(40px,6vw,72px)}
.soundtrack.compact-radio{display:flex;align-items:center;gap:12px;position:relative;width:fit-content;max-width:100%;padding:3px 6px 3px 3px;margin:20px 0 16px;background:transparent;font:11px var(--mono);min-height:44px}.compact-radio button{min-height:36px;padding:6px 9px}.radio-current{font-size:10px;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis;color:#505746}.radio-settings summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;min-height:36px;padding:4px 7px;font-size:10px}.radio-settings summary::-webkit-details-marker{display:none}.radio-settings[open] summary{background:#e3e8d9}.radio-popover{position:absolute;left:0;top:calc(100% + 6px);z-index:6;width:300px;max-width:calc(100vw - 40px);padding:16px;background:var(--paper);border:1px solid #b9c2ab;box-shadow:0 8px 24px #25301a15}.radio-popover label{font:11px var(--mono)}.radio-popover select{display:block;width:100%;border-bottom:1px solid var(--line);margin-bottom:12px;padding:10px 0}.radio-volume{display:flex;align-items:center;gap:12px}.radio-volume input{min-width:0;width:90px;accent-color:#596d42}.radio-popover p{font:10px/1.6 var(--mono);color:var(--muted);margin-top:12px}.compact-radio.is-playing .radio-current:before{content:'•';margin-right:7px;color:#506b36}.compact-radio [aria-pressed=true]{background:#33462b}.hero-actions{margin-bottom:15px}
.tool-page{max-width:1160px;margin:auto}.tool-page h1{font-size:clamp(44px,7vw,80px);letter-spacing:-.05em;margin:22px 0}.subnet-console{border:1px solid #afb9a1;background:#f2f4eb;margin:40px 0}.subnet-console .window-bar{background:#dfe6d2;color:#35412d;border-bottom:1px solid #b4bea6;font:11px var(--mono);display:flex;justify-content:space-between;padding:15px 22px}.subnet-body{padding:28px}.subnet-body label{display:block;font:12px var(--mono);margin-bottom:10px}.cidr-entry{display:flex;gap:12px}.cidr-entry input{font:clamp(16px,3vw,24px) var(--mono);min-width:0;flex:1;border:1px solid #a8b395;background:#fff;padding:12px 15px;border-radius:0;color:#283024}.cidr-entry .button{flex:none}.subnet-body input[aria-invalid=true]{border-color:#9a3b2b}.subnet-body [hidden]{display:none!important}#cidr-help,.bit-hint{font:11px/1.6 var(--mono);color:#5c6553;margin-top:10px}#subnet-error{color:#8c2e20;font-size:14px;margin-top:10px}.subnet-presets{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 30px}.subnet-presets button,.subnet-actions button{font:11px var(--mono);border:1px solid #b7c0ab;background:transparent;min-height:40px;padding:9px 12px;color:#35412d}.subnet-presets button:hover,.subnet-actions button:hover{background:#e0e7d4}.subnet-actions button:disabled{opacity:.45;cursor:default}.prefix-control label{display:flex;justify-content:space-between}.prefix-control input{width:100%;accent-color:#526839;margin-bottom:22px}.bit-labels{display:flex;gap:20px;font:11px var(--mono);color:#52653f;margin-bottom:10px}.bit-map{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));gap:3px}.bit-map button{font:12px var(--mono);padding:14px 0;border:1px solid #a8b691;background:#e7ecde;color:#3b4c2d;min-width:0}.bit-map button:nth-child(8n){margin-right:5px}.bit-map button.network-bit{background:#50613b;color:#fff;border-color:#50613b}.bit-map button[aria-pressed=true]{outline:2px solid #182511;outline-offset:2px}.bit-map button:hover{transform:translateY(-2px)}.subnet-results{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.subnet-results>div{border-top:1px solid #c2cbb5;padding-top:15px}.subnet-results .wide{grid-column:1/-1}.subnet-results dt{font:11px var(--mono);color:#606b53;margin-bottom:10px}.subnet-results dd{font:clamp(16px,2.8vw,25px) var(--mono);overflow-wrap:anywhere}.subnet-note{font-size:13px;line-height:1.7;color:#5b6551}.subnet-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}#copy-status{font-size:12px;min-height:1.6em;margin-top:10px}.tool-page .profile-proof h2{font-size:29px}.subpage-header{gap:20px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #536b3a;outline-offset:4px}
@media(max-width:760px){.compact-radio{gap:8px!important}.compact-radio button,.radio-settings summary{min-height:40px}.subnet-body{padding:18px}.cidr-entry{flex-wrap:wrap}.cidr-entry input{width:100%;flex-basis:100%}.cidr-entry .button{width:100%;justify-content:center}.bit-map{grid-template-columns:repeat(16,minmax(0,1fr));gap:3px}.bit-map button{padding:12px 0}.subnet-results{gap:20px 12px}.subnet-results dd{font-size:16px}.tool-page h1{white-space:normal}.subnet-console .window-bar{padding:13px 16px;font-size:10px}.subnet-presets{gap:6px}.subnet-presets button{font-size:10px;padding:8px}.subnet-actions button{flex:1}.subpage-header nav{gap:16px}.page-return{font-size:13px}}
@media(prefers-reduced-motion:reduce){.bit-map button:hover{transform:none}}
@media print{.back-link,.page-return,.build-notes,.compact-radio{display:none!important}}
.subnet-results dd{margin:0}@media(max-width:760px){.bit-map{grid-template-columns:repeat(8,minmax(0,1fr))}.bit-map button{min-height:40px}.subnet-results dd{font-size:14px}}