:root{--primary:#4f46e5;--primary-light:#eef2ff;--background:#f9fafb;--text:#111827;--text-light:#6b7280;--border:#e5e7eb;--border-light:#f3f4f6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .15s ease;cursor:pointer}.btn-primary{background-color:var(--primary);color:#fff;border:none;box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn-primary:hover{background-color:#4338ca;transform:translateY(-1px)}.btn-ghost{background-color:#fff;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background-color:var(--background);border-color:var(--text-light);color:var(--text)}.btn-icon{padding:.5rem;border-radius:.375rem}.input{width:100%;padding:.625rem 1rem;border-radius:.5rem;border:1px solid var(--border);background-color:#fff;color:var(--text);font-size:.875rem;transition:all .15s ease}.input::-moz-placeholder{color:var(--text-light)}.input::placeholder{color:var(--text-light)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}textarea.input{min-height:100px;resize:vertical}.card{background-color:#fff;border-radius:1rem;border:1px solid var(--border-light);box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .15s ease;padding:1.5rem;margin-bottom:1rem;cursor:pointer}.card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-color:var(--border)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;background-color:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);padding:.75rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:1.25rem;font-weight:600;color:var(--text);text-decoration:none;letter-spacing:-.025em}.nav-logo:hover{color:var(--primary)}.menu-container{justify-content:space-between;margin:2rem 0;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.menu,.menu-container{display:flex;align-items:center}.menu{gap:.5rem;overflow-x:auto;scrollbar-width:none;margin:0;padding:0}.menu-item{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:var(--text-light);transition:all .15s ease;white-space:nowrap;border:1px solid transparent;background:none;cursor:pointer}.menu-item:hover{color:var(--text);background-color:var(--background)}.menu-item.active{background-color:var(--primary-light);color:var(--primary);font-weight:600}.post-list{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}.post-item{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background-color .2s ease}.post-item:last-child{border-bottom:none}.post-item:hover{background-color:var(--border-light)}.post-item.selected{background-color:var(--primary-light)}.post-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.post-title-wrapper{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.post-number{color:var(--text-light);font-weight:500;flex-shrink:0;min-width:2rem}.post-title{font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-icon{color:#ef4444;flex-shrink:0;display:flex;align-items:center}.content{max-width:1200px;margin:0 auto;padding:5rem 1.5rem 2rem}.settings-panel{position:fixed;top:4.5rem;right:1.5rem;width:320px;background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:1px solid var(--border-light);padding:1.25rem}.video-container{position:relative;width:100%;padding-bottom:56.25%;margin:1rem 0}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;padding:2rem;border-radius:.5rem;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;position:relative}.modal-body{flex:1;overflow-y:auto;padding-right:1rem;margin-right:-1rem}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#555}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light)}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--text);margin:0}.btn-close{background:none;border:none;font-size:1.5rem;line-height:1;padding:.25rem;cursor:pointer;color:var(--text-light);border-radius:.375rem}.btn-close:hover{background-color:var(--border-light);color:var(--text)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-light);background-color:var(--background)}.modal-body a{text-decoration:none!important;margin:.25rem;display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,.05)}.modal-body a:hover{text-decoration:none!important;box-shadow:0 2px 4px rgba(0,0,0,.1)}.modal-body a svg{margin-left:.25rem}.modal-body a.link-button{display:inline-flex!important;align-items:center!important;gap:.75rem!important;padding:.625rem 1.25rem!important;background:linear-gradient(180deg,#fff,#f9fafb)!important;border:1px solid #e5e7eb!important;border-radius:.5rem!important;color:#4f46e5!important;font-size:.875rem!important;font-weight:500!important;text-decoration:none!important;transition:all .2s ease!important;margin:.375rem!important;box-shadow:0 1px 2px rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.03)!important;position:relative!important;overflow:hidden!important}.modal-body a.link-button:before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))!important;opacity:0!important;transition:opacity .2s ease!important}.modal-body a.link-button:hover{background:linear-gradient(180deg,#f9fafb,#f3f4f6)!important;border-color:#d1d5db!important;color:#4338ca!important;transform:translateY(-1px)!important;box-shadow:0 4px 6px -1px rgba(79,70,229,.1),0 2px 4px -1px rgba(79,70,229,.06)!important}.modal-body a.link-button:hover:before{opacity:1!important}.modal-body a.link-button:active{transform:translateY(0)!important;box-shadow:0 1px 2px rgba(79,70,229,.05)!important}.modal-body a.link-button .link-icon{width:1rem!important;height:1rem!important;opacity:.75!important;transition:all .2s ease!important}.modal-body a.link-button:hover .link-icon{opacity:1!important;transform:translateX(2px)!important}.modal-body pre{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin:1rem 0;font-family:ui-monospace,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap}.modal-body .lecture-note-title{display:flex;align-items:center;gap:.75rem;background:linear-gradient(120deg,#4f46e5,#7c3aed);color:#fff;padding:.75rem 1.5rem;border-radius:.75rem .75rem 0 0;font-weight:600;font-size:1.1rem;margin:2rem 0 0;box-shadow:0 2px 4px rgba(79,70,229,.2)}.modal-body .lecture-note-title:before{content:"📝";font-size:1.25rem}.modal-body .lecture-note-content{background-color:#f8fafc;border:1px solid #e2e8f0;border-top:none;padding:1.75rem;margin:0 0 2rem;border-radius:0 0 .75rem .75rem;line-height:1.8;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.modal-body .lecture-section-title{display:block;color:#4f46e5;font-weight:600;font-size:1.1em;margin:0 0 1rem;padding:.5rem 1rem;background-color:#eef2ff;border-radius:.5rem}.modal-body .lecture-section-title+*{margin-left:1rem;padding-bottom:1rem;border-bottom:1px dashed #e5e7eb}.lecture-note{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin:2rem 0;overflow:hidden}.lecture-note-header{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600}.lecture-note-icon{width:1.5rem;height:1.5rem}.lecture-section{padding:1.5rem;border-bottom:1px solid #e5e7eb}.lecture-section:last-child{border-bottom:none}.lecture-section-title{color:#4f46e5;font-weight:600;font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center}.lecture-section-title:before{content:"";display:inline-block;width:4px;height:1.1rem;background:#4f46e5;margin-right:.75rem;border-radius:2px}.lecture-section-content{color:#374151;line-height:1.8;white-space:pre-wrap;padding-left:calc(4px + .75rem)}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.text-primary{color:var(--primary)}.text-text-light{color:var(--text-light)}.mt-4,.space-y-4>*+*{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.text-sm{font-size:.875rem}.font-medium{font-weight:500}.whitespace-pre-wrap{white-space:pre-wrap}.w-full{width:100%}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.pagination-button{padding:.5rem 1rem;border:1px solid var(--border-light);border-radius:.375rem;background:#fff;color:var(--text);cursor:pointer;transition:all .2s}.pagination-button:hover{background:var(--border-light)}.pagination-button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.content-expandable{position:relative;max-height:120px;overflow:hidden;transition:max-height .3s ease-out;line-height:1.6}.content-expandable.expanded{max-height:none}.content-overlay{position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(transparent,#fff);pointer-events:none;opacity:1;transition:opacity .3s ease-out}.content-expandable.expanded .content-overlay{opacity:0}.expand-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.expand-button:hover{background:#e5e7eb;color:#1f2937}.expand-button svg{width:1rem;height:1rem;transition:transform .3s ease}.expand-button.expanded svg{transform:rotate(180deg)}@media (max-width:640px){.content-expandable{max-height:96px}}.code-block{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin:1.5rem 0;overflow:hidden;border:1px solid #e5e7eb}.code-section{padding:1.25rem;border-bottom:1px solid #e5e7eb}.code-section:last-child{border-bottom:none}.code-section-title{color:#111827;font-weight:600;font-size:1.1rem;margin-bottom:.75rem;display:flex;align-items:center}.code-section-title:before{content:"";display:inline-block;width:3px;height:1rem;background:#6366f1;margin-right:.75rem;border-radius:1.5px}.code-section-content{color:#374151;line-height:1.8;white-space:pre-wrap;padding-left:calc(3px + .75rem)}.inline-image{display:inline-block;width:100px;height:100px;margin:.5rem;cursor:pointer;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.inline-image:hover{transform:scale(1.05);box-shadow:0 4px 6px rgba(0,0,0,.1)}.inline-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_d65c78;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_d65c78{font-family:__Inter_d65c78,__Inter_Fallback_d65c78;font-style:normal}