:root{color-scheme:light;--ink:#383b37;--muted:#777a72;--paper:#fffdf8;--green:#879d76}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at 12% 10%,#f6e5d8 0,transparent 30rem),radial-gradient(ellipse at 90% 95%,#dfe8d9 0,transparent 32rem),#f7f4ec;font-family:ui-rounded,Avenir Next,Avenir,Segoe UI,sans-serif;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:default}.page-shell{width:min(100%,70rem);min-height:100vh;margin:0 auto;padding:clamp(1.25rem,5vw,4rem);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(19rem,.85fr);align-items:center;grid-gap:clamp(2rem,7vw,6rem);gap:clamp(2rem,7vw,6rem)}.page-shell.single-panel{grid-template-columns:minmax(0,1fr)}.intro-panel{position:relative;min-height:43rem;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.75rem,4vw,3.25rem);border:1px solid #fff9;border-radius:2rem;background:#e7eddf;box-shadow:0 1.5rem 4rem #6d715e12}.brand-mark{position:relative;z-index:1;display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;color:#fffdf8;background:#829574;font-family:Georgia,serif;font-size:1.45rem;font-weight:700;letter-spacing:-.12em}.brand-mark span{color:#f6c6a9}.intro-copy{position:relative;z-index:1;max-width:24rem;margin-top:auto;padding-top:18rem}.card-kicker,.eyebrow{margin:0 0 .8rem;color:#68765d;font-size:.7rem;font-weight:750;letter-spacing:.14em}.intro-copy h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.6rem,5vw,4.1rem);font-weight:500;letter-spacing:-.06em;line-height:1.04}.intro-copy>p:last-child{max-width:19rem;margin:1.1rem 0 0;color:#686e61;font-size:1.03rem}.panel-footnote{position:relative;z-index:1;margin:2.5rem 0 0;color:#6d7565;font-size:.8rem}.panel-footnote span{color:#d59271}.intro-art{position:absolute;inset:3.5rem 0 auto;height:15rem}.art-sun{position:absolute;top:1.6rem;right:23%;width:7rem;aspect-ratio:1;border-radius:50%;background:#f2c99e;box-shadow:0 0 0 1.3rem #f2c99e2a,0 0 0 2.6rem #f2c99e18}.art-cloud{position:absolute;z-index:1;width:5rem;height:1.4rem;border-radius:2rem;background:#fffaf0}.art-cloud:after,.art-cloud:before{position:absolute;bottom:.3rem;width:1.8rem;height:1.8rem;border-radius:50%;background:inherit;content:""}.art-cloud:before{left:.6rem}.art-cloud:after{right:.6rem;width:1.3rem;height:1.3rem}.art-cloud-one{top:4.8rem;left:15%}.art-cloud-two{top:7.3rem;right:9%;transform:scale(.7)}.art-hill{position:absolute;right:-9%;bottom:-2rem;left:-9%;height:7rem;border-radius:50% 50% 0 0/45% 45% 0 0}.art-hill-back{left:25%;background:#b6c4a4;transform:rotate(-8deg)}.art-hill-front{right:30%;background:#93aa85;transform:rotate(9deg)}.art-flower{position:absolute;z-index:1;color:#fff0cf;font-size:2rem}.art-flower-one{right:15%;bottom:1rem}.art-flower-two{bottom:2.5rem;left:17%;color:#f8d3ad;font-size:1.4rem}.auth-card,.welcome-card{width:100%;max-width:27rem;justify-self:center;padding:clamp(1.75rem,4vw,2.75rem);border:1px solid #ece8df;border-radius:1.5rem;background:var(--paper);box-shadow:0 1rem 3.5rem #46453512}.auth-card h2,.welcome-card h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.9rem,4vw,2.4rem);font-weight:500;letter-spacing:-.045em;line-height:1.15}.card-kicker{color:#ad705a}.form-intro,.welcome-copy{margin:.7rem 0 1.8rem;color:var(--muted);font-size:.94rem}.auth-card form{display:grid;grid-gap:1rem;gap:1rem}.auth-card label{display:grid;grid-gap:.42rem;gap:.42rem}.field-label{color:#53564f;font-size:.82rem;font-weight:650}.auth-card input:not([type=file]){width:100%;min-height:3.15rem;padding:.75rem .9rem;border:1px solid #deddd4;border-radius:.8rem;outline:none;color:var(--ink);background:#fffefa;transition:border-color .14s ease,box-shadow .14s ease}.auth-card input::placeholder{color:#aaa99f}.auth-card input:focus-visible{border-color:#9baa8d;box-shadow:0 0 0 3px #a9b69a38}.auth-card input[aria-invalid=true]{border-color:#c96957}.primary-button{min-height:3.2rem;padding:.75rem 1rem;border:0;border-radius:.85rem;color:#fffefa;background:#819573;font-weight:700;transition:background .14s ease,transform .14s ease}.primary-button:hover:not(:disabled){background:#708565;transform:translateY(-1px)}.link:focus-visible,.primary-button:focus-visible,.quiet-button:focus-visible{outline:3px solid #d59b78;outline-offset:3px}.switch{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:1.3rem 0 0;color:var(--muted);font-size:.83rem;text-align:center}.link,.quiet-button{padding:0;border:0;color:#647a58;background:none;font-weight:700}.link:hover,.quiet-button:hover{text-decoration:underline}.privacy-note{margin:1.6rem 0 0;color:#97988f;font-size:.75rem;text-align:center}.privacy-note span{margin-right:.25rem;color:#9eac90}.error{margin:0;color:#a94339;font-size:.86rem}.welcome-card{text-align:center}.welcome-card .brand-mark{margin:0 auto 1.5rem}.welcome-card .eyebrow{margin-bottom:.7rem}.welcome-card .welcome-copy{margin-bottom:1rem}.welcome-card .error{margin-top:1rem}.quiet-button{margin-top:1.4rem;font-size:.85rem}.session-loader{min-height:100vh;display:grid;place-items:center;padding:1rem;text-align:center}.hello-loader{display:grid;justify-items:center;grid-gap:.5rem;gap:.5rem}.loader-orbit{position:relative;width:5.5rem;height:5.5rem;display:grid;place-items:center;border:1px dashed #91a385;border-radius:50%;animation:loader-orbit 8s linear infinite}.loader-globe{width:3.5rem;height:3.5rem;stroke:#829574;stroke-width:2;stroke-linecap:round;animation:loader-globe 3s ease-in-out infinite alternate}.loader-satellite{position:absolute;top:-.25rem;left:calc(50% - .25rem);width:.5rem;height:.5rem;border-radius:50%;background:#e6a184}.loader-greeting{overflow:hidden;width:0;margin:.5rem 0 0;color:#75876a;font-family:Georgia,Times New Roman,serif;font-size:1.4rem;font-weight:700;white-space:nowrap;animation:loader-type 1.3s steps(13) .2s forwards}.loader-caption{margin:0;color:var(--muted);font-size:.9rem}@keyframes loader-orbit{to{transform:rotate(1turn)}}@keyframes loader-globe{to{transform:rotateY(180deg)}}@keyframes loader-type{to{width:13ch}}@media (max-width:760px){.page-shell{max-width:34rem;grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:1.25rem}.intro-panel{min-height:26rem;padding:1.4rem;border-radius:1.5rem}.intro-art{inset:0 0 auto;height:8rem}.art-sun{top:1rem;width:4.5rem}.art-cloud-one{top:3.5rem}.art-cloud-two{top:5rem}.art-hill{bottom:0;height:4.5rem}.art-hill-back{bottom:-.5rem}.art-hill-front{bottom:-1rem}.intro-copy{padding-top:9rem}.intro-copy h1{font-size:clamp(2.2rem,9vw,3rem)}.intro-copy>p:last-child{margin-top:.6rem;font-size:.9rem}.panel-footnote{margin-top:1.25rem;font-size:.72rem}.auth-card,.welcome-card{max-width:none}}@media (max-width:420px){.intro-panel{min-height:27rem}.intro-copy{padding-top:8.5rem}.auth-card,.welcome-card{padding:1.5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}.loader-globe,.loader-orbit{animation:none}.loader-greeting{width:13ch;animation:none}}.note-workspace{position:relative;width:100%;height:100svh;min-height:34rem;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 12% 10%,#f6e5d8 0,transparent 30rem),radial-gradient(ellipse at 90% 95%,#dfe8d9 0,transparent 32rem),#f7f4ec}.workspace-header{position:absolute;z-index:6;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:1.4rem clamp(1.25rem,3vw,3rem)}.workspace-brand{display:inline-flex;align-items:center;gap:.7rem;color:#55594f;font-size:.9rem;font-weight:650;text-decoration:none}.workspace-brand-mark{display:grid;width:2.45rem;height:2.45rem;place-items:center;border-radius:50%;color:#fffdf8;background:#829574;font-family:Georgia,serif;font-size:1.2rem;font-weight:700;letter-spacing:-.12em}.workspace-brand-mark span{position:absolute;right:.62rem;bottom:.39rem;color:#f6c6a9;font-size:.72rem;line-height:1}.profile-area{position:relative}.profile-button{display:flex;width:2.8rem;height:2.8rem;align-items:center;justify-content:center;gap:.15rem;border:1px solid #e8e4d9;border-radius:50%;color:#64745b;background:#fffdf8d9;box-shadow:0 .35rem 1rem #4645350b}.profile-button>span{font-size:.8rem;font-weight:750}.profile-button svg{width:.8rem;fill:none;stroke:currentColor;stroke-width:1.8}.editor-done:focus-visible,.new-note-button:focus-visible,.profile-button:focus-visible,.profile-logout:focus-visible,.sticky-note:focus-visible{outline:3px solid #d59b78;outline-offset:3px}.profile-menu{position:absolute;top:calc(100% + .65rem);right:0;display:grid;width:min(17rem,calc(100vw - 2rem));grid-gap:.75rem;gap:.75rem;padding:1rem;border:1px solid #ece8df;border-radius:1rem;background:var(--paper);box-shadow:0 1rem 2.5rem #4645351c}.profile-email{overflow-wrap:anywhere;color:var(--muted);font-size:.8rem}.profile-menu .error{margin:0}.profile-logout{padding:.55rem .7rem;border:0;border-radius:.65rem;color:#596c50;background:#e7eddf;font-size:.84rem;font-weight:700;text-align:left}.workspace-intro{position:absolute;z-index:1;top:8.5rem;left:clamp(1.25rem,5vw,5rem);pointer-events:none}.workspace-intro .eyebrow{margin-bottom:.55rem;font-size:.65rem}.workspace-intro h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.1rem);font-weight:500;letter-spacing:-.055em;line-height:1.1}.workspace-intro>p:last-child{margin:.55rem 0 0;color:var(--muted);font-size:.9rem}.empty-space{position:absolute;top:56%;left:50%;display:grid;justify-items:center;grid-gap:.3rem;gap:.3rem;color:var(--muted);text-align:center;transform:translate(-50%,-50%);pointer-events:none}.empty-space p{margin:0;color:#62685d;font-family:Georgia,serif;font-size:1.2rem}.empty-space>span{font-size:.82rem}.workspace-loading{position:absolute;top:56%;left:50%;color:var(--muted);font-family:Georgia,Times New Roman,serif;font-size:1.05rem;transform:translate(-50%,-50%)}.empty-note-stack{position:relative;width:5.4rem;height:4.7rem;margin-bottom:.55rem}.empty-note-stack span{position:absolute;top:.5rem;left:1.15rem;display:grid;width:3.2rem;height:3.5rem;place-items:center;border:1px solid #d9d4c4;border-radius:.35rem;color:#b88361;background:#f8ded2;box-shadow:0 .5rem 1rem #665b4410;transform:rotate(-12deg)}.empty-note-stack span:nth-child(2){background:#e3ecd9;transform:rotate(9deg) translate(.35rem,-.05rem)}.empty-note-stack span:nth-child(3){border-color:#e8d8a7;background:#fff0c7;font-size:1.1rem;transform:rotate(-2deg) translate(.1rem,.15rem)}.note-layer{position:absolute;z-index:5;inset:0;pointer-events:none}.sticky-note{position:absolute;display:flex;width:14.25rem;min-height:12.25rem;flex-direction:column;padding:1rem 1.05rem .85rem;border:1px solid #77704b14;border-radius:.25rem .3rem .45rem .25rem;color:#494a40;box-shadow:0 .7rem 1.8rem #514b3717,0 .15rem .3rem #514b370c;cursor:-webkit-grab;cursor:grab;pointer-events:auto;touch-action:none;transform:rotate(-1.4deg);transition:box-shadow .16s ease,transform .16s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sticky-note:nth-child(2n){transform:rotate(1.6deg)}.sticky-note:hover{box-shadow:0 1rem 2rem #514b3726,0 .15rem .3rem #514b3711;transform:rotate(0) translateY(-2px)}.sticky-note:active{cursor:-webkit-grabbing;cursor:grabbing}.sticky-note p{display:-webkit-box;overflow:hidden;margin:.8rem 0 auto;font-family:Georgia,Times New Roman,serif;font-size:1.08rem;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:5}.note-sparkle{color:#a37d4e;font-size:.85rem}.note-hint{align-self:flex-end;margin-top:.7rem;color:#827d6e;font-size:.66rem}.new-note-button{position:absolute;z-index:6;top:54%;right:clamp(1.25rem,4vw,4rem);display:inline-flex;min-height:3.2rem;align-items:center;gap:.55rem;padding:.65rem 1.05rem;border:1px solid #d5dccd;border-radius:.9rem;color:#637557;background:#fffdf8e8;box-shadow:0 .4rem 1rem #52634612;font-size:.9rem;font-weight:700;transition:background .14s ease,transform .14s ease;transform:translateY(-50%)}.new-note-button:hover{border-color:#b9c5af;background:#f7f9f3;transform:translateY(calc(-50% - 2px))}.new-note-button:disabled{cursor:wait;opacity:.65}.new-note-button>span:first-child{font-size:1.35rem;font-weight:400;line-height:1}.trash-dropzone{position:absolute;z-index:3;right:0;bottom:0;display:grid;width:5rem;height:5rem;place-content:center;justify-items:center;grid-gap:.2rem;gap:.2rem;border-radius:50%;color:#87877d;transition:color .1s ease;pointer-events:none}.trash-area{position:absolute;right:0;bottom:0;-webkit-clip-path:circle(100% at 100% 100%);clip-path:circle(100% at 100% 100%);pointer-events:none;transition:background-color .1s ease,filter .12s ease}.trash-area.is-ready{filter:drop-shadow(0 0 1.5px #a75546) drop-shadow(0 0 7px #a7554666)}.trash-dropzone svg{position:relative;z-index:1;width:1.35rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .12s ease}.trash-dropzone>span:last-child{position:relative;z-index:1;font-size:.67rem;white-space:nowrap}.trash-dropzone.is-dragging{color:#a55f50}.trash-dropzone.is-dragging>span:last-child{font-weight:700}.trash-dropzone.is-hovered{color:#8f473d}.trash-dropzone.is-hovered svg{transform:scale(1.12)}.workspace-error{position:absolute;right:7rem;bottom:1.4rem;margin:0;color:#a94339;font-size:.8rem}.editor-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:1rem;background:#383b3736;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.note-editor{display:flex;width:min(29rem,calc(100vw - 2rem));height:min(40rem,calc(100svh - 2rem));min-height:min(24rem,calc(100svh - 2rem));flex-direction:column;padding:clamp(1.2rem,4vw,1.8rem);border:0;border-radius:.5rem;box-shadow:0 2rem 5rem #302d2440;transform-origin:top left}.note-editor-top{display:flex;align-items:center;justify-content:space-between}.note-editor-label{color:#77745f;font-size:.67rem;font-weight:750;letter-spacing:.12em}.note-editor-label span{margin-right:.3rem;color:#a37d4e}.editor-done{min-width:4.4rem;min-height:2.4rem;padding:.45rem .85rem;border:0;border-radius:.7rem;color:#fffdf8;background:#819573;font-size:.84rem;font-weight:700}.editor-done:hover{background:#708565}.note-editor textarea{width:100%;min-height:0;flex:1 1;resize:none;padding:2rem 0 1rem;border:0;outline:0;color:#494a40;background:transparent;font-family:Georgia,Times New Roman,serif;font-size:1.25rem;line-height:1.65}.note-editor textarea::placeholder{color:#99917f}.editor-footnote{color:#827d6e;font-size:.75rem}.visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%)}@media (max-width:600px){.workspace-header{padding:1rem 1.1rem}.workspace-intro{top:6rem;left:1.25rem;right:1.25rem}.workspace-intro h1{font-size:2.35rem}.workspace-intro>p:last-child{max-width:17rem;font-size:.82rem}.empty-space{top:53%;width:calc(100% - 3rem)}.sticky-note{width:12.5rem;min-height:10.5rem;padding:.85rem}.sticky-note p{font-size:.98rem}.new-note-button{top:auto;right:1rem;bottom:4.8rem;transform:none}.new-note-button:hover{transform:translateY(-2px)}.trash-dropzone{width:4.5rem;height:4.5rem}.workspace-error{right:6rem;bottom:1.1rem;max-width:calc(100% - 10rem)}}@media (prefers-reduced-motion:reduce){.new-note-button,.sticky-note,.trash-dropzone{transition:none}}