.wall-search{position:relative;margin-bottom:18px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.wall-search>label{display:block;margin-bottom:8px;font-size:.76rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.wall-search>div:first-of-type{display:flex;gap:8px}.wall-search input{flex:1}.wall-suggestions{position:absolute;z-index:15;top:calc(100% - 10px);right:18px;left:18px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow)}.wall-suggestions button{display:grid;width:100%;padding:11px 14px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.wall-suggestions button:first-child{border-top:0}.wall-suggestions button:hover,.wall-suggestions button:focus{background:var(--accent-soft)}.wall-suggestions span{color:var(--muted);font-size:.64rem;text-transform:uppercase}.wall-search-result{color:var(--muted)}
.wall-page{min-height:100vh;padding:56px 0 90px;background:linear-gradient(145deg,rgb(197 138 50 / 8%),transparent 32rem)}.wall-shell{max-width:900px}.wall-head{margin-bottom:28px}.wall-head h1{margin:5px 0;font-size:clamp(3rem,8vw,5.5rem);letter-spacing:-.06em}.wall-head p{max-width:650px;color:var(--muted)}.wall-compose,.wall-login,.wall-post{margin-bottom:16px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface-strong),var(--surface))}.wall-compose textarea{min-height:105px}.wall-compose form>div,.wall-login,.wall-actions,.wall-comments>form{display:flex;align-items:center;justify-content:space-between;gap:12px}.wall-file{color:var(--muted);font-size:.8rem}.wall-file input{display:block;margin-top:7px}.wall-post>header{display:flex;align-items:center;gap:12px}.wall-post>header>div{display:grid}.wall-post time{color:var(--muted);font-size:.7rem}.wall-avatar{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--accent);border-radius:50%;color:var(--accent-strong);font-weight:900}.wall-post>header>form{margin-left:auto}.wall-hide{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.wall-body{margin:20px 0;white-space:pre-wrap}.wall-image img{display:block;width:100%;max-height:620px;border-radius:var(--radius-sm);object-fit:cover}.wall-actions{position:relative;flex-wrap:wrap;margin-top:18px;padding:12px 0;border-block:1px solid var(--line);color:var(--muted)}.wall-actions form{margin:0}.wall-actions button,.wall-actions summary{border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.wall-actions button.active{color:#d46767}.wall-actions details{position:relative}.wall-beer{position:absolute;z-index:5;right:0;top:30px;display:flex;width:min(360px,80vw);gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow)}.wall-comments{display:grid;gap:10px;padding-top:14px}.wall-comments article{padding:12px;border-radius:var(--radius-sm);background:var(--paper)}.wall-comments article p{margin:5px 0}.wall-comments>form input{flex:1}.wall-empty{padding:50px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center}@media(max-width:600px){.wall-page{padding-top:34px}.wall-compose,.wall-login,.wall-post{padding:16px}.wall-compose form>div,.wall-comments>form{align-items:stretch;flex-direction:column}.wall-compose .btn,.wall-comments .btn{width:100%}.wall-actions{align-items:flex-start}.wall-beer{right:auto;left:-100px;flex-direction:column}}