.cm2m2026-container{width:100%;max-width:600px;margin:0 auto;padding:0;font-family:Arial,sans-serif;color:#333;box-sizing:border-box}.cm2m2026-container *,.cm2m2026-container *::before,.cm2m2026-container *::after{box-sizing:border-box}.cm2m2026-card{background:#fff;border-radius:12px;padding:12px;margin:0 0 10px 0;box-shadow:0 4px 12px rgb(0 0 0 / .06);text-align:center}.cm2m2026-card{background:#fff;border-radius:12px;padding:16px 14px;margin:0 0 10px 0;box-shadow:0 4px 12px rgb(0 0 0 / .06);text-align:center}.cm2m2026-card h2{margin:0 0 6px 0;font-size:20px;color:#000}.cm2m2026-card p{margin:0 0 10px 0;font-size:14px;color:#555}.cm2m2026-input-group{margin-bottom:14px;text-align:left}.cm2m2026-input-group label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}.cm2m2026-input-group textarea{width:100%;padding:10px 12px;font-size:14px;border-radius:8px;border:1.5px solid #90caf9;outline:none;resize:vertical;min-height:80px;transition:border-color .2s ease,box-shadow .2s ease}.cm2m2026-input-group textarea:focus{border-color:#1976d2;box-shadow:0 0 0 3px rgb(25 118 210 / .15)}.cm2m2026-button{width:100%;padding:10px;margin-bottom:8px;background:#1976d2;color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px;transition:background .3s,transform .1s}.cm2m2026-button:hover{background:#115293}.cm2m2026-button:active{transform:scale(.98)}.cm2m2026-reset{background:#f44336}.cm2m2026-reset:hover{background:#b71c1c}.cm2m2026-copy{background:#c3c0c0;margin-top:5px}.cm2m2026-copy:hover{background:#aba9a8}.cm2m2026-toggle{display:flex;justify-content:center;align-items:center;margin-bottom:12px}.cm2m2026-toggle input[type="checkbox"]{display:none}.cm2m2026-toggle label{position:relative;display:inline-block;width:60px;height:30px;background:#ccc;border-radius:30px;cursor:pointer;transition:background .3s}.cm2m2026-toggle label::after{content:'';position:absolute;width:26px;height:26px;left:2px;top:2px;background:#fff;border-radius:50%;transition:0.3s}.cm2m2026-toggle input:checked+label{background:#1976d2}.cm2m2026-toggle input:checked+label::after{transform:translateX(30px)}.cm2m2026-toggle-text{margin-left:10px;font-weight:600}.cm2m2026-result{display:none;margin-top:12px}.cm2m2026-grid{display:grid;grid-template-columns:1fr;gap:14px}.cm2m2026-bar{border-radius:12px;padding:8px 12px;color:#333;font-weight:600;display:flex;flex-direction:column;position:relative;transition:transform .2s;min-width:50px;background-color:#1976d2}.cm2m2026-bar span{text-align:left;color:#333;flex:1;background-color:#f0f0f0;padding:4px 6px;border-radius:6px}.cm2m2026-bar:hover{transform:scale(1.02)}.cm2m2026-tooltip{position:absolute;top:-28px;left:0;background:rgb(0 0 0 / .8);color:#fff;font-size:12px;padding:2px 6px;border-radius:6px;display:none;white-space:nowrap;pointer-events:none;z-index:10}.cm2m2026-bar.longest{border:2px solid #ffeb3b}.cm2m2026-bar.shortest{border:2px solid #f44336}.cm2m2026-edu-note{font-size:12px;color:#333;opacity:.95;background-color:#f0f0f0;padding:3px 6px;border-radius:6px;margin-top:2px}@media (max-width:600px){.cm2m2026-bar span{font-size:13px}.cm2m2026-edu-note{font-size:11px}}