.can{background:var(--color-bg);min-height:100vh}.can__main{padding:0 var(--space-5) var(--space-6)}.can__inner{max-width:820px;margin:0 auto}.can__modes{display:inline-flex;background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:4px;margin-bottom:var(--space-4)}.can__mode{padding:8px 20px;font-size:13px;font-weight:var(--font-weight-bold);font-family:var(--font-family);color:var(--color-gray-mid);background:none;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast)}.can__mode--active{background:var(--color-red);color:var(--color-white-pure);box-shadow:var(--glow-red-sm)}.can__label{display:block;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-gray-mid);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2)}.can__field{width:100%;box-sizing:border-box;background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-white);font-family:Courier New,monospace;font-size:13px;line-height:1.6;padding:12px;outline:none;resize:vertical;margin-bottom:var(--space-4)}.can__field:focus{border-color:#bf011980}.can__form{display:flex;gap:var(--space-3);flex-wrap:wrap}.can__input-wrap{flex:1;min-width:240px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.can__input-wrap svg{color:var(--color-gray-mid)}.can__input-wrap:focus-within{border-color:#bf011980}.can__input{flex:1;background:none;border:none;outline:none;padding:13px 0;font-size:14px;color:var(--color-white);font-family:var(--font-family)}.can__submit{padding:13px 26px;background:var(--color-red);color:var(--color-white-pure);font-size:14px;font-weight:var(--font-weight-bold);font-family:var(--font-family);border:none;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--glow-red);display:inline-flex;align-items:center;gap:8px;transition:background var(--transition-base)}.can__submit:hover{background:var(--color-red-dark)}.can__submit:disabled{opacity:.6;cursor:not-allowed}.can__spin{animation:can-spin .8s linear infinite}@keyframes can-spin{to{transform:rotate(360deg)}}.can__error{margin-top:var(--space-3);font-size:13px;color:var(--color-red-text);padding:var(--space-3);background:#bf01190f;border:1px solid rgba(191,1,25,.15);border-radius:var(--radius-sm)}.can__results{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.can__verdict{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border)}.can__verdict--pass{background:#22c55e0f;border-color:#22c55e33}.can__verdict--pass svg{color:#22c55e;flex-shrink:0}.can__verdict--warn{background:#f59e0b0f;border-color:#f59e0b40}.can__verdict--warn svg{color:#f59e0b;flex-shrink:0}.can__verdict--fail{background:#ef44440f;border-color:#ef444433}.can__verdict--fail svg{color:#ef4444;flex-shrink:0}.can__verdict-title{font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-white-pure)}.can__verdict-desc{font-size:13px;line-height:1.6;color:var(--color-gray-light);margin-top:3px}.can__detail{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.can__detail-row{display:flex;justify-content:space-between;gap:var(--space-3);padding:10px var(--space-3);font-size:13px;border-bottom:1px solid var(--color-border)}.can__detail-row:last-child{border-bottom:none}.can__detail-row>span:first-child{color:var(--color-gray-mid);font-weight:var(--font-weight-bold);flex-shrink:0}.can__mono{font-family:Courier New,monospace;color:var(--color-white);word-break:break-all;text-align:right}.can__cross{display:flex;align-items:center;gap:var(--space-3);max-width:820px;margin:0 auto var(--space-6);padding:var(--space-4) var(--space-5);background:#bf01190d;border:1px solid rgba(191,1,25,.2);border-radius:var(--radius-md);color:var(--color-white);font-size:14px;text-decoration:none;transition:background var(--transition-fast)}.can__cross:hover{background:#bf01191a}.can__cross svg{color:var(--color-red-text);flex-shrink:0}.can__cross strong{color:var(--color-white-pure)}