@font-face{font-family:Alte Haas Grotesk;src:url(/fonts/AlteHaasGrotesk-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Alte Haas Grotesk;src:url(/fonts/AlteHaasGrotesk-Bold.ttf) format("truetype");font-weight:700;font-style:bold;font-display:swap}html,body,#root{height:100%;margin:0;padding:0;background:#000!important;color:#fff!important;font-family:Alte Haas Grotesk,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow:hidden}.App{height:100vh;position:relative;margin:0}.instar{position:absolute;top:32%;left:74%;transform:translate(-50%);color:#fff;text-decoration:none;font-size:2.4rem;font-weight:400;font-family:Alte Haas Grotesk,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:0em;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-font-smoothing:antialiased;transition:top .22s ease,transform .12s ease,color .12s ease,background-color .12s ease;user-select:none;-webkit-user-select:none}.instar,.instar:link,.instar:visited,.instar:active,.instar:focus,.instar:hover{text-decoration:none;border:0;box-shadow:none}.instar:focus-visible{outline:2px solid rgba(255,255,255,.18);outline-offset:4px;border-radius:4px}.instar .in-label{display:inline-block;opacity:1;vertical-align:baseline}.instar:hover .in-label,.instar .in-label.blink{animation:blink .6s steps(1,end) infinite}.instar .in-label.blink-off{opacity:0;animation:none}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.instar .star{position:relative;display:inline-block;padding:0 .02em;border-radius:2px;color:inherit;background-image:linear-gradient(90deg,#fff 0% 100%);background-repeat:no-repeat;background-size:0% 100%;background-position:left top;transition:background-size var(--reveal-duration,.12s) ease,color .12s ease,font-weight 80ms;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:auto;font-weight:400}.instar .star:before{content:attr(data-text);font-weight:700;visibility:hidden;display:inline-block;pointer-events:none;margin:0;padding:0;white-space:nowrap}.instar .star.reveal{background-size:100% 100%;color:#000;font-weight:700}.instar,.instar .star{line-height:1}.instar{position:fixed;left:74%;top:32%;transform:translate(-50%);z-index:10}.in-label{display:inline-block;vertical-align:middle;margin-right:.35em;z-index:11}.instar .highlight,.instar a,.instar .audio,.instar .visual{display:inline-block;vertical-align:middle;line-height:1;font-size:inherit;padding:.08em .25em}.definition-box{position:fixed;right:18px;bottom:18px;max-width:320px;color:#ffffffeb;font-size:.85rem;font-family:inherit;line-height:1.25;background:transparent;padding:10px 12px;border-radius:6px;box-shadow:0 6px 18px #00000059;text-align:left;z-index:9;transition:opacity .24s ease,visibility .24s ease}.definition-box .term{font-weight:600;margin-bottom:2px}.definition-box .pronounce{font-style:italic;opacity:.9;margin-bottom:6px}.definition-box .pos{font-size:.78rem;letter-spacing:.04em;color:#fffc;margin-bottom:6px}.definition-box .def{font-size:.9rem;color:#fffffff2}.instar>.definition-box{position:absolute;top:calc(100% + 1.2rem);left:0;transform:none;width:100%;max-width:none;color:#fffffff5;font-size:1.05rem;line-height:1.18;background:transparent;padding:6px 8px 0 0;box-sizing:border-box;text-align:left;z-index:9}.definition-box.hidden{opacity:0;visibility:hidden;pointer-events:none}.definition-box.visible{opacity:1;visibility:visible;pointer-events:auto}.instar>.definition-box .def{font-size:clamp(1rem,2.4vw,1.6rem);color:#fffffffa;white-space:normal;overflow-wrap:break-word;word-break:break-word;text-align:left}.splash-fade .instar,.splash-fade .definition-box,.splash-fade #landing-anchor-inner{transition:opacity 2.2s ease,transform 2.2s ease,filter 2.2s ease;opacity:0;transform:translateY(8px) scale(.995);filter:blur(.2px) saturate(.8);pointer-events:none}.splash-fade:before{content:"";position:fixed;inset:0;background:#00000038;pointer-events:none;z-index:8;transition:opacity 2.2s ease}.Directory .highlight{background:#fff;color:#000;text-decoration:none;transition:background .12s ease,color .12s ease;padding:.08em .25em;border-radius:2px}.Directory .highlight:hover{background:transparent;color:#fff}.highlight{background:#fff;color:#000;text-decoration:none;transition:background .12s ease,color .12s ease;padding:.08em .5em;border-radius:2px;display:inline-block}.highlight:hover{background:transparent;color:#fff}.Directory .instar #landing-anchor-inner{white-space:normal!important;display:grid;grid-template-columns:auto 1fr;grid-auto-rows:auto;align-items:center;gap:.15em .5em}.Directory .instar #landing-anchor-inner .in-label{grid-row:1 / -1;grid-column:1;justify-self:start;margin-right:.5em}.Directory .instar #landing-anchor-inner a,.Directory .instar #landing-anchor-inner .audio,.Directory .instar #landing-anchor-inner .visual{grid-column:2;display:block;margin-right:0!important}.Directory .error{background:red;color:#fff;text-decoration:none;transition:background .12s ease,color .12s ease;padding:.08em .25em;border-radius:2px}.profile-menu{background:transparent;opacity:0;transform:translateY(-6px);animation:profileMenuDrop .18s ease forwards;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes profileMenuDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-menu button{background:transparent;border:none;color:inherit;padding:6px 8px;text-align:left}.profile-menu button:focus{outline:none;box-shadow:none}
