.appLayout{height:100dvh;display:grid;grid-template-columns:1fr 1.4fr 1fr;grid-template-rows:40px 1fr 0px;grid-column-gap:12px;grid-row-gap:0px;padding:12px;box-sizing:border-box;background:var(--bg)}.globalHeader{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;margin-bottom:12px}.globalHeaderRight{display:flex;align-items:center;gap:8px}.globalHeaderUser{color:var(--muted);font-size:13px;max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.globalHeaderPill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:0;background:#ffffff0a;color:var(--muted);font-size:12px}.globalHeaderAction{appearance:none;border:0;background:transparent;padding:0;color:var(--accent-2);font-size:13px;cursor:pointer}.globalHeaderAction:hover{text-decoration:underline}.globalHeaderAction:disabled{opacity:.55;cursor:not-allowed;text-decoration:none}.globalHeaderTitle{font-size:24px;font-weight:800;letter-spacing:.02em;display:flex;align-items:center;gap:0;line-height:1}.globalHeaderAsterisk{margin-left:2px;color:var(--accent);line-height:1}.globalHeaderSubtitle{margin-left:10px;font-size:13px;font-weight:600;letter-spacing:0;color:var(--muted);line-height:1;position:relative;top:1px}.globalHeaderBrand{display:flex;align-items:center;gap:10px;min-width:0}.brandMark{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:50px;font-weight:900;line-height:1;color:var(--accent);transform:translateY(7px)}.brandText{display:flex;flex-direction:column;line-height:1}.brandTitle{font-size:20px;font-weight:800;letter-spacing:.02em;line-height:1}.brandSubtitle{margin-top:2px;font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0}.panelGrid{display:grid;grid-template-rows:auto minmax(0,1fr) 0px;gap:0}.panelGridHeader{font-weight:700;padding:12px 12px 4px;margin-bottom:0;top:0;z-index:2;background:var(--panel);position:sticky}.panelGridHeader:after{content:"";position:absolute;left:0;right:0;top:100%;height:0px;background:linear-gradient(to bottom,color-mix(in srgb,var(--panel) 65%,transparent) 0%,color-mix(in srgb,var(--panel) 55%,transparent) 50%,transparent 100%);pointer-events:none;margin-right:10px}.panelGridContent{min-height:0;overflow:auto;padding:0 12px 12px}.panelGridFooter{height:0}.panel{border:1px solid var(--border);border-radius:12px;background:var(--panel);overflow:hidden;padding:0}.panelHeader{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;margin-top:6px}.filtersRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.input,.select,.textarea,.button{width:100%;box-sizing:border-box;font-size:14px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text)}.input::placeholder,.textarea::placeholder{color:var(--muted)}.textarea{resize:none;overflow-y:auto}.button{cursor:pointer;background:#172554;border-color:#1d4ed8}.button:disabled{opacity:.55;cursor:not-allowed}.sentenceList{display:flex;flex-direction:column;gap:0}.sentenceItem{text-align:left;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;cursor:pointer;color:var(--text);margin:12px 0}.sentenceItem:hover{border-color:#60a5fa99}.sentenceItemActive{border-color:var(--accent);background:#60a5fa1f}.sentenceHighlight{background:#60a5fa38;color:var(--text);border-radius:6px;padding:0 4px}.accordionControls{display:flex;gap:12px;align-items:center;margin-top:6px}.linkBtn{background:transparent;border:0;padding:0;color:var(--accent-2);cursor:pointer;font-size:13px}.linkBtn:hover{text-decoration:underline}.groupHeader{margin-top:10px;margin-bottom:6px}.groupHeaderBtn{width:100%;text-align:left;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:#60a5fa12;color:var(--accent-2);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:650}.groupHeaderBtn:hover{border-color:#60a5fa99;background:#60a5fa1a}.groupHeaderLeft{display:flex;align-items:center;gap:8px}.countBadge{color:var(--muted);font-size:12px;font-weight:500}.chevron{width:12px;height:12px;position:relative;flex:0 0 12px;opacity:.9;transform-origin:50% 50%}.chevron:before,.chevron:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:2px;background:var(--accent-2);border-radius:2px;transform-origin:center}.chevron:before{transform:translate(-50%,-50%) rotate(45deg) translate(-2px,2px)}.chevron:after{transform:translate(-50%,-50%) rotate(-45deg) translate(2px,2px)}.chevronDown{transform:rotate(0)}.chevronRight{transform:rotate(-90deg)}.tierHeader{margin:6px 0 8px;text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted)}.groupHeader+div .sentenceItem:first-child{margin-top:8px}.analysisSection{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.analysisTitleRow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.analysisTitle{font-size:14px;font-weight:700;color:var(--text)}.analysisHint{font-size:12px;color:var(--muted)}.kvRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-size:12px}.card{border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:10px 12px;margin-top:10px}.cardTitleRow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.cardTitle{font-weight:700}.cardMeta{color:var(--muted);font-size:12px}.list{margin:0;padding-left:18px;color:var(--text)}.muted{color:var(--muted)}.small{font-size:12px}.composer{margin-top:6px;display:flex;flex-direction:column;gap:10px}.composerShell{border-radius:12px;border:1px solid var(--border);background:var(--panel-2);overflow:hidden}.textareaWrap{position:relative}.textareaBare{border:0;background:transparent}.composerToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-top:1px solid var(--border);background:#ffffff05}.composerLeft,.composerRight{display:flex;align-items:center;gap:10px}.composerLeft{flex-wrap:nowrap}.composerRight{margin-left:12px}.composerField{display:flex;flex-direction:column;gap:4px}.composerLabel{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.selectCompact{padding:6px 10px;font-size:12px;border-radius:8px;min-width:110px}.iconBtn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--accent-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1}.iconBtn svg{width:16px;height:16px}.iconBtnGhost{background:#ffffff05}.iconBtnPrimary{width:40px;height:40px;border-radius:12px;background:#1d4ed8;border-color:#1d4ed8;color:#fff}.iconBtnPrimary svg{width:18px;height:18px}.iconBtnTiny svg{width:14px;height:14px}.iconBtnActive{border-color:#60a5fae6;color:#bfdbfe}.composerAnalyze{margin-left:12px}.iconBtn:hover{border-color:#60a5fa99}.iconBtn:disabled{opacity:.45;cursor:not-allowed}.iconBtnPrimary:disabled{background:#1e3a8a;border-color:#1e3a8a;color:#ffffffb3}.tabsRow{display:flex;gap:8px;margin-top:12px}.tabBtn{flex:1;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);cursor:pointer;font-size:13px}.tabBtnActive{border-color:#60a5fa8c;background:#60a5fa1a;color:var(--text)}.exerciseBlock{margin-top:12px}.exerciseHint{color:var(--muted);font-size:13px;line-height:1.35;margin-top:12px}.exerciseActions{display:flex;gap:8px;margin-top:10px}.smallBtn{flex:1;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--text);cursor:pointer;font-size:13px}.smallBtn:disabled{opacity:.55;cursor:not-allowed}.resultBoxOk{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(34,197,94,.45);background:#22c55e1a}.resultBoxBad{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(248,113,113,.55);background:#f8717114}.resultTitle{font-weight:700;margin-bottom:6px}.diffBlock{margin-top:10px}.diffHeader{margin-top:10px;margin-bottom:6px;font-weight:700;font-size:12px;color:var(--muted);text-transform:none;letter-spacing:0}.diffLine{display:flex;flex-wrap:wrap;gap:6px;line-height:1.6}.diffWord{padding:2px 6px;border-radius:8px;border:1px solid transparent;background:#ffffff05}.diffOk{color:var(--text);border-color:#22c55e59;background:#22c55e1a}.diffDel{color:var(--text);border-color:#f8717173;background:#f871711a;text-decoration:line-through}.diffIns{color:var(--text);border-color:#60a5fa73;background:#60a5fa1a}.exercisesPanel{display:block}.exercisesContent{overflow:visible;min-height:auto}.checkboxRow{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}.blurPanel{position:relative;overflow:hidden}.blurPanelLocked{-webkit-user-select:none;user-select:none;pointer-events:none}.blurPanel>*{filter:blur(7px)}.blurPanel:after{content:"";position:absolute;inset:0;border-radius:12px;background:#0b0f172e;pointer-events:none}.textareaWrapBlurred .textarea{filter:blur(7px);scrollbar-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}.textareaWrapBlurred .textarea::-webkit-scrollbar{width:0;height:0}.textareaOverlay{position:absolute;inset:2px;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px 48px;color:var(--muted);font-size:13px;line-height:1.35;pointer-events:none}.exerciseTopRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.exerciseRow{display:flex;align-items:center;gap:12px}.rateRow{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.rateLabel{color:var(--muted);font-size:12px}.rateBtn{padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--text);cursor:pointer;font-size:12px}.rateBtnActive{border-color:#60a5fa8c;background:#60a5fa1a}.rateBtn:disabled{opacity:.55;cursor:not-allowed}.checkboxRowTight{font-size:12px}.exercisePreview{margin-top:10px;border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:10px 12px}.exercisePreviewLabel{color:var(--muted);font-size:12px;margin-bottom:6px}.exercisePreviewText{color:var(--text);line-height:1.4}.sentenceItemBlurred{filter:blur(7px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.85}.sentenceItemBlurred:after{content:"";position:absolute;inset:0;border-radius:10px;background:#0b0f171f;pointer-events:none}.sentenceItem{position:relative}.input:focus,.select:focus,.textarea:focus,.button:focus,.smallBtn:focus,.rateBtn:focus,.tabBtn:focus,.iconBtn:focus{outline:none}.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.button:focus-visible,.smallBtn:focus-visible,.rateBtn:focus-visible,.tabBtn:focus-visible,.iconBtn:focus-visible{outline:none;box-shadow:0 0 0 2px #60a5fa73 inset;border-color:#60a5fa8c}.input,.select,.textarea,.button,.smallBtn,.rateBtn,.tabBtn,.iconBtn{background-clip:padding-box}.tabsRow{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.tabBtn{padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);cursor:pointer;font-size:13px;flex:1 1 calc(50% - 4px)}.tabBtnActive{border-color:#60a5fa8c;background:#60a5fa1a;color:var(--accent-2);font-weight:650}.warnBox{margin-top:14px;padding:12px;border:1px solid rgba(251,191,36,.35);background:#fbbf241a;border-radius:10px}.warnTitle{font-weight:700;color:#fde68a;margin-bottom:6px;background:transparent}.warnMsg{color:#fcd34d;line-height:1.35;white-space:pre-wrap;background:transparent}.errorBox{margin-top:14px;padding:12px;border:1px solid rgba(248,113,113,.35);background:#f8717114;border-radius:10px}.errorTitle{font-weight:700;color:#fecaca;margin-bottom:6px}.errorMsg{color:#fca5a5;line-height:1.35;white-space:pre-wrap}.iconBtnTiny{width:26px;height:26px;border-radius:8px}.iconBtn .material-symbols-outlined{font-size:18px;line-height:1;display:block;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}.iconBtnBare{border:0;background:transparent}.iconBtnBare:hover{border-color:transparent;background:#ffffff08}.headerSpacerBtn{visibility:hidden;pointer-events:none}@media(max-width:420px){.tabBtn{flex-basis:100%}}@media(max-width:580px){.composerToolbar{flex-direction:column}.brandTitle{display:none}}@media(max-width:720px){.composerToolbar{align-items:stretch}.composerRight{justify-content:flex-end}.brandSubtitle,.globalHeaderSubtitle{display:none}}@media(max-width:980px){.appLayout{grid-template-columns:1fr;height:auto;min-height:100dvh}.globalHeader{position:sticky;top:0;z-index:10;background:var(--bg)}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0b0f17;--panel: #111827;--panel-2: #0f172a;--border: #243044;--text: #e5e7eb;--muted: #a7b0bf;--accent: #60a5fa;--accent-2: #93c5fd;--danger: #f87171}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 2px #60a5fa59}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}