@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap');
:root{--cream:#f3f0e9;--paper:#fffdf7;--ink:#34372e;--blue:#a9c7f3;--yellow:#f1d96a;--green:#dfe7d5;--muted:#858b7a;--line:#d7dbcd;font-family:'IBM Plex Sans KR',Arial,sans-serif;background:var(--cream);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #4276b1;outline-offset:4px}[hidden]{display:none!important}.symbols{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand,.top-message,.eyebrow,.sidebar-label,.study-hero h1,.study-stats>div>span,.study-stats strong,.section-heading h2>span,.subject-card small,.exam-dday,.rail-heading>span,.little-note>span,.little-note small,.workspace-top,#project-count,.list-header,.title-count,.source-link,.sidebar-bottom>small{font-family:'IBM Plex Mono','IBM Plex Sans KR',monospace}.topbar{height:73px;position:sticky;top:0;z-index:20;display:flex;align-items:center;border-bottom:1px solid #adb5a2;padding:0 29px;background:var(--cream);gap:38px}.brand{display:flex;align-items:center;gap:10px;min-width:174px}.brand svg{height:32px;width:32px}.brand b{font-size:19px;font-weight:500;letter-spacing:-.8px;line-height:1}.brand b>span{display:block;font-size:8px;letter-spacing:2px;font-weight:400;margin-top:6px}.top-message{font-size:7px;letter-spacing:1px;color:#959b89}.top-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.local-badge{font-size:9px;color:#7d8772;display:flex;align-items:center;gap:6px}.local-badge i{height:5px;width:5px;background:#86a47c;border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 15px;border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:var(--cream);font-size:11px;font-weight:500;white-space:nowrap;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.button.blue{background:var(--blue)}.button.cream{background:var(--cream)}.button.green{background:#d9e6ca}.button.mini{padding:6px 11px;font-size:10px;box-shadow:1px 1px 0 var(--ink)}#mobile-menu{display:none;font-size:20px;padding:4px}.app-layout{display:grid;grid-template-columns:213px minmax(0,1fr);max-width:1700px;margin:auto}.sidebar{border-right:1px solid #cdd3c2;padding:28px 15px 20px;height:calc(100dvh - 73px);position:sticky;top:73px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.sidebar-label{font-size:7px;letter-spacing:1px;color:#989f8b;margin:0 14px 13px}.side-link{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 13px;font-size:11px;width:100%;border:1px solid transparent;margin:2px 0;min-height:38px}.side-link:hover{background:#eaece1}.side-link.active{background:#dbe7f5;border-color:#a6b5c3;color:#345b83}.side-link>span{font-size:16px;line-height:1;width:16px;text-align:center}.side-link small{margin-left:auto;font-size:9px;color:#8b9682}.subject-label{margin-top:28px;display:flex;justify-content:space-between;align-items:center}.subject-label>span{font-family:'IBM Plex Sans KR',sans-serif;font-size:8px;letter-spacing:0}.side-link .subject-dot{height:7px;width:7px;margin:0 5px;border:1px solid #788270}.dot-0{background:#a5c3e9}.dot-1{background:#eed27b}.dot-2{background:#b7c8a9}.sidebar-bottom{margin-top:auto;padding-top:40px}.sidebar-note{display:flex;align-items:center;gap:5px;padding:10px 5px 16px;border-bottom:1px solid #d5dacb;margin-bottom:13px}.sidebar-note svg{width:49px;height:49px;flex-shrink:0;transform:rotate(-5deg)}.sidebar-note p{font-size:9px;line-height:1.9;color:#7f8974;margin:0}.sidebar-note b{font-weight:500}.sidebar-bottom>button{font-size:9px;color:#828d75;padding:7px 11px;display:block}.sidebar-bottom>button:hover{color:#34372e;text-decoration:underline}.sidebar-bottom>small{font-size:6px;line-height:1.8;display:block;margin:12px 10px 0;color:#9ba28e}.workspace{padding:0 34px 45px;min-width:0;background:#f8f6ee}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:77px;border-bottom:1px solid #e1e3d9;margin-bottom:27px;font-size:7px;color:#8e9781;letter-spacing:.5px}.workspace-top>div:first-child{max-width:50%;line-height:1.8}.search-wrap{display:flex;align-items:center;gap:9px;border:1px solid #cdd3c2;background:#f0f0e6;padding:8px 10px;min-width:230px;width:260px}.search-wrap>span{font-size:20px;line-height:1;color:#828e74}.search-wrap input{min-width:0;width:100%;border:0;background:transparent;outline:0;font-size:10px;font-family:'IBM Plex Sans KR',sans-serif;color:#535e47}.search-wrap input::placeholder{color:#a0a894}.search-wrap kbd{font-size:8px;border:1px solid #cdd3c2;padding:1px 4px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 219px;gap:25px}.home-main{min-width:0}.study-hero{display:flex;justify-content:space-between;align-items:center;background:var(--blue);border:1px solid #455345;min-height:268px;padding:28px 27px;position:relative;gap:5px}.eyebrow{font-size:7px;letter-spacing:.6px;line-height:1.8;display:block;font-weight:500}.study-hero .eyebrow{font-size:6px;color:#4c6888;letter-spacing:.3px}.study-hero h1{font-weight:400;font-size:35px;line-height:1.12;letter-spacing:-1.3px;margin:17px 0}.study-hero h1>span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.study-hero p{font-size:10px;line-height:1.9;color:#4d6682;margin:0 0 18px}.study-hero .button{font-size:9px;padding:9px 12px}.hero-doodle{position:relative;width:155px;height:194px;flex-shrink:0;margin-top:14px}.hero-doodle>svg{position:absolute;width:127px;height:104px;top:34px;left:9px;z-index:2;transform:rotate(-7deg)}.hero-sun{position:absolute;right:0;top:3px;border:1px solid var(--ink);width:65px;height:34px;display:grid;place-items:center;border-radius:50%;transform:rotate(14deg);font-family:Georgia,serif;font-size:14px;background:var(--yellow)}.doodle-book{position:absolute;top:123px;width:139px;height:46px;border:1px solid var(--ink);box-shadow:3px 4px 0 var(--ink);transform:rotate(4deg);background:var(--cream);left:3px}.doodle-book:after{content:'';position:absolute;bottom:5px;left:0;right:0;border-bottom:1px solid #8d9782}.doodle-book span{font-family:monospace;font-size:8px;line-height:1.2;display:block;margin:8px 12px}.hero-doodle small{position:absolute;bottom:0;left:8px;font-family:monospace;font-size:6px;letter-spacing:.5px;color:#57718e}.study-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0;border-bottom:1px solid #cbd2c1;gap:20px}.study-stats>div{border-right:1px solid #d4dacb;padding-left:14px}.study-stats>div:first-child{padding-left:1px}.study-stats>div:last-child{border:0}.study-stats>div>span{font-size:6px;letter-spacing:.7px;color:#8c9780;display:block;margin-bottom:6px}.study-stats strong{font-size:27px;font-weight:400;display:flex;align-items:center;gap:9px}.study-stats strong small{font-family:'IBM Plex Sans KR',sans-serif;font-size:9px;font-weight:400;letter-spacing:-.2px;color:#929b85}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:26px 0 15px}.section-heading h2{font-size:14px;font-weight:500;letter-spacing:-.3px;margin:0;display:flex;align-items:center;gap:13px}.section-heading h2>span{font-size:6px;color:#a4ac99;font-weight:400;letter-spacing:.3px}.text-button{font-size:9px;color:#7d8c71;padding:0;border-bottom:1px solid #a9b49a;line-height:1.7;white-space:nowrap}.text-button:hover{color:#34372e;border-color:#34372e}.subject-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.subject-card{min-height:112px;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:16px;border:1px solid #a7b49c;background:#edf1e8;transition:transform .15s,box-shadow .15s}.subject-card:hover{transform:translateY(-3px);box-shadow:2px 3px 0 #66775b}.subject-0{background:#e3ecf7;border-color:#adbdcf}.subject-1{background:#f4edcf;border-color:#c3b98b}.subject-2{background:#e6ebde;border-color:#abb69b}.subject-icon{font-family:Georgia,serif;font-size:23px;line-height:1;margin-bottom:14px;color:#657b91}.subject-1 .subject-icon{color:#9e8e48}.subject-2 .subject-icon{color:#7b8b6e}.subject-card b{font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.subject-card small{font-size:6px;color:#9ba68f;margin-top:6px}.subject-arrow{position:absolute;right:12px;top:11px;font-size:13px;color:#8a987a}.note-list{border-top:1px solid #bdc7b1}.note-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #dee3d4;min-height:74px}.note-row-main{display:flex;align-items:center;gap:13px;text-align:left;padding:14px 0;flex:1;min-width:0}.note-row-main:hover strong{text-decoration:underline;text-underline-offset:4px}.note-file{height:32px;width:28px;border:1px solid #cdd6c0;display:grid;place-items:center;background:#eff2e9;color:#8a9c7e;font-family:Georgia,serif;font-size:18px;flex-shrink:0}.note-row-copy{min-width:0}.note-row-copy strong{font-size:11px;font-weight:500;line-height:1.8;display:block;overflow-wrap:anywhere}.note-row-copy strong em{font-size:6px;font-style:normal;font-weight:400;color:#a7af9b;margin-left:4px;border:1px solid #d7decc;padding:1px 3px;vertical-align:1px;white-space:nowrap}.note-row-copy small{display:block;font-size:8px;color:#a0aa92;margin-top:4px}.note-row-copy small i{font-style:normal;color:#c6cebb;margin:0 5px}.row-meta{display:flex;align-items:center;gap:9px;flex-shrink:0}.type-badge{font-size:7px;border:1px solid #bbc9b0;padding:3px 6px;display:inline-flex;line-height:1.4;white-space:nowrap}.concept{background:#e9f0fa;border-color:#b1c7dc;color:#607d9b}.formula{background:#f8f0c9;border-color:#d6c88d;color:#9a8d4f}.mistake{background:#f8e9e1;border-color:#dab7a3;color:#ac8066}.plan{background:#eaf0df;border-color:#c4d1b1;color:#8b9b71}.star-button{font-size:18px;line-height:1;color:#b2bda5;padding:5px}.star-button.starred{color:#b79f42}.reviewed-icon{font-size:10px;color:#7e9b66}.sample-tip{border-top:1px dashed #c8d1bb;display:flex;gap:12px;margin-top:21px;padding-top:16px;align-items:start;color:#9aa68a}.sample-tip>span{font-size:20px}.sample-tip p{font-size:8px;line-height:1.9;margin:0}.sample-tip b{font-weight:500}.right-rail{display:flex;flex-direction:column;gap:21px}.exam-panel{background:#ececdd;border:1px solid #c4cbb7;padding:20px}.exam-panel>.eyebrow{font-size:6px;color:#919d80}.exam-dday{font-size:43px;letter-spacing:-2px;margin:18px 0 7px;font-weight:400;color:#606e50}.exam-panel p{font-size:10px;line-height:1.9;color:#919d80;margin:0 0 14px}.exam-panel p b{font-weight:500;color:#6c7d59}.exam-panel .text-button{font-size:8px}.task-panel{border:1px solid #cad2bd;padding:17px;background:#faf9f1}.rail-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.rail-heading h2{font-size:11px;letter-spacing:-.2px;font-weight:500;margin:0}.rail-heading>span{font-size:8px;color:#a5ae96}.task-progress{height:3px;background:#e4eadb;margin:15px 0 18px}.task-progress i{display:block;height:100%;background:#8cae7c;transition:width .2s}.task{display:flex;align-items:start;gap:4px;margin:14px 0}.task label{display:flex;align-items:start;gap:8px;flex:1;font-size:9px;line-height:1.9;color:#899777;cursor:pointer;overflow-wrap:anywhere}.task input{accent-color:#829b6c;flex-shrink:0;margin:3px 0 0;width:12px;height:12px}.task input:checked+span{text-decoration:line-through;color:#adb69e}.task>button{font-size:11px;color:#b5bfa8;padding:0}.task>button:hover{color:#8e6c55}#task-form{display:flex;gap:5px;border-top:1px dashed #dbe2d1;padding-top:12px}#new-task{width:100%;min-width:0;border:0;background:transparent;font-size:8px;padding:5px 0;color:#839372}#new-task::placeholder{color:#b3bda4}#task-form button{font-size:18px;color:#889b77}.muted{font-size:10px;color:#9ca88c;line-height:1.9}.little-note{border:1px solid #d7c989;background:#f8efc9;padding:19px;position:relative}.little-note>span{font-size:6px;letter-spacing:1px;color:#aa9a5c}.little-note p{font-size:12px;line-height:1.9;margin:15px 0 11px;letter-spacing:-.2px;color:#8c804d}.little-note small{font-size:6px;color:#b6a96a}.backup-note{padding:0 4px}.backup-note>span{font-size:9px;color:#8fa07b}.backup-note p{font-size:8px;color:#a9b49a;line-height:1.9;margin:10px 0}.backup-note .text-button{font-size:7px}.collection-page{max-width:1100px;margin:auto}.collection-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 0 26px;gap:20px}.collection-heading .eyebrow{font-size:7px;color:#a0ac91}.collection-heading h1{font-size:28px;font-weight:500;letter-spacing:-1px;display:flex;align-items:center;gap:13px;margin:14px 0 12px}.title-count{font-size:12px;padding:3px 7px;min-width:24px;border:1px solid #b8c9ac;background:#e3ebdb;color:#8da279;text-align:center;letter-spacing:0}.collection-heading p{font-size:11px;color:#97a488;line-height:1.9;margin:0}.list-header{display:flex;justify-content:space-between;font-size:6px;color:#a3b096;letter-spacing:.8px;margin:20px 0 12px}.collection-page .note-row{min-height:88px}.collection-page .note-row-copy strong{font-size:14px}.collection-page .note-row-copy small{font-size:9px}.collection-page .note-file{width:34px;height:39px;font-size:21px}.collection-page .type-badge{font-size:9px}.empty-state{padding:60px 15px;text-align:center}.empty-state svg{width:100px;height:95px;transform:rotate(-7deg);opacity:.7}.empty-state h3{font-size:13px;font-weight:400;color:#98a58b;margin:20px 0;line-height:1.9}.empty-state .button{font-size:10px}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 202px;gap:32px;max-width:1170px;margin:auto}.reading-main{min-width:0}.note-back{font-size:9px}.note-title-meta{display:flex;align-items:center;gap:10px;margin-top:29px;font-size:8px;color:#a6af9a;flex-wrap:wrap}.note-title-meta em{font-style:normal;font-size:7px;color:#a8b394;border:1px solid #d5decb;padding:2px 5px}.reading-main>h1{font-size:32px;font-weight:500;letter-spacing:-1.3px;margin:15px 0 21px;line-height:1.5}.note-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid #d2dcc6}.note-toolbar>span{font-size:8px;color:#a5b095;line-height:1.9}.note-toolbar>div{display:flex;align-items:center;gap:14px}.note-toolbar .text-button{font-size:8px}.tags{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0 28px}.tags span{font-size:8px;color:#9daa8b}.note-content{font-size:14px;line-height:2;color:#626d55;overflow-wrap:anywhere}.note-content>h2{font-size:18px;font-weight:500;letter-spacing:-.6px;line-height:1.6;color:#45533a;margin:37px 0 15px;scroll-margin-top:95px}.note-content>h2:first-child{margin-top:0}.note-content p{margin:12px 0 17px}.note-content strong{font-weight:600;color:#445b35;background:linear-gradient(transparent 60%,#e4eecf 60%)}.note-content ul{padding-left:22px;margin:14px 0 22px}.note-content li{padding-left:5px;margin:8px 0}.note-content li::marker{color:#a8b794;font-size:10px}.note-content code{font-family:'IBM Plex Mono',monospace;background:#eef2e5;padding:2px 5px;font-size:.9em}.note-content pre{white-space:pre-wrap}.callout{border:1px solid;padding:15px 18px;margin:22px 0;font-size:12px;line-height:1.9}.callout b{font-size:10px;font-weight:500;display:block;margin-bottom:4px}.callout p{margin:0}.callout.concept{background:#eef3fa;border-color:#c3d5e3;color:#8299ad}.callout.mistake{background:#f9eee5;border-color:#e6cdb8;color:#b59a83}.callout strong{background:none;color:inherit}.math-block{padding:14px 20px;background:#f8f2d9;border:1px solid #e2d7ac;color:#96864e;margin:23px 0;overflow-x:auto;text-align:center}.math-block .katex-display{margin:.5em 0}.katex{font-size:1.13em!important}.source-link{font-size:8px!important;color:#a8b59b;line-height:1.8}.source-link a{border-bottom:1px solid #c4cfba}.review-block{padding:24px;border:1px solid #bbccb0;background:#edf3e6;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:42px}.review-block .eyebrow{font-size:6px;color:#a4b593}.review-block h3{font-size:14px;font-weight:500;letter-spacing:-.3px;margin:10px 0;color:#7f986c}.review-block p{font-size:9px;color:#a6b698;line-height:1.9;margin:0}.review-block .button{font-size:9px;padding:10px 12px}.delete-note{font-size:8px;color:#b8b4a3;padding:20px 0}.delete-note:hover{color:#b79279;text-decoration:underline}.reading-rail{padding-top:7px}.toc{position:sticky;top:99px;border-left:1px solid #d5decb;padding-left:19px;margin:4px 0 32px}.toc>.eyebrow{font-size:6px;color:#aebaa0}.toc h2{font-size:11px;font-weight:500;color:#98a98a;margin:12px 0 15px}.toc a{display:flex;align-items:start;gap:8px;font-family:'IBM Plex Mono','IBM Plex Sans KR',monospace;font-size:7px;line-height:1.9;color:#b1bea3;padding:6px 0}.toc a>span{font-family:'IBM Plex Sans KR',sans-serif;font-size:9px;color:#a2b294}.toc a:hover>span{color:#769463;text-decoration:underline}.formula-box{background:#f8f1d7;border:1px solid #e3d6a6;padding:17px;margin-bottom:24px;overflow:hidden}.formula-box>.eyebrow{font-size:6px;color:#bcaa6c}.formula-box h2{font-size:11px;color:#a3945d;font-weight:500;margin:12px 0 16px}.rail-equation{font-size:11px;color:#a28f4b;overflow-x:auto}.formula-box>span:last-child{font-size:7px;color:#bfb078}.reading-rail .little-note{padding-bottom:70px}.reading-rail .little-note svg{position:absolute;width:65px;height:64px;right:11px;bottom:6px;transform:rotate(-7deg)}dialog{width:calc(100% - 36px);max-width:800px;max-height:92dvh;background:var(--cream);color:var(--ink);border:1px solid var(--ink);box-shadow:6px 7px 0 var(--ink);padding:29px 32px;overflow-y:auto}dialog::backdrop{background:#243222bf;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.dialog-head .eyebrow{font-size:6px;color:#9caa8a}.dialog-head h2{font-size:23px;font-weight:500;letter-spacing:-.8px;margin:12px 0 0}.icon-button{border:1px solid #aab69b;width:27px;height:27px;font-size:12px;display:grid;place-items:center;background:#f9f7f0;flex-shrink:0}.dialog-head .icon-button{margin-top:2px}dialog form>label,.form-grid label{font-size:10px;color:#869c73;display:block;margin:17px 0 8px}dialog input,dialog select{width:100%;border:1px solid #c0ceb2;background:#fffdf7;padding:10px 12px;font-size:12px}dialog label small{font-size:8px;color:#b2bea4;margin-left:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor-tabs{display:flex;align-items:center;gap:3px;margin:25px 0 0;border-bottom:1px solid #becbad}.editor-tabs button{font-size:10px;padding:9px 15px;color:#97ac83;border:1px solid transparent;border-bottom:0}.editor-tabs button.active{border-color:#becbad;background:#fffdf7;color:#68834f}.editor-tabs>span{font-size:7px;color:#b1c19f;margin-left:auto;line-height:1.8;text-align:right}#note-content{width:100%;height:290px;min-height:200px;padding:17px;border:1px solid #becbad;border-top:0;resize:vertical;background:#fffdf7;font-family:'IBM Plex Mono','IBM Plex Sans KR',monospace;font-size:11px;line-height:1.9}#editor-preview{min-height:290px;max-height:430px;overflow-y:auto;padding:20px;background:#fffdf7;border:1px solid #becbad;border-top:0}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:21px}.dialog-footer>span{font-size:8px;line-height:1.8;color:#adbd9a}#exam-dialog{max-width:440px}#exam-dialog input{margin-bottom:7px}#exam-dialog .dialog-footer{margin-top:27px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#3b4c32;color:#f5f8ef;padding:13px 19px;border:1px solid #bacba8;box-shadow:2px 3px 0 #23301a;z-index:100;font-size:10px;max-width:calc(100% - 30px);line-height:1.9;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}#toast button{margin-left:15px;border-bottom:1px solid #b9cea7;color:#d6e8c6;font-size:10px;padding:0}#storage-warning{background:#f6e4d6;border:1px solid #cfa07c;padding:14px;font-size:12px;line-height:1.9;margin-bottom:20px;color:#9f6f4c}
@media(min-width:1550px){.workspace{padding-inline:47px}.home-grid{gap:33px;grid-template-columns:minmax(0,1fr) 249px}.study-hero{min-height:289px;padding:33px}.study-hero h1{font-size:43px}.hero-doodle{transform:scale(1.1);margin-right:10px}.study-hero p{font-size:12px}.study-hero .button{font-size:11px}.note-row-copy strong{font-size:13px}.note-row-copy small{font-size:9px}.note-row{min-height:83px}.reading-layout{gap:52px;grid-template-columns:minmax(0,1fr) 230px}.note-content{font-size:16px}.note-content>h2{font-size:21px}.reading-main>h1{font-size:37px}}
@media(max-width:1200px){.app-layout{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:10px}.topbar{padding-inline:23px;gap:22px}.brand{min-width:148px}.top-message{font-size:6px;letter-spacing:.4px}.workspace{padding-inline:25px}.home-grid{gap:18px;grid-template-columns:minmax(0,1fr) 190px}.study-hero{padding:24px 21px;min-height:260px}.study-hero h1{font-size:30px}.hero-doodle{width:122px;transform:scale(.88);transform-origin:right center;margin-right:-4px}.study-hero .eyebrow{max-width:200px;line-height:1.8}.study-stats strong{font-size:24px;gap:6px}.study-stats strong small{font-size:8px}.study-stats{gap:10px}.subject-cards{gap:9px}.subject-card{padding:13px;min-height:108px}.section-heading h2>span{display:none}.note-row-copy strong{font-size:10px}.row-meta{gap:3px}.note-row-main{gap:9px}.exam-panel{padding:17px}.task-panel{padding:14px}.little-note{padding:17px}.reading-layout{gap:24px;grid-template-columns:minmax(0,1fr) 169px}.reading-main>h1{font-size:28px}.note-content{font-size:13px}.note-content>h2{font-size:17px}.toc{padding-left:13px}.review-block{display:block}.review-block .button{margin-top:17px}.note-toolbar>span{font-size:7px}.note-toolbar>div{gap:10px}}
@media(max-width:1000px){.top-message{display:none}.home-grid{grid-template-columns:minmax(0,1fr)}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:12px;align-items:start}.backup-note{padding:15px 3px}.study-hero{min-height:257px}.study-hero h1{font-size:35px}.hero-doodle{width:155px;transform:none;margin-right:10px}.study-hero p{font-size:11px}.study-hero .eyebrow{max-width:none}.study-stats strong{font-size:28px;gap:9px}.study-stats strong small{font-size:10px}.note-row-copy strong{font-size:12px}.note-row-copy small{font-size:9px}.row-meta{gap:9px}.type-badge{font-size:8px}.reading-layout{grid-template-columns:1fr}.reading-rail{display:none}.reading-main{max-width:740px;margin:auto;width:100%}.note-content{font-size:15px}.note-content>h2{font-size:19px}.reading-main>h1{font-size:32px}.note-toolbar>span{font-size:8px}.review-block{display:flex}.review-block .button{margin:0}.collection-heading h1{font-size:25px}.collection-page .note-row-copy strong{font-size:12px}.collection-page .note-file{height:34px;width:29px}.collection-page .type-badge{font-size:8px}.search-wrap{min-width:210px;width:235px}.workspace-top{font-size:6px}}
@media(max-width:760px){.topbar{height:67px;padding:0 19px;gap:12px}.brand{min-width:0;gap:8px}.brand b{font-size:17px}.brand b>span{font-size:7px;letter-spacing:1.4px}.brand svg{width:28px;height:28px}.local-badge{display:none}.top-actions{gap:12px}.top-actions .button{font-size:9px;padding:9px 11px}.topbar #mobile-menu{display:block}.app-layout{display:block}.sidebar{display:none;position:fixed;top:67px;bottom:0;left:0;width:225px;height:calc(100dvh - 67px);background:var(--cream);border-right:1px solid #839773;z-index:30;box-shadow:6px 0 15px #33452a22;padding:24px 15px}.sidebar.open{display:flex}.sidebar-bottom{padding-top:28px}.workspace{padding:0 20px 35px}.workspace-top{min-height:65px;margin-bottom:21px;gap:10px}.workspace-top>div:first-child{font-size:5px;letter-spacing:0;max-width:35%;line-height:1.8}.search-wrap{min-width:0;width:210px;max-width:65%;padding:7px 9px;gap:7px}.search-wrap input{font-size:9px}.search-wrap kbd{display:none}.home-grid{gap:19px}.study-hero{padding:24px 20px;min-height:258px;gap:0;overflow:hidden}.study-hero h1{font-size:33px;letter-spacing:-1.6px;margin:17px 0}.study-hero .eyebrow{font-size:5px;max-width:210px;letter-spacing:.1px}.study-hero p{font-size:10px;line-height:1.9;margin-bottom:19px}.study-hero .button{font-size:8px;padding:9px 10px;position:relative;z-index:2}.hero-doodle{width:118px;transform:scale(.8);transform-origin:right center;margin-right:-11px;margin-left:-13px}.hero-sun{font-size:13px}.study-stats{padding:19px 0;gap:10px}.study-stats>div{padding-left:12px}.study-stats>div>span{font-size:5px;letter-spacing:.5px}.study-stats strong{font-size:24px;gap:5px;align-items:baseline}.study-stats strong small{font-size:7px}.section-heading{margin:25px 0 14px}.section-heading h2{font-size:13px}.section-heading .text-button{font-size:8px}.subject-cards{gap:8px}.subject-card{padding:12px;min-height:110px}.subject-icon{font-size:23px;margin-bottom:14px}.subject-card b{font-size:11px}.subject-card small{font-size:5px;letter-spacing:0}.subject-arrow{right:9px;top:9px;font-size:11px}.note-row{min-height:76px;gap:7px}.note-row-main{gap:10px}.note-row-copy strong{font-size:10px;line-height:1.8}.note-row-copy strong em{font-size:5px;margin-left:3px}.note-row-copy small{font-size:7px;line-height:1.9}.note-file{width:24px;height:29px;font-size:15px}.row-meta{gap:4px}.type-badge{font-size:6px;padding:3px 4px}.star-button{font-size:16px;padding:3px}.reviewed-icon{font-size:8px}.sample-tip{gap:9px}.sample-tip p{font-size:7px}.sample-tip>span{font-size:17px}.right-rail{gap:13px;grid-template-columns:1fr 1fr}.exam-panel{padding:17px 15px}.exam-dday{font-size:35px;margin:17px 0 7px}.exam-panel p{font-size:9px}.exam-panel .text-button{font-size:7px}.task-panel{padding:14px 12px}.rail-heading h2{font-size:10px}.rail-heading>span{font-size:6px}.task-progress{margin:13px 0}.task{margin:12px 0}.task label{font-size:8px;gap:7px}.task input{width:11px;height:11px;margin-top:3px}.task>button{font-size:10px}#new-task{font-size:7px}.little-note{padding:15px}.little-note>span{font-size:5px;letter-spacing:.8px}.little-note p{font-size:11px;line-height:1.9}.little-note small{font-size:5px}.backup-note>span{font-size:8px}.backup-note p{font-size:7px}.backup-note .text-button{font-size:6px}.collection-heading{padding:8px 0 22px;gap:14px;align-items:start}.collection-heading h1{font-size:24px;margin:15px 0 13px;gap:10px}.collection-heading .eyebrow{font-size:6px}.collection-heading p{font-size:9px}.collection-heading .button{font-size:8px;padding:9px 11px;margin-top:28px}.title-count{font-size:10px;padding:2px 5px}.collection-page .note-row{min-height:82px}.collection-page .note-row-main{gap:9px}.collection-page .note-row-copy strong{font-size:11px}.collection-page .note-row-copy small{font-size:7px}.collection-page .type-badge{font-size:7px}.collection-page .note-file{height:30px;width:24px;font-size:17px}.list-header{font-size:5px}.reading-main>.note-back{font-size:8px}.note-title-meta{margin-top:25px;font-size:7px;gap:8px}.note-title-meta .type-badge{font-size:7px}.reading-main>h1{font-size:28px;letter-spacing:-1.2px;line-height:1.5;margin:14px 0 18px}.note-toolbar{gap:10px;align-items:start;padding-bottom:18px;flex-wrap:wrap}.note-toolbar>span{font-size:7px;line-height:2}.note-toolbar>div{margin-left:auto;gap:12px}.note-toolbar .text-button{font-size:8px}.note-toolbar .button{font-size:9px;padding:5px 9px}.tags{gap:9px;margin:17px 0 26px}.tags span{font-size:7px}.note-content{font-size:14px;line-height:2.05}.note-content>h2{font-size:18px;margin:34px 0 15px}.note-content p{margin:13px 0 19px}.note-content ul{padding-left:19px}.callout{font-size:11px;padding:14px 15px;margin:22px 0}.callout b{font-size:9px;margin-bottom:5px}.math-block{font-size:14px;padding:13px 12px;margin:23px 0}.review-block{padding:19px;display:block;margin-top:34px}.review-block .button{margin-top:18px;font-size:9px}.review-block h3{font-size:14px}.review-block p{font-size:9px}.delete-note{font-size:8px;padding:24px 0}.empty-state{padding:45px 0}.empty-state h3{font-size:12px}dialog{padding:24px 20px;max-height:94dvh;width:calc(100% - 24px)}.dialog-head h2{font-size:21px}.dialog-head .eyebrow{font-size:5px}.dialog-head .icon-button{width:24px;height:24px;font-size:10px}.form-grid{gap:13px}dialog form>label,.form-grid label{font-size:9px;margin-top:16px}dialog input,dialog select{font-size:11px;padding:9px 10px}.editor-tabs>span{font-size:5px;max-width:165px}.editor-tabs button{padding:9px 11px;font-size:9px}#note-content{font-size:10px;height:290px;padding:13px}#editor-preview{padding:15px;font-size:13px}.dialog-footer{gap:14px;align-items:start}.dialog-footer>span{font-size:7px;max-width:170px;line-height:1.8}.dialog-footer .button{font-size:9px;padding:10px 12px}#toast{font-size:9px;width:max-content;max-width:calc(100% - 30px);padding:12px 15px;bottom:18px}#toast button{font-size:9px;margin-left:10px}}
@media(max-width:380px){.workspace{padding-inline:15px}.study-hero{padding-inline:16px}.study-hero h1{font-size:30px}.hero-doodle{transform:scale(.67);margin-right:-20px;margin-left:-20px}.right-rail{grid-template-columns:1fr}.task label{font-size:10px}.task-panel{padding:18px}.rail-heading h2{font-size:12px}.task input{width:13px;height:13px}.study-stats strong small{font-size:6px}.note-row-copy strong{font-size:9px}}
.side-link{font-size:12px}.sidebar-label,.sidebar-bottom>small,.workspace-top,.search-wrap input::placeholder,.study-stats>div>span,.study-stats strong small,.subject-card small,.note-row-copy small,.note-row-copy strong em,.tags span,.note-toolbar>span,.note-title-meta,.note-title-meta em,.collection-heading p,.list-header,.sample-tip,.backup-note p,.dialog-footer>span{color:#77856a}.reading-layout{max-width:1000px}.note-content{font-size:15px}.note-row-copy strong{font-size:12px}.note-row-copy small{font-size:9px}.toc>.eyebrow,.toc a,.toc a>span,.toc h2{color:#7e916f}.callout.concept{color:#5f7c97}.callout.mistake{color:#9a7255}.formula-box,.rail-equation,.formula-box h2,.formula-box>.eyebrow,.formula-box>span:last-child{color:#8b7b44}.task label,.exam-panel p,.little-note p{color:#7d8a6e}.note-content .math-block{color:#81723f}.reading-rail{position:sticky;top:99px;align-self:start}.toc{position:static}
@media(max-width:1000px){.reading-main{max-width:740px}}
@media(max-width:760px){.note-content{font-size:14px}.note-row-copy strong{font-size:11px}.note-row-copy small{font-size:8px}.side-link{font-size:12px}}
#owner-dialog{max-width:465px}#owner-dialog .owner-help{font-size:12px;color:#6c7d60;line-height:1.9}#owner-error{font-size:11px;color:#a1533c;line-height:1.9;min-height:18px}.owner-mode #owner-access{color:#446d35;border-color:#779d65}.button:disabled{opacity:.55;cursor:wait}.sidebar-bottom>small{line-height:1.9}#owner-password{font-size:15px;letter-spacing:1px}
@media(max-width:760px){#owner-access{font-size:8px}.top-actions{gap:9px}.topbar{gap:8px}.top-actions .button{padding:8px}.brand b{font-size:16px}.topbar{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Separate private spaces and right-side navigation */
.topbar #mobile-menu{display:block;width:32px;height:34px;font-size:22px}#quick-menu{position:fixed;inset:0 0 0 auto;margin:0;width:350px;max-width:95vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid #89967e;border-radius:0;padding:25px 22px;background:var(--cream);box-shadow:-8px 0 30px #29372122;overflow:auto}#quick-menu::backdrop{background:#25331c55}.quick-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.quick-head .eyebrow{font-size:8px;color:#788369}.quick-head .icon-button{font-size:18px}#space-search-form{border-bottom:1px solid #cdd3c2;padding-bottom:23px;margin-bottom:21px}#space-search-form label{display:block;font-size:12px;margin-bottom:10px}.space-search-line{display:flex;border:1px solid #9eab92;background:var(--paper)}#space-search{border:0;background:transparent;width:100%;min-width:0;padding:12px;font-size:13px}.space-search-line>button{padding:8px 12px;font-size:20px}.space-result{margin-top:12px;width:100%;text-align:left;padding:12px;background:#dce7f3;border:1px solid #a6b5c3;font-size:12px}.space-result span{float:right;font-size:10px}.private-navigation{margin:13px 0;padding:14px 0 5px;border-top:1px dashed #b4bea9;border-bottom:1px dashed #b4bea9}.private-navigation .sidebar-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px;color:#6c7f5e}.private-navigation .sidebar-label span{font-size:7px}.private-navigation .private-lock{font-size:9px;color:#7e8c71;padding-top:6px;padding-bottom:6px;min-height:30px}.private-navigation .private-lock span{font-size:13px}#quick-navigation .side-link{font-size:13px;padding:11px 13px}#quick-navigation .sidebar-label{font-size:9px}.private-badge{font-size:11px;background:#e0e9d4;border:1px solid #a1b18d;padding:5px 9px;letter-spacing:0;font-weight:500}.private-notice{display:flex;align-items:center;gap:20px;padding:15px 18px;border:1px solid #b9c7aa;background:#eaf0e2;margin-bottom:25px;font-size:11px}.private-notice>span{white-space:nowrap}.private-notice p{line-height:1.9;color:#647957;margin:0}.private-notice button{margin-left:auto;white-space:nowrap}.private-card{background:var(--paper);border:1px solid #c7cebc;margin-bottom:20px;padding:26px;box-shadow:2px 2px 0 #e2e5d8}.private-card-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.private-card h2{font-size:20px;margin:9px 0 20px;overflow-wrap:anywhere}.private-status{font-size:10px;color:#7a896a}.private-question{background:#f3efd9;border-left:3px solid #d9bf5c;padding:15px 18px;margin-bottom:20px}.private-question>span{font-size:10px;color:#8b7c45}.private-question p{margin:8px 0 0;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.private-content{white-space:pre-wrap;font-size:14px;line-height:2;overflow-wrap:anywhere}.private-card-footer{display:flex;justify-content:space-between;border-top:1px solid #e5e8db;margin-top:24px;padding-top:16px;align-items:center}.private-card-footer small{font-size:9px;color:#8b9681}.private-card-footer button{font-size:10px}.private-empty,.private-locked{text-align:center;padding:55px 15px 65px}.private-empty svg{width:110px;height:90px}.private-empty h2{font-size:19px;font-weight:500}.private-empty p,.private-locked p{font-size:12px;color:#819273;line-height:2}.private-empty .text-button{margin-top:15px}.private-locked .button{margin-top:20px}.private-locked h1{font-size:30px;margin-top:20px}.private-archive{border-top:1px dashed #c6cfbc;margin-top:30px;padding-top:20px;font-size:12px;color:#7c8b6c}.private-archive>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #e4e8dc}.private-archive summary{cursor:pointer;padding-bottom:10px}#private-login-dialog{max-width:460px}#private-login-dialog .private-help{font-size:12px;color:#718363;line-height:2}#private-password{font-size:16px}#private-error{font-size:12px;color:#a1533f;min-height:18px}#private-editor{max-width:720px}#private-editor textarea{width:100%;padding:12px;background:var(--paper);border:1px solid #becbad;font-size:13px;line-height:1.9;resize:vertical}#private-content{min-height:230px}#space-search-result{font-size:11px;line-height:1.8;color:#78836d}.private-loading{padding:45px;text-align:center;font-size:13px;color:#718363}
@media(max-width:760px){.private-notice{display:block;padding:14px}.private-notice p{margin:8px 0;font-size:10px}.private-notice button{font-size:10px}.private-card{padding:19px}.private-card h2{font-size:18px}.private-question p,.private-content{font-size:13px}.private-page .collection-heading{align-items:start}.private-badge{font-size:9px}.private-locked h1{font-size:25px}.private-empty h2{font-size:17px}.top-actions{gap:8px}#quick-menu{padding:24px 20px}.private-card-head .button{padding:6px 9px}.private-page .collection-heading h1{gap:10px;flex-wrap:wrap}}