*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{background:var(--bg-canvas);color:var(--fg-default);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased}::selection{background:var(--selection-bg)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-inset);border-radius:var(--radius-sm);padding:0 var(--space-1);word-break:break-word}a{color:var(--accent-default)}.page{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.topbar__inner{max-width:68rem;margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.topbar__brand{font-family:var(--font-mono);font-size:var(--text-compact);color:var(--fg-default);text-decoration:none;letter-spacing:-.01em}.topbar__right{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.identity{display:flex;align-items:center;gap:var(--space-2)}.identity__name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-muted)}.main{flex:1;width:100%;max-width:68rem;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.hero__title{font-family:var(--font-serif);font-size:var(--text-display);line-height:1.1;margin:0 0 var(--space-3);letter-spacing:-.02em}.hero__subtitle{margin:0;max-width:44rem;color:var(--fg-muted);font-size:var(--text-lg)}.hero__stats{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.composer__form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:var(--space-3);align-items:end;margin-top:var(--space-3)}.composer__form--anon{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr) auto}.composer__actions{display:flex}.composer--door{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.composer__title{margin:0 0 var(--space-1);font-size:var(--text-lg)}.composer__body{margin:0;color:var(--fg-muted);font-size:var(--text-compact);max-width:44rem}.composer__error{margin:var(--space-3) 0 0;color:var(--status-bad);font-size:var(--text-compact)}.wall{display:flex;flex-direction:column;gap:var(--space-4)}.wall__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.wall__title{margin:0;font-size:var(--text-title)}.wall__search{flex:1 1 18rem;min-width:0;max-width:24rem;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-compact);color:var(--fg-default);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md)}.wall__search::placeholder{color:var(--fg-faint)}.wall__loading{color:var(--fg-muted);margin:0}.wall__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:var(--space-4)}.greeting{display:flex;flex-direction:column;gap:var(--space-3);justify-content:space-between}.greeting__text{margin:0;font-family:var(--font-serif);font-size:var(--text-xl);line-height:1.25;overflow-wrap:anywhere}.greeting__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--fg-muted)}.greeting__author{font-family:var(--font-mono);overflow-wrap:anywhere}.greeting__time{color:var(--fg-faint)}.greeting__remove{margin-left:auto}.footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);padding:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;font-size:var(--text-sm);color:var(--fg-muted);font-family:var(--font-mono)}.footer__links{display:flex;gap:var(--space-4)}.ui-button{font:inherit;font-size:var(--text-compact);border-radius:var(--radius-md);border:1px solid transparent;padding:var(--space-2) var(--space-4);cursor:pointer;transition:background var(--motion-duration-fast) var(--motion-ease-out),border-color var(--motion-duration-fast) var(--motion-ease-out);white-space:nowrap}.ui-button:disabled{opacity:.6;cursor:not-allowed}.ui-button--primary{background:var(--accent-default);color:var(--accent-contrast)}.ui-button--primary:hover:not(:disabled){background:var(--accent-hover)}.ui-button--primary:active:not(:disabled){background:var(--accent-active)}.ui-button--secondary{background:var(--bg-surface);color:var(--fg-default);border-color:var(--border-default)}.ui-button--secondary:hover:not(:disabled){background:var(--bg-surface-raised)}.ui-button--ghost{background:transparent;color:var(--fg-muted);padding:var(--space-1) var(--space-2)}.ui-button--ghost:hover:not(:disabled){background:var(--bg-inset)}.ui-button--danger{background:transparent;color:var(--status-bad);border-color:var(--border-default);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.ui-button--danger:hover:not(:disabled){background:var(--status-bad-bg)}.ui-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.ui-card--raised{background:var(--bg-surface-raised);box-shadow:var(--shadow-sm)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-label);font-family:var(--font-mono);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);border:1px solid var(--border-default);background:var(--bg-inset);color:var(--fg-muted);white-space:nowrap}.ui-badge--accent{background:var(--accent-subtle);border-color:var(--accent-subtle);color:var(--accent-default)}.ui-badge--good{background:var(--status-good-bg);border-color:var(--status-good-bg);color:var(--status-good)}.ui-badge--warn{background:var(--status-warn-bg);border-color:var(--status-warn-bg);color:var(--status-warn)}.ui-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.ui-field__label{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted)}.ui-field__input{font:inherit;font-size:var(--text-compact);padding:var(--space-2) var(--space-3);color:var(--fg-default);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:0;width:100%}.ui-field__input::placeholder{color:var(--fg-faint)}.ui-field__hint{margin:0;font-size:var(--text-sm);color:var(--fg-faint)}.ui-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-panel);padding:var(--space-6) var(--space-4);text-align:center}.ui-empty__icon{font-size:var(--text-xl)}.ui-empty__title{margin:var(--space-2) 0 var(--space-1);font-size:var(--text-lg)}.ui-empty__body{margin:0 auto;max-width:32rem;color:var(--fg-muted);overflow-wrap:anywhere}.ui-empty__action{margin-top:var(--space-4)}.ui-callout{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-compact)}.ui-callout--info{background:var(--status-info-bg);color:var(--status-info)}.ui-callout--warn{background:var(--status-warn-bg);color:var(--status-warn)}.ui-callout--bad{background:var(--status-bad-bg);color:var(--status-bad)}.ui-callout__title{margin-right:var(--space-2)}.ui-callout__text{min-width:0;overflow-wrap:anywhere}@media(max-width:40rem){.hero__title{font-size:var(--text-xl)}.hero__subtitle{font-size:var(--text-base)}.composer__form{grid-template-columns:minmax(0,1fr)}.composer__actions .ui-button{width:100%}.wall__search{flex-basis:100%;max-width:none}.main{padding-left:var(--space-3);padding-right:var(--space-3)}}