.nb{width:min(1180px,100% - 40px);color:var(--c-ink);margin:24px auto 64px;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif}.nb *,.nb-dialog *{box-sizing:border-box}.nb a{text-underline-offset:4px}.nb button,.nb select,.nb input,.nb-dialog button,.nb-dialog input{font:inherit}.nb button,.nb-dialog button{border:2px solid var(--c-line);background:var(--c-paper);min-height:44px;color:var(--c-ink);cursor:pointer;border-radius:10px;padding:10px 16px;font-weight:750}.nb button:hover:not(:disabled),.nb-dialog button:hover:not(:disabled){box-shadow:3px 3px 0 var(--c-line);transform:translate(-1px,-1px)}.nb button:disabled,.nb-dialog button:disabled{opacity:.5;cursor:not-allowed}.nb button.nb-primary,.nb-dialog button.nb-primary{background:var(--c-sun);color:#241e19}.nb :focus-visible,.nb-dialog :focus-visible{outline:3px solid var(--c-brick);outline-offset:4px}.nb-skip{z-index:200;background:var(--c-paper);color:var(--c-ink);border:2px solid var(--c-line);padding:12px;position:fixed;top:-100px;left:16px}.nb-skip:focus{top:16px}.nb-breadcrumb{justify-content:space-between;gap:12px;font-size:12px;display:flex}.nb-breadcrumb a{color:var(--c-brick);font-weight:750}.nb-edition,.nb-kicker{letter-spacing:.13em;font-size:10px;font-weight:850}.nb-edition{color:var(--c-muted)}.nb-kicker{color:var(--c-brick);margin:0 0 10px}html[data-theme=dark] .nb-kicker{color:#e9a085}.nb-hero{grid-template-columns:1.6fr 1fr;align-items:center;gap:30px;padding:54px 0 40px;display:grid}.nb-hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3.8vw,48px);font-weight:900;line-height:1.25}.nb-hero h1>span{margin-top:10px;font-size:clamp(21px,2.8vw,34px);display:block}.nb-intro{color:var(--c-muted);margin:22px 0 18px;font-size:15px;line-height:1.9}.nb-hero-tags{flex-wrap:wrap;gap:8px;display:flex}.nb-hero-tags>span{border:1px solid var(--c-line);border-radius:5px;padding:5px 9px;font-size:11px;font-weight:750}.nb-hero-art{justify-self:center;padding:16px;position:relative}.nb-art-note{background:var(--c-paper);border:2px solid var(--c-line);width:270px;box-shadow:7px 7px 0 color-mix(in srgb, var(--c-line) 18%, transparent);border-radius:17px;padding:20px 22px;transform:rotate(-5deg)}.nb-art-note small{letter-spacing:.08em;font-size:10px;font-weight:750}.nb-art-note b{font-family:Yu Mincho,Noto Serif CJK JP,serif;font-size:105px;font-weight:500;line-height:1.3;display:block}.nb-art-note b span{color:var(--c-brick);margin-left:16px;font-size:52px}.nb-art-note i{font-size:11px}.nb-art-star{color:var(--c-brick);font-size:75px;line-height:1;position:absolute;top:-15px;right:-3px}.nb-paper,.nb-overview{border:2px solid var(--c-line);background:var(--c-paper);border-radius:19px}.nb-overview{box-shadow:5px 5px 0 color-mix(in srgb, var(--c-line) 12%, transparent);grid-template-columns:1fr 1fr 1fr 1.5fr;margin-bottom:24px;display:grid}.nb-overview>div{border-right:1px solid color-mix(in srgb, var(--c-line) 30%, transparent);flex-direction:column;justify-content:center;padding:22px;display:flex}.nb-overview>div:last-child{border:0}.nb-overview span{font-size:12px;font-weight:750}.nb-overview strong{letter-spacing:-.04em;margin:8px 0 5px;font-size:40px;line-height:1.3}.nb-overview strong small{font-size:16px}.nb-overview small,.nb-overview-action p{color:var(--c-muted);font-size:10px;line-height:1.7}.nb-overview-action p{margin:9px 0 0}.nb-practice-settings{margin-bottom:24px;padding:28px}.nb-section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.nb h2{letter-spacing:-.035em;margin:0;font-size:22px;font-weight:850;line-height:1.5}.nb-section-head>p,.nb-section-head>span{color:var(--c-muted);margin:0;font-size:12px}.nb-filters{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.nb-filters label,.nb-search-label{flex-direction:column;gap:8px;font-size:11px;font-weight:750;display:flex}.nb select,.nb input[type=search],.nb-dialog input[type=text]{background:var(--c-paper2);width:100%;min-width:0;min-height:46px;color:var(--c-ink);border:1.5px solid var(--c-line);border-radius:8px;padding:10px 12px;font-size:13px}.nb-modes{border:0;flex-wrap:wrap;gap:12px;margin:22px 0 20px;padding:0;display:flex}.nb-modes legend{margin-bottom:8px;font-size:11px;font-weight:750}.nb-modes label{cursor:pointer;border:1px solid color-mix(in srgb, var(--c-line) 35%, transparent);border-radius:8px;align-items:center;gap:7px;min-height:44px;padding:5px 12px;font-size:12px;display:flex}.nb-modes label:has(:checked){background:var(--c-paper2);border-color:var(--c-line)}.nb-modes input{accent-color:var(--c-brick);width:17px;height:17px}.nb-practice-actions{border-top:1px dashed color-mix(in srgb, var(--c-line) 35%, transparent);justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.nb-practice-actions>p{color:var(--c-muted);font-size:12px}.nb-practice-actions>div{flex-wrap:wrap;gap:10px;display:flex}.nb-learning-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;margin-bottom:24px;display:grid}.nb-chart-paper{padding:28px}.nb-search-label{margin-bottom:22px}.nb-chart{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.nb-chart button{border-color:color-mix(in srgb, var(--c-line) 55%, transparent);flex-direction:column;justify-content:center;align-items:center;min-height:105px;padding:9px 2px;font-weight:500;display:flex;position:relative}.nb-chart button[aria-pressed=true]{background:var(--c-sun);color:#241e19;border-color:var(--c-line);box-shadow:3px 3px 0 var(--c-line)}.nb-chart button>span{white-space:nowrap;font-family:Yu Mincho,Noto Serif CJK JP,serif;font-size:34px;line-height:1.3}.nb-chart button>small{margin:3px 0;font-size:12px}.nb-chart button>b{font-size:13px}.nb-chart button>i{font-size:8px;font-style:normal;font-weight:750;position:absolute;top:3px;right:3px}.nb-chart .nb-empty{grid-column:1/-1;padding:20px 0;font-size:13px}.nb-small{color:var(--c-muted);font-size:11px;line-height:1.9}.nb-chart-paper>.nb-small{margin-top:18px}.nb-detail{padding:26px;position:sticky;top:20px}.nb-detail-glyph{text-align:center;white-space:nowrap;margin-top:12px;font-family:Yu Mincho,Noto Serif CJK JP,serif;font-size:105px;line-height:1.4}.nb-detail-alt{border-bottom:1px dashed var(--c-muted);justify-content:center;align-items:baseline;gap:22px;padding-bottom:24px;display:flex}.nb-detail-alt span{color:var(--c-muted);font-size:30px}.nb-detail-alt b{color:var(--c-brick);font-size:22px}.nb-detail-example{padding:20px 0 10px}.nb-detail-example>span{color:var(--c-muted);font-size:10px}.nb-detail-example strong{margin-top:7px;font-size:25px;font-weight:600;display:block}.nb-detail-example p{color:var(--c-muted);margin-top:5px;font-size:12px}.nb-detail-tip{background:var(--c-paper2);border-left:3px solid var(--c-brick);padding:12px;font-size:12px;line-height:1.9}.nb-detail-actions{gap:10px;margin-top:20px;display:flex}.nb-detail-actions button{flex:1;padding-inline:8px;font-size:13px}.nb button.nb-writing-open{border-style:dashed;width:100%;margin-top:10px;font-size:13px}.nb-dialog.nb-writing-dialog{width:min(570px,100% - 28px)}.nb-writing-dialog .nb-kicker{padding-right:32px;font-size:10px}.nb-writing-dialog select{border:1.5px solid var(--c-line);background:var(--c-paper2);min-height:44px;color:var(--c-ink);font:inherit;border-radius:8px;width:100%;padding:8px 12px}.nb-writing-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.nb-writing-options label{margin-top:0;font-size:12px}.nb-writing-options select{margin-top:5px}.nb-writing-stage{background:var(--c-paper2);border-radius:12px;justify-content:center;align-items:center;min-height:220px;margin:14px 0;padding:12px;display:flex}.nb-writing-stage svg{width:100%;max-height:270px;display:block}.nb-writing-stage path{fill:none;stroke-linecap:round;stroke-linejoin:round}.nb-writing-grid{stroke:var(--c-muted);stroke-width:.5px;stroke-dasharray:2 3;opacity:.35}.nb-writing-guide{stroke:var(--c-muted);stroke-width:3px;opacity:.19}.nb-writing-stroke{stroke:var(--c-ink);stroke-width:3px}.nb-writing-number{fill:var(--c-ink);font:7px sans-serif}.nb-writing-controls{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.nb-writing-controls button{padding-inline:6px;font-size:13px}.nb-writing-dialog .nb-writing-source{color:var(--c-muted);margin-top:16px;font-size:11px;line-height:1.9}.nb-writing-source a{text-underline-offset:3px;text-decoration:underline}.nb-data,.nb-offline{justify-content:space-between;align-items:center;gap:26px;margin-bottom:20px;padding:27px;display:flex}.nb-data>div:first-child{flex:1}.nb-data p,.nb-offline p{color:var(--c-muted);margin-top:8px;font-size:12px;line-height:1.9}.nb-data-actions,.nb-offline>div:last-child{flex-wrap:wrap;gap:10px;display:flex}.nb-data-actions{max-width:320px}.nb-offline{background:var(--c-paper2);border-style:dashed}.nb-offline h2{font-size:18px}.nb-method{color:var(--c-muted);margin:22px 0;font-size:12px;line-height:2}.nb-method summary{cursor:pointer;min-height:44px;color:var(--c-ink);font-weight:750}.nb-method p{margin-bottom:12px}.nb-method a{text-decoration:underline}.nb-footer{border-top:1px solid var(--c-line);letter-spacing:.07em;justify-content:space-between;gap:15px;padding-top:20px;font-size:10px;display:flex}.nb-notice{border:2px solid var(--c-brick);background:var(--c-paper);border-radius:10px;margin-bottom:20px;padding:14px 18px;font-size:13px;line-height:1.8}.nb-dialog{border:2px solid var(--c-line);background:var(--c-paper);width:min(540px,100% - 28px);max-height:calc(100dvh - 36px);color:var(--c-ink);border-radius:20px;margin:auto;padding:30px;position:fixed;inset:0;overflow-y:auto;box-shadow:8px 8px #0003}.nb-dialog::backdrop{backdrop-filter:blur(4px);background:#171c18aa}.nb-dialog .nb-close{background:0 0;border:0;width:44px;min-height:44px;padding:0;font-size:26px;position:absolute;top:10px;right:10px}.nb-dialog h2{margin:0 38px 16px 0;font-size:20px;font-weight:800;line-height:1.5}.nb-dialog p{font-size:13px;line-height:1.9}.nb-quiz-count{color:var(--c-muted);letter-spacing:.05em;margin-bottom:14px;font-size:11px}.nb-quiz-glyph{text-align:center;font-family:Yu Mincho,Noto Serif CJK JP,serif;font-size:90px;line-height:1.7}.nb-quiz-replay{margin:18px auto;display:block}.nb-answers{grid-template-columns:1fr 1fr;gap:12px;margin:15px 0;display:grid}.nb-answers button{min-height:64px;font-size:22px}.nb-answers button[data-result=correct]{background:var(--c-paper2);border-width:3px}.nb-answers button[data-result=wrong]{border-style:dashed;text-decoration:line-through}.nb-answer-feedback{min-height:45px;padding:12px 0}.nb-rating-title{margin-top:15px;font-weight:750}.nb-ratings{grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 20px;display:grid}.nb-ratings button{padding:10px 3px;font-size:12px}.nb-ratings small{color:var(--c-muted);margin-top:5px;font-size:10px;display:block}.nb-dialog-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.nb-dialog label{margin:15px 0 8px;font-size:13px;display:block}.nb-dialog input[type=text]{margin-top:8px;font-size:22px}.nb-stats-score{margin:15px 0;font-size:56px;font-weight:850}.nb [hidden],.nb-dialog [hidden]{display:none!important}body:has(.nb) #pixelCursor{display:none}html.custom-cursor:has(.nb),html.custom-cursor:has(.nb) *{cursor:revert}@media (width<=900px){.nb-overview{grid-template-columns:1fr 1fr}.nb-overview>div:nth-child(2){border-right:0}.nb-overview>div:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb, var(--c-line) 30%, transparent)}.nb-learning-grid{grid-template-columns:minmax(0,1fr) 275px;gap:16px}.nb-chart-paper,.nb-detail{padding:20px}.nb-chart{gap:6px}.nb-chart button>span{font-size:27px}.nb-data{align-items:flex-start}}@media (width<=700px){.nb{width:calc(100% - 28px);margin-top:18px}.nb-edition{display:none}.nb-hero{grid-template-columns:1fr;padding:32px 0}.nb-hero-art{display:none}.nb-hero h1>span{font-size:24px}.nb-intro{font-size:13px}.nb-filters{grid-template-columns:1fr 1fr}.nb-practice-settings{padding:20px}.nb-section-head{align-items:flex-start}.nb-section-head>p{display:none}.nb h2{font-size:20px}.nb-practice-actions,.nb-data,.nb-offline{flex-direction:column;align-items:stretch;gap:14px}.nb-practice-actions>div button{flex:1;font-size:12px}.nb-learning-grid{grid-template-columns:1fr}.nb-detail{position:static}.nb-detail-glyph{font-size:85px}.nb-chart button{min-height:90px}.nb-chart button>span{font-size:34px}.nb-data-actions{max-width:none}.nb-footer{font-size:9px}}@media (width<=380px){.nb-overview>div{padding:16px}.nb-overview span{font-size:11px}.nb-overview strong{font-size:34px}.nb-overview-action button{padding-inline:6px;font-size:11px}.nb-chart-paper{padding:16px 10px}.nb-chart button>span{font-size:27px}.nb-chart button{min-height:85px}.nb-chart{gap:5px}.nb-dialog{padding:24px 18px}.nb-ratings{gap:5px}.nb-ratings button{font-size:11px}}@media (prefers-reduced-motion:reduce){.nb *,.nb-dialog *{scroll-behavior:auto!important;transition:none!important}.nb button,.nb-dialog button{transform:none!important}}