.syn-shell{min-height:100dvh;color:var(--text);background:radial-gradient(circle at 91% 4%, #1a39590f, transparent 25rem), var(--surface)}.syn-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);min-height:76px;margin:0 auto;display:flex}.syn-wordmark{align-items:center;gap:11px;min-height:44px;font-size:14px;display:inline-flex}.syn-wordmark>span{color:#fff;background:var(--ink);width:34px;height:34px;font:800 15px/1 var(--font-geist-mono);border-radius:50%;place-items:center;display:grid}.syn-home-link{min-height:44px;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;align-items:center;padding:10px 14px;font-size:13px;font-weight:720;display:inline-flex}.syn-intro,.syn-detail-intro{width:min(1120px,100% - 40px);margin:0 auto;padding:58px 0 44px}.syn-kicker{color:var(--accent);font:780 12px/1.4 var(--font-geist-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px}.syn-intro h1{color:var(--ink);letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(38px,5vw,62px);line-height:1.2}.syn-intro>p:last-child{max-width:760px;color:var(--text-muted);margin:24px 0 0;font-size:clamp(16px,1.6vw,18px);line-height:1.82}.syn-detail-intro h1{color:var(--ink);letter-spacing:-.03em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,6vw,68px);font-weight:600;line-height:1.1}.syn-gist{max-width:820px;color:var(--ink);background:var(--surface-raised);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;margin:26px 0 0;padding:18px 22px;font-size:clamp(16px,1.7vw,19px);line-height:1.8}.syn-content,.syn-detail{gap:64px;width:min(1120px,100% - 40px);margin:0 auto;padding-bottom:clamp(80px,11vw,130px);display:grid}.syn-section-head>p{color:var(--accent);font:760 11px/1.4 var(--font-geist-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}.syn-section-head h2,.syn-index-head h2,.syn-block h2{color:var(--ink);letter-spacing:-.04em;margin:0 0 24px;font-size:clamp(26px,3.2vw,36px);line-height:1.1}.syn-index-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;display:flex}.syn-index-head h2{margin-bottom:0}.syn-search{background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;flex:280px;align-items:center;gap:10px;max-width:420px;padding:0 6px 0 16px;display:flex}.syn-search span{color:var(--text-muted);font:720 12px/1 var(--font-geist-sans)}.syn-search input{min-width:0;min-height:46px;color:var(--ink);font:500 15px/1.4 var(--font-geist-sans);background:0 0;border:0;flex:1;padding:0 10px}.syn-search input:focus{outline:none}.syn-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #1a395924}.syn-empty{color:var(--text-muted);margin:24px 0 0;font-size:14px}.syn-card-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px;margin:24px 0 0;padding:0;list-style:none;display:grid}.syn-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;gap:12px;height:100%;padding:22px 24px;transition:border-color .15s,box-shadow .15s;display:grid}.syn-card:hover{border-color:var(--accent);box-shadow:0 6px 18px #16283a12}.syn-card-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;display:flex}.syn-card-top strong{color:var(--ink);letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:600}.syn-card-top span{color:var(--accent-warm);font-size:13px;font-weight:720}.syn-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.72}.syn-card small{color:var(--text-muted);font:700 11px/1.4 var(--font-geist-mono)}.syn-block{border-top:1px solid var(--border);padding-top:34px}.syn-word-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;display:grid}.syn-word{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;align-content:start;gap:14px;padding:22px;display:grid}.syn-word>div{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.syn-word strong{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:600}.syn-word>div span{color:var(--text-muted);font:600 14px/1 var(--font-geist-mono)}.syn-word p{color:var(--text);margin:0;font-size:15px;line-height:1.7}.syn-word ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.syn-word li{color:var(--accent);background:#1a395912;border-radius:6px;padding:5px 9px;font-size:13px}.syn-memo{color:var(--text-muted);border-left:2px solid var(--accent-warm);margin:18px 0 0;padding-left:14px;font-size:14px;line-height:1.75}.syn-examples,.syn-traps,.syn-phrases{gap:10px;margin:0;padding:0;list-style:none;display:grid}.syn-examples li{border-bottom:1px dashed var(--border);grid-template-columns:82px minmax(0,1fr);align-items:start;gap:14px;padding:14px 0;display:grid}.syn-tag{color:#fff;background:var(--accent);font:700 12px/1 var(--font-geist-mono);border-radius:6px;justify-self:start;padding:5px 9px}.syn-examples p{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.5}.syn-examples small,.syn-traps small{color:var(--text-muted);margin-top:6px;font-size:13px;line-height:1.65;display:block}.syn-traps li{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.syn-traps p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.55}.syn-traps p+p{margin-top:4px}.syn-wrong{color:var(--text-muted);-webkit-text-decoration:line-through #8a6b4a8c;text-decoration:line-through #8a6b4a8c}.syn-wrong span{color:var(--accent-warm);font-family:var(--font-geist-sans);font-weight:800;text-decoration:none}.syn-right{color:var(--ink)}.syn-right span{color:var(--accent);font-family:var(--font-geist-sans);font-weight:800}.syn-related{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:0 28px;margin:0;display:grid}.syn-related>div{border-bottom:1px dashed var(--border);grid-template-columns:128px minmax(0,1fr);gap:14px;padding:13px 0;display:grid}.syn-related dt{color:var(--ink);font-size:14px;font-weight:760}.syn-related dd{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.syn-related dd span{color:var(--text);margin-top:4px;font-family:Georgia,Times New Roman,serif;font-size:15px;display:block}.syn-phrases{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.syn-phrases li{color:var(--text-muted);border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 0;font-size:14px;display:flex}.syn-phrases b{color:var(--ink);font-weight:760}.syn-quiz{gap:22px;display:grid}.syn-dashboard{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.syn-dashboard>div{border-right:1px solid var(--border);min-height:104px;padding:20px}.syn-dashboard>div:last-child{border-right:0}.syn-dashboard span{color:var(--accent);font:760 32px/1 var(--font-geist-mono);display:block}.syn-dashboard small{color:var(--text-muted);margin-top:14px;font-size:12px;display:block}.syn-mode-note{max-width:820px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.72}.syn-warning{color:#743611;background:#f7dfc8;border-radius:8px;margin:0;padding:12px 14px;font-size:13px;line-height:1.6}.syn-stage{background:var(--surface-raised);border:1px solid var(--border);border-radius:18px;gap:24px;padding:clamp(24px,3.6vw,38px);display:grid;box-shadow:0 12px 32px -24px #16283a4d}.syn-question-meta{color:var(--accent);font:740 11px/1.4 var(--font-geist-mono);letter-spacing:.08em;margin:0 0 14px}.syn-sentence{color:var(--ink);letter-spacing:-.01em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.8vw,32px);line-height:1.45}.syn-sentence b{color:var(--accent);border-bottom:2px solid var(--accent);padding:0 4px}.syn-blank{color:var(--accent);letter-spacing:-.08em;display:inline-block}.syn-prompt{color:var(--ink);margin:0;font-size:clamp(20px,2.4vw,26px);font-weight:760}.syn-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.syn-options.is-sentences{grid-template-columns:1fr}.syn-option{min-height:64px;color:var(--ink);background:var(--surface);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:12px;padding:16px 20px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:600;transition:border-color .15s,box-shadow .15s}.syn-options.is-sentences .syn-option{font-size:17px;font-weight:500;line-height:1.5}.syn-option:hover:not(:disabled){border-color:var(--accent);box-shadow:0 4px 14px #16283a0f}.syn-option:disabled{cursor:default}.syn-option:disabled:not(.is-answer):not(.is-wrong){opacity:.6}.syn-option.is-wrong{color:var(--text-muted);background:#17201f0d;border-style:dashed;text-decoration:line-through}.syn-option.is-answer{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.syn-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.syn-giveup{min-height:44px;color:var(--text-muted);border:1px solid var(--border);font:700 12px/1 var(--font-geist-sans);cursor:pointer;background:0 0;border-radius:999px;padding:11px 16px}.syn-actions p{color:#743611;margin:0;font-size:13px;font-weight:700}.syn-reveal{border-top:1px solid var(--border);gap:14px;padding-top:22px;display:grid}.syn-score{font:760 11px/1 var(--font-geist-mono);letter-spacing:.08em;border-radius:999px;justify-self:start;padding:7px 12px}.syn-score.score-2{color:#14442c;background:#14442c1a}.syn-score.score-1{color:#743611;background:#f7dfc8}.syn-score.score-0{color:#fff;background:var(--ink)}.syn-reveal-zh{color:var(--text);margin:0;font-size:15px}.syn-reveal-en{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;font-size:20px}.syn-why{max-width:780px;color:var(--text-muted);border-left:2px solid var(--accent-warm);margin:0;padding-left:14px;font-size:14px;line-height:1.75}.syn-reveal-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.syn-reveal-actions a,.syn-next{min-height:48px;font:740 13px/1 var(--font-geist-sans);cursor:pointer;border-radius:9px;align-items:center;gap:10px;padding:13px 20px;display:inline-flex}.syn-reveal-actions a{color:var(--ink);border:1px solid var(--border)}.syn-next{color:#fff;background:var(--ink);border:0}.syn-nav{grid-template-columns:1fr 1fr;gap:14px;width:min(1120px,100% - 40px);margin:0 auto 64px;display:grid}.syn-nav a{border:1px solid var(--border);border-radius:12px;gap:6px;padding:18px 20px;display:grid}.syn-nav a:last-child{text-align:right}.syn-nav small{color:var(--text-muted);font-size:12px}.syn-nav b{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-weight:600}.syn-footer{color:#ffffff9e;background:var(--ink);justify-content:space-between;align-items:center;gap:24px;padding:34px max(20px,50vw - 560px);font-size:12px;display:flex}.syn-footer span{color:#fff;font-weight:760}.syn-footer a{align-items:center;min-height:44px;display:inline-flex}@media (max-width:820px){.syn-dashboard{grid-template-columns:repeat(2,1fr)}.syn-dashboard>div:nth-child(2){border-right:0}.syn-dashboard>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.syn-options{grid-template-columns:1fr}}@media (max-width:560px){.syn-header,.syn-intro,.syn-detail-intro,.syn-content,.syn-detail,.syn-nav{width:min(100% - 32px,1120px)}.syn-header{min-height:66px}.syn-home-link{padding-inline:11px;font-size:11px}.syn-intro,.syn-detail-intro{padding-top:36px}.syn-examples li{grid-template-columns:1fr;gap:8px}.syn-related>div{grid-template-columns:1fr;gap:4px}.syn-stage{padding:22px 18px}.syn-reveal-actions a,.syn-next{flex:1;justify-content:center}.syn-nav{grid-template-columns:1fr}.syn-nav a:last-child{text-align:left}.syn-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.syn-card,.syn-option{transition:none}}