/* Mirror the logged-in Home filters; retain inline search above mobile width. */ #memooo-streamlined #mm-home #mm-home-filters { display:flex; flex-wrap:wrap; gap:5px; margin:0 0 22px; } #memooo-streamlined #mm-home #mm-home-filters[hidden] { display:none; } #memooo-streamlined #mm-home-filters .mm-filter-label { flex-basis:100%; margin:0; font-size:12px; color:var(--mm-muted); } #memooo-streamlined #mm-home-filters > button { position:relative; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:44px; height:44px; padding:0; } #memooo-streamlined #mm-home-filters .mm-mobile-filter-search { display:none; margin-left:auto; } #memooo-streamlined #mm-home-filters .mm-filter-tooltip { position:absolute; bottom:calc(100% + 6px); left:50%; transform:translateX(-50%); z-index:3; width:max-content; max-width:200px; padding:5px 8px; border:1px solid var(--mm-line); border-radius:6px; background:var(--mm-surface); color:var(--mm-ink); font-size:12px; line-height:1.4; visibility:hidden; pointer-events:none; } #memooo-streamlined #mm-home-filters button:first-of-type .mm-filter-tooltip { left:0; transform:none; } #memooo-streamlined #mm-home-filters button:last-child .mm-filter-tooltip { left:auto; right:0; transform:none; } #memooo-streamlined #mm-home-filters button:is(:hover,:focus-visible) .mm-filter-tooltip { visibility:visible; } #memooo-streamlined #mm-home-filters button > .mm-badge { position:absolute; top:-4px; right:-4px; } @container (max-width:600px) { #memooo-streamlined #mm-home-filters .mm-mobile-filter-search { display:inline-flex; } } @container (max-width:355px) { #memooo-streamlined #mm-home #mm-home-filters { gap:1px; } } /* Landing refinement: the manual-order handle sits outside the Memo card. Keep the frozen prototype stylesheet below as the historical baseline. */ #memooo-streamlined #mm-root-list > .mm-root-row:has(> [data-home-reorder]) { padding:0; gap:2px; flex-wrap:nowrap; border:0; background:transparent; } #memooo-streamlined #mm-root-list > .mm-root-row > [data-home-reorder] { width:24px; height:44px; } #memooo-streamlined .mm-sort-options { display:grid; gap:8px; } #memooo-streamlined .mm-sort-options .mm-button { justify-content:flex-start; } #memooo-streamlined .mm-sort-options [aria-pressed="true"] { background:var(--mm-hover); } #memooo-streamlined #mm-root-list > .mm-root-row:has(> [data-home-reorder]) > .mm-root-open { align-self:stretch; gap:8px; padding:10px 8px; border:1px solid var(--mm-line); border-radius:14px; background:var(--mm-surface); } #memooo-streamlined #mm-root-list > .mm-root-row:has(> [data-home-reorder]) > .mm-root-open:hover, #memooo-streamlined #mm-root-list > .mm-root-row:has(> [data-home-reorder]) > .mm-root-open[aria-current="true"] { background:var(--mm-hover); } #memooo-streamlined #mm-root-list > .mm-root-row:has(> [data-home-reorder]) > .mm-root-open[aria-current="true"] { border-color:var(--mm-muted); } #memooo-streamlined #mm-root-list > .mm-root-row.mm-dragging:has(> [data-home-reorder]) { outline:none; } #memooo-streamlined #mm-root-list > .mm-root-row.mm-dragging:has(> [data-home-reorder]) > .mm-root-open { outline:2px solid var(--mm-muted); } #memooo-streamlined .mm-header-auth{display:flex;align-items:center;gap:8px;flex-shrink:0} #memooo-streamlined .mm-header-auth a{text-decoration:none;font:inherit} #memooo-streamlined[data-view="settings"] .mm-header-auth{display:none} #memooo-streamlined #mm-footer button{border:0;background:transparent;padding:8px;min-height:44px;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer} #memooo-streamlined #mm-footer a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px} .public-account-links{display:flex;gap:20px}.public-account-links a{display:inline-flex;align-items:center;min-height:44px} @container(max-width:600px){#memooo-streamlined .mm-header-auth .mm-button{padding:9px 12px;font-size:13px}} .policy-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:16px 0 24px;color:light-dark(#62665c,#b4b8ad);font:12px/1.6 Manrope,sans-serif} .policy-tools .policy-version{flex-basis:100%;margin:0;font-size:12px!important;line-height:1.6!important} .policy-tools a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere} #policy-reader-tools nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center} #policy-reader-tools a,#policy-reader-tools button{min-height:44px;display:inline-flex;align-items:center} #policy-reader-tools button{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:28px;padding:9px 20px;cursor:pointer} #policy-reader-tools button:focus-visible{outline:2px solid currentColor;outline-offset:4px} #public-content[data-reader]{max-width:760px} #public-content :is(h1,.paper):focus-visible{outline:1px solid light-dark(#62665c,#b4b8ad);outline-offset:4px} #public-content[data-reader] article .policy-read-all{display:none} #public-content[data-reader]>article[data-parent=""]>:is(h2,.eyebrow){display:none} @media print{ @page{margin:16mm} :root{color-scheme:light}html body{padding:0;background:white;color:black} #memooo-streamlined,.skip,#policy-reader-tools,#public-content>nav,#public-content .connections,#public-content .eyebrow,.policy-tools a{display:none!important} #public-content[hidden]{display:block!important} body #public-content,body #public-content[data-reader]{max-width:none;padding:0} #public-content :focus{outline:none} #public-content article.paper{padding:12px 0;margin:0;border:0;border-radius:0;background:white;break-inside:avoid} #public-content .paper h2{font-size:20pt;margin:12px 0 6px} #public-content .paper p{font-size:11pt;line-height:1.5;margin:6px 0} .policy-tools{color:black;margin:8px 0} } #memooo-streamlined #mm-description{letter-spacing:0.01em} #memooo-streamlined .mm-overlay[data-kind="welcome"]{position:fixed;inset:0;z-index:20;padding:clamp(12px,5vh,48px) 12px;overflow-y:auto;overscroll-behavior:contain} #memooo-streamlined [data-kind="welcome"] .mm-modal{width:min(100%,616px);flex-shrink:0;padding:32px;margin:auto 0} #memooo-streamlined [data-kind="welcome"] .mm-modal-heading h2{font-size:40px;line-height:1.1;overflow-wrap:anywhere} #memooo-streamlined #mm-welcome-description{min-height:0;letter-spacing:0.01em} #memooo-streamlined .mm-welcome-type{margin-bottom:20px} #memooo-streamlined #mm-welcome-back{text-transform:none;text-align:left;font-weight:400} #memooo-streamlined .mm-modal-actions.mm-welcome-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #memooo-streamlined #mm-welcome-preview{margin:16px 0 0;text-align:center} @media(max-width:600px){#memooo-streamlined [data-kind="welcome"] .mm-modal{padding:22px 18px;border-radius:20px}#memooo-streamlined [data-kind="welcome"] .mm-modal-heading h2{font-size:34px}} #memooo-streamlined .mm-row-copy :is(.mm-row-title,.mm-overview-child-title){font-family:Newsreader,Georgia,serif;font-size:18px} #memooo-streamlined .mm-detail-grid.mm-connect-options{grid-template-columns:repeat(2,minmax(0,1fr))} #memooo-streamlined .mm-overview-child-title{display:block} #memooo-streamlined #mm-description:focus-visible{outline:1px solid var(--mm-muted);outline-offset:6px;border-radius:6px} @media(forced-colors:active){#memooo-streamlined #mm-description:focus-visible{outline:2px solid Highlight}} #memooo-streamlined #mm-root-overview{display:block;columns:300px;column-gap:16px} #memooo-streamlined #mm-root-overview > .mm-overview-card{break-inside:avoid;margin-bottom:16px} /* Whole-card column balancing otherwise leaves the fifth wide-screen column empty. */ @container memo-pane (min-width:1564px){#memooo-streamlined #mm-root-overview{column-count:5}#memooo-streamlined #mm-root-overview > .mm-overview-card:nth-child(n+2):nth-child(-n+5){break-before:column}} #memooo-streamlined #mm-detail-context-tools{margin-inline-start:auto} #memooo-streamlined .mm-chip.mm-list-type{min-height:0;padding:3px 9px;margin-top:7px;font-size:11px;line-height:1.4;max-width:100%;white-space:normal;overflow-wrap:anywhere} @font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap} @font-face{font-family:Newsreader;src:url('assets/newsreader.woff2') format('woff2');font-weight:200 800;font-display:swap} :root{color-scheme:light dark}body{margin:0;padding:8px;background:light-dark(#f2f1ec,#181917);color:light-dark(#242622,#f0f0e9);font:14px/1.55 Manrope,sans-serif} [hidden]{display:none!important}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:2px solid currentColor;outline-offset:4px} .skip{position:absolute;left:16px;top:-100px;z-index:10;background:light-dark(#fffefa,#252623);padding:12px}.skip:focus{top:12px} #memooo-streamlined .mm-library-links{display:flex;flex-direction:column;gap:10px;margin:18px 0;font-size:12px;overflow-wrap:anywhere} #public-content{max-width:1100px;margin:auto;padding:24px} #public-content .paper{padding:28px;background:light-dark(#fffefa,#252623);border:1px solid light-dark(#d8dacf,#484b42);border-radius:20px;margin:24px 0;overflow-wrap:anywhere} #public-content h1,#public-content h2,#public-content h3{font-family:Newsreader,Georgia,serif;font-weight:400;line-height:1.2} #public-content h1{font-size:40px}#public-content h2{font-size:32px}#public-content h3{font-size:24px} #public-content p,#public-content li{font-size:16px;line-height:1.8} #public-content .row,#public-content .overview-link{display:block;padding:12px;border-bottom:1px solid light-dark(#d8dacf,#484b42);overflow-wrap:anywhere} #public-content .row small{display:block}#public-content .eyebrow{font-size:12px} @media(max-width:600px){#public-content{padding:12px}#public-content .paper{padding:18px}} #memooo-streamlined { width:100%; margin:0 auto; color-scheme:dark; container-type:inline-size; --mm-bg:light-dark(#f2f1ec,#181917); --mm-surface:light-dark(#fffefa,#252623); --mm-well:light-dark(#eeeee7,#1d1e1b); --mm-ink:light-dark(#242622,#f0f0e9); --mm-muted:light-dark(#62665c,#b4b8ad); --mm-line:light-dark(#d8dacf,#484b42); --mm-hover:light-dark(#e7e9df,#33362e); --mm-accent:light-dark(#dce3c4,#a5b780); --mm-accent-ink:#263019; --mm-pad:32px; --mm-radius:20px; font-family:Manrope,sans-serif; font-size:14px; line-height:1.55; color:var(--mm-ink); } #memooo-streamlined * { box-sizing:border-box; } #memooo-streamlined [hidden] { display:none !important; } #memooo-streamlined button, #memooo-streamlined a[data-action], #memooo-streamlined input, #memooo-streamlined textarea { font:inherit; color:inherit; } #memooo-streamlined button { cursor:pointer; } #memooo-streamlined button:disabled { opacity:.4; cursor:not-allowed; } #memooo-streamlined button, #memooo-streamlined textarea, #memooo-streamlined input { -webkit-tap-highlight-color:transparent; } #memooo-streamlined button:focus-visible, #memooo-streamlined input:focus-visible, #memooo-streamlined textarea:focus-visible { outline:2px solid var(--mm-muted); outline-offset:4px; } #memooo-streamlined svg { flex-shrink:0; width:19px; height:19px; } #memooo-streamlined .mm-frame { position:relative; background:var(--mm-bg); border:1px solid var(--mm-line); border-radius:24px; overflow:clip; } #memooo-streamlined .mm-header { min-height:83px; padding:17px 24px; border-bottom:1px solid var(--mm-line); display:flex; align-items:center; gap:10px; } #memooo-streamlined .mm-wordmark { display:flex; align-items:center; flex-shrink:0; border:0; background:none; padding:0; min-height:44px; } /* Exact app asset: docs/assets/memooo-logo-vector-v1.svg; embedded for a portable preview. */ #memooo-streamlined .mm-brand-logo { display:block; width:clamp(100px,32cqw,146px); aspect-ratio:328.96/72.17; background:var(--mm-ink); mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjguOTYgNzIuMTciPgogIDxwYXRoIGQ9Ik0xNy41OCwxOS43N2gzLjAydjYuMzRjMCwxLjY2LS4yOSwyLjk1LS4yOSwyLjk1aC4xNGMxLjgtNS40LDguMjEtMTAuMTUsMTMuODMtMTAuMTUsNy4yLDAsMTAuNTgsMy4zOCwxMS4zOCw5Ljc5aC4xNGMyLjAyLTUuMDQsNy40OS05Ljc5LDEzLjY4LTkuNzksOS4yOSwwLDEyLjAyLDUuNDcsMTIuMDIsMTQuMDR2MjIuODNoLTMuMDJ2LTIxLjc1YzAtNi43Ny0xLjM3LTEyLjMxLTktMTIuMzEtNS45OCwwLTExLjA5LDUuMzMtMTIuNjcsMTAuOTUtLjUsMS42Ni0uNzIsMy40Ni0uNzIsNS41NHYxNy41N2gtMy4wMnYtMjEuNzVjMC02LjE5LS44Ni0xMi4zMS04Ljc4LTEyLjMxLTYuNDEsMC0xMS40NSw1LjYyLTEzLjEsMTEuNTktLjQzLDEuNTEtLjU4LDMuMTctLjU4LDQuOXYxNy41N2gtMy4wMlYxOS43N1oiLz4KICA8cGF0aCBkPSJNOTguNjUsMTguOWM5Ljc5LDAsMTQuNjksNy43LDE0LjY5LDE2LjQyLDAsLjc5LS4xNCwxLjk0LS4xNCwxLjk0aC0yOC44N2MwLDEwLjQ0LDcuMDYsMTYuNDIsMTUuNDEsMTYuNDIsNi45MSwwLDExLjE2LTQuNTQsMTEuMTYtNC41NGwxLjY2LDIuNTJzLTUuMDQsNC45Ny0xMi44Miw0Ljk3Yy0xMC4xNSwwLTE4LjU4LTcuMzQtMTguNTgtMTguNzksMC0xMi4xNyw4LjI4LTE4Ljk0LDE3LjUtMTguOTRaTTExMC4xOCwzNC40NmMtLjM2LTguNzgtNS42Mi0xMi43NS0xMS41OS0xMi43NS02LjYyLDAtMTIuNzUsNC4zMi0xNC4wNCwxMi43NWgyNS42M1oiLz4KICA8cGF0aCBkPSJNMTIzLjQ5LDE5Ljc3aDMuMDJ2Ni4zNGMwLDEuNjYtLjI5LDIuOTUtLjI5LDIuOTVoLjE0YzEuOC01LjQsOC4yMS0xMC4xNSwxMy44My0xMC4xNSw3LjIsMCwxMC41OCwzLjM4LDExLjM4LDkuNzloLjE0YzIuMDItNS4wNCw3LjQ5LTkuNzksMTMuNjgtOS43OSw5LjI5LDAsMTIuMDIsNS40NywxMi4wMiwxNC4wNHYyMi44M2gtMy4wMnYtMjEuNzVjMC02Ljc3LTEuMzctMTIuMzEtOS0xMi4zMS01Ljk4LDAtMTEuMDksNS4zMy0xMi42NywxMC45NS0uNSwxLjY2LS43MiwzLjQ2LS43Miw1LjU0djE3LjU3aC0zLjAydi0yMS43NWMwLTYuMTktLjg2LTEyLjMxLTguNzgtMTIuMzEtNi40MSwwLTExLjQ1LDUuNjItMTMuMSwxMS41OS0uNDMsMS41MS0uNTgsMy4xNy0uNTgsNC45djE3LjU3aC0zLjAyVjE5Ljc3WiIvPgogIDxwYXRoIGQ9Ik0yMDUuNTcsMTguOWMxMC4zLDAsMTguNjUsOC4xNCwxOC42NSwxOC42NXMtOC4zNSwxOS4wOC0xOC42NSwxOS4wOC0xOC42NS04LjM1LTE4LjY1LTE5LjA4LDguMzUtMTguNjUsMTguNjUtMTguNjVaTTIwNS41Nyw1My42OGM4LjU3LDAsMTUuNDgtNi45OCwxNS40OC0xNi4xM3MtNi45MS0xNS43LTE1LjQ4LTE1LjctMTUuNDgsNi43Ny0xNS40OCwxNS43LDYuOTEsMTYuMTMsMTUuNDgsMTYuMTNaIi8+CiAgPHBhdGggZD0iTTI1MC4yMSwxOC45YzEwLjMsMCwxOC42NSw4LjE0LDE4LjY1LDE4LjY1cy04LjM1LDE5LjA4LTE4LjY1LDE5LjA4LTE4LjY1LTguMzUtMTguNjUtMTkuMDgsOC4zNS0xOC42NSwxOC42NS0xOC42NVpNMjUwLjIxLDUzLjY4YzguNTcsMCwxNS40OC02Ljk4LDE1LjQ4LTE2LjEzcy02LjkxLTE1LjctMTUuNDgtMTUuNy0xNS40OCw2Ljc3LTE1LjQ4LDE1LjcsNi45MSwxNi4xMywxNS40OCwxNi4xM1oiLz4KICA8cGF0aCBkPSJNMjk0Ljg1LDE4LjljMTAuMywwLDE4LjY1LDguMTQsMTguNjUsMTguNjVzLTguMzUsMTkuMDgtMTguNjUsMTkuMDgtMTguNjUtOC4zNS0xOC42NS0xOS4wOCw4LjM1LTE4LjY1LDE4LjY1LTE4LjY1Wk0yOTQuODUsNTMuNjhjOC41NywwLDE1LjQ4LTYuOTgsMTUuNDgtMTYuMTNzLTYuOTEtMTUuNy0xNS40OC0xNS43LTE1LjQ4LDYuNzctMTUuNDgsMTUuNyw2LjkxLDE2LjEzLDE1LjQ4LDE2LjEzWiIvPgo8L3N2Zz4=") center/contain no-repeat; } #memooo-streamlined .mm-header-spacer { flex:1; } #memooo-streamlined .mm-circle { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; flex-shrink:0; border:1px solid var(--mm-line); border-radius:50%; background:transparent; padding:0; } #memooo-streamlined .mm-circle:hover, #memooo-streamlined .mm-button:hover { background:var(--mm-hover); } #memooo-streamlined .mm-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--mm-line); background:transparent; min-height:44px; padding:9px 17px; border-radius:28px; text-align:center; } #memooo-streamlined .mm-primary { background:var(--mm-ink); color:var(--mm-bg); border-color:transparent; } #memooo-streamlined .mm-primary:hover { background:var(--mm-muted); color:var(--mm-bg); } #memooo-streamlined .mm-accent { background:var(--mm-accent); color:var(--mm-accent-ink); border-color:transparent; } #memooo-streamlined .mm-accent:hover { background:var(--mm-accent); filter:brightness(.95); } #memooo-streamlined .mm-layout { display:grid; grid-template-columns:220px minmax(0,1fr); min-height:725px; } #memooo-streamlined .mm-sidebar { padding:24px 16px; border-right:1px solid var(--mm-line); } #memooo-streamlined .mm-search { display:flex; align-items:center; gap:8px; padding:0 12px; border:1px solid var(--mm-line); border-radius:14px; background:var(--mm-well); } #memooo-streamlined .mm-search input { background:transparent; border:0; padding:12px 0; min-height:44px; width:100%; min-width:0; font-size:16px; } #memooo-streamlined .mm-search:focus-within { border-color:var(--mm-muted); box-shadow:0 0 0 1px var(--mm-muted); } #memooo-streamlined .mm-search input:focus { outline:none; box-shadow:none; } @media (forced-colors:active) { #memooo-streamlined .mm-search:focus-within { outline:2px solid Highlight; outline-offset:2px; } } #memooo-streamlined input::placeholder, #memooo-streamlined textarea::placeholder { color:var(--mm-muted); opacity:1; } #memooo-streamlined .mm-nav { display:grid; gap:3px; margin:20px 0 30px; } #memooo-streamlined .mm-nav button { border:0; background:transparent; border-radius:10px; padding:11px 12px; display:flex; align-items:center; gap:10px; text-align:left; min-height:44px; color:var(--mm-muted); } #memooo-streamlined .mm-nav button[aria-pressed="true"], #memooo-streamlined .mm-nav button[aria-current="page"] { background:var(--mm-hover); color:var(--mm-ink); } #memooo-streamlined .mm-kicker { text-transform:uppercase; letter-spacing:.09em; font-size:11px; color:var(--mm-muted); font-weight:600; margin:0 0 12px; } #memooo-streamlined .mm-sidebar .mm-kicker { padding:0 12px; } #memooo-streamlined .mm-nav-item { display:flex; align-items:center; gap:8px; width:100%; border:0; background:transparent; padding:11px 12px; margin:3px 0; border-radius:11px; min-height:44px; text-align:left; } #memooo-streamlined .mm-nav-item span { overflow-wrap:anywhere; } #memooo-streamlined .mm-nav-item:hover { background:var(--mm-hover); } #memooo-streamlined .mm-nav-item[aria-current="page"] { background:var(--mm-surface); box-shadow:inset 0 0 0 1px var(--mm-line); } #memooo-streamlined .mm-nav-item[aria-current="page"] svg { color:var(--mm-muted); } #memooo-streamlined .mm-main { min-width:0; padding:24px; } #memooo-streamlined .mm-context { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:18px; } #memooo-streamlined .mm-context-button { display:flex; align-items:center; gap:8px; border:0; padding:6px 0; background:transparent; text-align:left; color:var(--mm-muted); min-height:44px; max-width:calc(100% - 54px); } #memooo-streamlined .mm-context-button span { overflow-wrap:anywhere; } #memooo-streamlined .mm-parent-context { display:flex; align-items:center; gap:8px; flex:1; min-width:150px; } #memooo-streamlined .mm-paper { padding:var(--mm-pad); border:1px solid var(--mm-line); border-radius:var(--mm-radius); background:var(--mm-surface); } #memooo-streamlined .mm-memo-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:12px; max-width:820px; margin:16px auto 0; padding:16px; border:1px solid var(--mm-line); border-radius:var(--mm-radius); background:var(--mm-surface); } #memooo-streamlined .mm-type-options { display:flex; flex-wrap:wrap; gap:8px; } #memooo-streamlined .mm-reminder-item { margin-top:12px; padding:14px; border:1px solid var(--mm-line); border-radius:14px; overflow-wrap:anywhere; } #memooo-streamlined .mm-type-options .mm-button { max-width:100%; overflow-wrap:anywhere; } #memooo-streamlined .mm-type-options .mm-button[aria-pressed="true"] { background:var(--mm-hover); border-color:var(--mm-muted); } #memooo-streamlined .mm-title { display:block; resize:none; overflow:hidden; width:100%; padding:0; border:0; background:transparent; font-family:Newsreader,Georgia,serif; font-size:40px; line-height:1.1; letter-spacing:-.6px; font-weight:400; margin:0 0 20px; min-height:44px; } #memooo-streamlined .mm-description { display:block; resize:none; overflow:hidden; width:100%; padding:0; border:0; background:transparent; font-size:16px; line-height:1.8; min-height:88px; margin:0; } #memooo-streamlined .mm-meta { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; } #memooo-streamlined .mm-chip { display:inline-flex; align-items:center; gap:7px; border-radius:24px; background:var(--mm-well); color:var(--mm-muted); padding:8px 13px; border:1px solid var(--mm-line); min-height:44px; font-size:12px; } #memooo-streamlined .mm-editor-tools { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin-top:24px; } #memooo-streamlined .mm-editor-tools button { font-size:12px; min-height:44px; } #memooo-streamlined .mm-save { display:flex; align-items:center; gap:5px; min-height:22px; margin:14px 0 0; color:var(--mm-muted); font-size:11px; } #memooo-streamlined .mm-save svg { width:13px; height:13px; } #memooo-streamlined .mm-connections { border-top:1px solid var(--mm-line); margin-top:26px; padding-top:22px; } #memooo-streamlined .mm-section-head { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:16px; } #memooo-streamlined .mm-section-head h2 { font-family:Newsreader,Georgia,serif; font-size:24px; font-weight:400; margin:0; letter-spacing:-.2px; } #memooo-streamlined .mm-section-head .mm-button { font-size:12px; padding:8px 14px; } #memooo-streamlined .mm-group + .mm-group { margin-top:22px; } #memooo-streamlined .mm-group .mm-kicker { margin-bottom:7px; } #memooo-streamlined .mm-row { display:flex; align-items:center; width:100%; min-height:64px; text-align:left; gap:12px; padding:12px 14px; margin-top:7px; border:1px solid var(--mm-line); border-radius:13px; background:var(--mm-well); } #memooo-streamlined .mm-row:hover { background:var(--mm-hover); } #memooo-streamlined .mm-row-copy { flex:1; min-width:0; overflow-wrap:anywhere; } #memooo-streamlined .mm-row-title { font-size:15px; font-weight:500; display:block; } #memooo-streamlined .mm-row-meta { display:block; font-size:11px; color:var(--mm-muted); margin-top:3px; } #memooo-streamlined .mm-row-icon { width:31px; height:31px; display:flex; align-items:center; justify-content:center; color:var(--mm-muted); flex-shrink:0; } #memooo-streamlined .mm-row-icon.mm-person { border:1px solid var(--mm-line); border-radius:50%; font-size:12px; } #memooo-streamlined .mm-row > svg:last-child { width:16px; height:16px; color:var(--mm-muted); } #memooo-streamlined .mm-mobile-explorer-toolbar { display:none; } #memooo-streamlined .mm-mobile-explorer-toolbar .mm-kicker { margin:0; } #memooo-streamlined #mm-mobile-search-open { margin-left:auto; } #memooo-streamlined .mm-overlay[data-kind="mobile-search"] { position:fixed; inset:0; padding:0; height:100dvh; align-items:stretch; } #memooo-streamlined [data-kind="mobile-search"] .mm-modal { width:100%; max-width:600px; height:100%; min-height:0; border-radius:0; display:flex; flex-direction:column; padding:20px; overflow:hidden; } #memooo-streamlined [data-kind="mobile-search"] .mm-modal-heading, #memooo-streamlined [data-kind="mobile-search"] .mm-search { flex:none; } #memooo-streamlined [data-kind="mobile-search"] .mm-modal-heading { margin-bottom:16px; } #memooo-streamlined [data-kind="mobile-search"] .mm-modal-heading > button { flex:none; } #memooo-streamlined [data-kind="mobile-search"] .mm-home-filters { flex:none; gap:8px; margin:12px 0 16px; } #memooo-streamlined #mm-mobile-search-results { max-height:none; min-height:0; flex:1; overflow:auto; overscroll-behavior:contain; margin:0; padding:3px; } #memooo-streamlined #mm-mobile-search-results .mm-kicker { margin:0 0 12px; } @container (max-width:600px) { #memooo-streamlined #mm-home-search, #memooo-streamlined #mm-home-filters, #memooo-streamlined #mm-explorer-back { display:none; } #memooo-streamlined .mm-mobile-explorer-toolbar { display:flex; gap:8px; align-items:center; margin-bottom:16px; } } #memooo-streamlined .mm-comments { margin-top:20px; } #memooo-streamlined .mm-comment-toggle { display:flex; align-items:center; gap:8px; width:100%; border:0; border-top:1px solid var(--mm-line); background:transparent; text-align:left; min-height:56px; color:var(--mm-muted); padding:16px 0 0; } #memooo-streamlined .mm-comment-toggle svg:last-child { margin-left:auto; } #memooo-streamlined .mm-comment { background:var(--mm-well); padding:13px 15px; border-radius:13px; margin:14px 0; } #memooo-streamlined .mm-comment p { margin:3px 0 0; overflow-wrap:anywhere; } #memooo-streamlined .mm-comment-author { font-size:11px; color:var(--mm-muted); } #memooo-streamlined .mm-comment-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; } #memooo-streamlined .mm-comment-text { display:block; width:100%; min-height:44px; padding:5px 0; border:0; border-radius:4px; background:transparent; color:var(--mm-ink); font:inherit; line-height:1.6; resize:none; overflow:hidden; } #memooo-streamlined .mm-comment p { white-space:pre-wrap; } #memooo-streamlined .mm-comment-form { display:flex; align-items:center; gap:8px; } #memooo-streamlined .mm-comment-form input { flex:1; min-width:0; } #memooo-streamlined .mm-field { width:100%; min-width:0; border:1px solid var(--mm-line); border-radius:12px; padding:12px 14px; background:var(--mm-well); font-size:16px; } #memooo-streamlined textarea.mm-field { resize:none; overflow:hidden; min-height:112px; } #memooo-streamlined .mm-checklist { display:grid; gap:10px; margin-top:16px; } #memooo-streamlined .mm-calendar-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:16px; } #memooo-streamlined .mm-calendar-heading h3 { margin:0; font:400 24px/1.2 Newsreader,Georgia,serif; text-align:center; } #memooo-streamlined .mm-calendar-week, #memooo-streamlined .mm-calendar-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:2px; } #memooo-streamlined .mm-calendar-week { text-align:center; color:var(--mm-muted); font-size:11px; margin-bottom:8px; } #memooo-streamlined .mm-calendar-days button { min-width:0; min-height:44px; padding:0; border:1px solid transparent; border-radius:50%; background:transparent; color:var(--mm-ink); font:inherit; } #memooo-streamlined .mm-calendar-days button:hover { background:var(--mm-hover); } #memooo-streamlined .mm-calendar-days button[aria-current="date"] { border-color:var(--mm-muted); } #memooo-streamlined .mm-calendar-days button[aria-pressed="true"] { background:var(--mm-accent); color:var(--mm-accent-ink); } #memooo-streamlined .mm-calendar-shortcuts { display:flex; gap:8px; margin-top:16px; } #memooo-streamlined [data-kind="calendar"] .mm-modal-actions { flex-wrap:wrap; } #memooo-streamlined .mm-checklist-row { display:flex; gap:10px; align-items:center; min-height:44px; } #memooo-streamlined .mm-checklist-row + .mm-checklist-row { border-top:1px solid var(--mm-line); padding-top:10px; } #memooo-streamlined .mm-checklist input { accent-color:var(--mm-muted); width:19px; height:19px; flex-shrink:0; } #memooo-streamlined .mm-checklist-text { flex:1; min-width:0; min-height:44px; padding:10px 4px; border:0; background:transparent; color:var(--mm-ink); font:inherit; line-height:1.5; resize:none; overflow:hidden; } #memooo-streamlined .mm-checklist input:checked + .mm-checklist-text { text-decoration:line-through; color:var(--mm-muted); } #memooo-streamlined .mm-checklist-actions { display:flex; justify-content:flex-end; } #memooo-streamlined .mm-checklist-row.mm-dragging { outline:2px solid var(--mm-muted); opacity:.65; } #memooo-streamlined .mm-footer { padding:13px 24px; display:flex; align-items:center; flex-wrap:wrap; gap:5px; border-top:1px solid var(--mm-line); color:var(--mm-muted); font-size:11px; } #memooo-streamlined .mm-footer svg { width:13px; height:13px; } #memooo-streamlined .mm-footer span:last-child { margin-left:auto; } #memooo-streamlined .mm-home-title { font-family:Newsreader,Georgia,serif; font-size:38px; font-weight:400; line-height:1.15; margin:0 0 12px; } #memooo-streamlined .mm-home-sub { color:var(--mm-muted); margin:0 0 24px; } #memooo-streamlined .mm-home-search { margin-bottom:20px; } #memooo-streamlined .mm-home-empty { padding:22px 0; color:var(--mm-muted); } #memooo-streamlined .mm-screenreader { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } #memooo-streamlined .mm-mobile-search { display:none; } #memooo-streamlined .mm-overlay { position:absolute; z-index:10; inset:0; display:flex; justify-content:center; align-items:flex-start; padding:82px 24px 24px; background:light-dark(rgb(30 32 26 / .35),rgb(5 6 4 / .67)); backdrop-filter:blur(5px); } #memooo-streamlined .mm-modal { width:min(100%,490px); background:var(--mm-surface); border:1px solid var(--mm-line); border-radius:24px; padding:26px; box-shadow:0 18px 50px rgb(0 0 0 / .15); } #memooo-streamlined .mm-modal-heading { display:flex; gap:16px; align-items:flex-start; justify-content:space-between; margin-bottom:22px; } #memooo-streamlined .mm-modal-heading h2 { font-family:Newsreader,Georgia,serif; font-weight:400; font-size:30px; line-height:1.15; margin:0; } #memooo-streamlined .mm-modal-heading .mm-kicker { margin:0 0 6px; } #memooo-streamlined .mm-modal label.mm-label { display:block; font-size:12px; margin:16px 0 7px; color:var(--mm-muted); } #memooo-streamlined .mm-modal-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-top:24px; } #memooo-streamlined .mm-choice { text-align:left; display:flex; align-items:center; gap:14px; background:var(--mm-well); border:1px solid var(--mm-line); border-radius:17px; padding:18px; width:100%; margin-top:12px; min-height:88px; } #memooo-streamlined .mm-choice:hover { background:var(--mm-hover); } #memooo-streamlined .mm-choice > svg { width:23px; height:23px; } #memooo-streamlined .mm-choice strong { font-size:15px; font-weight:500; display:block; } #memooo-streamlined .mm-choice small { display:block; color:var(--mm-muted); margin-top:4px; font-size:12px; line-height:1.55; } #memooo-streamlined .mm-picker { margin-top:18px; } #memooo-streamlined .mm-picker .mm-row { background:var(--mm-well); } #memooo-streamlined .mm-inline-note { color:var(--mm-muted); font-size:12px; margin:16px 0 0; } #memooo-streamlined .mm-ai-sample { padding:18px; background:var(--mm-well); border-radius:14px; font-size:16px; } #memooo-streamlined .mm-ai-mode { border:0; padding:0; margin:20px 0; } #memooo-streamlined .mm-ai-mode label { display:flex; align-items:center; gap:8px; min-height:44px; } #memooo-streamlined .mm-ai-context { margin:18px 0; overflow-wrap:anywhere; } #memooo-streamlined .mm-ai-context button[aria-pressed="true"] { background:var(--mm-accent); color:var(--mm-accent-ink); } @container (max-width:780px) { #memooo-streamlined .mm-layout { grid-template-columns:185px minmax(0,1fr); } #memooo-streamlined .mm-main { padding:18px; } #memooo-streamlined .mm-paper { padding:24px; } #memooo-streamlined .mm-title { font-size:35px; } } @container (max-width:600px) { #memooo-streamlined .mm-layout { display:block; min-height:650px; } #memooo-streamlined .mm-sidebar { display:none; } #memooo-streamlined .mm-mobile-search { display:inline-flex; } #memooo-streamlined .mm-header { min-height:76px; padding:15px 17px; gap:8px; } #memooo-streamlined .mm-wordmark { font-size:33px; } #memooo-streamlined .mm-header-new { padding:0; width:44px; height:44px; border-radius:50%; } #memooo-streamlined .mm-header-new span { display:none; } #memooo-streamlined .mm-main { padding:15px; } #memooo-streamlined .mm-paper { padding:22px 18px; border-radius:18px; } #memooo-streamlined .mm-title { font-size:34px; } #memooo-streamlined .mm-context { margin-bottom:12px; font-size:12px; } #memooo-streamlined .mm-description { font-size:16px; } #memooo-streamlined .mm-modal { padding:23px 18px; border-radius:20px; } #memooo-streamlined .mm-overlay { padding:72px 10px 20px; } #memooo-streamlined .mm-modal-heading h2 { font-size:28px; } #memooo-streamlined .mm-section-head h2 { font-size:24px; } #memooo-streamlined .mm-row { padding:11px; gap:8px; } #memooo-streamlined .mm-footer { padding:14px 17px; } #memooo-streamlined .mm-footer span:last-child { width:100%; margin:0 0 0 18px; } } @container (max-width:355px) { #memooo-streamlined .mm-header { gap:5px; padding:13px; } #memooo-streamlined .mm-wordmark { font-size:29px; } #memooo-streamlined .mm-paper { padding:20px 14px; } #memooo-streamlined .mm-title { font-size:31px; } #memooo-streamlined .mm-section-head { gap:7px; } #memooo-streamlined .mm-section-head .mm-button { padding:8px 11px; } } #memooo-streamlined[data-density="Compact"] .mm-paper { padding:18px; } #memooo-streamlined[data-density="Compact"] .mm-connections { margin-top:20px; padding-top:18px; } #memooo-streamlined[data-density="Compact"] .mm-editor-tools { margin-top:18px; } #memooo-streamlined .mm-context-tools { display:flex; align-items:center; gap:8px; flex-shrink:0; } #memooo-streamlined .mm-context { flex-wrap:wrap; } #memooo-streamlined .mm-context-button { min-width:0; max-width:100%; flex:1; } #memooo-streamlined .mm-parent-context .mm-context-button { flex:0 1 auto; } #memooo-streamlined .mm-move-navigation { margin:16px 0; } #memooo-streamlined .mm-related-current { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-block:16px; } #memooo-streamlined #mm-related-selection { overflow-wrap:anywhere; font:400 24px/1.2 Newsreader,Georgia,serif; margin:12px 0; } #memooo-streamlined #mm-move-browser .mm-explorer-current { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-block:16px; } #memooo-streamlined #mm-move-destination { overflow-wrap:anywhere; font:400 24px/1.2 Newsreader,Georgia,serif; margin:12px 0; } #memooo-streamlined .mm-context-tools .mm-button { font-size:12px; padding:8px 13px; } #memooo-streamlined .mm-badge { display:inline-flex; align-items:center; justify-content:center; min-width:21px; height:21px; padding:0 6px; border-radius:20px; background:var(--mm-accent); color:var(--mm-accent-ink); font-size:11px; margin-left:auto; } #memooo-streamlined .mm-meta .mm-chip { text-align:left; overflow-wrap:anywhere; max-width:100%; } #memooo-streamlined .mm-meta .mm-shared-chip { border-color:var(--mm-line); color:var(--mm-ink); } #memooo-streamlined .mm-detail-group + .mm-detail-group { margin-top:22px; } #memooo-streamlined .mm-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } #memooo-streamlined .mm-detail-tile { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:82px; padding:12px 6px; border:1px solid var(--mm-line); border-radius:15px; background:var(--mm-well); font-size:13px; } #memooo-streamlined .mm-detail-tile:hover { background:var(--mm-hover); } #memooo-streamlined .mm-media { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:22px; } #memooo-streamlined .mm-media-tile { border:1px solid var(--mm-line); border-radius:15px; background:var(--mm-well); overflow:hidden; min-width:0; padding:0; text-align:left; } #memooo-streamlined .mm-media-tile .mm-row-copy { display:block; padding:12px; } #memooo-streamlined .mm-media-file { grid-column:1/-1; display:flex; gap:12px; align-items:center; padding:13px; min-height:68px; } #memooo-streamlined .mm-media-file .mm-row-copy { padding:0; } #memooo-streamlined .mm-sample-art { position:relative; min-height:146px; background:linear-gradient(145deg,var(--mm-hover),var(--mm-well)); display:flex; flex-direction:column; gap:10px; align-items:center; justify-content:center; color:var(--mm-muted); font-size:11px; } #memooo-streamlined .mm-sample-art svg { width:30px; height:30px; } #memooo-streamlined .mm-sample-art .mm-circle { color:var(--mm-ink); background:var(--mm-surface); } #memooo-streamlined .mm-sample-art .mm-circle svg { width:20px; height:20px; } #memooo-streamlined .mm-sample-large { min-height:210px; border-radius:15px; border:1px solid var(--mm-line); } #memooo-streamlined .mm-video-time { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:12px 0 0; font-size:12px; color:var(--mm-muted); } #memooo-streamlined progress { width:100%; height:6px; accent-color:var(--mm-muted); } #memooo-streamlined .mm-state-choice { display:flex; align-items:center; gap:10px; width:100%; min-height:48px; padding:10px 14px; border-radius:12px; border:1px solid var(--mm-line); background:var(--mm-well); margin:8px 0; text-align:left; } #memooo-streamlined .mm-state-choice[aria-pressed="true"] { background:var(--mm-accent); color:var(--mm-accent-ink); } #memooo-streamlined .mm-tabs { display:flex; gap:4px; border:1px solid var(--mm-line); border-radius:26px; padding:4px; width:fit-content; margin:22px 0 26px; } #memooo-streamlined .mm-tabs button { min-height:44px; border:0; border-radius:23px; padding:9px 22px; color:var(--mm-muted); background:transparent; } #memooo-streamlined .mm-tabs button[aria-pressed="true"] { background:var(--mm-ink); color:var(--mm-bg); } #memooo-streamlined .mm-invite-card { background:var(--mm-well); border:1px solid var(--mm-line); border-radius:17px; padding:20px; margin:12px 0 24px; } #memooo-streamlined .mm-invite-card h2 { font-family:Newsreader,Georgia,serif; font-size:26px; line-height:1.2; font-weight:400; margin:10px 0; overflow-wrap:anywhere; } #memooo-streamlined .mm-invite-card .mm-modal-actions { justify-content:flex-start; margin-top:16px; } #memooo-streamlined .mm-person-line { display:flex; align-items:center; gap:10px; min-width:0; } #memooo-streamlined .mm-avatar { display:flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:var(--mm-hover); border:1px solid var(--mm-line); flex-shrink:0; } #memooo-streamlined .mm-person-line strong { font-weight:500; display:block; overflow-wrap:anywhere; } #memooo-streamlined .mm-person-line small { display:block; color:var(--mm-muted); font-size:11px; overflow-wrap:anywhere; } #memooo-streamlined .mm-access-row { border-top:1px solid var(--mm-line); padding:15px 0; } #memooo-streamlined .mm-access-row .mm-person-line { align-items:flex-start; } #memooo-streamlined .mm-access-row .mm-button { margin:10px 0 0 44px; font-size:12px; min-height:44px; } #memooo-streamlined .mm-scope { border:1px solid var(--mm-line); background:var(--mm-well); border-radius:13px; padding:14px; margin:16px 0; } #memooo-streamlined .mm-scope label { display:flex; align-items:center; gap:10px; min-height:44px; cursor:pointer; font-size:13px; } #memooo-streamlined .mm-scope input { width:19px; height:19px; accent-color:var(--mm-muted); flex-shrink:0; } #memooo-streamlined .mm-scope p { font-size:12px; margin:0; overflow-wrap:anywhere; } #memooo-streamlined .mm-scope ul { margin:9px 0 0; padding-left:18px; font-size:12px; } #memooo-streamlined .mm-scope summary { min-height:44px; cursor:pointer; padding-top:11px; font-size:12px; } #memooo-streamlined .mm-share-people { margin-top:25px; } #memooo-streamlined .mm-share-message { font-size:12px; color:var(--mm-muted); padding:13px 0; overflow-wrap:anywhere; } #memooo-streamlined .mm-invite-notice { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:13px; background:var(--mm-well); border:1px solid var(--mm-line); border-radius:12px; margin:16px 0; font-size:12px; } #memooo-streamlined .mm-invite-notice .mm-button { margin-left:auto; } #memooo-streamlined .mm-readonly-label { display:flex; align-items:center; gap:7px; color:var(--mm-muted); font-size:12px; } #memooo-streamlined .mm-modal select { font-family:inherit; } #memooo-streamlined .mm-modal-heading > div { min-width:0; overflow-wrap:anywhere; } #memooo-streamlined .mm-modal-heading h2, #memooo-streamlined .mm-scope li { overflow-wrap:anywhere; } #memooo-streamlined .mm-account-button { background:var(--mm-surface); font-size:14px; font-weight:500; } #memooo-streamlined .mm-capture-short { display:none; } #memooo-streamlined .mm-home { padding:8px 4px 20px; max-width:616px; margin-inline:auto; width:100%; } #memooo-streamlined .mm-home .mm-home-title { font-size:44px; margin:4px 0 24px; } #memooo-streamlined .mm-home-search { border-radius:16px; background:var(--mm-surface); margin-bottom:25px; } #memooo-streamlined .mm-home-search input { min-height:56px; } #memooo-streamlined .mm-home-filters { display:flex; flex-wrap:wrap; gap:5px; margin:0 0 22px; } #memooo-streamlined .mm-home-filters button { min-height:44px; padding:9px 8px; border:1px solid var(--mm-line); border-radius:24px; background:transparent; font-size:12px; } #memooo-streamlined .mm-home-filters button[aria-pressed="true"] { background:var(--mm-ink); color:var(--mm-bg); border-color:transparent; } #memooo-streamlined .mm-root-list { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; gap:8px; } #memooo-streamlined .mm-list-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; margin:12px 0; } #memooo-streamlined .mm-list-heading .mm-kicker { margin:0; } #memooo-streamlined .mm-sort { display:flex; align-items:center; gap:4px; color:var(--mm-muted); font-size:12px; } #memooo-streamlined .mm-sort select { min-height:44px; max-width:150px; background:var(--mm-surface); color:var(--mm-ink); border:1px solid var(--mm-line); border-radius:16px; padding:8px; font:inherit; } #memooo-streamlined .mm-connection-row { display:flex; align-items:center; gap:0; margin:8px 0; padding:0; border-radius:14px; } #memooo-streamlined .mm-connection-card { display:flex; align-items:center; flex:1; min-width:0; border:1px solid var(--mm-line); border-radius:13px; background:var(--mm-well); } #memooo-streamlined .mm-connection-card > .mm-row { flex:1; min-width:0; width:auto; margin:0; border:0; background:transparent; padding:10px; } #memooo-streamlined .mm-connection-card > .mm-row:hover { background:var(--mm-hover); } #memooo-streamlined .mm-connection-remove { position:relative; width:44px; height:44px; padding:0; flex:none; margin-right:6px; border:0; background:transparent; } #memooo-streamlined .mm-connection-remove::before { content:""; position:absolute; inset:8px; border:1px solid var(--mm-line); border-radius:50%; pointer-events:none; } #memooo-streamlined .mm-connection-remove svg { width:12px; height:12px; } #memooo-streamlined .mm-root-row { display:flex; align-items:center; gap:4px; width:100%; min-width:0; padding:10px 12px; border:1px solid var(--mm-line); border-radius:14px; text-align:left; background:var(--mm-surface); } #memooo-streamlined .mm-root-row:hover { background:var(--mm-hover); } #memooo-streamlined .mm-root-open { display:flex; align-items:center; gap:12px; flex:1; min-width:0; min-height:44px; padding:0; border:0; background:transparent; text-align:left; } #memooo-streamlined .mm-root-drag { position:relative; display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; flex-shrink:0; border:0; border-radius:6px; background:transparent; color:var(--mm-ink); cursor:grab; touch-action:none; } #memooo-streamlined .mm-root-drag svg { width:16px; height:24px; } #memooo-streamlined .mm-root-drag:hover { background:var(--mm-well); } #memooo-streamlined .mm-root-drag:active { cursor:grabbing; } #memooo-streamlined .mm-root-row.mm-dragging, #memooo-streamlined .mm-connection-row.mm-dragging { outline:2px solid var(--mm-muted); opacity:.65; } #memooo-streamlined .mm-root-copy { display:block; min-width:0; flex:1; } #memooo-streamlined .mm-root-title { display:block; font-family:Newsreader,Georgia,serif; font-size:20px; font-weight:400; line-height:1.25; white-space:normal; overflow-wrap:anywhere; } #memooo-streamlined .mm-root-preview { display:block; color:var(--mm-muted); font-size:13px; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #memooo-streamlined .mm-root-meta { display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; margin-top:6px; font-size:11px; color:var(--mm-muted); } #memooo-streamlined .mm-root-meta > span { display:inline-flex; align-items:center; gap:5px; } #memooo-streamlined .mm-root-meta svg { width:13px; height:13px; } #memooo-streamlined .mm-root-open > svg { color:var(--mm-muted); width:17px; height:17px; } #memooo-streamlined .mm-explorer-path { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; margin:0 0 10px; color:var(--mm-muted); font-size:12px; } #memooo-streamlined .mm-explorer-path button { border:0; background:transparent; min-height:44px; padding:4px; text-align:left; overflow-wrap:anywhere; } #memooo-streamlined .mm-explorer-path span { overflow-wrap:anywhere; } #memooo-streamlined .mm-explorer-current { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:12px 14px; margin-bottom:18px; border:1px solid var(--mm-line); border-radius:14px; background:var(--mm-surface); } #memooo-streamlined .mm-explorer-current h2 { flex:1; min-width:120px; font:400 22px/1.25 Newsreader,Georgia,serif; margin:0; overflow-wrap:anywhere; } #memooo-streamlined .mm-explorer-current .mm-button { font-size:12px; } #memooo-streamlined .mm-explorer-back { display:inline-flex; align-items:center; gap:6px; min-height:44px; border:0; background:transparent; padding:0; margin-bottom:8px; color:var(--mm-muted); } #memooo-streamlined .mm-sync-strip { margin-top:24px; min-height:44px; display:flex; align-items:center; flex-wrap:wrap; gap:8px; border:0; padding:0; background:transparent; color:var(--mm-muted); font-size:12px; text-align:left; } #memooo-streamlined .mm-sync-strip svg { width:16px; height:16px; } #memooo-streamlined .mm-sync-strip[data-state="Needs attention"] { color:light-dark(#86440e,#efbf8c); } #memooo-streamlined .mm-home-empty { padding:16px 0 28px; margin:0; } #memooo-streamlined .mm-home-empty h2 { font-family:Newsreader,Georgia,serif; font-size:28px; color:var(--mm-ink); font-weight:400; margin:0 0 10px; } #memooo-streamlined .mm-home-empty p { margin:0 0 20px; } #memooo-streamlined .mm-account-profile { padding:18px 0 22px; border-bottom:1px solid var(--mm-line); margin-bottom:22px; } #memooo-streamlined .mm-appearance { display:flex; gap:10px; } #memooo-streamlined .mm-appearance button { flex:1; } #memooo-streamlined .mm-appearance button[aria-pressed="true"] { background:var(--mm-ink); color:var(--mm-bg); } #memooo-streamlined[data-view="home"] .mm-sidebar, #memooo-streamlined[data-view="memo"] .mm-sidebar, #memooo-streamlined[data-split="true"] .mm-sidebar { display:none; } #memooo-streamlined[data-view="home"] .mm-layout, #memooo-streamlined[data-view="memo"] .mm-layout, #memooo-streamlined[data-split="true"] .mm-layout { display:block; } #memooo-streamlined .mm-split { display:grid; grid-template-columns:minmax(380px,min(34%,616px)) minmax(0,1fr); gap:24px; } #memooo-streamlined .mm-navigator, #memooo-streamlined .mm-workspace { min-width:0; height:calc(100dvh - 170px); min-height:480px; overflow:auto; scrollbar-gutter:stable; padding:4px 8px 20px; } #memooo-streamlined .mm-workspace { container: memo-pane / inline-size; border-left:1px solid var(--mm-line); padding-left:24px; } #memooo-streamlined .mm-workspace > .mm-paper, #memooo-streamlined .mm-workspace > .mm-context { max-width:820px; margin-inline:auto; } #memooo-streamlined .mm-overview { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:16px; align-items:start; } #memooo-streamlined .mm-overview-card { min-width:0; padding:18px; background:var(--mm-surface); border:1px solid var(--mm-line); border-radius:16px; } #memooo-streamlined .mm-overview-heading, #memooo-streamlined .mm-overview-child { display:flex; align-items:center; justify-content:space-between; gap:12px; text-align:left; width:100%; min-height:44px; padding:8px 0; background:transparent; border:0; } #memooo-streamlined .mm-overview-heading span { font:400 25px/1.25 Newsreader,Georgia,serif; overflow-wrap:anywhere; } #memooo-streamlined .mm-overview-child span { overflow-wrap:anywhere; } #memooo-streamlined .mm-overview-child { border-top:1px solid var(--mm-line); font-size:14px; } #memooo-streamlined .mm-overview-count { color:var(--mm-muted); font-size:12px; margin:10px 0; } #memooo-streamlined .mm-root-row:has([aria-current="true"]) { border-color:var(--mm-muted); background:var(--mm-hover); } #memooo-streamlined[data-expanded="true"] .mm-main { max-width:900px; width:100%; margin-inline:auto; } #memooo-streamlined[data-expanded="true"] .mm-split { display:block; } #memooo-streamlined[data-expanded="true"] .mm-navigator { display:none; } #memooo-streamlined[data-expanded="true"] .mm-workspace { height:auto; min-height:0; overflow:visible; border:0; padding:0; } #memooo-streamlined[data-expanded="true"] .mm-workspace > .mm-paper, #memooo-streamlined[data-expanded="true"] .mm-workspace > .mm-context { max-width:none; } @container (max-width:900px) { #memooo-streamlined[data-split="true"] .mm-main { padding:12px 4px; } #memooo-streamlined .mm-split { gap:8px; } #memooo-streamlined .mm-navigator { padding-inline:0; } #memooo-streamlined .mm-workspace { padding-inline:8px 0; } } @container memo-pane (max-width:480px) { #memooo-streamlined .mm-workspace .mm-paper { padding:20px 16px; } #memooo-streamlined .mm-workspace .mm-title { font-size:32px; } #memooo-streamlined .mm-workspace .mm-context { flex-wrap:wrap; } #memooo-streamlined .mm-workspace .mm-context-button { max-width:100%; } #memooo-streamlined .mm-workspace .mm-section-head { flex-wrap:wrap; } } #memooo-streamlined[data-root-layout="Cards"] .mm-root-list { grid-template-columns:repeat(2,minmax(0,1fr)); } #memooo-streamlined[data-root-layout="Cards"] .mm-root-row { align-items:flex-start; flex-wrap:wrap; gap:14px; } #memooo-streamlined[data-root-layout="Cards"] .mm-root-open { flex-basis:100%; order:1; } #memooo-streamlined[data-density="Compact"] .mm-root-row { padding:8px 10px; } @container (max-width:780px) { #memooo-streamlined[data-root-layout="Cards"] .mm-root-list { grid-template-columns:1fr; } } @container (max-width:600px) { #memooo-streamlined .mm-home { padding:7px 0 4px; } #memooo-streamlined .mm-home .mm-home-title { font-size:36px; margin-bottom:22px; } #memooo-streamlined .mm-home-filters { display:flex; flex-wrap:wrap; } #memooo-streamlined .mm-root-row { padding:10px; gap:4px; } #memooo-streamlined .mm-root-title { font-size:20px; } #memooo-streamlined .mm-root-preview { font-size:12px; } #memooo-streamlined .mm-theme-control { display:none; } #memooo-streamlined[data-view="home"] .mm-mobile-search { display:none; } #memooo-streamlined[data-view="home"] .mm-header-new { width:auto; padding:8px 13px; border-radius:25px; } #memooo-streamlined[data-view="home"] .mm-capture-short { display:inline; } } @container (max-width:600px) { #memooo-streamlined .mm-context-button { font-size:11px; } #memooo-streamlined .mm-context-tools { gap:5px; } #memooo-streamlined .mm-context-tools .mm-button { padding:8px 10px; } #memooo-streamlined .mm-invite-card { padding:16px; } #memooo-streamlined .mm-media { grid-template-columns:1fr; } #memooo-streamlined .mm-sample-art { min-height:135px; } } #memooo-streamlined select { font:inherit; color:inherit; } #memooo-streamlined[data-view="settings"] .mm-layout { display:block; min-height:640px; } #memooo-streamlined[data-view="settings"] .mm-sidebar, #memooo-streamlined[data-view="settings"] .mm-header-new, #memooo-streamlined[data-view="settings"] .mm-mobile-search, #memooo-streamlined[data-view="settings"] .mm-account-button { display:none; } #memooo-streamlined .mm-settings-close { display:none; } #memooo-streamlined[data-view="settings"] .mm-settings-close { display:inline-flex; } #memooo-streamlined .mm-settings { max-width:920px; margin:0 auto; padding:8px 8px 24px; } #memooo-streamlined .mm-settings-title { font-family:Newsreader,Georgia,serif; font-size:40px; font-weight:400; line-height:1.15; margin:0 0 28px; } #memooo-streamlined .mm-settings-grid { display:grid; grid-template-columns:230px minmax(0,1fr); gap:40px; align-items:start; } #memooo-streamlined .mm-settings-menu { min-width:0; } #memooo-streamlined .mm-settings-profile { display:flex; gap:10px; align-items:center; padding:0 12px 22px; } #memooo-streamlined .mm-settings-profile small { display:block; color:var(--mm-muted); font-size:12px; overflow-wrap:anywhere; } #memooo-streamlined .mm-settings-nav { display:grid; gap:5px; } #memooo-streamlined .mm-settings-nav button { display:flex; align-items:center; gap:12px; width:100%; min-width:0; min-height:48px; padding:12px; border:0; border-radius:12px; background:transparent; color:var(--mm-muted); text-align:left; } #memooo-streamlined .mm-settings-nav button > span { flex:1; min-width:0; overflow-wrap:anywhere; } #memooo-streamlined .mm-settings-nav button:hover { background:var(--mm-hover); } #memooo-streamlined .mm-settings-nav button[aria-current="page"] { background:var(--mm-surface); color:var(--mm-ink); box-shadow:inset 0 0 0 1px var(--mm-line); } #memooo-streamlined .mm-settings-nav small { display:none; } #memooo-streamlined .mm-settings-nav button > svg:last-child { display:none; } #memooo-streamlined .mm-settings-support { margin:20px 12px 0; padding-top:16px; border-top:1px solid var(--mm-line); } #memooo-streamlined .mm-text-button { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:7px 0; border:0; background:transparent; color:var(--mm-muted); text-align:left; } #memooo-streamlined .mm-settings-content { min-width:0; } #memooo-streamlined .mm-settings-content h2 { font-family:Newsreader,Georgia,serif; font-weight:400; font-size:30px; line-height:1.2; margin:0 0 10px; } #memooo-streamlined .mm-settings-intro { color:var(--mm-muted); margin:0 0 25px; } #memooo-streamlined .mm-settings-group { margin-top:26px; } #memooo-streamlined .mm-settings-group h3 { font-size:14px; font-weight:500; margin:0 0 12px; } #memooo-streamlined .mm-settings-panel { border:1px solid var(--mm-line); border-radius:18px; padding:22px; background:var(--mm-surface); } #memooo-streamlined .mm-settings-panel + .mm-settings-panel { margin-top:16px; } #memooo-streamlined .mm-settings-panel p { margin:0 0 14px; } #memooo-streamlined .mm-settings-panel p:last-child { margin-bottom:0; } #memooo-streamlined .mm-settings-row { display:flex; align-items:center; flex-wrap:wrap; gap:14px; padding:18px 0; border-top:1px solid var(--mm-line); } #memooo-streamlined .mm-settings-row:first-child { border-top:0; padding-top:0; } #memooo-streamlined .mm-settings-row:last-child { padding-bottom:0; } #memooo-streamlined .mm-settings-row > .mm-row-copy { flex:1 1 160px; } #memooo-streamlined .mm-settings-row .mm-row-copy > svg { display:inline-block; vertical-align:middle; margin-right:5px; } #memooo-streamlined .mm-settings-row small { display:block; color:var(--mm-muted); margin-top:4px; font-size:12px; } #memooo-streamlined .mm-settings-row .mm-button { font-size:12px; padding:8px 14px; } #memooo-streamlined .mm-settings-label { display:block; margin:20px 0 8px; font-size:13px; } #memooo-streamlined .mm-settings-label:first-child { margin-top:0; } #memooo-streamlined .mm-theme-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } #memooo-streamlined .mm-theme-choice { min-width:0; background:var(--mm-surface); border:1px solid var(--mm-line); border-radius:17px; padding:14px; text-align:left; } #memooo-streamlined .mm-theme-choice[aria-pressed="true"] { border-color:var(--mm-ink); box-shadow:inset 0 0 0 1px var(--mm-ink); } #memooo-streamlined .mm-theme-swatch { display:flex; gap:8px; height:82px; padding:12px; border:1px solid var(--mm-line); border-radius:10px; margin-bottom:13px; background:var(--mm-bg); } #memooo-streamlined .mm-theme-swatch > span:first-child { width:22%; background:var(--mm-hover); border-radius:4px; } #memooo-streamlined .mm-theme-swatch > span:last-child { flex:1; display:grid; gap:6px; align-content:center; padding:8px; border-radius:5px; background:var(--mm-surface); } #memooo-streamlined .mm-theme-swatch i { display:block; height:4px; background:var(--mm-line); border-radius:3px; } #memooo-streamlined .mm-theme-swatch i:last-child { width:60%; } #memooo-streamlined .mm-theme-choice > span:last-child { display:flex; gap:8px; align-items:center; } #memooo-streamlined .mm-theme-choice > span:last-child > svg:last-child { margin-left:auto; } #memooo-streamlined .mm-settings-select { max-width:320px; } #memooo-streamlined .mm-settings-scope { display:flex; gap:7px; align-items:flex-start; color:var(--mm-muted); font-size:12px; margin:20px 0 0; } #memooo-streamlined .mm-settings-scope svg { width:16px; height:16px; margin-top:2px; } #memooo-streamlined .mm-settings-feedback { color:var(--mm-muted); font-size:12px; margin:18px 0 0; } #memooo-streamlined .mm-settings-feedback:empty { display:none; } #memooo-streamlined .mm-settings-back { display:none; } #memooo-streamlined .mm-setting-disclosure { margin-top:20px; color:var(--mm-muted); font-size:12px; } #memooo-streamlined .mm-setting-disclosure summary { cursor:pointer; padding:10px 0; min-height:44px; } #memooo-streamlined .mm-setting-disclosure p { margin:8px 0 12px; } #memooo-streamlined .mm-settings-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:18px; } #memooo-streamlined .mm-settings-actions + .mm-inline-note { margin-top:14px; } #memooo-streamlined .mm-plan-heading { display:flex; align-items:center; flex-wrap:wrap; gap:10px; justify-content:space-between; margin-bottom:14px; } #memooo-streamlined .mm-plan-heading h3 { font-family:Newsreader,Georgia,serif; font-weight:400; font-size:26px; margin:0; } #memooo-streamlined .mm-neutral-tag { display:inline-flex; align-items:center; gap:6px; background:var(--mm-hover); color:var(--mm-ink); font-size:11px; border-radius:20px; padding:4px 10px; } #memooo-streamlined .mm-storage-label { display:flex; justify-content:space-between; gap:12px; font-size:12px; margin:20px 0 6px; } #memooo-streamlined .mm-settings-panel progress { display:block; width:100%; height:7px; accent-color:var(--mm-muted); border:0; border-radius:6px; overflow:hidden; background:var(--mm-hover); } #memooo-streamlined .mm-settings-panel progress::-webkit-progress-bar { background:var(--mm-hover); } #memooo-streamlined .mm-settings-panel progress::-webkit-progress-value { background:var(--mm-muted); } #memooo-streamlined .mm-setting-status { display:flex; align-items:center; gap:9px; margin-bottom:12px; } #memooo-streamlined .mm-setting-status[data-state="Needs attention"] { color:light-dark(#86440e,#efbf8c); } #memooo-streamlined .mm-setting-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } #memooo-streamlined .mm-setting-options label { display:flex; gap:9px; align-items:center; min-width:0; min-height:44px; padding:8px 12px; border:1px solid var(--mm-line); border-radius:12px; background:var(--mm-well); } #memooo-streamlined .mm-setting-options input { width:18px; height:18px; accent-color:var(--mm-muted); flex-shrink:0; } #memooo-streamlined .mm-setting-options span { overflow-wrap:anywhere; } #memooo-streamlined .mm-type-preview { margin-top:22px; padding:20px; border:1px solid var(--mm-line); border-radius:16px; background:var(--mm-well); } #memooo-streamlined .mm-type-preview h3 { font-family:Newsreader,Georgia,serif; font-weight:400; font-size:24px; margin:4px 0 15px; } #memooo-streamlined .mm-type-preview .mm-meta { margin-bottom:0; } #memooo-streamlined .mm-type-preview .mm-chip { background:var(--mm-surface); } #memooo-streamlined .mm-settings-jump { display:flex; align-items:center; gap:15px; width:100%; min-width:0; padding:18px 0; border:0; border-bottom:1px solid var(--mm-line); background:transparent; text-align:left; } #memooo-streamlined .mm-settings-jump:first-child { padding-top:0; } #memooo-streamlined .mm-settings-jump:last-child { border-bottom:0; } #memooo-streamlined .mm-settings-jump small { display:block; font-size:12px; color:var(--mm-muted); margin-top:4px; } #memooo-streamlined .mm-settings-jump > span { flex:1; min-width:0; overflow-wrap:anywhere; } #memooo-streamlined .mm-settings-jump > svg { color:var(--mm-muted); } #memooo-streamlined .mm-plan-choice { display:flex; align-items:center; gap:12px; padding:15px; margin:9px 0; min-height:56px; border:1px solid var(--mm-line); border-radius:13px; background:var(--mm-well); } #memooo-streamlined .mm-plan-choice input { width:18px; height:18px; accent-color:var(--mm-muted); } #memooo-streamlined .mm-plan-choice > span { flex:1; } #memooo-streamlined .mm-confirm-note { border-radius:12px; background:var(--mm-well); padding:14px; font-size:13px; margin:16px 0; } #memooo-streamlined .mm-settings-danger { color:light-dark(#8e3229,#efb1a0); } #memooo-streamlined .mm-legal-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } #memooo-streamlined[data-density="Compact"] .mm-settings-panel { padding:16px; } #memooo-streamlined[data-density="Compact"] .mm-settings-group { margin-top:20px; } @container (max-width:780px) { #memooo-streamlined .mm-settings-grid { grid-template-columns:205px minmax(0,1fr); gap:24px; } #memooo-streamlined .mm-settings { padding:8px 0 22px; } #memooo-streamlined .mm-settings-panel { padding:18px; } } @container (max-width:600px) { #memooo-streamlined .mm-settings { padding:7px 0 15px; } #memooo-streamlined .mm-settings-title { font-size:36px; margin-bottom:24px; } #memooo-streamlined .mm-settings-grid { display:block; } #memooo-streamlined .mm-settings-content { display:none; } #memooo-streamlined .mm-settings-profile { padding:0 6px 22px; } #memooo-streamlined .mm-settings-nav { border:1px solid var(--mm-line); border-radius:17px; padding:0 15px; background:var(--mm-surface); gap:0; } #memooo-streamlined .mm-settings-nav button { padding:17px 0; border-bottom:1px solid var(--mm-line); border-radius:0; background:transparent; } #memooo-streamlined .mm-settings-nav button:last-child { border:0; } #memooo-streamlined .mm-settings-nav button[aria-current="page"] { box-shadow:none; background:transparent; } #memooo-streamlined .mm-settings-nav button > svg:last-child { display:block; width:15px; } #memooo-streamlined .mm-settings-nav small { display:block; font-size:12px; color:var(--mm-muted); margin-top:4px; } #memooo-streamlined .mm-settings-nav button { color:var(--mm-ink); } #memooo-streamlined .mm-settings[data-detail="true"] .mm-settings-menu, #memooo-streamlined .mm-settings[data-detail="true"] .mm-settings-title { display:none; } #memooo-streamlined .mm-settings[data-detail="true"] .mm-settings-content { display:block; } #memooo-streamlined .mm-settings-back { display:inline-flex; margin-bottom:14px; } #memooo-streamlined .mm-settings-content h2 { font-size:32px; } #memooo-streamlined .mm-settings-panel { padding:18px; } #memooo-streamlined .mm-settings-support { margin-top:16px; } #memooo-streamlined .mm-theme-choice { padding:12px; } } @container (max-width:355px) { #memooo-streamlined .mm-settings-panel { padding:16px; } #memooo-streamlined .mm-theme-choices { gap:8px; } #memooo-streamlined .mm-theme-choice { padding:10px; } #memooo-streamlined .mm-theme-swatch { padding:8px; height:70px; } #memooo-streamlined .mm-setting-options { grid-template-columns:minmax(0,1fr); } } /* Real public links retain the same Memo controls and dimensions. */ #memooo-streamlined a[data-action]{color:inherit;text-decoration:none;cursor:pointer} .public-memo-breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px} #memooo-streamlined .mm-public-source-field{display:none!important} #memooo-streamlined .mm-public-readable{white-space:pre-line;overflow-wrap:anywhere}