:root{--navy: #14213d;--paper: #fbf7ee;--paper-dim: #f1ebdd;--rust: #c1502e;--teal: #3a6b69;--fog: #8b8478;--ink: #1e1b16;--radius: 3px;--shadow-card: 0 1px 2px rgba(20, 33, 61, .06), 0 6px 16px rgba(20, 33, 61, .08);--shadow-card-hover: 0 2px 4px rgba(20, 33, 61, .08), 0 10px 24px rgba(20, 33, 61, .12);--max-width: 640px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper-dim);color:var(--ink);font-family:Inter,sans-serif;font-size:16px;line-height:1.55}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;font-size:inherit}.header{background:var(--navy);color:var(--paper);position:sticky;top:0;z-index:10}.header__inner{max-width:var(--max-width);margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.header__logo{background:none;border:none;font-family:Fraunces,serif;font-style:italic;font-size:22px;color:var(--paper);padding:0}.header__nav{display:flex;align-items:center;gap:18px;font-size:14px}.header__user{background:none;border:none;color:var(--paper);opacity:.85;font-size:14px;padding:4px 0;border-bottom:2px solid transparent}.header__user--active{opacity:1;border-bottom-color:var(--rust)}.header__signout{background:none;border:none;color:var(--paper);opacity:.6;font-size:14px}.header__signout:hover{opacity:1}.login{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:24px}.login__card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:36px 32px;width:100%;max-width:340px}.login__title{font-family:Fraunces,serif;font-style:italic;font-size:32px;color:var(--navy);margin:0;text-align:center}.login__subtitle{text-align:center;color:var(--fog);font-size:13.5px;margin:4px 0 22px}.login__tabs{display:flex;border-bottom:1px solid var(--paper-dim);margin-bottom:20px}.login__tab{flex:1;background:none;border:none;padding:10px 0;font-size:14px;color:var(--fog);border-bottom:2px solid transparent}.login__tab--active{color:var(--navy);border-bottom-color:var(--rust);font-weight:500}.login__form{display:flex;flex-direction:column;gap:12px}.login__input{border:1px solid var(--paper-dim);border-radius:var(--radius);padding:10px 12px;font-size:14px}.login__input:focus{outline:none;border-color:var(--teal)}.login__error{color:var(--rust);font-size:13px;margin:0}.login__notice{color:var(--teal);font-size:13px;margin:0}.login__submit{background:var(--navy);color:var(--paper);border:none;padding:11px;border-radius:var(--radius);font-size:14.5px;font-weight:500}.login__submit:hover:not(:disabled){background:var(--rust)}.login__submit:disabled{opacity:.5}.page{max-width:var(--max-width);margin:0 auto;padding:32px 20px 60px}.page__title{font-family:Fraunces,serif;font-style:italic;color:var(--navy);font-size:18px;margin:0 0 20px}.page__status{text-align:center;color:var(--fog);font-size:14px;margin-top:24px}.page__status--error{color:var(--rust)}.page__empty{text-align:center;color:var(--fog);font-family:Fraunces,serif;font-style:italic;margin-top:48px}.composer{background:var(--paper);border:1px dashed rgba(20,33,61,.25);border-radius:var(--radius);padding:16px;margin-bottom:28px}.composer__textarea{width:100%;border:none;background:none;resize:vertical;min-height:64px}.composer__textarea:focus{outline:none}.composer__footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.composer__hint{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--fog)}.composer__submit{background:var(--navy);color:var(--paper);border:none;padding:8px 18px;border-radius:var(--radius);font-size:14px;font-weight:500}.composer__submit:hover:not(:disabled){background:var(--rust)}.composer__submit:disabled{opacity:.45}.card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:18px 20px;margin-bottom:20px}.card:hover{box-shadow:var(--shadow-card-hover)}.card__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.card__author{font-family:Fraunces,serif;font-size:17px;color:var(--navy)}.card__date{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--fog)}.card__content{margin:0 0 12px;white-space:pre-wrap}.card__actions{display:flex;align-items:center;gap:16px}.card__comments-toggle{background:none;border:none;color:var(--fog);font-size:13px}.card__comments-toggle:hover{color:var(--teal)}.like{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--fog);padding:4px 8px;border-radius:var(--radius)}.like:hover,.like--dropped{color:var(--rust)}.like__count{font-family:JetBrains Mono,monospace;font-size:13px}.comments{border-top:1px solid var(--paper-dim);margin-top:14px;padding-top:12px}.comments__empty{font-size:13px;color:var(--fog);margin:0 0 10px}.comments__list{list-style:none;margin:0 0 12px;padding:0}.comments__item{padding:5px 0;font-size:13.5px}.comments__time{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--fog);margin-right:8px}.comments__author{font-weight:600;color:var(--teal)}.comments__text{margin:2px 0 0}.comments__form{display:flex;gap:8px}.comments__input{flex:1;border:1px solid var(--paper-dim);border-radius:var(--radius);padding:7px 10px;font-size:13.5px}.comments__input:focus{outline:none;border-color:var(--teal)}.comments__send{background:none;border:1px solid var(--teal);color:var(--teal);border-radius:var(--radius);padding:6px 12px;font-size:13px}.comments__send:hover:not(:disabled){background:var(--teal);color:var(--paper)}.comments__send:disabled{opacity:.4}