body.bare{height:100dvh;overflow:hidden}body.bare main{min-height:0}.desk{--pen-color:#1b2238;--hi-color:#ffd23f;background-color:var(--pm-surface-sunken);background-image:radial-gradient(var(--pm-line) 1.2px, transparent 1.3px);background-size:22px 22px;grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;position:relative}.desk-bar{border-bottom:1.5px solid var(--pm-line);background:var(--pm-surface-raised);align-items:center;gap:10px;min-height:58px;padding:8px 12px;display:flex}.desk-back,.more-button{width:40px;height:40px;color:var(--pm-ink);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.desk-back:hover,.more-button:hover{background:var(--pm-surface-sunken)}.desk-title{min-width:0;line-height:1.25;display:grid}.desk-title b{text-overflow:ellipsis;white-space:nowrap;font-family:var(--pm-font-display);letter-spacing:-.02em;font-size:17px;font-weight:800;overflow:hidden}.desk-title span{text-overflow:ellipsis;white-space:nowrap;color:var(--pm-ink-3);font-size:13px;overflow:hidden}.desk-switch{margin-inline:auto}.desk-actions{flex:none;align-items:center;gap:6px;display:flex}.timer,.split{border:1.5px solid var(--pm-line);border-radius:var(--pm-radius-full);background:var(--pm-surface-raised);height:38px;color:var(--pm-ink-2);align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.timer:hover,.split:hover{border-color:var(--pm-control-border);color:var(--pm-ink)}.timer.is-running{border-color:var(--pm-pencil);background:var(--pm-pencil);color:var(--pm-on-pencil)}.split[aria-pressed=true]{border-color:var(--pm-ink);background:var(--pm-ink);color:var(--pm-surface-raised)}.munch-it{border:2px solid var(--pm-ink);border-radius:var(--pm-radius-full);background:var(--pm-surface-raised);height:40px;box-shadow:0 3px 0 var(--pm-ink);align-items:center;gap:8px;padding:0 16px 0 8px;font-size:14.5px;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex}.munch-it img{width:30px;height:auto}.munch-it:active{box-shadow:0 0 0 var(--pm-ink);transform:translateY(3px)}.munch-it[aria-pressed=true]{background:var(--pm-pink-soft)}.munch-it.is-chomping img{animation:.5s cubic-bezier(.3,1.5,.5,1) desk-chomp}@keyframes desk-chomp{30%{transform:scale(1.25,.8)rotate(-8deg)}60%{transform:scale(.9,1.15)rotate(5deg)}}.desk-stage{min-height:0;display:flex}.pane-wrap{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.pane-side{border-left:2px solid var(--pm-line)}.side-head{border-bottom:1.5px solid var(--pm-line);background:var(--pm-surface-raised);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.side-head select{border:1.5px solid var(--pm-line);border-radius:var(--pm-radius-full);background:var(--pm-surface-raised);height:34px;padding:0 10px;font-size:14px;font-weight:700}.side-head button{background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.side-head button:hover{background:var(--pm-surface-sunken)}.pane{overscroll-behavior:contain;outline:none;flex-direction:column;flex:1;align-items:flex-start;gap:14px;min-height:0;padding:16px 12px 120px;display:flex;overflow:auto}.pane.is-frame{padding:0}.pane iframe{background:#fff;border:0;flex:1;width:100%}.page{width:var(--page-width,100%);touch-action:pan-x pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff repeating-linear-gradient(#0000 0 35px,#3d7bff1c 35px 36px);border-radius:3px;flex:none;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 1px #1b22381a,0 14px 34px -16px #1b223873}.page.is-drawn{background:#fff}.page canvas{width:100%;height:100%;position:absolute;inset:0}.page-ink{mix-blend-mode:multiply;pointer-events:none}.desk[data-tool=pen] .page,.desk[data-tool=highlighter] .page{cursor:crosshair}.desk[data-tool=eraser] .page{cursor:cell}.desk.finger-draws .page{touch-action:pinch-zoom}.pane-cover{z-index:2;background-color:var(--pm-surface-sunken);background-image:radial-gradient(var(--pm-line) 1.2px, transparent 1.3px);text-align:center;background-size:22px 22px;place-content:center;justify-items:center;gap:10px;padding:24px 24px 110px;display:grid;position:absolute;inset:0}.pane-cover img{width:clamp(110px,20vw,150px);height:auto}.cover-title{font-family:var(--pm-font-display);letter-spacing:-.025em;font-size:clamp(22px,3vw,28px);font-weight:800}.cover-text{max-width:40ch;color:var(--pm-ink-2)}.cover-text:empty{display:none}.cover-progress{border-radius:var(--pm-radius-full);background:var(--pm-surface-raised);width:190px;height:9px;box-shadow:inset 0 0 0 1.5px var(--pm-line);margin-top:6px;overflow:hidden}.cover-progress span{border-radius:inherit;background:var(--pm-otto);width:8%;height:100%;transition:width .2s;display:block}.cover-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.desk-solved{overscroll-behavior:contain;outline:none;flex:1;min-width:0;display:none;overflow-y:auto}.desk.is-solved .desk-solved{display:block}.desk.is-solved .pane-wrap,.desk.is-solved .pencil-case,.desk.is-solved .split,.desk.is-solved :is([data-export],[data-finger],[data-clear]){display:none}.desk-solved-note{color:var(--pm-ink-2);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:18vh 20px;font-weight:700;display:flex}.pencil-case{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:5;border:1.5px solid var(--case-edge);background:var(--case);max-width:calc(100% - 16px);color:var(--case-ink);scrollbar-width:none;border-radius:20px;align-items:center;padding:6px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%);box-shadow:0 18px 40px -14px #0a0e1eb3,0 2px #0a0e1e33}.desk.no-ink .pencil-case{display:none}.tool-group{align-items:center;gap:2px;padding-inline:4px;display:flex}.tool-group+.tool-group,.tool-group+.page-count{border-left:1.5px solid #ffffff29}.pencil-case button{width:42px;height:42px;color:inherit;background:0 0;border:0;border-radius:13px;flex:none;place-items:center;padding:0;transition:background-color .12s,transform .12s;display:grid}@media (hover:hover){.pencil-case button:hover:not(:disabled,[aria-pressed=true]){background:#ffffff1f}}.pencil-case button:active:not(:disabled){transform:scale(.92)}.pencil-case button:disabled{opacity:.32;cursor:default}.pencil-case button[aria-pressed=true]{background:var(--case-ink);color:var(--case)}.pencil-case :focus-visible{outline-color:var(--pm-pencil);outline-offset:1px}[data-tip=pen]{fill:var(--pen-color);stroke:currentColor;stroke-width:1.2px;stroke-linejoin:round}[data-tip=highlighter]{fill:var(--hi-color)}.swatch:before{content:"";background:var(--swatch);border:2px solid #ffffffd9;border-radius:50%;width:22px;height:22px}.pencil-case .swatch,.pencil-case .nib{width:34px}.swatch[aria-pressed=true]{background:0 0!important}.swatch[aria-pressed=true]:before{box-shadow:0 0 0 2px var(--case), 0 0 0 4.5px var(--pm-pencil)}.nib i{width:var(--nib);height:var(--nib);background:currentColor;border-radius:50%}.swatches .rule{background:#ffffff29;width:1.5px;height:22px;margin-inline:4px}.pencil-case .zoom-level{width:52px;font-size:12.5px;font-weight:700}.page-count{white-space:nowrap;opacity:.8;padding:0 12px 0 14px;font-size:12.5px;font-weight:700}.page-count:empty{display:none}.more-menu{z-index:8;border:1.5px solid var(--pm-line);background:var(--pm-surface-raised);min-width:260px;box-shadow:var(--pm-shadow-float), 0 24px 50px -24px #0a0e1e80;border-radius:16px;padding:6px;display:grid;position:absolute;top:60px;right:10px}.more-menu>*{text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.more-menu>:hover{background:var(--pm-surface-sunken)}.more-menu [aria-pressed=true]:after{content:"on";border-radius:var(--pm-radius-full);background:var(--pm-pencil);color:var(--pm-on-pencil);font-family:var(--pm-font-mono);padding:2px 8px;font-size:12px}.more-menu .danger{color:var(--pm-pink-text)}.desk-toast{z-index:9;background:var(--pm-pencil);width:fit-content;color:var(--pm-on-pencil);border-radius:22px;align-items:center;gap:12px;margin-inline:auto;padding:11px 18px;font-size:14.5px;font-weight:700;line-height:1.35;animation:.25s cubic-bezier(.2,.9,.3,1.2) desk-toast;display:flex;position:absolute;bottom:86px;left:12px;right:12px;box-shadow:0 14px 30px -14px #0a0e1e99}.desk-toast a{white-space:nowrap;font-weight:800}@keyframes desk-toast{0%{opacity:0;translate:0 10px}}@media (width<=1040px){.split{display:none}}@media (width<=900px){.desk-bar .desk-switch .long{display:none}.desk-bar .desk-switch .short{display:inline}.desk-bar .desk-switch :is(button,a){padding:0 12px}}@media (width<=620px){.desk-bar{flex-wrap:wrap;gap:6px;padding-inline:6px}.desk-title{flex:1 1 0}.desk-bar .desk-switch{flex:1 0 100%;order:9;margin:0;display:flex}.desk-bar .desk-switch[hidden]{display:none}.desk-bar .desk-switch>*{flex:1 1 0}.desk-bar .desk-switch>.solved{flex:none;padding:0 16px}.desk-title span,.munch-it span{display:none}.desk-title b{font-size:15.5px}.munch-it{padding:0 8px}.timer{padding:0 9px}.timer svg{display:none}.pane{gap:10px;padding:10px 6px 110px}.pencil-case{max-width:none;left:8px;right:8px;transform:none}.zoom,.page-count{display:none}}@media print{body.bare{height:auto;overflow:visible}.desk{background:0 0;height:auto;display:block}.desk-bar,.pencil-case,.more-menu,.desk-toast{display:none!important}.desk-stage{display:block}.desk-solved{overflow:visible}}