.casci3-wrap{max-width:1500px;width:100%;margin:30px auto;padding:0 16px;font-family:Arial,sans-serif;color:#111}.casci3-wrap *{box-sizing:border-box}.casci3-head{text-align:center;margin-bottom:24px}.casci3-head h2{margin:0 0 10px;font-size:38px}.casci3-head p{margin:0;color:#555;font-size:17px}.casci3-grid,.casci3-chart-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-bottom:22px}.casci3-card{background:#fff;border:1px solid #eaeaea;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(0,0,0,.05)}.casci3-card h3{margin:0 0 16px;font-size:24px}.casci3-card h4{margin:0 0 12px;font-size:18px}.casci3-card label{display:block;font-weight:700;margin:12px 0 6px}.casci3-card input,.casci3-card select{width:100%;padding:12px;border:1px solid #d8d8d8;border-radius:10px;font-size:15px}.casci3-card input[type=range]{padding:0;border:none;border-radius:0;margin-top:8px}.casci3-actions,.casci3-share-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.casci3-btn{background:#f3f3f3;color:#111;border:none;padding:12px 14px;border-radius:10px;font-weight:700;cursor:pointer}.casci3-btn:hover{background:#e9e9e9}.casci3-btn-primary{background:#111;color:#fff}.casci3-btn-primary:hover{background:#000}.casci3-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.casci3-result-box{background:#fafafa;border:1px solid #ededed;border-radius:14px;padding:16px}.casci3-result-box span{display:block;color:#666;font-size:13px;margin-bottom:6px}.casci3-result-box strong{display:block;font-size:28px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.casci3-share-box{margin-top:20px;padding-top:8px;border-top:1px solid #eee}.casci3-copy-note{margin-top:10px;font-size:13px;color:#008000;min-height:18px}.casci3-chart-wrap{height:320px}.casci3-table-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.casci3-table-wrap{overflow:auto}#casci3-table{width:100%;border-collapse:collapse;min-width:760px}#casci3-table th,#casci3-table td{padding:11px 10px;border-bottom:1px solid #ececec;text-align:right}#casci3-table th:first-child,#casci3-table td:first-child{text-align:left}@media (max-width:1100px){.casci3-grid,.casci3-chart-grid{grid-template-columns:1fr}}@media (max-width:700px){.casci3-result-grid{grid-template-columns:1fr}.casci3-actions,.casci3-share-grid{flex-direction:column}.casci3-btn{width:100%}.casci3-head h2{font-size:30px}.casci3-chart-wrap{height:260px}}