:root{--ink: #1a1a1a;--ink-soft: #555;--ink-faint: #888;--paper: #fafaf7;--paper-warm: #f3f1ea;--rule: #d8d4c8;--danger: #8a3a3a;--max-width: 720px;font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.7}body{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:var(--ink);background:transparent;border:1px solid var(--ink);padding:.4rem 1rem;cursor:pointer;transition:opacity .15s ease}button:hover:not(:disabled){opacity:.7}button:disabled{color:var(--ink-faint);border-color:var(--rule);cursor:not-allowed}button.plain{border:none;padding:0}button.danger{color:var(--danger);border-color:var(--danger)}input,textarea{font-family:inherit;font-size:inherit;color:var(--ink);background:var(--paper);border:none;border-bottom:1px solid var(--rule);padding:.5rem 0;width:100%;outline:none}input:focus,textarea:focus{border-bottom-color:var(--ink)}textarea{resize:vertical;min-height:4rem;line-height:1.8}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;justify-content:center;gap:2.5rem;padding:1.5rem 1rem 1rem;font-size:.95rem;letter-spacing:.05em;color:var(--ink-soft)}.nav a{padding:.2rem 0;border-bottom:1px solid transparent}.nav a.active{color:var(--ink);border-bottom-color:var(--ink)}.nav a.plus{font-size:1.2rem;line-height:1}.main{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:1.5rem 1.25rem 4rem}.placeholder{color:var(--ink-faint);text-align:center;margin-top:4rem}.form{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.field{display:flex;flex-direction:column;gap:.4rem}.label{font-size:.85rem;color:var(--ink-soft);letter-spacing:.05em}.optional{margin-left:.5rem;font-size:.75rem;color:var(--ink-faint)}.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border-bottom:1px solid var(--rule);padding:.4rem 0;min-height:2.2rem}.tag-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .5rem;background:var(--paper-warm);font-size:.9rem}.tag-remove{font-size:.9rem;color:var(--ink-faint)}.tag-draft{flex:1;min-width:6rem;border:none;padding:0}.tag-draft:focus{border:none}.form-actions{display:flex;justify-content:flex-end}.quote-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.quote-card{border-bottom:1px solid var(--rule)}.quote-card a{display:block;padding:1.5rem .25rem}.quote-text{margin:0 0 .6rem;font-size:1.05rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quote-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--ink-soft)}.quote-date{color:var(--ink-faint);font-variant-numeric:tabular-nums}.quote-tags{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 0 1rem}.quote-tag{display:inline-block;font-size:.75rem;color:var(--ink-faint);padding:.05rem .4rem;background:var(--paper-warm)}.quote-tag:hover{color:var(--ink)}.tag-chip-link{cursor:pointer;transition:opacity .15s ease}.tag-chip-link:hover{opacity:.6}.filter-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--rule);font-size:.9rem;color:var(--ink-soft);margin-bottom:.5rem}.filter-label{font-size:.85rem}.search{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.search-input{font-size:1.1rem;padding:.6rem 0;border-bottom:1px solid var(--ink)}.empty{display:flex;flex-direction:column;align-items:center;gap:2.5rem;margin-top:6rem;color:var(--ink-faint)}.empty-text{margin:0}.empty-plus{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:1px solid var(--ink);border-radius:50%;font-size:2rem;color:var(--ink);line-height:1}.detail{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.detail-text{margin:0;font-size:1.2rem;line-height:2;white-space:pre-wrap}.detail-source{margin:0;color:var(--ink-soft);text-align:right}.detail-section{border-top:1px solid var(--rule);padding-top:1rem;display:flex;flex-direction:column;gap:.4rem}.detail-section p{margin:0;white-space:pre-wrap;line-height:1.9}.detail-label{margin:0;font-size:.8rem;font-weight:400;color:var(--ink-soft);letter-spacing:.1em}.detail-tags{display:flex;flex-wrap:wrap;gap:.5rem}.detail-dates{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.detail-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.back-link{color:var(--ink-faint);font-size:.9rem}.form-actions.split{justify-content:space-between}.link{color:var(--ink-faint);text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a59;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:var(--paper);padding:2rem;max-width:28rem;width:calc(100% - 2rem);border:1px solid var(--ink);display:flex;flex-direction:column;gap:1.5rem}.modal p{margin:0}.modal-actions{display:flex;justify-content:space-between}.practice{display:flex;flex-direction:column;gap:3rem;margin-top:2rem}.practice-pair{display:grid;grid-template-columns:1fr 1px 1fr;align-items:stretch;gap:2rem;transition:opacity .18s ease}.practice-pair:before{content:"";grid-column:2;background:var(--rule)}.practice-pair.fading{opacity:0}.practice-card{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1rem 0;min-height:12rem}.practice-text{margin:0;font-size:1.15rem;line-height:2;white-space:pre-wrap}.practice-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--ink-faint)}.practice-date{font-variant-numeric:tabular-nums}.practice-actions{display:flex;justify-content:center;padding-top:2rem}@media (max-width: 640px){.practice-pair{grid-template-columns:1fr;grid-template-rows:auto 1px auto;gap:1.5rem}.practice-pair:before{grid-column:1;grid-row:2;height:1px;width:100%}.practice-card{min-height:auto}}