*{box-sizing:border-box}:root{--bg: #ffffff;--soft: #94969c;--text: #000000;--muted: #000000;--panel: #cfcfcf;--accent: #0080ff;border:solid #749ef7}html,body{margin:0;height:100%;max-width:100%;color:var(--text);overflow-x:hidden;background:var(--bg);box-shadow:4px 4px 8px #0ef3;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji"}.dark-mode body{--soft: #999999;--text: #ffffff;--muted: #ffffff;--panel: #333333;--accent: #0482ff;--border: #737e96;background-color:#232b2e!important}.dark-mode body .head{background-color:#5e626b}a{color:var(--text);text-align:center;text-decoration:none}.wrapper{min-width:0;display:grid;grid-template-columns:auto 1fr}.sidebar{width:160px;padding:12px;flex-shrink:0;overflow-y:auto;margin-top:24px;max-width:188px;box-sizing:border-box;background:var(--panel);height:calc(100vh - 85px);border-radius:0 8px 8px 0;border-right:1px solid var(--border)}.nav{gap:8px;padding:6px;display:flex;text-align:center;box-sizing:border-box;flex-direction:column}.nav a{gap:12px;display:flex;padding:12px 4px;color:var(--text);border-radius:12px;align-items:center;word-wrap:break-word;box-sizing:border-box;justify-content:center;background:var(--soft);box-shadow:4px 4px 4px #0ef3}.nav a:hover{transform:translateY(-2px);box-shadow:4px 4px 2px #91919140}.nav a.active{outline:2px solid var(--accent)}.content{flex:1;min-width:0;padding:12px;margin-top:24px;overflow-y:auto;overflow-x:hidden;border-radius:0;box-sizing:border-box;height:calc(100vh - 85px);border-right:1px solid var(--border)}.card{padding:8px;max-width:100%;border-radius:12px;word-wrap:break-word;box-sizing:border-box;background:var(--panel);border:1px solid var(--border);box-shadow:4px 4px 4px #fff3}.grid{gap:16px;display:grid;margin-top:12px;word-wrap:break-word;box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.header{font-size:24px;margin-top:4px}.input-row{gap:8px;display:grid;grid-template-columns:1fr 120px}select,input[type=number],input[type=text]{width:100%;padding:12px;color:var(--text);border-radius:10px;background:var(--soft);border:1px solid var(--border);box-shadow:2px 2px 2px #0ef3}label{display:block;font-size:12px;margin:6px 2px;color:var(--muted)}.footer{margin:36px;font-size:12px;color:var(--muted)}.copy-icon:hover{cursor:pointer}@media (max-width: 300px){.grid{grid-template-columns:1fr}.sidebar{height:auto;margin-top:0;border-right:none;border-radius:0 0 8px 8px;border-bottom:1px solid var(--border)}.content{padding:2px;background-color:#232b2e}.card{padding:2px}.nav a{font-size:14px;padding:8px 12px}.header{font-size:20px}.input-row{grid-template-columns:1fr}}