*{box-sizing:border-box}:root{--bg:#fdf5c8;--surface:#fdf8df;--surface-elevated:#f9edae;--surface-soft:#f3e090;--border:#111;--border-subtle:#c4b478;--text:#111;--muted:#6b6560;--accent:#ff6ec7;--accent-strong:#e04dac;--accent-soft:#ff9dd8;--primary:#ff6ec7;--secondary:#ffd951;--shadow:4px 4px 0 #111;--shadow-sm:2px 2px 0 #111;--danger-bg:#f9e8e4;--danger-border:#c0392b}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}main{max-width:960px;margin:0 auto;padding:24px;width:100%;flex:1 1}.card{background:var(--surface);border:2px solid var(--border);border-radius:0;padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}.row{display:flex;gap:10px;flex-wrap:wrap}.appNav{justify-content:space-between;gap:8px;padding:10px 16px;background:var(--surface);border:none;border-bottom:3px solid var(--border);border-radius:0;margin-bottom:0;box-shadow:none}.appNav,.appNavLinks{display:flex;align-items:center}.appNavLinks{gap:4px;flex-wrap:wrap;min-width:0}.appNavLinks a{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:5px 10px;border:2px solid transparent;color:var(--text);transition:border-color .1s,background .1s}.appNavLinks a:hover{border-color:var(--border);background:var(--surface-elevated)}.logoText{font-size:1.5rem;font-weight:900;color:var(--accent);letter-spacing:-.01em;line-height:1}.appFooter{width:100%;display:flex;border-top:3px solid var(--border);background:var(--surface)}.footerInner{max-width:960px;margin:0 auto;width:100%;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.footerWordmark{display:inline-flex;align-items:center;justify-content:center}.footerCopyright{color:var(--muted);font-size:13px;font-weight:600}.footerLinks{margin-left:auto;display:inline-flex;align-items:center;gap:14px;font-size:13px}.footerLinks a{color:var(--muted);font-weight:600}.footerLinks a:hover{color:var(--text)}.pageTitle{margin:0 0 4px;font-size:28px;font-weight:800;letter-spacing:-.01em}.pageSubtitle{margin:0 0 14px;color:var(--muted)}.lookupPanel{background:var(--surface)}.searchForm{align-items:stretch}button{border:2px solid var(--border);background:var(--surface-elevated);color:var(--text);border-radius:0;padding:10px 14px;cursor:pointer;font-weight:600;box-shadow:var(--shadow-sm);transition:transform .08s,box-shadow .08s}button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 #111}button:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.primaryButton{min-width:118px;font-weight:700;background:var(--accent);border:2px solid var(--border);color:#fff;box-shadow:var(--shadow-sm)}.primaryButton:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 #111;background:var(--accent-strong)}.primaryButton:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.primaryButton:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.dangerButton{border-color:var(--danger-border);background:var(--danger-border);color:#fff;box-shadow:2px 2px 0 #8e1c0d}.dangerButton:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 #8e1c0d}.subtleButton{background:var(--surface);border:2px solid var(--border-subtle);color:var(--muted);font-size:14px;padding:8px 12px;box-shadow:none}.subtleButton:hover:not(:disabled){border-color:var(--border);color:var(--text);box-shadow:var(--shadow-sm);transform:translate(-1px,-1px)}input,select{background:var(--surface);color:var(--text);border:2px solid var(--border);border-radius:0;padding:10px 12px;font-weight:500}input:focus,select:focus{outline:none;box-shadow:var(--shadow-sm)}.muted{color:var(--muted)}.searchBox{position:relative;display:inline-flex;align-items:center}.searchField{flex:1 1 520px;min-width:260px}.searchInput{width:100%;min-height:44px;font-size:15px;font-weight:600}.searchBox input{transition:box-shadow .1s}.searchBox input:focus{box-shadow:var(--shadow-sm);outline:none}.searchBox.isLoading input{opacity:.7;padding-left:36px;cursor:text}.searchSpinner{position:absolute;left:12px;width:14px;height:14px;border:2px solid var(--border-subtle);border-top-color:var(--border);border-radius:50%;animation:spin .8s linear infinite}.loadingMessage{text-align:center;color:var(--muted);font-size:.9rem;font-weight:600;margin:12px 0 4px;animation:fadeSlideIn .4s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.candidateChip,.recentChip{border-radius:0;padding:6px 12px;font-size:13px;font-weight:600;box-shadow:none}.recentChip{background:var(--surface);border-color:var(--border)}.candidateChip{background:var(--surface-elevated);border-color:var(--border)}.searchAnywayHint{margin-top:8px;font-size:13px;color:var(--muted)}.searchAnywayLink{background:none;border:none;padding:0;color:var(--accent);cursor:pointer;font-size:13px;font-weight:700;text-decoration:underline;box-shadow:none}.searchAnywayLink:hover{color:var(--accent-strong);transform:none;box-shadow:none}.resultPanel{padding-top:12px}.resultHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.infoTableWrap{margin-top:10px}.infoTableTitle{margin:8px 0 6px;color:var(--muted);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.8px}.infoTable{width:100%;border-collapse:separate;border-spacing:0;border:2px solid var(--border);border-radius:0;overflow:hidden}.infoTable td,.infoTable th{padding:8px 10px;border-bottom:1px solid var(--border-subtle);vertical-align:top}.infoTable tr:last-child td,.infoTable tr:last-child th{border-bottom:none}.infoTable th{width:170px;color:var(--muted);text-align:left;font-weight:700;background:var(--surface-elevated);text-transform:uppercase;font-size:11px;letter-spacing:.5px}.infoTable td{color:var(--text);background:var(--surface)}.autoCorrectNotice{margin:10px 0 14px;padding:10px 14px;border:2px solid var(--border);border-left:4px solid var(--accent);background:var(--surface-elevated);color:var(--text);border-radius:0;font-weight:600}.replaceNotice{margin:8px 0 12px;padding:9px 14px;border-left:2px solid var(--danger-border);border:2px solid var(--danger-border);border-left-width:4px;background:var(--danger-bg);color:var(--danger-border);border-radius:0}.selectableMeaning{cursor:pointer;border-radius:0;transition:transform .08s;position:relative}.selectableMeaning:hover{transform:translate(-1px,-1px)}.selectableMeaning.isSelected{border:2px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.selectableMeaning.isUnselected{border:2px solid var(--border-subtle);background:var(--surface-elevated);opacity:.55}.selectionBadge{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:0;border:2px solid transparent;text-transform:uppercase;letter-spacing:.5px}.selectionBadge.on{background:var(--secondary);border-color:var(--border);color:var(--text)}.selectionBadge.off{background:var(--surface-elevated);border-color:var(--border-subtle);color:var(--muted)}.deleteConfirmRow{margin-top:8px;padding:10px 12px;border:2px solid var(--danger-border);background:var(--danger-bg);border-radius:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vocabListItem{padding:10px 12px;border:2px solid var(--border);background:var(--surface-elevated);margin-bottom:8px;border-radius:0}.vocabListItem,.vocabListItem.isExpanded{box-shadow:var(--shadow)}.vocabStatsRow{margin:4px 0 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vocabStatChip{border-radius:0;border:2px solid var(--border);background:var(--surface-elevated);color:var(--muted);font-size:12px;font-weight:700;line-height:1;padding:4px 10px;text-transform:uppercase;letter-spacing:.3px}.vocabListHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.vocabListBody{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-subtle);display:block;gap:10px}.vocabSection{margin-bottom:14px}.vocabMeaningCard{margin-top:10px;margin-bottom:10px;border:1px solid var(--border-subtle);background:var(--surface-elevated);border-radius:0}.flashcardActions{margin-top:14px}.flashcardScreen{padding-top:12px}.flashcardHeader{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.flashcardTitle{margin:0;font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.01em}.flashcardProgress{margin:0;font-size:14px;font-weight:600;color:var(--muted)}.flashcardNavRow{margin-top:10px}.flashcardFrontStage{margin-top:22px;padding:40px 8px 16px;text-align:center;border:2px solid var(--border);background:var(--surface-elevated);box-shadow:var(--shadow)}.flashcardFrontWord{margin:0;font-size:clamp(38px,5vw,54px);font-weight:900;line-height:1.1;letter-spacing:-.02em}.flashcardPrimaryAction{justify-content:center}.flashcardBackHeader{margin-bottom:10px}.flashcardBackWord{margin:0;font-size:34px;font-weight:800;line-height:1.2}.flashcardBackTranslation{margin:8px 0 0;font-size:19px;color:var(--accent);font-weight:600}.flashcardScorePanel{margin-top:14px}.flashcardScoreHint{margin:0 0 8px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.flashcardScoreGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.flashcardScoreGrid button{width:100%}.scoreBtnBad{border-color:#c0392b;color:#c0392b;background:#f9e8e4;box-shadow:2px 2px 0 #c0392b}.scoreBtnBad:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 #c0392b}.scoreBtnOk{border-color:#c17d0a;color:#c17d0a;background:#f9edca;box-shadow:2px 2px 0 #c17d0a}.scoreBtnOk:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 #c17d0a}.scoreBtnGood{border-color:#2e7d32;color:#2e7d32;background:#e4f5e0;box-shadow:2px 2px 0 #2e7d32}.scoreBtnGood:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 #2e7d32}.levelChip{min-width:54px;text-align:center;border-radius:0;font-weight:700;border-color:var(--border)}.levelChip.isSelected{border-color:var(--border);background:var(--secondary);color:var(--text);box-shadow:var(--shadow-sm)}.relatedUsageList{max-height:220px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:0;padding:8px 10px;background:var(--surface-elevated)}.relatedUsageItem{margin:0;padding:6px 0;border-bottom:1px solid var(--border-subtle);word-break:break-word}.relatedUsageItem:last-child{border-bottom:none}.articleFilterChip{background:var(--surface);color:var(--muted);border:2px solid var(--border-subtle);border-radius:0;padding:5px 14px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:none;transition:transform .08s,box-shadow .08s,border-color .08s}.articleFilterChip:hover{transform:translate(-1px,-1px)}.articleFilterChip:hover,.articleFilterChipActive{border-color:var(--border);color:var(--text);box-shadow:var(--shadow-sm)}.articleFilterChipActive{background:var(--secondary)}.articleGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.articleCard{background:var(--surface);border:2px solid var(--border);border-radius:0;overflow:hidden;cursor:pointer;transition:transform .08s,box-shadow .08s;box-shadow:var(--shadow)}.articleCard:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #111}.articleCardImage{width:100%;height:160px;overflow:hidden;background:var(--surface-soft)}.articleCardImage img{width:100%;height:100%;object-fit:cover}.articleCardBody{padding:14px 16px}.articleCardTitle{margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.35;-webkit-line-clamp:2}.articleCardSnippet,.articleCardTitle{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.articleCardSnippet{margin:0 0 12px;font-size:13px;color:var(--muted);line-height:1.5;-webkit-line-clamp:3}.articleCardMeta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.articleTag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:0;text-transform:uppercase;letter-spacing:.5px;border:2px solid}.articleTagSource{border-color:var(--accent);background:rgba(255,110,199,.1);color:var(--accent)}.articleTagTheme{border-color:var(--border-subtle);background:transparent;color:var(--muted)}.articleCardDate,.articleCardWords{font-size:12px;font-weight:600;color:var(--muted)}.articleDetailImage{width:100%;max-height:400px;overflow:hidden;border-radius:0;margin-bottom:20px;background:var(--surface-soft);border:2px solid var(--border);box-shadow:var(--shadow)}.articleDetailImage img{width:100%;height:100%;object-fit:cover}.articleDetailTitle{margin:0 0 4px;font-size:28px;font-weight:800;line-height:1.25;letter-spacing:-.01em}.articleDetailTitleEn{margin:0 0 14px;font-size:17px;font-style:italic;color:var(--muted);line-height:1.4}.articleCardTitleEn{margin:-4px 0 6px;font-size:13px;font-style:italic;color:var(--muted);line-height:1.3}.articleDetailMeta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:24px}.articleDetailText{background:var(--surface);border:2px solid var(--border);border-radius:0;padding:24px;margin-bottom:24px;font-size:16px;line-height:1.8;box-shadow:var(--shadow)}.articleDetailText p{margin:0 0 16px}.articleDetailText p:last-child{margin-bottom:0}.articleLinkout{display:inline-block;margin-bottom:32px;text-decoration:none}.levelBadge{font-weight:700;letter-spacing:.5px;border-radius:0;border:2px solid}.levelBadge--A1,.levelBadge--A2{background:rgba(46,125,50,.1);color:#2e7d32;border-color:#2e7d32}.levelBadge--B1,.levelBadge--B2{background:rgba(193,125,10,.1);color:#c17d0a;border-color:#c17d0a}.levelBadge--C1,.levelBadge--C2{background:rgba(192,57,43,.1);color:#c0392b;border-color:#c0392b}.articleReaderHint{font-size:12px;color:var(--muted);margin:0 0 10px;font-style:italic;font-weight:500;letter-spacing:.2px}.articleReader,.sentenceWrap{position:relative}.sentenceWrap{display:inline}.articleSentence{display:inline;cursor:default;border-radius:0;transition:background .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.articleSentence:hover,.articleSentenceActive{background:rgba(255,217,81,.25)}.wordClickable{cursor:pointer;border-radius:0;transition:background .1s,color .1s;touch-action:manipulation}.wordClickable:hover{background:rgba(255,217,81,.35);color:var(--text)}.wordClickableLexemeActive{background:rgba(255,217,81,.45);color:var(--text)}.sentenceTooltip{display:block;background:var(--surface-elevated);border:2px solid var(--border);border-left:4px solid var(--accent);border-radius:0;padding:8px 12px;margin:4px 0 8px;font-size:14px;line-height:1.5;color:var(--muted);font-style:italic;animation:tooltipFadeIn .12s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sentencePopover{position:absolute;z-index:90;background:var(--surface);border:2px solid var(--border);border-left:4px solid var(--accent);border-radius:0;padding:0;min-width:280px;max-width:480px;box-shadow:var(--shadow);animation:tooltipFadeIn .12s ease}.sentencePopoverHeader{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--border-subtle)}.sentencePopoverText{padding:10px 12px;margin:0;font-size:14px;line-height:1.5;color:var(--muted);font-style:italic}.wordPopover{position:absolute;z-index:100;background:var(--surface);border:2px solid var(--border);border-radius:0;padding:0;min-width:260px;max-width:360px;box-shadow:var(--shadow);animation:tooltipFadeIn .12s ease}.wordPopoverHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-subtle);font-size:16px;font-weight:700}.wordPopoverClose{background:none;border:2px solid transparent;color:var(--muted);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:0;box-shadow:none;transition:border-color .1s}.wordPopoverClose:hover{border-color:var(--border);color:var(--text);transform:none;box-shadow:none}.wordPopoverBody{padding:10px 14px;font-size:14px}.wordPopoverMeaning{display:flex;gap:8px;align-items:baseline;margin-bottom:6px}.wordPopoverPos{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted);white-space:nowrap;letter-spacing:.5px}.wordPopoverEn{color:var(--text)}.wordPopoverSavedBadge{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--accent);letter-spacing:.5px}.wordPopoverGrammar{font-size:12px;font-style:italic;color:var(--muted);font-weight:500;margin-left:6px}.wordPopoverToggle{display:block;background:none;border:none;color:var(--accent);font-size:12px;font-weight:700;cursor:pointer;padding:4px 0 0;margin:0;box-shadow:none}.wordPopoverToggle:hover{text-decoration:underline;transform:none;box-shadow:none}.wordPopoverActions{display:flex;gap:8px;margin-top:10px}.wordPopoverAction{flex:1 1;padding:7px 10px;font-size:12px;font-weight:700;border-radius:0;border:2px solid var(--border);background:var(--surface-elevated);color:var(--text);cursor:pointer;box-shadow:none;transition:transform .08s,box-shadow .08s}.wordPopoverAction:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--shadow-sm)}.wordPopoverAction:disabled{opacity:.4;cursor:default}.wordPopoverActionPrimary{background:var(--accent);border-color:var(--border);color:#fff}.wordPopoverActionPrimary:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--shadow-sm);background:var(--accent-strong)}.wordPopoverActionDanger{border-color:var(--danger-border);color:var(--danger-border)}.wordPopoverActionDanger:hover:not(:disabled){transform:translate(-1px,-1px);background:var(--danger-bg);box-shadow:2px 2px 0 var(--danger-border)}@media (max-width:600px){.sentencePopover{border-left:2px solid var(--border);border-top:4px solid var(--accent)}.sentencePopover,.wordPopover{position:fixed!important;top:auto!important;bottom:0;left:0!important;right:0;width:100%;max-width:100%;min-width:unset;border-radius:16px 16px 0 0;animation:slideUp .2s ease}.wordPopover{border-top:4px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0)}.wordPopoverActions{flex-direction:column}.wordPopoverAction{padding:12px;font-size:14px}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.navSignOut{margin-left:auto;background:none;border:2px solid var(--border-subtle);color:var(--muted);border-radius:0;padding:4px 10px;font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:none}.navSignOut:hover{color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm);transform:translate(-1px,-1px)}.loginPage{justify-content:center;min-height:70vh;padding:2rem 1rem}.loginCard,.loginPage{display:flex;align-items:center}.loginCard{flex-direction:column;padding:3rem 2.5rem;max-width:400px;width:100%;text-align:center;gap:.75rem;border:2px solid var(--border);box-shadow:var(--shadow);background:var(--surface)}.loginTitle{font-size:1.6rem;font-weight:900;margin:0 0 .25rem;color:var(--text);letter-spacing:-.02em}.loginSubtitle{color:var(--muted);font-size:.9rem;margin:0 0 1.5rem;line-height:1.5;max-width:280px}.googleSignInButton{display:flex;align-items:center;gap:10px;background:#fff;color:#111;border:2px solid #111;border-radius:0;padding:10px 20px;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:3px 3px 0 #111;transition:transform .08s,box-shadow .08s;white-space:nowrap}.googleSignInButton:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #111}.googleSignInButton:active{transform:translate(2px,2px);box-shadow:none}.landingPage{max-width:960px;margin:0 auto;padding:3rem 1.5rem 5rem}.landingHero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;margin-bottom:5rem}.landingHeadline{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;margin:0;line-height:1.1;color:var(--text);letter-spacing:-.02em}.landingSubtitle{font-size:1.05rem;color:var(--muted);max-width:500px;margin:0;line-height:1.65}.landingCta{margin-top:.75rem}.landingFeatureSections{display:flex;flex-direction:column;gap:4rem}.landingSection{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center}.landingSectionReverse{direction:rtl}.landingSectionReverse>*{direction:ltr}.landingSectionLabel{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:.75rem;border-bottom:2px solid var(--accent);padding-bottom:2px}.landingSectionHeadline{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;margin:0 0 .75rem;line-height:1.2;color:var(--text);letter-spacing:-.01em}.landingSectionDesc{font-size:.95rem;color:var(--muted);line-height:1.65;margin:0}.landingPreviewCard{background:var(--surface);border:2px solid var(--border);border-radius:0;padding:1.25rem;font-size:14px;box-shadow:var(--shadow);pointer-events:none}.lpArticleMeta{display:flex;gap:6px;margin-bottom:10px}.lpTag{font-size:10px;font-weight:700;padding:3px 8px;border-radius:0;border:2px solid var(--accent);background:rgba(255,110,199,.08);color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.lpTagLevel{border-color:#2e7d32;background:rgba(46,125,50,.08);color:#2e7d32}.lpArticleTitle{font-size:13px;font-weight:700;margin:0 0 10px;color:var(--text)}.lpArticleBody{font-size:13px;line-height:1.75;color:var(--muted)}.lpWord{border-bottom:2px dashed var(--accent);padding-bottom:1px}.lpWordHighlight{background:rgba(255,217,81,.45);color:var(--text);border-bottom:none;padding:1px 3px;font-weight:700}.lpHint{margin-top:10px;font-size:11px;color:var(--muted);font-style:italic;font-weight:500}.lpSearchBar{display:flex;align-items:center;gap:8px;background:var(--surface-elevated);border:2px solid var(--border);border-radius:0;padding:8px 12px;margin-bottom:12px}.lpSearchIcon{font-size:13px}.lpSearchText{font-size:14px;color:var(--text);font-weight:700}.lpEntry{display:flex;flex-direction:column;gap:4px}.lpEntryWord{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.01em}.lpEntryPos{font-size:10px;font-weight:700;color:var(--muted);margin-left:6px;text-transform:uppercase;letter-spacing:.5px}.lpEntryGloss{font-size:13px;color:var(--accent);font-weight:600}.lpEntryGrammar{font-size:11px;color:var(--muted);font-style:italic;margin-top:2px}.lpSaveBtn{margin-top:10px;align-self:flex-start;font-size:12px;font-weight:700;padding:6px 12px;background:var(--accent);border:2px solid var(--border);border-radius:0;color:#fff;cursor:default;box-shadow:2px 2px 0 #111}.lpQuizCard{display:flex;flex-direction:column;gap:12px}.lpQuizLevel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.lpFlashcard{background:var(--surface-elevated);border:2px solid var(--border);border-radius:0;padding:1.5rem 1rem;text-align:center}.lpFlashcardWord{font-size:28px;font-weight:900;color:var(--text);margin-bottom:6px;letter-spacing:-.02em}.lpFlashcardHint{font-size:12px;color:var(--muted);font-style:italic;font-weight:500}.lpScoreRow{display:flex;gap:8px}.lpScoreBtn{flex:1 1;font-size:12px;font-weight:700;padding:8px 4px;border-radius:0;border:2px solid var(--border-subtle);cursor:default;color:var(--muted);background:var(--surface-elevated)}.lpScoreBtnGood{background:rgba(46,125,50,.08);border-color:#2e7d32;color:#2e7d32}.lpScoreBtnOk{background:rgba(193,125,10,.08);border-color:#c17d0a;color:#c17d0a}.profileDropdownContainer{position:relative;flex-shrink:0}.profileButton{width:36px;height:36px;border-radius:0;background:var(--accent);color:#fff;border:2px solid var(--border);cursor:pointer;font-size:.875rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:transform .08s,box-shadow .08s}.profileButton:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #111}.profileDropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:2px solid var(--border);border-radius:0;box-shadow:var(--shadow);padding:14px;min-width:210px;z-index:1000;animation:fadeSlideIn .15s ease}.profileDropdownName{font-weight:700;font-size:.95rem;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profileDropdownEmail{font-size:.8rem;color:var(--muted);margin-bottom:14px;word-break:break-all}.profileDropdownSignOut{width:100%;padding:8px;background:transparent;color:var(--muted);border:2px solid var(--border-subtle);border-radius:0;cursor:pointer;font-size:.875rem;font-weight:700;box-shadow:none;transition:transform .08s,border-color .08s}.profileDropdownSignOut:hover{color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm);transform:translate(-1px,-1px)}@media (max-width:480px){.appNav{padding:8px 12px;gap:6px}.appNavLinks{gap:4px}.appNavLinks a{font-size:.72rem;padding:4px 7px}.profileButton{width:32px;height:32px;font-size:.75rem}.profileDropdown{right:-4px;min-width:190px}}@media (max-width:720px){main{padding:16px}.landingPage{padding:2.5rem 1rem 4rem}.landingFeatureSections{gap:2.5rem}.landingSection{grid-template-columns:1fr;gap:1.5rem}.landingSectionReverse{direction:ltr}.landingPreviewCard{padding:1rem}.lpFlashcardWord{font-size:22px}}.startPage{max-width:960px;margin:0 auto;padding:3rem 0 5rem}.startHero{text-align:center;margin-bottom:5rem;padding:0 1rem}.startHeadline{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900;margin:.5rem 0 1rem;line-height:1.1;letter-spacing:-.02em}.startSubtitle{font-size:1.05rem;color:var(--muted);max-width:500px;margin:0 auto;line-height:1.65}.startStepLabel{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:2px;margin-bottom:.75rem}.startStep{position:relative;padding:3rem 0;border-top:2px solid var(--border)}.startStepAlt .startStepLayout{direction:rtl}.startStepAlt .startStepLayout>*{direction:ltr}.startStepNumber{position:absolute;top:-1.1rem;left:0;font-size:.8rem;font-weight:900;background:var(--secondary);border:2px solid var(--border);padding:2px 10px;letter-spacing:1px;color:var(--text)}.startStepLayout{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center}.startStepHeadline{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;margin:0 0 1rem;line-height:1.2;letter-spacing:-.01em}.startStepDesc{font-size:.95rem;color:var(--muted);line-height:1.7;margin:0 0 .75rem}.startStepDesc strong{color:var(--text);font-weight:700}.startStepDesc em{color:var(--text);font-style:italic}.startCta{margin-top:5rem;border:2px solid var(--border);background:var(--surface);box-shadow:var(--shadow);padding:3rem 2rem;text-align:center}.startCtaHeadline{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;margin:0 0 .75rem;letter-spacing:-.02em}.startCtaDesc{color:var(--muted);font-size:1rem;margin:0 0 2rem;line-height:1.6}.startCtaButtons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width:720px){.startPage{padding:2rem 0 4rem}.startHero{margin-bottom:3rem}.startStepLayout{grid-template-columns:1fr;gap:1.5rem}.startStepAlt .startStepLayout{direction:ltr}.startStep{padding:2.5rem 0}.startCta{padding:2rem 1.25rem}}[data-theme=dark]{--bg:#1c1a0e;--surface:#252310;--surface-elevated:#2e2b14;--surface-soft:#38341a;--border:#c4b478;--border-subtle:#3a3620;--text:#fdf5c8;--muted:#9a8e60;--accent:#ff6ec7;--accent-strong:#e04dac;--accent-soft:#ff9dd8;--primary:#ff6ec7;--secondary:#ffd951;--shadow:4px 4px 0 #000;--shadow-sm:2px 2px 0 #000;--danger-bg:#2a1210;--danger-border:#e05040}[data-theme=dark] .scoreBtnBad{background:#2a1008}[data-theme=dark] .scoreBtnOk{background:#251a00}[data-theme=dark] .scoreBtnGood{background:#0a1e0a}[data-theme=dark] .googleSignInButton{background:var(--surface-elevated);color:var(--text);border-color:var(--border)}[data-theme=dark] .articleCard,[data-theme=dark] .landingPreviewCard,[data-theme=dark] .loginCard,[data-theme=dark] .profileDropdown,[data-theme=dark] .sentencePopover,[data-theme=dark] .startCta,[data-theme=dark] .wordPopover{background:var(--surface)}