:root{--ink:#542b3a;--muted:#805966;--rose:#ad315d;--line:#e9cbd4;--bg:#fff5f3;--paper:#fbe1e8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI',system-ui,sans-serif;line-height:1.6}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:14px;background:#fffaf8;padding:10px 16px;min-height:44px;font-weight:600}button:hover{border-color:var(--rose);background:#fff}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #9f365b;outline-offset:3px}a{color:var(--rose)}input,select,textarea{display:block;width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#fffaf8;min-height:44px}textarea{resize:vertical}label{display:block;font-size:14px;font-weight:600;margin:10px 0}label span{font-weight:400}h1,h2,h3{font-family:Georgia,serif;line-height:1.15;font-weight:400}h2{font-size:30px;margin:10px 0 20px}h3{font-size:23px}p{overflow-wrap:anywhere}.ln-header{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:20px max(20px,calc((100vw - 1120px)/2));flex-wrap:wrap}.ln-header nav{display:flex;align-items:center;gap:18px;font-size:14px}.ln-brand{text-decoration:none;font-family:Georgia,serif;font-size:23px}.ln-brand span{margin-left:8px}.ln-header [aria-current]{text-decoration:none;font-weight:700;border-bottom:2px solid var(--rose)}main{max-width:1120px;margin:auto;padding:0 24px 60px}.ln-hero{position:relative;padding:58px 200px 36px 0}.ln-eyebrow{letter-spacing:.23em;font-size:11px;font-weight:700;color:#986071}.ln-hero h1{font-size:clamp(44px,7vw,78px);margin:12px 0}.ln-hero h1 em{color:var(--rose)}.ln-hero>p:last-of-type{color:var(--muted);font-size:18px}.ln-sample{position:absolute;right:15px;top:65px;transform:rotate(7deg);background:#fbe1e8;box-shadow:4px 10px 20px #70324719;padding:25px;width:170px;line-height:1.4;font-family:cursive;color:#a9365d}.ln-sample:before{content:'';position:absolute;background:#e6d2bda8;width:64px;height:23px;top:-10px;left:50px;transform:rotate(-5deg)}.ln-sample span:last-child{display:block;text-align:right;font-size:32px}.ln-panel{padding:26px;border:1px solid var(--line);border-radius:24px;background:#fffaf8;margin:20px 0}.ln-auth{max-width:560px;margin:10px auto}.ln-auth form{display:grid;gap:5px}.ln-primary{background:var(--rose);border-color:var(--rose);color:white;box-shadow:0 3px 0 #81233f}.ln-primary:hover{background:#90284d;color:white}.ln-notice{position:sticky;top:8px;z-index:5;border-radius:12px;background:#fff3d5;color:#653841;padding:0 16px}.ln-notice:not(:empty){padding:12px 16px;border:1px solid #e9c9a7}.ln-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.ln-tabs{display:flex;gap:8px;overflow-x:auto;padding:8px 0 15px}.ln-tabs button{white-space:nowrap}.ln-tabs [aria-pressed=true]{background:#f5dce4;color:#702640;border-color:#b45375}.ln-search{max-width:450px;margin:8px 0 25px}.ln-note-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ln-date{grid-column:1/-1;font-size:13px;color:var(--muted);margin:10px 0 -10px}.ln-card{position:relative;border:0;border-radius:2px 2px 24px 2px;background:var(--paper);padding:24px;text-align:left;box-shadow:2px 6px 13px #713d5115;min-height:190px;display:flex;flex-direction:column;align-items:start;gap:8px;overflow-wrap:anywhere}.ln-card:hover{background:var(--paper);transform:translateY(-2px)}.ln-card strong{font:24px Georgia,serif}.ln-card small{color:#69454e;font-weight:400}.ln-card .ln-unread{font-size:11px;background:#fff9f2;padding:2px 8px;border-radius:12px}.ln-card p{font-weight:400;margin:0;font-size:15px}.ln-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:20px;text-align:center;padding:50px 20px;color:var(--muted)}.ln-composer-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px}.ln-tools{min-width:0}.ln-tools fieldset{padding:10px;border:1px solid var(--line);border-radius:12px;font-size:14px}.ln-swatches{display:flex;gap:6px;flex-wrap:wrap}.ln-swatches button{padding:0;min-width:36px;min-height:36px;border-radius:50%;border:2px solid #81515d55;background:var(--swatch)}.ln-swatches button[aria-pressed=true]{outline:2px solid #8b3152;outline-offset:2px}.ln-paper{background:var(--paper);padding:clamp(16px,3vw,30px);border-radius:3px 3px 25px 3px;box-shadow:2px 8px 20px #78345019;overflow:hidden}.ln-paper[data-pattern=lined]{background-image:repeating-linear-gradient(transparent 0,transparent 31px,#80596618 31px,#80596618 32px)}.ln-paper[data-pattern=dotted]{background-image:radial-gradient(#80596630 1px,transparent 1px);background-size:16px 16px}.ln-paper input,.ln-paper textarea{background:transparent;border:0;border-radius:0;padding:10px 0;box-shadow:none}.ln-paper input:focus,.ln-paper textarea:focus{outline:1px dashed #9f5b76}.ln-paper #noteTitle{font:26px Georgia,serif}.ln-paper textarea{font-size:19px;line-height:1.7}.ln-paper input::placeholder,.ln-paper textarea::placeholder{color:#85586a;opacity:1}.ln-counter{text-align:right;font-size:11px;margin:0}.ln-drawtools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:12px 0}.ln-drawtools label{font-size:11px;margin:0}.ln-drawtools select{font-size:13px;padding:5px;min-height:36px}.ln-drawtools button{font-size:12px;padding:6px 10px}.ln-canvas-wrap{border:1px dashed #99657760;border-radius:12px;overflow:hidden}canvas{display:block;width:100%;height:auto;aspect-ratio:6/5}#drawCanvas{touch-action:none;cursor:crosshair}#drawCanvas.navigate{touch-action:pan-y;cursor:default}.ln-stickers,.ln-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.ln-stickers button{font-size:23px}.ln-help{font-size:12px;color:#744958}.ln-signature{font-family:cursive;text-align:right;font-size:22px}.ln-message{white-space:pre-wrap;font-size:clamp(18px,3vw,23px);line-height:1.7;overflow-wrap:anywhere}.ln-reader{max-width:740px;margin:auto}.ln-envelope{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:310px;background:linear-gradient(155deg,#ffe9ed 50%,#f8d6e0 50%);border:1px solid #dab5c3;box-shadow:0 12px 25px #75324919;margin:25px 0;gap:18px}.ln-envelope span{display:grid;place-items:center;border-radius:50%;width:70px;height:70px;background:#b54067;color:white;font-size:40px}.ln-envelope strong{font:28px Georgia,serif}.ln-envelope small{color:#694552}.ln-check{display:flex;align-items:center;gap:10px}.ln-check input{width:20px;min-height:20px}#settings{max-width:720px;margin:auto}#sessions>div{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}#sessions span{min-width:0}hr{border:0;border-top:1px solid var(--line);margin:30px 0}footer{text-align:center;color:var(--muted);font:italic 17px Georgia,serif;padding:35px 20px calc(30px + env(safe-area-inset-bottom))}.ln-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.drawing-expanded #drawingArea{position:fixed;inset:0;background:#fff5f3;z-index:20;padding:max(12px,env(safe-area-inset-top)) 15px max(12px,env(safe-area-inset-bottom));overflow:auto}body.drawing-expanded .ln-canvas-wrap{max-width:650px;margin:auto}body.drawing-expanded{overflow:hidden}.ln-arrive{animation:ln-unfold .45s ease-out}@keyframes ln-unfold{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:700px){main{padding:0 16px 30px}.ln-header{padding:15px 16px}.ln-header nav{gap:12px}.ln-brand{font-size:20px}.ln-hero{padding:35px 0 22px}.ln-sample{display:none}.ln-panel{padding:18px}.ln-composer-grid{grid-template-columns:1fr;gap:12px}.ln-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ln-tools label{margin:0}.ln-note-list{grid-template-columns:1fr 1fr;gap:12px}.ln-card{padding:17px;min-height:180px}.ln-card strong{font-size:21px}.ln-toolbar{align-items:start}.ln-toolbar h2{font-size:25px}.ln-tabs{margin-right:-16px}.ln-drawtools{gap:5px}.ln-paper{padding:15px}.ln-actions button{flex-grow:1}}@media(max-width:370px){.ln-note-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.ln-color-choice{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ln-color-wheel{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}.ln-color-wheel input{width:48px;height:44px;min-height:44px;padding:3px;border-radius:12px;cursor:pointer}.ln-color-wheel input::-webkit-color-swatch{border:0;border-radius:8px}

#drawCanvas{touch-action:none;user-select:none;-webkit-user-select:none;aspect-ratio:6/5;width:100%;height:auto}#drawCanvas.navigate{touch-action:pan-y}.ln-drawtools button,.ln-drawtools select{min-height:44px}#notesPenOnly[aria-pressed=true]{background:#e0eddf;color:#294f3c}

.ln-scene{border:1px solid currentColor;background:none;color:inherit;border-radius:999px;padding:6px 12px;font:inherit;cursor:pointer}
/* The three places as tabs, matching the arcade header. */
.ln-header nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.ln-header nav a{padding:8px 14px;border-radius:999px;text-decoration:none;color:inherit}
.ln-header nav a:hover{background:#fbe6ee}
.ln-header nav a[aria-current=page]{background:#ae3155;color:#fff;border:0}