@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#090a0d;--paper:#f2eee7;--quiet:#777982;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{background:var(--night);color:var(--paper);font-family:var(--sans);overflow:hidden}button,a{font:inherit;color:inherit}.launcher{background:radial-gradient(at 48% 46%,#171920 0,#0d0e12 44%,#090a0d 78%);flex-direction:column;height:100dvh;min-height:620px;padding:25px 34px 21px;display:flex;position:relative;overflow:hidden}.launcher:before{content:"";pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");position:absolute;inset:0}.masthead,.footline{z-index:2;flex:none;justify-content:space-between;align-items:center;height:38px;display:flex;position:relative}.wordmark{font:500 10px var(--mono);letter-spacing:1.65px;color:#b5b6bc;align-items:center;gap:10px;text-decoration:none;display:flex}.mark{width:25px;height:25px;font:700 11px var(--sans);letter-spacing:-1px;color:#f3eee6;border:1px solid #777982;border-radius:8px;place-items:center;display:grid;transform:rotate(-7deg)}.mark span{color:#ff725f}.masthead-note,.edition,.footline{font:9px var(--mono);letter-spacing:1.05px;color:#696b75}.masthead-note{align-items:center;gap:8px;display:flex}.masthead-note i{background:#fe705e;border-radius:50%;width:5px;height:5px;box-shadow:0 0 11px #fe705e}.edition b{color:#ff705f;font-weight:400}.menu{z-index:1;perspective:1200px;flex:1;min-height:0;margin:37px 0 26px;display:flex;position:relative}.portal{--accent:#b7a4ff;--accent-rgb:183,164,255;--tilt-x:0deg;--tilt-y:0deg;isolation:isolate;text-align:left;cursor:pointer;opacity:0;background:linear-gradient(#ffffff03 0%,#fff0 40%,#ffffff02 100%);border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff12;border-left:0;border-right:1px solid #ffffff13;flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:25px 25px 24px;transition:flex .6s cubic-bezier(.2,.8,.2,1),background .45s,filter .4s;animation:.85s cubic-bezier(.2,.75,.15,1) forwards portal-arrive;display:flex;position:relative;overflow:hidden;transform:translateY(25px)}.portal:nth-child(2){--accent:#ff705f;--accent-rgb:255,112,95;animation-delay:.12s}.portal:nth-child(3){--accent:#f0dfcd;--accent-rgb:240,223,205;border-right:0;animation-delay:.24s}.menu:has(.portal:hover) .portal:not(:hover){filter:brightness(.58)saturate(.7)}.portal:hover,.portal:focus-visible{background:radial-gradient(ellipse at 50% 44%,rgba(var(--accent-rgb),.095),transparent 56%),#ffffff04;outline:0;flex:1.35}.portal:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}.portal:after{content:"";z-index:-1;background:linear-gradient(110deg,transparent 25%,rgba(var(--accent-rgb),.055) 48%,transparent 70%);transition:transform .8s cubic-bezier(.2,.65,.2,1);position:absolute;inset:0;transform:translate(-115%)}.portal:hover:after{transform:translate(115%)}.portal-no{font:10px var(--mono);letter-spacing:1.2px;color:#656771;transition:color .3s}.portal:hover .portal-no{color:var(--accent)}.portal-copy{z-index:2;flex-direction:column;align-items:flex-start;display:flex;position:relative}.portal-kicker{font:9px var(--mono);letter-spacing:1.5px;color:#858791;margin-bottom:12px}.portal-title{letter-spacing:-2.7px;white-space:nowrap;font-size:clamp(29px,3.2vw,54px);font-weight:600;line-height:.98;transition:transform .5s cubic-bezier(.2,.75,.2,1);transform:translate(0)}.portal-title span{color:#aaaab0;font-weight:400}.portal:hover .portal-title{transform:translate(8px)}.portal-open{font:9px var(--mono);letter-spacing:1.4px;color:#92949c;align-items:center;gap:12px;margin-top:22px;transition:color .3s,gap .3s;display:flex}.portal-open b{font:18px var(--sans);color:var(--accent);font-weight:400}.portal:hover .portal-open{color:var(--paper);gap:20px}.portal-edge{background:var(--accent);transform-origin:100%;width:28px;height:1px;transition:transform .5s;position:absolute;bottom:32px;right:25px;transform:scaleX(0)}.portal:hover .portal-edge{transform:scaleX(1)}.portal-art{z-index:0;width:min(30vw,380px);height:min(30vw,380px);transform:translate(calc(-50% + var(--mx,0px)),calc(-50% + var(--my,0px))) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));pointer-events:none;transition:transform .28s ease-out;position:absolute;top:47%;left:50%}.portal-art:before{content:"";background:radial-gradient(circle,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.035) 42%,transparent 72%);filter:blur(13px);opacity:.66;border-radius:50%;transition:transform .8s,opacity .8s;position:absolute;inset:10%;transform:scale(.72)}.portal:hover .portal-art:before{opacity:1;transform:scale(1.2)}.art-core{font:500 clamp(90px,14vw,190px)/1 var(--sans);letter-spacing:-.11em;color:#ffffff09;text-shadow:0 0 55px rgba(var(--accent-rgb),.2);transition:color .5s,text-shadow .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal:hover .art-core{color:#ffffff1c;text-shadow:0 0 80px rgba(var(--accent-rgb),.48)}.art-notes:after{content:"";opacity:.2;background:repeating-linear-gradient(132deg,#ffffffc7 0 1px,#0000 1px 10px);border-radius:50%;transition:transform .8s cubic-bezier(.2,.7,.1,1),opacity .5s;animation:22s linear infinite stripe-drift;position:absolute;inset:9% 16%;transform:rotate(-15deg)scale(.82);-webkit-mask-image:radial-gradient(#000 15%,#0000 68%);mask-image:radial-gradient(#000 15%,#0000 68%)}.portal-notes:hover .art-notes:after{opacity:.52;transform:rotate(0)scale(1.12)}.note-sheet{z-index:1;background:linear-gradient(145deg,#1e1417eb,#0f0f13bd);border:1px solid #b7a4ffb8;border-radius:4px;width:34%;height:42%;transition:transform .65s cubic-bezier(.18,.7,.15,1),box-shadow .65s;position:absolute;top:27%;left:32%;transform:rotate(-9deg)translateY(12px);box-shadow:0 18px 60px #0009,0 0 38px #b7a4ff1a}.portal-notes:hover .note-sheet{transform:rotate(-3deg)translateY(-6px)scale(1.04);box-shadow:0 28px 75px #000b,0 0 70px #b7a4ff29}.note-sheet i{transform-origin:0;background:linear-gradient(90deg,#b7a4ff88 0 18%,#ffffff29 18% 74%,#0000 74%);height:1px;margin:19% 16% 0;display:block;transform:scaleX(.8)}.note-sheet i:nth-child(2){width:78%}.note-sheet i:nth-child(3){width:61%}.note-sheet i:nth-child(4){width:71%}.orbit{border:1px solid #b7a4ff2b;border-radius:50%;transition:transform .7s;position:absolute;inset:17%;transform:rotate(31deg)scaleY(.32)}.orbit-b{border-color:#ffffff1a;transform:rotate(-37deg)scaleY(.32)}.portal-notes:hover .orbit-a{transform:rotate(48deg)scaleY(.52)}.portal-notes:hover .orbit-b{transform:rotate(-56deg)scaleY(.44)}.art-files:after{content:"";clip-path:polygon(0 48%,28% 0,100% 28%,73% 100%);opacity:.1;background:repeating-linear-gradient(45deg,#ffffffb3 0 1px,#0000 1px 10px);transition:transform .8s,opacity .5s;position:absolute;inset:10%;transform:rotate(12deg)scale(.78)}.portal-files:hover .art-files:after{opacity:.38;transform:rotate(0)scale(1.08)}.folder{clip-path:polygon(0 16%,33% 16%,42% 28%,100% 28%,100% 100%,0 100%);border:1px solid #ff705f99;border-radius:9px;width:54%;height:36%;transition:transform .65s cubic-bezier(.18,.7,.15,1),background .5s;position:absolute;top:36%;left:23%}.folder-back{background:#17151e;border-color:#ff705f55;top:29%;left:26%;transform:rotate(9deg)}.folder-front{background:linear-gradient(140deg,#272132e8,#17151bdc);transform:rotate(-8deg)translateY(8px);box-shadow:0 25px 75px #0009}.portal-files:hover .folder-back{transform:rotate(14deg)translate(7px,-8px)}.portal-files:hover .folder-front{transform:rotate(-3deg)translateY(-5px)scale(1.04)}.scan-line{opacity:0;background:linear-gradient(90deg,#0000,#c9bcff,#0000);width:51%;height:1px;transition:top .7s,opacity .3s;position:absolute;top:53%;left:24%;box-shadow:0 0 12px #ff705f}.portal-files:hover .scan-line{opacity:.8;top:72%}.art-services:after{content:"";opacity:.13;background:repeating-conic-gradient(from 7deg,#ffffffb3 0deg 1deg,#0000 1deg 8deg);border-radius:50%;transition:transform 1.1s cubic-bezier(.2,.7,.1,1),opacity .5s;animation:50s linear infinite service-spin;position:absolute;inset:13%;transform:rotate(0)scale(.86);-webkit-mask-image:radial-gradient(circle,#0000 0 40%,#000 42% 58%,#0000 72%);mask-image:radial-gradient(circle,#0000 0 40%,#000 42% 58%,#0000 72%)}.portal-services:hover .art-services:after{opacity:.42;transform:rotate(21deg)scale(1.1)}.service-ring{border:1px solid #f0dfcd38;border-radius:50%;transition:transform .7s cubic-bezier(.2,.7,.2,1),border-color .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(65deg)}.ring-outer{width:75%;height:75%}.ring-middle{border-color:#f0dfcd38;width:55%;height:55%;transform:translate(-50%,-50%)rotateX(65deg)rotate(45deg)}.ring-inner{border-color:#f0dfcd55;width:34%;height:34%;transform:translate(-50%,-50%)rotateX(65deg)rotate(-45deg)}.portal-services:hover .ring-outer{border-color:#f0dfcd66;transform:translate(-50%,-50%)rotateX(65deg)rotate(28deg)scale(1.1)}.portal-services:hover .ring-middle{transform:translate(-50%,-50%)rotateX(65deg)rotate(105deg)scale(1.08)}.portal-services:hover .ring-inner{transform:translate(-50%,-50%)rotateX(65deg)rotate(12deg)scale(1.1)}.node{background:#f0dfcd;border-radius:50%;width:8px;height:8px;transition:transform .7s;position:absolute;top:50%;left:50%;box-shadow:0 0 17px #f0dfcdbb}.node-one{transform:translate(-50%,-50%)translateY(-109px)}.node-two{transform:translate(-50%,-50%)translate(95px,53px)}.node-three{transform:translate(-50%,-50%)translate(-95px,53px)}.portal-services:hover .node-one{transform:translate(-50%,-50%)translateY(-135px)}.portal-services:hover .node-two{transform:translate(-50%,-50%)translate(118px,68px)}.portal-services:hover .node-three{transform:translate(-50%,-50%)translate(-118px,68px)}.footline{height:28px}.footline span{font-size:8px}.footline .foot-center{color:#878993}.foot-center b{color:#ff705f;margin-left:8px;font-size:13px;font-weight:400}.foot-coords{color:#555760}.launch-transition{z-index:10;pointer-events:none;visibility:hidden;place-items:center;display:grid;position:fixed;inset:0}.launch-transition.active{visibility:visible}.launch-wipe{background:var(--launch-accent,#ff705f);clip-path:circle(0);transition:clip-path .65s cubic-bezier(.7,0,.2,1);position:absolute;inset:0}.launch-transition.active .launch-wipe{clip-path:circle(150%)}.launch-name{letter-spacing:-.07em;color:#111117;opacity:0;font-size:clamp(40px,9vw,120px);font-weight:600;transition:opacity .35s .2s,transform .5s .2s;position:relative;transform:translateY(22px)}.launch-transition.active .launch-name{opacity:1;transform:none}.launch-transition.done .launch-wipe{clip-path:circle(0)}.launch-transition.done .launch-name{opacity:0;transition-delay:0s;transform:translateY(-14px)}@keyframes portal-arrive{to{opacity:1;transform:translateY(0)}}@keyframes stripe-drift{to{background-position:110px 0}}@keyframes service-spin{to{transform:rotate(360deg)}}@media (max-width:760px){body{overflow:auto}.launcher{height:auto;min-height:100svh;padding:18px 16px 14px}.masthead{height:30px}.masthead-note{font-size:7px}.edition{font-size:8px}.menu{perspective:none;flex-direction:column;gap:8px;min-height:calc(100svh - 94px);margin:20px 0}.portal{border:1px solid #ffffff16;border-radius:5px;flex:1;min-height:0;padding:16px 17px;animation:.7s cubic-bezier(.2,.75,.15,1) forwards portal-mobile;display:block;transform:translate(-22px)}.portal:nth-child(2){animation-delay:.1s}.portal:nth-child(3){animation-delay:.2s}.portal:hover{flex:1.18}.portal-no{position:absolute;top:15px;left:17px}.portal-art{width:min(48vw,210px);height:min(48vw,210px);transform:translate(var(--mx,0px),calc(-50% + var(--my,0px)));top:50%;left:auto;right:4%}.art-core{font-size:clamp(70px,20vw,125px)}.note-sheet{width:34%;height:42%;top:28%;left:33%}.folder{width:56%;height:37%;top:35%;left:24%}.node-one{transform:translate(-50%,-50%)translateY(-60px)}.node-two{transform:translate(-50%,-50%)translate(54px,30px)}.node-three{transform:translate(-50%,-50%)translate(-54px,30px)}.portal-services:hover .node-one{transform:translate(-50%,-50%)translateY(-73px)}.portal-services:hover .node-two{transform:translate(-50%,-50%)translate(65px,36px)}.portal-services:hover .node-three{transform:translate(-50%,-50%)translate(-65px,36px)}.portal-copy{position:absolute;bottom:18px;left:17px}.portal-kicker{margin-bottom:6px;font-size:7px}.portal-title{letter-spacing:-1.7px;font-size:clamp(25px,8vw,36px)}.portal-open{margin-top:9px;font-size:7px}.portal-edge{bottom:25px;right:16px}.footline{height:20px}.footline .foot-center{display:none}.footline span{font-size:7px}.portal:after{background:linear-gradient(110deg,transparent 25%,rgba(var(--accent-rgb),.08) 48%,transparent 70%)}}@keyframes portal-mobile{to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-space{--app-accent:#b7a4ff;background:radial-gradient(ellipse at 52% 48%,color-mix(in srgb,var(--app-accent),transparent 91%) 0,#0d0e12 47%,#090a0d 80%);flex-direction:column;min-height:100dvh;padding:25px 34px 21px;animation:.55s cubic-bezier(.2,.75,.15,1) both space-arrive;display:flex;position:relative;overflow:hidden}.app-space:before{content:"";pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");position:absolute;inset:0}.app-space-header,.app-space-footer{z-index:2;flex:none;justify-content:space-between;align-items:center;height:38px;display:flex;position:relative}.back-to-hub{color:#c3c3c9;font:9px var(--mono);letter-spacing:1.1px;cursor:pointer;background:0 0;border:0;padding:4px 0}.back-to-hub span{font:17px var(--sans);color:var(--app-accent);vertical-align:-1px;margin-right:8px;transition:margin .2s}.back-to-hub:hover span{margin-right:13px}.app-space-trail,.app-space-footer{font:8px var(--mono);letter-spacing:1px;color:#747680}.app-space-trail b,.app-space-footer b{color:var(--app-accent);margin:0 5px;font-weight:400}.app-space-header .mark{border-color:color-mix(in srgb,var(--app-accent),transparent 35%);box-shadow:0 0 22px color-mix(in srgb,var(--app-accent),transparent 82%)}.app-space-body{z-index:1;flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,7vw,100px);width:min(1080px,100%);min-height:470px;margin:0 auto;display:grid;position:relative}.app-space-art{aspect-ratio:1;justify-self:center;place-items:center;width:min(37vw,440px);animation:.9s cubic-bezier(.2,.75,.15,1) .1s both art-arrive;display:grid;position:relative}.app-space-art:before{content:"";background:radial-gradient(circle,color-mix(in srgb,var(--app-accent),transparent 83%),transparent 70%);filter:blur(12px);border-radius:50%;position:absolute;inset:15%}.app-space-orbit{border:1px solid color-mix(in srgb,var(--app-accent),transparent 77%);border-radius:50%;width:84%;height:84%;animation:12s ease-in-out infinite alternate orbit-float;position:absolute;transform:rotateX(63deg)rotate(-28deg)}.app-space-orbit.orbit-two{border-style:dashed;width:66%;height:66%;animation-direction:alternate-reverse;transform:rotateX(63deg)rotate(48deg)}.app-space-glyph{font:500 clamp(150px,23vw,300px)/1 var(--sans);letter-spacing:-.12em;color:color-mix(in srgb,var(--app-accent),transparent 82%);text-shadow:0 0 70px color-mix(in srgb,var(--app-accent),transparent 60%);position:relative;transform:translate(-.06em)}.app-space-sheet{border:1px solid color-mix(in srgb,var(--app-accent),transparent 20%);background:linear-gradient(145deg,#19161ee8,#111216c9);border-radius:4px;flex-direction:column;gap:12%;width:31%;height:39%;padding:14% 10%;animation:5s ease-in-out infinite alternate sheet-hover;display:flex;position:absolute;top:30%;left:35%;transform:rotate(-9deg);box-shadow:0 25px 80px #0009}.app-space-sheet i{background:linear-gradient(90deg,var(--app-accent) 0 24%,#ffffff37 24% 82%,transparent 82%);height:1px}.app-space-sheet i:nth-child(2){width:85%}.app-space-sheet i:nth-child(3){width:64%}.app-space-sheet i:nth-child(4){width:76%}.app-space-folder{border:1px solid color-mix(in srgb,var(--app-accent),transparent 19%);background:linear-gradient(145deg,color-mix(in srgb,var(--app-accent),#15151b 89%),#15151bdc);clip-path:polygon(0 15%,34% 15%,44% 29%,100% 29%,100% 100%,0 100%);border-radius:8px;width:43%;height:31%;animation:5s ease-in-out infinite alternate sheet-hover;position:absolute;top:38%;left:29%;transform:rotate(-8deg);box-shadow:0 25px 75px #0009}.app-space-node{background:var(--app-accent);width:8px;height:8px;box-shadow:0 0 23px var(--app-accent);border-radius:50%;position:absolute}.app-space-node.node-a{top:15%;left:49%}.app-space-node.node-b{bottom:25%;right:17%}.app-space-node.node-c{bottom:25%;left:17%}.app-space-copy{z-index:1;max-width:430px;animation:.65s cubic-bezier(.2,.75,.15,1) .12s both copy-arrive;position:relative}.app-space-kicker{color:#a3a4ac;font:9px var(--mono);letter-spacing:1.5px;align-items:center;gap:9px;margin:0 0 18px;display:flex}.app-space-kicker i{background:var(--app-accent);width:6px;height:6px;box-shadow:0 0 12px var(--app-accent);border-radius:50%}.app-space-copy h1{font:600 clamp(48px,7vw,92px)/.95 var(--sans);letter-spacing:-.085em;white-space:nowrap;margin:0}.app-space-copy h1 span{color:var(--app-accent);font-weight:400}.app-space-description{font:14px/1.8 var(--sans);color:#a0a1a8;max-width:360px;margin:22px 0 27px}.app-space-divider{background:linear-gradient(90deg,color-mix(in srgb,var(--app-accent),transparent 46%),#ffffff16 55%,transparent);max-width:370px;height:1px}.app-space-status{flex-direction:column;gap:6px;margin-top:20px;display:flex}.app-space-status span{font:8px var(--mono);letter-spacing:1.2px;color:#777983}.app-space-status strong{font:500 15px var(--sans);color:#e5e3de}.app-space-status small{font:11px var(--sans);color:#888a92}.back-action{border:1px solid color-mix(in srgb,var(--app-accent),transparent 57%);background:color-mix(in srgb,var(--app-accent),transparent 92%);color:#e8e5e1;font:8px var(--mono);letter-spacing:1.1px;cursor:pointer;border-radius:3px;margin-top:26px;padding:11px 14px;transition:background .25s,border-color .25s}.back-action b{font:15px var(--sans);color:var(--app-accent);margin-left:11px;font-weight:400}.back-action:hover{background:color-mix(in srgb,var(--app-accent),transparent 84%);border-color:var(--app-accent)}.app-space-footer{color:#666873;height:28px;font-size:7px}.app-space-footer span:last-child{align-items:center;gap:8px;display:flex}.app-space-footer i{background:var(--app-accent);width:5px;height:5px;box-shadow:0 0 9px var(--app-accent);border-radius:50%}@keyframes space-arrive{0%{opacity:0}to{opacity:1}}@keyframes art-arrive{0%{opacity:0;transform:scale(.86)rotate(-7deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes copy-arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit-float{0%{rotate:-8deg;scale:.97}to{rotate:8deg;scale:1.03}}@keyframes sheet-hover{0%{translate:0 5px}to{translate:0 -7px}}@media (max-width:760px){.app-space{min-height:100svh;padding:18px 16px 14px}.app-space-header{height:30px}.app-space-trail{font-size:7px}.app-space-body{grid-template-rows:minmax(190px,42vh) auto;grid-template-columns:1fr;align-content:center;gap:0;min-height:calc(100svh - 94px);padding:4px 0 22px}.app-space-art{align-self:end;width:min(55vw,250px)}.app-space-glyph{font-size:clamp(130px,36vw,200px)}.app-space-copy{text-align:center;justify-self:center;width:min(430px,100%)}.app-space-kicker{justify-content:center;margin-bottom:13px;font-size:8px}.app-space-copy h1{font-size:clamp(48px,12vw,68px)}.app-space-description{max-width:330px;margin:15px auto 19px;font-size:12px}.app-space-divider{margin:auto}.app-space-status{align-items:center;margin-top:15px}.app-space-status strong{font-size:14px}.app-space-status small{font-size:10px}.back-action{margin-top:19px}.app-space-footer{height:20px;font-size:7px}}@media (prefers-reduced-motion:reduce){.app-space,.app-space-art,.app-space-copy,.app-space-orbit,.app-space-sheet,.app-space-folder{animation-duration:.01ms!important;animation-iteration-count:1!important}}.auth-screen{min-height:100dvh;font-family:var(--sans);background:radial-gradient(at 50% 45%,#211c30 0,#111117 39%,#090a0d 76%);place-items:center;padding:28px;display:grid;position:relative;overflow:hidden}.auth-screen:before{content:"";opacity:.1;pointer-events:none;background-image:repeating-linear-gradient(135deg,#0000 0 27px,#b7a4ff14 28px 29px,#0000 30px 56px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.auth-orbit{aspect-ratio:1;border:1px solid #b7a4ff12;border-radius:50%;width:min(78vw,760px);animation:30s linear infinite auth-orbit;position:absolute;box-shadow:0 0 0 50px #b7a4ff06,0 0 0 110px #b7a4ff04}.auth-card{background:linear-gradient(145deg,#14141aee,#101015f2);border:1px solid #ffffff17;border-radius:8px;width:min(450px,100%);padding:38px 38px 32px;animation:.7s cubic-bezier(.2,.75,.15,1) both copy-arrive;position:relative;box-shadow:0 30px 100px #0008}.auth-brand{margin-bottom:48px}.auth-kicker{color:#9c9da6;font:8px var(--mono);letter-spacing:1.4px;align-items:center;gap:8px;margin:0 0 18px;display:flex}.auth-kicker i{background:#b7a4ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #b7a4ff}.auth-card h1{letter-spacing:-3.5px;margin:0;font-size:clamp(42px,10vw,57px);font-weight:600;line-height:.99}.auth-card h1 span{color:#b7a4ff;font-weight:400}.auth-subtitle{color:#92939c;margin:16px 0 29px;font-size:12px}.auth-form{gap:16px;display:grid}.auth-form label,.course-create label,.course-join label{color:#8f909a;font:8px var(--mono);letter-spacing:1.2px;gap:8px;display:grid}.auth-form input,.course-tools input{color:#f1eee9;width:100%;height:43px;font:12px var(--sans);background:#ffffff05;border:1px solid #ffffff1d;border-radius:3px;outline:0;padding:0 13px;transition:border-color .2s,background .2s}.auth-form input:focus,.course-tools input:focus{background:#b7a4ff08;border-color:#b7a4ff8a}.auth-form input::placeholder,.course-tools input::placeholder{color:#686a74}.auth-submit{color:#e9e5f2;height:45px;font:8px var(--mono);letter-spacing:1.2px;cursor:pointer;background:#b7a4ff13;border:1px solid #b7a4ff75;border-radius:3px;margin-top:5px;transition:background .2s,transform .2s}.auth-submit b{float:right;color:#b7a4ff;font:16px var(--sans);margin-top:-4px}.auth-submit:hover{background:#b7a4ff25;transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-switch{color:#b7a4ff;font:10px var(--sans);cursor:pointer;background:0 0;border:0;margin:18px auto 0;display:block}.auth-error,.course-message.error{color:#ff897d}.auth-foot{font:7px var(--mono);letter-spacing:.8px;color:#696b75;text-align:center;margin:36px 0 0}.auth-loading{color:#888;min-height:100dvh;font:8px var(--mono);letter-spacing:1.2px;background:#090a0d;align-content:center;justify-items:center;gap:16px;display:grid}.auth-loading p{animation:.5s both copy-arrive}.launcher-signout{color:#999aa2;font:8px var(--mono);letter-spacing:1px;cursor:pointer;background:0 0;border:0;margin-left:12px}.launcher-signout:hover{color:#ff705f}.app-space-notes-body{align-items:stretch;width:min(1060px,100%);min-height:0;margin:14px auto 28px;display:flex}.course-panel{z-index:1;scrollbar-color:#393541 transparent;width:100%;padding:10px 8px 20px;animation:.6s .1s both copy-arrive;position:relative;overflow:auto}.course-heading{border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:end;gap:15px;padding-bottom:18px;display:flex}.course-heading .app-space-kicker{margin-bottom:8px}.course-heading h2{font:600 clamp(35px,5vw,58px)/1 var(--sans);letter-spacing:-2.8px;margin:0}.course-heading h2 span{color:#b7a4ff;font-weight:400}.signout{color:#a7a7af;font:7px var(--mono);letter-spacing:.8px;cursor:pointer;background:#ffffff05;border:1px solid #ffffff1b;border-radius:3px;padding:10px 12px}.signout:hover{color:#e9e5f2;border-color:#b7a4ff66}.course-tools{grid-template-columns:1fr 1fr;gap:14px;margin:19px 0;display:grid}.course-create,.course-join{background:#ffffff03;border:1px solid #ffffff15;border-radius:4px;padding:14px}.course-tools>form>div{gap:8px;margin-top:10px;display:flex}.course-tools input{min-width:0;height:38px;font-size:10px}.course-tools button{color:#e5e1ed;font:7px var(--mono);letter-spacing:.7px;cursor:pointer;background:#b7a4ff10;border:1px solid #b7a4ff52;border-radius:3px;flex:none;padding:0 10px}.course-tools button b{font:14px var(--sans);color:#b7a4ff;margin-left:5px}.course-tools button:hover{background:#b7a4ff22}.course-message{font:10px var(--sans);color:#c5b5ff;margin:10px 0}.course-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.course-card{min-height:145px;animation:copy-arrive .45s var(--card-delay,0s) both;background:linear-gradient(145deg,#ffffff08,#ffffff02);border:1px solid #ffffff17;border-radius:4px;padding:15px;transition:border-color .2s,transform .2s}.course-card:hover{border-color:#b7a4ff55;transform:translateY(-2px)}.course-index{color:#b7a4ff;font:8px var(--mono);justify-content:space-between;display:flex}.course-index i{color:#757680;letter-spacing:.7px;font-size:7px;font-style:normal}.course-card h3{letter-spacing:-.4px;margin:18px 0 5px;font-size:17px;font-weight:500}.course-card>p{font:9px var(--mono);color:#858791;margin:0}.course-card>p span{color:#b7a4ff;padding:0 4px}.invite-actions{gap:6px;margin-top:16px;display:flex}.invite-actions button{color:#aaa5bb;font:6px var(--mono);letter-spacing:.3px;cursor:pointer;background:0 0;border:1px solid #b7a4ff36;border-radius:2px;padding:7px 8px}.invite-actions button:hover{color:#eee;background:#b7a4ff12}.course-empty{text-align:center;color:#898a94;min-height:128px;font:10px/1.7 var(--sans);border:1px dashed #ffffff1b;border-radius:4px;grid-column:1/-1;place-items:center;display:grid}.course-empty span{color:#b7a4ff;font-size:23px}.course-security{color:#696b75;font:7px var(--mono);margin-top:16px;display:block}.course-card{width:100%;color:inherit;text-align:left;font-family:var(--sans);cursor:pointer}.course-open{color:#b7a4ff;font:7px var(--mono);letter-spacing:.8px;margin-top:15px;display:block}.course-workspace{flex-direction:column;height:100%;animation:.45s both copy-arrive;display:flex}.workspace-heading{color:#777983;font:7px var(--mono);letter-spacing:1px;border-bottom:1px solid #ffffff15;justify-content:space-between;align-items:center;padding:0 0 13px;display:flex}.workspace-back{color:#aaa9b0;font:inherit;cursor:pointer;background:0 0;border:0;padding:5px 0}.workspace-back:hover,.workspace-heading>span{color:#b7a4ff}.workspace-title-row{justify-content:space-between;align-items:end;gap:12px;padding:18px 0;display:flex}.workspace-title-row .app-space-kicker{margin:0 0 6px;font-size:7px}.workspace-title-row h2{font:600 clamp(24px,3vw,38px)/1 var(--sans);letter-spacing:-1.4px;margin:0}.workspace-invites{gap:6px;display:flex}.workspace-invites button{color:#c3b8df;font:6px var(--mono);letter-spacing:.4px;cursor:pointer;background:#b7a4ff0a;border:1px solid #b7a4ff41;border-radius:3px;padding:8px}.workspace-columns{background:#0b0b10a6;border:1px solid #ffffff16;border-radius:4px;flex:1;grid-template-columns:minmax(190px,30%) 1fr;min-height:220px;display:grid;overflow:hidden}.course-tree{scrollbar-color:#393541 transparent;border-right:1px solid #ffffff16;padding:12px;overflow:auto}.inline-create{gap:5px;margin-bottom:12px;display:flex}.inline-create input{color:#eee;min-width:0;height:30px;font:9px var(--sans);background:#ffffff04;border:1px solid #ffffff1b;border-radius:2px;outline:0;flex:1;padding:0 8px}.inline-create input:focus{border-color:#b7a4ff65}.inline-create input::placeholder{color:#686a74}.inline-create button{color:#bcb4d1;font:6px var(--mono);cursor:pointer;background:#b7a4ff0b;border:1px solid #b7a4ff45;border-radius:2px;padding:0 7px}.inline-create button b{color:#b7a4ff;font:12px var(--sans)}.module-block{border-top:1px solid #ffffff12;padding:9px 0}.module-block h3{font:500 11px var(--sans);color:#e3dfe8;margin:0 0 8px}.module-block h3 span{color:#b7a4ff}.topic-block{padding:5px 0 5px 12px}.topic-block>p{font:8px var(--mono);color:#9997a2;margin:2px 0 6px}.note-link,.add-note{text-align:left;color:#888995;width:100%;font:9px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:2px;padding:5px 6px;display:block}.note-link:hover,.note-link.selected{color:#d4c7ff;background:#b7a4ff12}.add-note{font:6px var(--mono);letter-spacing:.5px;color:#a69ac8}.tree-empty{color:#777983;font:9px/1.6 var(--sans)}.workspace-main{min-width:0;overflow:auto}.note-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:220px;padding:20px;display:flex}.note-welcome>span{color:#b7a4ff;font-size:22px}.note-welcome h3{margin:12px 0 3px;font-size:15px;font-weight:500}.note-welcome p{color:#868892;max-width:260px;font:10px/1.6 var(--sans)}.note-editor{flex-direction:column;height:100%;min-height:240px;padding:12px 16px;display:flex}.note-editor-top{color:#777985;font:7px var(--mono);letter-spacing:.7px;justify-content:space-between;display:flex}.note-editor-top i{color:#b7a4ff;font-style:normal}.note-title-input{color:#eee;font:500 20px var(--sans);background:0 0;border:0;border-bottom:1px solid #ffffff12;outline:0;padding:15px 0 12px}.note-editor textarea{resize:none;color:#d0cdd6;min-height:130px;font:11px/1.8 var(--sans);background:0 0;border:0;outline:0;flex:1;padding:14px 0}.note-editor textarea::placeholder{color:#656670}@keyframes auth-orbit{to{transform:rotate(360deg)}}.note-mode-switch{align-items:center;gap:5px;display:flex}.note-mode-switch button,.note-toolbar button{color:#9a9aa4;font:9px var(--mono);cursor:pointer;background:#ffffff05;border:1px solid #ffffff19;border-radius:3px;padding:7px 9px;transition:background .2s,color .2s,border-color .2s}.note-mode-switch button:hover,.note-mode-switch button.active,.note-toolbar button:hover{color:#ddd3ff;background:#b7a4ff12;border-color:#b7a4ff65}.note-mode-switch button:last-child{color:#c4b4f5}.note-toolbar{border-bottom:1px solid #ffffff12;gap:5px;padding:10px 0 4px;display:flex}.note-toolbar button{min-width:34px;padding:6px 9px;font-size:11px}.note-editor textarea{min-height:0}.note-reading-scroll{flex:1;padding:24px 4px;overflow:auto}.markdown-preview{color:#d4d1da;max-width:760px;font:15px/1.9 var(--sans);overflow-wrap:anywhere;margin:0 auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:#f0edf4;letter-spacing:-.5px;margin:1.5em 0 .55em;line-height:1.25}.markdown-preview p{margin:0 0 1em}.markdown-preview ul{margin:0 0 1em;padding-left:1.5em}.markdown-preview li{margin:.25em 0;padding-left:.25em}.markdown-preview blockquote{color:#aaa1bf;border-left:2px solid #b7a4ff;margin:1em 0;padding:3px 0 3px 16px}.markdown-preview pre{font:13px/1.6 var(--mono);background:#ffffff05;border:1px solid #ffffff12;border-radius:4px;padding:14px;overflow:auto}.markdown-preview code{color:#c9baff;font:.9em var(--mono);background:#ffffff0d;border-radius:3px;padding:.12em .35em}.markdown-preview pre code{color:#d4d1da;background:0 0;padding:0}.markdown-preview a{color:#c8b8ff;text-underline-offset:3px;text-decoration-thickness:1px}.preview-empty{color:#70717a;font-style:italic}@media print{body *{visibility:hidden!important}.note-editor,.note-editor *{visibility:visible!important}.app-space,.app-space-notes-body,.course-panel,.course-workspace,.workspace-columns,.workspace-main,.note-editor{color:#111!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.note-editor{width:100%!important;position:absolute!important;inset:0!important}.note-editor-top,.note-mode-switch,.note-toolbar{display:none!important}.note-title-input{color:#111!important;border:0!important;font-size:26pt!important}.note-reading-scroll{padding:8mm 0!important;overflow:visible!important}.markdown-preview{color:#111!important;max-width:none!important;font:12pt/1.6 Georgia,serif!important}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:#111!important}.markdown-preview pre,.markdown-preview code{break-inside:avoid;color:#111!important;background:#f4f4f4!important}.markdown-preview blockquote{color:#444!important;border-color:#888!important}}@media (max-width:760px){.note-mode-switch{gap:3px}.note-mode-switch button{padding:6px 5px;font-size:7px}.note-editor-top{gap:5px}.note-editor-top span:first-child{display:none}.note-editor{padding:9px}.note-reading-scroll{padding:16px 3px}.markdown-preview{font-size:13px}.markdown-preview h1{font-size:24px}.markdown-preview h2{font-size:20px}.markdown-preview h3{font-size:17px}}.wordmark{font-size:11px}.masthead-note,.edition,.footline{font-size:10px}.portal-no{font-size:11px}.portal-kicker,.portal-open,.auth-kicker,.auth-form label,.course-create label,.course-join label{font-size:10px}.auth-form input{height:48px;font-size:14px}.auth-submit{height:50px;font-size:10px}.auth-switch{font-size:12px}.auth-foot{font-size:8px}.course-heading h2{font-size:clamp(42px,5vw,64px)}.signout{font-size:9px}.course-tools label{font-size:10px}.course-tools input{height:44px;font-size:13px}.course-tools button{font-size:9px}.course-card{min-height:165px;padding:19px}.course-index{font-size:10px}.course-index i{font-size:8px}.course-card h3{font-size:21px}.course-card>p{font-size:11px}.course-open{font-size:9px}.course-message,.course-empty{font-size:12px}.course-security,.workspace-heading{font-size:9px}.workspace-title-row h2{font-size:clamp(32px,3vw,44px)}.workspace-title-row .app-space-kicker{font-size:9px}.workspace-invites button{font-size:8px}.inline-create button{font-size:8px}.note-link{font-size:12px}.add-note{font-size:8px}.tree-empty{font-size:11px}.note-welcome h3{font-size:20px}.note-welcome p{font-size:12px}.note-title-input{font-size:25px}.note-editor textarea{font-size:15px;line-height:1.85}.app-space-footer{font-size:8px}@media (max-width:760px){.auth-screen{padding:18px}.auth-card{padding:28px 23px 25px}.auth-brand{margin-bottom:38px}.auth-foot{margin-top:27px}.app-space-notes-body{margin:4px 0 14px;overflow:hidden}.course-panel{padding:6px 2px 15px}.course-heading{align-items:start}.course-heading h2{font-size:clamp(36px,9vw,46px)}.signout{padding:8px;font-size:8px}.course-tools{grid-template-columns:1fr;gap:8px;margin:12px 0}.course-create,.course-join{padding:11px}.course-tools input{font-size:12px}.course-grid{grid-template-columns:1fr 1fr;gap:7px}.course-card{min-height:145px;padding:12px}.course-card h3{overflow-wrap:anywhere;margin-top:14px;font-size:17px}.course-index{font-size:9px}.course-index i{font-size:7px}.invite-actions{flex-direction:column}.invite-actions button{font-size:7px}.course-security{font-size:8px}.workspace-title-row{flex-direction:column;align-items:start;padding:13px 0}.workspace-title-row h2{font-size:30px}.workspace-invites{width:100%}.workspace-invites button{flex:1;padding:8px 4px;font-size:7px}.workspace-columns{grid-template-columns:minmax(126px,40%) 1fr;min-height:0}.course-tree{padding:7px}.inline-create{flex-direction:column}.inline-create input{height:32px}.inline-create button{height:30px}.module-block h3{font-size:12px}.topic-block{padding-left:5px}.topic-block>p{font-size:9px}.note-link{padding:5px 2px;font-size:10px}.note-editor{padding:10px}.note-editor-top{font-size:8px}.note-title-input{font-size:19px}.note-editor textarea{font-size:13px}}.note-title-input{padding:20px 0 17px;font-size:clamp(28px,3vw,38px)}.note-editor-top{font-size:11px}.note-mode-switch button{padding:9px 12px;font-size:11px}.note-toolbar{gap:8px;padding:14px 0 10px}.note-edit-canvas{outline:0;flex:1;width:min(100%,1000px);max-width:none;min-height:0;margin:0 auto;padding:24px 8px 52px;font-size:19px;line-height:1.95;overflow:auto}.note-edit-canvas:focus{caret-color:#c9baff}.note-edit-canvas:empty:before{content:attr(data-placeholder);color:#777782;pointer-events:none}.markdown-preview p,.markdown-preview li,.markdown-preview blockquote{font-size:1em}.module-block h3{font-size:16px}.topic-block>p{font-size:12px}.note-link{padding:8px;font-size:14px}.inline-create input{height:40px;font-size:13px}.inline-create button{padding:0 10px;font-size:9px}@media (max-width:760px){.app-space-zebranotes{padding-left:10px;padding-right:10px}.app-space-notes-body{margin:4px 0 14px;overflow:hidden}.workspace-columns{grid-template-columns:minmax(145px,38%) minmax(0,1fr)}.course-tree{padding:8px}.note-editor{padding:12px}.note-editor-top{font-size:8px}.note-mode-switch button{padding:7px 6px;font-size:8px}.note-toolbar{flex-wrap:wrap;gap:4px;padding:8px 0}.note-toolbar button{min-height:34px;padding:6px 8px;font-size:10px}.note-title-input{padding:15px 0 12px;font-size:24px}.note-edit-canvas{padding:16px 4px 34px;font-size:16px;line-height:1.8}.markdown-preview h1{font-size:29px}.markdown-preview h2{font-size:24px}.markdown-preview h3{font-size:20px}}.app-space-zebranotes{padding-left:clamp(16px,2vw,36px);padding-right:clamp(16px,2vw,36px)}.app-space-notes-body{width:100%;max-width:none;margin:10px auto 18px}.workspace-columns{grid-template-columns:minmax(250px,20%) minmax(0,1fr)}.note-editor{padding:24px clamp(24px,3vw,54px)}.note-edit-canvas{width:100%;max-width:1320px;padding:34px clamp(18px,3vw,48px) 80px;font-size:21px;line-height:1.95}.markdown-preview{max-width:1100px;font-size:19px;line-height:1.9}.markdown-preview h1{font-size:clamp(38px,3.3vw,50px)}.markdown-preview h2{font-size:clamp(30px,2.6vw,38px)}.markdown-preview h3{font-size:26px}.markdown-preview p{margin-bottom:1.2em}.markdown-preview li{margin:.45em 0}.note-toolbar{padding:16px 0 13px}.note-toolbar button{min-height:44px;padding:9px 14px;font-size:14px}.course-tree{padding:20px}.note-edit-canvas img{max-height:820px}@media (max-width:760px){.app-space-zebranotes{padding-left:10px;padding-right:10px}.workspace-columns{grid-template-columns:minmax(145px,36%) minmax(0,1fr)}.note-edit-canvas{padding:20px 8px 44px;font-size:17px}.markdown-preview{font-size:16px}.markdown-preview h1{font-size:30px}.markdown-preview h2{font-size:25px}.markdown-preview h3{font-size:21px}}.app-space-zebranotes{padding-top:12px;padding-bottom:8px}.app-space-zebranotes .app-space-header{height:32px}.app-space-zebranotes .app-space-footer{display:none}.app-space-notes-body{margin-top:5px;margin-bottom:6px}.course-panel{padding-top:4px;padding-bottom:4px}.workspace-heading{padding-bottom:8px}.workspace-title-row{padding:12px 0}@media (max-width:760px){.app-space-zebranotes{padding-top:9px;padding-bottom:8px}.app-space-zebranotes .app-space-header{height:30px}.workspace-title-row{padding:9px 0}}.app-space-notes-body{flex:1;height:0;min-height:0}.course-panel{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.course-panel:not(.has-active-course){overflow:auto}.course-workspace{flex:1;min-height:0}.workspace-columns{min-height:0}.workspace-main{min-height:0;overflow:hidden}.note-editor{height:100%;min-height:0;overflow:hidden}.note-edit-canvas{overscroll-behavior:contain;scrollbar-color:#484258 transparent}.note-edit-canvas img,.markdown-preview img{object-fit:contain;border:1px solid #ffffff18;border-radius:6px;max-width:100%;height:auto;margin:24px auto;display:block}.note-edit-canvas img{cursor:pointer;max-height:680px}.note-edit-canvas img.drawing-edit-selected{outline-offset:5px;outline:2px solid #b7a4ff;box-shadow:0 0 0 8px #b7a4ff18}.topic-block.import-drop-target{background:#b7a4ff13;border-radius:4px;outline:1px dashed #b7a4ff88;margin:3px -5px;padding:8px 5px}.import-md{color:#a99cc8;text-align:left;width:100%;font:9px var(--mono);cursor:pointer;background:#b7a4ff06;border:1px dashed #b7a4ff42;border-radius:3px;margin-top:5px;padding:8px 6px;transition:background .2s,border-color .2s;display:block}.import-md:hover,.import-md:focus-visible{color:#e0d7f5;background:#b7a4ff16;border-color:#b7a4ff9c;outline:0}.import-md:disabled{opacity:.5;cursor:wait}.image-file-input{display:none}.media-error{color:#ff978d;font:12px/1.5 var(--sans);margin:3px 0}.drawing-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050509d9;place-items:center;padding:24px;animation:.2s both space-arrive;display:grid;position:fixed;inset:0}.drawing-dialog{background:#111117;border:1px solid #b7a4ff42;border-radius:8px;flex-direction:column;gap:16px;width:min(1100px,100%);max-height:min(92dvh,1000px);padding:22px;animation:.3s both copy-arrive;display:flex;box-shadow:0 35px 120px #000c}.drawing-heading,.drawing-footer,.drawing-footer>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.drawing-heading span{color:#b7a4ff;font:10px var(--mono);letter-spacing:1.2px}.drawing-heading h2{font:500 clamp(20px,3vw,30px) var(--sans);letter-spacing:-.8px;margin:6px 0 0}.drawing-heading>button{color:#ddd;width:38px;height:38px;font:24px var(--sans);cursor:pointer;background:#ffffff07;border:1px solid #fff2;border-radius:50%}.drawing-tools{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.drawing-tools button,.drawing-color,.drawing-width{color:#c4c2ca;min-height:38px;font:11px var(--sans);cursor:pointer;background:#ffffff05;border:1px solid #ffffff1d;border-radius:4px;align-items:center;gap:8px;padding:7px 10px;display:inline-flex}.drawing-tools button.active{color:#e5dcff;background:#b7a4ff19;border-color:#b7a4ff9c}.drawing-color input{cursor:pointer;background:0 0;border:0;width:26px;height:24px;padding:0}.drawing-width input{accent-color:#b7a4ff;width:92px}.drawing-canvas{aspect-ratio:5/3;touch-action:none;cursor:crosshair;background:#fffefa;border:1px solid #ffffff28;border-radius:4px;width:100%;max-height:min(59dvh,640px)}.drawing-footer{color:#85858e;font:11px var(--sans)}.drawing-footer>div{justify-content:flex-end}.drawing-cancel,.drawing-insert{color:#aaa;min-height:40px;font:10px var(--mono);cursor:pointer;background:0 0;border:1px solid #fff2;border-radius:4px;padding:0 14px}.drawing-insert{color:#e4ddf3;background:#b7a4ff16;border-color:#b7a4ff72}.drawing-insert b{color:#b7a4ff;margin-left:7px}@media (max-width:760px){.app-space-zebranotes{height:100svh}.app-space-notes-body{height:0;min-height:0}.drawing-backdrop{padding:9px}.drawing-dialog{gap:11px;max-height:96svh;padding:13px}.drawing-tools{gap:5px}.drawing-tools button,.drawing-color,.drawing-width{min-height:34px;padding:5px 7px;font-size:10px}.drawing-width input{width:60px}.drawing-canvas{max-height:55svh}.drawing-footer{flex-direction:column;align-items:flex-start}.drawing-footer>div{width:100%}.drawing-footer button{flex:1;padding:0 8px;font-size:9px}}.note-editor-top{flex:none;justify-content:flex-start;align-items:center;gap:clamp(10px,1.5vw,22px);min-height:46px;display:flex}.note-save-status{white-space:nowrap;color:#aaa8b3;flex:none}.note-title-input{color:#e1b2ff;letter-spacing:-.8px;border-bottom-color:#c982ff4d;flex:1;min-width:0;height:44px;padding:3px 0 7px;font-size:clamp(22px,2.2vw,30px);font-weight:700}.note-title-input:focus{border-bottom-color:#df9bff;box-shadow:0 1px #df9bff}.note-title-input[readonly]{cursor:default}.note-mode-switch{flex:none}.note-toolbar{padding-top:8px;padding-bottom:8px}.drawing-board-dialog{gap:12px;width:min(1440px,97vw);max-height:96dvh}.board-tools kbd{color:#9d9aa7;font:9px var(--mono);border:1px solid #ffffff25;border-radius:3px;padding:2px 4px}.drawing-stage{aspect-ratio:5/3;background-color:var(--board-background,#fffefa);touch-action:none;background-image:linear-gradient(#8878a51b 1px,#0000 1px),linear-gradient(90deg,#8878a51b 1px,#0000 1px);background-size:2% 3.33333%;border:1px solid #b7a4ff45;border-radius:4px;width:100%;max-height:min(61dvh,720px);position:relative;overflow:hidden}.board-item{border:2px solid var(--item-color);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;color:var(--item-color);background:#fffefa;justify-content:stretch;align-items:stretch;display:flex;position:absolute}.board-item:active{cursor:grabbing}.board-item.selected{z-index:3;outline-offset:3px;outline:2px solid #5443a866}.board-item-grip{z-index:4;color:#5443a8;width:24px;height:18px;font:15px/1 var(--sans);cursor:grab;background:#fffefa;border:1px solid #5443a8;border-radius:4px;place-items:center;display:grid;position:absolute;top:-1px;left:50%;transform:translate(-50%,-50%)}.board-item-resize{z-index:5;background:var(--item-color);cursor:nwse-resize;touch-action:none;border:2px solid #fffefa;border-radius:3px;width:17px;height:17px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 0 1px #5443a8}.board-rectangle{background:color-mix(in srgb,var(--item-color),transparent 88%)}.board-ellipse{background:color-mix(in srgb,var(--item-color),transparent 88%);border-radius:50%}.board-arrow{background:0 0;border:0;overflow:visible}.board-arrow svg{width:100%;height:100%;overflow:visible}.board-arrow path{fill:none;stroke:var(--item-color);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.board-text{background:0 0;border-style:dashed;border-width:1px}.board-text textarea{resize:none;width:100%;height:100%;color:var(--board-text-color,#24212c);font:18px/1.5 var(--sans);touch-action:auto;-webkit-user-select:text;user-select:text;cursor:text;background:0 0;border:0;outline:0;padding:24px 12px 10px}.board-shape-label{width:100%;height:100%;color:var(--item-text-color,#24212c);text-align:center;overflow-wrap:anywhere;white-space:pre-wrap;font:16px/1.35 var(--sans);pointer-events:auto;place-items:center;padding:20px 12px 10px;display:grid;overflow:hidden}.board-shape-label.empty{color:var(--item-text-color,#5b5762);opacity:.85;font-size:12px}.board-shape-text-input{resize:none;width:100%;height:100%;color:var(--item-text-color,#24212c);text-align:center;font:16px/1.35 var(--sans);touch-action:auto;-webkit-user-select:text;user-select:text;cursor:text;background:0 0;border:0;outline:0;padding:20px 12px 10px}.board-image,.board-sketch{background:#fffefa;overflow:hidden}.board-image img,.board-sketch img{object-fit:contain;pointer-events:none;width:100%;height:100%}.board-sketch{background:#b7a4ff10;border-style:dashed}.board-sketch button{color:#5443a8;width:100%;height:100%;font:14px var(--sans);cursor:pointer;background:0 0;border:0}.sketch-backdrop{z-index:60}.crop-backdrop{z-index:75}.crop-dialog{width:min(1000px,96vw)}.crop-preview{object-fit:contain;background-color:#fffefa;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border:1px solid #ffffff30;border-radius:4px;align-self:center;width:min(100%,900px);height:auto;max-height:58dvh;display:block}.crop-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.crop-controls label{color:#bcb9c4;font:11px var(--sans);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.crop-controls input{accent-color:#b7a4ff;width:100%}.crop-controls output{color:#b7a4ff;min-width:34px;font:10px var(--mono)}@media (max-width:760px){.note-editor-top{gap:6px;min-height:40px}.note-title-input{height:38px;padding-bottom:4px;font-size:19px}.note-mode-switch{gap:2px}.note-mode-switch button{padding:6px 5px;font-size:7px}.note-save-status{font-size:7px}.drawing-board-dialog{gap:8px;max-height:97svh;padding:10px}.drawing-stage{max-height:48svh}.board-text textarea{padding:20px 7px 6px;font-size:14px}.board-tools kbd{display:none}.crop-dialog{max-height:97svh}.crop-preview{max-height:45svh}.crop-controls{grid-template-columns:1fr;gap:8px}}body:has(.app-space-zebranotes){height:auto;min-height:100%;overflow:hidden auto}.app-space-zebranotes{height:auto;min-height:100dvh;overflow:visible}.app-space-notes-body{flex:none;height:auto;min-height:0;margin-bottom:12px;overflow:visible}.course-panel{height:auto;min-height:0;overflow:visible}.course-workspace{height:auto;min-height:0}.workspace-columns{align-items:stretch;min-height:72dvh;overflow:visible}.workspace-main,.note-editor{height:auto;min-height:72dvh;overflow:visible}.note-edit-canvas{overscroll-behavior:auto;flex:none;min-height:62dvh;overflow:visible}.note-reading-scroll{flex:none;min-height:62dvh;overflow:visible}.note-toolbar{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0b10f2;flex:none;position:sticky;top:0;box-shadow:0 1px #ffffff12}.note-outline{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101016f2;border:1px solid #b7a4ff35;border-radius:4px;flex-direction:column;gap:2px;margin:4px 0 12px;padding:9px 7px 9px 8px;display:flex;position:sticky;top:12px;box-shadow:0 8px 24px #0005}.note-outline>span{color:#777783;font:8px var(--mono);letter-spacing:.7px;margin:0 0 4px}.note-outline-link{color:#aaa5b5;text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;font:10px/1.4 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:2px;padding:4px 5px;overflow:hidden}.note-outline-link:hover{color:#ded2ff;background:#b7a4ff12}.note-outline-link.level-2{color:#9691a1;padding-left:13px}.note-outline-link.level-3{color:#827d8b;padding-left:21px;font-size:9px}.note-edit-canvas h1,.note-edit-canvas h2,.note-edit-canvas h3,.note-reading-scroll h1,.note-reading-scroll h2,.note-reading-scroll h3{scroll-margin-top:100px}.app-space-zebranotes .course-tree{align-self:stretch;height:auto;overflow:visible}.course-card{position:relative}.course-card:focus-visible{outline-offset:3px;outline:2px solid #b7a4ff}.course-card{padding-bottom:48px}.course-delete{color:#ff9b91;width:28px;height:28px;font:18px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;display:grid;position:absolute;bottom:12px;right:14px}.course-delete:hover{color:#ffd1c9;background:0 0}.module-block h3{align-items:center;gap:6px;display:flex}.module-block h3>span{flex:none}.tree-delete{color:#d28780;width:24px;height:24px;font:16px var(--sans);cursor:pointer;opacity:.78;background:0 0;border:0;border-radius:0;flex:none;place-items:center;margin-left:auto;display:grid}.tree-delete:hover{color:#ffc0b7;opacity:1;background:0 0}.note-row{align-items:center;gap:3px;display:flex}.note-row .note-link{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.note-row .note-delete{opacity:.55;width:22px;height:22px}.note-row:hover .note-delete,.note-row .note-delete:focus-visible{opacity:1}.topic-heading{align-items:center;gap:3px;min-width:0;display:flex}.topic-heading>p{color:#9997a2;text-overflow:ellipsis;white-space:nowrap;min-width:0;font:8px var(--mono);flex:1;margin:2px 0 6px;overflow:hidden}.topic-heading .topic-delete{opacity:.5;width:18px;height:18px;font-size:12px}.topic-heading:hover .topic-delete,.topic-delete:focus-visible{opacity:1}@media (max-width:760px){.course-card{padding-bottom:44px}.course-delete{width:26px;height:26px;bottom:8px;right:8px}.tree-delete{width:22px;height:22px}.note-row .note-delete{width:21px;height:21px}.topic-heading .topic-delete{width:17px;height:17px;font-size:11px}body:has(.app-space-zebranotes){height:auto;overflow:hidden auto}.app-space-zebranotes{height:auto;min-height:100svh;overflow:visible}.app-space-notes-body{height:auto;min-height:0;overflow:visible}.workspace-columns,.workspace-main,.note-editor{min-height:72svh}.note-edit-canvas,.note-reading-scroll{min-height:60svh}.note-toolbar{top:0}.note-outline{top:8px}}