html,body{height:100%;overflow:hidden}#sky{position:fixed;inset:0}#sky canvas{display:block}.mast{position:fixed;top:20px;left:24px;z-index:2;display:flex;align-items:baseline;gap:14px;pointer-events:none}.mast-name{font-family:var(--display);font-weight:500;font-size:19px;letter-spacing:-.01em}.mast-sub{font-family:var(--mono);font-size:12px;color:var(--chalk-faint);letter-spacing:.02em}#ui{position:fixed;top:0;bottom:0;left:50%;z-index:1;width:min(600px,44vw);transform:translate(-50%);display:flex;flex-direction:column;padding-top:15vh;pointer-events:none}#ui>*{pointer-events:auto}.lede{margin:0 0 16px;font-size:16px;line-height:1.45;color:var(--chalk-dim)}.field{display:flex;align-items:flex-end;border-bottom:1px solid rgba(237,230,214,.24);transition:border-color .25s}.field:focus-within{border-color:var(--brass)}.field textarea{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:6px 0 10px;margin:0;resize:none;overflow:hidden;display:block;font-family:var(--display);font-weight:300;font-size:34px;line-height:1.25;letter-spacing:-.015em;color:var(--chalk);caret-color:var(--brass)}.field.long textarea{font-size:26px}.field.xlong textarea{font-size:20px;line-height:1.35}.field textarea::placeholder{color:#ede6d642}.field button{border:0;background:transparent;color:var(--chalk-faint);font-size:30px;line-height:1;padding:4px 2px 8px 12px;cursor:pointer;visibility:hidden}.field.has-text button{visibility:visible}.field button:hover{color:var(--chalk)}.examples{margin-top:16px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:16px;line-height:1.5;color:var(--chalk-dim)}.examples .hint{margin-bottom:4px;font-family:var(--mono);font-size:12px;color:var(--chalk-faint)}.examples button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}.examples button:hover{color:var(--chalk);text-decoration-color:var(--brass)}.field.has-text~.examples,body.browsing .examples{display:none}body.browsing .field button{visibility:visible}.examples .hint.alt{margin:8px 0 0}.status{margin:14px 0 10px;min-height:16px;font-family:var(--mono);font-size:12px;color:var(--chalk-dim);letter-spacing:.01em}.status.err{color:#f08a6c}.results{list-style:none;margin:0;padding:0 0 48px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(237,230,214,.15) transparent;mask-image:linear-gradient(to bottom,#000 calc(100% - 56px),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 56px),transparent)}.results:empty{pointer-events:none}.card{position:relative;display:grid;grid-template-columns:22px 1fr;gap:0 12px;margin-bottom:8px;padding:13px 16px 13px 12px;background:var(--card);border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease,border-color .2s}.card.in{opacity:1;transform:none}.card:hover,.card:focus-within{border-color:#e3b25c73}.mark{justify-self:center;margin-top:7px;width:var(--s, 7px);height:var(--s, 7px);border-radius:50%;background:#ede6d659;transition:background .3s,box-shadow .3s}.card.in .mark{background:#ffecc4;box-shadow:0 0 0 3px #e3b25c2e,0 0 14px #e3b25c99}.head{display:flex;align-items:baseline;gap:12px}.title{flex:1;font-size:17px;font-weight:600;line-height:1.3;text-decoration:none}.title:hover{text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:3px}.p{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--brass)}.desc{margin:5px 0 8px;font-size:15px;line-height:1.45;color:#ede6d6c7}.meta{margin:0;font-family:var(--mono);font-size:12px;line-height:1.6;color:var(--chalk-dim)}.meta a{text-decoration:none;border-bottom:1px solid rgba(227,178,92,.4)}.meta a:hover{color:var(--chalk);border-color:var(--brass)}.meta .cat{font-family:var(--display);font-weight:500;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--chalk)}.more.lead{margin:0 4px 10px;color:var(--chalk)}.show-all{font:inherit;font-size:14px;color:var(--chalk);cursor:pointer;background:none;border:1px solid rgba(227,178,92,.45);border-radius:8px;padding:7px 14px}.show-all:hover{border-color:var(--brass)}.more{margin:6px 4px 0;font-size:15px;color:var(--chalk-dim);list-style:none}.legend{position:fixed;left:24px;bottom:18px;z-index:2;max-width:360px;font-family:var(--mono);font-size:11.5px;line-height:1.6;color:var(--chalk-faint)}.legend a{text-decoration:none;border-bottom:1px solid rgba(237,230,214,.2)}.legend a:hover{color:var(--chalk)}.legend .tg{margin-top:6px}.legend .tg a{color:var(--chalk);border-color:#e3b25c80}.scale{display:flex;align-items:center;gap:12px;margin-bottom:6px}.scale span{display:inline-flex;align-items:center;gap:6px}.scale i{display:inline-block;border-radius:50%;background:var(--chalk)}.tip{position:fixed;z-index:5;pointer-events:none;display:none;max-width:300px;transform:translate(-50%,calc(-100% - 16px));background:#08121ff0;border:1px solid rgba(227,178,92,.35);border-radius:8px;padding:8px 12px}.tip.on{display:block}.tip b{display:block;font-size:14px;font-weight:600;line-height:1.3}.tip span{display:block;margin-top:3px;font-family:var(--mono);font-size:11px;color:var(--chalk-dim)}.peek{position:fixed;left:12px;right:12px;bottom:12px;z-index:6;display:none;max-width:560px;margin:0 auto;padding:16px 18px 18px;background:#08121ff7;border:1px solid rgba(227,178,92,.4);border-radius:14px;box-shadow:0 10px 40px #00000080}.peek.on{display:block}.peek .cat{font-family:var(--display);font-weight:500;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--chalk-dim)}.peek b{display:block;margin:6px 36px 6px 0;font-size:17px;line-height:1.3}.peek p{margin:0 0 14px;font-size:15px;line-height:1.45;color:#ede6d6cc}.peek-go{display:inline-block;padding:9px 16px;border-radius:9px;background:var(--brass);color:var(--ink-1);font-weight:600;text-decoration:none}.peek-x{position:absolute;top:8px;right:10px;border:0;background:none;color:var(--chalk-faint);font-size:28px;line-height:1;padding:4px 8px;cursor:pointer}@media(max-width:1099px){#ui{width:min(600px,calc(100vw - 32px))}.card{background:#08121fe6}}@media(max-width:720px){.mast{top:14px;left:16px}.mast-sub{display:none}#ui{padding-top:11vh}.lede{font-size:14px}.field textarea{font-size:24px}.field.long textarea{font-size:20px}.field.xlong textarea{font-size:17px}.examples{font-size:15px}.examples button:nth-of-type(n+4){display:none}.card{padding:12px 14px 12px 10px}.legend{display:none}body.has-results #ui{padding-top:52px}body.has-results .lede{display:none}body.has-results .field textarea{font-size:20px}body.has-results .status{margin:8px 0}}@media(prefers-reduced-motion:reduce){.card,.mark,.field,.field textarea{transition:none}}
