:root{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,sans-serif;color:#202d3a;font-synthesis:none;-webkit-font-smoothing:antialiased;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;padding:0}button:disabled{opacity:.32;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:2px solid #007aff;outline-offset:4px}svg{width:18px;height:18px;vertical-align:middle;flex-shrink:0}[hidden]{display:none!important}.desktop{position:relative;height:100svh;min-height:640px;isolation:isolate;overflow:hidden}.wallpaper{position:absolute;inset:0;z-index:-2;background:#354858 url(/wallpaper-slate.jpg) center/cover}.wallpaper:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#101c2900 0% 50%,#101c2933)}.menubar{height:30px;padding:0 24px;display:flex;gap:23px;align-items:center;background:#101b2b66;color:#f5f7fa;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid #ffffff22;font-size:12px;position:relative;z-index:60}.menubar button{height:100%}.brand{display:flex;align-items:center;gap:14px}.brand svg{width:17px}.menu-spacer{flex:1}.system-status{font-size:19px;line-height:1}#clock{font-size:12px;font-variant-numeric:tabular-nums}.hero-heading{position:absolute;top:clamp(50px,7.8vh,95px);left:20px;right:20px;text-align:center;pointer-events:none}.hero-heading p{font-size:19px;font-weight:500;color:#42515e;margin:0 0 13px;letter-spacing:-.4px}.hero-heading h1{font-size:clamp(25px,2.65vw,38px);font-weight:600;letter-spacing:-.045em;margin:0;line-height:1.3}#tree-area{position:absolute;z-index:2;width:min(690px,76vw);left:50%;top:168px;bottom:198px;transform:translate(-50%);transition:top .5s cubic-bezier(.2,.85,.2,1),bottom .5s cubic-bezier(.2,.85,.2,1),opacity .3s}#tree-stage{width:100%;height:100%;position:relative;transition:transform .45s cubic-bezier(.2,.85,.2,1),opacity .3s}#tree-stage canvas,.tree-fallback{width:100%;height:100%;display:block;position:absolute;inset:0;object-fit:contain;pointer-events:none}#tree-stage:before{content:"";position:absolute;width:36%;height:5%;left:32%;bottom:5%;border-radius:50%;background:#293d4740;filter:blur(13px);z-index:-1}#tree-area.closed{opacity:0;pointer-events:none}.tree-hidden{transform:translateY(24px) scale(.95);opacity:0}.tree-hint{position:absolute;bottom:-1px;left:0;width:100%;margin:0;font-size:11px;color:#44525d;text-align:center;pointer-events:none;transition:opacity .2s}.download-area{position:absolute;bottom:100px;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap;z-index:3}.download-button{display:inline-flex;justify-content:center;align-items:center;gap:13px;height:47px;min-width:232px;padding:0 25px;border-radius:12px;background:linear-gradient(#1788ff,#0071f2);color:#fff;box-shadow:0 3px 10px #0964be15,inset 0 1px #ffffff30;font-size:18px;font-weight:500;transition:transform .2s,box-shadow .2s}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0964be30}.download-button:active{transform:translateY(0) scale(.98)}.download-button svg{width:23px;height:23px}.download-area p{margin:9px 0 4px;font-size:12px;color:#e1e7ed}.download-area small{font-size:10px;color:#c4ced8}.site-footer{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center;font-size:10px;color:#d3dde6;display:grid;justify-items:center;gap:5px;z-index:3;white-space:nowrap}.github-link{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500}.github-link svg{width:17px;height:17px}.site-footer a:hover{color:#fff}.repo-url{font-size:10px}.stats{display:flex;gap:20px;font-size:10px}.tree-controls{position:absolute;bottom:-70px;left:50%;width:min(360px,100%);transform:translate(-50%,12px);opacity:0;visibility:hidden;transition:transform .4s cubic-bezier(.2,.85,.2,1),opacity .25s,visibility .25s}.exploring #tree-area{bottom:260px}.exploring .tree-hint{opacity:0}.exploring .tree-controls{opacity:1;transform:translate(-50%);visibility:visible}.search-wrap{display:flex;align-items:center;gap:9px;padding:8px 12px;height:36px;border-radius:10px;border:1px solid #ffffff88;background:#f3f5f5a6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 2px 7px #3344550b}.search-wrap svg{width:15px;color:#5c6873}.search-wrap input{border:0;background:none;outline:none;min-width:0;width:100%;font-size:12px}.search-wrap input::placeholder{color:#63717f}#clear-search{font-size:18px;color:#6f7980;padding:0 3px}.tree-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:9px;font-size:10px}.tree-toolbar button{min-width:24px;min-height:28px;border-radius:5px}.tree-toolbar button:hover{background:#ffffff60}.tree-toolbar>button:first-child,.tree-toolbar>button:nth-child(3){font-size:23px}.tree-toolbar svg{width:14px;height:14px}.toolbar-divider{width:1px;height:14px;background:#66778830}.tree-toolbar [aria-pressed=true]{color:#007aff}#empty{position:absolute;top:40%;left:50%;transform:translate(-50%);background:#f6f5efde;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:24px;text-align:center;font-size:14px;line-height:2;width:255px}#empty small{font-size:11px;color:#64707b}.paper{position:absolute;width:var(--paper-width, 118px);display:flex;flex-direction:column;text-align:left;padding:18px 11px 10px;border-radius:5px;color:#42403a;background:linear-gradient(125deg,#fffcf0,#eee7d6);border:1px solid #fff9;box-shadow:0 5px 12px #26333a25,inset 0 0 0 1px #a89a7512;transform-origin:center 0;-webkit-user-select:none;user-select:none;transition:box-shadow .2s}.paper:before{content:"";position:absolute;top:5px;left:calc(50% - 3px);width:6px;height:6px;border:1px solid #b29a65;border-radius:50%;background:#ac9b7c;box-shadow:inset 0 1px 2px #493a4a40,0 1px #fff}.paper:after{content:"";position:absolute;bottom:calc(100% - 8px);left:calc(50% - .5px);width:1px;height:calc(var(--cord, 12px) + 5px);background:#ac8e52}.paper:hover{box-shadow:0 8px 21px #26333a35,0 0 0 1px #007aff70}.paper-meta{order:2;font-size:9px;color:#746e62;white-space:nowrap;margin-top:auto;padding-top:5px}.paper-text{font-size:11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere}.sparse-tree .paper-text{font-size:12px;-webkit-line-clamp:3}.sparse-tree .paper:not(.image-paper) .paper-text:before{content:"▤";display:block;font-size:23px;color:#7c7566;line-height:1.2;margin-bottom:8px}.sparse-tree .paper.file-paper .paper-text:before{content:"PDF";font-size:10px;color:#fff;background:#c75344;width:29px;padding:5px 2px;border-radius:3px;text-align:center}.paper img{width:100%;min-height:0;flex:1;object-fit:cover;border-radius:2px}.selection-ring{opacity:0;position:absolute;top:-3px;left:-3px;border:1.5px solid #007affb0;border-radius:7px;pointer-events:none;transition:opacity .15s}.window{position:absolute;z-index:15;border:1px solid #ffffffaa;border-radius:11px;overflow:hidden;background:#fafafa;box-shadow:0 20px 55px #162a4540,0 2px 5px #162a4520;transform-origin:center bottom;transition:opacity .25s,transform .4s cubic-bezier(.2,.85,.2,1),visibility .25s}.window.minimized{opacity:0;visibility:hidden;transform:translateY(70px) scale(.92);pointer-events:none}.titlebar{height:43px;padding:0 13px;display:flex;align-items:center;gap:17px;background:#efefef;border-bottom:1px solid #dedede;color:#646464;font-size:11px;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none}.titlebar>span{display:flex;align-items:center;gap:6px}.titlebar>button{margin-left:auto}.titlebar svg{width:14px;height:14px}.traffic{display:flex;gap:8px}.traffic button{width:12px;height:12px;border-radius:50%;border:1px solid #00000012}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.browser-window{left:3%;top:28%;width:310px}.browser-body{padding:24px}.browser-body h2{font-size:20px;letter-spacing:-.5px;font-weight:600;margin:0 0 20px}#sample-content{height:100px;margin-bottom:18px}#sample-content textarea{width:100%;height:100%;resize:none;border:1px solid #dedede;background:#fff;border-radius:7px;padding:12px;font-size:13px;line-height:1.8}#sample-content img{width:100%;height:100%;object-fit:cover;border-radius:6px}.collect-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;color:#fff;background:#007aff;padding:11px;border-radius:7px;font-size:12px}.collect-button svg{width:15px}.text-link{display:block;font-size:11px;color:#006cdb;margin:14px auto}.browser-body small{display:block;font-size:9px;color:#7d8288;text-align:center}.notes-window{right:3%;top:29%;width:320px;background:#fffef9}.notes-body{padding:20px 25px}.notes-date{font-size:10px;color:#93908a;text-align:center}.notes-body h2{font-size:22px;margin:22px 0 14px;color:#272727}#note-editor{min-height:165px;max-height:280px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#494949;font-size:14px;line-height:1.85}#note-editor:empty:before{content:attr(data-placeholder);color:#a7a49c;pointer-events:none}.notes-window footer{display:flex;justify-content:space-between;border-top:1px solid #e5e3d5;padding:12px 15px;color:#8c8b81;font-size:9px}.note-image{width:100%;display:block;border-radius:5px;margin:5px 0}.window.expanded{width:min(520px,90vw);z-index:35}.window.drop-ready{box-shadow:0 0 0 3px #007aff,0 20px 55px #162a4540}.window.dragging{z-index:40;transition:none}.preview{position:fixed;left:0;top:0;z-index:55;transform-origin:0 0;width:370px;max-height:calc(100svh - 100px);background:linear-gradient(125deg,#fffcf1,#efe8d8);border:1px solid #fff9;border-radius:9px;box-shadow:0 22px 65px #23344750,0 3px 10px #23344720;padding:27px 24px 0;color:#49463f;overflow:hidden}.preview-hole{width:6px;height:6px;border:1px solid #b29a65;border-radius:50%;background:#ac9b7c;position:absolute;top:10px;left:calc(50% - 3px)}.preview-heading{display:flex;align-items:center;justify-content:space-between;color:#817a6a;font-size:11px;margin-bottom:20px}.preview-heading button{padding:5px}.preview-heading svg{width:15px;height:15px}#preview-content{min-height:120px;max-height:min(280px,40svh);overflow:auto;overscroll-behavior:contain}#preview-content p{font-size:20px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 20px}#preview-content img{width:100%;border-radius:5px;margin-bottom:10px}#preview-content small{display:block;font-size:10px;color:#8a806b;margin-bottom:7px}.preview footer{margin:12px -24px 0;border-top:1px solid #b6ad962a;padding:14px 20px;display:flex;justify-content:space-between;gap:12px;font-size:11px}.preview footer button{padding:7px 0}.preview footer svg{width:13px;height:13px}.preview footer button:last-child{color:#0071e3;font-weight:500}#toast{position:fixed;bottom:85px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;border:1px solid #ffffff90;border-radius:10px;padding:11px 18px;background:#fcfcf2ed;box-shadow:0 5px 20px #23344720;color:#3d4e5b;z-index:80;font-size:12px;white-space:nowrap;transition:transform .3s,opacity .3s}#toast.visible{opacity:1;transform:translate(-50%)}dialog{width:min(480px,calc(100% - 30px));border:1px solid #ffffffaa;border-radius:15px;padding:35px;background:#fafaf8;color:#3d4750;box-shadow:0 25px 80px #18304c40}dialog::backdrop{background:#26384935;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}dialog h2{font-size:25px;font-weight:600;margin:20px 0 15px}dialog p{font-size:12px;line-height:1.9}.eyebrow{font-size:9px;color:#8b9297;letter-spacing:1px}dialog dl{display:grid;grid-template-columns:95px 1fr;gap:12px;font-size:11px;line-height:1.6;border-block:1px solid #ddd;padding:20px 0}dialog dt{color:#818a93}dialog dd{margin:0}.muted{font-size:11px!important;color:#7e8790}.dialog-link{display:inline-block;margin-top:10px;font-size:12px;color:#0071e3}@media(min-height:1000px){#tree-area{top:185px;bottom:235px}.exploring #tree-area{bottom:298px}.download-area{bottom:125px}.site-footer{bottom:32px}}@media(max-height:760px)and (min-width:800px){.hero-heading{top:49px}.hero-heading p{font-size:15px;margin-bottom:7px}.hero-heading h1{font-size:28px}#tree-area{top:110px;bottom:177px}.exploring #tree-area{bottom:236px}.download-area{bottom:83px}.download-button{height:41px;min-width:210px;font-size:16px}.site-footer{bottom:12px;gap:3px}}@media(max-width:1100px)and (min-width:800px){.notes-window,.browser-window{width:285px}}@media(max-width:799px){.desktop{min-height:640px}.menubar{height:30px;padding:0 13px;gap:17px;font-size:10px}.brand{gap:7px}.brand svg{width:14px}.system-status{display:none}#clock{font-size:10px}.wallpaper{background-position:52% center}.hero-heading{top:65px}.hero-heading p{font-size:16px;margin-bottom:11px}.hero-heading h1{font-size:27px}#tree-area{width:100%;top:148px;bottom:225px}.exploring #tree-area{bottom:283px}.tree-hint{bottom:-7px;font-size:10px}.download-area{bottom:116px}.download-button{height:45px;min-width:215px;font-size:17px}.site-footer{bottom:30px}.tree-controls{width:min(325px,calc(100% - 40px));bottom:-70px}.tree-toolbar{gap:13px;margin-top:5px}.tree-toolbar button{min-height:32px}.paper{padding:16px 8px 8px}.paper-meta{font-size:8px}.sparse-tree .paper-text{font-size:11px}.sparse-tree .paper:not(.image-paper) .paper-text:before{margin-bottom:5px;font-size:19px}.exploring .site-footer{display:none}.window,.window.expanded{position:absolute;width:calc(100% - 30px);left:15px!important;right:auto!important;top:165px!important}.notes-body{min-height:220px}#note-editor{min-height:160px;max-height:calc(100svh - 430px)}.desktop:not([data-mobile-view=tree]) #tree-area{opacity:0;visibility:hidden}.desktop:not([data-mobile-view=browser]) #browser,.desktop:not([data-mobile-view=notes]) #notes{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(35px) scale(.96)}.desktop:not([data-mobile-view=tree]) .download-area{opacity:0;pointer-events:none}#toast{bottom:84px;font-size:11px;max-width:calc(100% - 24px);white-space:normal;text-align:center}}@media(max-height:720px)and (max-width:799px){.hero-heading{top:48px}.hero-heading p{margin-bottom:5px}#tree-area{top:118px;bottom:200px}.exploring #tree-area{bottom:258px}.download-area{bottom:100px}.site-footer{bottom:18px}.window,.window.expanded{top:120px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:799px){.sparse-tree .paper.file-paper .paper-text:before{font-size:10px;line-height:1.2}}#tree-stage:not(.sparse-tree) .paper{padding:14px 8px 5px}#tree-stage:not(.sparse-tree) .paper-text{-webkit-line-clamp:1;flex-shrink:0}#tree-stage:not(.sparse-tree) .paper-meta{font-size:8px;padding-top:3px}#tree-area{--layout-scale: 1;width:min(880px,94vw,calc((100svh - 375px)*1.04));height:min(920px,calc(100svh - 375px));top:154px;bottom:auto;left:50%;transform:translate(-50%);pointer-events:none}#tree-stage{transition:opacity .15s,transform .2s cubic-bezier(.2,.8,.2,1)}#tree-stage:before{display:none}#tree-stage.tree-hidden{transform:translateY(12px)}.native-sculpture{position:absolute;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}.native-cords{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.native-cords path{stroke:#676355b3;stroke-width:.7;fill:none}#tree-stage .paper,.preview-compact .paper{position:absolute;padding:0;display:block;border:0;border-radius:4px;background:#c9c4b5;color:#292929;box-shadow:1px 3px 5px #0000003d;transform-origin:50% 7px;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:none;pointer-events:auto;overflow:hidden}#tree-stage .paper.is-selected,.preview-compact .paper.is-selected{background:#f0ebdb;box-shadow:1px 3px 9px #0000003d}#tree-stage .paper:before,.preview-compact .paper:before,.preview-hole{content:"";position:absolute;top:5.3px;left:calc(50% - 1.7px);width:3.4px;height:3.4px;border:0;border-radius:50%;background:#5c5c5cb3;box-shadow:none}#tree-stage .paper:after,.preview-compact .paper:after{display:none}#tree-stage .paper .paper-meta,.preview-compact .paper-meta{position:absolute;left:10px;right:10px;top:12px;height:15px;padding:0;margin:0;font-size:11px;font-weight:500;line-height:15px;color:#4f4f4f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tree-stage .paper .paper-body,.preview-compact .paper-body{position:absolute;inset:31px 10px 6px;padding:0;margin:0;font-size:13px;font-weight:400;line-height:normal;white-space:pre-wrap;overflow-wrap:anywhere;overflow:hidden;display:block;-webkit-line-clamp:unset}#tree-stage .paper.is-selected .paper-body,.preview-compact .is-selected .paper-body{bottom:21px}#tree-stage .paper .paper-body img,.preview-compact .paper-body img{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:0;margin:0}.paper-date{position:absolute;left:10px;right:10px;bottom:6px;height:13px;font-size:11px;line-height:13px;color:#5c5c5c;display:none;white-space:nowrap}.is-selected .paper-date{display:block}.phone-glyph{position:absolute;top:16px;left:calc(50% - 19px);width:38px;height:60px;border:1.5px solid #45443e;border-radius:7px;display:grid;place-items:center;font-size:29px;line-height:1}.phone-glyph:before{content:"";position:absolute;top:4px;width:13px;height:2px;background:#45443e;border-radius:2px}.phone-label{position:absolute;left:5px;right:5px;bottom:7px;height:25px;display:grid;place-items:center;text-align:center;font-size:11px;line-height:12.5px;white-space:normal;overflow-wrap:anywhere;color:#52514c}#tree-stage .selection-ring{border:1.5px solid rgb(168,196,184);border-radius:5px;transform-origin:50% 9px;z-index:3;transition:none}.tree-controls,.exploring .tree-controls{position:absolute;left:var(--root-x, 50%);top:var(--root-y, 80%);bottom:auto;width:116px;height:92px;transform:translate(-50%);opacity:1;visibility:visible;filter:drop-shadow(1px 3px 5px #0000002e);transition:none;pointer-events:auto}.search-tag{position:relative;height:92px;width:116px;display:flex;align-items:center;flex-direction:column;padding-top:18px;background:#ede8d9;clip-path:polygon(12px 0,104px 0,100% 12px,100% 100%,0 100%,0 12px);border-radius:4px}.search-tag svg{width:12px;height:12px;color:#6e695c}.search-hole{position:absolute;top:5px;left:calc(50% - 1.75px);width:3.5px;height:3.5px;background:#7c786b;border-radius:50%}.search-cord{position:absolute;width:.7px;height:19px;top:-14px;left:50%;background:#777262b3}#search{width:102px;height:25px;border:0;background:none;font-size:14px;font-weight:500;text-align:center;outline:none;padding:0 5px;color:#41403a}#page-label{font-size:11px;font-family:ui-monospace,monospace;color:#6e695c;margin-top:3px}.tree-hint{bottom:12px;left:calc(50% + 76px);width:auto;text-align:left;white-space:nowrap}.exploring #tree-area{width:min(calc(880px * var(--layout-scale)),94vw,calc((100svh - 90px)*1.04));height:min(calc(920px * var(--layout-scale)),calc(100svh - 90px));top:calc(50% + 15px);bottom:auto;transform:translate(-50%,-50%)}.hero-heading,.download-area,.site-footer{transition:opacity .2s,transform .24s cubic-bezier(.2,.8,.2,1)}.exploring .hero-heading{opacity:0;transform:translateY(-12px)}.exploring .download-area{left:auto;right:22px;bottom:24px;transform:none}.exploring .download-button{height:36px;min-width:154px;font-size:13px;border-radius:8px;gap:6px}.exploring .download-button svg{width:16px;height:16px}.exploring .download-area p{font-size:9px;margin-top:5px}.exploring .download-area small{font-size:8px}.exploring .site-footer{bottom:16px}kbd{font:inherit;opacity:.6}.preview{position:fixed;padding:0;border-radius:4px;border:1.5px solid rgb(168,196,184);background:#f0ebdb;box-shadow:1px 3px 9px #0000003d;max-height:none;color:#292929;overflow:hidden;-webkit-user-select:text;user-select:text;touch-action:pan-y}.preview-face,.preview-compact{position:absolute;inset:0;transform-origin:0 0;overflow:hidden}.preview-face{display:flex;flex-direction:column}.preview-heading{flex-shrink:0;padding:21px 21px 8px;margin:0;height:auto;color:#5c5c5c;font-size:11px;font-weight:500}#preview-content{padding:0 21px;min-height:0;max-height:none;flex:1;overflow:auto;overscroll-behavior:contain}#preview-content p{font-size:15px;line-height:normal;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}#preview-content.image-content{padding:0 13px;display:flex;flex-direction:column}#preview-content img{width:100%;min-height:0;flex:1;object-fit:contain;border-radius:0;margin:0}#preview-content small{font-size:11px;color:#5c5c5c;margin:5px 0}#preview-date{padding:8px 21px 13px;font-size:11px;color:#5c5c5c;flex-shrink:0}.preview-compact{pointer-events:none}.preview-compact .paper{box-shadow:none;border:0}@media(max-width:799px){#tree-area{top:146px;width:96vw;height:calc(100svh - 375px);bottom:auto}.exploring #tree-area{top:calc(50% - 12px);width:96vw;height:calc(100svh - 125px);bottom:auto}.tree-hint{left:calc(50% + 68px);font-size:9px;bottom:5px}.exploring .download-area{top:40px;right:12px;bottom:auto}.exploring .download-button{min-width:115px;height:29px;font-size:11px;padding:0 10px}.exploring .download-area p,.exploring .download-area small{display:none}}@media(prefers-reduced-motion:reduce){#tree-stage.tree-hidden{transform:none}}#tree-area{transition:width .24s cubic-bezier(.2,.8,.2,1),height .24s cubic-bezier(.2,.8,.2,1),top .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1)}#tree-area.closed{opacity:1}#tree-stage.tree-hidden{opacity:1;transform:none}.preview:before{content:"";position:absolute;z-index:2;left:calc(50% - var(--hole-radius, 1.7px));top:calc(var(--pin-inset, 7px) - var(--hole-radius, 1.7px));width:calc(var(--hole-radius, 1.7px) * 2);height:calc(var(--hole-radius, 1.7px) * 2);border-radius:50%;background:#5c5c5cb3;pointer-events:none}.preview-hole,.preview-compact .paper:before{display:none}.preview-compact .paper{background:none}.desktop:not(.exploring) #tree-area{width:880px;height:920px;transform:translate(-50%) scale(var(--welcome-scale, .6));transform-origin:50% 0}.exploring #tree-area{transform-origin:50% 0}.native-desktop{min-height:640px}.site-header{position:absolute;inset:0 0 auto;height:88px;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 28px;background:#f7f7f5;border-bottom:1px solid #ddd}.site-identity{display:grid;gap:5px}.site-identity strong{font-size:19px;font-weight:600;color:#222}.site-identity span{font-size:11px;color:#777}.native-desktop .site-footer{position:static;display:grid;transform:none;gap:4px;margin:auto;white-space:nowrap}.native-desktop .repo-url{display:none}.native-desktop .download-area{position:static;transform:none;text-align:right}.native-desktop .download-button{height:36px;min-width:154px;font-size:14px;border-radius:8px}.native-desktop .download-area p{margin:4px 0 2px;font-size:9px}.native-desktop .download-area small{font-size:8px}.native-desktop #desktop-main{position:absolute;inset:88px 0 48px;isolation:isolate;overflow:hidden}.native-desktop .menubar{position:absolute;inset:0 0 auto;height:30px}.native-desktop #tree-area{transform:none;bottom:auto;transition:none}.native-desktop #empty{display:none}.native-desktop .notes-window,.native-desktop .browser-window{z-index:1}.preview-heading{padding:16.7px 21px 5px;line-height:13px}#preview-content{padding:8px 21px}#preview-date{padding:0 21px 13px}#preview-content.image-content{display:block;padding:0}#preview-content.image-content img{display:block;width:calc(100% - 26px);height:calc(100% - 26px);margin:13px;object-fit:contain}#preview-content.image-content small,#preview-content.image-content p{padding:13px 21px;font-size:13px}@media(max-width:799px){.site-header{height:88px;padding:12px;gap:12px}.site-identity strong{font-size:15px}.site-identity span{display:none}.native-desktop .site-footer{display:grid}.native-desktop .stats{gap:7px;font-size:8px}.native-desktop .github-link{font-size:11px}.native-desktop .download-button{min-width:110px;font-size:11px}.native-desktop .download-area p,.native-desktop .download-area small{display:block;font-size:7px}.native-desktop .window{top:65px!important}.native-desktop #note-editor{max-height:calc(100svh - 420px)}}#tree-stage .paper .paper-text,.preview-compact .paper-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--body-lines, 2);line-height:15.5px}.preview-files{padding:5px 0}.preview-file-row{display:flex;align-items:center;gap:13px;padding:8px 0;font-size:13px}.preview-file-row>div{min-width:0}.preview-file-row small{font-size:11px!important;color:#616161!important;margin:2px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-glyph{display:grid;place-items:center;flex:0 0 34px;height:40px;background:#f5f4ed;border:1px solid #b5b1a4;border-radius:3px;color:#9b4942;font-size:9px}#tree-stage .paper .paper-text,.preview-compact .paper-text{bottom:auto;height:calc(var(--body-lines, 2) * 15.5px);max-height:calc(100% - 37px)}#tree-stage .paper.is-selected .paper-text,.preview-compact .is-selected .paper-text{bottom:auto;max-height:calc(100% - 52px)}.native-desktop #desktop-main{top:0;bottom:188px}.root-links{position:absolute;z-index:20;width:240px;transform:translate(-50%);display:grid;justify-items:center;gap:9px}.native-desktop .root-links .download-area{text-align:center}.native-desktop .root-links .download-button{height:40px;min-width:190px;font-size:15px}.native-desktop .root-links .download-area p{font-size:10px;margin:5px 0 2px}.native-desktop .root-links .download-area small{font-size:9px}.native-desktop .root-links .site-footer{margin:0;gap:3px}.native-desktop .root-links .github-link{font-size:12px}.native-desktop .root-links .stats{font-size:9px;gap:14px}@media(max-width:799px){.native-desktop #desktop-main{bottom:188px}.native-desktop:not([data-mobile-view=tree]) .root-links{visibility:hidden}}.native-desktop #desktop-main{top:0;bottom:152px}.native-desktop{min-height:700px}.notes-rail,.samples-rail{position:absolute;z-index:4;max-height:calc(100% - 88px);overflow-y:auto;scrollbar-width:thin}.notes-rail{right:18px}.samples-rail{left:18px}.native-desktop .notes-rail .notes-window,.native-desktop .samples-rail .browser-window{position:relative;inset:auto!important;width:100%;opacity:1;visibility:visible;transform:none;pointer-events:auto}.notes-rail .titlebar,.samples-rail .titlebar{cursor:default}.traffic span{width:10px;height:10px;border-radius:50%;display:block}.traffic .red{background:#ff6058}.traffic .yellow{background:#ffbd2e}.traffic .green{background:#28c840}.notes-rail .notes-body,.samples-rail .browser-body{padding:18px}.notes-rail .notes-date{display:none}.notes-rail .notes-body h2,.samples-rail .browser-body h2{font-size:19px;line-height:1.35;margin:0 0 16px}.notes-rail #note-editor{min-height:180px;max-height:280px;outline-offset:4px}.notes-rail .note-image{display:block;max-width:100%;height:auto;object-fit:contain;border-radius:4px;margin:6px 0}.notes-rail .drop-ready{outline:2px solid #007aff;outline-offset:-2px}.shortcut-guide{margin-top:18px;padding-top:15px;border-top:1px solid #e9e7df;color:#6b695f}.shortcut-guide p{font-size:11px;line-height:1.6;margin:0 0 12px}.shortcut-guide dl{margin:0 0 12px;display:grid;gap:8px}.shortcut-guide dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.shortcut-guide dt{font:500 11px -apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap}.shortcut-guide dd{font-size:11px;margin:0;text-align:right}.shortcut-guide small{font-size:10px;line-height:1.8}.samples-rail #sample-content{height:180px;min-height:180px}.samples-rail #sample-text{min-height:160px;height:180px;font-size:14px}.samples-rail #sample-content img{max-height:210px;object-fit:contain}.samples-rail .collect-button{margin-bottom:12px}.samples-rail .browser-body>small{font-size:10px;line-height:1.65}#reopen-tree{position:absolute;z-index:3;display:flex;align-items:center;flex-direction:column;gap:12px;width:min(330px,calc(100vw - 32px));padding:22px 14px;color:#36424b;border:1px solid #ffffff75;border-radius:16px;background:#f6f8fa99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #3646570d;opacity:0;visibility:hidden;transform:translate(-50%,calc(-50% + 18px));transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s,visibility .3s;pointer-events:none}#reopen-tree.visible{opacity:1;visibility:visible;transform:translate(-50%,-50%);pointer-events:auto}#reopen-tree span{font-size:16px;font-weight:500}#reopen-tree kbd{font:500 25px -apple-system,sans-serif;letter-spacing:5px}#reopen-tree small{font-size:11px;line-height:1.5}@media(min-width:760px)and (max-height:850px){.notes-rail #note-editor{min-height:90px;max-height:135px}.notes-rail .notes-body,.samples-rail .browser-body{padding:14px}.shortcut-guide{margin-top:14px;padding-top:12px}.shortcut-guide dl{gap:6px}}@media(max-width:759px){.notes-rail,.samples-rail{right:16px;left:16px;max-height:none;overflow:visible}.native-desktop .notes-rail #notes,.native-desktop .samples-rail #browser{visibility:visible;opacity:1;transform:none;pointer-events:auto;width:100%}.native-desktop:not([data-mobile-view=tree]) #tree-area{visibility:visible}.native-desktop:not([data-mobile-view=tree]) .root-links{visibility:visible}.native-desktop:not([data-mobile-view=tree]) .download-area{opacity:1;pointer-events:auto}.native-desktop .menubar{gap:8px;padding:0 10px}.native-desktop .system-status{display:none}}@media(prefers-reduced-motion:reduce){#reopen-tree,#reopen-tree.visible{transform:translate(-50%,-50%);transition:opacity .15s}}.notes-rail #note-editor,.notes-rail #note-editor:empty:before,.notes-rail .notes-body h2,.notes-rail .shortcut-guide,.notes-rail .notes-window footer{color:#000}.notes-rail #note-editor{caret-color:#000}.native-desktop .menubar>button:not(.brand){padding:3px 9px;border:1px solid #ffffff70;border-radius:5px;background:#fff5}.native-desktop .menubar>button:not(.brand):hover{background:#ffffffa6}#clear-note{width:26px;height:26px;padding:5px;border:1px solid #d7d9dc;border-radius:5px;background:#fff;color:#222}#clear-note:hover{background:#e8edf3}.samples-rail .collect-button{background:#007aff;border:1px solid #0068da;box-shadow:inset 0 1px #ffffff38}.samples-rail .collect-button:hover{background:#006be0}@media(min-width:760px)and (max-width:1049px){.notes-rail .notes-body,.samples-rail .browser-body{padding:12px}.notes-rail .notes-body h2,.samples-rail .browser-body h2{font-size:16px}.shortcut-guide dl>div{gap:7px}.notes-rail .titlebar,.samples-rail .titlebar{gap:7px;padding:0 10px}.samples-rail .titlebar>span{font-size:10px}}.language-control{position:relative;display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:5px;color:inherit}.language-control:hover{background:#fff5}.language-control>svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.2}.language-control .language-chevron{width:10px;height:10px}#language-name{font-size:11px;white-space:nowrap}.language-control select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.language-control:focus-within{outline:2px solid #007aff;outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.samples-rail #sample-content,.samples-rail #sample-text{height:110px;min-height:110px}.samples-rail .collect-button{margin-bottom:0}.notes-rail .shortcut-guide{margin-top:12px;padding-top:12px}.notes-rail .shortcut-guide dl{margin-bottom:0;gap:9px}.native-desktop #desktop-main{bottom:0}.native-desktop .notes-rail,.native-desktop .samples-rail{max-height:none;overflow:visible}.native-desktop .notes-rail .notes-window,.native-desktop .samples-rail .browser-window{height:100%;display:flex;flex-direction:column}.notes-rail .titlebar,.samples-rail .titlebar{flex:0 0 40px}.native-desktop .notes-rail .notes-body,.native-desktop .samples-rail .browser-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:clamp(12px,1.5vw,22px)}.native-desktop .samples-rail #sample-content{flex:1;height:auto;min-height:0;margin-bottom:14px;overflow:auto}.native-desktop .samples-rail #sample-text{display:block;height:100%;min-height:0}.native-desktop .samples-rail #sample-content img{height:100%;max-height:none;object-fit:contain}.native-desktop .samples-rail .collect-button{flex-shrink:0}.native-desktop .notes-rail #note-editor{flex:1;min-height:0;max-height:none}.native-desktop .notes-rail .shortcut-guide{flex-shrink:0}.download-button{text-decoration:none;cursor:pointer}.download-button[aria-busy=true]{cursor:progress}#download-state{display:block;margin-top:5px}#download-state:empty{display:none}.native-desktop{--phi: 1.61803398875;--control-unit: 34px}.native-desktop .samples-rail .browser-body,.native-desktop .notes-rail .notes-body{padding:12px}.native-desktop .samples-rail #sample-content{display:grid;grid-template-rows:1fr 1fr;gap:calc(12px * var(--phi));margin:0}.sample-item{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) var(--control-unit);gap:8px}.native-desktop .samples-rail #sample-text{padding:10px;font-size:13px;line-height:1.618}.native-desktop .samples-rail .collect-button{justify-self:end;width:calc(var(--control-unit) * var(--phi) * var(--phi));height:var(--control-unit);min-height:0;padding:0 8px;margin:0;gap:5px;font-size:12px}.native-desktop .root-links .download-button{display:flex;justify-content:center;align-items:center;width:calc(42px * var(--phi) * var(--phi) * var(--phi));min-width:0;height:42px;padding:0 13px;gap:8px;font-size:14px;white-space:nowrap}.native-desktop .tree-controls,.native-desktop .search-tag{height:calc(116px / var(--phi))}