.testbar{margin:0;padding:18px 22px 14px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--line);box-shadow:var(--shadow-soft);max-width:480px;width:100%;display:flex;flex-direction:column;gap:10px}.testbar__svg{width:100%;height:auto;display:block}.testbar__caption{font-size:13px;color:var(--ink-soft);line-height:1.4;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.testbar__title{font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.testbar__sep{color:var(--line)}.testbar__body{flex:1 1 260px}.landing{height:100%;overflow-y:auto;padding:24px 20px 80px;display:flex;justify-content:center;background:radial-gradient(1200px 400px at 50% -200px,rgba(216,197,240,.45),transparent 60%),radial-gradient(900px 400px at -10% 20%,rgba(184,230,209,.35),transparent 60%),radial-gradient(900px 400px at 110% 30%,rgba(248,213,176,.35),transparent 60%),var(--bg)}.landing__hero{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:24px}.landing__demo{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:520px;margin-bottom:4px}.landing__mascots{display:flex;align-items:flex-end;justify-content:center;gap:12px}.landing__blob{position:relative;border-radius:50%;box-shadow:var(--shadow-soft)}.landing__blob-eye{position:absolute;width:12%;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:var(--bg)}.landing__blob-mouth{position:absolute;left:50%;top:65%;transform:translate(-50%);width:30%;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:var(--bg)}.landing__tagline{margin:0;font-size:clamp(26px,4vw,38px);font-weight:700;text-align:center;letter-spacing:-.01em;max-width:16ch}.landing__lede{margin:0;font-size:17px;line-height:1.55;color:var(--ink-soft);text-align:center;max-width:52ch}.landing__qr{margin-top:16px;display:flex;gap:24px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-soft);max-width:520px;width:100%}.landing__qr-card{padding:12px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--line);display:grid;place-items:center;flex-shrink:0}.landing__qr-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.landing__qr-label{margin:0;font-size:14px;color:var(--ink-soft)}.landing__qr-url{margin:0;font-weight:600;font-size:17px;word-break:break-all}.landing__open-link{margin-top:8px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px}.landing__open-link:hover{text-decoration:underline}@media (max-width: 540px){.landing__qr{flex-direction:column;align-items:flex-start}.landing__qr-card{align-self:center}}.banner{display:flex;align-items:center;justify-content:space-between;padding:max(env(safe-area-inset-top),8px) 14px 8px 14px;height:calc(44px + max(env(safe-area-inset-top),8px));background:var(--bg);border-bottom:1px solid var(--line);position:relative;z-index:10;flex-shrink:0}.banner__brand{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink)}.banner__wordmark{font-weight:700;font-size:19px;letter-spacing:-.01em}.banner__right{position:relative}.banner__profile{background:var(--bg-soft);border:1px solid var(--line);color:var(--ink);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;padding:0}.banner__profile:active{transform:scale(.96)}.banner__menu{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-float);padding:6px;display:flex;flex-direction:column;z-index:20}.banner__menu-item{text-align:left;background:transparent;border:0;padding:10px 12px;border-radius:var(--radius-sm);color:var(--ink);font-size:15px}.banner__menu-item:hover{background:var(--bg-soft)}.banner__menu-item--disabled{color:var(--ink-soft);cursor:not-allowed}.banner__menu-sep{height:1px;background:var(--line);margin:4px}.settings{padding:20px 20px 40px;max-width:540px;margin:0 auto;overflow-y:auto;height:calc(100% - 52px)}.settings__back{background:transparent;border:0;color:var(--ink-soft);padding:8px 0;font-size:15px}.settings__title{font-size:28px;margin:8px 0 24px}.settings__section{margin-bottom:28px}.settings__section-title{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0 0 12px}.settings__lang-row{display:flex;gap:10px}.settings__lang-chip{flex:1;padding:12px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--bg);color:var(--ink);font-weight:600}.settings__lang-chip.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.settings__about{color:var(--ink-soft);font-size:15px}:root{--singling-s: #B8E6D1;--singling-a: #F8D5B0;--singling-t: #D4C5F0;--singling-b: #B8D4F0;--bg: #F7F4EF;--bg-soft: #EFEAE2;--ink: #1f1f1f;--ink-soft: #5c5a57;--line: rgba(31, 31, 31, .1);--accent: #1f1f1f;--danger: #d26b6b;--success: #5fa87a;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-soft: 0 2px 10px rgba(31, 31, 31, .06);--shadow-float: 0 8px 28px rgba(31, 31, 31, .12);--font-body: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;min-height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}button{font-family:inherit;font-size:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}