body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-color: #f8f9fa;--text-color: #212529;--calculator-bg: #ffffff;--button-bg: #e9ecef;--button-hover: #dee2e6;--op-button-bg: #fd7e14;--op-button-hover: #e8590c;--display-bg: #212529;--display-text: #51cf66;--history-bg: #ffffff;--nav-bg: #ffffff;--accent-color: #339af0;--footer-text: #868e96}[data-theme=dark]{--bg-color: #121212;--text-color: #e9ecef;--calculator-bg: #1e1e1e;--button-bg: #2d2d2d;--button-hover: #3d3d3d;--op-button-bg: #f76707;--op-button-hover: #d9480f;--display-bg: #000000;--display-text: #63e6be;--history-bg: #1e1e1e;--nav-bg: #1e1e1e}body{margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:Noto Sans KR,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif}.layout{max-width:1080px;margin:0 auto;padding:24px 18px 40px;min-height:100vh;display:flex;flex-direction:column}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--nav-bg);border-radius:12px;margin-bottom:30px;box-shadow:0 2px 10px #0000000d;gap:12px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:8px;font-weight:700}.nav-links button{border:none;background:transparent;color:var(--text-color);font-size:1rem;font-weight:600;margin:0 5px;padding:8px 15px;border-radius:6px;cursor:pointer;transition:.2s}.nav-links button.active{background-color:var(--accent-color);color:#fff}.theme-toggle{border:none;padding:8px 10px;border-radius:999px;background:var(--button-bg)}.theme-toggle svg{vertical-align:middle}.container,.main-content{width:100%}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,320px);align-items:start;gap:24px;width:100%}.calculator,.history,.info-section,.legal-content{width:100%;box-sizing:border-box;margin:0}.calculator{background:var(--calculator-bg);padding:25px;border-radius:24px;box-shadow:0 12px 40px #0000001f}.display{background-color:var(--display-bg);color:var(--display-text);padding:20px;border-radius:15px;text-align:right;margin-bottom:25px;min-height:100px;display:flex;flex-direction:column;justify-content:center}.expression{font-size:1rem;opacity:.7;margin-bottom:5px}.result{font-size:2.2rem;font-weight:700;word-break:break-all}.buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}button{border:none;padding:18px 10px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;background:var(--button-bg);color:var(--text-color);transition:.15s}button:hover{background:var(--button-hover)}button.operator{background:var(--op-button-bg);color:#fff}.hint{margin:18px 0 0;font-size:.9rem;color:#6c757d}.history{background:var(--history-bg);padding:20px;border-radius:20px;box-shadow:0 4px 15px #0000000d}.history-item{width:100%;text-align:left;background:var(--button-bg);margin-bottom:10px;padding:10px;box-sizing:border-box}.history-item:hover{background:var(--button-hover)}.info-section{grid-column:1 / -1;padding:35px;background:var(--calculator-bg);border-radius:20px;line-height:1.95;font-size:1.05rem;box-shadow:0 4px 20px #0000000d}.info-section h3{margin-top:0;color:var(--accent-color);font-size:1.7rem}.info-section h4{font-size:1.2rem}.info-section p,.info-section li{color:var(--text-color);opacity:.95}.info-section p{margin-bottom:1.2rem}.compound-form{display:flex;flex-direction:column;gap:12px}.compound-form label{display:block;font-weight:600}.compound-form input{width:100%;border:1px solid var(--button-bg);border-radius:10px;background:transparent;color:var(--text-color);padding:12px;font-size:1rem;margin-top:8px;box-sizing:border-box}.result-table-container{margin-top:20px;max-height:400px;overflow-y:auto;border:1px solid var(--button-bg);border-radius:12px}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:10px;border-bottom:1px solid var(--button-bg)}th:first-child,td:first-child{text-align:center}thead th{position:sticky;top:0;background:var(--calculator-bg)}.legal-content{background:var(--calculator-bg);padding:36px;border-radius:24px;line-height:1.8;text-align:left}.legal-content h2{color:var(--accent-color);margin-top:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.policy-card{background:var(--button-bg);border-radius:16px;padding:18px}.policy-card h3{margin-top:0}.site-footer{margin-top:50px;padding:40px 20px;border-top:1px solid var(--button-bg);text-align:center;color:var(--footer-text)}.footer-links{margin-bottom:20px}.footer-links button{border:none;background:none;color:var(--accent-color);margin:0 10px;font-size:.9rem;font-weight:400}.footer-links button:hover{text-decoration:underline}@media(max-width:900px){.content-grid{grid-template-columns:1fr}.info-section,.card-grid{grid-column:1 / -1}.footer-links{display:flex;flex-wrap:wrap;justify-content:center}.footer-links button{margin:6px}}