:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#213129;background:#f7f5ef;font-synthesis:style}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;flex:0 0 244px;background:#1e392d;color:#f6f6ee;display:flex;flex-direction:column;padding:30px 16px 22px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;font-size:17px;font-weight:800;letter-spacing:-.06em;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:#e8f2da;color:#1e392d;width:39px;height:39px;border-radius:12px;font-size:23px;font-weight:700}.brand small{display:block;color:#a5baaa;font-size:9px;letter-spacing:.21em;margin-top:3px;font-weight:700}.sidebar-caption{font-size:10px;letter-spacing:.18em;color:#8ba798;margin:57px 13px 13px;font-weight:700}.side-nav{display:grid;gap:5px}.nav-item{color:#c7d5ca;border:0;background:transparent;text-align:left;padding:12px 13px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:12px}.nav-item:hover,.nav-item.active{background:#365746;color:white}.nav-icon{font-size:20px;line-height:1;width:20px;text-align:center;font-weight:400}.nav-count{margin-left:auto;background:#53735d;padding:2px 7px;border-radius:100px;font-size:11px}.sidebar-bottom{margin-top:auto}.sidebar-tip{background:#294b38;border:1px solid #42664d;border-radius:14px;padding:15px 15px 13px;margin:0 5px 20px;display:flex;gap:11px;color:#d9e8d9;font-size:12px;line-height:1.7}.sidebar-tip span{color:#d6d486;font-size:17px}.sidebar-tip p{margin:0}.settings-button{color:#bad0bf;background:none;border:0;padding:10px 16px;text-align:left;width:100%;font-size:13px}.settings-button span{margin-left:9px}.main-column{min-width:0;flex:1}.topbar{height:78px;border-bottom:1px solid #e7e9df;background:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,62px)}.breadcrumb{color:#929c93;font-size:13px;display:flex;gap:13px;align-items:center}.breadcrumb strong{color:#355a43;font-weight:700}.crumb-chevron{font-size:18px;color:#c3ccc3}.top-actions{display:flex;gap:19px;align-items:center}.save-state{font-size:11px;color:#8a988c}.save-state:before{content:'●';font-size:8px;color:#74a982;margin-right:6px}.button{border:0;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.button-primary{background:#294f38;color:white;box-shadow:0 4px 10px #294f3815}.button-primary:hover{background:#1b3f2b}.button-ghost{background:#eef2ea;color:#2d4a36}.button-ghost:hover{background:#e3eadd}.button-danger{background:#fce9e3;color:#a54235}.button-danger:hover{background:#f9d9d0}.top-actions .button{padding:11px 16px}.top-actions .button span{font-size:19px;line-height:13px;font-weight:400}.page{max-width:1240px;margin:auto;padding:43px clamp(22px,4vw,62px) 100px}.eyebrow{color:#758c76;font-size:10px;font-weight:800;letter-spacing:.2em}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:31px}.page-heading h1{font-size:clamp(26px,3vw,35px);letter-spacing:-.07em;line-height:1.25;margin:8px 0 7px}.page-heading p{font-size:14px;color:#89948b;margin:0;line-height:1.6}.heading-art{width:170px;height:84px;position:relative;color:#a0b798;font-size:76px;font-family:Georgia,serif;text-align:center;line-height:1}.heading-art:before,.heading-art:after{content:'';position:absolute;border-radius:50%;border:1px solid #cadcc5}.heading-art:before{width:95px;height:95px;left:31px;top:-14px}.heading-art:after{width:60px;height:60px;right:12px;top:18px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:31px}.stat-card{min-height:136px;background:#fff;border:1px solid #e9ece5;border-radius:16px;padding:20px 22px;box-shadow:0 8px 24px #31473508}.stat-top{display:flex;justify-content:space-between;align-items:flex-start;color:#758779;font-size:12px;font-weight:700}.stat-icon{width:31px;height:31px;border-radius:9px;background:#eaf1e6;color:#4f7556;display:grid;place-items:center;font-size:18px}.stat-card:nth-child(2) .stat-icon{background:#f7eddf;color:#bc8e4e}.stat-card:nth-child(3) .stat-icon{background:#e9edfa;color:#737faf}.stat-number{font-size:30px;font-weight:800;letter-spacing:-.06em;margin-top:13px}.stat-foot{font-size:11px;color:#9aa59a;margin-top:4px}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:25px}.panel{background:white;border:1px solid #e9ece5;border-radius:17px;padding:24px;box-shadow:0 8px 24px #31473508}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.panel-title h2{font-size:17px;letter-spacing:-.04em;margin:0}.text-link{border:0;background:none;color:#67836b;font-size:12px;font-weight:700;padding:4px}.text-link:hover{text-decoration:underline}.card-list{display:grid;gap:9px}.note-row{border:1px solid #edf0e8;border-radius:11px;padding:15px;display:flex;gap:14px;align-items:center;text-align:left;background:#fff;color:#243328;width:100%}.note-row:hover{border-color:#acc7ab;background:#fbfdf9}.row-symbol{width:38px;height:38px;border-radius:10px;background:#edf4e8;color:#618b62;display:grid;place-items:center;flex:0 0 38px;font-size:18px}.note-row.draft .row-symbol{background:#fbf1e5;color:#be9858}.note-row-body{min-width:0;flex:1}.note-row strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-row small{display:block;color:#9aa49a;font-size:11px;margin-top:6px}.row-arrow{color:#a8b6a6}.pill{font-size:10px;font-weight:700;border-radius:100px;padding:5px 8px;white-space:nowrap;background:#edf3e8;color:#648569}.pill.amber{background:#fbf1e4;color:#b48c51}.pill.blue{background:#edf0fa;color:#7681aa}.empty-list{padding:32px 20px;border:1px dashed #d8e2d4;border-radius:12px;text-align:center;color:#98a396;font-size:12px;line-height:1.7}.empty-list strong{display:block;color:#4f6654;font-size:14px;margin-bottom:4px}.quick-capture{min-height:224px;background:#e7efe4;border:1px solid #dce9d8;border-radius:15px;padding:24px;position:relative;overflow:hidden}.quick-capture:after{content:'✎';position:absolute;font-family:Georgia,serif;color:#c7dcc5;font-size:120px;right:12px;top:15px;transform:rotate(-12deg);pointer-events:none}.quick-capture>*{position:relative;z-index:1}.quick-capture .eyebrow{color:#7b997c}.quick-capture h3{font-size:18px;letter-spacing:-.05em;line-height:1.4;margin:18px 0 8px}.quick-capture p{font-size:12px;color:#7b927d;line-height:1.6;margin:0 0 16px}.section-break{display:flex;align-items:center;justify-content:space-between;margin:36px 0 15px}.section-break h2{font-size:19px;letter-spacing:-.05em;margin:0}.filterbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.search-box{display:flex;align-items:center;background:white;border:1px solid #e1e7dd;border-radius:10px;min-width:250px;flex:1;padding:0 12px;color:#99aa99}.search-box input{border:0;background:none;outline:none;padding:11px;width:100%;font-size:13px;color:#24382c}.filterbar select{border:1px solid #e1e7dd;border-radius:10px;background:white;padding:9px 12px;color:#405543;font-size:12px;min-width:125px}.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.note-tile{background:#fff;border:1px solid #e8ede5;border-radius:15px;padding:19px;min-height:168px;text-align:left;color:#213129;display:flex;flex-direction:column;gap:9px}.note-tile:hover{border-color:#adc8aa;box-shadow:0 10px 24px #33523a12;transform:translateY(-1px)}.tile-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tile-meta small{font-size:11px;color:#9da89b}.note-tile h3{font-size:15px;letter-spacing:-.04em;margin:0;line-height:1.5}.note-tile p{font-size:12px;color:#819083;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:10px;color:#a2ada0}.star{color:#d5ae60;font-size:17px}.empty-state{background:#fff;border:1px dashed #ceddc9;border-radius:17px;padding:60px 20px;text-align:center;color:#8c9c8d}.empty-state .empty-icon{font-family:Georgia,serif;font-size:54px;color:#b7cdb4;margin-bottom:13px}.empty-state h3{margin:0 0 8px;color:#3d5843;font-size:18px}.empty-state p{font-size:13px;line-height:1.7;margin:0 0 20px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:22px}.detail-main,.detail-side{background:white;border:1px solid #e8ede5;border-radius:17px;padding:28px}.detail-top{display:flex;gap:8px;align-items:center;margin-bottom:14px}.detail-main h1{font-size:27px;letter-spacing:-.06em;line-height:1.4;margin:0 0 18px}.detail-block{margin:26px 0}.detail-block h3{font-size:12px;color:#8e9e8e;margin:0 0 9px;font-weight:700}.detail-block p{font-size:15px;line-height:1.85;white-space:pre-wrap;margin:0}.detail-formula{background:#f5f8f2;border:1px solid #e4ecdf;border-radius:12px;padding:18px;overflow:auto;font-size:19px}.detail-photo{max-width:100%;max-height:550px;border-radius:12px;object-fit:contain;background:#f4f4ef}.detail-side h3{font-size:15px;margin:0 0 16px}.info-list{display:grid;gap:17px;margin:0}.info-list div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.info-list dt{color:#9aa79b}.info-list dd{margin:0;color:#405b44;font-weight:700;text-align:right}.detail-actions{display:grid;gap:10px;margin-top:30px}.detail-actions .button{width:100%}.review-shell{max-width:740px;margin:auto}.review-progress{display:flex;justify-content:space-between;align-items:center;color:#879887;font-size:12px;margin:24px 0 12px}.progress-track{height:6px;background:#e2e9df;border-radius:100px;overflow:hidden}.progress-track div{height:100%;background:#6b9c73;transition:width .3s}.review-card{background:white;border:1px solid #e2e9dc;border-radius:20px;min-height:340px;margin-top:21px;padding:38px;box-shadow:0 15px 38px #39533e0d;display:flex;flex-direction:column}.review-card h2{font-size:24px;letter-spacing:-.05em;line-height:1.5;margin:13px 0}.review-card .prompt{font-size:14px;color:#829284;line-height:1.8}.review-answer{border-top:1px solid #e9eee8;margin-top:24px;padding-top:20px;line-height:1.8;white-space:pre-wrap;font-size:15px}.review-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:auto;padding-top:30px}.review-controls .button{min-width:135px}.review-done{text-align:center;background:#fff;border-radius:18px;padding:55px 20px;border:1px solid #e6ede3}.review-done .empty-icon{font-size:45px;color:#8eb594}.review-done h2{font-size:22px}dialog{border:0;padding:0;border-radius:18px;box-shadow:0 24px 80px #172b2155;color:#253429}dialog::backdrop{background:#192a21aa}.editor-dialog{width:min(760px,calc(100vw - 28px));max-height:min(94vh,950px)}.settings-dialog{width:min(530px,calc(100vw - 28px));max-height:92vh}.editor-dialog form{display:flex;flex-direction:column;max-height:min(94vh,950px)}.dialog-header{padding:22px 26px 17px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e9eee7}.dialog-header h2{font-size:20px;letter-spacing:-.05em;margin:4px 0 0}.icon-button{background:none;border:0;color:#708373;font-size:27px;line-height:1;padding:4px 8px}.editor-body{overflow:auto;padding:23px 26px 10px;display:grid;gap:18px}.editor-body label,.settings-body label{font-size:12px;font-weight:700;color:#405645;display:block}.editor-body input:not([type=checkbox]),.editor-body textarea,.editor-body select,.add-unit-row input{display:block;width:100%;border:1px solid #dce5da;background:#fcfdfa;border-radius:9px;color:#213629;padding:10px 12px;outline:none;font-size:13px;margin-top:7px}.editor-body input:focus,.editor-body textarea:focus,.editor-body select:focus,.add-unit-row input:focus{border-color:#7baa83;box-shadow:0 0 0 3px #9fcb9f33}.editor-body textarea{resize:vertical;min-height:76px;line-height:1.7}.muted-label{font-weight:400;color:#a0ada0;margin-left:4px}.form-row{display:grid;gap:13px}.two-col{grid-template-columns:1fr 1fr}.check-label{display:flex!important;align-items:center;gap:7px;margin-top:17px}.check-label input{accent-color:#426d4b}.math-section{background:#f5f8f3;padding:15px;border-radius:12px;border:1px solid #e4ece1}.section-label-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.section-label-row span,.field-hint{font-size:11px;color:#9ba99b}.math-toolbar{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.math-toolbar button{background:white;border:1px solid #dbe6d9;border-radius:6px;min-width:38px;padding:5px 8px;color:#45654b;font-size:14px}.math-toolbar button:hover{background:#e7f0e4}.formula-input{font-family:Consolas,monospace!important}.formula-preview{min-height:51px;background:white;border:1px solid #e1e9df;border-radius:9px;margin-top:9px;padding:11px 14px;overflow:auto;font-size:19px}.formula-preview .placeholder{font:12px 'Noto Sans KR',sans-serif;color:#a3afa3}.field-hint{margin:7px 0 0;line-height:1.5}.photo-preview{position:relative;background:#f3f5f0;border:1px solid #e1e7dd;border-radius:10px;padding:10px;max-width:330px}.photo-preview img{max-width:100%;max-height:220px;display:block;margin:auto}.photo-preview button{position:absolute;top:5px;right:5px;border:0;background:#fff;color:#994d41;border-radius:7px;padding:5px 9px;font-size:11px}.dialog-footer{display:flex;align-items:center;gap:8px;border-top:1px solid #e9eee7;padding:16px 26px;background:white}.footer-spacer{flex:1}.settings-body{padding:22px 26px 26px;overflow:auto;max-height:70vh}.settings-body>p{color:#667869;font-size:13px;line-height:1.8;margin:0 0 16px}.settings-actions{display:flex;gap:9px;flex-wrap:wrap}.settings-body .field-hint{font-size:11px;margin-top:12px}.settings-body h3{font-size:15px;margin:19px 0 10px}.divider{height:1px;background:#e9eee7;margin-top:25px}.unit-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf0eb;font-size:13px}.unit-row button{border:0;background:none;color:#759077;font-size:12px}.add-unit-row{display:flex;gap:8px;margin-top:14px}.add-unit-row input{margin:0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#294936;color:#fff;border-radius:10px;padding:10px 16px;font-size:12px;box-shadow:0 10px 25px #152d1b30;opacity:0;pointer-events:none;transition:.2s;z-index:50}.toast.visible{transform:translate(-50%,0);opacity:1}.bottom-nav,.mobile-only{display:none}
[hidden]{display:none!important}
@media(max-width:950px){.sidebar{width:206px;flex-basis:206px}.content-grid,.detail-layout{grid-template-columns:1fr}.quick-capture{min-height:170px}.quick-capture h3{margin-top:10px}.heading-art{display:none}}
@media(max-width:700px){.sidebar{display:none}.mobile-only{display:block}.topbar{height:62px;padding:0 17px;gap:8px}.breadcrumb{margin-right:auto;font-size:12px;gap:7px}.top-actions{gap:8px}.top-actions .button{padding:8px 10px;font-size:11px}.save-state{display:none}.page{padding:27px 17px 105px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.stats-grid{gap:8px;margin-bottom:20px}.stat-card{min-height:105px;padding:13px 12px;border-radius:12px}.stat-top{font-size:10px;line-height:1.4}.stat-icon{display:none}.stat-number{font-size:25px;margin-top:13px}.stat-foot{font-size:9px}.content-grid{gap:15px}.panel{padding:17px}.section-break{margin:28px 0 13px}.section-break h2{font-size:17px}.note-grid{grid-template-columns:1fr}.note-tile{min-height:140px}.filterbar{display:grid;grid-template-columns:1fr 1fr}.filterbar .search-box{grid-column:1/-1;min-width:0}.filterbar select{min-width:0}.detail-main,.detail-side{padding:19px}.detail-main h1{font-size:22px}.review-card{padding:24px;min-height:320px}.review-card h2{font-size:20px}.review-controls .button{min-width:0;flex:1}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:69px;padding-bottom:env(safe-area-inset-bottom);background:white;box-shadow:0 -4px 20px #1d352014;display:flex;align-items:center;justify-content:space-around;z-index:20}.bottom-nav button{background:none;border:0;color:#91a093;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:48px}.bottom-nav button span{font-size:21px}.bottom-nav button.active{color:#2c5a38;font-weight:800}.bottom-nav .mobile-new{border-radius:15px;background:#2a533a;color:white;width:46px;height:46px;font-size:29px;display:grid;place-items:center;line-height:1;transform:translateY(-11px);box-shadow:0 6px 15px #2a533a38}.editor-dialog{width:100vw;max-width:100vw;max-height:95dvh;margin:auto 0 0;border-radius:18px 18px 0 0}.editor-dialog form{max-height:95dvh}.editor-body{padding:19px 17px}.dialog-header,.dialog-footer{padding-left:17px;padding-right:17px}.two-col{grid-template-columns:1fr}.check-label{margin-top:0}.settings-dialog{width:calc(100vw - 20px)}.toast{bottom:82px;white-space:nowrap}}
.subject-fields{display:grid;gap:18px}.subject-fields[hidden]{display:none}.form-label{font-size:12px;font-weight:700;color:#405645}.concept-choices{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.concept-choice{display:inline-flex!important;align-items:center;gap:5px;background:#f3f7f0;border:1px solid #dfe9db;border-radius:100px;padding:7px 10px;font-size:11px!important;font-weight:600!important}.concept-choice input{accent-color:#426d4b}.subject-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:27px}.subject-pick{background:white;border:1px solid #e5ebe2;border-radius:16px;padding:22px;text-align:left;color:#2a4932;min-height:155px;display:flex;flex-direction:column;gap:11px}.subject-pick:hover{border-color:#9dbd9e;box-shadow:0 10px 25px #2b563a12}.subject-pick.social{background:#fffdf8;border-color:#eee5d7;color:#7c613d}.subject-pick.social:hover{border-color:#d5b783}.subject-pick .subject-symbol{font-family:Georgia,serif;font-size:31px;line-height:1}.subject-pick strong{font-size:18px;letter-spacing:-.04em}.subject-pick small{font-size:12px;color:#8f9b8f}.subject-pick.social small{color:#aa9883}.subject-heading{display:flex;align-items:center;gap:9px}.subject-heading .subject-mark{display:grid;place-items:center;width:42px;height:42px;background:#e8f2e5;border-radius:12px;font-size:24px;color:#4b7552}.social-theme .subject-mark{background:#f8efdf;color:#b88c50}.social-theme .pill.blue{background:#f7eddf;color:#aa7e43}.answer-badge{display:inline-flex;border-radius:8px;padding:5px 9px;font-weight:800;font-size:12px;background:#eaf1e6;color:#426b49}.answer-badge.false{background:#f8eae5;color:#ae594a}.answer-badge.unknown{background:#eef0ed;color:#88978a}.social-reveal{border-top:1px solid #e9eee8;margin-top:20px;padding-top:18px;display:grid;gap:12px}.social-reveal p{margin:0;line-height:1.8;white-space:pre-wrap}.social-reveal .result-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#637a65}.choice-row{display:flex;gap:12px;justify-content:center;margin-top:auto;padding-top:28px}.choice-button{width:74px;height:64px;border-radius:13px;background:#f5f8f2;border:1px solid #dce9d8;color:#45684a;font-size:25px;font-weight:800}.choice-button.selected{background:#e5f1e2;border:2px solid #4c8a58}.choice-button.wrong{color:#b25f50;background:#fcf1ee;border-color:#edd7d0}.choice-button.wrong.selected{background:#f9e6e0;border:2px solid #c87969}.hint-button{border:0;background:none;color:#87998a;font-size:12px;text-decoration:underline;padding:5px}.review-subtitle{font-size:12px;color:#92a092}.review-response{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:13px}.review-response .button{min-width:135px}.detail-main .statement-text{font-size:18px;line-height:1.8;white-space:pre-wrap}.concept-tags{display:flex;flex-wrap:wrap;gap:6px}.top-actions .subject-select{background:white;border:1px solid #dce8da;border-radius:9px;color:#395c40;padding:9px;font-size:12px}.subject-pick.selected{outline:2px solid #84ac86}
@media(max-width:700px){.subject-picks{gap:8px}.subject-pick{min-height:133px;padding:14px}.subject-pick strong{font-size:15px}.subject-pick small{font-size:10px}.bottom-nav button{min-width:39px}.bottom-nav .mobile-new{width:42px;height:42px}.review-response .button{min-width:0;flex:1}.choice-button{width:68px;height:58px}}
.short-review-label{display:block;font-size:12px;font-weight:700;color:#405645;margin-top:auto;padding-top:24px}.short-review-label input{display:block;width:100%;border:1px solid #dce5da;background:#fcfdfa;border-radius:9px;color:#213629;padding:12px;font-size:14px;margin-top:8px;outline:none}.short-review-label input:focus{border-color:#7baa83;box-shadow:0 0 0 3px #9fcb9f33}
.subject-create{display:flex;gap:9px;flex-wrap:wrap;margin:-8px 0 20px}.problem-dialog{width:min(820px,calc(100vw - 28px))}.problem-options{display:grid;gap:14px}.problem-options-heading,.problem-option-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.problem-options-heading strong{font-size:15px}.problem-option{display:grid;gap:15px;border:1px solid #e2e9df;background:#fbfdf9;border-radius:13px;padding:18px}.problem-option-head{border-bottom:1px solid #e7ede4;padding-bottom:10px}.problem-option-head strong{font-size:14px}.problem-detail-list{display:grid;gap:16px;margin-top:22px}.problem-detail-option{border:1px solid #e5ece1;border-radius:13px;padding:20px;background:#fbfdf9}.problem-detail-option h2{font-size:18px;line-height:1.5;margin:8px 0}.problem-detail-option .detail-block{margin:16px 0}.problem-option-foot{display:flex;gap:12px;flex-wrap:wrap;color:#839485;font-size:11px;margin:16px 0}.review-context{padding:12px 14px;background:#f5f8f2;border-radius:10px;margin-bottom:18px;font-size:12px;color:#5d785e}.review-context img{display:block;max-width:100%;max-height:280px;object-fit:contain;margin-top:10px;border-radius:8px}.problem-detail-option .button{margin-top:6px}
@media(max-width:700px){.problem-dialog{width:100vw;max-width:100vw}.problem-option{padding:14px}.subject-create .button{flex:1}.problem-detail-option{padding:16px}}
.social-tabs{display:flex;gap:7px;border-bottom:1px solid #e1e9dd;margin:-7px 0 22px}.social-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#829583;font-size:13px;font-weight:700;padding:12px 16px;cursor:pointer}.social-tabs button.active{color:#3e6848;border-bottom-color:#5e9268}.social-tabs button:focus-visible{outline:2px solid #80aa86;outline-offset:2px}
@media(max-width:700px){.social-tabs button{flex:1;padding:12px 8px;font-size:12px}}
.subject-picks{grid-template-columns:repeat(3,minmax(0,1fr))}.subject-pick.language{background:#f8f9fd;border-color:#e1e5f0;color:#465980}.subject-pick.language small{color:#8894ad}.subject-pick.language:hover{border-color:#a9b7d6}
.rich-toolbar{display:flex;gap:5px;flex-wrap:wrap;background:#f5f8f2;border:1px solid #e2eadf;border-radius:10px;padding:9px}.rich-toolbar button{border:1px solid #dce5da;background:#fff;color:#3f5845;border-radius:6px;padding:5px 8px;font-size:11px;cursor:pointer}.rich-toolbar button:hover,.rich-toolbar button:focus-visible{outline:2px solid #9fc7a4}.rich-toolbar .mark-yellow{background:#fff2a8}.rich-toolbar .mark-pink{background:#ffd9e6}.rich-toolbar .mark-blue{background:#dcecff}.rich-toolbar .color-red{color:#a13f39}.rich-toolbar .color-blue{color:#2c6385}.rich-toolbar .color-green{color:#397044}
.rich-editor{display:block;min-height:96px;max-height:380px;overflow:auto;border:1px solid #dce5da;background:#fcfdfa;border-radius:9px;color:#213629;padding:11px 12px;outline:none;font-size:14px;line-height:1.7;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.rich-editor:focus{border-color:#7baa83;box-shadow:0 0 0 3px #9fcb9f33}.rich-editor:empty:before{content:attr(data-placeholder);color:#a5b1a4;pointer-events:none}.rich-display{font-size:calc(15px * var(--reader-scale,1));line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.rich-display div{margin:.25em 0}.rich-editor strong,.rich-display strong{font-weight:800}.rich-editor em,.rich-display em{font-style:italic}.rich-editor u,.rich-display u{text-decoration:underline}.rich-editor .rt-red,.rich-display .rt-red{color:#a13f39}.rich-editor .rt-blue,.rich-display .rt-blue{color:#2c6385}.rich-editor .rt-green,.rich-display .rt-green{color:#397044}.rich-editor .rt-mark-yellow,.rich-display .rt-mark-yellow{background:#fff2a8}.rich-editor .rt-mark-pink,.rich-display .rt-mark-pink{background:#ffd9e6}.rich-editor .rt-mark-blue,.rich-display .rt-mark-blue{background:#dcecff}.rich-editor .rt-small,.rich-display .rt-small{font-size:.8em}.rich-editor .rt-normal,.rich-display .rt-normal{font-size:1em}.rich-editor .rt-large,.rich-display .rt-large{font-size:1.3em}.rich-editor .rt-xlarge,.rich-display .rt-xlarge{font-size:1.65em}
.reader-controls{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:#778c7b;font-size:12px}.reader-controls button{border:1px solid #dbe7d8;background:#fff;border-radius:7px;width:29px;height:29px;color:#52775b;font-size:17px}.reader-controls strong{min-width:39px;text-align:center}.filter-check{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#5c765f;font-size:12px}.filter-check input{accent-color:#426d4b}
@media(max-width:700px){.subject-picks{grid-template-columns:1fr 1fr}.subject-pick.language{grid-column:1/-1;min-height:100px}.bottom-nav button{min-width:34px}.bottom-nav button span{font-size:18px}.rich-toolbar{max-height:115px;overflow:auto}.rich-toolbar button{padding:7px 9px}}

.rich-editor em,.rich-display em,.rich-toolbar [data-format='italic'] i{font-style:oblique 14deg;font-synthesis:style}

.draft-state{font-size:11px;color:#718576;max-width:150px;line-height:1.35}
@media(max-width:700px){.dialog-footer{flex-wrap:wrap}.draft-state{width:100%;max-width:none}}

.pdf-link-fields{display:grid;gap:8px;border:1px solid #dce8da;background:#f8fbf6;border-radius:12px;padding:15px}.pdf-link-fields strong{font-size:13px;color:#385d40}.pdf-link-fields .field-hint{margin:0}.pdf-link-row{grid-template-columns:minmax(0,2fr) minmax(90px,1fr) minmax(90px,1fr)}
.pdf-library-list{display:grid;gap:12px}.pdf-library-item{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e2e9df;border-radius:13px;padding:18px}.pdf-library-item strong{font-size:15px;color:#31533b}.pdf-library-item p{font-size:12px;color:#879687;line-height:1.6;margin:7px 0 0;overflow-wrap:anywhere}.pdf-library-actions{display:flex;flex-wrap:wrap;gap:7px}.pdf-reference{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#f3f8f1;border:1px solid #dce9d9;border-radius:11px;padding:12px 14px;margin:18px 0;color:#436b4a;font-size:13px}.pdf-missing{color:#a05a4e;font-size:12px}
.pdf-viewer-dialog{width:min(1100px,calc(100vw - 28px));height:min(96vh,950px);max-height:96vh;overflow:hidden}.pdf-viewer-dialog[open]{display:flex;flex-direction:column}.pdf-viewer-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid #e9eee7}.pdf-viewer-toolbar label{display:flex;align-items:center;gap:6px;color:#56705a;font-size:12px}.pdf-viewer-toolbar input{width:68px;padding:8px;border:1px solid #dce5da;border-radius:8px}.pdf-viewer-dialog iframe{display:block;flex:1;min-height:0;width:100%;border:0;background:#f2f4f0}.pdf-viewer-hint{font-size:11px;color:#819184;margin:8px 18px}
@media(max-width:700px){.pdf-link-row{grid-template-columns:1fr}.pdf-library-item{align-items:stretch;flex-direction:column}.pdf-library-actions .button{flex:1}.pdf-viewer-dialog{width:100vw;height:96dvh;max-height:96dvh;margin:auto 0 0;border-radius:16px 16px 0 0}.pdf-viewer-toolbar{padding:8px}.pdf-viewer-toolbar .button{padding:7px;font-size:11px}.pdf-viewer-toolbar label{order:-1;width:100%}}

.pdf-detail-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}.pdf-detail-layout>.pdf-inline-panel{grid-column:1;grid-row:1 / span 2;position:sticky;top:18px}.pdf-detail-layout>.detail-main{grid-column:2;grid-row:1}.pdf-detail-layout>.detail-side{grid-column:2;grid-row:2}.pdf-review-page{max-width:1320px}.pdf-study-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:start;margin-top:21px}.pdf-study-layout>.review-card{margin-top:0}
.pdf-inline-panel{min-width:0;background:#fff;border:1px solid #e2e9df;border-radius:17px;overflow:hidden;box-shadow:0 10px 28px #39533e0d}.pdf-inline-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid #e9eee7}.pdf-inline-header h2{font-size:16px;line-height:1.45;margin:3px 0 0;overflow-wrap:anywhere}.pdf-inline-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 14px}.pdf-inline-toolbar label{display:flex;align-items:center;gap:6px;font-size:12px;color:#56705a}.pdf-inline-toolbar input{width:65px;padding:7px;border:1px solid #dce5da;border-radius:8px}.pdf-inline-toolbar .button{font-size:11px;padding:7px 9px}.pdf-inline-hint{font-size:11px;color:#819184;margin:0 16px 8px}.pdf-inline-panel iframe{display:block;width:100%;height:min(68vh,850px);border:0;background:#f2f4f0}
@media(max-width:950px){.pdf-detail-layout,.pdf-study-layout{grid-template-columns:1fr}.pdf-detail-layout>.pdf-inline-panel,.pdf-detail-layout>.detail-main,.pdf-detail-layout>.detail-side{grid-column:1;grid-row:auto}.pdf-detail-layout>.pdf-inline-panel{position:static}.pdf-study-layout{gap:14px}.pdf-inline-panel iframe{height:55vh}}
@media(max-width:700px){.pdf-inline-header{padding:12px}.pdf-inline-header h2{font-size:14px}.pdf-inline-toolbar{padding:8px}.pdf-inline-panel iframe{height:48vh}.pdf-study-layout>.review-card{margin-top:0}}

.editor-dialog.with-pdf{width:min(1200px,calc(100vw - 28px))}.editor-dialog.with-pdf #math-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.editor-dialog.with-pdf #math-fields>*:not(.pdf-editor-preview){grid-column:1}.editor-dialog.with-pdf #card-pdf-preview{grid-column:2;grid-row:1 / span 6;align-self:start;position:sticky;top:0}.pdf-editor-preview{min-width:0;border:1px solid #dce8da;border-radius:12px;background:#fff;overflow:hidden}.pdf-editor-preview iframe{display:block;width:100%;height:min(62vh,710px);border:0;background:#f2f4f0}
@media(max-width:950px){.editor-dialog.with-pdf #math-fields{grid-template-columns:1fr}.editor-dialog.with-pdf #math-fields>*:not(.pdf-editor-preview),.editor-dialog.with-pdf #card-pdf-preview{grid-column:1;grid-row:auto}.editor-dialog.with-pdf #card-pdf-preview{position:static}.pdf-editor-preview iframe{height:47vh}}
@media(max-width:700px){.editor-dialog.with-pdf{width:100vw;max-width:100vw}.pdf-editor-preview iframe{height:40vh}}

.pdf-canvas-wrap{overflow:auto;background:#e9ede8;min-height:240px;text-align:center}.pdf-canvas-wrap canvas{display:block;margin:0 auto;background:#fff;box-shadow:0 3px 16px #172b2126}.pdf-canvas-status{min-height:18px;color:#8b584b;font-size:11px;line-height:1.5;margin:8px 15px}.pdf-inline-panel .pdf-canvas-wrap{height:min(68vh,850px)}.pdf-editor-preview .pdf-canvas-wrap{height:min(62vh,710px)}
@media(max-width:950px){.pdf-inline-panel .pdf-canvas-wrap{height:55vh}.pdf-editor-preview .pdf-canvas-wrap{height:47vh}}
@media(max-width:700px){.pdf-inline-panel .pdf-canvas-wrap{height:48vh}.pdf-editor-preview .pdf-canvas-wrap{height:40vh}}