@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif;background:#f5f0e8;min-height:100vh;color:#2d2926;-webkit-font-smoothing:antialiased}.app{max-width:1280px;margin:0 auto;padding:24px 16px}.header{background:#fffdf9;border-radius:4px;padding:24px 32px;margin-bottom:20px;box-shadow:0 2px 12px #2d292614;border:1px solid #e8dfd4;border-top:3px solid #8b7355}.header h1{font-family:"Noto Serif JP",serif;font-size:1.5rem;font-weight:700;color:#5c4a3a;margin-bottom:16px;letter-spacing:.08em}.tabs{display:flex;gap:2px;background:#ebe4d8;border-radius:4px;padding:3px}.tab{flex:1;padding:10px 16px;border:none;background:transparent;cursor:pointer;border-radius:3px;font-size:.88rem;font-weight:500;color:#7a6e62;transition:all .2s ease}.tab:hover{color:#5c4a3a;background:#ffffff80}.tab.active{background:#fffdf9;color:#8b7355;box-shadow:0 1px 4px #2d29261a;font-weight:600}.main{background:#fffdf9;border-radius:4px;padding:28px 32px;box-shadow:0 2px 12px #2d292614;border:1px solid #e8dfd4}.search-form h2,.history h2,.bookmarks h2,.results h2,.appointments h2{font-family:"Noto Serif JP",serif;font-size:1.1rem;font-weight:500;margin-bottom:20px;color:#5c4a3a;padding-bottom:10px;border-bottom:1px solid #d4c9b8}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.form-group label{display:block;font-size:.78rem;font-weight:600;margin-bottom:6px;color:#7a6e62;letter-spacing:.05em}.form-group input,.form-group select{width:100%;padding:10px 14px;border:1px solid #d4c9b8;border-radius:3px;font-size:.9rem;color:#2d2926;background:#fff;transition:all .2s ease}.form-group input::placeholder{color:#b0a594}.form-group input:focus,.form-group select:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 2px #8b73551f}.btn-primary{padding:11px 28px;background:#8b7355;color:#fff;border:none;border-radius:3px;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.05em}.btn-primary:hover:not(:disabled){background:#7a6448}.btn-primary:active:not(:disabled){background:#6b573e}.btn-primary:disabled{background:#c4b8a8;cursor:not-allowed}.error{color:#a0422e;font-size:.85rem;margin-bottom:12px;padding:10px 14px;background:#fdf2ef;border-radius:3px;border-left:3px solid #a0422e}.no-results{color:#a09486;text-align:center;padding:48px 24px;font-size:.95rem}.result-count{font-weight:400;color:#a09486;font-size:.85rem}.table-wrapper{overflow-x:auto;border-radius:3px;border:1px solid #e8dfd4}table{width:100%;border-collapse:collapse;font-size:.85rem}th{background:#f5f0e8;padding:12px 16px;text-align:left;font-weight:600;font-size:.75rem;color:#7a6e62;border-bottom:2px solid #d4c9b8;white-space:nowrap;letter-spacing:.03em}td{padding:12px 16px;border-bottom:1px solid #ece6db;color:#3d3530}tr:last-child td{border-bottom:none}tr:hover{background:#faf7f2}td a{color:#8b7355;text-decoration:none;font-weight:500;transition:color .15s}td a:hover{color:#6b573e;text-decoration:underline}.actions-cell{display:flex;gap:8px;align-items:center}.badge-added{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:3px;font-size:.72rem;font-weight:600;background:#e8f0e4;color:#4a7c3f}.badge-appointment{background:#e4ecf0;color:#3f6a7c}.btn-bookmark{padding:5px 12px;border:none;background:#c49a6c;color:#fff;border-radius:3px;cursor:pointer;font-size:.78rem;font-weight:600;transition:all .2s ease}.btn-bookmark:hover:not(:disabled){background:#b58b5d}.btn-bookmark:disabled{background:#d4c9b8;cursor:not-allowed}.btn-appointment{padding:5px 12px;border:none;background:#6b8f9e;color:#fff;border-radius:3px;cursor:pointer;font-size:.78rem;font-weight:600;transition:all .2s ease}.btn-appointment:hover:not(:disabled){background:#5c7f8e}.btn-appointment:disabled{background:#d4c9b8;cursor:not-allowed}.btn-small{padding:5px 12px;border:1px solid #d4c9b8;background:#fff;border-radius:3px;cursor:pointer;font-size:.78rem;font-weight:500;color:#7a6e62;transition:all .15s}.btn-small:hover{background:#f5f0e8;color:#5c4a3a}.btn-danger{color:#a0422e;border-color:#d4a89c}.btn-danger:hover{background:#fdf2ef;color:#8b3626}.filter-bar{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{padding:7px 16px;border:1px solid #d4c9b8;background:#fff;border-radius:3px;cursor:pointer;font-size:.82rem;font-weight:500;color:#7a6e62;transition:all .2s ease}.filter-btn:hover{border-color:#b0a594;color:#5c4a3a}.filter-btn.active{background:#8b7355;color:#fff;border-color:#8b7355}.filter-btn.filter-acquired.active{background:#5a8a4e;border-color:#5a8a4e}.filter-btn.filter-not-acquired.active{background:#a0422e;border-color:#a0422e}@media (max-width: 768px){.app{padding:12px 8px}.header{padding:16px 20px}.header h1{font-size:1.2rem}.tabs{flex-wrap:wrap}.tab{flex:unset;padding:8px 12px;font-size:.82rem}.main{padding:20px 16px}.form-grid{grid-template-columns:1fr}}