:root{color:#263c34;font-synthesis:none;background:#f7f8f3;font-family:Inter,Noto Sans JP,system-ui,sans-serif;line-height:1.7}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;color:inherit;background:#fff;border:1px solid #d8dfd5;border-radius:10px;padding:9px 18px}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){background:#eef3ec;border-color:#39745e}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #dca45c}header{border-bottom:1px solid #e1e7dd;justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:24px 32px;display:flex}.brand{color:#244d3e;letter-spacing:-1.5px;font-size:29px;font-weight:800;text-decoration:none}.brand span{font-weight:400}.brand .brand-dot{color:#d99950;font-weight:900}.account{align-items:center;gap:16px;font-size:13px;display:flex}.quiet{background:0 0}.workspace{max-width:1100px;margin:auto;padding:42px 24px}.intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:2.2px;color:#718c78;margin:0 0 14px;font-size:10px;font-weight:700}h1{letter-spacing:-1px;margin:0 0 10px;font-size:clamp(26px,4vw,38px);line-height:1.5}h2{margin:0 0 16px;font-size:19px}h3{overflow-wrap:anywhere;margin:18px 0;font-size:21px;line-height:1.65}.muted{color:#788078;margin:0;font-size:14px}.primary{color:#fff;background:#27634d;border-color:#27634d;padding:12px 23px;font-weight:600}.primary:hover:not(:disabled){color:#fff;background:#1d503d}.filters{background:#eaf0e5;border-radius:14px;gap:18px;margin-bottom:35px;padding:22px;display:flex}label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.search{flex:1}.filters select{min-width:190px}input,textarea,select{color:#263c34;background:#fff;border:1px solid #d6ded2;border-radius:8px;width:100%;min-width:0;padding:12px}input:focus,textarea:focus,select:focus{outline-offset:1px;outline:2px solid #7da58b}textarea{resize:vertical}.list-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.list-heading h2{margin:0}.list-heading>span{color:#7c857a;font-size:12px}.notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.note-card{text-align:left;border-radius:14px;flex-direction:column;min-height:235px;padding:24px;display:flex;box-shadow:0 3px 10px #243e2f04}.note-mark{color:#6b8e71;text-align:center;background:#eef2e8;border-radius:9px;width:32px;height:32px;font-family:Georgia,serif;font-size:21px}.suffix{color:#859382;font-size:.75em;font-weight:400}.tags{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.tags span{color:#687d63;overflow-wrap:anywhere;background:#f0f3eb;border-radius:5px;padding:2px 9px;font-size:11px}.card-bottom{color:#90998c;border-top:1px solid #f0f2ec;justify-content:space-between;width:100%;margin-top:auto;padding-top:14px;font-size:11px;display:flex}.pagination{justify-content:center;gap:20px;margin:28px 0;display:flex}.empty{text-align:center;padding:48px 16px}.empty>span{color:#8eaa82;font-size:42px}.detail{background:#fff;border:1px solid #d6dfd1;border-radius:16px;margin-top:24px;padding:32px;box-shadow:0 8px 30px #244d3e08}.detail-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.detail-top .eyebrow{margin:0}.detail form{gap:22px;display:grid}.title-input{align-items:center;gap:12px;display:flex}.title-input span{white-space:nowrap}.body-text{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 0 24px;font-size:16px;line-height:2}.detail h2{overflow-wrap:anywhere;font-size:28px}.actions{gap:12px;display:flex}.danger{color:#a03935}.delete-confirm{background:#fff1ec;border-radius:10px;margin-top:20px;padding:18px}.delete-confirm button{margin-right:12px}.error{color:#9b3b30;background:#fff0ec;border-radius:8px;padding:12px 18px}.notice{background:#e5f1df;border-radius:8px;padding:12px 18px}.auth{max-width:480px;margin:55px auto;padding:0 24px}.auth h1{font-size:38px}.login{background:#fff;border:1px solid #e0e5db;border-radius:16px;gap:18px;margin-top:30px;padding:26px;display:grid}.hint{color:#7b8476;font-size:11px;font-weight:400}.login .hint{margin:0}footer{text-align:center;color:#8d9886;letter-spacing:2px;padding:36px 20px;font-size:11px}@media (width<=760px){header{padding:18px 20px}.account{gap:8px}.account>span{display:none}.workspace{padding:28px 18px}.intro{flex-direction:column;align-items:flex-start;gap:20px}.intro .primary{width:100%}.filters{flex-direction:column;padding:16px}.notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.note-card{min-height:220px;padding:18px}h3{font-size:18px}.detail{padding:20px}.auth{margin-top:35px}}@media (width<=440px){.notes{grid-template-columns:1fr}.note-card{min-height:190px}.auth h1{font-size:32px}}