@font-face{font-family:JasmineHand;src:url('/jasmine-hand.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
header.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;height:92px;padding:0;border:0;max-width:none;margin:0;width:100%;font-family:inherit}
.site-header .brand{display:flex;flex-direction:row;align-items:center;gap:18px;font-weight:400;letter-spacing:0;font-family:inherit;white-space:nowrap}
.site-header .brand .wordmark{font-family:JasmineHand,"Bradley Hand",cursive;font-size:54px;font-weight:400;line-height:1;color:#f5f2e9;margin:0;letter-spacing:0}
.site-header .brand .brand-tag{font-size:12px;font-family:inherit;color:#bcb6c9;font-weight:400;letter-spacing:0;margin:0}
.site-header .site-nav{display:flex;align-items:center;gap:26px;flex-wrap:nowrap}
.site-header .nav-link{display:inline-block;white-space:nowrap;background:transparent;border:0;border-radius:0;color:#eee8f4;padding:8px 0;font-size:14px;font-family:inherit;line-height:1.5;font-weight:400;text-decoration:none;margin:0}
.site-header .nav-link:hover,.site-header .nav-link[aria-current]{color:#c5a3ed}.nav-chevron{font-size:11px;margin-left:4px;color:#aa96c1}
.site-header .login-chip{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:10px 17px;min-width:100px;border:1px solid #ffffff35;background:#ffffff03;border-radius:30px;color:#f5f2e9;font-family:inherit;font-size:13px;line-height:1.4}
.site-header .dot{display:block;width:6px;height:6px;border-radius:50%;background:#c5a3ed;box-shadow:0 0 12px #c5a3ed60}
/* Frosted navigation with a soft light beneath the text. */
.site-header .site-nav{position:relative;isolation:isolate;gap:8px;padding:7px 9px;border:1px solid #ffffff26;border-radius:40px;background:linear-gradient(115deg,#d9bdff0c,#a6d9ff06 65%,#ffffff03);box-shadow:inset 0 1px 0 #ffffff12,0 9px 30px #0002;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}
.site-nav:before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90px 42px at var(--nav-light-x,50%) 50%,#c1a3ed38,transparent 100%);opacity:var(--nav-light-on,0);transition:opacity .25s ease}
.site-header .site-nav .nav-link{padding:10px 13px;border-radius:25px;transition:color .2s ease,background .2s ease}
.site-header .site-nav .nav-link:hover,.site-header .site-nav .nav-link[aria-expanded="true"]{color:#eadcfb;background:#ffffff04}
.site-header .site-nav .login-chip{min-width:0;border:0;background:#ffffff05;padding:10px 15px;box-shadow:none;outline:none}
.site-header .site-nav .login-chip:hover{background:#ffffff0c}
.explore-wrap{position:relative}
.explore-menu{position:absolute;left:0;top:calc(100% + 13px);width:146px;min-width:0;padding:6px;border:1px solid #ffffff2c;border-radius:19px;background:linear-gradient(130deg,#b49bd91a,#90c9e80b),#10182296;z-index:25;box-shadow:inset 0 1px 0 #ffffff16,0 12px 28px #0003;backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%);animation:glass-open .18s ease-out both}
.explore-menu a{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:13px;color:#f2edf8;font-size:14px;text-decoration:none;transition:background .2s ease}
.explore-menu a:hover,.explore-menu a:focus-visible{background:#e2d5ff0c}
.explore-menu .mood-nav-icon{width:21px;height:21px;color:#d1c3e9;flex-shrink:0}
.explore-menu:before{content:'';position:absolute;left:0;right:0;top:-16px;height:18px}
@keyframes glass-open{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.explore-menu{animation:none}.site-nav:before,.site-header .site-nav .nav-link,.explore-menu a{transition:none}}
.site-header button:focus-visible,.site-header a:focus-visible{outline:2px solid #c5a3ed;outline-offset:4px}.site-header [hidden]{display:none!important}
@media(max-width:1050px){.site-header .brand .brand-tag{display:none}.site-header .site-nav{gap:20px}.site-header .brand .wordmark{font-size:46px}}
@media(max-width:650px){header.site-header{height:auto;display:block;padding:18px 0 13px}.site-header .brand{margin-bottom:14px}.site-header .brand .wordmark{font-size:42px}.site-header .site-nav{justify-content:flex-start;gap:22px;width:100%;height:32px}.site-header .nav-link{font-size:12px}.site-header .login-chip{position:absolute;right:0;top:20px;font-size:12px;min-width:85px;padding:8px 12px}.explore-menu{left:0;top:100%}}
@media(max-width:360px){.site-header .site-nav{gap:15px}.site-header .nav-link{font-size:11px}}

/* One vector wordmark, traced from the original JasmineHand glyphs. */
.wordmark .jasmine-mark{display:block;width:153.36px;height:39.852px;overflow:visible;flex-shrink:0}
.site-header .brand .wordmark{display:block;font-size:0;line-height:0}
.explore-menu:before{content:'';position:absolute;left:0;right:0;top:-14px;height:16px}
@media(max-width:1050px){.site-header .wordmark .jasmine-mark{width:130.64px;height:33.948px}}
@media(max-width:650px){.site-header .wordmark .jasmine-mark{width:119.28px;height:30.996px}}

@media(max-width:1050px){.site-header .site-nav{gap:3px}.site-header .site-nav .nav-link{padding:10px 11px}}
@media(max-width:650px){.site-header .site-nav{box-sizing:border-box;width:100%;height:auto;min-height:46px;gap:0;justify-content:space-around;padding:4px;border-radius:26px}.site-header .site-nav .nav-link{padding:9px 8px;font-size:12px}.site-header .site-nav .login-chip{position:absolute;top:-51px;right:0;border:1px solid #ffffff26;background:#ffffff06;padding:8px 12px}.explore-menu{left:0;top:calc(100% + 10px)}}
@media(max-width:360px){.site-header .site-nav .nav-link{padding:9px 6px;font-size:11px}}

/* v0.12.6 mobile guest header */
@media(max-width:700px){.site-header.guest-nav .explore-wrap,.site-header.guest-nav #nav-english,.site-header.guest-nav #typing-nav,.site-header.guest-nav #history-nav{display:none!important}.site-header.guest-nav .site-nav{justify-content:flex-end;gap:8px}}

/* v0.12.7: remove the entire guest navigation shell, including its row. */
@media(max-width:700px){.site-header.guest-nav .site-nav{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}.site-header.guest-nav .site-nav:before{display:none!important}}
@media(max-width:650px){.site-header.guest-nav .brand{margin-bottom:0!important}.site-header.guest-nav .site-nav{position:static!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;overflow:visible}.site-header.guest-nav .site-nav .login-chip{top:19px!important;right:43px}}