.study-page{background:radial-gradient(ellipse at 80% 0,#20283f77,transparent 45%),#080d19;min-height:100vh}
.study-hero{overflow:clip}
.study-container{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.study-header{height:105px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}
.study-header nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}.study-header nav a{padding-block:12px}.study-header nav [aria-current]{color:#e2d5ff;border-bottom:1px solid #bba9e8}
.account-actions{display:flex;gap:16px;align-items:center;flex-shrink:0}.account-actions .button{min-height:40px;font-size:12px;padding:8px 15px}.account-actions>span{font-size:11px;color:var(--muted)}.account-actions .text-button{font-size:12px}
.study-hero{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:62px 0 46px;position:relative}.study-hero .eyebrow{font-size:10px;color:var(--gold)}.study-hero h1{font:400 48px/1.65 var(--serif);margin:18px 0;letter-spacing:1px}.study-hero h1 span{color:#c9b8ed}.study-intro{color:var(--muted);font-size:14px;line-height:2}.study-hero-meta{display:flex;align-items:center;gap:17px;margin-top:26px;color:#b9c5d9;font-size:11px}.study-hero-meta i{color:#d5c6ab;font:14px Georgia,serif}
.study-emblem{width:265px;height:210px;position:relative;display:grid;place-items:center;margin-right:6%;flex-shrink:0}.study-emblem svg{width:205px;transform:rotate(-7deg);filter:drop-shadow(0 15px 20px #0007)}.emblem-orbit{position:absolute;inset:-10px -5px;border:1px solid #6b648344;border-radius:50%;transform:rotate(-22deg)}.emblem-orbit:after{content:"";position:absolute;inset:15px -30px;border:1px solid #6b648344;border-radius:50%;transform:rotate(45deg)}.study-emblem>span{position:absolute;bottom:5px;font:8px var(--eng);letter-spacing:1.8px;color:#9da8be}
.study-status{font-size:13px;color:var(--accent);min-height:28px;margin:4px 0 20px}.study-status.is-error{color:#f5b6bd}
.study-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:48px;align-items:start;padding-bottom:70px;min-height:400px}
.subjects-panel{border-top:1px solid #4f536b;padding-top:22px;position:sticky;top:24px}.subject-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.subject-heading h2{font:15px var(--serif);margin:0;letter-spacing:1px}.subject-heading>span{font:10px var(--eng);color:var(--muted)}
.subject-tab{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;border:1px solid transparent;padding:12px 13px;background:transparent;text-align:left;font-size:13px;color:var(--muted);border-radius:4px;margin-bottom:7px}.subject-tab>span:first-child{overflow-wrap:anywhere}.subject-tab>span:last-child{font:10px var(--eng);flex-shrink:0}.subject-tab.is-active{background:#bba9e814;border-color:#6d6288;color:#e3d9f5}.subject-tab:hover{background:#bba9e80b;color:var(--text)}
.add-subject{width:100%;text-align:left;border:1px dashed #566079;border-radius:4px;background:none;color:#c4b4e6;padding:11px 13px;margin-top:14px;font-size:12px;min-height:44px}.add-subject:hover{border-color:#bba9e8}.subject-tip{font-size:11px;color:#a3afc3;border-top:1px solid var(--line);padding-top:22px;margin-top:28px;line-height:2}
.resources-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:16px;border-top:1px solid #4f536b}.resources-heading .eyebrow{font-size:9px;letter-spacing:1.8px}.subject-title-line{display:flex;gap:18px;align-items:center;margin-top:9px}.subject-title-line h2{font:400 28px/1.6 var(--serif);margin:0;overflow-wrap:anywhere}.subject-title-line .text-button{font-size:11px;flex-shrink:0}.resources-heading #resource-count{font-size:11px;color:var(--muted);margin-top:7px}.resources-heading .button{min-height:44px;font-size:12px;gap:23px;flex-shrink:0}
.study-toolbar{display:flex;gap:14px;margin:26px 0 23px}.study-search{display:flex;align-items:center;gap:11px;border:1px solid #4e5b74;background:#0f1828;border-radius:4px;padding:0 14px;flex:1;min-width:0}.study-search>span{font-size:26px;color:#b2a8cd;line-height:1}.study-search input{background:none;border:0;width:100%;min-width:0;height:46px;color:var(--text);font-size:13px;outline:none}.study-search:focus-within{outline:1px solid #bba9e8;outline-offset:3px}.study-search input::placeholder{color:#a6b3c8}.study-search input:focus-visible{outline:none}.study-toolbar>select{background:#111b2c;border:1px solid #56637d;border-radius:4px;color:#d5dbea;padding:10px 13px;font-size:12px;max-width:150px}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.resource-card{background:linear-gradient(130deg,#172137,#101827);border:1px solid #36415b;border-radius:6px;overflow:hidden;min-width:0;transition:border-color .2s,transform .2s;display:flex;flex-direction:column}.resource-card:hover{border-color:#9c8cbb;transform:translateY(-3px)}.resource-card-image{width:100%;height:150px;object-fit:cover;background:#121a28;display:block;border-bottom:1px solid #39435b}.resource-card-content{padding:21px;flex:1;display:flex;flex-direction:column}.resource-card-top{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:10px}.resource-type-label{display:flex;gap:7px;align-items:center;color:#c7b7e8}.resource-type-icon{font-size:20px;line-height:1}.visibility-label{font-size:10px;color:#b3bfd2;border:1px solid #58637a;padding:1px 7px;border-radius:20px;flex-shrink:0}.visibility-label.is-private{color:#dec7ad;border-color:#746753}.resource-card h3{font:400 21px/1.7 var(--serif);margin:14px 0 9px;overflow-wrap:anywhere}.resource-card .resource-summary{font-size:12px;color:var(--muted);line-height:1.9;overflow-wrap:anywhere;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:46px;margin-bottom:21px}.resource-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:11px;margin-top:auto}.resource-card-bottom>span{font-size:10px;color:#b0bcd0;overflow-wrap:anywhere}.resource-open{font-size:11px;border:0;background:transparent;color:#e4d4ff;padding:8px 0;min-height:40px;white-space:nowrap}.resource-open:hover{color:white}
.study-empty{padding:65px 24px;text-align:center;border:1px dashed #4c5471;border-radius:6px;background:#10172688}.study-empty>span{font:40px Georgia,serif;color:var(--accent)}.study-empty h3{font:400 23px/1.8 var(--serif);margin:15px 0}.study-empty p{color:var(--muted);font-size:12px;line-height:2}.study-empty .button{margin-top:24px;font-size:12px}.study-list-end{font-size:11px;color:#a3afc6;text-align:center;margin-top:36px;letter-spacing:1px}
.study-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-block:30px 40px;font-size:12px;color:var(--muted)}.study-footer p{font:9px var(--eng);letter-spacing:1.7px}
.study-dialog{width:min(740px,calc(100% - 32px));padding:35px 34px 28px;max-height:calc(100dvh - 40px);overflow:auto}.study-dialog .eyebrow{font-size:9px;color:var(--gold);letter-spacing:1.7px;padding-right:30px}.study-dialog h2{font-size:30px;margin:10px 0 12px;line-height:1.7;overflow-wrap:anywhere}.compact-dialog{width:min(440px,calc(100% - 32px));padding-top:40px}.dialog-description{font-size:13px;color:var(--muted);line-height:2;margin-bottom:21px;white-space:pre-wrap;overflow-wrap:anywhere}.study-dialog label{display:block;font-size:12px;color:#d4ddec;margin:16px 0 8px}.study-dialog input:not([type=file]),.study-dialog select,.study-dialog textarea{width:100%;min-width:0;max-width:100%;background:#0b1423;border:1px solid #64728d;border-radius:4px;color:var(--text);padding:11px 12px;font-size:13px}.study-dialog input::placeholder,.study-dialog textarea::placeholder{color:#a2afc5}.study-dialog textarea{resize:vertical;line-height:1.9;min-height:130px}.study-dialog .form-row{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.form-row>div{min-width:0}.study-dialog .button{font-size:12px;min-height:44px}.form-error{font-size:12px;color:#ffc1c8;margin-top:14px;line-height:1.8;white-space:pre-wrap}.form-error:empty{display:none}.form-actions{display:flex;gap:22px;align-items:center;margin-top:24px;flex-wrap:wrap}#login-submit{margin-top:25px;width:100%}.danger-text{color:#f4b3bd}.study-dialog .field-help{font-size:11px;color:#b6c1d3;margin-top:7px;line-height:1.8}.upload-zone{margin-top:23px;border:1px dashed #7a7399;border-radius:5px;background:#bba9e805}.upload-zone.is-dragging{border-color:#d0b3ff;background:#bba9e81a}.upload-zone label{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;cursor:pointer;margin:0;padding:24px 12px}.upload-zone label>span{font-size:27px;color:#cbb8ee}.upload-zone strong{font-size:12px;font-weight:400;color:#ded6ee}.upload-zone small{font-size:10px;color:#b4bfd1;line-height:1.8}.upload-zone input{display:block;width:calc(100% - 32px);margin:0 16px 16px;color:#bac5d7;font-size:11px}.upload-list{padding:0;list-style:none;margin:17px 0}.upload-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.upload-list li>div{min-width:0}.upload-list small{display:block;font-size:10px;color:#b7c1d7;margin-top:4px}.upload-list .text-button{font-size:11px;flex-shrink:0}.upload-list progress{width:100%;height:5px;display:block;margin-top:5px;accent-color:#bba9e8}.editor-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.editor-bottom p{font-size:10px;color:var(--muted);line-height:1.9}.editor-bottom button{flex-shrink:0}.view-dialog{width:min(850px,calc(100% - 32px))}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.1;font-size:14px;color:#d4dded;margin-bottom:24px}.note-body:empty{display:none}#view-media{display:grid;gap:18px}#view-media img,#view-media video{max-width:100%;display:block;max-height:65vh;object-fit:contain;background:#070c17;border:1px solid #3d4761;border-radius:4px;margin-inline:auto}#view-media audio{width:100%}#view-media iframe{width:100%;height:60vh;border:1px solid var(--line)}.attachment-link{display:flex;justify-content:space-between;gap:16px;color:#d8c9f1;border:1px solid #48536f;padding:12px 16px;border-radius:4px;margin-top:12px;font-size:12px;overflow-wrap:anywhere}.attachment-link span{color:var(--muted);font-size:10px;white-space:nowrap;align-self:center}#view-link{margin-top:22px;overflow-wrap:anywhere}.view-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:14px;margin-top:27px}.view-footer .text-button{font-size:12px}.view-footer>div{display:flex;gap:22px}.view-message{font-size:12px;color:var(--accent)}
@media(max-width:1100px){.study-container{width:calc(100% - 64px)}.study-layout{gap:28px;grid-template-columns:180px minmax(0,1fr)}.study-emblem{margin-right:2%;width:220px}.study-header nav{gap:20px}.study-hero h1{font-size:42px}.resource-card-content{padding:18px}}
@media(max-width:800px){.study-layout{display:block}.subjects-panel{position:static;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:15px 0 24px}.subject-heading{margin:0 12px 0 0;gap:12px}.subject-heading h2{font-size:13px}#subjects-list{display:contents}.subject-tab{width:auto;margin:0;padding:9px 12px;font-size:12px;gap:12px}.add-subject{width:auto;margin:0;padding:9px 12px}.subject-tip{display:none}.study-emblem{width:175px;height:175px;margin-right:2%}.study-emblem svg{width:165px}.study-emblem>span{font-size:6px}.study-hero{gap:20px}.study-header .brand{font-size:19px}.study-header nav{gap:15px;font-size:12px}.account-actions>span{display:none}.study-header{gap:16px}.study-hero h1{font-size:39px}.study-layout{min-height:340px}}
@media(max-width:600px){.study-container{width:calc(100% - 40px)}.study-header{height:auto;min-height:112px;flex-wrap:wrap;padding-block:18px;gap:14px}.study-header .brand{font-size:18px}.study-header .brand small{font-size:7px;letter-spacing:1.3px}.study-header .brand-symbol{font-size:28px}.study-header nav{order:3;width:100%;justify-content:space-between;gap:20px;font-size:12px}.study-header nav a{padding-block:5px}.account-actions{margin-left:auto}.account-actions .button{font-size:11px;padding:7px 11px;min-height:38px}.study-hero{padding:40px 0 22px}.study-hero .eyebrow{font-size:8px;letter-spacing:1.1px}.study-hero h1{font-size:35px;line-height:1.7;margin:18px 0}.study-hero h1 span{display:block}.study-intro{font-size:12px;line-height:2}.study-emblem{display:none}.study-hero-meta{gap:11px;font-size:10px;margin-top:22px}.study-hero-meta i{font-size:12px}.study-status{font-size:12px;margin-bottom:12px}.subjects-panel{gap:7px}.subject-heading{width:100%;justify-content:space-between;margin:0 0 8px}.resource-grid{grid-template-columns:1fr;gap:17px}.resources-heading{gap:14px;padding-top:21px}.resources-heading .button{font-size:11px;gap:10px;padding-inline:13px}.subject-title-line{display:block}.subject-title-line h2{font-size:26px}.subject-title-line .text-button{min-height:32px;padding:3px 0}.resources-heading .eyebrow{font-size:8px}.study-toolbar{gap:9px;margin-top:21px}.study-search{padding:0 10px;gap:7px}.study-search input{font-size:12px;height:43px}.study-toolbar>select{max-width:111px;padding-inline:8px;font-size:11px}.study-empty{padding:40px 17px}.study-empty h3{font-size:21px}.study-empty p{font-size:11px}.study-footer{display:block;font-size:11px;padding-block:25px}.study-footer p{margin-top:17px;font-size:8px}.study-layout{padding-bottom:45px}.study-dialog{padding:33px 21px 23px;width:calc(100% - 20px);max-height:calc(100dvh - 24px)}.study-dialog h2{font-size:26px;margin-block:13px}.study-dialog .form-row{grid-template-columns:1fr;gap:0}.editor-bottom{display:block}.editor-bottom button{width:100%;margin-top:15px}.upload-zone small{font-size:9px}.view-footer{gap:12px}.view-footer .text-button{font-size:11px}.view-footer>div{gap:17px}.resource-card-image{height:185px}.resource-card-content{padding:21px}}
@media(max-width:359px){.study-container{width:calc(100% - 32px)}.study-header .brand{font-size:16px;gap:7px}.study-header .brand small{font-size:6px}.study-hero h1{font-size:32px}.study-hero-meta{gap:8px;font-size:9px}.study-hero .eyebrow{font-size:7px}.resource-card-content{padding:18px}}