/* Shared notes: an independent sheet, not a resized chat page. */
html.memo-open #app{height:var(--memo-underlay-h)!important;min-height:var(--memo-underlay-h)!important;overflow:hidden}
#memoBackdrop{position:fixed;inset:auto 0 auto;top:var(--memo-view-top,0px);height:var(--memo-view-h,100dvh);box-sizing:border-box;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));align-items:flex-end;background:rgba(15,18,24,.23);overscroll-behavior:contain;z-index:10020}
#memoBackdrop .memo-card{--memo-surface:#f5f5f7;--memo-tile:#fff;--memo-ink:#17181c;--memo-muted:#777980;display:flex;flex-direction:column;width:min(100%,520px);max-height:100%;height:min(680px,100%);margin:0 auto;padding:26px 0 0;border:0;border-radius:32px;background:var(--memo-surface);color:var(--memo-ink);box-shadow:0 24px 80px #0003;overflow:hidden}
#memoBackdrop.show .memo-card{animation:memo-arrive .32s cubic-bezier(.2,.8,.2,1)}
#memoBackdrop .cc-title{display:flex;align-items:center;gap:12px;margin:0;padding:0 24px;border:0;min-height:44px;font:700 30px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-1px}
#memoBackdrop #memoTitle{flex:1;min-width:0;overflow-wrap:anywhere}
#memoBackdrop .cc-sub{margin:8px 24px 24px;padding:0;color:var(--memo-muted);font-size:13px;text-align:left}
#memoBackdrop .memo-body{flex:1;min-height:0;padding:0 18px 22px;overflow:auto;overscroll-behavior:contain;scroll-padding:16px;-webkit-overflow-scrolling:touch}
#memoBackdrop .memo-list{display:grid;gap:10px}
#memoBackdrop .memo-item{display:flex;align-items:center;gap:18px;width:100%;padding:20px;border:0;border-radius:22px;background:var(--memo-tile);color:var(--memo-ink);text-align:left;box-shadow:0 4px 16px #00000004;transition:transform .18s}
#memoBackdrop .memo-item:active{transform:scale(.98)}
#memoBackdrop .memo-item-main{flex:1;min-width:0}
#memoBackdrop .memo-item-text{font-size:17px;font-weight:600;line-height:1.45;margin:0 0 7px;overflow-wrap:anywhere}
#memoBackdrop .memo-item-meta{font-size:12px;line-height:1.5;color:var(--memo-muted)}
#memoBackdrop .memo-item-num{font-size:34px;font-weight:500;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}
#memoBackdrop .memo-close,#memoBackdrop .memo-back,#memoBackdrop .memo-plus{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:12px;border:0!important;border-radius:50%;background:linear-gradient(145deg,#ffffffb8,#ffffff40);color:var(--memo-ink);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:0 5px 20px #0000000c}
#memoBackdrop .memo-back[hidden]{display:none}
#memoBackdrop svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
#memoBackdrop .memo-addbar{display:flex;justify-content:space-between;align-items:center;padding:18px 4px 4px}
#memoBackdrop .memo-plus{width:50px;height:50px}
#memoBackdrop .memo-textbtn{border:0;background:transparent;color:var(--memo-muted);min-height:44px;font-size:13px}
#memoBackdrop .danger{color:#d44b49}
#memoBackdrop .memo-compose,#memoBackdrop .memo-log{border:0;border-radius:22px;padding:18px;margin-top:12px;background:var(--memo-tile)}
#memoBackdrop .pad-input{box-sizing:border-box;width:100%;min-height:48px;padding:13px 14px;border:0;border-radius:14px;background:var(--memo-surface);color:var(--memo-ink);font-size:16px}
#memoBackdrop .pad-input:focus-visible{outline:2px solid #8b9bb7;outline-offset:2px}
#memoBackdrop .memo-compose-row,#memoBackdrop .memo-rename{display:flex;gap:10px;align-items:center;margin:12px 0}
#memoBackdrop .memo-rename input{min-width:0;flex:1}
#memoBackdrop .save-btn{width:100%;border:0;border-radius:24px;min-height:48px;margin-top:14px;background:var(--memo-ink);color:var(--memo-tile)}
#memoBackdrop .memo-count{font-size:36px;font-weight:600;letter-spacing:-1px;margin:8px 4px 24px}
#memoBackdrop .memo-empty{text-align:center;color:var(--memo-muted);padding:52px 16px;font-size:15px}
[data-theme="dark"] #memoBackdrop .memo-card,html.dark #memoBackdrop .memo-card,body.dark #memoBackdrop .memo-card{--memo-surface:#1c1d21;--memo-tile:#28292e;--memo-ink:#f4f4f6;--memo-muted:#aaabb2}
@keyframes memo-arrive{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#memoBackdrop.show .memo-card{animation:none}#memoBackdrop .memo-item{transition:none}}
/* Compact notes panel: content determines height. */
#memoBackdrop{align-items:center;background:rgba(25,32,42,.15)}
#memoBackdrop .memo-card{height:auto;max-height:100%;padding-top:18px;border-radius:28px;background:linear-gradient(145deg,rgba(250,251,253,.94),rgba(240,243,247,.88));backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);box-shadow:0 20px 65px #1f2e451c}
#memoBackdrop .cc-title{font-size:21px;font-weight:650;letter-spacing:-.4px;padding:0 20px;min-height:36px;gap:8px}
#memoBackdrop #memoTitle{text-align:left;white-space:normal}
#memoBackdrop .memo-back[hidden]{display:none!important}
#memoBackdrop .memo-close,#memoBackdrop .memo-back{width:36px;height:36px;padding:8px}
#memoBackdrop .cc-sub{margin:4px 20px 14px;font-size:12px}
#memoBackdrop .memo-body{flex:0 1 auto;min-height:0;padding:0 16px 16px!important}
#memoBackdrop .memo-list{max-height:none;overflow:visible;margin-bottom:0}
#memoBackdrop .memo-empty{padding:28px 12px;margin:0;font-size:14px}
#memoBackdrop .memo-addbar{padding:12px 2px 0;margin:0}
#memoBackdrop .memo-plus{width:42px;height:42px}
#memoBackdrop #memoFloatCenterBtn{display:grid;place-items:center;width:42px;height:42px;padding:10px;border-radius:50%;background:rgba(255,255,255,.45);font-size:0;color:var(--memo-muted)}
.memo-float,.memo-float-preview{--memo-float-bg:rgba(249,251,255,.62);--memo-float-fg:#465160;box-shadow:0 5px 20px #35465b1a;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}
html.memo-open #memoFloat{visibility:hidden;pointer-events:none}
[data-theme="dark"] #memoBackdrop .memo-card,html.dark #memoBackdrop .memo-card,body.dark #memoBackdrop .memo-card{background:linear-gradient(145deg,#30343aed,#25292ee8)}
@media(prefers-reduced-transparency:reduce){#memoBackdrop .memo-card{background:var(--memo-surface);backdrop-filter:none;-webkit-backdrop-filter:none}.memo-float,.memo-float-preview{--memo-float-bg:#f0f3f7;backdrop-filter:none;-webkit-backdrop-filter:none}}