:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20243a;background:#f6f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#20243a;--muted:#85899b;--line:#e9eaf1;--purple:#6958d8;--purple-dark:#5343bd;--lav:#f0edff;--paper:#fff;--navy:#20243a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;padding:27px 19px 19px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:2}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);padding:0 9px 35px}.brand-mark{width:40px;height:40px;border-radius:13px;background:var(--lav);color:var(--purple);display:grid;place-items:center}.brand-mark svg{width:26px}.brand strong{display:block;font-size:18px;letter-spacing:-.4px}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.side-heading{display:flex;align-items:center;justify-content:space-between;color:#a0a2b0;font-weight:700;letter-spacing:1.15px;font-size:10px;padding:0 7px 11px}.icon-button{border:0;background:transparent;color:#9699a8;font-size:23px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;cursor:pointer}.icon-button:hover{background:#f1effc;color:var(--purple)}.subject-nav{display:grid;gap:5px}.subject-link{border:0;background:transparent;color:#5d6174;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:10px 11px;border-radius:10px;font:inherit;font-size:14px;cursor:pointer;transition:.15s}.subject-link:hover{background:#f7f6fc;color:var(--ink)}.subject-link.active{background:var(--lav);color:var(--purple-dark);font-weight:650}.subject-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:14px;background:#f1f2f8;flex:none}.subject-link.active .subject-icon{background:#fff}.subject-count{margin-left:auto;font-size:12px;color:#a2a4b1}.sidebar-bottom{margin-top:auto}.storage-note{border-top:1px solid var(--line);padding:19px 9px 14px;display:flex;gap:10px;align-items:center;color:#818597;font-size:12px;line-height:1.5}.storage-dot{height:8px;width:8px;border-radius:50%;background:#78c99a;box-shadow:0 0 0 3px #e8f7ee;flex:none}.text-button{border:0;background:transparent;color:#74788c;font:inherit;font-size:13px;padding:8px 9px;cursor:pointer}.text-button:hover{color:var(--purple)}.main-area{margin-left:264px;min-height:100vh}.topbar{height:77px;display:flex;align-items:center;gap:26px;padding:0 clamp(24px,5vw,68px);background:rgba(255,255,255,.72);border-bottom:1px solid var(--line)}.breadcrumbs{font-size:13px;color:#777b8e;flex:1;min-width:130px}.breadcrumbs button{padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.breadcrumbs strong{color:var(--ink);font-weight:600}.breadcrumbs .crumb-sep{padding:0 9px;color:#c0c1ca}.search-box{width:min(320px,36vw);height:39px;display:flex;align-items:center;gap:9px;background:#f4f5f9;border:1px solid #eff0f4;border-radius:9px;padding:0 10px;color:#999cad}.search-box svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:12px;color:var(--ink)}.search-box input::placeholder{color:#a1a4b2}.search-box kbd{font:10px inherit;border:1px solid #e2e3eb;border-radius:4px;padding:3px 4px;background:#fff;white-space:nowrap}.avatar{width:34px;height:34px;border:0;border-radius:50%;background:#e7e4ff;color:var(--purple-dark);font:600 13px inherit;cursor:default}.view{max-width:1080px;margin:0 auto;padding:43px clamp(24px,5vw,68px) 72px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px}.eyebrow{color:var(--purple);font-size:10px;font-weight:750;letter-spacing:1.35px}.welcome-row h1,.page-heading h1{font-size:clamp(27px,3vw,35px);letter-spacing:-1.2px;line-height:1.15;margin:9px 0 8px;font-weight:720}.welcome-row p,.page-heading p{color:#828698;margin:0;font-size:14px;line-height:1.6}.button{border:0;border-radius:9px;padding:11px 15px;font:600 13px inherit;cursor:pointer;transition:.15s;white-space:nowrap}.button-primary{background:var(--purple);color:white;box-shadow:0 5px 12px #6958d826}.button-primary:hover{background:var(--purple-dark);transform:translateY(-1px)}.button-quiet{background:#f2f2f7;color:#666a7e}.button-quiet:hover{background:#e9e9f1}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:37px}.stat-card{background:white;border:1px solid var(--line);border-radius:13px;padding:17px 19px;display:flex;align-items:center;gap:13px}.stat-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-size:18px;background:#f1efff}.stat-card:nth-child(2) .stat-icon{background:#eaf6f3}.stat-card:nth-child(3) .stat-icon{background:#fff4e8}.stat-number{font-size:21px;font-weight:700;letter-spacing:-.5px}.stat-label{font-size:12px;color:#898d9f;margin-top:2px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title h2{font-size:17px;letter-spacing:-.3px;margin:0}.section-title span{font-size:12px;color:#999cad}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.subject-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;cursor:pointer;transition:.18s;min-height:150px;position:relative}.subject-card:hover{border-color:#d5cff9;box-shadow:0 8px 24px #33304b0c;transform:translateY(-2px)}.card-band{height:5px;background:var(--card-color,#7969dd)}.subject-card-body{padding:17px 17px 15px}.card-top{display:flex;align-items:center;justify-content:space-between}.card-emoji{width:37px;height:37px;border-radius:11px;background:var(--card-tint,#f1efff);display:grid;place-items:center;font-size:19px}.more-button{border:0;background:transparent;color:#a1a3af;font-size:21px;width:30px;height:30px;cursor:pointer;border-radius:7px}.more-button:hover{background:#f4f3fa;color:var(--ink)}.subject-card h3{font-size:15px;margin:13px 0 4px;font-weight:650}.card-meta{font-size:12px;color:#9295a5}.subject-card-foot{border-top:1px solid #f1f1f5;margin-top:15px;padding-top:11px;display:flex;justify-content:space-between;color:#8d90a0;font-size:11px}.subject-card-foot b{color:#7061ce;font-weight:600}.empty-state{background:#fff;border:1px dashed #dcdde8;border-radius:14px;text-align:center;padding:54px 22px}.empty-icon{font-size:32px}.empty-state h3{margin:13px 0 5px}.empty-state p{margin:0 auto 18px;color:#888b9c;font-size:13px;max-width:360px;line-height:1.6}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-icon{display:flex;align-items:center;gap:14px}.large-subject-icon{width:54px;height:54px;border-radius:15px;background:var(--tint,#f1efff);display:grid;place-items:center;font-size:27px}.heading-actions{display:flex;gap:8px}.topic-list{display:grid;gap:12px}.topic-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px 20px;cursor:pointer;transition:.15s}.topic-card:hover{border-color:#d6d1f7;box-shadow:0 6px 20px #26213b09}.topic-card-row{display:flex;align-items:center;gap:14px}.topic-index{width:38px;height:38px;border-radius:11px;background:#f4f2ff;color:var(--purple);display:grid;place-items:center;font-size:13px;font-weight:700}.topic-card h3{font-size:15px;margin:0 0 4px}.topic-card p{font-size:12px;color:#8d90a0;margin:0}.topic-arrow{margin-left:auto;color:#b1b3bf;font-size:20px}.topic-card-foot{margin:14px 0 0 52px;color:#9699a8;font-size:11px}.paragraph-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;align-items:start}.paragraph-list{display:grid;gap:10px}.paragraph-row{display:flex;align-items:center;gap:14px;padding:16px 17px;background:#fff;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:.15s}.paragraph-row:hover{border-color:#d6d1f7}.paragraph-no{width:36px;height:36px;border-radius:10px;background:#f4f2ff;color:var(--purple);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.paragraph-row h3{font-size:14px;margin:0 0 5px}.paragraph-row p{font-size:12px;color:#8b8e9e;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.row-photo{margin-left:auto;color:#9699a8;font-size:16px}.study-tip{background:#eeecff;border-radius:13px;padding:18px;color:#534b8b;font-size:13px;line-height:1.65}.study-tip strong{display:block;font-size:13px;margin-bottom:5px}.study-tip p{margin:0}.article-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:clamp(22px,4vw,38px);max-width:790px}.article-card h2{font-size:25px;letter-spacing:-.6px;margin:0 0 12px}.article-summary{font-size:15px;color:#74788b;line-height:1.65;margin:0 0 24px}.article-image{width:100%;max-height:390px;object-fit:cover;border-radius:11px;margin:0 0 24px;background:#f4f4f8}.article-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.85;color:#41455a}.article-actions{display:flex;justify-content:flex-end;gap:8px;margin:18px 0 12px}.back-link{border:0;background:transparent;color:#777b8e;font:500 13px inherit;padding:0;margin:0 0 19px;cursor:pointer}.back-link:hover{color:var(--purple)}.editor-dialog{width:min(540px,calc(100% - 28px));max-height:88vh;padding:0;border:1px solid var(--line);border-radius:17px;box-shadow:0 24px 80px #1c19352b;color:var(--ink)}.editor-dialog::backdrop{background:#1e2035a1;backdrop-filter:blur(3px)}.editor-dialog form{padding:25px 27px 22px;max-height:88vh;overflow-y:auto}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.dialog-head h2{font-size:22px;letter-spacing:-.5px;margin:6px 0 0}.close-button{font-size:25px}.form-fields{display:grid;gap:15px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:650;color:#565a6e}.field input,.field textarea,.field select{border:1px solid #e3e4ed;border-radius:9px;padding:11px 12px;font-family:inherit;font-size:14px;color:var(--ink);outline:none;width:100%;background:#fff}.field input:focus,.field textarea:focus,.field select:focus{border-color:#9b8ee9;box-shadow:0 0 0 3px #6958d81c}.field textarea{resize:vertical;min-height:115px;line-height:1.55}.field small{font-size:11px;color:#979aaa;line-height:1.5}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field input[type=color]{height:41px;padding:5px}.upload-box{border:1px dashed #d9d9e5;border-radius:10px;padding:13px;background:#fafaff}.upload-box input{border:0;padding:0;font-size:12px}.image-preview{width:100%;max-height:170px;object-fit:cover;border-radius:8px;margin-top:10px;display:none}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.toast{position:fixed;z-index:10;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;border-radius:9px;background:#26283d;color:white;padding:12px 17px;font-size:13px;box-shadow:0 7px 25px #1112;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.search-results{display:grid;gap:10px}.search-result{padding:16px;background:#fff;border:1px solid var(--line);border-radius:11px;cursor:pointer}.search-result:hover{border-color:#d6d1f7}.search-result strong{font-size:14px}.search-result p{font-size:12px;color:#85899a;margin:5px 0 0}.search-result small{font-size:11px;color:#968ae1}.danger-action{color:#bf5264!important}
@media(max-width:1000px){.sidebar{width:226px}.main-area{margin-left:226px}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{gap:9px}.stat-card{padding:14px 12px}.paragraph-layout{grid-template-columns:1fr}.study-tip{order:-1}}@media(max-width:700px){.sidebar{position:sticky;top:0;width:auto;height:auto;inset:auto;display:block;padding:10px 14px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0;display:inline-flex}.brand-mark{width:35px;height:35px}.brand strong{font-size:16px}.brand small{font-size:11px}.side-heading,.sidebar-bottom{display:none}.subject-nav{display:flex;gap:6px;overflow-x:auto;padding:10px 0 1px;scrollbar-width:none}.subject-nav::-webkit-scrollbar{display:none}.subject-link{width:auto;white-space:nowrap;padding:7px 10px;font-size:12px;gap:7px;background:#f7f7fa}.subject-link.active{background:var(--lav)}.subject-link .subject-count{display:none}.subject-icon{width:21px;height:21px;font-size:12px}.main-area{margin-left:0}.topbar{height:58px;padding:0 17px;gap:12px}.breadcrumbs{display:none}.search-box{width:auto;flex:1}.search-box kbd{display:none}.avatar{flex:none}.view{padding:29px 17px 54px}.welcome-row{align-items:flex-start;flex-direction:column;margin-bottom:24px}.welcome-row h1,.page-heading h1{font-size:27px}.welcome-row .button{align-self:stretch}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:29px}.stat-card{padding:11px 8px;display:block;text-align:center}.stat-icon{width:30px;height:30px;font-size:15px;margin:0 auto 7px}.stat-number{font-size:18px}.stat-label{font-size:10px;line-height:1.25}.subject-grid{grid-template-columns:1fr}.subject-card{min-height:0}.subject-card-body{padding:14px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.heading-actions{width:100%}.heading-actions .button{flex:1}.page-icon{align-items:flex-start}.large-subject-icon{width:45px;height:45px;font-size:23px}.topic-card{padding:15px}.topic-card-foot{margin-left:0}.article-card{padding:21px 17px}.article-card h2{font-size:22px}.editor-dialog form{padding:22px 18px 18px}.color-row{grid-template-columns:1fr}.toast{width:max-content;max-width:calc(100vw - 32px);text-align:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){.sidebar-bottom{display:flex;align-items:center;gap:2px;margin-top:8px}.storage-note{display:none}.sidebar-bottom .text-button{font-size:12px;padding:5px 7px}.stat-label{font-size:12px}}
.system-banner{max-width:944px;margin:20px auto 0;padding:12px 16px;border:1px solid #f1d8a9;border-radius:11px;background:#fff8e8;color:#755921;font-size:13px;line-height:1.55}.system-banner[hidden]{display:none}.system-banner-info{border-color:#d9d5f7;background:#f3f1ff;color:#514887}.system-banner .text-button{color:inherit;text-decoration:underline;padding:2px 4px;font:600 13px inherit}.storage-dot-local{background:#e8a04e;box-shadow:0 0 0 3px #fff1dc}.account-button{flex:none}.auth-copy{margin:0;color:#777b8e;font-size:13px;line-height:1.65}
@media(max-width:700px){.account-button{font-size:11px;padding:9px 10px}#submitNotesButton{font-size:10px;padding:9px 8px}.system-banner{margin:12px 17px 0;font-size:12px}}
.search-box kbd{font-size:10px;font-family:inherit}.avatar{font-family:inherit;font-size:13px;font-weight:600}.button{font-family:inherit;font-size:13px;font-weight:600}.field input,.field textarea,.field select{font-family:inherit;font-size:14px}.back-link{font-family:inherit;font-size:13px;font-weight:500}
.submission-list{display:grid;gap:14px}.submission-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px}.submission-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#777b8e;font-size:12px}.submission-meta b{padding:0 6px;color:#b3b5c0}.submission-meta time{color:#999cad;white-space:nowrap}.submission-card h2{font-size:18px;letter-spacing:-.35px;margin:14px 0 8px}.submission-card .article-summary{font-size:13px;margin:0 0 14px}.submission-image{display:block;max-width:100%;max-height:320px;object-fit:contain;border-radius:10px;background:#f7f7fb;margin:12px 0 16px}.submission-card details{border-top:1px solid var(--line);padding-top:13px}.submission-card summary{color:var(--purple-dark);font-size:13px;font-weight:650;cursor:pointer}.submission-content{margin-top:12px;padding:14px;border-radius:9px;background:#f7f7fb;color:#41455a;font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.submission-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;margin-top:15px;border-top:1px solid var(--line)}
@media(max-width:700px){.submission-card{padding:16px}.submission-meta{align-items:flex-start;flex-direction:column;gap:5px}.submission-actions .button{flex:1}}
.article-actions{flex-wrap:wrap}.personal-section{margin-top:32px}.personal-list{display:grid;gap:7px}.personal-item{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 15px;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer}.personal-item:hover{border-color:#d6d1f7}.personal-item strong,.personal-item small{display:block}.personal-item strong{font-size:13px}.personal-item small{margin-top:4px;color:var(--muted);font-size:11px}.personal-status{color:var(--muted);font-size:11px;white-space:nowrap}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.content-tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#f1efff;color:var(--purple-dark);font-size:11px}.last-updated{margin:20px 0 0;color:var(--muted);font-size:11px}.change-history{margin-top:18px;padding-top:13px;border-top:1px solid var(--line)}.change-history summary{cursor:pointer;color:var(--purple-dark);font-size:12px;font-weight:650}.change-history article{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.change-history time,.change-history strong{display:block}.change-history time{color:var(--muted);font-size:11px}.change-history p{margin:5px 0;color:var(--muted)}.personal-note{max-width:790px;margin-top:18px;padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.personal-note textarea{width:100%;min-height:110px;padding:11px;border:1px solid #e3e4ed;border-radius:9px;font-family:inherit;font-size:14px;resize:vertical}.personal-note .button{margin-top:9px}.personal-note h2{font-size:15px}.report-message{margin:17px 0 0;padding:14px;border-radius:9px;background:#f7f7fb;white-space:pre-wrap;line-height:1.65}.report-resolved{display:inline-block;margin-top:14px;color:#3b8866;font-size:12px;font-weight:650}.csv-preview{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:10px}.csv-preview ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.csv-preview li{padding-bottom:8px;border-bottom:1px solid var(--line);font-size:12px}.csv-preview li:last-child{border:0}.csv-preview strong,.csv-preview small{display:block}.csv-preview small{margin-top:3px;color:var(--muted)}
@media(max-width:700px){.topbar{height:auto;min-height:58px;flex-wrap:wrap;padding:8px 12px;gap:6px}.topbar .search-box{min-width:120px;flex:1}.topbar .button{font-size:10px;padding:8px 7px}.topbar .account-button{font-size:9px;padding:8px 6px}.article-actions .button{font-size:11px;padding:8px 9px}.personal-item{align-items:flex-start;flex-direction:column}.personal-status{white-space:normal}}
@media print{body,.app-shell,.main-area,.view{background:#fff!important;color:#000!important}.sidebar,.topbar,.system-banner,.article-actions,.back-link,.personal-note,.toast{display:none!important}.main-area{margin:0!important}.view{max-width:none!important;padding:0!important}.article-card{max-width:none!important;border:0!important;padding:0!important;box-shadow:none!important}.article-body{font-size:12pt!important;line-height:1.5!important}.article-image{max-height:8in!important;object-fit:contain!important}.change-history{break-inside:avoid}}
.button-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 2px 6px #20243a0a}.button-google:hover{background:#fafaff;border-color:#d6d1f7}.button-google span{font-size:17px;font-weight:750;color:#4285f4}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--line)}
.button-donate{flex:none;background:#fff0f5;color:#b53f72;border:1px solid #f7d1e0;text-decoration:none}.button-donate:hover{background:#ffe3ee;color:#9d2d5d;transform:translateY(-1px)}.button-donate[hidden]{display:none}
.donate-please-dialog{width:min(440px,calc(100% - 28px));padding:0;border:1px solid #f3c7dc;border-radius:22px;background:linear-gradient(145deg,#fff5fa,#fff 58%,#ffeaf4);color:var(--ink);box-shadow:0 24px 90px #351b3538}.donate-please-dialog::backdrop{background:#24132d9c;backdrop-filter:blur(5px)}.donate-please-content{display:grid;justify-items:center;padding:25px 26px 23px;text-align:center}.donate-elephants{display:flex;align-items:center;justify-content:center;gap:8px;height:62px;margin-bottom:8px}.donate-elephants span{display:inline-block;font-size:39px;filter:brightness(0) saturate(100%) invert(49%) sepia(87%) saturate(1680%) hue-rotate(291deg) brightness(102%) contrast(101%);animation:elephant-dance .72s ease-in-out infinite alternate}.donate-elephants span:nth-child(2){font-size:48px;animation-delay:-.4s}.donate-elephants span:nth-child(3){animation-delay:-.2s}.donate-please-content>.eyebrow{margin:6px 0;color:#c04f87}.donate-please-content h2{margin:8px 0 10px;color:#a52d6a;font-size:24px;line-height:1.3}.donate-please-copy{margin:0 0 18px;color:#686276;font-size:14px;line-height:1.6}.donate-please-link{min-height:43px;margin-bottom:8px}.donate-dismiss{font-size:12px}.donate-please-dialog[open]{animation:donate-pop .2s ease-out}@keyframes donate-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:460px){.donate-please-content{padding:22px 18px}.donate-please-content h2{font-size:21px}}@media(prefers-reduced-motion:reduce){.donate-elephants span,.donate-please-dialog[open]{animation:none}}
.comments-panel,.quiz-card{max-width:790px;margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.comments-panel .section-title{margin-bottom:10px}.comment-form{display:grid;gap:9px;margin:15px 0}.comment-form textarea{width:100%;min-height:85px;padding:12px;border:1px solid #e3e4ed;border-radius:9px;font-family:inherit;font-size:14px;resize:vertical}.comment-form .button{justify-self:start}.comment-list{display:grid;gap:9px;margin-top:15px}.comment-card{padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#fcfcfe}.comment-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.comment-meta strong{color:var(--ink);font-size:12px}.comment-meta time{margin-right:auto}.comment-meta .text-button{font-size:11px}.comment-card p{margin:9px 0 0;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.quiz-card{margin:22px auto;padding:26px;max-width:700px}.quiz-card h1{font-size:26px}.quiz-card h2{font-size:19px;line-height:1.5;margin:24px 0 17px}.quiz-progress{margin-top:15px;color:var(--muted);font-size:12px}.quiz-options{display:grid;gap:9px}.quiz-option{width:100%;padding:13px 15px;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-family:inherit;font-size:14px;cursor:pointer}.quiz-option:not(:disabled):hover{border-color:var(--purple);background:#faf9ff}.quiz-option.correct{border-color:#78c3a2;background:#effaf4}.quiz-option.incorrect{border-color:#e59aa1;background:#fff2f3}.quiz-feedback{margin:15px 0;padding:12px;border-radius:9px;font-size:13px;line-height:1.6}.correct-text{background:#effaf4;color:#28734f}.incorrect-text{background:#fff2f3;color:#a03f4a}.quiz-score{font-size:21px;font-weight:700;color:var(--purple-dark)}.quiz-actions{display:flex;gap:9px;flex-wrap:wrap}.flashcard-face{display:grid;place-content:center;gap:10px;width:100%;min-height:180px;margin:12px 0;padding:20px;border:1px solid #dedaf8;border-radius:14px;background:#f8f7ff;color:var(--ink);text-align:center;cursor:pointer}.flashcard-face strong{font-size:19px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.flashcard-face small{color:var(--muted);font-size:11px}.flashcard-controls{display:flex;justify-content:space-between;gap:10px}.flashcard-controls button:disabled{opacity:.45;cursor:default}
@media(max-width:700px){.comments-panel,.quiz-card{padding:16px;margin:17px 0}.comment-meta{flex-wrap:wrap}.quiz-card h1{font-size:22px}}
.comment-notification-dialog{width:min(520px,calc(100% - 28px));padding:0;border:1px solid #f3cfe0;border-radius:22px;background:linear-gradient(145deg,#fff8fc,#fff 55%,#fff1f8);color:var(--ink);box-shadow:0 24px 90px #351b352e;overflow:hidden}.comment-notification-dialog::backdrop{background:#28182c9c;backdrop-filter:blur(5px)}.comment-notification-content{padding:27px 30px 25px;text-align:center}.dancing-elephants{display:flex;justify-content:center;align-items:flex-end;gap:5px;height:72px;margin:0 auto 7px}.dancing-elephants span{display:inline-block;font-size:41px;filter:brightness(0) saturate(100%) invert(49%) sepia(87%) saturate(1680%) hue-rotate(291deg) brightness(102%) contrast(101%);animation:elephant-dance .72s ease-in-out infinite alternate}.dancing-elephants span:nth-child(2){animation-delay:-.5s;font-size:48px}.dancing-elephants span:nth-child(3){animation-delay:-.25s;font-size:36px}.dancing-elephants span:nth-child(4){animation-delay:-.65s;font-size:44px}@keyframes elephant-dance{from{transform:translateY(5px) rotate(-13deg)}to{transform:translateY(-9px) rotate(13deg)}}.comment-notification-content>.eyebrow{margin:8px 0;color:#c04f87}.comment-notification-content h2{margin:8px 0 12px;color:#a52d6a;font-size:25px;line-height:1.25;animation:notification-blink 1s steps(2,start) infinite}@keyframes notification-blink{to{visibility:hidden}}.notification-summary{margin:0;color:#555269;font-size:14px;line-height:1.6}.notification-post{margin:13px 0 0;color:#a52d6a;font-size:12px;font-weight:700;line-height:1.5}.notification-preview{margin:10px 0 0;padding:11px 13px;border-left:3px solid #e88ab7;border-radius:0 9px 9px 0;background:#fff;color:#686276;font-size:13px;line-height:1.55;text-align:left;overflow-wrap:anywhere}.notification-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.notification-actions .button{min-height:42px}@media(max-width:480px){.comment-notification-content{padding:22px 18px 20px}.comment-notification-content h2{font-size:22px}.dancing-elephants{height:61px}.dancing-elephants span{font-size:35px}.dancing-elephants span:nth-child(2){font-size:41px}}@media(prefers-reduced-motion:reduce){.dancing-elephants span,.comment-notification-content h2{animation:none}}
body.elephant-mode{background:#ffe8f3}body.elephant-mode .app-shell{background:linear-gradient(135deg,#fff0f8,#ffdced 55%,#ffeef7)}body.elephant-mode .sidebar,body.elephant-mode .topbar,body.elephant-mode .subject-card,body.elephant-mode .topic-card,body.elephant-mode .paragraph-row,body.elephant-mode .article-card,body.elephant-mode .comments-panel,body.elephant-mode .personal-note{background-color:#fff7fb;border-color:#f4b8d4}.elephant-text,.elephant-logo{display:inline-block;filter:brightness(0) saturate(100%) invert(49%) sepia(87%) saturate(1680%) hue-rotate(291deg) brightness(102%) contrast(101%);animation:elephant-page-dance .75s ease-in-out infinite alternate}@keyframes elephant-page-dance{from{transform:translateY(2px) rotate(-9deg)}to{transform:translateY(-5px) rotate(9deg)}}.elephant-logo{font-size:28px}@media(prefers-reduced-motion:reduce){.elephant-text,.elephant-logo{animation:none}}
.additional-params{margin-top:18px;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:#fafaff}.additional-params>summary{cursor:pointer;color:var(--purple-dark);font-size:13px;font-weight:700}.additional-params>.auth-copy{margin:10px 0}.study-tool-option{display:flex;align-items:center;gap:10px;margin:10px 0;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.study-tool-option input{accent-color:var(--purple)}.study-tool-option strong,.study-tool-option small{display:block}.study-tool-option strong{font-size:13px}.study-tool-option small{margin-top:3px;color:var(--muted);font-size:11px}.study-tool-fields{padding:4px 10px 8px 27px}.study-tool-fields[hidden]{display:none}.study-tool-fields textarea[readonly]{min-height:90px;background:#f7f7fb}.submission-study-preview{margin-top:12px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:#fafaff}.submission-study-preview summary{cursor:pointer;color:var(--purple-dark);font-size:12px;font-weight:650}.submission-study-preview p{margin:8px 0 0;color:var(--muted);font-size:12px}
@media(max-width:700px){.study-tool-fields{padding-left:6px}.study-tool-option{padding:9px}}
.submission-study-preview pre{max-height:360px;overflow:auto;padding:12px;border-radius:8px;background:#fff;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.submission-study-preview h3{margin:13px 0 7px;font-size:13px}
.note-prompt-box{margin:15px 0;padding:16px;border:2px solid #d2ccff;border-radius:13px;background:#f8f7ff}.note-prompt-box h3{margin:0;color:var(--purple-dark);font-size:16px}.note-prompt-box>.auth-copy{margin:10px 0}.note-prompt-button{display:block;width:100%;min-height:58px;margin:13px 0;font-size:17px;letter-spacing:.04em}.note-prompt-box textarea[readonly]{min-height:150px;background:#fff;font-size:12px;line-height:1.55}.note-prompt-status{display:block;color:var(--purple-dark);line-height:1.5}