@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Kalam:wght@400&display=swap";
:root{--bg:#fbfaff;--bg2:#f4f1ff;--panel:#ffffffc7;--ink:#2b2140;--ink2:#2b2140c7;--border:#3c236e29;--border-strong:#3c236e42;--shadow:0 10px 28px #2314461f;--shadow-tight:0 6px 18px #2314461f;--radius:18px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);background:radial-gradient(1000px 600px at 18% 8%,#d6c7f273,transparent 60%),radial-gradient(900px 500px at 86% 18%,#e9defab3,transparent 55%),linear-gradient(180deg,var(--bg),var(--bg2));margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:22px 18px 70px}.siteHeader{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfaffb3;border-bottom:1px solid #3c236e1a;position:sticky;top:0}.siteHeaderInner{justify-content:space-between;align-items:center;gap:14px;max-width:1100px;margin:0 auto;padding:14px 18px;display:flex}.brand{display:inline-flex}.brandRow{align-items:baseline;gap:10px;display:flex}.brandName{letter-spacing:-.02em;font-weight:760}.nav{align-items:center;gap:12px;display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.panelHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.panelTitleRow{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.h1{letter-spacing:-.02em;margin:6px 0 8px;font-size:32px}.h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:720}.p{color:var(--ink2);margin:0 0 12px;line-height:1.55}.small{color:#2b2140a8;font-size:12px}.subtle{opacity:.9}.kbd{border:1px solid var(--border-strong);color:#2b2140db;background:#ffffffbf;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;transition:transform .12s,box-shadow .12s,border-color .12s;display:inline-flex;box-shadow:0 2px #3c236e0f}.kbd:hover{border-color:#3c236e5c;transform:translateY(-1px);box-shadow:0 8px 18px #2314461f}.twoCol{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid}@media (min-width:900px){.twoCol{grid-template-columns:1.1fr .9fr;align-items:start}}.coverFrame{width:100%;height:360px;box-shadow:var(--shadow-tight);background:#fff;border:1px solid #3c236e24;border-radius:16px;position:relative;overflow:hidden}.coverImg{object-fit:contain;background:#fff}.conceptGrid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:900px){.conceptGrid{grid-template-columns:1fr 1fr}}.conceptCard{box-shadow:none;background:0 0;border:none;justify-items:center;gap:10px;margin:0;padding:0;display:grid}.conceptCard figcaption{text-align:center;max-width:min(520px,100%)}.conceptImg{aspect-ratio:1;background:#ffffffd1;border:1px solid #3c236e24;border-radius:18px;width:min(520px,100%);position:relative;overflow:hidden;box-shadow:0 10px 26px #2314461f}.conceptImg img{object-fit:contain}.conceptTile{width:100%;height:360px;box-shadow:var(--shadow-tight);background:#fff;border:1px solid #3c236e24;border-radius:16px;position:relative;overflow:hidden}.miniList{gap:10px;margin-top:12px;display:grid}.miniRow{background:#ffffffb8;border:1px solid #3c236e24;border-radius:16px;grid-template-columns:88px 1fr;align-items:flex-start;gap:12px;padding:12px;transition:transform .12s,box-shadow .12s,border-color .12s;display:grid;box-shadow:0 4px 14px #23144614}.miniRow:hover{border-color:#3c236e38;transform:translateY(-1px);box-shadow:0 10px 22px #2314461f}.miniText{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.emptyState{color:#2b2140b3;background:#fff9;border:1px dashed #3c236e38;border-radius:16px;padding:12px}.chip{color:#2b2140db;letter-spacing:.2px;background:#e9defa8c;border:1px solid #3c236e2e;border-radius:999px;justify-content:center;align-items:center;height:28px;padding:0 10px;font-size:12px;display:inline-flex}.btn{appearance:none;color:#2b2140eb;cursor:pointer;background:#ffffffc7;border:1px solid #3c236e38;border-radius:12px;padding:8px 12px;font-size:12px;transition:transform .12s,box-shadow .12s,border-color .12s;box-shadow:0 2px #3c236e0f}.btn:hover{border-color:#3c236e57;transform:translateY(-1px);box-shadow:0 12px 22px #2314461f}.btn:active{transform:translateY(0)}.btn.ghost{background:#ffffff8c}.btn.danger{background:#fff0f6d9;border-color:#aa285047}.textarea{color:#2b2140eb;resize:vertical;background:#ffffffd9;border:1px solid #3c236e2e;border-radius:14px;outline:none;width:100%;padding:10px 12px}.textarea::placeholder{color:#2b214073}.punchWrap{justify-content:center;width:100%;margin-top:12px;display:flex}.punchStack{gap:12px;width:min(1120px,100%);display:grid}.punchCanvas{aspect-ratio:1200/520;cursor:pointer;background:#fff;border:1px solid #3c236e29;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 14px 40px #23144624}.punchSvg{width:100%;height:100%;display:block}.punchCard{fill:#e4defa}.punchNotch{fill:#2b21401f}.punchTitle{fill:#2b2140db;font-size:18px;font-weight:720}.punchHint{fill:#2b2140ad;font-size:12px}.punchDayNum{fill:#2b2140b8;text-anchor:middle;font-size:10px}.punchGuide{stroke:#3c236e38;stroke-width:.9px;opacity:.6}.punchMonth{fill:#2b2140c7;font-size:13px;font-weight:650}.punchSlot{fill:#ffffff24;stroke:#3c236e47;stroke-width:.9px}.punchSlot.punched{fill:#2b2140eb;stroke:#2b21405c}.legendSwatch{fill:#ffffff24;stroke:#3c236e47;stroke-width:.9px}.legendSwatch.punched{fill:#2b2140eb;stroke:#2b21405c}.legendText{fill:#2b2140a8;font-size:12px}.tooltip{fill:#2b2140eb}.tooltipText{fill:#e9defafa;font-size:12px}.punchCardCutStroke{fill:none;stroke:#3c236e38;stroke-width:1.2px}.punchEditorBlock{background:#ffffffeb;border:1px solid #3c236e2e;border-radius:16px;padding:12px;box-shadow:0 18px 44px #23144624}.punchEditorHeader{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.punchEditorActions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.input{color:#2b2140eb;background:#ffffffd9;border:1px solid #3c236e2e;border-radius:14px;outline:none;width:100%;padding:10px 12px}.input::placeholder{color:#2b214073}.notebookHeader{margin-top:10px}.notebookTopRow{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.notebookAdmin{justify-content:flex-end;min-width:160px;display:flex}.adminRow{align-items:center;gap:10px;display:flex}.notebookControls{grid-template-columns:1fr;gap:10px;margin-top:14px;display:grid}@media (min-width:900px){.notebookControls{grid-template-columns:1fr auto;align-items:center}}.notebookGrid{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid}@media (min-width:1000px){.notebookGrid{grid-template-columns:1.15fr .85fr;align-items:start}}.notebookPage{min-height:520px}.notebookPageTitleRow{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.entryList{gap:12px;display:grid}.entryCard{background:#ffffffb8;border:1px solid #3c236e24;border-radius:16px;padding:12px;box-shadow:0 4px 14px #23144614}.entryMeta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.entryActions{align-items:center;gap:10px;display:flex}.entryText{color:#2b2140e0;white-space:pre-wrap;font-size:14px;line-height:1.55}.entryTextarea{color:#2b2140eb;resize:vertical;background:#ffffffd9;border:1px solid #3c236e2e;border-radius:14px;outline:none;width:100%;padding:10px 12px}.notebookTextarea{color:#2b2140eb;resize:vertical;background:#ffffffd9;border:1px solid #3c236e2e;border-radius:16px;outline:none;width:100%;padding:12px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.55}.notebookNotesActions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.notesPre{white-space:pre-wrap;color:#2b2140e0;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.55}.logTopBar{align-items:center;gap:12px;margin-top:14px;display:flex}.logGrid{grid-template-columns:1fr;gap:14px;margin-top:16px;display:grid}@media (min-width:980px){.logGrid{grid-template-columns:1fr 1fr}}.logCol{min-height:520px}.entryList{gap:10px;margin-top:12px;display:grid}.entryRow{text-align:left;cursor:pointer;background:#fff9;border:1px solid #9182b947;border-radius:16px;width:100%;padding:12px;transition:transform .12s,border .12s,background .12s;box-shadow:0 8px 22px #22144614}.entryRow:hover{background:#ffffffbf;border-color:#9182b961;transform:translateY(-1px)}.entryRow.active{background:#e8e0fa8c;border-color:#46377880}.entryRowTop{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.entryPreview{color:#231a40eb;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.notePaper{background-color:#ffffffd1;background-image:linear-gradient(#5a468c14 1px,#0000 1px),linear-gradient(90deg,#5a468c14 1px,#0000 1px);background-size:26px 26px;border:1px dashed #9182b973;border-radius:18px;min-height:420px;margin-top:12px;padding:16px;font-family:IBM Plex Mono,monospace;font-size:15px;box-shadow:inset 0 0 0 1px #ffffff59}.noteHeader{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.noteBody{white-space:pre-wrap;font-family:IBM Plex Mono,monospace;font-size:15px;line-height:1.75}.noteHeader .h2{letter-spacing:.3px;color:#231a40eb;font-family:Kalam,cursive;font-size:18px}.entryRowOnly{padding:10px 12px}.entryRowOnly .entryRowTop{margin-bottom:0}.notePaper.is-grid{background-color:#ffffffd1;background-image:linear-gradient(#5a468c14 1px,#0000 1px),linear-gradient(90deg,#5a468c14 1px,#0000 1px);background-size:26px 26px}.notePaper.is-lined{background-color:#ffffffe0;background-image:linear-gradient(#0000 0 23px,#5a468c1f 24px);background-size:100% 26px}.notePaper.is-dot{background-color:#ffffffe0;background-image:radial-gradient(#5a468c2e 1.2px,#0000 1.2px);background-size:22px 22px}.conceptAdmin{gap:10px;margin-top:10px;display:grid}.conceptUploadResult{gap:6px;display:grid}.conceptCode{color:#2b2140eb;background:#ffffffd9;border:1px solid #3c236e2e;border-radius:14px;padding:10px 12px;display:block;overflow-x:auto}.conceptGrid{grid-template-columns:1fr;gap:14px;margin-top:12px;display:grid}@media (min-width:900px){.conceptGrid{grid-template-columns:1fr 1fr}}.conceptCard{background:#ffffffb8;border:1px solid #3c236e24;border-radius:16px;padding:12px;box-shadow:0 4px 14px #23144614}.conceptImgFrame{background:#fff;border:1px solid #3c236e24;border-radius:14px;width:100%;height:320px;position:relative;overflow:hidden}.conceptCaption{justify-content:space-between;gap:10px;margin-top:10px;display:flex}.logPagination{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.resourcesWrap{gap:16px;display:grid}.resourcesTopBar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.resourcesTopBar .input{max-width:420px}.resourcesGroups{gap:18px;display:grid}.resourcesGroup{background:#ffffff59;border:1px solid #8c78be38;border-radius:18px;padding:14px;box-shadow:0 10px 24px #0000000d}.resourcesGroupHeader{border-bottom:1px dashed #8c78be38;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;padding-bottom:10px;display:flex}.resourcesGroupTitle{letter-spacing:.2px;text-transform:lowercase;font-size:14px;font-weight:700}.resourcesGroupCount{opacity:.75;background:#ffffff73;border:1px solid #8c78be38;border-radius:999px;padding:3px 8px;font-size:12px}.resourcesItems{gap:8px;display:grid}.resourcesItem{background:#ffffff8c;border:1px solid #8c78be29;border-radius:14px;padding:10px 12px;transition:transform .12s,border-color .12s,background .12s}.resourcesItem:hover{background:#ffffffb3;border-color:#8c78be4d;transform:translateY(-1px)}.resourcesLink,.resourcesTitle{font-size:14px;font-weight:600;line-height:1.25;display:inline-block}.resourcesLink{color:inherit;text-decoration:none}.resourcesLink:hover{color:#785faa;text-underline-offset:3px;text-decoration:underline}.aboutGrid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:960px){.aboutGrid{grid-template-columns:1fr 320px;align-items:start;gap:18px}}.aboutMain .h2{letter-spacing:-.01em;margin:18px 0 8px;font-size:16px}.aboutCallouts{gap:10px;margin-top:10px;display:grid}.aboutCallout{background:#ffffff8c;border:1px dashed #785ab447;border-radius:14px;padding:12px}.aboutLabel{letter-spacing:.02em;text-transform:lowercase;opacity:.75;margin-bottom:8px;font-size:12px}.aboutList{gap:6px;margin:0;padding-left:18px;display:grid}.aboutTwoCol{grid-template-columns:1fr;gap:10px;margin-top:10px;display:grid}@media (min-width:760px){.aboutTwoCol{grid-template-columns:1fr 1fr}}.aboutThreeCol{grid-template-columns:1fr;gap:10px;margin-top:10px;display:grid}@media (min-width:860px){.aboutThreeCol{grid-template-columns:1fr 1fr 1fr}}.aboutCard{background:#ffffff8c;border:1px solid #785ab429;border-radius:14px;padding:12px}.aboutAside .aboutMeta{background:#fff9;border:1px solid #785ab42e;border-radius:16px;padding:12px}.aboutMetaTitle{opacity:.75;margin-bottom:10px;font-size:12px}.aboutMetaRow{border-top:1px solid #785ab41a;grid-template-columns:120px 1fr;gap:10px;padding:6px 0;display:grid}.aboutMetaRow:first-of-type{border-top:none;padding-top:0}.aboutMetaKey{opacity:.7;font-size:12px}.aboutMetaVal{font-size:13px}.aboutChips{flex-wrap:wrap;gap:8px;display:flex}.knownsUnknowns{gap:18px;margin-top:28px;display:grid}.kuBlock{border:1px solid var(--border-subtle);background:var(--panel-soft);border-radius:14px;padding:14px 16px}.kuTitle{letter-spacing:.04em;text-transform:lowercase;font-size:14px;font-weight:600}.kuSubtitle{opacity:.6;margin-top:2px;margin-bottom:10px;font-size:12px}.kuMiniTitle{opacity:.75;margin-top:10px;margin-bottom:6px;font-size:12px;font-weight:600}.kuBlock ul{margin:0;padding-left:18px}.kuBlock li{opacity:.85;margin-bottom:4px;font-size:13px;line-height:1.45}