*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif}#app{max-width:1200px;margin:0 auto;padding:0 2rem;background:#fff;min-height:100vh}.header{padding:10rem 0 4.3rem}.header h1{font-size:60px;font-weight:900;margin-bottom:9px;color:#333}.header h2{font-size:18px;font-weight:200;color:#666;letter-spacing:-1px}.header .strikethrough{text-decoration:line-through;text-decoration-color:red;color:#333}@media(max-width:420px){.header{padding:6rem 0 3rem}.header h1{font-size:36px}.header h2{font-size:14px}}.intro-text{padding:0 0 2rem}.intro-text p{font-size:33px;font-weight:300;letter-spacing:-1px;line-height:1.6;color:#333}.chat-example-section{margin:4rem auto}.chat-example-section__container{display:grid;grid-template-columns:.5fr 1fr;gap:3rem;align-items:start}.chat-example-section__column{width:100%}@media(max-width:768px){.chat-example-section__container{grid-template-columns:1fr;gap:2rem}}.chat-example{display:flex;flex-direction:column}.chat-example__title{font-size:20px;margin-bottom:1rem;color:#333;font-weight:600}.chat-example__messages{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 20px 40px #00000026}.chat-message{display:flex;gap:.75rem;padding:3px;margin-bottom:.5rem}.chat-message__avatar{width:40px;height:40px;border-radius:10%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.chat-message__avatar img{width:100%;height:100%;object-fit:cover}.chat-message__content{flex:1}.chat-message__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.chat-message__name{font-weight:600;font-size:12px;color:#333}.chat-message__time{font-size:10px;color:#999}.chat-message__text{border-radius:.5rem;font-size:14px;color:#333}.chat-message--deleted{opacity:.6}.chat-message--deleted .chat-message__text{font-style:italic;color:#999}.chat-message__deleted-label{color:#999;font-style:italic;font-size:13px}.chat-message__voice-note{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f0f4f8,#e8ecf1);border-radius:20px;padding:8px 14px;min-width:200px;max-width:280px}.chat-message__voice-play{width:32px;height:32px;border-radius:50%;border:none;background-color:#1d4ed8;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .15s}.chat-message__voice-play:hover{background-color:#1e40af}.chat-message__voice-play svg{margin-left:2px}.chat-message__voice-waveform{display:flex;align-items:center;gap:2px;flex:1;height:28px}.chat-message__voice-bar{display:inline-block;width:3px;min-height:4px;background-color:#94a3b8;border-radius:2px}.chat-message__voice-duration{font-size:11px;font-weight:600;color:#64748b;flex-shrink:0;min-width:32px;text-align:right}.chat-message__mention{background-color:#e8f0fe;color:#1d4ed8;padding:1px 4px;border-radius:4px;font-weight:600;font-size:13px}.chat-message__reaction{display:inline-flex;align-items:center;gap:4px;background-color:#f4f4f5;border:1px solid #E4E4E7;border-radius:12px;padding:4px 8px;margin-top:6px}.chat-message__reaction-image{width:16px;height:16px;object-fit:contain}.chat-message__reaction-count{font-size:12px;font-weight:500;color:#71717a}.chat-message__thread{display:flex;align-items:center;gap:8px;margin-top:8px}.chat-message__thread-avatars{display:flex}.chat-message__thread-avatar{width:20px;height:20px;border-radius:10px;border:1.5px solid #FFFFFF;object-fit:cover;margin-left:-6px}.chat-message__thread-avatar:first-child{margin-left:0}.chat-message__thread-replies{font-size:12px;font-weight:600;color:#1d4ed8}.chat-message__thread-last{font-size:12px;color:#71717a}.explanation-text{padding:2rem}.explanation-text p{line-height:1.8;color:#555;margin-bottom:1rem}.explanation-text p:last-child{margin-bottom:0}.explanation-text ul{margin:1rem 0;padding-left:1.5rem}.explanation-text li{line-height:1.8;color:#777;margin-bottom:-3px;font-size:.95rem}.explanation-text-positive li{list-style-type:"✓";padding-left:.5rem}.explanation-text-positive li::marker{color:#22c55e}.explanation-text-negative li{list-style-type:"✕";padding-left:.5rem}.explanation-text-negative li::marker{color:#ef4444}.explanation-text li:last-child{margin-bottom:0}.explanation-text strong{font-weight:600;color:#333}.footer{padding:3rem 1rem 2rem}.footer p{font-size:11px;color:#666;margin:0 0 10px;line-height:1.6}.footer p:last-child{margin-bottom:0}.footer a{color:#ef4444;text-decoration:underline}.footer a:visited{color:#ef4444}.footer a:hover{color:#dc2626}.chat-crimes-list{padding:1rem 0;width:100%}@media(max-width:640px){.chat-crimes-list{padding:.5rem 0}}.chat-crimes-grid{display:flex;gap:1.5rem}@media(max-width:1024px){.chat-crimes-grid{gap:1rem}}@media(max-width:640px){.chat-crimes-grid{flex-direction:column}}.chat-crimes-column{flex:1;display:flex;flex-direction:column;gap:1.5rem;min-width:0}@media(max-width:1024px){.chat-crimes-column{gap:1rem}}.chat-crime-card{display:block;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(180deg,#fbfbfb,#f9f9f9 15%,#f7f7f7);border-radius:12px;padding:1rem;box-shadow:0 2px 4px #00000026,0 1px 3px #0000001f}.chat-crime-card__title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem 5px;position:relative;display:inline-block}.chat-crime-card:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:skew(-25deg);transition:none}.chat-crime-card:hover:before{animation:metallic-shine .6s ease}@keyframes metallic-shine{0%{left:-100%}to{left:150%}}.chat-crime-card__chat{pointer-events:none}.chat-crime-card__chat .chat-example{background:transparent;padding:0;border:none}