.yt-tryit{border:1px solid var(--np-border-md);background:linear-gradient(135deg,#ffffff94,#f5f2e8b8);margin-top:30px;padding:28px}.yt-tryit-head{border-bottom:2px solid var(--np-ink);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:28px;margin-bottom:20px;padding-bottom:18px;display:grid}.yt-tryit-head h2{color:var(--np-ink);font-family:var(--np-font-serif);margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:900;line-height:1.16}.yt-tryit-head .yt-guide-kicker{margin-bottom:8px}.yt-tryit-head p{color:var(--np-muted-ink);margin:0;font-size:14px;line-height:1.8}.yt-tryit-tabs{scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin-bottom:20px;padding:4px;display:flex;overflow-x:auto}.yt-tryit-tabs::-webkit-scrollbar{display:none}.yt-tryit-tab{scroll-snap-align:start;border:1px solid var(--np-border-md);background:var(--np-surface);min-height:44px;color:var(--np-ink-sft);font-family:var(--np-font-sans);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.yt-tryit-tab:hover{border-color:var(--np-ink-sft);color:var(--np-ink)}.yt-tryit-tab[aria-selected=true]{background:var(--np-ink);border-color:var(--np-ink);color:var(--np-bg)}.yt-tryit-tab .tab-num{min-width:22px;height:22px;color:inherit;font-family:var(--np-font-serif);background:#292f451f;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-style:italic;font-weight:900;display:inline-flex}.yt-tryit-tab[aria-selected=true] .tab-num{background:#f8f4e12e}.yt-tryit-frame{background:#fbfaf4;border:1px solid #292f452e;padding:24px;box-shadow:0 18px 50px #292f451f}.yt-tryit-panel{display:block}.yt-tryit-panel[hidden]{display:none}.yt-tryit-copy{color:var(--np-ink-sft);margin:0 0 18px;font-size:14px;line-height:1.8}.yt-tryit-copy strong{color:var(--np-ink)}.yt-tryit-input{width:100%;color:var(--np-ink);font-family:var(--np-font-jp);letter-spacing:.04em;background:#fff;border:1.5px solid #292f452e;border-radius:12px;margin-top:14px;padding:14px 18px;font-size:18px;transition:border-color .15s,background-color .18s}.yt-tryit-input:focus{border-color:var(--np-ink);outline:none}.yt-tryit-input.right{border-color:var(--np-green);background:#2e7d3214}.yt-tryit-input.wrong{border-color:var(--np-accent);background:#b0311a14;animation:.3s yt-tryit-shake}@keyframes yt-tryit-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.yt-tryit-prog{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.yt-tryit-prog-bar{background:#292f451a;border-radius:999px;flex:1;height:6px;overflow:hidden}.yt-tryit-prog-fill{background:var(--np-accent);border-radius:999px;height:100%;transition:width .25s ease-out}.yt-tryit-prog-txt{color:var(--np-muted-ink);font-family:var(--np-font-serif);flex:none;font-size:12px;font-style:italic}.yt-tryit-cta-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.yt-tryit-cta{border:1px solid var(--np-border-md);background:var(--np-surface);min-height:40px;color:var(--np-ink);font-family:var(--np-font-sans);border-radius:8px;justify-content:center;align-items:center;padding:8px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,background-color .15s;display:inline-flex}.yt-tryit-cta:hover{transform:translateY(-1px)}.yt-tryit-cta.primary{background:var(--np-ink);border-color:var(--np-ink);color:var(--np-bg)}.yt-tryit-cta.accent{background:var(--np-accent);border-color:var(--np-accent);color:#fff}.yt-tryit-cta.accent:hover{background:var(--np-accent-hv)}.yt-tryit-kana-stage{flex-direction:column;align-items:center;gap:8px;padding:28px 18px 20px;display:flex}.yt-tryit-kana-big{font-family:var(--np-font-jp);color:var(--np-ink);letter-spacing:.02em;font-size:clamp(72px,14vw,132px);font-weight:900;line-height:1}.yt-tryit-kana-hint{color:var(--np-muted-ink);font-family:var(--np-font-serif);margin:0;font-size:13px;font-style:italic}.yt-tryit-kana-hint b{color:var(--np-accent);font-style:normal;font-weight:900}.yt-tryit-result{text-align:center;border:1px dashed var(--np-border-md);background:#ffffff8c;border-radius:12px;gap:12px;padding:24px 18px;display:grid}.yt-tryit-result-head{color:var(--np-ink);font-family:var(--np-font-serif);margin:0;font-size:22px;font-weight:900}.yt-tryit-result-num{color:var(--np-accent)}.yt-tryit-result-sub{color:var(--np-muted-ink);margin:0;font-size:13px;line-height:1.65}.yt-tryit-article-frame{position:relative}.yt-tryit-article-line{border-bottom:1px solid var(--np-border);font-family:var(--np-font-jp);flex-wrap:wrap;align-items:flex-end;gap:6px 10px;padding:18px 0 14px;transition:opacity .25s,filter .25s,transform .25s;display:flex}.yt-tryit-article-line.inactive{opacity:.42;filter:blur(.4px);transform-origin:0;transform:scale(.97)}.yt-tryit-article-line.zh{color:var(--np-muted-ink);font-family:var(--np-font-sans);border-bottom:0;padding:6px 0 14px;font-size:13px;line-height:1.7;transition:opacity .25s;display:block}.yt-tryit-article-line.zh.inactive{opacity:.35}.yt-tryit-article-token{flex-direction:column;align-items:center;gap:2px;min-width:32px;transition:transform .18s;display:inline-flex;position:relative}.yt-tryit-article-token small{min-height:14px;color:var(--np-accent);letter-spacing:.02em;font-size:11px;font-weight:900;transition:font-size .18s,color .18s}.yt-tryit-article-token b{color:#292f4547;font-size:clamp(34px,5vw,48px);font-weight:700;line-height:1.4;transition:color .2s}.yt-tryit-article-token em{display:none}.yt-tryit-article-token.done b{color:var(--np-ink)}.yt-tryit-article-token.cur b{color:var(--np-ink);border-bottom:4px solid var(--np-accent)}.yt-tryit-article-token.has-vocab b{text-underline-offset:6px;cursor:pointer;-webkit-text-decoration:underline dotted #b0311a8c;text-decoration:underline dotted #b0311a8c}.yt-tryit-article-token.has-vocab.cur b{text-decoration:none}.yt-tryit-article-pop{z-index:5;width:max-content;max-width:min(320px,100vw - 32px);color:var(--np-ink);font-family:var(--np-font-sans);text-align:left;background:#fff;border:1px solid #292f4538;border-radius:10px;padding:14px 16px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 14px 36px #292f452e}.yt-tryit-article-pop:before{content:"";background:#fff;border-top:1px solid #292f4538;border-left:1px solid #292f4538;width:12px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.yt-tryit-article-pop b{color:var(--np-ink);font-family:var(--np-font-jp);margin:0 0 2px;font-size:17px;font-weight:900;display:block}.yt-tryit-article-pop .furi{color:var(--np-accent);font-family:var(--np-font-jp);letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.yt-tryit-article-pop .pos{color:var(--np-ink-sft);background:#292f4514;border-radius:999px;margin-right:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.yt-tryit-article-pop .meaning{color:var(--np-ink-sft);margin:6px 0 0;font-size:13px;line-height:1.65}.yt-tryit-article-pop .lock{color:var(--np-muted-ink);text-align:center;background:#292f450f;border-radius:6px;margin-top:10px;padding:6px 10px;font-size:11px;display:block}.yt-tryit-article-pop-close{width:26px;height:26px;color:var(--np-muted-ink);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:16px;position:absolute;top:6px;right:6px}.yt-tryit-article-pop-close:hover{color:var(--np-ink);background:#292f4514}.yt-tryit-article-target{border:1px solid var(--np-border);background:var(--np-surface);-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:96px;margin:16px 0 8px;padding:14px 12px;display:flex}.yt-tryit-article-target-ruby{font-family:var(--np-font-jp);color:var(--np-muted-ink);letter-spacing:.05em;min-height:18px;font-size:14px;font-weight:700}.yt-tryit-article-target-char{font-family:var(--np-font-jp);color:var(--np-ink);font-size:clamp(48px,9vw,72px);font-weight:700;line-height:1.1;transition:color .15s}.yt-tryit-article-target-char.right{color:var(--np-green)}.yt-tryit-article-target-char.wrong{color:var(--np-accent);animation:.3s yt-tryit-shake}.yt-tryit-article-target-hint{font-family:var(--np-font-serif);color:var(--np-accent);letter-spacing:.06em;min-height:20px;margin-top:4px;font-size:14px;font-style:italic;font-weight:700}.yt-tryit-article-target-empty{color:var(--np-muted-ink);font-family:var(--np-font-serif);font-size:14px;font-style:italic}.yt-tryit-article-meta{border-bottom:1px solid var(--np-border);justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding-bottom:12px;display:flex}.yt-tryit-article-meta b{font-family:var(--np-font-serif);color:var(--np-ink);font-size:18px}.yt-tryit-article-meta span{background:var(--np-ink);color:var(--np-bg);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:900}.yt-tryit-card-stage{flex-direction:column;align-items:center;gap:18px;padding:16px 0 0;display:flex}.yt-tryit-card{perspective:800px;width:100%;max-width:360px;min-height:240px;position:relative}.yt-tryit-card-inner{width:100%;min-height:240px;transform-style:preserve-3d;will-change:transform;transition:transform .5s;position:relative}.yt-tryit-card-inner.flipped{transform:rotateY(180deg)}.yt-tryit-card-face{border:1px solid var(--np-border-md);border-radius:var(--np-r-lg);backface-visibility:hidden;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:24px 20px;display:flex;position:absolute;inset:0;box-shadow:0 8px 28px #292f451f}.yt-tryit-card-back{background:var(--np-surface);transform:rotateY(180deg)}.yt-tryit-card-word{font-family:var(--np-font-jp);color:var(--np-ink);text-align:center;margin:0 0 4px;font-size:38px;font-weight:900;line-height:1.2}.yt-tryit-card-furi{font-family:var(--np-font-jp);color:var(--np-muted-ink);margin:0 0 16px;font-size:16px}.yt-tryit-card-meaning{font-family:var(--np-font-sans);color:var(--np-ink);text-align:center;margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.4}.yt-tryit-card-example{text-align:center;color:var(--np-ink-sft);margin:0;font-size:13px;line-height:1.6}.yt-tryit-card-example .jp{font-family:var(--np-font-jp);color:var(--np-ink);margin-bottom:4px;font-size:15px;display:block}.yt-tryit-card-flip{border-radius:var(--np-r-sm);background:var(--np-gold);color:#fff;font-family:var(--np-font-sans);letter-spacing:.04em;cursor:pointer;border:none;margin-top:8px;padding:10px 22px;font-size:14px;font-weight:700;transition:background-color .15s}.yt-tryit-card-flip:hover{background:var(--np-gold-rich)}.yt-tryit-card-rating{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:360px;display:grid}.yt-tryit-card-counter{font-family:var(--np-font-serif);color:var(--np-muted-ink);font-size:13px;font-style:italic}.yt-tryit-card-flash{font-family:var(--np-font-serif);color:var(--np-accent);text-align:center;min-height:18px;margin:4px 0 0;font-size:13px;font-style:italic}.yt-tryit-noscript{border:1px dashed var(--np-border-md);background:var(--np-surface);color:var(--np-ink-sft);padding:18px;font-size:14px;line-height:1.8}.yt-tryit-noscript a{color:var(--np-accent);font-weight:700}@media (max-width:980px){.yt-tryit-head{grid-template-columns:1fr;gap:12px}}@media (max-width:640px){.yt-tryit{margin-top:20px;padding:18px}.yt-tryit-frame{padding:18px}.yt-tryit-tab{padding:8px 14px;font-size:13px}.yt-tryit-article-line{flex-wrap:nowrap;padding-bottom:16px;overflow-x:auto}.yt-tryit-article-token{min-width:28px}.yt-tryit-article-token b{font-size:30px}.yt-tryit-article-target-char{font-size:56px}.yt-tryit-card-rating{grid-template-columns:repeat(2,minmax(0,1fr))}.yt-tryit-kana-big{font-size:84px}}@media (prefers-reduced-motion:reduce){.yt-tryit-input,.yt-tryit-input.right,.yt-tryit-input.wrong{transition:none;animation:none}.yt-tryit-prog-fill,.yt-tryit-card-inner,.yt-tryit-card-flip,.yt-tryit-tab,.yt-tryit-cta{transition:none}}