*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8f9fa;color:#333;line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.site-header{background:#212529;padding:16px 24px}.site-header h1{font-size:1.35rem;font-weight:700;color:#fff}.navbar{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #dee2e6}.navbar-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:0}.nav-item{flex:1;max-width:200px;padding:14px 16px;background:none;border:none;border-bottom:3px solid transparent;color:#868e96;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;text-align:center;transition:color .2s,border-color .2s}.nav-item:hover{color:#212529}.nav-item.active{color:#212529;border-bottom-color:#212529;font-weight:600}.page-content{flex:1;max-width:800px;width:100%;margin:0 auto;padding:28px 20px}.section-title{font-size:1.15rem;font-weight:700;color:#212529;border-bottom:2px solid #e9ecef;padding-bottom:10px;margin-bottom:20px}.url-form{display:flex;gap:8px;margin-bottom:28px}.url-form input{flex:1;padding:10px 14px;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;outline:none;transition:border-color .2s}.url-form input:focus{border-color:#495057}.url-form button{padding:10px 22px;background:#343a40;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:background .2s;font-family:inherit}.url-form button:disabled{background:#adb5bd;cursor:not-allowed}.url-form button:not(:disabled):hover{background:#212529}.error-message{color:#c0392b;background:#fdf0ef;border:1px solid #e6b0aa;padding:8px 12px;border-radius:6px;margin-bottom:16px;font-size:.85rem}.detail-card{border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:16px;background:#fff}.detail-card h3{font-size:.95rem;font-weight:600;color:#212529;word-break:break-all;margin-bottom:4px}.detail-date{font-size:.8rem;color:#868e96;margin-bottom:12px}.detail-card table{width:100%;border-collapse:collapse}.detail-card td{padding:7px 10px;font-size:.85rem;border-bottom:1px solid #f1f3f5;vertical-align:top}.field-label{font-weight:500;color:#495057;width:140px;white-space:nowrap}.field-value{color:#212529;word-break:break-word}tr.changed{background-color:#fff3cd}.diff-indicator{display:block;font-size:.78rem;color:#856404;margin-top:2px}.diff-indicator em{font-style:italic}.empty-card{border:2px dashed #ced4da;background:#fff;text-align:center;padding:48px 24px}.empty-card-content{display:flex;flex-direction:column;align-items:center;gap:10px}.empty-card-icon{font-size:2.4rem;line-height:1}.empty-card h3{font-size:1.1rem;font-weight:600;color:#495057;word-break:normal}.empty-card p{font-size:.88rem;color:#868e96;max-width:380px}.card-list{display:flex;flex-direction:column;gap:16px}.empty-state{color:#868e96;font-size:.9rem;padding:16px 0}.history h2{display:none}.table-wrapper{overflow-x:auto}.history table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dee2e6;border-radius:6px}.history th{background:#f1f3f5;text-align:left;padding:10px 12px;font-size:.8rem;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.history td{padding:8px 12px;font-size:.85rem;border-bottom:1px solid #f1f3f5;color:#333}.url-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.change-badge{display:inline-block;background:#fff3cd;color:#856404;padding:2px 8px;border-radius:10px;font-size:.78rem;font-weight:500}.no-change{color:#868e96;font-size:.78rem}.first-entry{color:#adb5bd;font-size:.78rem;font-style:italic}