:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ln-background:#fff;--ln-text:#1b2533;--ln-heading:#0b1f3a;--ln-muted:#566273;--ln-border:#d9e1eb;--ln-border-strong:#b9c6d6;--ln-surface:#f3f7fb;--ln-primary:#1769aa;--ln-primary-hover:#0f4f82;--ln-selected:#e6f0f8;--ln-on-primary:#fff;--ln-focus:var(--ln-primary);--ln-success:#17603f;--ln-warning:#8a5a00;--ln-error:#9b2c2c;--ln-error-surface:#fbeaea;--ln-shadow:#0b1f3a14}
.ln-ink-options{position:relative}.ln-ink-options>div{z-index:20;background:var(--ln-background);border:1px solid var(--ln-border-strong);width:min(300px,100vw - 40px);box-shadow:0 6px 18px var(--ln-shadow);border-radius:10px;flex-wrap:wrap;gap:12px;padding:14px;display:flex;position:absolute;top:100%;right:0}.ln-toolbar{z-index:10;background:var(--ln-background);position:sticky;top:0}.ln-image-page .collab-image-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.ln-image-page .collab-image-layer svg{touch-action:none;position:absolute;inset:0}.ln-image-page .collab-image-frame{stroke:var(--ln-primary);stroke-width:2px;stroke-dasharray:6 4}.ln-image-page .collab-image-handle{fill:var(--ln-primary);stroke:#fff;stroke-width:2px}.ln-image-page .collab-image-delete rect{fill:var(--ln-surface);stroke:var(--ln-border-strong)}.ln-image-page .collab-image-delete text{fill:var(--ln-text);font-size:14px}.ln-image-page .image-region-box{stroke:var(--ln-primary);stroke-width:2px;stroke-dasharray:8 4}.ln-image-page .image-region-label{fill:var(--ln-primary);paint-order:stroke;stroke:var(--ln-background);stroke-width:3px;font-size:14px;font-weight:600}.ln-image-page .image-region-draft{stroke:var(--ln-primary);stroke-width:2px;fill:#1769aa1f}.ln-image-page .image-region-form{z-index:6;border:1px solid var(--ln-border-strong);background:var(--ln-surface);pointer-events:auto;border-radius:10px;gap:8px;width:276px;padding:10px;display:grid;position:absolute;box-shadow:0 6px 24px #0000002e}.ln-image-page .image-region-form label{gap:4px;font-size:13px;display:grid}.ln-image-page .image-region-form>div{flex-wrap:wrap;gap:6px;display:flex}.ln-image-page .image-region-error{color:var(--ln-error);margin:0;font-size:12px}.ln-editor{color:var(--ln-text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif}.ln-editor *,.ln-error *{box-sizing:border-box}.ln-editor :where(button,input,select){font:inherit}.ln-editor :where(button),.ln-error button{border:1px solid var(--ln-border);background:var(--ln-background);min-height:42px;color:var(--ln-text);cursor:pointer;border-radius:8px;padding:9px 13px;font-size:13px}.ln-editor button:hover{background:var(--ln-selected)}.ln-editor button:disabled{opacity:.45;cursor:not-allowed}.ln-editor button[aria-pressed=true]{background:var(--ln-selected);color:var(--ln-primary-hover);border-color:var(--ln-primary)}.ln-editor :focus-visible,.ln-error :focus-visible{outline:3px solid var(--ln-focus);outline-offset:3px}.ln-editor :where(input,select){border:1px solid var(--ln-border-strong);background:var(--ln-background);color:inherit;border-radius:6px;padding:8px}.ln-editor label{align-items:center;gap:8px;font-size:12px;display:flex}.ln-file-button{border:1px solid var(--ln-border);background:var(--ln-background);min-height:42px;color:var(--ln-text);cursor:pointer;border-radius:8px;padding:9px 13px;font-size:13px;transition:background .15s}.ln-file-button:hover{background:var(--ln-selected)}.ln-eyebrow{letter-spacing:2px;color:var(--ln-muted);font-size:10px;font-weight:650}.ln-editor{border:1px solid var(--ln-border);background:var(--ln-background);box-shadow:0 8px 30px var(--ln-shadow);border-radius:16px;overflow:hidden}.ln-notebook-header{justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.ln-title{outline-offset:4px;border:0;width:min(460px,100%);padding:6px 0 0;font-size:21px;font-weight:550;display:block}.ln-save{color:var(--ln-muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:11px;display:flex}.ln-save small{flex-basis:100%}.ln-dot{background:var(--ln-warning);border-radius:50%;width:6px;height:6px}.ln-dot.ok{background:var(--ln-success)}.ln-toolbar{border-top:1px solid var(--ln-border);border-bottom:1px solid var(--ln-border);flex-wrap:wrap;align-items:center;gap:18px;padding:12px 24px;display:flex}.ln-tool-group,.ln-swatch-group{gap:5px;display:flex}.ln-swatch{border:2px solid var(--ln-border);background:radial-gradient(circle, var(--ln-swatch-color) 12px, transparent 12.5px);border-radius:50%;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.ln-swatch[aria-pressed=true]{border-color:var(--ln-primary);box-shadow:0 0 0 2px var(--ln-selected)}.ln-color-label input{border-radius:50%;width:44px;height:44px;padding:6px}.ln-toggle{margin-left:auto}.ln-toggle span{color:var(--ln-muted);font-size:10px}.ln-workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:140px minmax(0,1fr);height:650px;display:grid}.ln-pages{background:var(--ln-surface);border-right:1px solid var(--ln-border);flex-direction:column;gap:12px;min-height:0;padding:20px 17px;display:flex}.ln-aside-heading{letter-spacing:1.5px;color:var(--ln-muted);justify-content:space-between;font-size:10px;display:flex}.ln-page-list{flex-direction:column;flex:1;gap:14px;min-height:0;padding:3px;display:flex;overflow:auto}.ln-page-choice{text-align:left;background:0 0;border-color:#0000;flex-shrink:0;gap:5px;padding:9px;display:grid}.ln-page-choice[aria-current=page]{background:var(--ln-selected);border-color:var(--ln-primary)}.ln-page-choice>span:nth-child(2){font-size:11px;font-weight:700}.ln-page-choice small{color:var(--ln-muted);font-size:9px}.ln-mini-paper{background:var(--ln-background);height:76px;box-shadow:0 1px 3px var(--ln-shadow);color:var(--ln-muted);place-items:center;font-size:22px;display:grid}.ln-mini-paper.pdf{color:var(--ln-muted);background:var(--ln-surface);font-size:12px}.ln-pages label{gap:4px;display:grid}.ln-pages select{width:100%}.ln-add{padding:6px;font-size:11px}.ln-canvas-area{background:var(--ln-surface);flex-direction:column;min-width:0;display:flex}.ln-viewbar{justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;display:flex}.ln-viewbar>span{letter-spacing:1.2px;color:var(--ln-muted);font-size:10px}.ln-viewbar>div{align-items:center;gap:7px;display:flex}.ln-viewbar button{background:0 0;border:0;min-height:36px;padding:4px 10px}.ln-viewbar output{color:var(--ln-muted);text-align:center;min-width:35px;font-size:11px}.ln-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:14px 30px 40px;overflow:auto}.ln-page-frame{box-shadow:0 3px 16px var(--ln-shadow);background:var(--ln-background);flex-shrink:0;margin:0 auto;position:relative}.ln-hint{color:var(--ln-muted);text-align:center;min-height:36px;padding:10px;font-size:10px}.ln-actions{border-top:1px solid var(--ln-border);flex-wrap:wrap;align-items:center;gap:10px;padding:16px 24px;display:flex}.ln-actions>span{color:var(--ln-muted);margin-left:auto;font-size:10px}.ln-file-button{background:var(--ln-surface);align-items:center;display:inline-flex;position:relative}.ln-file-button input[type=file]{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.ln-file-button:focus-within{outline:3px solid var(--ln-focus);outline-offset:3px}.ln-file-button.secondary{background:var(--ln-background)}.ln-error{background:var(--ln-error-surface);border:1px solid var(--ln-error);padding:14px 24px;font-size:13px}.ln-error button{margin:4px 8px}@media (max-width:850px){.ln-workspace{grid-template-columns:100px minmax(0,1fr);height:620px}.ln-pages{padding:15px 8px}.ln-toolbar{gap:10px;padding:10px 12px}.ln-toggle{margin-left:0}.ln-toggle span{display:none}.ln-notebook-header{padding:18px}.ln-scroll{padding:12px 16px 30px}.ln-viewbar{padding:5px 10px}.ln-viewbar>span{display:none}.ln-viewbar>div{margin-left:auto}.ln-actions{padding:12px}.ln-actions>span{flex-basis:100%;margin:0}.ln-save{max-width:140px}.ln-title{font-size:18px}}@media (max-width:540px){.ln-workspace{flex-direction:column;height:690px;display:flex}.ln-pages{border-right:0;border-bottom:1px solid var(--ln-border);flex:none;grid-template-columns:1fr 80px 95px;align-items:center;gap:8px;display:grid}.ln-aside-heading{display:none}.ln-page-list{flex-direction:row;gap:5px;min-width:0}.ln-page-choice{padding:8px}.ln-mini-paper,.ln-page-choice small{display:none}.ln-canvas-area{flex:1;min-height:0}.ln-notebook-header{gap:8px}.ln-eyebrow{letter-spacing:1px;font-size:8px}.ln-title{max-width:200px}.ln-actions button,.ln-file-button{font-size:11px}.ln-hint{font-size:9px}}.ln-error{color:var(--ln-error)}.ln-editor input{accent-color:var(--ln-primary)}.ln-editor input::placeholder{color:var(--ln-muted);opacity:1}
.pwa-status{color:var(--ln-muted);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;font-size:12px;display:flex}:root{color:var(--ln-text);background:var(--ln-background);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:1px solid var(--ln-border);background:var(--ln-background);min-height:42px;color:var(--ln-text);cursor:pointer;border-radius:8px;padding:9px 13px;font-size:13px;transition:background .15s}button:hover{background:var(--ln-selected)}button:disabled{opacity:.45;cursor:not-allowed}button[aria-pressed=true]{background:var(--ln-selected);color:var(--ln-primary-hover);border-color:var(--ln-primary)}:focus-visible{outline:3px solid var(--ln-focus);outline-offset:3px}input,select{border:1px solid var(--ln-border-strong);background:var(--ln-background);color:inherit;border-radius:6px;padding:8px}label{align-items:center;gap:8px;font-size:12px;display:flex}a{color:inherit;text-decoration:none}.playground{max-width:1600px;margin:auto;padding:0 36px}.app-nav{border-bottom:1px solid var(--ln-border);justify-content:space-between;align-items:center;height:86px;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:12px;font-size:19px;font-weight:650;display:flex}.brand-icon{background:var(--ln-primary);color:var(--ln-background);border-radius:10px;place-items:center;width:36px;height:36px;font-family:Georgia,serif;font-size:29px;display:grid}.demo-badge,.overline{letter-spacing:2px;color:var(--ln-muted);font-size:10px;font-weight:650}.demo-badge{border:1px solid var(--ln-border);border-radius:20px;padding:8px 12px}.intro{justify-content:space-between;align-items:end;gap:20px;padding:36px 0 30px;display:flex}h1{letter-spacing:1px;margin:12px 0;font-size:30px;font-weight:550}.intro p{color:var(--ln-muted);margin-bottom:0;font-size:13px}.intro form{align-items:end;gap:9px;display:flex}.intro form label{gap:6px;display:grid}.intro form button{background:var(--ln-primary);color:var(--ln-background)}.app-footer{color:var(--ln-muted);justify-content:space-between;gap:12px;padding:24px 0;font-size:10px;display:flex}@media (max-width:850px){.playground{padding:0 16px}.app-nav{height:68px}.intro{flex-direction:column;align-items:start;padding:24px 0}h1{font-size:26px}.intro form{width:100%}.intro form label{flex:1}.intro input{width:100%}.demo-badge{letter-spacing:1px;font-size:8px}.brand{font-size:16px}}@media (max-width:540px){.demo-badge{text-align:center;max-width:110px}.app-footer{font-size:9px}}h1,h2,h3,h4{color:var(--ln-heading)}a{color:var(--ln-primary)}a:hover{color:var(--ln-primary-hover)}input,select,textarea{accent-color:var(--ln-primary)}input::placeholder,textarea::placeholder{color:var(--ln-muted);opacity:1}fieldset{border:1px solid var(--ln-border)}hr{border:0;border-top:1px solid var(--ln-border)}.education textarea{color:var(--ln-text);background:var(--ln-background)}.library form button:not([type=button]),.education form button:not([type=button]),.intro form button,.library .lib-open{background:var(--ln-primary);color:var(--ln-on-primary);border-color:var(--ln-primary)}.library form button:not([type=button]):hover,.education form button:not([type=button]):hover,.intro form button:hover,.library .lib-open:hover{background:var(--ln-primary-hover);color:var(--ln-on-primary);border-color:var(--ln-primary-hover)}.library button[aria-pressed=true]{color:var(--ln-primary-hover);background:var(--ln-selected)}.lib-error{color:var(--ln-error)}.offline-search{border:1px solid var(--ln-border);border-radius:12px;max-width:720px;margin:16px 0;padding:12px 16px}.offline-search h2{margin:0 0 4px;font-size:18px}.offline-search form{flex-wrap:wrap;gap:8px;display:flex}.offline-search input{border:1px solid var(--ln-border-strong);border-radius:8px;flex:240px;min-height:44px;padding:8px 12px;font-size:16px}.offline-search li{margin:6px 0}.offline-search li small{color:var(--ln-muted);display:block}.session-notice{background:var(--ln-background);max-width:1024px;color:var(--ln-text);border:1px solid var(--ln-border);border-left:3px solid var(--ln-primary);border-radius:8px;margin:12px auto;padding:12px 16px}.session-notice p{margin:0 0 8px}.session-notice button{min-height:44px}