.wj-page{padding-bottom:32px}.wj-head{margin-bottom:14px}.wj-card{margin-bottom:12px}.wj-question{font-family:var(--font-sans);color:var(--text);margin:0 0 14px;font-size:clamp(19px,2.4vw,25px);line-height:1.3}.wj-form{flex-direction:column;gap:12px;display:flex}.wj-field{flex-direction:column;gap:4px;display:flex}.wj-field-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-size:10px}.wj-input{border:1px solid var(--edge);border-radius:var(--radius);background:var(--panel);min-height:44px;color:var(--text);font-family:var(--font-sans);padding:10px 11px;font-size:15px;line-height:1.35}.wj-input::placeholder{color:var(--text-3)}.wj-input:focus-visible{outline:2px solid var(--amber2);outline-offset:1px}.wj-moods{flex-wrap:wrap;gap:8px;display:flex}.wj-mood{border:1px solid var(--edge);border-radius:var(--radius);background:var(--panel);min-width:44px;min-height:44px;color:var(--text-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:11px;display:inline-flex}.wj-mood[aria-pressed=true]{border-color:var(--text-3);background:var(--panel-2);color:var(--text);box-shadow:inset 0 -2px 0 var(--amber2)}.wj-tap{min-height:44px}.wj-recorded{flex-direction:column;gap:10px;display:flex}.wj-recorded-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wj-mood-stamp{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:10px}.wj-wins{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wj-wins li:before{content:"— ";color:var(--amber2)}.wj-win{color:var(--text);font-size:15px;line-height:1.45}.wj-jar-wrap{gap:16px;margin-bottom:12px;display:grid}@media (min-width:700px){.wj-jar-wrap{grid-template-columns:200px minmax(0,1fr);align-items:center}}.wj-jar{transform-origin:50% 92%;width:100%;max-width:200px;margin:0 auto;position:relative}.wj-jar-lid{border:1px solid var(--edge);background:var(--panel-3);border-bottom:none;border-radius:2px 2px 0 0;width:44%;height:11px;margin:0 auto}.wj-jar-glass{border:1px solid var(--edge);background:var(--panel-2);border-top:none;border-radius:3px 3px 14px 14px;height:216px;position:relative;overflow:hidden}.wj-slip{border:1px solid var(--edge);background:var(--panel);border-radius:1px;width:9%;height:9px;position:absolute}.wj-jar-empty{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.wj-jar-label{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--text-3);font-size:9px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.wj-jar-side{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.wj-total{font-family:var(--font-sans);color:var(--text);align-items:baseline;gap:8px;margin:0;font-size:40px;font-weight:700;line-height:1;display:flex}.wj-total-unit{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:400}.wj-hint{max-width:52ch;color:var(--text-3);margin:0;font-size:13px;line-height:1.45}@media (prefers-reduced-motion:no-preference){.wj-jar.is-shaking{animation:.62s ease-in-out wj-shake}.wj-drawn-win{animation:.26s ease-out wj-settle}}@keyframes wj-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-2.2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-1.4deg)}80%{transform:rotate(.8deg)}}@keyframes wj-settle{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.wj-drawn{border-top:1px solid var(--edge-2);min-height:54px;padding-top:12px}.wj-drawn-win{font-family:var(--font-sans);color:var(--text);margin:0 0 4px;font-size:18px;line-height:1.35}.wj-drawn-meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:0;font-size:10px}.wj-anniversaries,.wj-entries{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.wj-anniversary,.wj-entry{border-left:2px solid var(--edge);flex-direction:column;gap:6px;padding-left:10px;display:flex}.wj-anniversary-head,.wj-entry-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.wj-anniversary-date,.wj-entry-date{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);font-size:11px}.wj-anniversary-prompt,.wj-entry-prompt{color:var(--text-3);margin:0;font-size:13px;line-height:1.4}.wj-colophon{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);text-align:center;margin:8px 0 0;font-size:9px}
