#classdesk[hidden],#classdesk [hidden]{display:none!important}
.classdeskactive>aside{display:none}.classdeskactive main{margin-left:0;max-width:1700px;margin-right:auto;padding:24px 30px}.classdeskactive .notebookwelcome,.classdeskactive #notesbar,.classdeskactive #cards,.classdeskactive #privacybanner{display:none!important}
.classheading{display:flex;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.classheading h1{font:32px/1.2 Georgia;margin:0 0 5px}.classheading p{margin:0;font-size:13px;color:#7a8275}.classheading #classhome{background:transparent;border:0;padding-left:0}.classheading #classfocus{font-size:12px}.classsave{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:11px}.classsave span{max-width:240px;overflow-wrap:anywhere}.classsave button{font-size:12px}
.classtabs{display:flex;gap:22px;border-bottom:1px solid #dbe1d4;margin-bottom:20px}.classtabs button{border:0;border-radius:0;padding:12px 10px;background:transparent;font-size:15px}.classtabs button[aria-pressed=true]{border-bottom:3px solid #355d4b;font-weight:600}
#classdesk .editorlayout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;margin-top:0}#classdesk .editorlayout.withrecall{grid-template-columns:180px minmax(0,1fr) 220px}
#classdesk .workspace{border:0;background:transparent;overflow:visible;box-shadow:none;min-width:0}#classdesk .notehead{padding:0 0 12px;display:flex;flex-wrap:wrap;gap:9px;align-items:center;border:0}#classdesk .notehead #noteback{display:none}#classdesk .notetitlelabel{display:block;font-size:9px;letter-spacing:1.4px;color:#7a8472;width:100%;margin:0}#classdesk .notehead #title{font:25px Georgia!important;width:auto;min-width:180px;flex:1;padding:10px 12px;margin:0;height:auto;border:1px solid #ced8c4;border-radius:8px;background:#fffefa}#classdesk .notemeta{margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px}#classdesk .notemeta #status{display:none}#classdesk .shareentry{display:block}#classdesk .livesharehint{display:none}#classdesk .noteactions{gap:7px;align-items:center}#classdesk .noteactions button{font-size:12px;padding:8px 11px}
#classdesk .tools{border:1px solid #dce3d6;border-radius:10px;background:#fffefa;padding:10px;gap:9px;margin-bottom:12px;display:flex;flex-wrap:wrap;align-items:center}#classdesk .toolsection{padding:0;border:0;min-width:0;flex:none}#classdesk .toollabel{display:none}#classdesk .tools button{font-size:12px;padding:8px 10px}#classdesk .writingtools,#classdesk .textsettings,#classdesk .inksettings,#classdesk .pagesettings{display:flex;gap:6px;flex-wrap:wrap;align-items:center}#classdesk .textsettings label{font-size:10px}#classdesk .tools select{font-size:11px;padding:7px}#classdesk .pagesection{flex-basis:100%;border-top:1px solid #e6e9df;padding-top:8px}#classdesk .pagetoolhelp,#classdesk .savedshortcut{display:none}#classdesk .insertmenu{margin-left:auto}#classdesk .viewswitch{display:flex;position:static;margin:10px auto 16px;width:max-content;max-width:100%;padding:0;border:1px solid #cbd6c0;border-radius:24px;background:#fffdf8}#classdesk .viewswitch button{font-size:12px;padding:9px 20px;flex:none}#classdesk .viewswitch [data-view="both"]{display:block}#classdesk .workspacesurfaces{display:block;margin:0}#classdesk .notespane>h2{display:none}#classdesk .paperwrap{padding:0;background:transparent;overflow:hidden;border:1px solid #dce3d6;border-radius:9px}#classdesk .paper{box-shadow:none}#classdesk .classpenciloption{font-size:11px;display:flex;gap:5px;align-items:center;padding:5px}#classdesk .classpenciloption input{width:16px;height:16px;accent-color:#355d4b}
#classdesk[data-tab=notes] .workspacesurfaces[data-view=notes] #picturestudy{display:none!important}#classdesk[data-tab=picture] .notespane{display:none!important}#classdesk[data-tab=picture] .textsection,#classdesk[data-tab=picture] #paper,#classdesk[data-tab=picture] .classpenciloption{display:none}#classdesk.pictureempty .workspace,#classdesk.pictureempty .emptynotebook{display:none!important}
#classpictureempty{padding:55px 25px;text-align:center;border:1px dashed #b6c7ac;border-radius:12px;background:#fffefa}#classpictureempty h2{font:28px Georgia}#quickrecall{grid-column:2;background:#fffdf8;border:1px solid #dce3d4;border-radius:10px;padding:15px;font-size:13px}#quickrecall[open]{grid-column:3;grid-row:1}#quickrecall summary{cursor:pointer;font:19px Georgia}#quickrecall button{font-size:12px;padding:8px;margin:7px 3px 0 0}#quickrecall p{white-space:pre-wrap;overflow-wrap:anywhere}.recallcard{padding:16px 8px;border-bottom:1px solid #e0e3d6}.recallcard small{font-size:9px;letter-spacing:1.5px;color:#7b866f}
.flashheading{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.flashheading h2{font:29px Georgia;margin:4px 0 7px}.flashheading p{font-size:13px;color:#75816e;margin:0}.flashheading #newflashset{margin-left:auto}#flashstatus{font-size:11px;max-width:100%;overflow-wrap:anywhere}.flashlayout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px}#flashsets{border-right:1px solid #dce1d6;padding-right:14px}#flashsets>button{display:block;width:100%;text-align:left;margin-bottom:10px;background:#fffdf8}#flashsets>button[aria-pressed=true]{background:#e4eadc;border-color:#aebfa1}#flashsets small{display:block;font-size:11px;margin-top:6px}#flashcontent{min-width:0}.flashsethead{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:20px}.flashsethead h2{font:25px Georgia;margin:0}.flashsethead button{font-size:12px;padding:9px;margin:3px}#flashcardlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.flasheditcard{padding:20px;border:1px solid #dce3d4;background:#fffdf8;border-radius:12px;overflow-wrap:anywhere}.flasheditcard small{font-size:10px;letter-spacing:1px;color:#818c78}.flasheditcard h3{font:20px/1.5 Georgia;margin:12px 0;white-space:pre-wrap}.flasheditcard p{font-size:13px;line-height:1.7;white-space:pre-wrap;border-top:1px solid #e0e4da;padding-top:12px}.flasheditcard img{display:block;max-width:100%;max-height:180px;margin:auto}.flasheditcard button{font-size:11px;padding:7px 9px}.flashempty{padding:45px;text-align:center;border:1px dashed #bccab2;border-radius:13px}.flashempty h2{font:28px Georgia}.flashempty p{font-size:14px;line-height:1.7}
.practicebar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.practicebar button{font-size:12px}.practicebar span{margin-left:auto;font-size:12px}.flashinstruction{text-align:center;font-size:12px;color:#79856f}.studyflashcard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%;min-height:330px;background:#fffdf7;border:1px solid #cbd8be;border-radius:18px;box-shadow:0 5px 16px #293c350c;padding:30px}.studyflashcard div{font:28px/1.5 Georgia;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.studyflashcard small{letter-spacing:2px;font-size:10px;color:#79886a}.studyflashcard span{font-size:12px;color:#7b866f}.studyflashcard img{max-width:100%;max-height:180px}.practiceactions{display:flex;justify-content:center;gap:15px;margin:20px}.practiceactions button:disabled{opacity:.45;cursor:default}#flashtryanswer{display:block;width:100%;padding:12px;border:1px solid #dce3d4;border-radius:9px;margin-top:16px;background:#fffdf8;font-size:14px}
#flashcarddialog{width:570px;max-width:94vw;max-height:90vh;overflow:auto;border:1px solid #d0dcc5;border-radius:15px;padding:26px}#flashcarddialog h2{font:28px Georgia;margin-top:0}#flashcarddialog label{display:block;font-size:13px;margin:18px 0}#flashcarddialog textarea{display:block;width:100%;padding:12px;resize:vertical;border:1px solid #cbd6bf;border-radius:8px;margin-top:7px;background:#fffefa}#flashcarddialog input[type=file]{display:block;width:100%;margin-top:10px;font-size:12px}#flashimagepreview{max-width:100%;max-height:150px;display:block;margin:10px auto}#flashimagepreview[hidden]{display:none}.flashformactions{display:flex;gap:10px;margin-top:20px}#flasherror{font-size:12px;color:#8a4c3c}
.classfocus #classdesk .pagespanel,.classfocus #quickrecall,.classfocus #classdesk .classsave,.classfocus>header,.classfocus .copyright,.classfocus main>.hint{display:none!important}.classfocus #classdesk .editorlayout{grid-template-columns:minmax(0,1fr)}.classfocus main{max-width:1100px;padding-top:14px}.classfocus .classheading{margin-bottom:8px}.classfocus .classheading #classfocus{margin-left:auto}.classfocus .classtabs{margin-bottom:12px}
@media(max-width:1000px){#classdesk .editorlayout.withrecall{grid-template-columns:165px minmax(0,1fr)}#quickrecall[open]{grid-column:2;grid-row:auto}#classdesk .editorlayout{grid-template-columns:165px minmax(0,1fr)}}
@media(max-width:760px){.classdeskactive main{padding:16px 10px}.classheading{gap:10px}.classheading h1{font-size:27px}.classheading .classsave{width:100%;margin:0;justify-content:space-between}.classheading #classfocus{margin-left:auto}.classtabs{gap:10px}.classtabs button{font-size:14px}#classdesk .editorlayout,#classdesk .editorlayout.withrecall{display:block}#classdesk .pagespanel{margin-bottom:16px}#classdesk #quickrecall{margin-top:18px}#classdesk .notehead #title{font-size:23px!important}#classdesk .tools{gap:7px}#classdesk .toolsection{max-width:100%}#classdesk .insertmenu{margin-left:0}.flashlayout{grid-template-columns:1fr}#flashsets{display:flex;gap:8px;overflow:auto;border-right:0;border-bottom:1px solid #dce3d4;padding:0 0 12px}#flashsets>button{min-width:160px;width:auto}.flashheading h2{font-size:25px}#flashcardlist{grid-template-columns:1fr}.studyflashcard{min-height:280px;padding:20px}.studyflashcard div{font-size:24px}.flashempty{padding:25px}}
@media print{.classheading,.classtabs,#quickrecall,#classpictureempty,#flashcards{display:none!important}#classdesk,.classdeskactive main{display:block!important;margin:0;padding:0}#classdesk .editorlayout{display:block}#classdesk .notehead{display:block}#classdesk .notehead #title{font-size:24px!important}.classdeskactive #classdesk .tools,.classdeskactive #classdesk .noteactions{display:none!important}}
#flashcarddialog textarea,#flashtryanswer{position:static;inset:auto;height:auto;min-height:80px;color:#283d35;line-height:1.6;background-image:none;z-index:auto}
#classdesk .classheading h1{font-family:Georgia,'Times New Roman',serif}
.paper.dotted{background-image:radial-gradient(#b4c1ab .9px,transparent 1.1px);background-size:24px 24px;background-position:0 0}
@media print{.paper.dotted{background-image:none!important}}

/* Restore Notes / Picture / Both without removing the subject tabs. */
@media(min-width:761px){#classdesk[data-tab=notes] .workspacesurfaces[data-view=both]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;align-items:start}#classdesk[data-tab=notes] .workspacesurfaces[data-view=both] #picturestudy{display:block!important;margin:0;min-width:0}#classdesk[data-tab=notes] .workspacesurfaces[data-view=both] .notespane{display:block;min-width:0}}
#classdesk[data-tab=notes] .workspacesurfaces[data-view=picture] .notespane{display:none!important}
#classdesk[data-tab=picture] .viewswitch{display:none}
@media(max-width:760px){#classdesk .viewswitch [data-view=both]{display:none}#classdesk .viewswitch button{padding:8px 22px}}
@media print{#classdesk .viewswitch,#classdesk .notetitlelabel{display:none!important}#classdesk .notehead #title{border:0;background:none;padding:0}}
/* Physical index-card proportions, layered edges and live editable text. */
.indexcardstack{position:relative;isolation:isolate;width:min(100%,600px);margin:30px auto 38px;perspective:1000px}
.indexcardstack::before,.indexcardstack::after,.miniindexstack::before,.miniindexstack::after{content:"";position:absolute;inset:0;border:1px solid #d7cfbd;border-radius:7px;background:#f7f1e3;z-index:-1;pointer-events:none;box-shadow:0 3px 5px #51463212}
.indexcardstack::before{transform:translate(5px,8px) rotate(1.2deg)}.indexcardstack::after{transform:translate(-4px,4px) rotate(-.8deg)}
#flashpractice .studyflashcard{position:relative;width:100%;aspect-ratio:5/3;min-height:300px;display:flex;gap:15px;justify-content:space-between;align-items:stretch;padding:22px 30px 18px;border-radius:7px;border:1px solid #d4c8b0;background-color:#fffaf0;background-image:linear-gradient(180deg,transparent 53px,#cba9a080 53px,#cba9a080 54px,transparent 54px),repeating-linear-gradient(180deg,transparent 0,transparent 27px,#b7c5bc55 28px,transparent 29px);background-position:0 0,0 55px;background-repeat:no-repeat,repeat;box-shadow:0 11px 24px -12px #4d3e2c70,inset 0 0 24px #cbb5900a;color:#334437;transform-origin:center;will-change:transform}
#flashpractice .studyflashcard:hover{background-color:#fffaf0}.studyflashcard>small{display:flex;justify-content:space-between;align-items:center;text-align:left;font:10px/1.4 system-ui!important;color:#7e816f;letter-spacing:1.8px}
#flashpractice .studyflashcard .indexcardnumber{font:10px system-ui;letter-spacing:0;color:#929482}
#flashpractice .studyflashcard .indexcardbody{font:25px/1.6 Georgia,serif;text-align:center;white-space:pre-wrap;overflow:auto;max-height:220px;min-height:60px;padding:6px 0;overflow-wrap:anywhere;scrollbar-width:thin}
#flashpractice .studyflashcard>span:last-child{font:11px/1.4 system-ui;letter-spacing:.3px;color:#838a77;text-align:center}
#flashpractice .studyflashcard img{max-height:100px;align-self:center;object-fit:contain;max-width:90%}
#flashtryanswer{max-width:620px;margin:0 auto}.practicebar{max-width:700px;margin:auto}.flashinstruction{margin:22px 0 0}
.miniindexstack{position:relative;isolation:isolate;margin:22px 3px 16px;perspective:700px}.miniindexstack::before{transform:translate(3px,5px) rotate(1.3deg)}.miniindexstack::after{transform:translate(-2px,2px) rotate(-1deg)}
#quickrecall .recallcard{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:10px;width:100%;min-height:150px;margin:0;padding:13px 12px 10px;border:1px solid #d3c7af;border-radius:5px;background-color:#fffaf0;background-image:linear-gradient(180deg,transparent 34px,#cba9a080 34px,#cba9a080 35px,transparent 35px),repeating-linear-gradient(180deg,transparent 0,transparent 21px,#b7c5bc55 22px,transparent 23px);background-position:0 0,0 36px;text-align:left;box-shadow:0 6px 10px -6px #57483155;color:#344334;transform-origin:center}
#quickrecall .recallcard p{margin:8px 0;font:16px/1.65 Georgia,serif;text-align:center;max-height:170px;overflow:auto;scrollbar-width:thin}
#quickrecall .recallcard small{font:8px system-ui;letter-spacing:1.3px;color:#7d856f}.recallcardhint{font:9px system-ui;color:#87917c;text-align:center}
.cardflipping{animation:indexcardflip .32s cubic-bezier(.2,.65,.3,1)}
@keyframes indexcardflip{from{transform:rotateY(-85deg);opacity:.4}to{transform:rotateY(0);opacity:1}}
.studyflashcard:focus-visible,#quickrecall .recallcard:focus-visible{outline:2px solid #5d7853;outline-offset:6px}
@media(max-width:760px){.indexcardstack{width:calc(100% - 12px);margin-top:24px}#flashpractice .studyflashcard{min-height:240px;padding:17px 20px 14px;gap:12px}#flashpractice .studyflashcard .indexcardbody{font-size:21px;max-height:190px}.miniindexstack{max-width:280px;margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.cardflipping{animation:none}}
/* A spread of small, plain white notecards, like cut paper cards on a desk. */
#flashcardlist{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 22px;padding:8px 4px 20px}
#flashcardlist .flasheditcard{padding:0;border:0;border-radius:0;background:transparent;min-width:0}
#flashcardlist .gridnotecard{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:18px;width:100%;aspect-ratio:5/3;min-height:230px;padding:20px 24px;border:1px solid #d4d6d0;border-radius:3px;background:#fff;box-shadow:1px 3px 5px #34422d18,-1px 1px 0 #f3f1eb;color:#303d32}
#flashcardlist .gridnotecard:hover{background:#fffdf9;border-color:#a9b69f}
#flashcardlist .gridnotecard>small{font:9px/1.3 system-ui;letter-spacing:1.3px;text-align:left;color:#85907a;display:flex;justify-content:space-between}.gridnotecard>small>span{letter-spacing:0}
#flashcardlist .gridcardwords{font:19px/1.6 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;max-height:180px;overflow:auto;scrollbar-width:thin}
#flashcardlist .gridcardhint{font:10px/1.4 system-ui;color:#8a9282;text-align:center}
#flashcardlist .gridnotecard img{max-height:100px;max-width:90%;align-self:center;object-fit:contain;margin:0}
.gridcardactions{display:flex;gap:7px;justify-content:flex-end;padding-top:9px}#flashcardlist .gridcardactions button{padding:5px 9px;font-size:10px;border-color:#e0e5d9;background:transparent;color:#78816f}
.gridnotecard:focus-visible{outline:2px solid #69845c;outline-offset:5px}
#flashpractice .studyflashcard,#quickrecall .recallcard{background-image:none;background-color:white;border-color:#d3d6ce;border-radius:3px}
#flashpractice .studyflashcard:hover{background-color:#fffefb}.indexcardstack::before,.indexcardstack::after,.miniindexstack::before,.miniindexstack::after{background:#fffefb;border-color:#dadbd3;border-radius:3px}
@media(min-width:1400px){#flashcardlist{max-width:1050px;margin:auto}}
@media(max-width:760px){#flashcardlist{grid-template-columns:1fr;gap:20px;padding:5px}#flashcardlist .gridnotecard{min-height:220px;padding:18px 20px}}