.notes-page{max-width:1320px;margin:auto;padding:28px 24px 60px;color:#e2e8f0}.notes-footer,.notes-footer>div,.notes-toolbar,.notes-toolbar>div,.notes-topline,.notes-topline a{display:flex;align-items:center;gap:14px;justify-content:space-between}.notes-topline{font-size:12px;color:#94a3b8}.notes-topline a{justify-content:flex-start}.notes-heading{display:flex;align-items:center;justify-content:space-between;margin:36px 0 26px;gap:16px}.notes-heading p{font-size:12px;color:#67e8f9;letter-spacing:.12em}.notes-heading h1{font-size:clamp(24px,3vw,36px);font-weight:650;margin:8px 0}.notes-heading span{font-size:13px;color:#94a3b8}.notes-badge{border:1px solid #334155;padding:8px 14px;border-radius:100px;white-space:nowrap}.notes-frame{border:1px solid #2a3d56;border-radius:20px;overflow:hidden;box-shadow:0 25px 80px #0005}.notes-stack{display:grid;gap:32px}.notes-resource-section{margin-top:32px;padding:24px;border:1px solid #2a3d56;border-radius:16px;background:#0c182a}.notes-resource-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.notes-resource-heading h2{font-size:22px;font-weight:600}.notes-resource-heading button{border:1px solid #3a506b;border-radius:8px;padding:8px 14px;color:#67e8f9}.notes-resource-heading>span,.notes-resource-section>p{font-size:13px;color:#94a3b8}.notes-resource-section>p{margin:12px 0 18px}.notes-resource-section pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;border-radius:10px;background:#071324;line-height:1.9;font-size:14px}.notes-copy-status{font-size:12px;color:#67e8f9}.notes-download-list{display:grid;gap:12px}.notes-download-list a{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #2a3d56;padding:16px;border-radius:10px;background:#071324}.notes-download-list small{display:block;margin-top:5px;color:#94a3b8}.notes-download-list strong{color:#67e8f9;font-size:13px;white-space:nowrap}.notes-cover{overflow:hidden;border-radius:16px;border:1px solid #2a3d56}.notes-cover img{display:block;width:100%;aspect-ratio:3/1;object-fit:cover}.notes-intro{margin:24px 0 32px;line-height:1.9;color:#b9c9dc;font-size:15px}.notes-toolbar{padding:14px 20px;background:#101d30;color:#bfcee1;font-size:12px}.notes-footer button,.notes-toolbar button{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border-radius:7px;border:1px solid #3a506b;background:#17283d}.notes-toolbar button:disabled{opacity:.4}.notes-page button{cursor:pointer}.notes-page button:focus-visible{outline:2px solid #67e8f9;outline-offset:4px}.notes-canvas{position:relative;aspect-ratio:16/9;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#12375c,#071324 65%);container-type:inline-size;overflow:hidden}.notes-canvas:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#8ab6df07 1px,transparent 0),linear-gradient(90deg,#8ab6df07 1px,transparent 0);background-size:40px 40px;pointer-events:none}.notes-subject{position:absolute;left:25%;top:3%;width:50%;height:85%;object-fit:contain}.notes-image-label{position:absolute;left:3%;top:4%;font-size:11px;color:#6486a3;letter-spacing:.15em}.notes-wide-subject{inset:0;width:100%;height:100%;object-fit:cover}.notes-gallery{display:flex;gap:12px;align-items:center;margin-top:20px;overflow-x:auto;padding-bottom:8px}.notes-thumbnail{flex:0 0 230px;border:1px solid #334155;border-radius:12px;overflow:hidden;background:#0c192b;text-align:left}.notes-thumbnail.is-selected{border-color:#67e8f9;box-shadow:0 0 0 1px #67e8f9}.notes-thumbnail img{width:100%;height:88px;object-fit:contain;background:#081323}.notes-thumbnail span{display:block;padding:10px;font-size:12px;color:#cbd5e1}.notes-image-step{flex-shrink:0;padding:10px;border:1px solid #334155;border-radius:8px;font-size:12px}.notes-image-step:disabled{opacity:.35;cursor:default}.notes-lines{position:absolute;width:100%;height:100%;pointer-events:none}.notes-pin{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border:1px solid;border-radius:50%;background:#0b1a2ee6;color:white;font-size:12px;box-shadow:0 0 0 6px #8bdfff15;z-index:3}.notes-pin[aria-pressed=true]{background:#e0f2fe;color:#0f172a}.notes-label{position:absolute;width:21%;text-align:left;border:1px solid;border-radius:10px;padding:1.1cqw;background:#0c1c2de8;box-shadow:0 8px 24px #0003;z-index:2}.notes-label span{font-size:1cqw;display:block;margin-bottom:.4cqw}.notes-label strong{font-size:1.2cqw;font-weight:500;display:block}.notes-label:not(.is-active){opacity:.75}.notes-explanation{position:absolute;right:3%;bottom:4%;width:42%;padding:1.2cqw 1.4cqw;background:#071323ed;border:1px solid #5ca5d14d;border-radius:12px;z-index:4;backdrop-filter:blur(12px)}.notes-explanation>div{display:flex;justify-content:space-between;align-items:center;font-size:1.05cqw}.notes-explanation p{font-size:1.05cqw;line-height:1.8;margin-top:.6cqw;color:#bccde0}.notes-footer{padding:14px 20px;background:#0c182a;font-size:12px;color:#94a3b8}.notes-preview-caption{font-size:12px;color:#718096;margin-top:20px;line-height:1.8}.notes-dialog{padding:0;border:1px solid #3e5879;border-radius:16px;width:94vw;max-width:1600px;max-height:92vh;background:#071324;color:white;margin:auto}.notes-dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}.notes-zoom-scroll{overflow:auto;max-height:80vh}.notes-dialog .notes-canvas{min-width:600px}@media (max-width:650px){.notes-page{padding:20px 12px}.notes-heading{margin:24px 0}.notes-badge{display:none}.notes-inline-scroll{overflow-x:auto}.notes-canvas{min-width:650px}.notes-footer{align-items:flex-start}.notes-footer>span{max-width:58%;line-height:1.7}.notes-toolbar{padding:10px;gap:8px}.notes-explanation p,.notes-explanation>div{font-size:12px}.notes-label span{font-size:11px}.notes-label strong{font-size:12px}}