/* KROPP Minimal · access / 2026-10-10 */
:root{color-scheme:dark;--bg:#090909;--panel:#111;--panel2:#151515;--line:#303030;--text:#ededed;--muted:#9b9b9b;--blue:#4ade80;--ok:#4ade80;--bad:#ff718a}
html,body{background:#090909!important;background-image:none!important;color:#ededed!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{background-attachment:scroll!important}.page{width:min(880px,calc(100% - 44px))!important;padding-top:clamp(25px,7vh,76px)!important}
a{transition:color .15s ease}a:hover{color:#4ade80}
.top{border-bottom:1px solid #303030!important;padding-bottom:17px!important}
.brand{gap:10px!important}.brand img{width:90px!important;max-height:43px!important;object-fit:contain}.brand-copy b{font-size:14px!important;font-weight:550!important;letter-spacing:0!important}.brand-copy span{font-size:10px!important;color:#999!important;letter-spacing:0!important;text-transform:none!important}
.back{height:auto!important;padding:5px 0!important;background:none!important;border:0!important;text-transform:none!important;font-size:13px!important;color:#aaa!important;letter-spacing:0!important}
.hero{padding:42px 0 32px!important}.eyebrow{font:12px ui-monospace,Consolas,monospace!important;letter-spacing:0!important;text-transform:none!important;color:#888!important}
.hero h1{font-size:clamp(35px,6vw,47px)!important;font-weight:570!important;letter-spacing:-.06em!important;line-height:1.15!important;margin:7px 0 12px!important}.hero p{font:12px/1.85 ui-monospace,Consolas,monospace!important;color:#aaa!important}
.hero-meta{font:11px ui-monospace,monospace!important;color:#aaa!important;gap:14px!important}.hero-meta b{font-weight:500!important}.hero-meta i.ok{background:#4ade80!important}
.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 20px!important}
.card{background:transparent!important;border:0!important;border-top:1px solid #303030!important;border-radius:0!important;box-shadow:none!important;padding:23px 0!important;gap:16px!important;grid-template-columns:minmax(0,1fr) 80px!important;overflow:visible!important}
.card-head{gap:8px!important}.net{gap:8px!important}.net-icon{width:33px!important;height:33px!important;flex-basis:33px!important;border:0!important;background:none!important;box-shadow:none!important}
.net-icon img,.net-icon.clearnet img,.net-icon.onion img,.net-icon.i2p img,.net-icon.lokinet img{width:33px!important;height:33px!important;object-fit:contain!important;filter:none!important}
.net-copy b{font-size:15px!important;font-weight:620!important}.net-copy small{font-size:10px!important;color:#929292!important}
.live{font:11px ui-monospace,monospace!important;color:#aaa!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap}.live.ok i{background:#4ade80!important}.live.bad i{background:#ff718a!important}
.address{font-size:11px!important;padding:8px 0!important;margin:10px 0 7px!important;background:none!important;border:0!important;border-radius:0!important;color:#cacaca!important;line-height:1.7!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-all!important;max-width:100%}
.actions{gap:8px 17px!important}.btn{height:auto!important;padding:3px 0!important;background:none!important;border:0!important;border-radius:0!important;color:#dedede!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#777!important}
.btn:hover,.btn:active{color:#4ade80!important;background:none!important;border-color:transparent!important}
.meta{margin-top:9px!important;font-size:10px!important;color:#888!important}
.qr{padding:5px!important;background:#fff!important;border-radius:5px!important;align-self:start!important;margin-top:18px!important}.qr img{width:70px!important;height:70px!important}
.info{grid-template-columns:1fr 1fr!important;gap:22px!important;margin-top:18px!important}.info-card{padding:16px 0!important;background:none!important;border:0!important;border-top:1px solid #303030!important;border-radius:0!important}.info-card h2{font-size:14px!important;font-weight:600!important}.info-card p{font-size:11px!important;line-height:1.7!important;color:#aaa!important}.info-card a{color:#4ade80!important;text-decoration:underline}
.footer{font:11px ui-monospace,monospace!important;color:#888!important;letter-spacing:0!important;text-transform:none!important;border-top:1px solid #303030!important}.footer a:hover{color:#4ade80!important}
.qr-modal{background:rgba(0,0,0,.85)!important}.qr-dialog{background:#111!important;border-color:#303030!important;box-shadow:none!important}.toast{background:#222!important;color:#eee!important}
@media(max-width:700px){.page{width:calc(100% - 36px)!important}.hero{padding:30px 0 26px!important}.grid{grid-template-columns:1fr!important}.card{grid-template-columns:minmax(0,1fr) 76px!important}.info{grid-template-columns:1fr!important;gap:4px!important}.qr img{width:66px!important;height:66px!important}.live{font-size:10px!important}.brand img{width:75px!important}}
@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#fafafa;--panel:#fafafa;--panel2:#eee;--line:#ddd;--text:#171717;--muted:#666;--blue:#138b57;--ok:#159a60;--bad:#cc4052}html,body{background:#fafafa!important;color:#171717!important}.top,.card,.info-card,.footer{border-color:#ddd!important}.back,.hero p,.hero-meta,.address,.net-copy small,.live,.info-card p,.footer,.meta{color:#666!important}.net-copy b,.hero h1,.info-card h2{color:#171717!important}.btn{color:#333!important}.btn:hover,.back:hover,.info-card a{color:#138b57!important}.qr-dialog{background:#fff!important}.brand img{filter:brightness(0)!important}}
