*{box-sizing:border-box}body{margin:0;font-family:Roboto,system-ui,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.app{--wood:#382419;--wood-edge:#1f140e;--paper:#fff0cc;--paper-shade:#ebd19a;--ink:#382417;--muted:#6c5037;--accent:#38573e;--focus:#d98c23;min-height:100vh;color:var(--ink);background-color:#453523;background-image:linear-gradient(135deg,#c6b07b15 25%,#0000 25%),linear-gradient(315deg,#c6b07b15 25%,#0000 25%);background-position:0 0;background-repeat:repeat;background-size:32px 32px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;display:flex}.app[data-palette=paleta_2]{--wood:#29263d;--wood-edge:#161422;--paper:#e9e7f2;--paper-shade:#cbc5dc;--ink:#29243d;--muted:#59516c;--accent:#50477a;--focus:#d2a354;background-color:#272c38}.app[data-palette=paleta_3]{--wood:#512a22;--wood-edge:#2c1711;--paper:#ffead0;--paper-shade:#e4c39b;--ink:#502c20;--muted:#76533c;--accent:#79502b;--focus:#a34a24;background-color:#684332}.skip{background:var(--paper);color:var(--ink);z-index:5;padding:12px;position:fixed;top:-80px;left:16px}.skip:focus{top:12px}.topbar{background:var(--wood);color:#fff0cc;border:3px solid var(--wood-edge);justify-content:space-between;align-items:center;gap:24px;min-height:84px;margin:20px 24px 0;padding:18px 28px;display:flex;box-shadow:inset 0 2px #ffffff20,0 5px #0005}.brand{letter-spacing:-.7px;font-size:30px;font-weight:700}.book-mark{color:#e7ba69;margin-right:8px}.header-actions,.palettes{align-items:center;gap:12px;display:flex}.palettes>span{margin-right:4px;font-family:Roboto,system-ui,sans-serif;font-size:13px}.swatch{color:#fff8db;border:2px solid #d9bd87;width:38px;height:38px;font-size:23px;box-shadow:0 2px #0007}.swatch[aria-pressed=true]{outline-offset:3px;outline:2px solid #f9d78e}.quiet{color:#fff0cc;background:0 0;border:1px solid #e5c58b80;padding:8px 16px;font-family:Roboto,system-ui,sans-serif}main{flex:1;place-items:center;padding:56px 32px 44px;display:grid}main:focus{outline:none}.paper{text-align:center;background:var(--paper);border:3px solid var(--wood-edge);width:min(760px,100%);box-shadow:0 0 0 8px var(--wood), 0 0 0 11px #a27a43, 0 18px 0 10px #0003, inset 0 0 0 6px var(--paper-shade);padding:30px 52px 24px}.ornament{color:var(--accent);margin-bottom:10px;font-size:32px}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:2.8px;font-family:Roboto,system-ui,sans-serif;font-size:11px;font-weight:700}h1{letter-spacing:-3px;margin:10px 0 16px;font-size:clamp(48px,5vw,70px);line-height:1.1}.tagline{color:var(--muted);margin:0;font-size:20px;line-height:1.5}.card-content{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:190px;padding:32px 0 18px;display:flex}.primary,.secondary{border:2px solid var(--wood-edge);background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--wood-edge);padding:14px 26px;font-family:Roboto,system-ui,sans-serif;font-size:15px;font-weight:650}.primary:hover:not(:disabled){filter:brightness(1.1)}.primary:active:not(:disabled){box-shadow:0 2px 0 var(--wood-edge);transform:translateY(2px)}.google{color:#302b26;background:#fff;justify-content:center;align-items:center;gap:18px;min-width:270px;display:inline-flex}.google-g{color:#3468c1;font:700 24px Arial,sans-serif}.hint,.notice,.status,.error,.welcome,.account-email{margin:0;font-family:Roboto,system-ui,sans-serif;line-height:1.6}.hint{color:var(--muted);font-size:13px}.welcome{font-size:19px;font-weight:650}.account-email{overflow-wrap:anywhere;font-size:15px}.notice{color:var(--ink);max-width:460px;font-size:14px}.error{color:#8d251e;max-width:470px}.error-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px;display:flex}.secondary{color:var(--ink);background:0 0}.status{align-items:center;gap:12px;display:flex}.loader{border:2px solid var(--paper-shade);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.paper-bottom{color:var(--muted);letter-spacing:5px;padding-top:12px;font-size:13px}footer{text-align:center;color:#f8e7c8;opacity:.9;letter-spacing:1px;padding:12px 0 24px;font:12px Roboto,system-ui,sans-serif}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loader{animation:none}}.workspace{align-self:start;width:min(1180px,100%)}.library{background:var(--paper);border:3px solid var(--wood-edge);box-shadow:0 0 0 7px var(--wood),0 10px 0 7px #0003;padding:30px 36px 38px}.library-account{color:var(--muted);overflow-wrap:anywhere;justify-content:space-between;gap:16px;padding-bottom:20px;font:12px Roboto,system-ui,sans-serif;display:flex}.library nav{overflow-wrap:anywhere;font:14px Roboto,system-ui,sans-serif}.library-heading{justify-content:space-between;align-items:center;gap:24px;margin:22px 0 28px;display:flex}.library-heading h1{letter-spacing:-1px;overflow-wrap:anywhere;margin:8px 0 12px;font-size:38px}.library-heading>div{min-width:0}.library-heading>button{flex-shrink:0}.notebook-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px;display:grid}.library-order-item{touch-action:none;min-width:0;transition:transform .18s;position:relative}.library-order-item>.notebook{box-sizing:border-box;height:100%;padding-top:40px}.library-order-item:not(.drag-locked){cursor:grab}.library-order-item.dragging{cursor:grabbing;transition:none}.library-order-item.dragging>.notebook{outline:2px solid var(--accent);box-shadow:0 12px 24px #0004}.library-order-item.drag-settling{transition:transform .18s}.order-committing>.library-order-item{transition:none}.library-feedback{z-index:10;background:var(--paper);border:1px solid var(--wood);padding:12px 18px;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #0003}.library-drag-handle{z-index:1;position:absolute;top:10px;right:12px}@media (prefers-reduced-motion:reduce){.library-order-item,.library-order-item.drag-settling{transition:none}}.notebook{background:color-mix(in srgb,var(--paper) 70%,white);border:2px solid var(--wood);border-left:8px solid var(--accent);box-shadow:0 4px 0 var(--paper-shade);padding:22px}.notebook h2{overflow-wrap:anywhere;margin:10px 0 14px;font-size:23px}.tile-mark{color:var(--accent);font-size:30px}.notebook-link{text-align:left;color:var(--ink);overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-weight:700}.notebook-link:hover{text-decoration:underline}.text-button{color:var(--accent);text-underline-offset:3px;background:0 0;border:0;padding:6px 0;font:14px Roboto,system-ui,sans-serif;text-decoration:underline}.tile-actions{gap:22px;display:flex}.notebook>.text-button{margin-top:16px}.empty-library{text-align:center;border:2px dashed var(--paper-shade);padding:42px 20px}.empty-library>span{color:var(--accent);font-size:48px}.empty-library h2{font-size:25px}.editor{background:var(--paper-shade);border:2px solid var(--wood);max-width:700px;margin:24px 0;padding:24px;font-family:Roboto,system-ui,sans-serif}.editor h2{margin:0 0 20px;font:700 25px Roboto,system-ui,sans-serif}.editor label{margin-bottom:8px;font-weight:600;display:block}.editor input,.editor select{background:var(--paper);width:100%;min-height:46px;color:var(--ink);border:2px solid var(--wood);padding:10px 12px;font:16px Roboto,system-ui,sans-serif}.editor input:focus-visible,.editor select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.editor .hint,.editor .error{margin-top:8px}.form-actions{gap:16px;margin-top:22px;display:flex}.library-error{border:2px solid #8d251e;padding:16px;font:14px Roboto,system-ui,sans-serif}.library-error p{color:#8d251e;margin:0 0 12px;line-height:1.6}.library-footnote{margin-top:32px}.workspace-notice{background:var(--paper);margin-top:16px;padding:16px}@media (width<=1000px){.notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.paste-box{background:var(--paper-shade);border:2px solid var(--wood);margin-bottom:32px;padding:24px;font:14px Roboto,system-ui,sans-serif}.paste-box h2,.study-card h2{margin:0 0 16px;font:700 24px Roboto,system-ui,sans-serif}.paste-box label{margin-bottom:12px;line-height:1.6;display:block}.paste-box .primary{margin-top:16px}.paste-box textarea,.document-editor textarea{border:1px solid var(--wood);width:100%;min-height:100px;color:var(--ink);background:var(--paper);resize:vertical;padding:12px;font:16px/1.55 Roboto,system-ui,sans-serif}.paste-box textarea:focus-visible,.document-editor textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.cards-list{gap:28px;display:grid}.study-card{border:2px solid var(--wood);background:color-mix(in srgb,var(--paper) 85%,white);padding:24px}.card-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.save-state{font:13px Roboto,system-ui,sans-serif}.save-error,.save-conflict,.save-invalid{color:#8d251e}.document-editor{border:0;min-width:0;margin:20px 0 6px;padding:0}.document-editor legend{margin-bottom:10px;font:700 16px Roboto,system-ui,sans-serif}.format-bar{gap:8px;margin-bottom:8px;display:flex}.format-bar button{border:1px solid var(--wood);background:var(--paper-shade);color:var(--ink);padding:5px 12px;font:13px Roboto,system-ui,sans-serif}.document-preview{overflow-wrap:anywhere;white-space:pre-wrap;font:16px/1.55 Roboto,system-ui,sans-serif}.document-preview p{min-height:1em;margin:8px 0}.document-preview li{white-space:pre-wrap}.draft-label{color:var(--muted);font:13px Roboto,system-ui,sans-serif}.conflict-review{background:var(--paper-shade);margin-top:20px;padding:18px}.conflict-review h3{margin-top:0}.study-card>.secondary{margin-top:16px}.unified-editor textarea{min-height:145px}.unified-preview{border-left:3px solid var(--accent);overflow-wrap:anywhere;margin-top:12px;padding:12px;font:16px/1.55 Roboto,system-ui,sans-serif}.unified-preview>.document-preview,.unified-preview .document-preview>p{display:inline}.unified-preview .document-preview>p+p:before{content:"\a ";white-space:pre}.inline-separator{color:var(--muted)}.drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid var(--wood);background:var(--paper-shade);color:var(--ink);min-width:38px;min-height:36px;font:26px/1 Roboto,system-ui,sans-serif}.drag-handle:active{cursor:grabbing}.drag-handle:disabled{cursor:default}.card-order-actions{align-items:center}.card-drop-zone{position:relative}.drop-before:before,.drop-after:after{content:"";background:var(--accent);pointer-events:none;height:4px;position:absolute;left:0;right:0}.card-drop-zone{touch-action:pan-x;transition:transform .18s}.card-drop-zone.dragging{transition:none}.card-drop-zone.dragging.drag-settling{transition:transform .18s}.card-drop-zone.dragging .study-card{outline:2px solid var(--accent);box-shadow:0 12px 24px #0004}@media (prefers-reduced-motion:reduce){.card-drop-zone,.card-drop-zone.dragging.drag-settling{transition:none}}.cards-list{gap:14px}.study-card{border-width:1px;padding:12px 16px}.study-card .card-heading{min-height:28px}.unified-editor{margin:8px 0 4px}.unified-editor legend{color:var(--muted);margin-bottom:4px;font-size:12px}.unified-editor textarea{resize:none;background:0 0;border-color:#0000;min-height:48px;max-height:240px;padding:7px 8px;overflow-y:auto}.unified-editor textarea:hover{border-color:var(--paper-shade)}.unified-editor textarea:focus{background:var(--paper);border-color:var(--wood)}.unified-editor .format-bar{gap:6px;margin-bottom:4px}.unified-editor .format-bar button{padding:3px 8px;font-size:12px}.card-counts{flex-wrap:wrap;gap:16px;display:flex}.card-counts .hint{font-size:11px}.study-card .draft-label{margin:5px 0;font-size:12px}.card-drop-zone:not(.drag-locked) .study-card{cursor:grab}.card-drop-zone.dragging .study-card{cursor:grabbing}.study-card textarea{cursor:text}.study-card button{cursor:pointer}.study-card .drag-handle{cursor:grab;min-width:28px;min-height:28px;font-size:21px}.drop-before:before{top:-8px}.drop-after:after{bottom:-8px}.card-rich-input{min-height:48px;max-height:240px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;background:0 0;border:1px solid #0000;padding:7px 8px;font:16px/1.55 Roboto,system-ui,sans-serif;overflow-y:auto}.card-rich-input:hover{border-color:var(--paper-shade)}.card-rich-input:focus{background:var(--paper);border-color:var(--wood);outline:3px solid var(--focus);outline-offset:2px}.card-rich-input[aria-disabled=true]{cursor:default}.card-rich-input ul,.card-rich-input ol{white-space:normal;margin:0;padding-left:24px}.card-rich-input li{white-space:pre-wrap}.unified-editor .format-bar{gap:0}.unified-editor .format-bar button{border-color:var(--paper-shade);background:0 0;justify-content:center;align-items:center;min-width:32px;height:28px;padding:3px 7px;display:inline-flex}.unified-editor .format-bar button+button{border-left:0}.unified-editor .format-bar button:hover:not(:disabled){background:var(--paper-shade)}.unified-editor .format-bold,.unified-editor .format-italic{font:700 17px Roboto,system-ui,sans-serif}.unified-editor .format-italic{font-style:italic}.study-entry{float:right;padding:8px 18px}.card-mode-actions{float:right;gap:12px;display:flex}.card-mode-actions .secondary{padding:8px 18px}.subject-tabs{gap:12px;margin-bottom:24px;display:flex}.subject-tabs [aria-current=page]{background:var(--accent);color:#fff}.study-start{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;font:14px Roboto,system-ui,sans-serif;display:flex}.study-start select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--wood);padding:10px}.flashcard{border:1px solid var(--wood);background:color-mix(in srgb,var(--paper) 85%,white);min-height:220px;margin:20px 0;padding:28px}.flashcard h2{margin:24px 0 12px;font-size:21px}.flashcard>.primary{margin-top:24px}.flashcard-answer{border-top:1px solid var(--paper-shade);margin-top:24px}.study-navigation{justify-content:space-between;gap:20px;margin-top:24px;display:flex}.study-settings{border:1px solid var(--paper-shade);flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0 0 22px;padding:16px;font:14px Roboto,system-ui,sans-serif;display:flex}.study-settings legend{color:var(--muted);padding:0 6px}.study-settings select{background:var(--paper);color:var(--ink);border:1px solid var(--wood);font:inherit;padding:8px}.study-filter,.flashcard-availability{align-items:center;gap:12px;display:flex}.study-settings .hint{flex-basis:100%}.study-settings .secondary{padding:8px 14px}.flashcard-availability{justify-content:space-between;margin-top:12px}.availability-list{border-top:1px solid var(--paper-shade);margin-top:28px;padding-top:16px;font:14px Roboto,system-ui,sans-serif}.availability-list summary{cursor:pointer;color:var(--accent)}.availability-items{max-height:320px;margin-top:12px;overflow-y:auto}.availability-item{border-bottom:1px solid var(--paper-shade);padding:12px 8px}.app-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:24px;display:grid}.app-content{min-width:0}.app-sidebar{background:var(--paper);border:2px solid var(--wood-edge);padding:18px 14px;position:sticky;top:24px;box-shadow:0 4px #0003}.app-sidebar h2{margin:0 0 16px;font-size:22px}.app-sidebar nav{flex-direction:column;gap:10px;display:flex}.app-sidebar button{text-align:left;color:var(--ink);border:1px solid var(--paper-shade);background:0 0;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:12px 10px;font:14px Roboto,system-ui,sans-serif;display:flex}.app-sidebar button[aria-current=page]{background:var(--accent);color:#fff;border-color:var(--wood)}.app-sidebar button:disabled{cursor:default}.app-sidebar button span{font-size:10px}.settings-subject-label{margin:24px 0 8px;font:600 14px Roboto,system-ui,sans-serif;display:block}.settings-subject{background:var(--paper);width:100%;color:var(--ink);border:1px solid var(--wood);padding:12px;font:15px Roboto,system-ui,sans-serif}.settings-reading{margin-top:16px;display:block}.settings-workspace{margin-top:22px}.settings-workspace>h2{margin:0 0 20px;font-size:24px}.settings-controls{border:0;min-width:0;margin:0;padding:0}.backup-settings{border-top:1px solid var(--paper-shade);margin-top:32px;padding-top:24px;font:14px Roboto,system-ui,sans-serif}.backup-settings h2{font-size:24px}.backup-settings label{margin:24px 0 8px;font-weight:600;display:block}.backup-settings input[type=file]{max-width:100%}.backup-preview{border:1px solid var(--wood);margin-top:20px;padding:16px}.backup-preview .text-button{margin-left:16px}.trash-feedback{border:1px solid var(--wood);background:var(--paper);margin:16px 0;padding:12px 16px}.trash-feedback p{margin:0 0 10px}.trash-list{gap:16px;margin-top:20px;display:grid}.trash-item{border:1px solid var(--wood);background:var(--paper);padding:20px}.trash-item h2{overflow-wrap:anywhere;font-size:22px}.trash-item label{margin:12px 0 6px;display:block}.trash-item select{background:var(--paper);max-width:100%;color:var(--ink);margin-bottom:12px;padding:8px;display:block}.dashboard-workspace>label{margin-right:12px;font-weight:600}.dashboard-workspace>select{color:var(--ink);background:var(--paper);border:1px solid var(--wood);padding:10px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 32px;display:grid}.metric-card{border:2px solid var(--wood);background:color-mix(in srgb,var(--paper) 80%,white);padding:20px}.metric-card h2{margin:0;font-size:20px}.metric-value{margin:12px 0;font:700 38px Roboto,system-ui,sans-serif}.activity-chart{border:1px solid var(--paper-shade);padding:12px;overflow-x:auto}.activity-chart svg{min-width:100%;display:block}.bar-studies{fill:var(--accent)}.bar-sessions{fill:var(--wood)}.chart-legend{flex-wrap:wrap;gap:24px;font:13px Roboto,system-ui,sans-serif;display:flex}.chart-legend span:before{content:"";width:12px;height:12px;margin-right:8px;display:inline-block}.legend-studies:before{background:var(--accent)}.legend-sessions:before{background:var(--wood)}.dashboard-table{margin-top:20px;overflow-x:auto}.dashboard-table summary{cursor:pointer}.dashboard-table table{border-collapse:collapse;width:100%;margin-top:12px;font:14px Roboto,system-ui,sans-serif}.dashboard-table th,.dashboard-table td{border-bottom:1px solid var(--paper-shade);text-align:left;padding:10px}.subject-activity{margin-top:28px}.subject-activity h2{font-size:24px}.subject-activity ul{padding:0;list-style:none}.subject-activity li{border-bottom:1px solid var(--paper-shade);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 0;font:14px Roboto,system-ui,sans-serif;display:flex}.subject-activity strong{overflow-wrap:anywhere}@media (width<=900px){.app-layout{grid-template-columns:150px minmax(0,1fr);gap:16px}.app-sidebar{padding:14px 10px}.app-layout .library{padding:24px}}@font-face{font-family:Roboto;src:url(/assets/Roboto-B3covOPw.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}body{font-family:Roboto,system-ui,sans-serif}.app{--wood:#673c25;--wood-edge:#351e15;--wood-top:#945c32;--wood-bottom:#4a291e;--bevel:#d8a455;--paper:#ffe8b6;--paper-shade:#e5bf7e;--ink:#402719;--muted:#714b2b;--accent:#315f3b;--focus:#205f98;--scene-filter:none;isolation:isolate;background:#4a2d20;position:relative}.app:before{content:"";z-index:-1;image-rendering:pixelated;filter:var(--scene-filter);pointer-events:none;background:url(/assets/pixel-scene-v3-Cm9mzrcX.webp) bottom/cover no-repeat;position:fixed;inset:0}.app[data-palette=paleta_2]{--wood:#48405f;--wood-edge:#201b30;--wood-top:#635579;--wood-bottom:#292638;--bevel:#a99bb8;--paper:#ece6f3;--paper-shade:#cfc1df;--ink:#302743;--muted:#635473;--accent:#5a4b80;--focus:#623f8e;--scene-filter:brightness(.52) saturate(.65) hue-rotate(18deg);background:#222334}.app[data-palette=paleta_3]{--wood:#743e24;--wood-edge:#3a2118;--wood-top:#a76632;--wood-bottom:#512b22;--bevel:#e0ae62;--paper:#ffe6c3;--paper-shade:#e6ba88;--ink:#4e2d20;--muted:#795039;--accent:#7a4127;--focus:#813b22;--scene-filter:sepia(.2) saturate(1.1) hue-rotate(-12deg);background:#663a29}.brand,h1,h2,h3,.app-sidebar button,.primary,.secondary,.quiet{font-family:Roboto,system-ui,sans-serif}.pixel-icon{vertical-align:middle;--icon-fill:#4379a1;flex:none;display:inline-block}.pixel-layer-0{fill:#3d271f}.pixel-layer-1{fill:var(--icon-fill)}.pixel-layer-2{fill:#f4cb76}.pixel-layer-3{fill:#fff0bd}.topbar{border:4px solid var(--wood-edge);background:linear-gradient(0deg,var(--wood-bottom),var(--wood-top));min-height:94px;box-shadow:inset 0 3px 0 var(--bevel),inset 0 -4px 0 #0004,0 5px 0 #0005;margin:18px 24px 0;padding:12px 24px}.brand{color:#3d2114;letter-spacing:0;background:#eab86c;border:3px solid #4c2b1a;align-items:center;gap:10px;padding:6px 18px;font-size:40px;display:inline-flex;box-shadow:inset 2px 2px #ffe2a3,inset -2px -2px #bc7a37,3px 3px #0004}.book-mark{margin:0}.book-mark .pixel-icon{--icon-fill:#397b4e;width:36px;height:36px}.palettes>span{color:#ffedc4}.swatch{width:44px;height:44px;box-shadow:inset 0 0 0 2px #613a24,0 3px 0 var(--wood-edge);border:3px solid #e3b775;padding:3px}.swatch .pixel-icon{--icon-fill:#ffd461;width:28px;height:28px}.swatch-1{background:linear-gradient(#87c8df 60%,#51824d 60%)}.swatch-2{background:#2a3152}.swatch-2 .pixel-icon{--icon-fill:#c9b8e3}.swatch-3{background:#b2763b}.swatch-3 .pixel-icon{--icon-fill:#e89a37}.quiet{background:#0001;border:2px solid #d8af72;padding:8px 18px;font-size:20px}.app-sidebar{border:4px solid var(--wood-edge);background:linear-gradient(90deg,var(--wood-bottom),var(--wood-top));box-shadow:inset 2px 2px 0 var(--bevel),inset -2px -2px 0 #0004,0 5px 0 #0005;color:#fff0c9;padding:18px 12px}.app-sidebar h2{color:#fff0c9;margin-bottom:14px;font-size:28px}.app-sidebar button{color:#fff0c9;background:#0002;border:2px solid #0003;flex-wrap:nowrap;gap:10px;min-height:54px;padding:10px 8px;font:19px/1.2 Roboto,system-ui,sans-serif;box-shadow:inset 1px 1px #fff1}.app-sidebar .pixel-icon{--icon-fill:#d39c53;width:28px;height:28px}.app-sidebar button[aria-current=page]{background:var(--accent);border-color:#14291d;box-shadow:inset 2px 2px #ffffff30,0 3px #0004}.app-sidebar button:hover:not(:disabled){background-color:color-mix(in srgb,var(--accent) 70%,var(--wood))}.app-sidebar button:focus-visible,.topbar button:focus-visible{outline-color:#fff1bc}.library,.paper{border:4px solid var(--wood-edge);background-color:var(--paper);box-shadow:0 0 0 5px var(--wood),0 0 0 8px var(--bevel),0 8px 0 8px #0004,inset 0 0 0 3px var(--paper-shade);background-image:radial-gradient(circle at 1px 1px,#9c652516 1px,#0000 1px);background-size:17px 19px}.library{padding:28px 32px 36px}h1{letter-spacing:0;font-size:clamp(52px,5vw,72px);font-weight:650;line-height:1.1}.library-heading h1{letter-spacing:0;font-size:43px}.tagline{font:18px/1.6 Roboto,system-ui,sans-serif}.primary,.secondary{border:3px solid var(--wood-edge);box-shadow:inset 2px 2px 0 #ffffff38,inset -2px -2px 0 #0002,0 4px 0 var(--wood-edge);padding:12px 22px;font-size:21px;line-height:1.1}.secondary{background:color-mix(in srgb,var(--paper) 80%,var(--paper-shade))}.google{background:#fff;font:600 17px Roboto,system-ui,sans-serif}.primary:hover:not(:disabled),.secondary:hover:not(:disabled){filter:brightness(1.06)}button:disabled{cursor:default;opacity:.65}.text-button{text-underline-offset:4px}.notebook-link{color:var(--ink);text-decoration:none}.notebook-link:hover:not(:disabled){text-decoration:underline}.notebook{box-shadow:inset 2px 2px 0 #fff5,0 4px 0 var(--paper-shade);background:color-mix(in srgb,var(--paper) 87%,white);border:3px solid #aa743d;padding:24px 18px}.notebook h2{text-align:center;font-size:28px;line-height:1.2}.notebook>.hint{text-align:center}.notebook .tile-actions{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:12px}.notebook>.text-button{margin:14px auto 0;display:block}.tile-mark{width:fit-content;margin:0 auto;display:block}.library-order-item:nth-child(3n+2) .tile-mark .pixel-icon{--icon-fill:#b64b36}.library-order-item:nth-child(3n) .tile-mark .pixel-icon{--icon-fill:#598851}.library-drag-handle{min-width:30px;min-height:30px;font-size:22px}.empty-library{border-color:var(--wood);background:#ffffff18}.editor h2,.paste-box h2{font-family:Roboto,system-ui,sans-serif;font-size:28px}.study-card{border:2px solid var(--wood);background:color-mix(in srgb,var(--paper) 90%,white);box-shadow:inset 1px 1px #fff4,0 3px 0 var(--paper-shade)}.card-rich-input,.document-preview{font-family:Roboto,system-ui,sans-serif;font-size:16px;line-height:1.55}.app-content>.library .library.study-workspace{box-shadow:none;background:0 0;border:0;padding:24px 0 0}.study-workspace{position:relative}.study-operation-status{background:var(--paper);padding:2px 8px;position:absolute;top:10px;right:18px}.study-progress-status{min-height:3.2em}.flashcards-page>h1{font-size:43px}.flashcards-choice{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.embedded-study{margin-top:18px}.embedded-study>h2{margin:0 0 14px;font-size:26px}.embedded-study .study-start{margin-bottom:14px}.embedded-study .study-operation-status{top:0;right:0}.flashcard{border:3px solid var(--wood);height:clamp(300px,39vh,480px);min-height:300px;box-shadow:inset 2px 2px 0 #fff5,0 4px 0 var(--paper-shade);background:color-mix(in srgb,var(--paper) 90%,white);grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);gap:14px;margin:18px 0;padding:20px 24px;display:grid}.flashcard h2{margin:0 0 10px;font:600 26px/1.2 Roboto,system-ui,sans-serif}.flashcard-question,.flashcard-answer-area{overflow-wrap:anywhere;min-height:0;overflow:auto}.flashcard-answer-area{border-top:2px solid var(--paper-shade);padding-top:14px}.flashcard-question:focus-visible,.flashcard-answer-area:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.flashcard-answer{border:0;margin:0}.flashcard-reveal{place-items:center;height:100%;display:grid}.flashcard .document-preview p:first-child{margin-top:0}.study-navigation{margin-top:20px}.flashcard .hint{min-height:21px}.availability-list h2,.backup-settings h2,.subject-activity h2{font-family:Roboto,system-ui,sans-serif;font-size:28px}.metric-card h2{font-size:25px}.trash-item h2{font-size:28px}.metric-card,.trash-item{box-shadow:inset 2px 2px #fff4,0 3px 0 var(--paper-shade)}footer{color:#fff1cf;text-shadow:1px 2px #321d12}@media (width<=1100px){.brand{font-size:34px}.app-layout{grid-template-columns:194px minmax(0,1fr);gap:20px}.app-sidebar button{gap:6px;font-size:18px}.app-sidebar .pixel-icon{width:24px;height:24px}.library{padding:26px}.notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){main{padding:32px 24px}.topbar{padding:12px 16px}.app-layout{grid-template-columns:180px minmax(0,1fr);gap:16px}.app-sidebar{padding:14px 8px}.app-sidebar button{padding:8px 5px;font-size:17px}.header-actions,.palettes{gap:8px}.brand{padding:6px 12px;font-size:30px}.library-heading h1{font-size:36px}}.app{--paper:#ffe6b1;--ink:#36291e;--muted:#6a4c34;--accent:#28623f;background-image:none}.pixel-icon{width:32px;height:32px;image-rendering:pixelated;background:url(/assets/library-icons-v2-CVZGilaM.webp) 0 0/400% 200% no-repeat}.artwork-sun{background-position:33.3333% 100%}.artwork-moon{background-position:66.6667% 100%}.artwork-leaf{background-position:100% 100%}.artwork-book,.artwork-cards,.artwork-chart,.artwork-settings,.artwork-trash{background-image:url(/assets/supplied-icons-v4-tc0ZTrdR.webp);background-size:400% 200%}.artwork-cards{background-position:33.3333% 0}.artwork-chart{background-position:66.6667% 0}.artwork-settings{background-position:100% 0}.artwork-trash{background-position:0 0}.topbar,.app-sidebar{background:#503324;border:18px solid #0000;border-image:url(/assets/pixel-wood-v3-KLN3puuY.webp) 10% fill/18px;box-shadow:0 4px #321b1555}.topbar{min-height:106px;padding:4px 16px}.brand{box-shadow:none;color:#36291e;background:#ffedcc;border:10px solid #0000;border-image:url(/assets/pixel-paper-v3-tF9M5zno.webp) 10% fill/10px;padding:2px 12px;font-size:38px}.brand .pixel-icon{width:40px;height:40px}.swatch{width:56px;height:56px;box-shadow:none;background:0 0;border:0;padding:0}.swatch .pixel-icon{width:56px;height:56px}.workspace{width:min(1280px,100%)}.app-layout{grid-template-columns:240px minmax(0,1fr);gap:24px}main{padding:28px 34px 48px}.app-sidebar{min-height:570px;padding:18px 8px}.app-sidebar h2{color:#fff0c9;padding:0 10px;font-size:27px}.app-sidebar button{min-height:64px;box-shadow:none;background:#29180f38;border:1px solid #d4ac6b24;gap:8px;padding:12px 8px;font-size:19px}.app-sidebar .pixel-icon{width:32px;height:32px}.app-sidebar button[aria-current=page]{color:#36291e;background:#e9b967;border-color:#9b5729;box-shadow:inset 0 0 0 2px #fbd990}.library,.paper{background:var(--paper);border:24px solid #0000;border-image:url(/assets/pixel-paper-v3-tF9M5zno.webp) 10% fill/24px;box-shadow:0 4px #321b1555}.library{min-height:570px;padding:20px 24px 28px}.paper{padding:26px 36px}.notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.notebook{background:var(--paper);border:10px solid #0000;border-image:url(/assets/pixel-paper-v3-tF9M5zno.webp) 10% fill/10px;padding:18px 16px 22px;box-shadow:0 3px #673c2533}.tile-mark .pixel-icon{width:128px;height:128px}.notebook h2{font-size:30px}.notebook .tile-actions{margin-top:18px}.notebook-open{min-width:150px;margin:18px auto 0;display:block}.primary,.secondary{box-shadow:none;color:#fff4cf;text-shadow:0 1px #18381b;background:0 0;border:10px solid #0000;border-image:url(/assets/button-green-v4-B89YUWZ9.webp) 22% 8% 25% fill/10px;min-height:50px;padding:7px 16px 10px;font-size:16px;font-weight:500;line-height:1.25;transition:transform 80ms,filter 80ms}.primary:not(.google),.secondary{box-shadow:none;filter:drop-shadow(0 3px #57301c66)}.primary:hover:not(:disabled):not(.google),.secondary:hover:not(:disabled){filter:brightness(1.06)drop-shadow(0 3px #57301c66)}.primary:active:not(:disabled),.secondary:active:not(:disabled){box-shadow:none;filter:brightness(.94);transform:translateY(3px)}.card-mode-actions .primary{align-items:center;gap:8px;display:inline-flex}.button-glyph{vertical-align:-2px;margin-right:8px;font-size:24px;line-height:16px;display:inline-block}.primary.google{border:2px solid var(--wood);color:#302b26;text-shadow:none;background:#fff;border-image:}@media (prefers-reduced-motion:reduce){.primary,.secondary{transition:none}}.google{background:#fff}.card-save-guidance.is-idle{visibility:hidden}.app[data-palette=paleta_2] .app-sidebar button[aria-current=page]{background:var(--accent);color:#fff0c9}@media (width<=1100px){.app-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}.app-sidebar{border-width:14px;border-image-width:14px;padding:14px 4px}.app-sidebar .pixel-icon{width:28px;height:28px}.app-sidebar button{gap:5px;font-size:16px}.library{border-width:18px;border-image-width:18px;padding:18px}.tile-mark .pixel-icon{width:104px;height:104px}.notebook{padding:12px 8px 18px}.notebook h2{font-size:26px}}@media (width<=900px){.app-layout{grid-template-columns:186px minmax(0,1fr);gap:14px}.app-sidebar button{gap:4px;padding-inline:4px;font-size:15px}.app-sidebar .pixel-icon{width:24px;height:24px}.topbar{padding:4px 8px}.brand{padding:0 6px;font-size:30px}.swatch,.swatch .pixel-icon{width:44px;height:44px}.app-layout .library{padding:16px}.notebook-grid{gap:14px}}.library-account{justify-content:flex-end}.notebook-grid{row-gap:0}.library-order-item{grid-row:span 5;grid-template-rows:subgrid;margin-bottom:24px;display:grid}.library-order-item>.notebook{grid-row:1/-1;grid-template-rows:subgrid;height:auto;display:grid}.notebook>.tile-mark{grid-row:1}.notebook>h2{grid-row:2;align-self:start}.notebook>.hint{grid-row:3}.notebook>.notebook-open{grid-row:4;place-self:start center}.notebook>.tile-actions{grid-row:5;align-self:start}.artwork-book{background-position:0 85%}.library-order-item:nth-child(4n+2) .tile-mark .artwork-book{background-position:33.3333% 85%}.library-order-item:nth-child(4n+3) .tile-mark .artwork-book{background-position:66.6667% 85%}.library-order-item:nth-child(4n) .tile-mark .artwork-book{background-position:100% 85%}.pixel-icon.artwork-cards,.pixel-icon.artwork-chart,.pixel-icon.artwork-settings,.pixel-icon.artwork-trash{clip-path:inset(0 0 10%)}.app-sidebar{padding:8px 4px}.app-sidebar nav{gap:3px}.app-sidebar button{color:#fff0c9;min-height:76px;box-shadow:none;background:0 0;border:5px solid #0000;border-image:url(/assets/menu-row-v5-DicR3bj3.webp) 7% fill/5px;gap:8px;padding:8px 6px;font-size:18px;transition:filter 80ms}.app-sidebar button[aria-current=page],.app[data-palette=paleta_2] .app-sidebar button[aria-current=page]{color:#382417;box-shadow:none;background:0 0;border-image:url(/assets/button-amber-v4--5YRlfDe.webp) 30% 8% 25% fill/9px}.app-sidebar button:hover:not(:disabled){filter:brightness(1.12);background:0 0}.app-sidebar button:active:not(:disabled){filter:brightness(.94)}.app-sidebar .pixel-icon{clip-path:none;background-image:url(/assets/menu-icons-v5-CfAHUn1Z.webp);background-size:300% 200%;width:40px;height:40px}.app-sidebar .artwork-book{background-position:0 0}.app-sidebar .artwork-cards{background-position:50% 0}.app-sidebar .artwork-chart{background-position:100% 0}.app-sidebar .artwork-settings{background-position:0 100%}.app-sidebar .artwork-trash{background-position:50% 100%}@media (width<=1100px){.app-sidebar{padding:8px 4px}.app-sidebar button{gap:8px;min-height:68px;font-size:16px}.app-sidebar .pixel-icon{width:32px;height:32px}}@media (width<=900px){.app-sidebar button{gap:6px;padding-inline:4px;font-size:14px}.app-sidebar .pixel-icon{width:28px;height:28px}}.dashboard-icon{width:68px;height:68px;image-rendering:pixelated;background:url(/assets/dashboard-icons-v6-fkhBR0ML.webp) 0 0/300% 200% no-repeat;flex:none;display:inline-block}.dashboard-icon-0{background-position:0 0}.dashboard-icon-1{background-position:50% 0}.dashboard-icon-2{background-position:100% 0}.dashboard-icon-3{background-position:0 100%}.dashboard-icon-4{background-position:50% 100%}.dashboard-icon-5{background-position:100% 100%}.dashboard-workspace .metrics-grid{gap:12px;margin:20px 0}.dashboard-workspace .metric-card{min-width:0;min-height:110px;box-shadow:none;background:0 0;border:12px solid #0000;border-image:url(/assets/dashboard-metric-v6-CDgMS8w4.webp) 15% fill/12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.dashboard-workspace .metric-card h2{margin:0;font:500 16px/1.3 Roboto,system-ui,sans-serif}.dashboard-workspace .metric-value{margin:4px 0 0;font:750 32px/1.1 Roboto,system-ui,sans-serif}.dashboard-workspace .dashboard-section-title{align-items:center;gap:8px;margin:18px 0 8px;font-size:22px;line-height:1.25;display:flex}.dashboard-section-title .dashboard-icon{width:32px;height:32px}.dashboard-workspace .activity-chart{background:0 0;border:16px solid #0000;border-image:url(/assets/dashboard-chart-v6-Do4fziqS.webp) 25% 10% fill/28px;padding:6px 10px 0}.dashboard-workspace .activity-chart svg{font-family:Roboto,system-ui,sans-serif;display:block}.dashboard-workspace .subject-activity{margin-top:16px}.dashboard-workspace .subject-activity ul{margin:0;padding-left:40px}.dashboard-workspace .subject-activity li{border:0;justify-content:flex-start;align-items:center;gap:4px;padding:4px 0;font-size:16px}.subject-activity strong{font-weight:400}.subject-dot{background:#1672ae;border-radius:50%;flex:none;width:10px;height:10px;margin-right:8px}.subject-activity li:nth-child(2n) .subject-dot{background:#c9522b}.subject-activity li:nth-child(3n) .subject-dot{background:#4e843a}.subject-distinct{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dashboard-workspace .dashboard-table,.dashboard-explanation{margin-top:18px;font:14px/1.5 Roboto,system-ui,sans-serif}.dashboard-explanation summary{cursor:pointer}.dashboard-explanation p{margin-bottom:8px}.dashboard-explanation ul{padding-left:22px}.dashboard-workspace>.hint:last-child{margin-top:16px;font-size:12px}.dashboard-workspace>.library-heading{flex-wrap:wrap;gap:16px;margin:8px 0 20px}.dashboard-heading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashboard-heading-actions select{color:var(--ink);background:#ffdfa3;border:2px solid #bb8c48;padding:10px;font:14px Roboto,system-ui,sans-serif}.backup-settings input[type=file]::file-selector-button{color:#fff4cf;cursor:pointer;background:0 0;border:9px solid #0000;border-image:url(/assets/button-green-v4-B89YUWZ9.webp) 22% 8% 25% fill/9px;margin-right:12px;padding:7px 12px 10px;font:500 15px Roboto,system-ui,sans-serif}@media (width<=1100px){.dashboard-workspace .metric-card{gap:8px;padding:8px}.metric-card .dashboard-icon{width:48px;height:48px}.dashboard-workspace .metric-card h2{font-size:15px}.dashboard-workspace .metric-value{font-size:30px}}.topbar{border:12px solid #0000;border-image:url(/assets/header-frame-v7-BcC4B4k7.webp) 9% fill/12px;gap:20px;min-height:76px;margin:12px 24px 0;padding:0 10px;box-shadow:0 3px #321b1555}.brand{min-width:200px;min-height:48px;image-rendering:pixelated;box-shadow:none;color:#3d2617;letter-spacing:0;background:url(/assets/header-plaque-v7-B-vddCZx.webp) 50%/113.9% 156.4% no-repeat;border:0;flex:none;justify-content:center;align-items:center;padding:8px 32px;font:750 26px/1 Roboto,system-ui,sans-serif;display:inline-flex}.header-actions{gap:12px}.palettes{gap:8px}.palettes>span{font-size:14px}.palette-sparkle{color:#ffcf68}.swatch,.swatch .pixel-icon{width:40px;height:40px}.swatch[aria-pressed=true]{outline-offset:1px}.topbar .quiet{border:1px solid #daa365;min-height:34px;padding:7px 15px;font:500 14px/1.2 Roboto,system-ui,sans-serif;box-shadow:inset 0 1px #ffe1a440,0 2px #29160e66}@media (width<=900px){.topbar{gap:12px;padding:0 8px}.brand{min-width:180px;min-height:44px;padding:8px 28px;font-size:24px}.header-actions{gap:10px}}.flashcard-shortcuts{border-top:2px solid #dfab6238;margin-top:16px;padding:14px 2px 0}.app-sidebar .flashcard-shortcuts h2{color:#fff0c9;margin:0 4px 10px;padding:0;font:600 16px/1.3 Roboto,system-ui,sans-serif}.shortcut-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9934c #412219;max-height:clamp(220px,100dvh - 560px,420px);padding:2px 4px 2px 0;overflow:hidden auto}.shortcut-scroll:focus-visible{outline-offset:2px;outline:2px solid #ffdf96}.shortcut-notebooks,.shortcut-subjects{margin:0;padding:0;list-style:none}.shortcut-subjects{border-left:1px solid #e6bd8033;margin-left:12px;padding-left:10px}.app-sidebar .flashcard-shortcuts button{width:100%;min-height:38px;box-shadow:none;color:#fff0c9;background:0 0;border:0;border-image:;gap:4px;padding:6px 4px;font:400 14px/1.3 Roboto,system-ui,sans-serif}.app-sidebar .flashcard-shortcuts button:hover:not(:disabled){filter:none;background:#f8d89c19}.app-sidebar .flashcard-shortcuts button[aria-current=page]{color:#382417;background:#e9b967;border:0;border-image:;box-shadow:inset 3px 0 #ffd797}.app-sidebar .flashcard-shortcuts .pixel-icon{width:22px;height:22px}.shortcut-chevron{color:#f4c880;flex:none;width:12px}.shortcut-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.app-sidebar .flashcard-shortcuts .shortcut-title{font-size:14px}.shortcut-message{color:#f4dcb9;margin:4px;font:12px/1.5 Roboto,system-ui,sans-serif}.flashcards-page>.flashcards-choice{justify-content:flex-end;margin-bottom:12px;display:flex}.notebook-library .notebook-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px}.notebook-library .library-order-item>.notebook{border-width:8px;border-image-width:8px;padding:32px 12px 18px}.notebook-library .tile-mark .pixel-icon{width:104px;height:104px}.notebook-library .notebook h2{margin:8px 0 10px;font-size:24px}.notebook-library .notebook-link{text-align:center}.notebook-library .notebook-open{min-width:130px;margin-top:14px}.notebook-library .notebook .tile-actions{gap:8px 12px;margin-top:14px}@media (width<=999px){.notebook-library .notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}