@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap";:root{--ink: #1a1a1a;--ink-mid: #555;--ink-pale: #999;--paper: #fafafa;--rule: #e2e2e2;--max-width: 640px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,serif;font-weight:400;line-height:1.7}a{color:inherit;text-decoration:none}.page{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.25rem 4rem}.topnav{display:flex;gap:1.5rem;font-size:.85rem;color:var(--ink-mid);margin-bottom:2.5rem}.topnav a{border-bottom:1px solid transparent}.topnav a:hover{border-bottom-color:var(--ink-mid)}.topnav .current{color:var(--ink);font-weight:500}.card-list{display:flex;flex-direction:column;gap:2rem}.card{display:block;padding:1.25rem 0;border-top:1px solid var(--rule);cursor:pointer}.card:last-child{border-bottom:1px solid var(--rule)}.card-constraint{font-size:1.15rem;font-weight:500;margin:0 0 .5rem;letter-spacing:.02em}.card-reason{font-size:.9rem;color:var(--ink-mid);margin:0 0 .75rem}.card-meta{font-size:.75rem;color:var(--ink-pale);letter-spacing:.05em}.empty{color:var(--ink-pale);font-size:.9rem;padding:2rem 0}.setup h1{font-size:1.5rem;font-weight:500;margin:0 0 .5rem}.setup p{color:var(--ink-mid);margin:0 0 2rem}.setup-choices{display:flex;flex-direction:column;gap:1rem}.setup-choices button{background:transparent;border:1px solid var(--ink);padding:1rem 1.25rem;font-family:inherit;font-size:1rem;color:var(--ink);cursor:pointer;text-align:left;transition:background .1s}.setup-choices button:hover{background:var(--ink);color:var(--paper)}.setup-choices small{display:block;color:var(--ink-pale);margin-top:.25rem;font-size:.75rem}.setup-choices button:hover small{color:var(--rule)}.add-fab{margin-top:3rem;text-align:center}.add-fab a{display:inline-block;font-size:1.25rem;color:var(--ink-pale);border:1px solid var(--rule);width:2.5rem;height:2.5rem;line-height:2.4rem;border-radius:50%}.add-fab a:hover{color:var(--ink);border-color:var(--ink)}.review-link{margin-top:1.5rem}.review-link a{font-size:.8rem;color:var(--ink-pale);border-bottom:1px solid var(--rule);padding-bottom:.1rem}.review-link a:hover{color:var(--ink);border-bottom-color:var(--ink)}.form-page h1{font-size:1.25rem;font-weight:500;margin:0 0 1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-field label{font-size:.8rem;color:var(--ink-mid);letter-spacing:.05em}.form-field input,.form-field textarea{font-family:inherit;font-size:1rem;padding:.75rem;border:1px solid var(--rule);background:#fff;color:var(--ink);resize:vertical}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--ink)}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions button,.form-actions a{font-family:inherit;font-size:.9rem;padding:.75rem 1.5rem;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer}.form-actions button[disabled]{background:var(--rule);border-color:var(--rule);cursor:not-allowed}.form-actions .secondary{background:transparent;color:var(--ink)}.detail h1{font-size:1.4rem;font-weight:500;margin:0 0 .75rem;line-height:1.5}.detail .reason{color:var(--ink-mid);margin:0 0 1.5rem;white-space:pre-wrap}.detail .state-line{font-size:.8rem;color:var(--ink-pale);letter-spacing:.05em;margin-bottom:2rem}.detail .state-badge{display:inline-block;border:1px solid var(--ink-pale);padding:.1rem .5rem;margin-right:.5rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2.5rem}.actions button{font-family:inherit;font-size:.85rem;padding:.5rem 1rem;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}.actions button:hover{background:var(--ink);color:var(--paper)}.history h2{font-size:.85rem;font-weight:500;color:var(--ink-mid);letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem;border-top:1px solid var(--rule);padding-top:1.5rem}.history-entry{padding:1rem 0;border-bottom:1px solid var(--rule)}.history-entry .when{font-size:.75rem;color:var(--ink-pale)}.history-entry .transition{font-size:.9rem;margin:.25rem 0}.history-entry .note{font-size:.85rem;color:var(--ink-mid);white-space:pre-wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a66;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.modal{background:var(--paper);border:1px solid var(--ink);padding:1.5rem;max-width:480px;width:100%}.modal h2{font-size:1rem;font-weight:500;margin:0 0 1rem}.modal textarea{font-family:inherit;font-size:.95rem;width:100%;padding:.75rem;border:1px solid var(--rule);background:#fff;resize:vertical}.modal textarea:focus{outline:none;border-color:var(--ink)}.back-link{display:inline-block;font-size:.8rem;color:var(--ink-mid);margin-bottom:2rem}.back-link:hover{color:var(--ink)}.review .progress{font-size:.8rem;color:var(--ink-pale);letter-spacing:.1em;margin-bottom:1.5rem}.review .review-card{padding:2rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:2rem}.review .review-card .constraint{font-size:1.4rem;font-weight:500;margin:0 0 .75rem;line-height:1.5}.review .review-card .reason{color:var(--ink-mid);margin:0;white-space:pre-wrap}.review .choices{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.review .choices button{font-family:inherit;font-size:.95rem;padding:1rem;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}.review .choices button:hover{background:var(--ink);color:var(--paper)}.review .choices .secondary{border-color:var(--rule);color:var(--ink-mid)}.review .choices .secondary:hover{background:var(--ink-mid);color:var(--paper);border-color:var(--ink-mid)}.review-done h1{font-size:1.4rem;font-weight:500;margin:0 0 .5rem}.review-done p{color:var(--ink-mid);margin:0 0 2rem}.review-done a{display:inline-block;border:1px solid var(--ink);padding:.75rem 1.5rem;margin-right:.75rem;font-size:.9rem}.review-done a:hover{background:var(--ink);color:var(--paper)}