#ics-root{font-family:'Manrope',Inter,sans-serif;max-width:1100px;margin:20px auto;background:#fff;border:6px solid #1E3A5F;border-radius:18px;overflow:hidden;box-shadow:0 16px 50px rgba(30,58,95,0.25)}
.ics-banner{width:100%;height:360px;object-fit:cover;display:block}
.ics-blue-bar{height:6px;background:#2A5B9A}
.ics-tabs{display:flex;gap:8px;padding:12px 16px;background:#F5F7FA;border-bottom:2px solid #D0D7E3;flex-wrap:wrap}
.ics-tab-btn{flex:1;min-width:110px;padding:10px 12px;border-radius:10px;border:2px solid #D0D7E3;background:#fff;color:#1E3A5F;font-weight:800;cursor:pointer;transition:0.25s;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11.5px}
.ics-tab-btn.active{background:#1E3A5F;color:#fff;border-color:#1E3A5F}
.ics-tab-content{display:none;padding:0}
.ics-tab-content.active{display:block}
.ics-top-controls{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#F5F7FA;border-bottom:1px solid #D0D7E3}
.ics-toggle{width:42px;height:24px;background:#CBD5E1;border-radius:20px;position:relative;cursor:pointer}
.ics-toggle.on{background:#2A5B9A}
.ics-toggle span{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:0.3s}
.ics-toggle.on span{transform:translateX(18px)}
.ics-card-container{perspective:1200px;padding:24px;min-height:520px}
.ics-card{position:relative;width:100%;min-height:460px;transform-style:preserve-3d;transition:transform 0.6s;cursor:pointer}
.ics-card.flipped{transform:rotateY(180deg)}
.ics-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:#fff;border:2px solid #E2E8F0;border-radius:12px;padding:22px;box-sizing:border-box;display:flex;flex-direction:column}
.ics-back{transform:rotateY(180deg);background:#FAFBFF}
.ics-badge{display:inline-block;background:#E8F0FE;color:#2A5B9A;font-weight:800;font-size:11px;padding:6px 12px;border-radius:20px;margin-bottom:12px}
.ics-question{font-size:20px;font-weight:800;color:#1E3A5F;margin-bottom:8px}
.ics-trans{font-size:13px;color:#5A6C8D;font-style:italic;margin-bottom:16px}
.ics-answer{font-size:13px;line-height:1.6;color:#1B2430;margin-bottom:8px}
.ics-answer.id{background:#F0F4FF;padding:10px 12px;border-radius:8px;border-left:4px solid #2A5B9A}
.ics-voice-btn{background:#2A5B9A;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:700;cursor:pointer;display:inline-flex;gap:6px;margin-top:auto;align-self:flex-start}
.ics-voice-btn.playing{background:#E53E3E;animation:pulse 1.2s infinite}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}
.ics-nav{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-top:1px solid #E2E8F0;background:#fff}
.ics-nav-btn{background:#fff;border:2px solid #2A5B9A;color:#2A5B9A;padding:9px 16px;border-radius:8px;font-weight:700;cursor:pointer}
.ics-dots{display:flex;gap:6px}
.ics-dot{width:9px;height:9px;border-radius:50%;background:#CBD5E1;cursor:pointer}
.ics-dot.active{background:#2A5B9A;transform:scale(1.3)}
.ics-grammar-wrap{padding:20px}
.ics-grammar-table{width:100%;border-collapse:collapse;font-size:13px}
.ics-grammar-table th{background:#1E3A5F;color:#fff;padding:10px 8px;text-align:left}
.ics-grammar-table td{padding:9px 8px;border:1px solid #D0D7E3}
.ics-grammar-table tr:nth-child(even){background:#E8F0FE}
.ics-things-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:20px}
.ics-thing-card{background:#fff;border:2px solid #E2E8F0;border-radius:12px;padding:16px;transition:0.2s}
.ics-thing-card:hover{border-color:#2A5B9A;transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,58,95,0.15)}
.ics-thing-icon{font-size:28px;margin-bottom:8px}
.ics-thing-name{font-weight:800;color:#1E3A5F;font-size:14px;margin-bottom:6px}
.ics-thing-desc{font-size:12px;color:#4A5568;line-height:1.5}
.ics-purpose{background:#D6E6FF;border:2px solid #2A5B9A;border-radius:10px;padding:14px 16px;margin:16px 20px;font-size:12.5px}
.ics-bottom-bar{background:#E8F0FE;padding:8px 16px;display:flex;justify-content:space-between;font-size:10px;color:#1E3A5F;font-weight:600}
.ics-blue-bottom{height:8px;background:#2A5B9A}