*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Helvetica Neue,Arial,Hiragino Sans,sans-serif}button{font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}input[type=text],textarea{ime-mode:active!important;-webkit-ime-mode:active!important;-moz-ime-mode:active!important;-ms-ime-mode:active!important}body{font-family:Helvetica Neue,Arial,Hiragino Sans,sans-serif;background:#f0f4f8;color:#333}.app{min-height:100vh;background:#f0f4f8}.app-content{max-width:760px;margin:0 auto;padding:16px}.tabs{display:flex;gap:6px;margin-bottom:16px}.tab{flex:1;min-width:0;padding:10px 6px!important;border:2px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;font-size:.85rem;color:#555;transition:all .2s;text-align:center;position:relative}.tab:hover{border-color:#1a3a5c;color:#1a3a5c}.tab.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}.panel{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.panel h2{color:#1a3a5c;margin-bottom:16px;font-size:1.1rem}label{display:block;font-weight:700;color:#444;margin-bottom:4px;margin-top:12px;font-size:.9rem}input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],select{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;background:#fafafa;transition:border .2s;-webkit-appearance:none}textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;background:#fafafa;resize:vertical;transition:border .2s}textarea:focus,input:focus,select:focus{outline:none;border-color:#1a3a5c;background:#fff}button{background:#1a3a5c;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:1rem;cursor:pointer;transition:background .2s;touch-action:manipulation}button:hover{background:#0f2440}.error{color:#c62828;font-size:.85rem;margin-top:6px}.field-form .field-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.field-form .field-row input{flex:2;min-width:120px}.field-form .field-row select{flex:1;min-width:100px}.field-form .field-row button{flex:0;white-space:nowrap}.field-list{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:8px}.field-list li{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f5f5f5;border-radius:8px;flex-wrap:wrap}.field-badge{background:#1a3a5c;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:20px;white-space:nowrap}.field-options{color:#888;font-size:.85rem}.field-list .delete-btn{margin-left:auto;background:#c62828;padding:6px 12px;font-size:.85rem}.search-hint{color:#888;font-size:.85rem;margin-bottom:16px}.search-field{margin-bottom:16px}.range-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.range-row input{flex:1;min-width:80px}.range-row span{color:#666;white-space:nowrap;font-size:.9rem}.search-actions{display:flex;gap:12px;margin-top:20px}.search-btn{flex:3;font-size:1.05rem;padding:14px}.reset-btn{flex:1;background:#757575}.reset-btn:hover{background:#424242}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:300px}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid #eee;font-size:.95rem}th{background:#f5f5f5;font-weight:700;color:#444}tr:hover td{background:#f0f4f8}.delete-btn{background:#c62828;padding:6px 12px;font-size:.85rem}.delete-btn:hover{background:#8b0000}@media(max-width:600px){table thead{display:none}table,tbody,tr,td{display:block;width:100%}tr{margin-bottom:12px;border:1px solid #eee;border-radius:10px;padding:12px;background:#fff}td{padding:6px 4px;border:none;font-size:.95rem}td:before{font-weight:700;color:#888;font-size:.8rem;display:block}td:last-child{margin-top:8px}}.empty-state{text-align:center;color:#999;padding:40px}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#e8eef4}.back-btn{background:none;color:#1a3a5c;border:1px solid #1a3a5c;margin-bottom:20px;font-size:.95rem}.back-btn:hover{background:#e8eef4;color:#1a3a5c}.detail-list{display:flex;flex-direction:column;gap:16px}.detail-item{border-bottom:1px solid #eee;padding-bottom:16px}.detail-item dt{display:flex;align-items:center;gap:8px;font-weight:700;color:#444;margin-bottom:6px;font-size:.9rem}.detail-item dd{color:#222;font-size:1rem;padding-left:4px}.memo-text{white-space:pre-wrap;font-family:inherit;font-size:1rem;background:#f9f9f9;padding:12px;border-radius:8px;border:1px solid #eee;line-height:1.6}.tabs .tab{position:relative}.trash-badge{position:absolute;top:4px;right:4px;background:#c62828;color:#fff;font-size:.7rem;padding:1px 5px;border-radius:10px;line-height:1.4}.trash-list{list-style:none;display:flex;flex-direction:column;gap:10px}.trash-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fafafa;border-radius:8px;border:1px solid #eee;flex-wrap:wrap;gap:8px}.trash-name{font-weight:700;color:#444}.trash-actions{display:flex;gap:8px}.restore-btn{background:#1a3a5c;padding:6px 14px;font-size:.9rem}.restore-btn:hover{background:#0f2440}.auth-wrap{display:flex;justify-content:center;padding:40px 0}.auth-panel{width:100%;max-width:420px}.auth-panel h2{color:#1a3a5c;margin-bottom:20px}.success{color:#1a3a5c;font-size:.9rem;margin-top:8px}.auth-switch{text-align:center;margin-top:20px;color:#666;font-size:.9rem}.link-btn{background:none;border:none;color:#1a3a5c;cursor:pointer;font-size:inherit;padding:0 4px;text-decoration:underline}.link-btn:hover{background:none;color:#0f2440}.notebook-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:12px 20px;border-radius:10px;margin-bottom:16px;box-shadow:0 2px 6px #0000000f;font-weight:700;color:#444;flex-wrap:wrap;gap:8px}.notebook-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.notebook-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f9f9f9;border:2px solid #eee;border-radius:10px;cursor:pointer;transition:all .2s}.notebook-item:hover{border-color:#1a3a5c;background:#f0f4f8}.notebook-icon{font-size:1.4rem}.notebook-name{font-weight:700;color:#333;font-size:1.05rem}@media(max-width:600px){.app{padding:10px}.panel{padding:16px}.field-form .field-row,.search-actions{flex-direction:column}.search-btn,.reset-btn{width:100%}.notebook-item{padding:14px}button{padding:12px 16px}}.header{background:linear-gradient(135deg,#1a3a5c,#0f2440);color:#fff;padding:0;margin:0 0 20px;border-radius:0 0 16px 16px;overflow:hidden;width:100%}.header-inner{padding:28px 24px;text-align:center}.header-title{font-size:1.8rem;font-weight:700;letter-spacing:2px}.header-sub{font-size:.9rem;opacity:.85;margin-top:4px}.notebook-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-radius:10px;border:1px solid #eee;cursor:pointer;transition:all .2s;margin-bottom:10px;box-shadow:0 2px 6px #0000000f}.notebook-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.notebook-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.notebook-card-name{font-weight:700;font-size:1rem;color:#333;flex:1}.notebook-delete-btn{background:none;color:#999;border:1px solid #ddd;padding:4px 10px;font-size:.8rem;border-radius:6px}.notebook-delete-btn:hover{background:#fff0f0;color:#c62828;border-color:#c62828}.notebook-create{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.notebook-create h3{font-size:.95rem;color:#666;margin-bottom:10px}.color-picker{display:flex;gap:8px;margin:10px 0}.color-btn{width:28px;height:28px;border-radius:50%;padding:0;border:3px solid transparent;cursor:pointer}.color-btn.selected{border-color:#333;transform:scale(1.2)}