:root{--bg:#fff;--surface:#eae0cb;--fg:#14211f;--muted:#55625f;--line:#d6c9ae;--line-strong:#7e6f52;--accent:#0f3b3d;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#0c2a2b;--surface:#123a3b;--fg:#efe7d6;--muted:#9db0ac;--line:#1e4a4b;--line-strong:#5b8a88;--accent:#7fc8b8}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}.page{max-width:68rem;margin:0 auto;padding:2.5rem 1.5rem 4rem}.host-header{border-bottom:1px solid var(--line);align-items:center;gap:1rem;padding-bottom:1.5rem;display:flex}.host-logo{border-radius:var(--radius);object-fit:cover;background:var(--line);width:64px;height:64px}.muted{color:var(--muted)}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.25rem;margin-top:2rem;padding:0;list-style:none;display:grid}.asset-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.asset-card img{aspect-ratio:4/3;object-fit:cover;background:var(--line);width:100%}.asset-card__body{flex-direction:column;flex:1;gap:.35rem;padding:1rem;display:flex}.price{font-size:1.05rem;font-weight:650}.gallery{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;margin:1.5rem 0;display:grid}.gallery img{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;background:var(--line);width:100%}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.15rem .6rem;font-size:.8rem;display:inline-block}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex}.site-brand{letter-spacing:.06em;color:var(--accent);font-weight:700;text-decoration:none}.site-nav{align-items:center;gap:1rem;font-size:.95rem;display:flex}.site-user{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;overflow:hidden}.banner{background:color-mix(in srgb, var(--accent) 12%, var(--bg));border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1.5rem;font-size:.92rem;display:flex}.banner-actions{gap:1rem;display:flex}.auth-page{max-width:34rem}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem}.auth-card h1{margin-top:0;font-size:1.5rem}.auth-footer{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem;font-size:.92rem}.auth-footer p{margin:.35rem 0}.auth-pending h2{margin-top:0;font-size:1.2rem}.auth-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.field{flex-direction:column;gap:.3rem;margin-bottom:1rem;display:flex}.field-label{font-size:.9rem;font-weight:600}.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=tel]{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;padding:.6rem .7rem}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field-hint,.field-error,.field-ok{font-size:.85rem}.field-hint{color:var(--muted)}.field-error{color:#b3261e}.field-ok{color:var(--accent)}.field-checkbox{flex-direction:row;align-items:flex-start;gap:.6rem;font-size:.92rem}.field-checkbox input{margin-top:.25rem}.hostname-input{border:1px solid var(--line-strong);border-radius:var(--radius);align-items:center;display:flex;overflow:hidden}.hostname-prefix{color:var(--muted);white-space:nowrap;padding:.6rem 0 .6rem .7rem}.hostname-input input{border:none!important;border-radius:0!important;padding-left:.15rem!important}.form-error{border-radius:var(--radius);border:1px solid #b3261e;margin-bottom:1rem;padding:.75rem 1rem;font-size:.92rem}.form-error p,.form-error ul{margin:0}.form-error ul{padding-left:1.1rem}.button-primary,.button-secondary{font:inherit;border-radius:var(--radius);border:1px solid var(--accent);cursor:pointer;text-align:center;padding:.6rem 1.1rem;text-decoration:none;display:inline-block}.button-primary{background:var(--accent);color:var(--bg)}.button-secondary{color:var(--accent);background:0 0}.button-primary:disabled,.button-secondary:disabled{opacity:.55;cursor:not-allowed}.button-small{padding:.35rem .8rem;font-size:.9rem}.button-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.button-link:disabled{opacity:.6;cursor:not-allowed}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:1.5rem 0;padding:1.5rem}.panel h2{margin-top:0;font-size:1.1rem}.page-legal{max-width:46rem}.legal-body{margin:1.5rem 0;line-height:1.7}.legal-body p{overflow-wrap:anywhere;margin:0 0 1rem}
