body{margin:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}
.app{display:flex;min-height:100vh;background:#FAFAF8;color:#1F2328;font-family:'PingFang SC','Noto Sans SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;line-height:1.6}
.side{width:260px;flex:none;position:sticky;top:0;height:100vh;align-self:flex-start;overflow-y:auto;background:#F4F4F1;border-right:1px solid #E8E8E4;padding:14px 12px;display:flex;flex-direction:column;gap:12px}
.main{flex:1;min-width:0}
.ent.on{background:#E3ECFA;color:#1E4A9A;font-weight:600}
.feed{max-width:760px;margin:0 auto;padding:28px 32px;display:flex;flex-direction:column;gap:14px}
.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dots{stroke-width:2.8}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.btn{width:40px;height:40px;border:0;background:transparent;border-radius:10px;color:#5F6672;display:flex;align-items:center;justify-content:center;cursor:pointer}
.btn:hover{background:#E9EAE6}
.btn.s{width:32px;height:32px}
.btn.on{background:#E3ECFA;color:#1E4A9A;width:auto;padding:0 12px;gap:6px;font-size:14px;font-weight:600}
.ent{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:10px;font-size:14px;color:#3A4049}
.ent:hover{background:#E9EAE6}
.ent em{margin-left:auto;font-style:normal;font-size:12px;color:#5F6672}
.lab{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#5F6672;padding:0 4px 0 10px}
.sep{height:1px;background:#E3E3DE;margin:2px 10px}
.sq{position:relative}
.sq input{width:100%;height:36px;border:1px solid #E3E3DE;border-radius:10px;background:#fff;padding:0 12px 0 34px;font-size:13px;outline:0;color:#1F2328}
.sq input:focus{border-color:#B5CCF2}
.sq .i{position:absolute;left:11px;top:9px;width:16px;height:16px;color:#8A909A;pointer-events:none}
.hm{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:0 4px}
.hm span{font-size:11px;color:#8A909A;text-align:center;line-height:18px}
.hm button{height:26px;border:0;border-radius:6px;background:transparent;font-size:11px;color:#8A909A;cursor:pointer;padding:0;position:relative}
.hm button:hover{background:#E9EAE6;color:#1F2328}
.hm button.h1{background:#DCE8FB;color:#1E4A9A}
.hm button.h2{background:#A9C4F0;color:#123A7A}
.hm button.sel{background:#1E4A9A;color:#fff}
.hm button.today{font-weight:700;color:#1F2328;box-shadow:inset 0 0 0 1px #5B8DEF}
.hm button.blank{visibility:hidden}
.tg .ent{min-height:34px;font-size:13px}
.card{position:relative;background:#fff;border:1px solid #E8E8E4;border-radius:14px;padding:14px 18px 16px}
.card .hd{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#5F6672;min-height:32px}
.card p{margin:4px 0 10px;font-size:16px;line-height:1.85;white-space:pre-line}
.tag{display:inline-block;font-size:13px;line-height:22px;padding:0 9px;border-radius:999px;border:1px solid #C9DAF5;background:#EEF4FD;color:#2A5BB5}
button.tag{cursor:pointer;font-family:inherit}button.tag:hover{background:#E3ECFA}
.dlink{border:0;background:transparent;padding:0;font-size:13px;color:#5F6672;cursor:pointer}
.dlink:hover{color:#1E4A9A;text-decoration:underline}
.more{opacity:0;transition:opacity .12s}
.card:hover .more,.more:focus-visible,.more.open{opacity:1}
@media (hover:none){.more{opacity:1}}
.mw{position:relative;display:flex;align-items:center}
.menu{position:absolute;right:0;top:36px;z-index:30;min-width:168px;background:#fff;border:1px solid #E8E8E4;border-radius:12px;box-shadow:0 12px 32px rgba(31,35,40,.12);padding:6px;display:flex;flex-direction:column}
.mi{height:36px;border:0;background:transparent;border-radius:8px;text-align:left;padding:0 10px;font-size:14px;color:#3A4049;cursor:pointer}
.mi:hover{background:#F4F4F1}
.mi.dg{color:#B42318;margin-top:5px;position:relative}
.mi.dg::before{content:"";position:absolute;left:4px;right:4px;top:-3px;height:1px;background:#F0F0EC}
.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:transparent;cursor:default}
.cfm{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px;padding:8px 8px 8px 14px;background:#FDF3F2;border-radius:10px;font-size:14px;color:#7A271A}
.danger{height:34px;padding:0 14px;border:0;border-radius:8px;background:#B42318;color:#fff;font-size:14px;font-weight:600;cursor:pointer}
.danger:hover{background:#9A1D13}
.composer{border-radius:18px;padding:14px 20px 8px;transition:border-color .15s,box-shadow .15s}
.composer:focus-within{border-color:#B5CCF2;box-shadow:0 6px 24px rgba(91,141,239,.12)}
.composer textarea{border:0;outline:0;resize:none;width:100%;font-size:17px;line-height:1.8;color:#1F2328;background:transparent}
.composer textarea::placeholder{color:#6F7681}
.composer.editing{border-color:#B5CCF2}
.composer.editing textarea{font-size:16px;line-height:1.85}
.bar{display:flex;align-items:center;justify-content:space-between;margin-top:2px}
.save{height:40px;padding:0 16px;border:0;border-radius:10px;background:#DCE8FB;color:#1E4A9A;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}
.save:hover{background:#CFDFF8}
.save small{font-size:11px;font-weight:500;color:#3E64A8}
.fbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#5F6672;padding:0 4px}
.fc{display:inline-flex;align-items:center;gap:2px;height:28px;padding:0 4px 0 10px;border-radius:999px;background:#EEF0EE;color:#3A4049}
.fc button{width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:#5F6672;cursor:pointer;font-size:14px;line-height:1}
.fc button:hover{background:#E0E2DE}
.vt{margin:0;font-size:22px}.sub{margin:0;font-size:13px;color:#5F6672}
.feed{min-height:100vh}
.flc{width:190px;background:#fff;border:1px dashed #C9DAF5;border-radius:14px;padding:10px 14px;text-align:left;color:#3A4049}
button.flc{cursor:pointer;font-size:13px;line-height:1.6}
.flc.hit{box-shadow:0 0 0 4px #DCE8FB;border-color:#5B8DEF;border-style:solid}
@keyframes fl{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-8px) rotate(var(--r,0deg))}}
@keyframes ar{from{opacity:0;transform:translateY(18px) rotate(-2deg) scale(.97)}to{opacity:1;transform:translateY(0) rotate(-.4deg) scale(1)}}
@keyframes br{from{opacity:0;transform:translateY(18px) rotate(2deg) scale(.97)}to{opacity:1;transform:translateY(0) rotate(-.4deg) scale(1)}}
.fl{animation:fl 5s ease-in-out infinite}.wa{animation:ar .5s ease-out both}.wb{animation:br .5s ease-out both}
@media (prefers-reduced-motion:reduce){.fl,.wa,.wb{animation:none}}
.peek{position:absolute;left:0;right:0;top:0;bottom:22px;background:#fff;border:1px solid #ECECE8;border-radius:22px}
.card.big.rv{border-radius:22px;padding:30px 36px;min-height:230px;border-color:#EDEDE9;box-shadow:0 12px 36px rgba(31,35,40,.06)}
.card.big.rv p{font-size:22px!important;line-height:2!important;margin:14px 0 6px}
.pill{font-size:12px;font-weight:600;color:#1E4A9A;background:#E3ECFA;border-radius:999px;padding:2px 10px}
.ghost{height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#5F6672;font-size:14px;cursor:pointer}.ghost:hover{background:#EEF0EE}
.ghost.dg{color:#B42318}.ghost.dg:hover{background:#FDF3F2}
.back{display:inline-flex;align-items:center;gap:4px;padding:0 10px 0 6px;align-self:flex-start}
.pg{display:inline-flex;align-items:center}.dt{display:inline-block;width:8px;height:8px;border-radius:4px;background:#D5DBE5;margin-right:6px;transition:width .2s}.dt.on{background:#5B8DEF;width:20px}
.pc{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.pc span{font-size:12px;color:#5F6672;height:24px;line-height:24px;text-align:center}
.pc button{height:36px;border:0;border-radius:8px;background:transparent;font-size:13px;color:#2B3038;cursor:pointer}.pc button:hover{background:#EEF0EE}
.pc button.has{background:#EEF4FD;color:#1E4A9A}.pc button.rg{background:#DCE8FB;color:#1E4A9A}.pc button.ed{background:#1E4A9A;color:#fff}.pc button.blank{visibility:hidden}
.mg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mg button{height:44px;border:0;border-radius:10px;background:transparent;font-size:14px;color:#2B3038;cursor:pointer}.mg button:hover{background:#EEF0EE}.mg button.has{background:#EEF4FD;color:#1E4A9A}.mg button.ed{background:#1E4A9A;color:#fff}
.tab{height:34px;padding:0 14px;border:0;background:transparent;border-radius:8px;font-size:14px;color:#5F6672;cursor:pointer}.tab.on{background:#fff;color:#1E4A9A;font-weight:600}
.pbtn.on{background:#DCE8FB;border-color:#B5CCF2}
.stage{flex:1;display:flex;flex-direction:column;gap:16px}.stage.mid{justify-content:center}
.card.big{padding:28px 32px}
.card.big p{font-size:21px!important;line-height:1.9!important;margin:12px 0 6px}
.card.note{padding:26px 32px 22px;border-radius:18px}
.card.note p{font-size:18px;line-height:1.95;margin:10px 0 14px}
.meta{font-size:12px;color:#8A909A;margin-top:14px}
.pbtn{height:40px;padding:0 16px;border:1px solid #D5E1F7;border-radius:10px;background:#fff;color:#1E4A9A;font-size:14px;font-weight:600;cursor:pointer}
.pbtn:hover{background:#EEF4FD}
.chip{border:0;background:transparent;padding:0;font:inherit;color:inherit;cursor:pointer}.chip:hover{text-decoration:underline}
.row{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:14px;border-bottom:1px solid #F0F0EC}.row:last-child{border:0}.row b{color:#1E4A9A}
@media (max-width:760px){.app{flex-direction:column}.side{width:auto;position:static;height:auto}.feed{padding:20px 16px}}

.memos-auth {
  min-height: 100svh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: oklch(0.9818 0.0054 95.0986);
  color: oklch(0.2438 0.0269 95.7226);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  line-height: 24px;
}
.memos-login {
  width: 360px;
  max-width: 100%;
  border: 1px solid oklch(0.8847 0.0069 97.3627);
  border-radius: 12px;
  background: white;
  padding: 28px;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
}
.memos-brand { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; }
.memos-brand span { font-size: 14px; font-weight: 600; }
.memos-login h1 { margin: 0; font-size: 18px; font-weight: 600; line-height: 28px; letter-spacing: -.025em; }
.memos-welcome { margin: 4px 0 0; color: oklch(0.5385 0.0119 97.2862); font-size: 14px; line-height: 20px; }
.memos-login form { display: flex; flex-direction: column; gap: 16px; width: 100%; margin-top: 24px; }
.memos-login form > div { display: flex; flex-direction: column; gap: 6px; }
.memos-login label { font-size: 14px; font-weight: 500; line-height: 14px; }
.memos-login input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 32px;
  border: 1px solid oklch(0.8847 0.0069 97.3627);
  border-radius: 6px;
  padding: 4px 12px;
  background: transparent;
  color: inherit;
  font-size: 16px;
  line-height: 20px;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
}
.memos-login input::placeholder { color: oklch(0.5385 0.0119 97.2862); }
.memos-login button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  background: oklch(0.45 0.08 250);
  color: oklch(0.9818 0.0054 95.0986);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
}
.memos-login button:hover { background: oklch(0.45 0.08 250 / .9); }
.memos-login :disabled { pointer-events: none; opacity: .5; }
@media (min-width: 768px) { .memos-login input { font-size: 14px; } }

[hidden] { display: none !important; }
.note-content { overflow-wrap: anywhere; }
.error { color: #B42318; overflow-wrap: anywhere; }
#workspace { gap: 14px; }
#workspace > #empty, #workspace > .error { margin: 0; }
#page-end { height: 1px; }
:root { --ink:#1F2328; --muted:#5F6672; --accent:#5B8DEF; --line:#E8E8E4; --paper:#FAFAF8; }
.search-mode { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 8px; color:var(--muted); font-size:12px; }
.search-mode select { max-width:120px; border:1px solid var(--line); border-radius:6px; background:transparent; color:var(--ink); padding:4px 8px; font:inherit; }
button:disabled { cursor:default; opacity:.5; }
:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.note-content p { white-space:break-spaces; }
.note-content h1,.note-content h2,.note-content h3,.note-content h4 { margin:10px 0; line-height:1.5; font-size:1.15em; }
.note-content h1 { font-size:1.35em; }
.note-content a { color:#2A5BB5; text-decoration:underline; }
.note-content pre { overflow-x:auto; background:#F4F4F1; padding:12px; border-radius:8px; white-space:pre; font-size:13px; }
.note-content code { background:#F4F4F1; border-radius:4px; padding:1px 4px; }
.note-content pre code { padding:0; }
.note-content blockquote { margin:8px 0; border-left:3px solid #C9DAF5; padding-left:14px; color:var(--muted); white-space:break-spaces; }
.note-content ul,.note-content ol { padding-left:24px; white-space:break-spaces; }
.attachment-list { display:flex; flex-wrap:wrap; gap:8px; }
.attachment-list:empty { display:none; }
.attachment { max-width:100%; display:inline-flex; align-items:center; gap:8px; background:#F4F4F1; border-radius:8px; padding:5px 10px; font-size:13px; overflow-wrap:anywhere; }
.attachment-list a { color:#2A5BB5; }
.attachment-list .image-link { background:none; padding:0; display:block; width:100%; }
.attachment-list img,.note-content img { display:block; max-width:100%; max-height:460px; height:auto; object-fit:contain; border-radius:8px; }
.note-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.note-actions { display:flex; align-items:center; gap:4px; flex-wrap:wrap; border-top:1px solid #F0F0EC; margin-top:14px; padding-top:10px; }
.note-actions .dg { margin-left:auto; }
.editor-actions { display:flex; align-items:center; gap:6px; }
.editor textarea { min-height:130px; }
.note-error { margin-top:10px; }
.more[aria-expanded="true"] { opacity:1; }
.menu a.mi { display:flex; align-items:center; text-decoration:none; }
.tag-row { width:100%; border:0; background:transparent; text-align:left; cursor:pointer; }
#calendar { min-height:160px; }
#sidebar-error { padding:0 8px; }
#tags .ent.on { font-weight:500; }
#filters .ghost { height:28px; font-size:13px; padding:0 8px; }
#load-more { align-self:center; }
#back { align-self:flex-start; }
.insights-page { min-width:0; }
.insight-top { position:sticky; top:0; z-index:5; background:#FAFAF8; padding:4px 0 10px; display:flex; flex-direction:column; gap:8px; }
.insight-heading { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.insight-heading-right { display:flex; align-items:center; gap:12px; }
.insight-session > .btn { width:auto; padding:0 12px; font-size:14px; }
.insight-session .menu { top:42px; min-width:190px; }
.insight-material-card { padding:8px 14px 10px; }
.insight-material-header { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.btn.insight-material-toggle { width:auto; padding:0 6px; font-size:14px; color:#3A4049; }
.insight-materials { display:flex; flex-wrap:wrap; gap:6px; padding-top:6px; }
.insight-material { display:inline-flex; align-items:center; gap:2px; max-width:100%; }
.insight-material .btn.s { width:28px; height:28px; font-size:16px; flex:none; }
.insight-material .chip { overflow-wrap:anywhere; }
.insight-warning { color:#B42318; overflow-wrap:anywhere; }
.card .insight-over { padding-top:4px; margin:0; font-size:13px; }
.insight-messages { flex:1; display:flex; flex-direction:column; gap:14px; min-width:0; }
.insight-empty { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; text-align:center; padding:40px 0; }
.insight-empty .sub { font-size:15px; }
.insight-user { align-self:flex-end; background:#E3ECFA; color:#1E4A9A; border-radius:14px; padding:8px 16px; font-size:15px; max-width:80%; white-space:pre-wrap; overflow-wrap:anywhere; }
.insight-assistant { display:flex; flex-direction:column; gap:2px; max-width:92%; min-width:0; }
.insight-answer { white-space:pre-line; font-size:16px; line-height:1.9; background:#fff; border:1px solid #E8E8E4; border-radius:14px; padding:14px 18px; }
.insight-answer > :first-child { margin-top:0; }
.insight-answer > :last-child { margin-bottom:0; }
.btn.s.insight-save { width:auto; padding:0 8px; font-size:12px; }
.insight-bottom { position:sticky; bottom:0; z-index:5; background:#FAFAF8; padding:10px 0 16px; display:flex; flex-direction:column; gap:6px; }
.insight-input { display:flex; gap:8px; align-items:center; background:#fff; border:1px solid #E8E8E4; border-radius:14px; padding:6px 6px 6px 14px; }
.insight-input input { flex:1; border:0; outline:0; font-size:15px; height:40px; background:transparent; min-width:0; }
.insight-input button { flex:none; }
.insight-overlay { position:fixed; inset:0; z-index:20; background:rgba(31,35,40,.28); display:flex; align-items:center; justify-content:center; padding:16px; }
.insight-picker { width:min(520px,100%); height:min(640px,86vh); display:flex; flex-direction:column; gap:10px; padding:16px; }
.insight-between { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.insight-tabs { display:flex; gap:2px; background:#F4F4F1; padding:3px; border-radius:10px; align-self:flex-start; }
.insight-picker-area { flex:1; min-height:0; overflow:auto; display:flex; flex-direction:column; gap:10px; }
.insight-picker-list { display:flex; flex-direction:column; }
.insight-choice { cursor:pointer; flex-wrap:wrap; }
.insight-choice span { overflow-wrap:anywhere; min-width:0; }
.btn.insight-month { width:auto; padding:0 10px; gap:4px; font-size:14px; font-weight:600; color:#1F2328; }
.insight-year { display:flex; justify-content:center; align-items:center; gap:8px; font-size:14px; }
.insight-range { min-height:32px; }
.insight-tag-filters { display:flex; gap:6px; flex-wrap:wrap; }
.insight-tag-filters .pbtn,.pbtn.insight-select-all { height:32px; padding:0 12px; font-size:13px; }
.insight-done { align-self:flex-end; }
.insight-history-row { flex:none; width:100%; border:0; background:transparent; text-align:left; cursor:pointer; }
.insight-history-row > span { min-width:0; overflow-wrap:anywhere; white-space:pre-wrap; }
.insight-history-date { display:block; font-size:12px; }
@media (max-width:760px) {
  .insight-heading-right { gap:6px; }
  html[lang="en"] .insight-input { flex-wrap:wrap; }
  html[lang="en"] .insight-input input { flex-basis:100%; }
  html[lang="en"] .insight-input button:first-of-type { margin-left:auto; }
}
#list-retry { align-self:flex-start; }
.discovery-page { min-width:0; }
.discovery-page > .sub,.discovery-page > .error { margin:0; }
.discovery-note { width:100%; min-height:220px; box-shadow:0 10px 30px rgba(31,35,40,.07); }
.discovery-note .hd { gap:8px; flex-wrap:wrap; }
.discovery-meta { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin-left:auto; min-width:0; }
.discovery-meta .tag { overflow-wrap:anywhere; max-width:100%; }
.review-stack { position:relative; padding-bottom:22px; }
.review-stack .peek-1 { transform:translateY(8px) scale(.96); opacity:.8; }
.review-stack .peek-2 { transform:translateY(16px) scale(.92); opacity:.5; }
.discovery-controls { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.discovery-actions { display:flex; align-items:center; flex-wrap:wrap; gap:4px; }
.review-positions { flex-wrap:wrap; gap:4px 0; max-width:100%; }
.review-positions .dt { border:0; padding:0; cursor:pointer; height:8px; flex:none; }
.review-positions .dt::after { content:""; display:block; height:24px; transform:translateY(-8px); }
.discovery-retry { align-self:flex-start; }
.walk-start { min-height:400px; display:flex; align-items:center; justify-content:center; }
.walk-start .save { height:52px; padding:0 28px; font-size:16px; box-shadow:0 8px 24px rgba(91,141,239,.28); }
.walk-cards { display:flex; flex-direction:column; align-items:center; gap:10px; min-width:0; }
.walk-trail { width:92%; padding:8px 16px; opacity:.6; }
.walk-trail-text { font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (max-width:760px) {
  .discovery-page .card.big { padding:22px 20px; }
  .discovery-controls { align-items:flex-start; }
  .discovery-page .card.big p { font-size:18px !important; }
  .walk-start { min-height:280px; }
}
.mobile-filter-toggle { display:none; }
.map-page { display:flex; flex-direction:column; gap:14px; min-width:0; }
.map-field { position:relative; height:440px; padding:0; background:#FBFCFE; overflow:hidden; overflow:clip; touch-action:none; cursor:grab; }
.map-field.dragging { cursor:grabbing; }
.map-dot { position:absolute; left:50%; top:50%; width:22px; height:22px; padding:0; border-radius:50%; border:0; cursor:pointer; }
.map-dot.on { box-shadow:0 0 0 5px #DCE8FB; }
.map-reader { min-width:0; }
.map-note .hd { gap:8px; flex-wrap:wrap; }
.attachment-list .dlink { font-size:13px; }
.settings-page,.settings-form { display:flex; flex-direction:column; gap:14px; min-width:0; }
.settings-card h2 { margin:0 0 4px; font-size:16px; font-weight:600; }
.settings-card h3 { margin:12px 0 4px; font-size:14px; font-weight:600; }
.settings-row { gap:16px; padding:9px 0; }
.settings-label { display:flex; flex-direction:column; gap:2px; min-width:0; }
.settings-label label { cursor:pointer; }
.settings-row > input:not([type="checkbox"]),.settings-row > select,.settings-row > textarea { width:240px; flex:none; }
.settings-page input:not([type="checkbox"]),.settings-page select,.settings-page textarea { min-width:0; max-width:100%; border:1px solid #E3E3DE; border-radius:8px; background:#fff; color:var(--ink); padding:8px 10px; font:inherit; font-size:13px; line-height:1.6; }
.settings-page input[type="checkbox"] { width:18px; height:18px; accent-color:#5B8DEF; flex:none; }
.settings-page textarea { resize:vertical; min-height:90px; }
.settings-page input:focus,.settings-page select:focus,.settings-page textarea:focus { border-color:#B5CCF2; }
.settings-model + .settings-model { border-top:1px solid var(--line); margin-top:16px; padding-top:2px; }
.settings-advanced { margin-top:10px; }
.settings-advanced summary { color:var(--muted); font-size:13px; cursor:pointer; }
.settings-times,.settings-time-list { display:flex; flex-direction:column; gap:8px; }
.settings-time { display:flex; gap:6px; align-items:center; }
.settings-time input { flex:1; }
.settings-times > button { align-self:flex-start; }
.settings-hint { margin-top:10px !important; font-size:13px !important; line-height:1.7 !important; }
.settings-secret { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; width:260px; flex:none; }
.settings-secret select { width:90px; }
.settings-secret input { width:100%; }
.settings-card:has(#settings-insights-default_prompt) .settings-row { flex-direction:column; align-items:stretch; }
.settings-card #settings-insights-default_prompt { width:100%; }
.settings-capabilities { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0 8px; }
.settings-footer { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:4px 0 12px; }
.settings-footer p { margin:0; flex-basis:100%; }
.settings-footer > .save { margin-left:auto; }
@media(max-width:760px) {
  .side { max-height:none; padding:12px; gap:10px; }
  .side nav { display:flex; flex-direction:row !important; flex-wrap:wrap; }
  .side nav .sep { display:none; }
  .side #sidebar-calendar,.side #sidebar-tags { display:none !important; }
  .side.filters-open #sidebar-calendar,.side.filters-open #sidebar-tags { display:flex !important; }
  .mobile-filter-toggle { display:block; align-self:flex-start; height:32px; font-size:13px; }
  .side #account { position:static; flex-direction:row !important; align-items:center; padding-top:0 !important; border-top:0 !important; }
  .side #account > a { margin-right:auto; }
  #user-menu { width:auto !important; }
  #account-menu { bottom:auto !important; top:44px !important; }
  .card.note { padding:18px; }
  .card.note .note-content p { font-size:16px; }
  .settings-row { flex-direction:column; align-items:stretch; gap:8px; }
  .settings-row > input:not([type="checkbox"]),.settings-row > select,.settings-row > textarea,.settings-secret { width:100%; }
  .settings-row > input[type="checkbox"] { align-self:flex-start; }
  .settings-secret { justify-content:flex-start; }
}

.language-select { margin-left:auto; max-width:110px; padding:4px; border:1px solid #E3E3DE; border-radius:6px; background:transparent; color:var(--muted); font:inherit; font-size:12px; }
.memos-login > .language-select { display:block; margin:0 0 16px auto; }

#app .layout-0{display:flex;align-items:center;padding:4px 8px 2px;min-height:36px}
#app .layout-1{font-size:17px}
#app .layout-2{display:flex;flex-direction:column;gap:2px}
#app .layout-3{margin-top:6px}
#app .layout-4{display:flex;flex-direction:column;gap:4px}
#app .layout-5{font-size:13px;font-weight:600;color:#3A4049}
#app .layout-6{display:flex}
#app .layout-7{width:28px;height:28px}
#app .layout-8{width:16px;height:16px}
#app .layout-9{width:28px;height:28px}
#app .layout-10{width:16px;height:16px}
#app .layout-11{display:flex;flex-direction:column;gap:1px}
#app .layout-12{padding-bottom:2px}
#app .layout-13{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid #E8E8E4;position:sticky;bottom:-14px;background:#F4F4F1;padding-bottom:2px}
#app .layout-14{border:0;background:transparent;width:100%;cursor:pointer;font-size:14px}
#app .layout-15{margin-left:auto;width:16px;height:16px}
#app .layout-16{top:auto;bottom:44px}
#app .layout-17{display:flex;align-items:center;gap:4px}
#app .layout-18{text-align:center}
#app .layout-19{display:flex;flex-direction:column;gap:14px}