:root{font-family:system-ui,-apple-system,sans-serif;color:#18243b;background:#f3f5fa}*{box-sizing:border-box}body{margin:0}header{background:#15213c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px max(18px,calc((100vw - 850px)/2))}.brand{font-weight:800;letter-spacing:.08em}.brand small{display:block;font-size:10px;opacity:.7}button{border:0;border-radius:10px;background:#5145e5;color:white;padding:11px 15px;font-weight:700;cursor:pointer}header button{background:#303e60}main{max-width:850px;margin:auto;padding:20px}.panel,.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #1723400b}.panel{max-width:430px;margin:60px auto}.panel input{width:100%;margin:8px 0 14px}.panel button{width:100%}input{font:inherit;padding:13px;border:1px solid #ccd3e0;border-radius:10px}h1{font-size:25px;margin:0 0 8px}p{color:#69748a}.intro{margin:10px 0 20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.stats div{background:white;padding:17px;border-radius:14px}.stats strong{display:block;font-size:26px}.stats span{font-size:12px;color:#69748a}#search{width:100%}.filters{display:flex;gap:9px;margin:14px 0}.filters button{background:#e7e9f7;color:#28345a}.filters button.active{background:#5145e5;color:white}.card{margin:12px 0}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.pill{font-size:12px;padding:6px 9px;border-radius:20px;background:#e4f8f1;color:#08765a}.pill.done{background:#e8eaf5;color:#515b77}.code{font-size:clamp(25px,7vw,38px);letter-spacing:.06em;font-weight:850;overflow-wrap:anywhere;margin:14px 0;color:#3427b8}.meta{font-size:14px;color:#45536c;line-height:1.8}.meta b{color:#1d2b46}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.actions button{flex:1}.actions .secondary{background:#e9ecf8;color:#293b5e}.empty{text-align:center;padding:30px}@media(max-width:430px){main{padding:12px}.stats div{padding:11px}.stats strong{font-size:23px}.stats span{font-size:10px}.filters button{padding:10px}}
