:root{color-scheme:dark;--page-bg: #284b63;--panel-bg: #36393e;--accent: #7289da;--accent-hover: #6478c5;--title: #fbbf24;--text: #ffffff;--muted-text: #a3aab7;--input-text: #111827;--input-border: #d1d5db;--danger: #ef4444}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--page-bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{border:0}.app-shell{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:1rem}.app-header{display:flex;align-items:center;width:100%;padding:1rem}.app-title{color:var(--title);font-size:2.25rem;font-weight:700;letter-spacing:.04em}.message-panel{width:100%;max-width:42rem;background:var(--panel-bg);border-radius:.375rem;-webkit-user-select:none;user-select:none;overflow:hidden}.message-channel{padding:1rem 1rem 0;color:var(--muted-text);font-size:.875rem}.message-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem}.message-avatar{width:3rem;height:3rem;border-radius:9999px;object-fit:cover;flex-shrink:0}.message-content{display:grid;gap:.5rem;flex:1;min-width:0}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.message-username{margin-right:1rem;font-weight:500;min-width:0}.message-timestamp{color:var(--muted-text);font-size:.75rem;white-space:nowrap}.message-text{font-size:.875rem;line-height:1.5;word-break:break-word}.results-list{display:flex;flex-direction:column;width:100%;max-width:42rem;margin-top:1rem}.result-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-bottom:.5rem;border-radius:.375rem;background:rgba(255,255,255,.08)}.guess-num,.guess-name,.guess-res{padding:.5rem;font-size:1rem}.guess-name,.guess-res{font-weight:700}.controls{display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem}.guess-row{display:flex;align-items:flex-start;gap:.5rem;width:100%;max-width:28rem}.search-stack{display:flex;flex:1;flex-direction:column;align-items:stretch;min-width:0}.search-input{width:100%;height:2.5rem;padding:.5rem .75rem;border:1px solid var(--input-border);border-radius:.375rem 0 0 .375rem;color:var(--input-text);background:#ffffff;font-size:.875rem}.search-input:focus{outline:2px solid rgba(114,137,218,.35);outline-offset:1px}.dropdown-list{display:flex;flex-direction:column;width:100%}.dropdown{display:flex;align-items:center;justify-content:center;width:100%;min-height:2.5rem;padding:.5rem .75rem;border:1px solid var(--input-border);border-top:0;border-radius:0;background:#ffffff;color:var(--input-text);font-size:.875rem;text-align:center;cursor:pointer}.dropdown-list .dropdown:last-child{border-radius:0 0 .375rem .375rem}.dropdown:hover{filter:brightness(.96)}.guess-button,.share-button{height:2.5rem;padding:.5rem .75rem;border-radius:.375rem;background:var(--accent);color:var(--text);font-size:.875rem;cursor:pointer;transition:background .2s ease,filter .2s ease}.guess-button{border-radius:0 .375rem .375rem 0}.guess-button:hover,.share-button:hover{background:var(--accent-hover);filter:brightness(.96)}.error-text{padding:.5rem;color:var(--danger);font-size:.875rem}.share-button{width:100%;max-width:28rem;margin-top:1rem}.hidden{display:none}.blur{filter:blur(.35rem);transition:filter .2s ease}