.le-panel{--le-surface:#121211;--le-raised:#0a0a09;--le-line:#d9d9d11f;--le-line-strong:#d9d9d142;--le-text:#f5f5f0;--le-muted:#d9d9d1;--le-dim:#8e8e87;--le-yellow:#fb0;z-index:8;border:1px solid var(--le-line);background:var(--le-surface);width:clamp(340px,36%,420px);color:var(--le-text);font-family:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;border-radius:20px;flex-direction:column;animation:.4s cubic-bezier(.2,.8,.2,1) both le-in;display:flex;position:absolute;top:18px;bottom:18px;right:18px;overflow:hidden;box-shadow:0 40px 90px -30px #000,0 0 0 1px #0000008c}.le-panel.is-closing{animation:.25s cubic-bezier(.4,0,.8,.4) both le-out}@keyframes le-in{0%{opacity:0;transform:translate(24px)scale(.98)}}@keyframes le-out{to{opacity:0;transform:translate(18px)scale(.98)}}@keyframes le-fade{0%{opacity:0}}.le-panel :is(button,a):focus-visible{outline:2px solid var(--le-yellow);outline-offset:2px}.le-panel :is(input,textarea,select):focus-visible{outline:none}.le-panel button:not(:disabled){cursor:pointer}.le-label{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--le-dim);margin-bottom:8px;font-size:10px;font-weight:600;display:block}.le-panel .tf{--tf-cut:var(--le-surface);--tf-bg:var(--le-raised)}.le-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 12px 22px;display:flex}.le-head-copy{min-width:0}.le-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--le-muted);align-items:center;gap:8px;font-size:10.5px;font-weight:600;display:flex}.le-kicker:before{content:"";background:var(--le-yellow);border-radius:50%;width:6px;height:6px}.le-panel .le-heading{letter-spacing:-.035em;color:var(--le-text);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:22px;font-weight:650;line-height:1.15;display:-webkit-box;overflow:hidden}.le-close{width:36px;height:36px;color:var(--le-muted);background:#d9d9d114;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.le-close:hover{color:var(--le-text);background:#d9d9d129}.le-confirm{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;max-width:230px;animation:.2s both le-fade;display:flex}.le-confirm span{text-align:right;width:100%;font-size:13px;font-weight:600}.le-confirm button{border-radius:99px;padding:8px 14px;font-size:12.5px;font-weight:650}.le-confirm button:first-of-type{--slant-fill:#ff5a4a1f;--slant-line:transparent;color:#ff8a7d}.le-confirm button:first-of-type:hover{--slant-fill:#ff5a4a33}.le-confirm button:last-of-type{--slant-line:var(--le-line-strong);color:var(--le-text)}.le-steps-wrap{border-bottom:1px solid var(--le-line);margin:0 22px;position:relative}.le-steps{margin:0;padding:0 0 12px;list-style:none;display:flex}.le-steps li{flex:1}.le-steps button{color:var(--le-dim);align-items:center;gap:8px;padding:4px 0;font-size:12px;font-weight:600;transition:color .25s;display:flex}.le-steps button:disabled{cursor:default}.le-steps b{isolation:isolate;width:24px;height:20px;font-family:var(--font-geist-mono), ui-monospace, monospace;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;transition:color .25s;display:inline-flex;position:relative}.le-steps b:before{content:"";z-index:-1;border:1px solid var(--le-line-strong);border-radius:5px;transition:background .25s,border-color .25s;position:absolute;inset:0;transform:skew(-10deg)}.le-steps li[data-state=current] button{color:var(--le-text)}.le-steps li[data-state=current] b{color:#000}.le-steps li[data-state=current] b:before{border-color:var(--le-yellow);background:var(--le-yellow)}.le-steps li[data-state=done] button{color:var(--le-muted)}.le-steps li[data-state=done] b{color:var(--le-yellow)}.le-steps li[data-state=done] b:before{background:#ffbb0014;border-color:#fb06}.le-steps li[data-state=done] button:hover{color:var(--le-text)}.le-steps-rule{background:var(--le-yellow);transform-origin:0;border-radius:2px;height:2px;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-1px;left:0;right:0}.le-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9d9d140 transparent;flex:1;min-height:0;padding:18px 22px;position:relative;overflow-y:auto}.le-step{animation:.35s cubic-bezier(.2,.8,.2,1) both le-page-next}.le-step[data-direction=back]{animation-name:le-page-back}@keyframes le-page-next{0%{opacity:0;transform:translate(16px)}}@keyframes le-page-back{0%{opacity:0;transform:translate(-16px)}}.le-panel .le-prompt{letter-spacing:-.02em;color:var(--le-text);margin-bottom:14px;font-size:17px;font-weight:650}.le-stamps{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.le-stamp{border:1px solid var(--le-line);background:var(--le-raised);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:10px 4px 9px;transition:background .2s,border-color .2s,transform .2s;display:flex}.le-stamp:hover{border-color:var(--le-line-strong);transform:translateY(-1px)}.le-stamp-face{justify-content:center;align-items:center;width:54px;height:54px;transition:transform .35s cubic-bezier(.2,1.6,.4,1);display:flex}.le-stamp-face img{object-fit:contain;filter:invert();mix-blend-mode:screen;opacity:.72;width:100%;height:100%;transition:opacity .2s}.le-stamp:hover .le-stamp-face{transform:scale(1.05)}.le-stamp:hover img{opacity:.95}.le-stamp small{text-align:center;color:var(--le-muted);font-size:11.5px;font-weight:600;line-height:1.25}.le-stamp[data-selected=true]{border-color:var(--le-yellow);background:var(--le-yellow)}.le-stamp[data-selected=true] .le-stamp-face{animation:.44s cubic-bezier(.2,1.5,.4,1) le-press}.le-stamp[data-selected=true] img{filter:none;mix-blend-mode:multiply;opacity:1}.le-stamp[data-selected=true] small{color:#000}@keyframes le-press{0%{transform:scale(1.3)}55%{transform:scale(.92)}to{transform:scale(1)}}.le-panel .le-title-input{letter-spacing:-.01em;caret-color:var(--le-yellow);font-size:17px;font-weight:600}.le-notes{margin-top:18px}.le-notes.is-loading{gap:8px;display:grid}.le-notes.is-loading span{background:linear-gradient(90deg,#d9d9d10a 20%,#d9d9d11a 50%,#d9d9d10a 80%) 0 0/200% 100%;border-radius:16px;height:58px;animation:1.2s linear infinite le-shimmer;display:block}@keyframes le-shimmer{to{background-position:-200% 0}}.le-required{color:var(--le-yellow,#fb0);font-style:normal}.le-unit{align-items:baseline;gap:8px;display:flex}.le-unit .tf-input{flex:1}.le-unit .tf-input.is-number{font-family:var(--font-geist-mono), ui-monospace, monospace}.le-unit em{font:500 11px/1 var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.06em;color:var(--le-dim,#8e8e87);flex:none;font-style:normal}.le-tray{border:1.5px dashed #0000;border-radius:18px;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin:8px -8px 0;padding:8px;transition:border-color .2s,background .2s;display:grid}.le-tray.is-dragging{border-color:var(--le-yellow);background:#ffbb000f}.le-add{aspect-ratio:1;border:1.5px dashed var(--le-line-strong);background:var(--le-raised);color:var(--le-muted);border-radius:14px;flex-direction:column;order:1;justify-content:center;align-items:center;gap:4px;transition:border-color .2s,color .2s,background .2s;display:flex}.le-add:hover:not(:disabled){border-color:var(--le-yellow);color:var(--le-text);background:#ffbb000f}.le-add span{font-size:12.5px;font-weight:600}.le-add small{text-align:center;color:var(--le-dim);padding:0 8px;font-size:10.5px;line-height:1.25}@media (pointer:coarse){.le-add small{display:none}}.le-print{aspect-ratio:1;margin:0;animation:.3s cubic-bezier(.2,1.3,.4,1) both le-pop;position:relative}@keyframes le-pop{0%{opacity:0;transform:scale(.9)}}.le-print-photo{background:var(--le-raised);border-radius:14px;width:100%;height:100%;display:block;position:relative;overflow:hidden}.le-print-photo img,.le-print-photo video{object-fit:cover;width:100%;height:100%;transition:opacity .4s;display:block}.le-print[data-status=processing] .le-print-photo img,.le-print[data-status=processing] .le-print-photo video{opacity:.55}.le-print-play{color:#fff;filter:drop-shadow(0 1px 2px #0008);margin:auto;position:absolute;inset:0}.le-print-developing{background:#ffffff38;border-radius:3px;height:3px;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.le-print-developing i{background:var(--le-yellow);transform-origin:0;transition:transform .2s linear;position:absolute;inset:0}.le-print-remove{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .15s,background .15s;display:flex;position:absolute;top:6px;right:6px}.le-print:hover .le-print-remove,.le-print-remove:focus-visible{opacity:1}.le-print-remove:hover{background:#000}@media (hover:none){.le-print-remove{opacity:1}}.le-journal{margin-top:16px}.le-foot{border-top:1px solid var(--le-line);padding:14px 18px 16px 22px}.le-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.le-hint{color:var(--le-dim);font-size:12px}.le-back{color:var(--le-muted);align-items:center;gap:6px;padding:10px 4px;font-size:13.5px;font-weight:600;transition:color .2s;display:inline-flex}.le-back:hover:not(:disabled){color:var(--le-text)}.le-next,.le-ink{isolation:isolate;color:#000;align-items:center;gap:8px;min-height:42px;padding:10px 22px;font-size:14px;font-weight:650;transition:color .2s,transform .2s;display:inline-flex;position:relative}.le-next:before,.le-ink:before{content:"";z-index:-1;background:var(--le-yellow);border-radius:8px;transition:background .2s,box-shadow .2s;position:absolute;inset:0;transform:skew(-8deg)}.le-next:hover:not(:disabled),.le-ink:hover:not(:disabled){transform:translateY(-1px)}.le-next:hover:not(:disabled):before,.le-ink:hover:not(:disabled):before{background:#ffd056}.le-next:disabled,.le-ink:disabled:not([data-busy]){color:var(--le-dim);cursor:default}.le-next:disabled:before,.le-ink:disabled:not([data-busy]):before{box-shadow:0 0 0 1px var(--le-line) inset;background:#d9d9d114}.le-spin{animation:.9s linear infinite le-spin}@keyframes le-spin{to{transform:rotate(360deg)}}.le-error{color:#ff8a7d;margin-bottom:10px;font-size:13px}.le-logged{z-index:2;background:#121211f0;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.2s both le-fade;display:flex;position:absolute;inset:0}.le-done{background:var(--le-yellow);color:#000;border-radius:50%;place-items:center;width:64px;height:64px;animation:.4s cubic-bezier(.2,1.5,.4,1) 50ms both le-pop;display:grid}.le-logged strong{letter-spacing:-.02em;font-size:20px;font-weight:650}.le-logged small{color:var(--le-muted);font-size:13px}.le-panel.is-sheet{top:auto;right:0;bottom:var(--le-kb,0px);z-index:60;width:auto;max-width:640px;max-height:min(62svh, 560px, calc(var(--le-vh,100svh) - 16px));padding-bottom:max(0px, calc(env(safe-area-inset-bottom,0px) - var(--le-kb,0px)));transform-origin:50% 100%;border-width:1px 0 0;border-radius:22px 22px 0 0;margin:0 auto;animation-name:le-sheet-in;position:fixed;left:0;box-shadow:0 -18px 40px -12px #000000a6}.le-panel.is-sheet.is-closing{animation-name:le-sheet-out}.le-panel.is-sheet .le-head{padding:16px 16px 10px 20px}.le-panel.is-sheet .le-heading{-webkit-line-clamp:1;font-size:20px}.le-panel.is-sheet .le-steps-wrap{margin-inline:20px}.le-panel.is-sheet .le-body{padding:16px 20px}.le-panel.is-sheet .le-foot{padding:12px 16px 14px 20px}.le-panel.is-sheet .le-hint{visibility:hidden}.le-panel.is-sheet[data-fit=short]{max-height:max(180px, calc(var(--le-vh,100svh) - var(--site-header-height,64px)))}.le-panel.is-sheet[data-fit=short] .le-head{align-items:center;padding-top:6px;padding-bottom:2px}.le-panel.is-sheet[data-fit=short] .le-heading{display:none}.le-panel.is-sheet[data-fit=short] .le-steps{padding-bottom:6px}.le-panel.is-sheet[data-fit=short] .le-steps button{padding:2px 0}.le-panel.is-sheet[data-fit=short] .le-body{padding-top:12px;padding-bottom:12px}.le-panel.is-sheet[data-fit=short] .le-foot{padding-top:6px;padding-bottom:8px}.le-panel.is-sheet[data-fit=short] .le-back{padding-block:8px}.le-panel.is-sheet[data-fit=short] :is(.le-next,.le-ink){min-height:38px;padding-block:8px}@keyframes le-sheet-in{0%{transform:translateY(100%)}}@keyframes le-sheet-out{to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.le-panel,.le-panel *,.le-panel :before{transition:none!important;animation:none!important}}
