.memory-shell,.memory-screen{position:absolute;inset:0;min-height:0;background:var(--bg);color:var(--ink)}
.memory-screen{display:none;flex-direction:column;overflow:hidden}.memory-screen.active{display:flex}
#memory-home-body,#memory-detail-body,#memory-form-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.memory-top{height:auto;padding-top:env(safe-area-inset-top,0px);min-height:calc(48px + env(safe-area-inset-top,0px))}
.memory-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:13px 14px calc(18px + var(--sab));overscroll-behavior:contain}
.memory-summary{position:relative;overflow:hidden;border-radius:20px;padding:16px 17px;background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(222,233,240,.62));box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.38)}
.memory-summary h1{font-family:var(--font-display);font-size:25px;font-weight:600;line-height:1.08;margin:0 0 6px}.memory-summary p{margin:0;color:var(--ink2);font-size:13.5px;line-height:1.5}.memory-statline{margin-top:10px;font-size:12px;color:var(--ink2)}
.memory-tools{display:flex;gap:8px;margin:10px 0}.memory-search{flex:1;display:flex;align-items:center;gap:8px;height:38px;border:none;background:var(--bg);box-shadow:var(--shadow-in);border-radius:15px;padding:0 10px}.memory-search svg{width:16px;height:16px;color:var(--mist)}.memory-search input{flex:1;min-width:0;border:none;background:transparent;color:var(--ink);outline:none;font-family:inherit;font-size:14px}.memory-tools select{border:none;background:var(--bg);box-shadow:var(--shadow-in);color:var(--ink2);border-radius:14px;padding:0 8px;font-family:inherit;font-size:12px}
.memory-cats{display:flex;gap:8px;flex-wrap:wrap;padding:2px 0 10px}.memory-cats button{border:none;background:rgba(255,255,255,.35);box-shadow:var(--shadow);color:var(--ink2);border-radius:999px;padding:8px 12px;white-space:nowrap;font-family:inherit;font-size:12px;font-weight:600}.memory-cats button.active{background:var(--pri-pale);box-shadow:var(--shadow-in),inset 0 0 0 1.5px var(--pri-deep);color:var(--accent-text)}
.memory-pin{margin:0 0 12px}.memory-section-title{font-family:var(--font-display);font-size:14px;font-weight:600;margin:4px 0 8px}.memory-month{font-family:var(--font-display);font-size:13px;color:var(--ink2);font-weight:600;margin:14px 0 7px}
.memory-pin-row{width:100%;min-height:42px;border:none;border-radius:15px;background:rgba(255,255,255,.38);box-shadow:var(--shadow);color:var(--ink);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:9px 11px;margin-bottom:7px;text-align:left;font-family:inherit}.memory-pin-row b{font-family:var(--font-display);font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.memory-pin-row small{font-size:11.5px;color:var(--ink2);white-space:nowrap}.memory-pin-row svg{width:15px;height:15px;color:var(--ink2)}
.memory-card{width:100%;border:none;background:var(--bg);color:var(--ink);border-radius:16px;padding:12px;margin-bottom:9px;box-shadow:var(--shadow);text-align:left;font-family:inherit;display:grid;grid-template-columns:6px 1fr;gap:10px}.memory-card::before,.memory-detail-card::before{content:'';width:6px;border-radius:999px;background:var(--pri)}.memory-card.tone-couple::before,.memory-detail-card.tone-couple::before{background:var(--rose)}.memory-card.tone-letter::before,.memory-detail-card.tone-letter::before{background:var(--coral)}.memory-card.tone-chat::before,.memory-detail-card.tone-chat::before{background:var(--green)}.memory-card.tone-moment::before,.memory-detail-card.tone-moment::before{background:var(--amber)}.memory-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px}.memory-card h3{font-family:var(--font-display);font-size:15px;font-weight:600;line-height:1.25;margin:0}.memory-card-icons{flex-shrink:0;display:inline-flex;gap:3px;color:var(--ink2);font-size:13px}.memory-card-icons .is-fav{color:var(--ink);font-weight:700}.memory-card p{font-size:12.8px;line-height:1.45;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.memory-meta{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:8px;font-size:11.5px;color:var(--ink2)}.memory-meta time{margin-left:auto}.memory-badge{border-radius:999px;background:var(--surface-alt);color:var(--ink2);padding:3px 7px;font-weight:600}.memory-mark{color:var(--rose-text);font-weight:700}
.memory-empty{background:var(--bg);border:none;border-radius:20px;padding:20px;text-align:center;box-shadow:var(--shadow);margin-top:12px}.memory-empty svg{width:42px;height:42px;color:var(--pri-deep);margin-bottom:9px}.memory-empty h3{font-size:16px;margin-bottom:5px}.memory-empty p{font-size:13px;color:var(--ink2);line-height:1.5}.memory-empty button{margin-top:12px;border:none;border-radius:14px;background:var(--pri-pale);color:var(--accent-text);font-family:inherit;font-weight:600;padding:10px 13px}
.memory-load-state{background:var(--bg);border-radius:20px;padding:20px;text-align:center;box-shadow:var(--shadow);margin-top:12px;font-size:13px;color:var(--ink2);line-height:1.5}
.memory-detail-scroll{flex:1;min-height:0;overflow-y:auto;padding:14px;padding-bottom:calc(22px + var(--sab))}.memory-detail-card{position:relative;background:var(--bg);border-radius:20px;padding:18px;box-shadow:var(--shadow);border:none}.memory-detail-card::before{position:absolute;left:0;top:20px;bottom:20px}.memory-detail-kicker{font-size:12px;color:var(--ink2);margin-bottom:8px}.memory-detail-card h1{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.18;margin-bottom:12px;padding-left:2px}.memory-detail-card article{font-size:14.5px;line-height:1.72;color:var(--ink);white-space:pre-wrap;margin:14px 0}.memory-recall{border-radius:15px;background:rgba(255,255,255,.34);box-shadow:var(--shadow-in);padding:11px 12px;margin:12px 0}.memory-recall b{display:block;font-size:13px;margin-bottom:4px}.memory-recall span{display:block;font-size:12.5px;line-height:1.5;color:var(--ink2)}.memory-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.memory-detail-grid div{border-radius:14px;background:var(--surface-alt);padding:9px 10px}.memory-detail-grid span{display:block;font-size:11px;color:var(--ink2);margin-bottom:3px}.memory-detail-grid b{display:block;font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.3}.memory-tag-row{display:flex;gap:6px;flex-wrap:wrap}.memory-tag-row span{font-size:12px;border-radius:999px;background:var(--surface-alt);color:var(--ink2);padding:5px 8px}.memory-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.memory-actions button,.memory-form-actions button{border:none;border-radius:14px;padding:10px 12px;font-family:inherit;font-weight:600;background:var(--bg);box-shadow:var(--shadow);color:var(--ink2)}.memory-actions .primary,.memory-form-actions .primary{color:var(--accent-text);box-shadow:var(--shadow-in)}.memory-actions .danger{color:var(--coral-text)}
.memory-form-body{flex:1;min-height:0;overflow-y:auto;padding:14px;padding-bottom:calc(22px + var(--sab));display:flex;flex-direction:column;gap:10px}.memory-field{display:flex;flex-direction:column;gap:6px}.memory-field span{font-size:12px;color:var(--ink2);font-weight:600}.memory-field input,.memory-field textarea,.memory-field select{border:none;background:var(--bg);box-shadow:var(--shadow-in);color:var(--ink);border-radius:14px;padding:11px 12px;font-family:inherit;font-size:14px;outline:none}.memory-field textarea{min-height:160px;resize:vertical}.memory-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.memory-form-actions{display:flex;gap:8px}.memory-form-actions button{flex:1}
@media(max-width:390px){.memory-scroll,.memory-form-body,.memory-detail-scroll{padding-left:12px;padding-right:12px}.memory-two,.memory-detail-grid{grid-template-columns:1fr}.memory-tools{flex-wrap:wrap}.memory-tools select{height:36px}.memory-pin-row{grid-template-columns:auto 1fr auto}.memory-pin-row small{display:none}}
.ms-hint{font-size:12.5px;color:var(--ink2);margin:-4px 0 10px}
.ms-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin-bottom:8px;background:var(--surface-alt);border-radius:var(--r-sm);cursor:pointer}
.ms-row input{margin-top:4px;flex-shrink:0;accent-color:var(--pri)}
.ms-row span{display:flex;flex-direction:column;gap:2px;min-width:0}
.ms-row b{font-size:13.5px}
.ms-row i{font-style:normal;font-size:13.5px;line-height:1.5;color:var(--ink)}
.ms-row em{font-style:normal;font-size:11px;color:var(--ink2)}
.msrc-state{font-size:13px;color:var(--ink2);padding:12px 2px;line-height:1.6}
.msrc-row{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;padding:10px 12px;margin-bottom:8px;background:var(--surface-alt);border:0;border-radius:var(--r-sm);color:var(--ink);font:inherit;cursor:pointer}
.msrc-top{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--ink2)}
.msrc-top b{font-weight:600;color:var(--ink)}
.msrc-text{font-size:13.5px;line-height:1.5;overflow-wrap:anywhere}


/* ===================================================================================================
   记忆 redesign (hand-written, keep LAST in this file).
   A notebook at dusk: a sky gradient at the top (the user picks one in 换个颜色, default 暮色), warm paper below,
   memories as taped paper slips, characters as polaroids in their own colours, TA 的本子 in the character's voice.
   Colours are this app's own (--mm-*), set on <html data-memory-sky> so pages in #sheet match.
   =================================================================================================== */
#v-memory,.mm-page-full,.mm-dialog{
  --mm-s1:#ddd3ec;--mm-s2:#efdfe3;--mm-s3:#fbeee8;--mm-a:#8e7bb0;--mm-ad:#6a5890;--mm-ap:#ece6f4;
  --mm-paper:#faf7f5;--mm-card:#fffdfb;--mm-ink:#3b3540;--mm-ink2:#857b8c;--mm-line:rgba(110,90,130,.1);
  --mm-peach:#f2cbbb;--mm-sage:#cfe0d4;--mm-shadow:0 14px 30px -20px rgba(90,70,120,.5);--mm-slip-shadow:0 10px 22px -16px rgba(80,60,100,.5)}
:root[data-memory-sky="mist"] :is(#v-memory,.mm-page-full,.mm-dialog){--mm-s1:#d3dbe7;--mm-s2:#e4e8f0;--mm-s3:#f3f1f1;--mm-a:#7d93b0;--mm-ad:#566e8e;--mm-ap:#e3e9f2}
:root[data-memory-sky="ink"] :is(#v-memory,.mm-page-full,.mm-dialog){--mm-s1:#c3d2e6;--mm-s2:#dbe4f0;--mm-s3:#eef2f8;--mm-a:#5a7aa0;--mm-ad:#3d5a80;--mm-ap:#dde6f1}
:root[data-memory-sky="sakura"] :is(#v-memory,.mm-page-full,.mm-dialog){--mm-s1:#efd8df;--mm-s2:#f5e6e8;--mm-s3:#fbf3f1;--mm-a:#c08a9a;--mm-ad:#935a6d;--mm-ap:#f6e4ea}
:root[data-memory-sky="mint"] :is(#v-memory,.mm-page-full,.mm-dialog){--mm-s1:#d3e6dd;--mm-s2:#e6efe9;--mm-s3:#f5f8f3;--mm-a:#6f927d;--mm-ad:#4b6c59;--mm-ap:#e2ede5}
:root[data-memory-sky="milk"] :is(#v-memory,.mm-page-full,.mm-dialog){--mm-s1:#e8dccf;--mm-s2:#f1e7dd;--mm-s3:#faf5ef;--mm-a:#a8876a;--mm-ad:#7a5d44;--mm-ap:#f1e7dd}
:root[data-memory-sky="theme"] :is(#v-memory,.mm-page-full,.mm-dialog){--mm-s1:color-mix(in srgb,var(--pri) 30%,#fff);--mm-s2:color-mix(in srgb,var(--pri) 16%,#fff);--mm-s3:color-mix(in srgb,var(--pri) 6%,#fff);--mm-a:var(--pri);--mm-ad:var(--pri-deep);--mm-ap:var(--pri-pale)}
/* dark: the same sky, dimmed into a night page */
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(#v-memory,.mm-page-full,.mm-dialog){
  --mm-s1:color-mix(in srgb,var(--mm-a) 34%,#17151b);--mm-s2:color-mix(in srgb,var(--mm-a) 18%,#17151b);--mm-s3:#19171d;--mm-ad:color-mix(in srgb,var(--mm-a) 55%,#fff);--mm-ap:color-mix(in srgb,var(--mm-a) 24%,transparent);
  --mm-paper:#17151b;--mm-card:rgba(255,255,255,.06);--mm-ink:#ece8f0;--mm-ink2:#a39ba9;--mm-line:rgba(255,255,255,.08);
  --mm-peach:rgba(242,203,187,.35);--mm-sage:rgba(207,224,212,.3);--mm-shadow:0 16px 32px -18px color-mix(in srgb,var(--mm-a) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.05);--mm-slip-shadow:0 12px 26px -16px color-mix(in srgb,var(--mm-a) 55%,transparent)}}
:root[data-theme="dark"] :is(#v-memory,.mm-page-full,.mm-dialog){
  --mm-s1:color-mix(in srgb,var(--mm-a) 34%,#17151b);--mm-s2:color-mix(in srgb,var(--mm-a) 18%,#17151b);--mm-s3:#19171d;--mm-ad:color-mix(in srgb,var(--mm-a) 55%,#fff);--mm-ap:color-mix(in srgb,var(--mm-a) 24%,transparent);
  --mm-paper:#17151b;--mm-card:rgba(255,255,255,.06);--mm-ink:#ece8f0;--mm-ink2:#a39ba9;--mm-line:rgba(255,255,255,.08);
  --mm-peach:rgba(242,203,187,.35);--mm-sage:rgba(207,224,212,.3);--mm-shadow:0 16px 32px -18px color-mix(in srgb,var(--mm-a) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.05);--mm-slip-shadow:0 12px 26px -16px color-mix(in srgb,var(--mm-a) 55%,transparent)}

/* ---- shell ---- */
#v-memory .memory-shell,#v-memory .memory-screen{background:var(--mm-paper);color:var(--mm-ink)}
#memory-home-body,#memory-detail-body,#memory-form-body{position:relative}
.mm-sky{position:absolute;left:0;right:0;top:0;height:440px;background:linear-gradient(180deg,var(--mm-s1) 0%,var(--mm-s2) 45%,var(--mm-s3) 72%,transparent 100%);pointer-events:none;z-index:0}
.mm-sky-soft{height:340px;opacity:.85}
.mm-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + var(--sat,0px)) 16px 6px;flex-shrink:0}
.mm-top-r{display:flex;gap:8px}
.mm-top-title{flex:1;text-align:center;font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--mm-ink)}
.mm-rb{width:38px;height:38px;flex-shrink:0;border-radius:50%;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 6px 14px -8px rgba(80,60,100,.4);color:var(--mm-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.mm-rb svg{width:18px;height:18px}
.mm-rb.on{color:#c4707f}.mm-rb.on svg{fill:currentColor}
.mm-rb-gap{width:38px;flex-shrink:0}
.mm-save{height:36px;flex-shrink:0;border-radius:18px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.85);box-shadow:0 8px 18px -10px rgba(80,60,100,.5);color:var(--mm-ad);font-family:var(--font-display);font-size:14px;font-weight:600;padding:0 16px;cursor:pointer}
.mm-scroll{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 16px calc(28px + var(--sab))!important}
:root[data-theme="dark"] :is(.mm-rb,.mm-save){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.mm-rb,.mm-save){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}}

/* ---- shared pieces ---- */
.mm-card{background:var(--mm-card);border:1px solid var(--mm-line);border-radius:20px;box-shadow:var(--mm-shadow);color:var(--mm-ink)}
.mm-sec{margin:22px 6px 12px;font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--mm-ink)}
.mm-sec small{font-family:var(--font-body,inherit);font-weight:400;font-size:12px;color:var(--mm-ink2);margin-left:8px}
.mm-av{flex:none;width:52px;height:52px;border-radius:28%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:20px;overflow:hidden;background:var(--mm-a)}
.mm-av img{width:100%;height:100%;object-fit:cover}
.mm-av svg{width:55%;height:55%}
.mm-av-all{background:var(--mm-ap);color:var(--mm-ad)}
.mm-av-sm{width:38px;height:38px;font-size:15px}
.mm-av-xs{width:18px;height:18px;font-size:10px;border-radius:6px}
.mm-av-lg{width:66px;height:66px;font-size:26px;border:3px solid #fff;box-shadow:0 10px 22px -12px rgba(60,60,80,.6)}
.mm-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;border:none;border-radius:22px;background:var(--mm-ap);color:var(--mm-ad);font-family:var(--font-display);font-size:14px;font-weight:500;padding:0 18px;cursor:pointer}
.mm-ghost.danger{background:color-mix(in srgb,#c0605a 10%,transparent);color:#a65a55}
.mm-ghost svg,.mm-pill svg{width:16px;height:16px}
.mm-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:48px;border-radius:24px;border:1px solid var(--mm-line);background:var(--mm-card);box-shadow:0 14px 28px -14px color-mix(in srgb,var(--mm-a) 80%,transparent);color:var(--mm-ad);font-family:var(--font-display);font-size:15.5px;font-weight:600;padding:0 24px;cursor:pointer}
#v-memory .toggle,.mm-dialog .toggle,.mm-page-full .toggle{background:color-mix(in srgb,var(--mm-ink) 12%,transparent)}
#v-memory .toggle.on,.mm-dialog .toggle.on,.mm-page-full .toggle.on{background:var(--mm-a)}
.mm-lined{font-family:var(--font-display);font-size:14.5px;line-height:28px;color:var(--mm-ink);background-image:repeating-linear-gradient(180deg,transparent 0 27px,color-mix(in srgb,var(--mm-a) 18%,transparent) 27px 28px);white-space:pre-wrap;overflow-wrap:anywhere}

/* ---- home ---- */
.mm-head{padding:18px 8px 18px}
.mm-head h1{font-family:var(--font-display);font-size:36px;font-weight:600;letter-spacing:3px;margin:0;color:var(--mm-ink)}
.mm-head p{font-size:14px;line-height:1.8;color:color-mix(in srgb,var(--mm-ink) 70%,transparent);margin:8px 0 0}
.mm-note{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;border-radius:20px;background:rgba(255,253,251,.82);border:1px solid #fff;box-shadow:var(--mm-shadow);font-family:inherit;text-align:left;color:var(--mm-ink);cursor:pointer}
:root[data-theme="dark"] .mm-note{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .mm-note{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1)}}
.mm-note>span:not(.mm-av){flex:1;min-width:0;display:flex;flex-direction:column}
.mm-note b{font-family:var(--font-display);font-size:14.5px;font-weight:600}
.mm-note small{font-size:12px;color:var(--mm-ink2);margin-top:2px}
.mm-note em{font-style:normal;font-size:13px;color:var(--mm-ad);flex-shrink:0}
.mm-pols{display:flex;gap:14px;overflow-x:auto;padding:6px 4px 14px;margin:0 -16px;padding-left:20px;padding-right:20px;scrollbar-width:none}
.mm-pols::-webkit-scrollbar{display:none}
.mm-pol{flex:none;width:124px;border:none;background:#fff;padding:8px 8px 12px;border-radius:6px;box-shadow:0 12px 24px -14px rgba(80,60,100,.55);font-family:inherit;text-align:left;color:#3b3540;cursor:pointer}
.mm-pol:nth-child(3n+1){transform:rotate(-2.2deg)}.mm-pol:nth-child(3n+2){transform:rotate(1.6deg);margin-top:8px}.mm-pol:nth-child(3n){transform:rotate(-.8deg)}
.mm-pic{display:flex;align-items:center;justify-content:center;height:108px;border-radius:3px;color:#fff;font-size:36px;font-weight:600;overflow:hidden;background:var(--mm-a);position:relative}
.mm-pic img{width:100%;height:100%;object-fit:cover}
.mm-pic::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.22),transparent 60%)}
.mm-pol b{display:block;font-family:var(--font-display);font-size:14px;font-weight:600;margin:8px 2px 0}
.mm-pol small{display:block;font-size:11.5px;color:#857b8c;margin:2px 2px 0;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.mm-search{display:flex;align-items:center;gap:8px;height:42px;margin:4px 0 10px;padding:0 14px;border-radius:21px;background:var(--mm-card);border:1px solid var(--mm-line);box-shadow:var(--mm-shadow)}
.mm-search svg{width:16px;height:16px;color:var(--mm-ink2)}
.mm-search input{flex:1;min-width:0;border:none;background:none;outline:none;font-family:var(--font-display);font-size:14px;color:var(--mm-ink)}
.mm-cats{display:flex;gap:6px;overflow-x:auto;flex-wrap:nowrap;padding:0 0 6px;margin:0 -2px;scrollbar-width:none}
.mm-cats::-webkit-scrollbar{display:none}
#v-memory .mm-cats button{flex:none;border:none;background:none;box-shadow:none;border-radius:0;color:var(--mm-ink2);font-family:var(--font-display);font-size:13.5px;font-weight:500;padding:6px 8px;position:relative}
#v-memory .mm-cats button.active{color:var(--mm-ink);font-weight:600}
#v-memory .mm-cats button.active::after{content:'';position:absolute;left:8px;right:8px;bottom:0;height:3px;border-radius:2px;background:var(--mm-a);opacity:.7}
.mm-slips{display:flex;flex-direction:column;gap:14px;padding-top:6px}
#v-memory .mm-slip,.ms-page .mm-slip{display:block;width:100%;position:relative;border:none;margin:0;background:var(--mm-card);border-radius:4px 4px 18px 4px;padding:16px 16px 14px;box-shadow:var(--mm-slip-shadow);font-family:inherit;text-align:left;color:var(--mm-ink);cursor:pointer;grid-template-columns:none}
#v-memory .mm-slip::before{display:none}
.mm-tape{position:absolute;top:-7px;left:22px;width:56px;height:15px;transform:rotate(-3deg);background:var(--mm-ap);opacity:.85;border-radius:1px}
.g-together .mm-tape{background:var(--mm-peach)}
.g-mine .mm-tape{background:var(--mm-sage)}
.mm-slip small{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mm-ink2)}
.mm-fav{display:inline-flex;color:#c4707f}.mm-fav svg{width:12px;height:12px;fill:currentColor}
.mm-slip b{display:block;font-family:var(--font-display);font-size:16.5px;font-weight:600;margin:4px 0 4px;color:var(--mm-ink)}
.mm-slip p{font-size:13px;line-height:1.7;color:color-mix(in srgb,var(--mm-ink) 68%,transparent);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mm-quote{display:block;margin-top:8px;padding:8px 12px;border-radius:14px 14px 14px 4px;background:var(--mm-ap);font-size:13px;line-height:1.6;color:var(--mm-ink)}
.mm-who{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11.5px;color:var(--mm-ink2)}
.mm-who em{font-style:normal;margin-left:auto;padding:1px 8px;border-radius:8px;background:var(--mm-ap);color:var(--mm-ad)}
.mm-pinned{transform:rotate(-.6deg)}
.mm-pinned:nth-child(2){transform:rotate(.8deg)}
#v-memory .mm-month{margin:26px 6px 10px;font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--mm-ad);letter-spacing:1px;display:flex;align-items:center;gap:10px}
#v-memory .mm-month::after{content:'';flex:1;height:1px;background:var(--mm-line)}
#v-memory .memory-pin{margin:0}
.mm-empty{text-align:center;padding:28px 22px 24px;margin-top:14px}
#v-memory .mm-empty h3{font-family:var(--font-display);font-size:17px;font-weight:600;margin:0 0 6px;color:var(--mm-ink)}
#v-memory .mm-empty p{font-size:13px;line-height:1.7;color:var(--mm-ink2);margin:0 0 16px}
.mm-empty-ic{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:var(--mm-ap);color:var(--mm-ad);display:flex;align-items:center;justify-content:center}
#v-memory .mm-empty-ic svg{width:24px;height:24px;color:var(--mm-ad);margin:0}
#v-memory .mm-empty button{height:46px;border:1px solid var(--mm-line);border-radius:23px;background:var(--mm-card);box-shadow:0 12px 24px -14px color-mix(in srgb,var(--mm-a) 80%,transparent);color:var(--mm-ad);font-family:var(--font-display);font-size:15px;font-weight:600;padding:0 22px}
#v-memory .memory-load-state{padding:20px;text-align:center;font-size:13px;color:var(--mm-ink2)}

/* ---- detail ---- */
#v-memory .mm-letter{position:relative;margin:18px 2px 16px;padding:30px 20px 22px;border:none;border-radius:8px 8px 24px 8px;background:var(--mm-card);box-shadow:var(--mm-slip-shadow)}
#v-memory .mm-letter::before{display:none}
.mm-letter>.mm-tape{left:50%;width:90px;margin-left:-45px;top:-8px;height:17px}
#v-memory .mm-kicker{font-size:12px;color:var(--mm-ink2);margin:0}
.mm-date{margin-top:14px;font-family:var(--font-display);font-size:13px;color:var(--mm-ink2)}
#v-memory .mm-letter h1{font-family:var(--font-display);font-size:26px;font-weight:600;line-height:1.35;margin:6px 0 12px;color:var(--mm-ink)}
.mm-letter article.mm-lined{font-size:15px;line-height:30px;background-image:repeating-linear-gradient(180deg,transparent 0 29px,color-mix(in srgb,var(--mm-a) 18%,transparent) 29px 30px)}
.mm-stickers{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.mm-stickers span{padding:3px 10px;border-radius:6px;background:var(--mm-ap);color:var(--mm-ad);font-size:12px;transform:rotate(-1.5deg)}
.mm-stickers span:nth-child(even){transform:rotate(1.5deg);background:var(--mm-peach);color:var(--mm-ink)}
.mm-stickers span.mood{background:none;border:1px dashed var(--mm-a)}
.mm-recall{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:12px}
.mm-recall .mm-av{width:42px;height:42px;font-size:16px}
.mm-recall>span:not(.mm-av){flex:1;min-width:0;display:flex;flex-direction:column}
.mm-recall b,.mm-switch-row b{font-family:var(--font-display);font-size:15px;font-weight:600}
.mm-recall small,.mm-switch-row small{font-size:12px;line-height:1.6;color:var(--mm-ink2);margin-top:2px}
.mm-switch-row{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:12px}
.mm-switch-row>span{flex:1;min-width:0;display:flex;flex-direction:column}
.mm-source{font-size:12px;line-height:1.6;color:var(--mm-ink2);margin:4px 8px 16px}
.mm-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}
.mm-actions .mm-pill{flex:1;min-width:140px}

/* ---- TA 的本子 ---- */
.mm-nb-head{display:flex;align-items:center;gap:14px;padding:16px 8px 8px}
.mm-nb-head>span:not(.mm-av){display:flex;flex-direction:column}
.mm-nb-head b{font-family:var(--font-display);font-size:24px;font-weight:600}
.mm-nb-head small{font-size:13px;color:var(--mm-ink2);margin-top:3px}
.mm-nb-voice{font-family:var(--font-display);font-size:14px;line-height:1.8;color:color-mix(in srgb,var(--mm-ink) 70%,transparent);margin:6px 8px 10px}
.mm-page{padding:16px 16px 14px;margin-top:14px}
.mm-page h3{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 8px;font-family:var(--font-display);font-size:15.5px;font-weight:600}
.mm-page h3 small{font-family:var(--font-body,inherit);font-weight:400;font-size:11.5px;color:var(--mm-ink2)}
.mm-nb-empty,.mm-nb-wait{font-size:13px;line-height:1.7;color:var(--mm-ink2);margin:4px 2px}
.mm-pen{display:flex;gap:8px;margin-top:12px}
.mm-chip-btn{border:none;border-radius:15px;background:var(--mm-ap);color:var(--mm-ad);font-family:var(--font-display);font-size:13px;padding:7px 14px;cursor:pointer}
.mm-items{display:flex;flex-direction:column}
.mm-items button{display:flex;align-items:baseline;gap:10px;border:none;background:none;border-top:1px dashed var(--mm-line);padding:10px 2px;font-family:var(--font-display);font-size:14px;color:var(--mm-ink);text-align:left;cursor:pointer}
.mm-items button:first-child{border-top:none}
.mm-items i{font-style:normal;font-size:12px;color:#d9a08c}
.mm-items i.dot{font-size:9px;color:var(--mm-a)}
.mm-items span{margin-left:auto;font-size:11.5px;color:var(--mm-ink2);flex-shrink:0}
.mm-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.mm-link{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:13px 14px;font-family:inherit;cursor:pointer}
div.mm-link{cursor:default}
.mm-link b{font-family:var(--font-display);font-size:14px;font-weight:600}
.mm-link small{font-size:11.5px;line-height:1.5;color:var(--mm-ink2);margin-top:3px}
.mm-nb-foot{font-size:11.5px;line-height:1.7;color:var(--mm-ink2);text-align:center;margin:18px 8px 0}

/* ---- form ---- */
.mm-form{display:block!important}
#v-memory .mm-letter-form{margin-top:14px;padding:26px 18px 18px}
.mm-title-in{width:100%;border:none;border-bottom:1.5px dashed color-mix(in srgb,var(--mm-a) 35%,transparent);background:none;outline:none;font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--mm-ink);padding:6px 2px 10px}
.mm-f{margin-top:16px}
.mm-f>label{display:flex;justify-content:space-between;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--mm-ink2);margin:0 2px 8px}
.mm-f>label small{font-weight:400;font-size:11.5px}
.mm-date-in{height:38px;border:none;border-radius:19px;background:var(--mm-ap);color:var(--mm-ad);font-family:var(--font-display);font-size:14px;padding:0 14px}
.mm-chips{display:flex;flex-wrap:wrap;gap:7px}
.mm-chips button{display:inline-flex;align-items:center;gap:5px;height:34px;border:1px solid transparent;border-radius:17px;background:color-mix(in srgb,var(--mm-ink) 5%,transparent);color:var(--mm-ink);font-family:var(--font-display);font-size:13px;padding:0 13px;cursor:pointer}
.mm-chips button.on{background:var(--mm-ap);border-color:color-mix(in srgb,var(--mm-a) 55%,transparent);color:var(--mm-ad);font-weight:600}
.mm-chip-in{height:34px;width:104px;border:1px dashed color-mix(in srgb,var(--mm-a) 45%,transparent);border-radius:17px;background:none;outline:none;font-family:var(--font-display);font-size:13px;color:var(--mm-ink);padding:0 12px}
.mm-body-in{display:block;width:100%;min-height:160px;margin-top:18px;border:none;outline:none;resize:none;overflow:hidden;background-color:transparent;padding:0 2px}
.mm-cancel{width:100%;margin-top:4px;background:none;color:var(--mm-ink2)}

/* ---- full-screen pages in #sheet (suggestion review, summary editor) ---- */
.mm-page-full{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;background:var(--mm-paper);color:var(--mm-ink);animation:fadeIn .18s;max-width:430px;margin:0 auto}
.mm-sum-body .mm-sum-text{display:block;width:100%;min-height:280px;border:none;outline:none;resize:none;overflow:hidden;background-color:var(--mm-card);border-radius:18px;padding:12px 14px;box-shadow:var(--mm-shadow)}
.ms-body{display:flex;flex-direction:column;gap:14px}
.ms-page .ms-row{display:flex;gap:12px;align-items:flex-start;cursor:pointer;padding:18px 16px 14px}
.ms-page .ms-row input{margin-top:5px;width:18px;height:18px;accent-color:var(--mm-a);flex-shrink:0}
.ms-page .ms-row span{display:flex;flex-direction:column;gap:3px;min-width:0}
.ms-page .ms-row b{font-family:var(--font-display);font-size:15.5px;font-weight:600;margin:0}
.ms-page .ms-row i{font-style:normal;font-size:13.5px;line-height:1.65;color:color-mix(in srgb,var(--mm-ink) 75%,transparent)}
.ms-page .ms-row em{font-style:normal;font-size:11.5px;color:var(--mm-ad);margin-top:2px}
.ms-page .ms-row:nth-child(odd){transform:rotate(-.4deg)}
.ms-foot{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.5fr;gap:10px;padding:10px 16px calc(14px + var(--sab));flex-shrink:0}
.ms-foot .mm-ghost,.ms-foot .mm-pill{height:48px}

/* ---- centred dialogs (换个颜色, 整理来源) ---- */
.sheet-ov.mm-dialog-ov{align-items:center;padding:16px}
.sheet.mm-dialog{max-width:360px;border-radius:26px;padding:20px 18px 18px;background:var(--mm-card);border:1px solid var(--mm-line);box-shadow:0 24px 48px -16px rgba(60,50,80,.4);animation:fadeIn .18s;color:var(--mm-ink)}
:root[data-theme="dark"] .sheet.mm-dialog{background:#221f27}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .sheet.mm-dialog{background:#221f27}}
.mm-dialog-tall{max-height:80dvh;display:flex;flex-direction:column}
.mm-dialog-tall #msrc-body{overflow-y:auto;min-height:0}
.mm-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.mm-dialog-head h3{font-family:var(--font-display);font-size:18px;font-weight:600;margin:0}
.mm-dialog-x{width:30px;height:30px;border:none;border-radius:50%;background:color-mix(in srgb,var(--mm-ink) 6%,transparent);color:var(--mm-ink2);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.mm-dialog-x svg{width:15px;height:15px}
.mm-dialog-sub{font-size:12.5px;color:var(--mm-ink2);margin:0 0 16px}
.mm-skies{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mm-sky-opt{border:none;background:none;padding:0;font-family:var(--font-display);font-size:12.5px;color:var(--mm-ink);cursor:pointer}
.mm-sky-opt i{display:block;height:74px;border-radius:18px;margin-bottom:6px;border:2px solid transparent;position:relative}
.mm-sky-opt.on i{border-color:var(--mm-ad);box-shadow:inset 0 0 0 3px #fff}
.mm-sky-opt.on span{font-weight:600}
.sky-dusk{background:linear-gradient(180deg,#ddd3ec,#efdfe3,#fbeee8)}
.sky-mist{background:linear-gradient(180deg,#d3dbe7,#e4e8f0,#f3f1f1)}
.sky-ink{background:linear-gradient(180deg,#c3d2e6,#dbe4f0,#eef2f8)}
.sky-sakura{background:linear-gradient(180deg,#efd8df,#f5e6e8,#fbf3f1)}
.sky-mint{background:linear-gradient(180deg,#d3e6dd,#e6efe9,#f5f8f3)}
.sky-milk{background:linear-gradient(180deg,#e8dccf,#f1e7dd,#faf5ef)}
.mm-dialog-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--mm-line)}
.mm-dialog-row>span{display:flex;flex-direction:column}
.mm-dialog-row b{font-family:var(--font-display);font-size:14.5px;font-weight:600}
.mm-dialog-row small{font-size:11.5px;color:var(--mm-ink2);margin-top:2px}
.mm-dialog .ms-hint{font-size:12.5px;line-height:1.6;color:var(--mm-ink2);margin:6px 0 12px}
.mm-dialog .msrc-row{background:color-mix(in srgb,var(--mm-a) 8%,transparent);border-radius:14px}
/* ---- overrides for the old rules still above (kept in place, not edited) ---- */
#v-memory .mm-head,#v-memory .mm-head h1,#v-memory .mm-head p{display:block}
.mm-rb svg{stroke-linecap:round;stroke-linejoin:round}
#memory-more svg{stroke-width:3}
#v-memory .mm-recall{border-radius:20px;background:var(--mm-card);box-shadow:var(--mm-shadow);margin:0 0 12px}
#v-memory .mm-recall .mm-av{display:inline-flex}
#v-memory .mm-recall b{display:block;font-size:15px;margin:0;color:var(--mm-ink)}
#v-memory .mm-recall>span:not(.mm-av){display:flex;font-size:inherit;color:inherit}
#v-memory .mm-actions{margin-top:0}
#v-memory .mm-actions .mm-ghost{border-radius:22px;padding:0 18px;background:var(--mm-ap);color:var(--mm-ad);box-shadow:none;font-weight:500}
#v-memory .mm-actions .mm-ghost.danger{background:color-mix(in srgb,#c0605a 10%,transparent);color:#a65a55}
#v-memory .mm-actions .mm-pill{border-radius:24px;padding:0 24px;background:var(--mm-card);border:1px solid var(--mm-line);color:var(--mm-ad);box-shadow:0 14px 28px -14px color-mix(in srgb,var(--mm-a) 80%,transparent);font-weight:600}
#v-memory .mm-recall .mm-av{color:#fff}