@import "https://fonts.googleapis.com/css2?family=Pretendard:wght@400;500;600;700&display=swap";:root{--bg-color:#fff;--text-main:#000;--text-muted:#666;--border-color:#000;--primary-bg:#000;--primary-text:#fff;--input-bg:#fff;--danger-color:#000;--card-bg:#fff}html.dark{--bg-color:#000;--text-main:#fff;--text-muted:#999;--border-color:#fff;--primary-bg:#fff;--primary-text:#000;--input-bg:#000;--danger-color:#fff;--card-bg:#000}*{box-sizing:border-box;margin:0;padding:0;font-family:Pretendard,sans-serif}body{background:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .3s,color .3s}#root{flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;padding:1rem;display:flex}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:0;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s}.header{text-align:center;margin-bottom:2rem;padding-top:1rem}.header h1{color:var(--text-main);justify-content:center;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--text-main);font-size:.9rem;font-weight:600}.input-field{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-main);border-radius:0;outline:none;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.input-field:focus{border-width:2px;padding:calc(.875rem - 1px) calc(1rem - 1px)}.amount-input::-webkit-inner-spin-button{opacity:1;cursor:pointer;height:2em;filter:invert(var(--spin-invert,0));margin-right:.5rem;transform:scale(1.5)}.amount-input::-webkit-outer-spin-button{opacity:1;cursor:pointer;height:2em;filter:invert(var(--spin-invert,0));margin-right:.5rem;transform:scale(1.5)}html.dark .amount-input::-webkit-inner-spin-button{filter:invert()}.btn-submit{border:1px solid var(--border-color);background:var(--primary-bg);width:100%;color:var(--primary-text);cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .2s;display:flex}.btn-submit:hover{background:var(--bg-color);color:var(--text-main)}.btn-secondary{background:var(--bg-color);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:0;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover{background:var(--primary-bg);color:var(--primary-text)}.record-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.record-item:last-child{border-bottom:none}.record-info{flex-direction:column;flex:1;gap:.5rem;min-width:0;margin-right:1rem;display:flex}.record-title{color:var(--text-main);word-break:break-all;font-size:1rem;font-weight:600;line-height:1.4}.record-category{color:var(--text-main);border:1px solid var(--border-color);white-space:nowrap;background:0 0;border-radius:0;padding:.2rem .5rem;font-size:.8rem;display:inline-block}.record-date{color:var(--text-muted);font-size:.8rem}.record-amount{color:var(--text-main);font-size:1.1rem;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.95rem}.btn-delete{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.btn-delete:hover{background:var(--primary-bg);color:var(--primary-text)}.record-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.header-actions{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.theme-toggle{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--primary-bg);color:var(--primary-text)}