:root{
  color-scheme:light;
  /* Windows 햄보드와 같은 역할 기반 토큰 체계. */
  --theme-primary-base:#B8DBFF;
  --theme-secondary-base:#FFB4CF;
  --custom-primary:#D7C0FF;
  --custom-secondary:#FFD0AE;
  --primary-base:var(--theme-primary-base);
  --secondary-base:var(--theme-secondary-base);
  --primary-strong:color-mix(in srgb,var(--primary-base) 75%,var(--text));
  --primary-soft:color-mix(in srgb,var(--primary-base) 30%,var(--surface));
  --secondary-soft:color-mix(in srgb,var(--secondary-base) 30%,var(--surface));

  --text-light:#292B38;
  --text-dark:#EEF0F4;
  --text:var(--text-light);
  --text-muted:#6A6E78;
  --border:#e6e8ed;
  --bg:#fbfbfd;
  --surface:#ffffff;
  --surface-raised:var(--surface);
  --surface-subtle:var(--surface);
  --surface-hover:#f1f3f6;
  --surface-pressed:var(--surface-hover);

  --status-error:#C43D50;
  --status-error-bg:#FBEAEC;
  --status-success:#287F52;
  --status-success-bg:#E8F4ED;
  --status-warning:#c79b3b;
  --status-warning-bg:#FFF3D5;

  --shadow:0 16px 40px rgba(45,45,70,.10);
  --soft-shadow:0 8px 22px rgba(45,45,70,.08);
  --popup-shadow:0 18px 48px rgba(38,40,58,.20);

  --fs-xs:.75rem;
  --fs-sm:.875rem;
  --fs-base:1rem;
  --fs-lg:1.25rem;
  --fs-display:2rem;
  --fs-compact-10:10px;

  --button-large-height:42px;
  --button-large-font-size:var(--fs-base);
  --button-large-font-weight:700;
  --button-large-padding-x:14px;
  --button-primary-height:36px;
  --button-primary-font-size:var(--fs-sm);
  --button-primary-font-weight:700;
  --button-primary-padding-x:10px;
  --button-small-height:30px;
  --button-small-font-size:var(--fs-xs);
  --button-small-font-weight:700;
  --button-small-padding-x:8px;

  --on-surface:var(--text);
  --on-surface-muted:var(--text-muted);
  --on-surface-subtle:var(--text);
  --on-surface-subtle-muted:var(--text-muted);
  --on-surface-raised:var(--text);
  --on-surface-raised-muted:var(--text-muted);
  --on-surface-hover:var(--text);
  --on-surface-hover-muted:var(--text-muted);
  --on-surface-pressed:var(--text);
  --on-surface-pressed-muted:var(--text-muted);
  --on-primary:var(--text-light);
  --on-primary-muted:var(--on-primary);
  --on-primary-soft:var(--text-light);
  --on-primary-soft-muted:var(--on-primary-soft);
  --on-secondary:var(--text-light);
  --on-secondary-muted:var(--on-secondary);
  --on-secondary-soft:var(--text-light);
  --on-secondary-soft-muted:var(--on-secondary-soft);
  --on-error:#9F2938;
  --on-error-solid:#FFFFFF;
  --on-success:#1F6844;
  --on-success-solid:#FFFFFF;
  --on-warning:#765400;
  --focus-ring:var(--text);

  --mobile-content-max:760px;
  --mobile-page-gap:14px;
  --create-chooser-width:150px;

  font-family:var(--interface-font-family,"Pretendard","Source Han Serif KR","Malgun Gothic","Microsoft YaHei UI","Yu Gothic UI",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);
  background:var(--bg);
  color:var(--text)
}

body[data-theme="cotton-candy"]{--theme-primary-base:#B8DBFF;--theme-secondary-base:#FFB4CF}
body[data-theme="mint-butter"]{--theme-primary-base:#BDE7C4;--theme-secondary-base:#F7E28E}
body[data-theme="lilac-peach"]{--theme-primary-base:#D7C0FF;--theme-secondary-base:#FFD0AE}
body[data-theme="matcha-strawberry"]{--theme-primary-base:#C8E0B0;--theme-secondary-base:#FFBEDA}
body[data-theme="lavender-mint"]{--theme-primary-base:#CBB8FF;--theme-secondary-base:#AEE9C8}
body[data-theme="coral-turquoise"]{--theme-primary-base:#FFB8AE;--theme-secondary-base:#9DE8D8}
body[data-theme="choco-strawberry"]{--theme-primary-base:#F0B7C8;--theme-secondary-base:#D8B9A2}
body[data-theme="apricot-sage"]{--theme-primary-base:#F3C58F;--theme-secondary-base:#B4D6B8}
body[data-theme="butter-lilac"]{--theme-primary-base:#F2DB8F;--theme-secondary-base:#C6B2E8}
body[data-theme="custom"]{--theme-primary-base:var(--custom-primary);--theme-secondary-base:var(--custom-secondary)}
body[data-theme-swapped="true"]{--primary-base:var(--theme-secondary-base);--secondary-base:var(--theme-primary-base)}
body[data-theme-swapped="false"]{--primary-base:var(--theme-primary-base);--secondary-base:var(--theme-secondary-base)}

*{box-sizing:border-box}
html,body{min-height:100%;margin:0;background:var(--bg)}
body{
  font-family:inherit;
  font-size:var(--fs-base);
  font-weight:400;
  line-height:1.5;
  letter-spacing:-.012em;
  font-stretch:95%;
  color:var(--text);
  --ui-fg:var(--on-surface);
  --ui-muted:var(--on-surface-muted);
  --ui-accent:var(--on-surface)
}
button,input{font:inherit}
button{color:inherit}
[hidden]{display:none!important}
svg.lucide{stroke:currentColor}
:where(button,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
:where(input:not([type="checkbox"]):not([type="radio"])):focus,
:where(input:not([type="checkbox"]):not([type="radio"])):focus-visible{outline:none;border-color:var(--border);box-shadow:none}
:where(input)::placeholder{color:var(--ui-muted,var(--on-surface-muted));opacity:1}

.mobile-app{min-height:100dvh}
.mobile-topbar{
  position:sticky;z-index:20;top:0;
  min-height:44px;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;
  padding:calc(env(safe-area-inset-top) + 3px) 12px 3px;
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--surface) 96%,transparent);
  color:var(--ui-fg);
  backdrop-filter:blur(18px);
  --ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted);--ui-accent:var(--on-surface)
}
.note-open .mobile-topbar{column-gap:3px}
.icon-button{
  grid-column:1;width:30px;height:30px;display:grid;place-items:center;
  border:0;border-radius:8px;background:transparent;color:var(--ui-muted)
}
.icon-button:active{background:var(--surface-hover);color:var(--on-surface-hover)}
.icon-button svg{width:17px;height:17px}
.mobile-heading{grid-column:2;min-width:0}
.mobile-heading h1{
  margin:0;font-size:var(--fs-sm);font-weight:700;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sync-status-wrap{
  grid-column:3;position:relative;justify-self:end;width:max-content;max-width:max-content
}
.sync-indicator{
  width:max-content;min-width:0;max-width:max-content;height:24px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--ui-fg);
  font-size:var(--fs-compact-10);font-weight:700;line-height:1;white-space:nowrap;text-align:center;
  --ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.sync-indicator:active{background:var(--surface-hover);color:var(--on-surface-hover)}
.sync-indicator[data-state="connected"]{
  background:var(--status-success-bg);border-color:color-mix(in srgb,var(--on-success) 22%,var(--border));color:var(--on-success)
}
.sync-indicator[data-state="busy"]{background:var(--primary-soft);color:var(--on-primary-soft)}
.sync-indicator[data-state="error"]{
  background:var(--status-error-bg);border-color:color-mix(in srgb,var(--on-error) 22%,var(--border));color:var(--on-error)
}
.offline-warning{
  position:absolute;z-index:80;top:calc(100% + 10px);right:0;
  width:min(260px,calc(100vw - 28px));padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--on-error) 22%,var(--border));border-radius:12px;
  background:var(--status-error-bg);color:var(--on-error);
  box-shadow:var(--soft-shadow);font-size:var(--fs-xs);font-weight:400;line-height:1.5;text-align:left
}
.offline-warning::before{
  content:"";position:absolute;right:16px;top:-6px;width:10px;height:10px;
  border-left:1px solid color-mix(in srgb,var(--on-error) 22%,var(--border));
  border-top:1px solid color-mix(in srgb,var(--on-error) 22%,var(--border));
  background:var(--status-error-bg);transform:rotate(45deg)
}

.mobile-main{
  width:min(100%,var(--mobile-content-max));margin:0 auto;
  padding:18px 8px calc(86px + env(safe-area-inset-bottom))
}
.mobile-screen{min-width:0}
.page-screen{min-height:calc(100dvh - 150px)}

.status-card{
  padding:18px;border:1px dashed var(--border);border-radius:16px;
  background:var(--surface);color:var(--ui-muted);
  font-size:var(--fs-sm);line-height:1.6;text-align:center;
  --ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.status-card button{
  min-height:var(--button-large-height);margin-top:12px;padding:0 var(--button-large-padding-x);
  border:0;border-radius:12px;background:var(--primary-base);color:var(--on-primary);
  font-size:var(--button-primary-font-size);font-weight:var(--button-primary-font-weight)
}

.home-search-field{
  height:38px;display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:0 11px;
  border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ui-muted);
  --ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.home-search-field:focus-within{border-color:var(--border);box-shadow:none}
.home-search-field svg{width:16px;height:16px;flex:0 0 auto}
.home-search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ui-fg);font-size:var(--fs-sm);font-weight:400}
.library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.project-card{
  position:relative;width:100%;min-width:0;height:120px;display:flex;flex-direction:column;overflow:hidden;
  padding:12px;border:1px solid var(--border);border-radius:16px;
  background:var(--card-color,var(--surface));color:var(--ui-fg);
  box-shadow:var(--soft-shadow);text-align:left;cursor:pointer;
  --ui-fg:var(--custom-on,var(--on-surface));
  --ui-muted:var(--custom-muted,var(--on-surface-muted));
  --ui-accent:var(--custom-on,var(--on-surface))
}
.project-card:active{transform:translateY(1px);box-shadow:0 5px 16px rgba(45,45,70,.07)}
.project-card>.project-folder,.project-card>.project-title,.project-card>.project-meta,.project-card>.work-card-subtitle{position:relative;z-index:2}
.card-dark-veil{display:none}
.project-folder{
  display:flex;align-items:center;gap:5px;min-width:0;margin-bottom:6px;
  color:var(--ui-muted);font-size:var(--fs-compact-10);font-weight:700;letter-spacing:.06em
}
.project-card-icon{width:12px;height:12px;display:grid;place-items:center;flex:0 0 auto;color:var(--ui-muted)}
.project-card-icon svg{width:12px;height:12px}
.project-kind{font-weight:700;color:var(--ui-fg)}
.project-title{
  max-width:92%;font-size:var(--fs-lg);line-height:1.16;font-weight:700;letter-spacing:-.032em;
  word-break:keep-all;text-wrap:balance;overflow-wrap:anywhere
}
.work-card-subtitle{
  max-width:92%;margin-top:5px;color:var(--ui-fg);
  font-size:var(--fs-compact-10);line-height:1.45;font-weight:400;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere
}
.project-meta{
  margin-top:auto;padding-top:6px;padding-right:28px;display:flex;gap:6px;align-items:center;
  color:var(--ui-muted);font-size:var(--fs-compact-10);font-weight:400;line-height:1.4;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}

.document-open .mobile-main{
  width:100%;max-width:none;margin:0;padding:0 0 calc(86px + env(safe-area-inset-bottom));
  background:var(--surface)
}
.document-open .mobile-topbar{column-gap:3px}
.document-mobile-shell{
  --document-mobile-max-width:760px;
  width:100%;max-width:none;min-height:calc(100dvh - 44px);margin:0;background:var(--surface);
  color:var(--ui-fg);--ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.document-mobile-head{
  padding:18px max(20px,calc((100vw - var(--document-mobile-max-width))/2 + 20px)) 20px;
  margin:0;background:var(--bg)
}
.document-mobile-title-row{
  max-width:var(--document-mobile-max-width);margin:0 auto;
  display:grid;grid-template-columns:4px minmax(0,1fr);gap:10px;align-items:start
}
.document-title-accent{
  width:4px;height:32px;margin-top:1px;border-radius:999px;background:var(--secondary-base)
}
.document-mobile-copy{min-width:0}
.document-title-display{
  min-width:0;margin:0;font-size:1.625rem;font-weight:700;line-height:1.2;letter-spacing:-.03em;
  overflow-wrap:anywhere
}
.document-subtitle-display{
  margin:7px 0 0;color:var(--ui-muted);font-size:var(--fs-sm);font-weight:400;line-height:1.5
}

.project-mobile-body{
  width:min(100%,var(--document-mobile-max-width));margin:0 auto;padding:20px 20px 52px;background:var(--surface)
}
.episode-list{
  display:flex;gap:10px;margin:0 0 16px;padding:1px 0 8px;overflow-x:auto;
  scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none
}
.episode-list::-webkit-scrollbar{display:none}
.episode-button{
  position:relative;flex:0 0 min(72vw,220px);min-height:112px;display:flex;flex-direction:column;
  padding:14px 14px 13px;overflow:hidden;scroll-snap-align:start;
  border:1px solid var(--border);border-radius:18px;
  background:color-mix(in srgb,var(--episode-color,var(--primary-soft)) 30%,var(--surface));
  color:var(--ui-fg);box-shadow:0 5px 14px rgba(45,45,70,.06);text-align:left;
  --ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.episode-button:active{transform:translateY(1px)}
.episode-button.active{
  border-color:var(--primary-strong);
  box-shadow:0 0 0 1px var(--primary-strong),0 6px 16px rgba(45,45,70,.08)
}
.episode-color{position:absolute;left:0;right:0;top:0;height:5px;background:var(--episode-color,var(--primary-base))}
.episode-copy{min-width:0;padding:10px 0 0}
.episode-copy strong,.episode-copy span{display:block;overflow:hidden;text-overflow:ellipsis}
.episode-copy strong{font-size:var(--fs-base);font-weight:700;line-height:1.28;white-space:nowrap}
.episode-copy span{
  margin-top:6px;color:var(--ui-muted);font-size:var(--fs-xs);font-weight:400;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical
}
.episode-number{order:-1;margin-top:2px;color:var(--ui-muted);font-size:var(--fs-xs);font-weight:700}

.project-content{min-width:0}
.unit-heading{padding:0 2px 12px}
.unit-heading h3{margin:0;font-size:var(--fs-lg);font-weight:700;line-height:1.2}
.unit-heading p{margin:5px 0 0;color:var(--ui-muted);font-size:var(--fs-sm);line-height:1.5}
.stage-carousel{
  display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;
  margin:0 -20px;padding:0 38px 14px 20px;
  scroll-snap-type:x mandatory;scroll-padding-inline:20px;
  overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch
}
.stage-carousel::-webkit-scrollbar{display:none}
.stage-section{
  flex:0 0 min(calc(100vw - 54px),calc(var(--document-mobile-max-width) - 54px));
  scroll-snap-align:start;scroll-snap-stop:always;
  padding:14px 12px 16px;border:1px solid var(--border);border-radius:20px;overflow:hidden;
  background:linear-gradient(
    180deg,
    color-mix(in srgb,var(--stage-color,var(--primary-soft)) 56%,var(--surface)) 0 66%,
    color-mix(in srgb,var(--stage-color,var(--primary-soft)) 24%,var(--surface)) 88%,
    var(--surface) 100%
  );
  color:var(--ui-fg);--ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.stage-heading{display:grid;grid-template-columns:4px minmax(0,1fr);gap:10px;padding:3px 3px 13px;border:0}
.stage-color{border-radius:999px;background:var(--stage-color,var(--primary-base))}
.stage-heading h4{margin:0;font-size:var(--fs-lg);font-weight:700;line-height:1.15}
.stage-heading p{margin:7px 0 0;color:var(--ui-fg);font-size:var(--fs-sm);line-height:1.5}
.block-list{display:grid;gap:10px;padding:0}
.block-card{
  padding:15px 14px;border:1px solid var(--border);border-radius:15px;background:var(--surface);
  box-shadow:0 5px 14px rgba(45,45,70,.06)
}
.block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.block-head h5{margin:0;font-size:var(--fs-sm);font-weight:700;line-height:1.4}
.complete-badge{
  flex:0 0 auto;padding:3px 7px;border-radius:8px;background:var(--status-success-bg);color:var(--on-success);
  font-size:var(--fs-xs);font-weight:700
}
.block-text{margin:8px 0 0;color:var(--ui-fg);font-size:var(--fs-sm);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.block-notes{padding:9px 10px;margin-top:8px;border-radius:10px;background:var(--surface-subtle);color:var(--ui-muted);font-size:var(--fs-xs);line-height:1.6;white-space:pre-wrap}
.script-lines{display:grid;gap:6px;margin-top:9px}
.script-line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;font-size:var(--fs-xs);line-height:1.55}
.script-line-label{padding:2px 6px;border-radius:7px;background:var(--surface-subtle);color:var(--ui-muted);font-size:var(--fs-xs);font-weight:700}
.script-speaker{font-weight:700}
.child-blocks{margin:12px 0 0 10px;padding-left:10px;border-left:2px solid var(--border)}
.empty-stage{padding:18px;color:var(--ui-muted);font-size:var(--fs-sm);text-align:center}
.note-screen{--document-mobile-max-width:680px}
.note-reader-card{
  width:min(100%,var(--document-mobile-max-width));min-height:calc(100dvh - 190px);margin:0 auto;
  padding:22px 20px 52px;border:0;border-radius:0;background:var(--surface);
  color:var(--ui-fg);box-shadow:none;font-size:var(--fs-sm);line-height:1.72;overflow-wrap:anywhere;
  --ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.mindmap-screen{--document-mobile-max-width:760px}
.mindmap-mobile-body{
  width:min(100%,var(--document-mobile-max-width));margin:0 auto;padding:20px 20px 52px;background:var(--surface)
}
.mindmap-reader-scroll{
  width:100%;overflow:auto;border:1px solid var(--border);border-radius:20px;background:var(--surface);
  box-shadow:var(--soft-shadow);overscroll-behavior:contain
}
.mindmap-reader-canvas{
  position:relative;min-width:100%;min-height:300px;background-color:var(--surface);
  background-image:radial-gradient(circle,var(--border) 1px,transparent 1.2px);background-size:24px 24px
}
#mindmapReaderEdges{position:absolute;z-index:1;inset:0;overflow:visible}
#mindmapReaderNodes{position:absolute;z-index:2;inset:0}
.mindmap-readonly-edge{stroke:var(--primary-strong);stroke-width:2;opacity:.72}
.mindmap-readonly-group{
  position:absolute;padding:8px;border:2px solid color-mix(in srgb,var(--node-color,var(--text-muted)) 62%,var(--text-muted));
  border-radius:20px;background:transparent;color:var(--ui-muted);font-size:var(--fs-xs)
}
.mindmap-readonly-group strong{
  display:inline-block;max-width:100%;padding:5px 8px;border-radius:10px;
  background:color-mix(in srgb,var(--node-color,var(--primary-soft)) 22%,var(--surface));
  color:var(--ui-fg);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.mindmap-readonly-node{
  position:absolute;padding:11px 12px;border:1px solid var(--border);
  border-radius:16px;background:color-mix(in srgb,var(--node-color,var(--surface)) 30%,var(--surface));
  box-shadow:0 7px 20px rgba(45,45,70,.10);overflow:hidden;
  color:var(--ui-fg);--ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.mindmap-readonly-node .mindmap-node-kind{display:block;margin-bottom:5px;color:var(--ui-muted);font-size:var(--fs-xs);font-weight:700}
.mindmap-readonly-node strong{display:block;font-size:var(--fs-xs);font-weight:700;line-height:1.35}
.mindmap-readonly-node p{
  margin:6px 0 0;color:var(--ui-muted);font-size:var(--fs-xs);line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
}
.empty-mindmap{position:absolute;inset:0;display:grid;place-items:center;color:var(--ui-muted);font-size:var(--fs-sm)}

.page-menu-list{
  overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);
  color:var(--ui-fg);--ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.page-menu-list button{
  width:100%;min-height:62px;display:grid;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:11px;
  padding:8px 12px;border:0;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);
  border-radius:0;background:transparent;text-align:left;color:var(--ui-fg)
}
.page-menu-list button:last-child{border-bottom:0}
.page-menu-list button:not(:disabled):active{background:var(--surface-hover);--ui-fg:var(--on-surface-hover);--ui-muted:var(--on-surface-hover-muted)}
.page-menu-list button:disabled{opacity:.5}
.page-menu-icon{
  width:38px;height:38px;display:grid;place-items:center;border-radius:12px;
  background:var(--primary-soft);color:var(--on-primary-soft)
}
.page-menu-icon svg{width:19px;height:19px}
.page-menu-copy{min-width:0}
.page-menu-copy strong,.page-menu-copy small{display:block}
.page-menu-copy strong{font-size:var(--fs-sm);font-weight:700}
.page-menu-copy small{margin-top:3px;color:var(--ui-muted);font-size:var(--fs-xs);font-weight:400;line-height:1.45}
.page-menu-list>button>svg{width:17px;height:17px;color:var(--ui-muted)}

.search-field{
  height:var(--button-large-height);display:flex;align-items:center;gap:8px;padding:0 10px;
  border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ui-muted);
  --ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.search-field svg{width:16px;height:16px;flex:0 0 auto}
.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ui-fg);font-size:var(--fs-sm);font-weight:400}
.search-results{
  margin-top:12px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);
  --ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.search-result{
  width:100%;min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:9px;
  padding:7px 11px;border:0;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);
  border-radius:0;background:transparent;color:var(--ui-fg);text-align:left
}
.search-result:last-child{border-bottom:0}
.search-result:active{background:var(--surface-hover);--ui-fg:var(--on-surface-hover);--ui-muted:var(--on-surface-hover-muted)}
.search-result>svg:first-child{width:19px;height:19px;justify-self:center;color:var(--ui-muted)}
.search-result>svg:last-child{width:17px;height:17px;color:var(--ui-muted)}
.search-result strong,.search-result small{display:block}
.search-result strong{font-size:var(--fs-sm);font-weight:700}
.search-result small{margin-top:3px;color:var(--ui-muted);font-size:var(--fs-xs);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-empty{padding:26px 12px;color:var(--ui-muted);font-size:var(--fs-sm);text-align:center}

.cloud-account-card{
  display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;
  border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--ui-fg);
  --ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.cloud-account-icon{
  width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--status-success-bg);color:var(--on-success)
}
.cloud-account-icon svg{width:17px;height:17px}
.cloud-account-copy strong,.cloud-account-copy small{display:block}
.cloud-account-copy strong{font-size:var(--fs-sm);font-weight:700}
.cloud-account-copy small{margin-top:3px;color:var(--ui-muted);font-size:var(--fs-xs);font-weight:400;line-height:1.45}
.cloud-account-card>button{
  height:var(--button-small-height);padding:0 var(--button-small-padding-x);
  border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ui-muted);
  font-size:var(--button-small-font-size);font-weight:var(--button-small-font-weight)
}
.cloud-account-card>button:active{background:var(--surface-hover);color:var(--on-surface-hover)}

.cloud-source-status{
  margin-top:0;padding:10px 12px;border-radius:12px;background:var(--primary-soft);color:var(--on-primary-soft);
  font-size:var(--fs-xs);font-weight:400;line-height:1.5
}
.cloud-source-card{
  padding:14px;margin-top:8px;border:1px solid var(--border);border-radius:16px;background:var(--surface);
  color:var(--ui-fg);--ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.cloud-source-head{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start}
.cloud-source-icon{
  width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--on-primary-soft)
}
.cloud-source-icon svg{width:17px;height:17px}
.cloud-source-head h2,.cloud-source-head h3{margin:1px 0 0;font-size:var(--fs-sm);font-weight:700}
.cloud-source-head p{margin:3px 0 0;color:var(--ui-muted);font-size:var(--fs-xs);font-weight:400;line-height:1.45}
.cloud-source-meta{
  margin-top:10px;padding:10px 11px;border-radius:10px;background:var(--surface-subtle);color:var(--ui-muted);
  font-size:var(--fs-xs);font-weight:400
}
.cloud-source-primary{
  width:100%;height:var(--button-primary-height);margin-top:9px;padding:0 var(--button-primary-padding-x);
  border:0;border-radius:10px;background:var(--primary-base);color:var(--on-primary);
  font-size:var(--button-primary-font-size);font-weight:var(--button-primary-font-weight)
}
.cloud-source-primary:disabled{opacity:.5}
.backup-source-list{margin-top:13px;overflow:hidden;border:1px solid var(--border);border-radius:12px}
.backup-source-entry{
  width:100%;min-height:56px;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:9px;
  padding:7px 10px;border:0;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);
  border-radius:0;background:var(--surface);color:var(--ui-fg);text-align:left
}
.backup-source-entry:last-child{border-bottom:0}
.backup-source-entry:active{background:var(--surface-hover);--ui-fg:var(--on-surface-hover);--ui-muted:var(--on-surface-hover-muted)}
.backup-source-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--surface-subtle);color:var(--ui-muted)}
.backup-source-icon svg{width:16px;height:16px}
.backup-source-copy strong,.backup-source-copy small{display:block}
.backup-source-copy strong{font-size:var(--fs-xs);font-weight:700}
.backup-source-copy small{margin-top:2px;color:var(--ui-muted);font-size:var(--fs-xs);font-weight:400}
.backup-source-arrow{width:20px;height:20px;display:grid;place-items:center}
.backup-source-arrow svg{width:16px;height:16px;color:var(--ui-muted)}
.backup-source-entry.loading{
  background:var(--primary-soft);color:var(--on-primary-soft);
  --ui-fg:var(--on-primary-soft);--ui-muted:var(--on-primary-soft-muted)
}
.backup-source-entry.loading .backup-source-icon{background:var(--surface);color:var(--primary-strong)}
.backup-source-entry.loading .backup-source-arrow svg{color:var(--ui-fg);animation:mobile-spin .8s linear infinite}
@keyframes mobile-spin{to{transform:rotate(360deg)}}
.cloud-source-empty{padding:18px;color:var(--ui-muted);font-size:var(--fs-xs);font-weight:400;text-align:center}

.settings-category{margin-bottom:22px}
.settings-category>h2{margin:0 0 10px 2px;font-size:var(--fs-sm);font-weight:700;color:var(--ui-muted)}
.settings-row,.settings-block{
  padding:14px;border:1px solid var(--border);background:var(--surface);color:var(--ui-fg);
  --ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.settings-block{margin-top:8px;border-radius:16px}
.settings-category>.settings-row:first-of-type,.settings-category>.settings-block:first-of-type{margin-top:0;border-radius:16px}
.settings-category>.settings-row:last-child,.settings-category>.settings-block:last-child{border-radius:16px}
.settings-copy{min-width:0}
.settings-copy strong,.settings-copy small{display:block}
.settings-copy strong{font-size:var(--fs-sm);font-weight:700}
.settings-copy small{margin-top:3px;color:var(--ui-muted);font-size:var(--fs-xs);font-weight:400;line-height:1.45}
.settings-mode-block{padding-bottom:12px}
.mode-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.mode-choice-grid button{
  min-height:46px;display:grid;grid-template-columns:21px minmax(0,1fr);align-items:center;justify-items:start;gap:8px;
  padding:6px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ui-fg);
  font-size:var(--fs-sm);font-weight:700;text-align:left;
  --ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.mode-choice-grid button svg{width:18px;height:18px;color:var(--ui-muted)}
.mode-choice-grid button.active{
  background:var(--primary-soft);border-color:var(--primary-base);color:var(--on-primary-soft);
  --ui-fg:var(--on-primary-soft);--ui-muted:var(--on-primary-soft-muted)
}
.mode-choice-grid button.active svg{color:var(--ui-fg)}
.settings-inline-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.theme-pair-swap{
  width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;padding:0;
  border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ui-muted)
}
.theme-pair-swap:active{background:var(--surface-hover);color:var(--on-surface-hover)}
.theme-pair-swap svg{width:14px;height:14px}
.theme-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
.theme-choice{
  min-width:0;min-height:52px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px;
  padding:6px 7px;border:1px solid var(--border);border-radius:11px;background:var(--surface);
  color:var(--ui-muted);font-size:var(--fs-compact-10);font-weight:700;text-align:left
}
.theme-choice.active{border-color:var(--primary-base);box-shadow:inset 0 0 0 1px var(--primary-base);color:var(--ui-fg)}
.theme-choice-preview{
  width:28px;height:20px;border-radius:6px;flex:0 0 auto;
  background:linear-gradient(135deg,var(--theme-a) 0 48%,var(--theme-b) 52% 100%)
}
.theme-choice[data-theme-key="custom"]{
  grid-column:1/-1;min-height:36px;grid-template-columns:24px auto;justify-content:center;gap:7px;padding:4px 10px
}
.theme-choice[data-theme-key="custom"] .theme-choice-preview{width:24px;height:18px}
.theme-choice-custom{display:grid;place-items:center;background:var(--surface-subtle);color:var(--ui-muted)}
.theme-choice-custom svg{width:13px;height:13px}
.theme-color-editor{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:8px;align-items:end;margin-top:12px}
.theme-color-editor label{display:grid;gap:5px;color:var(--ui-muted);font-size:var(--fs-xs);font-weight:700}
.theme-color-editor input[type="color"]{width:100%;height:38px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.theme-swap-button{
  width:30px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--border);
  border-radius:9px;background:var(--surface);color:var(--ui-muted)
}
.theme-swap-button svg{width:14px;height:14px}
.info-list{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.info-row{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 14px;border-bottom:1px solid var(--border)}
.info-row:last-child{border-bottom:0}
.info-row span{color:var(--ui-muted);font-size:var(--fs-xs)}
.info-row strong{font-size:var(--fs-xs);font-weight:700}
.diagnostics-panel{margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.diagnostics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.diagnostics-head>button{height:28px;padding:0 8px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ui-muted);font-size:var(--fs-compact-10);font-weight:700}
.diagnostics-log{display:grid;gap:7px;max-height:280px;margin-top:12px;overflow:auto}
.diagnostics-entry{padding:9px 10px;border-radius:10px;background:var(--surface-subtle);font-size:var(--fs-xs)}
.diagnostics-entry-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.diagnostics-entry-head strong{font-size:var(--fs-compact-10);font-weight:700}
.diagnostics-entry-head time{color:var(--ui-muted);font-size:var(--fs-compact-10)}
.diagnostics-entry-message{margin-top:4px;line-height:1.45}
.diagnostics-entry-detail{margin-top:3px;color:var(--ui-muted);font-size:var(--fs-compact-10);line-height:1.4;overflow-wrap:anywhere}
.diagnostics-warn{border-left:3px solid var(--status-warning)}
.diagnostics-error{border-left:3px solid var(--status-error)}
.diagnostics-empty{padding:18px 8px;color:var(--ui-muted);font-size:var(--fs-xs);text-align:center}

.mobile-bottom-nav{
  position:fixed;z-index:60;left:0;right:0;bottom:0;
  min-height:68px;padding:5px 10px calc(5px + env(safe-area-inset-bottom));
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;
  border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 97%,transparent);
  box-shadow:0 -8px 22px rgba(45,45,70,.06);backdrop-filter:blur(18px);
  color:var(--ui-fg);--ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.bottom-nav-button{
  width:100%;min-height:58px;display:grid;grid-template-rows:32px 12px;place-items:center;align-content:center;row-gap:5px;
  padding:4px;border:0;border-radius:12px;background:transparent;color:var(--ui-muted)
}
.bottom-nav-button:active{background:var(--surface-hover);color:var(--on-surface-hover)}
.bottom-nav-button.active{
  background:var(--primary-soft);color:var(--on-primary-soft);
  --ui-fg:var(--on-primary-soft);--ui-muted:var(--on-primary-soft-muted)
}
.bottom-nav-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px}
.bottom-nav-icon svg{width:22px;height:22px}
.bottom-nav-button>span:last-child{min-height:12px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;line-height:1}
.bottom-nav-create{row-gap:7px}
.bottom-nav-create .bottom-nav-icon{background:var(--primary-base);color:var(--on-primary)}
.bottom-nav-create .bottom-nav-icon svg{width:19px;height:19px}
.bottom-nav-create:active .bottom-nav-icon{transform:translateY(1px)}

.nav-sheet-backdrop{
  position:fixed;z-index:110;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:16px;
  background:rgba(25,20,30,.38);backdrop-filter:blur(5px)
}
.nav-sheet{
  width:min(100%,560px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;
  border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--popup-shadow);
  color:var(--ui-fg);--ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.create-sheet-panel{padding:0 0 calc(env(safe-area-inset-bottom) + 4px);overflow:hidden}
.sheet-close{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:var(--ui-muted)}
.sheet-close:active{background:var(--surface-hover);color:var(--on-surface-hover)}
.sheet-close svg{width:19px;height:19px}
.create-list{display:grid;border-top:1px solid var(--border)}
.create-list button{
  width:100%;min-height:52px;display:grid;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:10px;
  padding:0 16px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--surface);
  color:var(--ui-fg);text-align:left;
  --ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.create-list button:last-child{border-bottom:0}
.create-list button:active{
  background:var(--secondary-soft);color:var(--on-secondary-soft);
  --ui-fg:var(--on-secondary-soft);--ui-muted:var(--on-secondary-soft-muted)
}
.create-list button>svg:first-child{width:19px;height:19px;color:var(--ui-muted)}
.create-list strong{font-size:var(--fs-sm);font-weight:700}

.create-sheet-backdrop:not(.form-open){
  display:block;padding:0;background:transparent;backdrop-filter:none
}
.create-sheet-backdrop:not(.form-open) .create-sheet-panel{
  position:absolute;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translateX(-50%);
  width:var(--create-chooser-width);max-width:calc(100vw - 24px);max-height:calc(100dvh - 96px);
  padding:4px 0;overflow:hidden;border-radius:16px
}
.create-sheet-backdrop:not(.form-open) .create-list{border-top:0}
.create-sheet-backdrop:not(.form-open) .create-list button{
  grid-template-columns:24px minmax(0,1fr)
}

.nav-sheet-backdrop.form-open{align-items:center;padding:16px}
.nav-sheet-backdrop.form-open .create-sheet-panel{
  width:min(100%,460px);max-height:min(620px,calc(100dvh - 32px));padding:16px;
  overflow-y:auto;border-radius:20px
}
.create-form{display:grid;gap:12px}
.create-form-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px}
.create-form-header .sheet-close{flex:0 0 auto;background:var(--surface-subtle)}
.create-form-kind{
  min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;
  color:var(--ui-fg);--ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.create-form-kind-icon{
  width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--on-primary-soft)
}
.create-form-kind-icon svg{width:17px;height:17px}
.create-form-kind strong{font-size:var(--fs-base);font-weight:700}

.create-project-kind{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:3px;
  border-radius:12px;background:var(--surface-subtle)
}
.create-project-kind button{
  min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;
  border:0;border-radius:10px;background:transparent;color:var(--ui-muted);font-size:var(--fs-xs);font-weight:700
}
.create-project-kind button svg{width:16px;height:16px}
.create-project-kind button.active{
  background:var(--primary-soft);color:var(--on-primary-soft);
  --ui-fg:var(--on-primary-soft);--ui-muted:var(--on-primary-soft-muted)
}

.create-field{display:grid;gap:6px}
.create-field>span{color:var(--ui-muted);font-size:var(--fs-xs);font-weight:700}
.create-field>span small{font:inherit;font-weight:400}
.create-field input,.create-field select{
  width:100%;height:42px;padding:0 11px;border:1px solid var(--border);border-radius:11px;
  background:var(--surface);color:var(--ui-fg);font-size:var(--fs-sm);font-weight:400;
  --ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.create-field select{padding-right:32px}
.create-field input:focus,.create-field select:focus{border-color:var(--primary-base)}
.create-color-field{margin:0;padding:0;border:0}
.create-color-field legend{margin:0 0 6px;color:var(--ui-muted);font-size:var(--fs-xs);font-weight:700}
.create-color-toggle{
  width:100%;height:42px;display:flex;align-items:center;gap:10px;padding:0 11px;
  border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--ui-fg);
  text-align:left;--ui-fg:var(--on-surface);--ui-muted:var(--on-surface-muted)
}
.create-color-toggle[aria-expanded="true"]{border-color:var(--primary-base)}
.create-color-preview{
  width:24px;height:24px;flex:0 0 24px;border:1px solid color-mix(in srgb,var(--text) 20%,var(--border));
  border-radius:7px;background:var(--swatch);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 24%,transparent)
}
.create-color-toggle-label{min-width:0;flex:1;font-size:var(--fs-sm);font-weight:400}
.create-color-toggle>svg{width:17px;height:17px;flex:0 0 auto;color:var(--ui-muted);transition:transform .16s ease}
.create-color-toggle[aria-expanded="true"]>svg{transform:rotate(180deg)}
.create-color-options{padding-top:10px}
.create-color-grid{
  display:flex;flex-wrap:wrap;gap:8px;padding:4px 2px 2px
}
.create-color-swatch{
  flex:0 0 30px;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;
  display:grid;place-items:center;appearance:none;
  border:1px solid color-mix(in srgb,var(--text) 24%,var(--border));border-radius:9px;
  background-color:var(--swatch);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 22%,transparent)
}
.create-color-swatch.custom{
  background:linear-gradient(135deg,#ffe8f0,#eee9ff 38%,#e5f7f6 70%,#fff3cf);color:var(--ui-muted)
}
.create-color-swatch.custom svg{width:15px;height:15px}
.create-color-swatch.active{
  border:3px solid var(--ui-fg);box-shadow:0 0 0 2px var(--surface)
}
.create-color-swatch:active{transform:scale(.94)}
.create-color-editor{
  display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center;margin-top:9px
}
.create-color-editor input[type="color"]{
  width:42px;height:36px;padding:3px;border:1px solid var(--border);border-radius:8px;
  background:var(--surface);color:var(--ui-fg)
}
.create-color-editor input[type="text"]{
  min-width:0;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;
  background:var(--surface);color:var(--ui-fg);font-size:var(--fs-sm);font-weight:700;text-transform:uppercase
}
.create-color-editor input[type="text"]:focus{border-color:var(--primary-base);outline:0}
.create-form-status{
  padding:9px 10px;border:1px solid color-mix(in srgb,var(--on-error) 22%,var(--border));
  border-radius:10px;background:var(--status-error-bg);color:var(--on-error);font-size:var(--fs-xs);line-height:1.4
}
.create-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px;margin-top:2px}
.create-actions button{
  height:var(--button-large-height);display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:0 var(--button-large-padding-x);border-radius:12px;font-size:var(--button-large-font-size);font-weight:700
}
.create-actions button svg{width:17px;height:17px}
.create-secondary{border:1px solid var(--border);background:var(--surface);color:var(--ui-muted)}
.create-secondary:active{background:var(--surface-hover);color:var(--on-surface-hover)}
.create-primary{border:0;background:var(--primary-base);color:var(--on-primary)}
.create-primary:disabled{opacity:.55}

@media (min-width:700px){
  .mobile-main{padding:26px 12px 96px}
  .note-reader-card{padding:28px 30px 56px}
  .project-mobile-body,.mindmap-mobile-body{padding-left:30px;padding-right:30px}
  .stage-carousel{margin-left:-30px;margin-right:-30px;padding-left:30px;scroll-padding-inline:30px}
  .library-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .project-card{height:154px;padding:18px;border-radius:20px}
  .project-folder{font-size:var(--fs-xs);gap:7px;margin-bottom:11px}
  .project-card-icon,.project-card-icon svg{width:12px;height:12px}
  .project-title{font-size:var(--fs-lg)}
  .work-card-subtitle{font-size:var(--fs-xs);margin-top:9px}
  .project-meta{padding-top:14px;padding-right:58px}
  .mobile-topbar{
    padding-left:max(24px,calc((100vw - var(--mobile-content-max))/2));
    padding-right:max(24px,calc((100vw - var(--mobile-content-max))/2))
  }
}

body[data-mode="dark"]{
    color-scheme:dark;
    --text:var(--text-dark);
    --text-muted:#a5a9b2;
    --border:#383d47;
    --bg:#15171c;
    --surface:#292C36;
    --surface-raised:var(--surface);
    --surface-subtle:var(--surface);
    --surface-hover:#2d323c;
    --surface-pressed:var(--surface-hover);

    --dark-primary-source:var(--theme-primary-base);
    --dark-secondary-source:var(--theme-secondary-base);
    --dark-primary-current-base:hsl(from var(--dark-primary-source) h calc(s * .7) calc(l * .8));
    --dark-secondary-current-base:hsl(from var(--dark-secondary-source) h calc(s * .7) calc(l * .8));
    --dark-primary-current-soft:hsl(from color-mix(in srgb,var(--dark-primary-source) 23%,#fff) h calc(s * .7) calc(l * .8));
    --dark-secondary-current-soft:hsl(from color-mix(in srgb,var(--dark-secondary-source) 16%,#fff) h calc(s * .7) calc(l * .8));
    --primary-base:color-mix(in srgb,var(--dark-primary-current-base) 45%,var(--dark-primary-current-soft));
    --secondary-base:color-mix(in srgb,var(--dark-secondary-current-base) 45%,var(--dark-secondary-current-soft));
    --primary-strong:var(--primary-base);
    --primary-soft:color-mix(in srgb,var(--dark-primary-current-soft) 70%,#fff);
    --secondary-soft:color-mix(in srgb,var(--dark-secondary-current-soft) 70%,#fff);

    --on-surface:var(--text-dark);
    --on-surface-muted:#a5a9b2;
    --on-surface-subtle:var(--text-dark);
    --on-surface-subtle-muted:#a5a9b2;
    --on-surface-raised:var(--text-dark);
    --on-surface-raised-muted:#a5a9b2;
    --on-surface-hover:var(--text-dark);
    --on-surface-hover-muted:#a5a9b2;
    --on-surface-pressed:var(--text-dark);
    --on-surface-pressed-muted:#a5a9b2;
    --on-primary:var(--text-light);
    --on-primary-muted:var(--text-light);
    --on-primary-soft:var(--text-light);
    --on-primary-soft-muted:var(--text-light);
    --on-secondary:var(--text-light);
    --on-secondary-muted:var(--text-light);
    --on-secondary-soft:var(--text-light);
    --on-secondary-soft-muted:var(--text-light);
    --focus-ring:var(--text-dark);

    --status-success:#75C99A;
    --status-warning:#e0bd69;
    --status-error:#F07F8D;
    --status-error-bg:#45282E;
    --status-success-bg:#243C30;
    --status-warning-bg:#3C3320;
    --on-error:#FF9AA5;
    --on-error-solid:#15171C;
    --on-success:#8BD7A9;
    --on-success-solid:#15171C;
    --on-warning:#F1C968;

    --shadow:0 12px 30px rgba(0,0,0,.24);
    --soft-shadow:0 5px 16px rgba(0,0,0,.16);
    --popup-shadow:0 18px 48px rgba(0,0,0,.34)
  }
body[data-mode="dark"][data-theme-swapped="true"]{
  --dark-primary-source:var(--theme-secondary-base);
  --dark-secondary-source:var(--theme-primary-base)
}
body[data-mode="dark"] .mobile-topbar,body[data-mode="dark"] .mobile-bottom-nav{background:color-mix(in srgb,var(--surface) 96%,transparent)}
body[data-mode="dark"] .block-text{color:var(--ui-fg)}
body[data-mode="dark"] .mindmap-reader-canvas{background-image:radial-gradient(circle,var(--border) 1px,transparent 1.2px)}
body[data-mode="dark"] .project-card{box-shadow:var(--soft-shadow)}

/* Windows 카드에서 사용하는 장식 SVG를 동일하게 재사용 */
.story-card::before,.long-story-card::before{content:"";position:absolute;z-index:0;right:12px;bottom:12px;width:52%;height:39%;pointer-events:none;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjIxLjYgNjE0LjQxIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMDAwO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSLroIjsnbTslrRfMiIgZGF0YS1uYW1lPSLroIjsnbTslrQgMiI+PGcgaWQ9IuugiOydtOyWtF8xLTIiIGRhdGEtbmFtZT0i66CI7J207Ja0IDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQ5NCw3Ny41MmMtNy41LDIuOC0xMy43LDguOC0xNy42LDE2LjdsLTMuMyw2LjctLjUsODAuNC0uNSw4MC40LTkuNC01Ni40Yy0xNS4xLTkxLjEtMTQuMi04Ny4xLTIyLjQtOTUuM2EzNS4zNiwzNS4zNiwwLDAsMC0xOC44LTkuNmMtNS45LTEuMS0xNC44LjQtMTEyLjksMTguNC0xOS41LDMuNS01NC42LDkuOS03OCwxNC4xcy01MS45LDkuNC02My41LDExLjUtMjguOSw1LjMtMzguNSw3Yy0yMC43LDMuOC0yNS45LDUuOS0zMi45LDEzLjYtNS4zLDUuNy05LjEsMTQuOS05LjEsMjEuOCwwLDEuNyw0LjEsMjYuOSw5LDU2LjFzMTIuNCw3Mi42LDE2LjUsOTYuNSwxMC42LDYxLjcsMTQuNCw4My45LDcuMSw0MC45LDcuMSw0MS4zLDEuNC44LDMsLjgsMy0uNSwzLTEtNC45LTI5LjUtMTEtNjQuMy0xMy45LTgwLjgtMTcuNS0xMDIuMi05LjQtNTQuNS0xMi42LTczLjVjLTYuNy0zOC4zLTYuOC00MS43LTIuMy01MC4xYTI3LjIzLDI3LjIzLDAsMCwxLDEyLjUtMTEuOWMzLjMtMS43LDc3LjUtMTUuNywxNjEuNC0zMC41LDEwLjUtMS44LDQ3LjUtOC42LDgyLjQtMTUsNTcuNC0xMC41LDYzLjktMTEuNSw2OC4zLTEwLjUsOS45LDIuMSwxNyw3LjYsMjAuNywxNi4xLDEuNCwzLjEsNi44LDMyLjQsMTYuMyw4OC41bDE0LjIsODMuOS42LDgxLjUuNSw4MS41LDMuMyw2LjdhMzMuMTEsMzMuMTEsMCwwLDAsMTcuOCwxNi44YzUuMywyLDcuNSwyLDg3LjUsMmg4Mmw0LjctMi44LDQuNy0yLjctODcuNS0uNWMtODIuMi0uNS04Ny43LS42LTkxLjItMi4zYTMyLjA4LDMyLjA4LDAsMCwxLTEzLjItMTMuNmwtMi4xLTQuNlYyNzkuNDJjMC0xNjIuOS4xLTE3Ny44LDEuNy0xODEuMSwyLjUtNS42LDguOC0xMiwxNC4zLTE0LjVsNS0yLjRINjUyLjJjMTY4LjYsMCwxNTctLjUsMTY1LjIsNi42YTMwLjIxLDMwLjIxLDAsMCwxLDYuNyw4LjlsMi43LDUuNHYzMzMuMmwzLjItLjMsMy4xLS4zLjUtNzJjLjUtNjguOC42LTcyLjUsMi43LTgzLDEuMi02LjEsNC45LTI3LDguMy00Ni41LDEwLjktNjMuOCwxOS4xLTEwOC4yLDIwLjQtMTExLjUsMy45LTkuMywxNC43LTE2LjUsMjUtMTYuNSw2LjYsMCwyOTUuOCw1Mi4yLDMwMi4yLDU0LjVhMjcuMTIsMjcuMTIsMCwwLDEsMTcuNCwyNS4zYzAsMy45LTUuNywzNy4zLTE0LjYsODYtMjEuMywxMTYuOS0zMy44LDE4NS4xLTM3LjgsMjA3LjQtMy45LDIxLjctNC44LDI0LjctOS42LDMwLjEtMy41LDQtMi44LDUuMiwyLjcsNC41LDIuMy0uMiwzLjMtMS40LDYtNi44YTU3LjQyLDU3LjQyLDAsMCwwLDQuNy0xNWMuOC00LjcsOS40LTUxLjksMTkuMS0xMDVzMTgtOTguOCwxOC41LTEwMS41LDQuNS0yNC44LDktNDljNi45LTM3LjQsOC4xLTQ1LjIsNy43LTUyLS40LTkuMi0zLjMtMTYtOS4yLTIyLTcuOC03LjctNi4zLTcuMy0xMDkuNC0yNi4xLTE2OS45LTMwLjktMjAxLTM2LjQtMjA2LjQtMzYuNC0xMS4xLDAtMjAuOSw0LjktMjcsMTMuNi00LjUsNi40LTUuMyw5LTkuNywzNC40LTIuMiwxMi40LTUuNywzMi40LTcuOSw0NC40cy01LjcsMzIuNC03LjgsNDUuMy00LDIzLjMtNC4zLDIzLjMtLjUtMzUuNy0uNS03OS4zdi03OS4ybC0yLjktNi4yYy0zLjctOC4xLTExLjItMTUuMy0xOC45LTE4LjFsLTUuOC0yLjItMTUzLjIuMUM1MDIuMSw3NS41Miw0OTksNzUuNTIsNDk0LDc3LjUyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTY0MC44LDE1MGMtMTkuNiw1LjItMzMuMiwyMi41LTMzLjIsNDIuMSwwLDIwLjgsMTIuMywzNi42LDMyLjksNDIuNywxNC44LDQuMywzMS4yLS41LDQyLjYtMTIuNSwxNi40LTE3LjIsMTYuNC00Mi42LDAtNTkuOEM2NzEuNywxNTAuNjIsNjU2LDE0NS45Miw2NDAuOCwxNTBabTI2LjMsOC4yYzguNiw0LjEsMTQuOCwxMCwxOC44LDE4LjEsMi45LDYsMy4yLDcuNCwzLjIsMTYuMSwwLDguMy0uMywxMC4yLTIuNywxNS01LjQsMTEtMTMuOSwxOC4yLTI1LjQsMjEuNi0xNi44LDQuOS0zNi40LTQuNC00NC0yMC45LTIuNi01LjUtMi45LTcuMy0yLjktMTYuMnMuMy0xMC41LDIuOC0xNS4zQzYyNy4xLDE1Ny4xMiw2NDguMiwxNDkuNDIsNjY3LjEsMTU4LjIyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI0NywxODguNDJhMzQuMDcsMzQuMDcsMCwwLDAtMTcuMywxNi4yYy0yLjcsNS4yLTMuMSw3LjItMy4xLDEzLjgsMCwxMy44LDUuNSwyMy42LDE2LjksMjkuOCw1LjQsMyw3LjcsMy42LDE0LjIsNCw3LjEuNCw4LjQuMiwxNC4yLTIuNiw3LjctMy42LDEzLjQtOC45LDE2LjctMTUuNywyLjItNC4zLDIuNS02LjQsMi41LTE1cy0uNC0xMC43LTIuMy0xNC4zYTM1Ljc5LDM1Ljc5LDAsMCwwLTE0LjQtMTQuN0MyNjcuMiwxODYsMjU0LjgsMTg1LjMyLDI0NywxODguNDJabTI0LDYuNWMyNS4zLDEyLjIsMTYuMiw1MS41LTExLjksNTEuNS0yMS43LDAtMzQuNC0yNS4xLTIxLjktNDMuMiwyLjctMy44LDguOS04LjUsMTMuMy05LjlTMjY2LjcsMTkyLjgyLDI3MSwxOTQuOTJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOC42LDIxMi4yMkMxLDIxNi0uMywyMjUuNzIsNi4xLDIzMi4xMmMyLjksMi45LDQsMy4zLDguMywzLjMsOS4xLDAsMTQuOS03LjksMTItMTYuNUMyMy45LDIxMS41MiwxNiwyMDguNTIsOC42LDIxMi4yMlptMTEsNi4yYTcuMzgsNy4zOCwwLDAsMSwyLDQuNWMwLDMuMS00LjEsNy41LTcsNy41cy03LTQuNC03LTcuNWMwLTMuNCwzLjMtNi41LDctNi41QTgsOCwwLDAsMSwxOS42LDIxOC40MloiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05MTcuOTEsMjMwLjcxYy0xLjEsMi45LDEuNSw0LDE0LjQsNi4yLDYuOSwxLjEsMzEsNS4zLDUzLjUsOS4yLDE1MC42LDI1LjksMTM4LjEsMjQsMTM5LjEsMjEuNSwxLjEtMi45LTEuNi00LjItMTIuMS01LjktMTMuOC0yLjMtNjQuMy0xMC45LTEzMi43LTIyLjctMzEuNy01LjUtNTguNS0xMC01OS42LTEwQTIuOTIsMi45MiwwLDAsMCw5MTcuOTEsMjMwLjcxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYzMy4xLDI0OS4xMmE4Mi4zNCw4Mi4zNCwwLDAsMC0yMy40LDcuNWMtMTUuNSw3LjQtMjguNywyMy42LTMyLjYsMzkuOS0yLDguOC0yLjEsMjYuOCwwLDI3LjUsMy4zLDEuMyw0LjMtMS40LDQuNy0xMy40LjUtMTMuOCwyLjMtMTkuNyw5LjQtMzAuMyw3LjgtMTEuOCwyMC40LTIwLDM2LjctMjMuOSwxMC42LTIuNiwzNC4xLTIuOCw0NS41LS40LDE5LjIsMy45LDM0LjQsMTQuOCw0Mi41LDMwLjIsNC44LDkuMSw1LjksMTMuOCw2LjYsMjYuNy42LDEwLjkuNiwxMSwzLjEsMTFzMi41LS4yLDIuOC04LjRhNjQuODMsNjQuODMsMCwwLDAtNi41LTMxYy01LjItMTAuOS0xNi43LTIyLjEtMjguNS0yNy45LTEyLjMtNi4xLTIzLjMtOC4yLTQyLjMtOEM2NDIuOSwyNDguNjIsNjM0LjgsMjQ4LjkyLDYzMy4xLDI0OS4xMloiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNTQuNCwyNTAuNzJjLTYuNCwyLjQtOS4yLDQuOS0yMy44LDIwLjctMTQuMSwxNS4yLTM1LjEsMzcuOS00NS44LDQ5LjNsLTUuNCw1LjctMjIuNi0xNC4zYy0xMi41LTgtMjQuMi0xNS4yLTI2LTE2LjFhMjQuMjYsMjQuMjYsMCwwLDAtMTguMi0xLjFjLTYsMi03LjMsMy4zLTMzLjUsMzEuNS05LjksMTAuNy0yMC42LDIyLjItMjMuOCwyNS43LTYsNi40LTcuMSw5LjgtMy4xLDkuOCwxLjQsMCw2LjQtNC43LDE1LjUtMTQuNSwyOC43LTMxLjIsNDIuNS00NS40LDQ1LjYtNDYuN2ExOS41MSwxOS41MSwwLDAsMSwxMi42LS40YzEuNC42LDE0LDguMiwyOCwxN3MyNS44LDE2LjEsMjYuNCwxNi4xLDYuMS01LjUsMTIuNC0xMi4zYzU1LjEtNTkuNiw1Ny45LTYyLjUsNjIuNC02NC4zLDguMi0zLjEsOS43LTIuNCw0Ni40LDIxLjUsMzkuOSwyNS45LDM3LjUsMjQuNSwzOS4xLDIyLjZhMy4yMiwzLjIyLDAsMCwwLC43LTIuOWMtLjMtLjgtNi43LTUuNC0xNC4yLTEwLjNzLTIyLjQtMTQuNS0zMy4xLTIxLjYtMjAuOS0xMy40LTIyLjYtMTQuM0MzNjcuMiwyNDkuNjIsMzU4LjksMjQ5LjEyLDM1NC40LDI1MC43MloiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05MDksMjk4LjcxYy0xLC45LS45LDQuMS4yLDQuNy41LjMsOC43LDEuOSwxOC4yLDMuNXMzMC45LDUuMyw0Ny40LDguMWMxMDQuOCwxOCwxMzUuOSwyMi45LDEzNy4yLDIxLjksMS41LTEuMywxLjctMy41LjQtNC4zLS41LS4zLTMxLjYtNS44LTY5LjItMTIuMXMtODIuOC0xNC0xMDAuNC0xN0M5MDcuMTEsMjk3LjQxLDkwOS45MSwyOTcuODEsOTA5LDI5OC43MVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04OTkuMzEsMzY2LjYxYy0zLjMsMy45LTgsMi45LDEzOS41LDI3LjksNTEsOC42LDYxLjIsMTAuMSw2Mi40LDksMS44LTEuOC44LTQuMy0yLjEtNS0xLjMtLjMtMjIuOC0zLjktNDcuOC04cy02OS0xMS42LTk3LjctMTYuNS01Mi40LTktNTIuNi05UzkwMCwzNjUuNzEsODk5LjMxLDM2Ni42MVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01NDYuMiwzNjguOTJjLS44LjktMS4zLDIuMi0uOSwzLC40LDEuMywxMy45LDEuNSwxMDcuMSwxLjMsMTAzLjUtLjMsMTA2LjctLjQsMTA3LTIuMmEyLjY5LDIuNjksMCwwLDAtMS0yLjdjLS43LS41LTQ4LjQtLjktMTA2LS45QzU1OS44LDM2Ny40Miw1NDcuNiwzNjcuNjIsNTQ2LjIsMzY4LjkyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQwOS42LDM3MC4zMmMtNS4yLDEtMzIuOSw1LjktNjEuNSwxMC45LTg5LjMsMTUuNy0xNDUuNCwyNS44LTE0Ni41LDI2LjVzLTEuMyw0LjItLjIsNC45Yy41LjMsMTguNC0yLjYsMzkuOC02LjRzNjAuNy0xMC43LDg3LjQtMTUuNSw1Ny41LTEwLjEsNjguNS0xMi4xYzI2LjMtNC41LDI0LjUtNCwyNC41LTYuOCwwLTEuMy0uNi0yLjYtMS4yLTIuOFM0MTQuOCwzNjkuMzIsNDA5LjYsMzcwLjMyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU4Ny42LDQwOS45MmEzLjA5LDMuMDksMCwwLDAtLjYsM2MuNSwxLjMsOC4xLDEuNSw2NS4zLDEuMyw2Mi41LS4zLDY0LjgtLjQsNjUuMS0yLjJhMi42OSwyLjY5LDAsMCwwLTEtMi43Yy0uNy0uNS0yOS43LS45LTY0LjQtLjlDNTk3LjMsNDA4LjQyLDU4OC43LDQwOC42Miw1ODcuNiw0MDkuOTJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzgxLjEsNDE4LjIyYy01LjUsMS00Ni40LDguMi05MSwxNi01Mi41LDkuMi04MS41LDE0LjYtODIuNSwxNS42LTEuMiwxLjItMS4yLDEuNi4yLDMsMS44LDEuOC0xLjEsMi4yLDY2LjMtOS43LDE1LjQtMi43LDM0LjgtNi4xLDQzLTcuNXMyNC43LTQuMywzNi41LTYuNCwyNS45LTQuNiwzMS4zLTUuNWMxMC0xLjgsMTIuMS0zLjEsOS43LTZDMzkzLjEsNDE1LjkyLDM5My44LDQxNS45MiwzODEuMSw0MTguMjJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNODMzLjEsNDQ4Yy0yMS42LDIuMS0yNy43LDIuOS0zOS4xLDUtNDIuMyw3LjctNzcuOSwyMi42LTEzNS4zLDU2LjctMzQuNCwyMC40LTU0LjgsMzEuMi03MS42LDM3LjktMzQuNSwxMy45LTcxLjIsMjAuMy0xMDMuMiwxNy45LTQxLjktMy4yLTc1LjEtMTMuMi0xNTAuOC00NS42LTU0LjgtMjMuNC04Ny4yLTM0LjItMTE4LjUtMzkuNC0zNy41LTYuMi03MC43LTUuMS0xMDYuNCwzLjYtMTUuMSwzLjctMTkuMiw1LjctMTcuOSw4LjkuNywxLjgtLjUsMiwxOC40LTIuOSwyMS41LTUuNSwzNS45LTcuMiw2MS40LTcuMSw0NywuMiw4Mi4zLDkuMywxNTQuNSwzOS45LDY0LjYsMjcuNCw4Ny4yLDM1LjYsMTE3LDQyLjRhMjM1LjQzLDIzNS40MywwLDAsMCw1Niw2LjRjNDkuNiwwLDg5LjItMTIuOSwxNTEtNDkuMywzNi4yLTIxLjQsNDYuOS0yNy4zLDYxLjUtMzQuNSw0OC4yLTIzLjYsOTAuMy0zMy44LDEzOS41LTMzLjksMzAuMSwwLDUyLjcsMi45LDgzLjUsMTAuNSwyOC4zLDcuMSw0NS42LDEzLDEwMCwzNC40LDcwLDI3LjUsOTMuNiwzMy4zLDEzMSwzMi4yLDE4LjctLjYsMzIuMS0yLjcsNDguMy03LjcsNS43LTEuNyw3LjItMi42LDcuMi00LjFhMi45LDIuOSwwLDAsMC0xLjQtMi41Yy0uOC0uMy03LjksMS0xNS44LDMtMTkuMiw0LjgtMzAuNyw2LTUwLjcsNS4zLTMyLjYtMS01MS45LTYuNC0xMjMuOS0zNC44LTY0LjItMjUuMy05OS43LTM1LjUtMTQxLjItNDAuNEM4NzQuMyw0NDguNDIsODQwLjksNDQ3LjIyLDgzMy4xLDQ0OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00NzQuMSw0OTRjLTIuMSw0LTcuNyw4LjgtMTIuNywxMC44LTEuOC44LTIxLjUsNC40LTQzLjgsOC4xcy00MS4yLDYuOS00Miw3LjIuNCwxLjMsMy41LDIuNWM0LjgsMiw1LjMsMiwxNC41LjUsNDAuMy02LjYsNjUuMy0xMS4yLDY5LjctMTIuOSw2LjEtMi4yLDE0LjUtOS40LDE2LjMtMTMuOSwxLjItMi44LDEuMi0zLjMtLjUtNC41QzQ3Ni41LDQ4OS45Miw0NzYuMyw0OTAsNDc0LjEsNDk0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE4OC45LDU4Ny40MmMtOC44LDUuMy04LjIsMTksMSwyMy4zLDQuMywyLjEsNy43LDIuMSwxMi4yLjMsNS4yLTIuMiw3LjctNi45LDcuMi0xMy41LS4zLTQuNy0uOS01LjktNC04LjhzLTQuNC0zLjMtOC40LTMuM0ExNS4zLDE1LjMsMCwwLDAsMTg4LjksNTg3LjQyWm0xMi45LDZjMi41LDIuNiwyLjksMy42LDIuNCw2LjNhNy45NCw3Ljk0LDAsMCwxLTcuOSw2LjdjLTcsMC0xMC4zLTguNS01LjItMTMuNUMxOTQuNCw1ODkuNTIsMTk4LjEsNTg5LjcyLDIwMS44LDU5My40MloiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMTcyLjEsNTkwLjYyYy00LjMsNC01LjQsOC44LTMuMiwxNC4xLDIuNiw2LjEsMTAuNSw5LjUsMTUuNyw2LjcsMS4xLS42LDMuMy0zLDUtNS40LDQuMi02LjIsNC4xLTEwLjctLjQtMTUuMi0zLTMtNC0zLjQtOC41LTMuNFMxMTc1LjEsNTg3LjkyLDExNzIuMSw1OTAuNjJabTEzLDQuM2MzLjEsMywzLjIsNi4yLjMsOS4yLTQuMiw0LjUtMTEuOCwxLjctMTEuOC00LjQsMC0zLjQsMy42LTcuMyw2LjctNy4zQTgsOCwwLDAsMSwxMTg1LjEsNTk0LjkyWiIvPjxwYXRoIGQ9Ik0xMTExLjU1LDEuMzZhMTcuODMsMTcuODMsMCwwLDAtMi4xNCw1Yy0yLjYyLDkuMi03LjkzLDE0LjY3LTE3LDE3LjY4LTQuNjgsMS41MS01Ljg3LDIuMy02LjQyLDQtMS40MywzLjg4LjE2LDYuMSw1LjcxLDguMDksOS42NywzLjQ4LDE0LjgzLDguNDgsMTcuMzYsMTcsMS42Nyw1LjQ3LDMsNy4yMiw1LjcxLDcuMjJhNS45MSw1LjkxLDAsMCwwLDYtNC45MmMxLjUtOCw4LTE1Ljc4LDE1LjMtMTguMzlzOC43Mi0zLjQ5LDkuMTItNS41NWMuNzEtMy41Ny0xLTUuMzItNi43NC03LjIyLTUuNjMtMS45LTYuNDItMi4zOC0xMC43OC02LjI2LTIuNjItMi4zOC03LjIyLTEwLjc4LTcuMjItMTMuMTZhNi4yNiw2LjI2LDAsMCwwLTEuMjctM0MxMTE3LjY2LS4zOSwxMTEzLjI5LS42MywxMTExLjU1LDEuMzZabTcuNjEsMjEuMDlhMjcuODksMjcuODksMCwwLDAsNi4xMSw1LjU1YzEuNjYuOTUsMy4wOSwxLjksMywyLjE0cy0xLjY2LDEuNDMtMy43MywyLjc3YTI3LDI3LDAsMCwwLTYuNTgsNi41MWwtMi44NSw0LjEyLTIuNDYtMy44MWEyNi43NSwyNi43NSwwLDAsMC02LjUtNi41Yy0yLjE0LTEuNTEtNC0yLjg1LTQtMy4wOXMxLjQzLTEuMTksMy4yNi0yLjIyYTMwLjY5LDMwLjY5LDAsMCwwLDYuNS02LjExYzEuODItMi4zOCwzLjQ5LTQsMy43Mi0zLjcyUzExMTcuNSwyMC4zMSwxMTE5LjE2LDIyLjQ1WiIvPjxwYXRoIGQ9Ik0xMDQuMTYsMzEuNDlhMTAuNzUsMTAuNzUsMCwwLDAtMS44Myw0LjJjLTEuOSw5LTguNjQsMTYtMTguMjMsMTktNC4yOCwxLjM1LTUuOTUsMi45My01Ljk1LDUuNzEsMCwyLjQ1LDIuNDYsNS4zOSw0LjYsNS4zOSwyLjkzLDAsMTEsNC42LDEzLjg4LDcuOTMsMi42OSwzLjE3LDYuMSwxMC40Niw2LjEsMTMsMCwxLjc0LDIuNzgsMy42NSw1LjMxLDMuNjUsMi45NCwwLDQuNDQtMS42Nyw1LjcxLTYuMzUsMi42Mi05LDguMDktMTQuODIsMTYuNTctMTcuNDQsNi41OC0yLjA2LDcuMy0yLjY5LDcuMy02LjUsMC0zLjQxLjM5LTMuMDktOS02LjU4QzEyMS41Miw1MC45MSwxMTUsNDMuMywxMTMuNDMsMzUuNjljLS43OS0zLjgxLTIuNTMtNS41NS01LjU1LTUuNTVBNS42NSw1LjY1LDAsMCwwLDEwNC4xNiwzMS40OVpNMTExLDUxLjU1YTMxLjIsMzEuMiwwLDAsMCw2LjQyLDYuNWwzLjQ5LDIuNDYtMy41NywyLjM3YTMxLjUzLDMxLjUzLDAsMCwwLTYuNSw2LjUxbC0zLDQuMTItMi41NC0zLjgxYTI1LjExLDI1LjExLDAsMCwwLTYuNS02LjQyYy0yLjE0LTEuNDMtMy44OS0yLjc3LTMuODktM3MxLjY3LTEuNTEsMy43My0yLjc4YTI4LjE0LDI4LjE0LDAsMCwwLDYuNS02LjE4QTQyLjc4LDQyLjc4LDAsMCwxLDEwOCw0Ny41OFoiLz48L2c+PC9nPjwvc3ZnPg==") right bottom/contain no-repeat;filter:brightness(0) invert(1);opacity:.38}
.note-card::before{content:"";position:absolute;z-index:0;right:12px;bottom:12px;width:39%;height:47%;pointer-events:none;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NTMuMTYgNjY3LjIxIj48ZyBpZD0i66CI7J207Ja0XzIiIGRhdGEtbmFtZT0i66CI7J207Ja0IDIiPjxnIGlkPSLroIjsnbTslrRfMS0yIiBkYXRhLW5hbWU9IuugiOydtOyWtCAxIj48cGF0aCBkPSJNMzg5LjMxLjE3Yy0xOSwuNS0zMC4xNS44MS0xMDYuNzMsMi40NEMyNTAuNzcsMy4yNSwyNDYsMy41NCwyNDIsNUEyOC4yOSwyOC4yOSwwLDAsMCwyMjQsMjYuNmMtLjQ5LDMuMTQtLjYsMTMtLjM2LDI0Ljg0bC41OSwxOS42OS0xMC4zOC0uNjVjLTE1LjUzLTEtMjQuMywxLjI5LTM0LjM3LDguODJBNDUuNzEsNDUuNzEsMCwwLDAsMTY1LjM0LDk2TDE2Mi43MiwxMDEsMTU3LDE1MC42NGwtNS43NSw0OS42MkwxMzcuNywxOTkuMmMtMTMuMzctMS0xMy41Mi0xLjA2LTE3LjU2LjlhMTcuNjIsMTcuNjIsMCwwLDAtNi4yMywyNi42OGM0LjEyLDUuMzksNS40Myw1Ljg1LDIwLDcuOWwxMy4zNiwxLjg0LTUsNDYuMTItNSw0Ni4xMS0xNC0xLjExYy0xMy45Mi0xLjEtMTMuOTItMS4xLTE3LjY0Ljg5QzEwMS4yNCwzMzEsOTcsMzM3LjE2LDk2LjQ3LDM0MmExOC4xMiwxOC4xMiwwLDAsMCw4LjA5LDE3LjM4YzIuNiwxLjc5LDQuNDYsMi4yMywxNi4xOCwzLjc0bDEzLjE0LDEuNzMtNSw0Ni01LDQ2LTEzLjE5LTEuMTFjLTExLjU1LS45Mi0xMy43LS45MS0xNi42MS4yMS0xMy4wOCw1LjEzLTE1Ljc0LDIyLjM4LTQuNzgsMzEsMi41OCwyLDMuOSwyLjI2LDE2LjU1LDRsMTMuNzYsMS44OC00LjU0LDQ1Ljc3Yy00LjQzLDQ0Ljc0LTQuNTQsNDUuODQtMy4yOSw1MC41MmE1MSw1MSwwLDAsMCwyNS4zNCwzMS45Mmw1LjA2LDIuNjIsMjA0Ljg2LDIyLjMzYzIyNS44MywyNC41MSwyMDguNjksMjMuMDYsMjIwLDE5LDcuOC0yLjgzLDE3LTEwLjIxLDIxLjgxLTE3LjQzLDctMTAuNTYsNi41LTcuNzUsMTMuNzctNzUuMTUsNi40OS02MC4yMyw2LjUtNjAuMzEsOC40NS02Mi44OSwyLjUtMy4xNiwxNC4yOS0xOS4zNSw1NC45NS03NS40MSw1MS43OS03MS4zOCw1NC44LTc1LjYsNTYuNDItNzkuNDksMS4wNy0yLjYsMS43LTYuMiwyLTExLjQyLjQ2LTYuNDkuMjctOC40My0xLjQ0LTEzLjI0LTIuNDgtNy4zNi01LjI3LTExLjczLTEwLjUtMTYuNTJhMzYuMywzNi4zLDAsMCwwLTM2Ljk1LTcuMThjLTkuMTMsMy4zMy0xMi40NCw2LjcyLTI2LDI2LTE1Ljg0LDIyLjYxLTIyLjg4LDMyLjQ2LTIzLjkzLDMzLjMxLS40NC4zNSwzLjQ1LTM4LjYzLDEwLjQyLTEwMy4zNSw5LjU5LTg4LjkyLDExLjE0LTEwNC43OCwxMC41OC0xMDkuMTUtMi0xNi0xMi41Ni0zMC0yOC4yOS0zNy4xOC00LTEuODYtOC45MS0yLjQ4LTkwLjA4LTExLjQ3bC04NS45LTkuNS0uNzgtMzUuNjVjLS44Mi0zOS43My0xLjA1LTQxLjI3LTctNDguNjlDNDI3LDEsNDE5Ljk0LS42LDM4OS4zMS4xN1pNNDIwLjA5LDExLjNjMy44MSwxLjYxLDguNCw2LjQxLDEwLDEwLjU3LDEuMTcsMy4yNCwxLjM0LDguMjgsMy42MywxMDkuODguMjIsOC4zMi4yNywxNS4xOS4xMSwxNS4yNXMtMy45My4xMy04LjU2LjE5Yy0xNiwuMTEtMjQsLjY4LTI3LjA3LDEuODdhMjEuMTIsMjEuMTIsMCwwLDAtMTMuMjksMTcuNDZjLS40NCw0LjEtLjMyLDIyLjk0LjIzLDMxLjEzLjIzLDMuMDYsNS43OCwyLjYyLTQ3LjIsMy42LTIyLjUzLjM3LTUxLDEtNjMuMjEsMS4yNC0xOC45NS40My0yMi43Ni4yNi0yNS43Ni0uNzgtNi4zNi0yLjM2LTExLjI1LTguMDctMTIuMzQtMTQuMTctLjI0LTEuNTQtLjc4LTE3Ljk1LTEuMTgtMzYuNDFzLTEuMTEtNTMuMzEtMS42Mi03Ny40NWMtLjY0LTI4Ljc4LS43Mi00NS4wNi0uMS00Ny4xNGExOS40NiwxOS40NiwwLDAsMSw5Ljk1LTExLjY5YzQuMjgtMS45My01LjMzLTEuNTMsMTA0LjE3LTMuODQsMjktLjYyLDU1LjA4LTEuMjQsNTgtMS4zM0M0MTMuMzUsOS40Niw0MTYuODEsOS45MSw0MjAuMDksMTEuM1pNNjE2LDEyNS42NUEzNS40MSwzNS40MSwwLDAsMSw2MzQuNzEsMTQ1YzMuOCw5LjE4LDQuMiwzLjI0LTksMTI1LjkxbC0xMi4xLDExMi4yNS0xOC41MiwyNmMtMjQuMDgsMzQtNTksODMuMTEtOTQuODksMTMzLjc5bC05LjY5LDEzLjcxLTcuMzgsMzAuN2MtNCwxNi44OC03LjQ4LDMyLjQ1LTcuNzEsMzQuNTgtLjM3LDMuMzktLjE0LDQuMjEsMi40LDcuMjcsMi43NCwzLjQxLDIuODksMy41MSw3LjQyLDMuNjhzNS4xMS0uMDksMTYuMTItNi43MmM2LjMxLTMuNzksMTkuNTMtMTEuNzcsMjkuMzQtMTcuNzMsMTQtOC4zOCwxOC4zOC0xMS40MiwxOS43My0xMy41OCwxLTEuNTcsOS4xNi0xMy4yMSwxOC4yNS0yNS43OVM1ODgsNTQyLjEsNTkxLjU0LDUzNy4yMmw2LjM4LTguODgtNS40NCw1MC40NWMtNC41Niw0Mi4yNS01LjY4LDUxLjIyLTcuMTIsNTQuOS00LjExLDEwLjgtMTEuNjEsMTguMi0yMi41NywyMi4yOGwtNy4wNiwyLjU5TDM1Miw2MzYuODMsMTQ4LjI5LDYxNWwtNS43OC0yLjYyYTM2LjA2LDM2LjA2LDAsMCwxLTE4LjYtMTguMzVjLTQuMi05LjA3LTQuMjQtOC43NSwxLTU3bDQuNy00My41OSw4LjUxLDFjNy4xNi45Myw4LjkyLjg4LDExLjc1LS4yNSw2LjgzLTIuNywxMS4wOC04LjE0LDExLjgxLTE0LjkyLjU3LTUuMjgtLjUyLTkuMjItMy42OS0xMy4wOC00LTUtOC02LjQ0LTIyLjM0LTguMDdsLTIuMi0uMjMsNS00Ni4xMiw1LTQ2LjEyLDYuOTQuNzVjMTAuOCwxLjE3LDE2LjU2LS40NSwyMS4yMi02YTE3LDE3LDAsMCwwLDEuMjMtMjFjLTMuOTItNS44NS02LjcyLTcuMTktMTYuODktOC4yOWwtOC42Ny0uOTMsNS00Ni41MSw1LTQ2LjUxLDcuNzIuODNhNTEuNTQsNTEuNTQsMCwwLDAsMTAuNzYsMEExNy45NCwxNy45NCwwLDAsMCwxODUuMjEsMjA5Yy0zLjM5LTQtNi43Ni01LjM2LTE1LjktNi4zNGwtOC4zNi0uOSw1LjUzLTQ5LjA5TDE3MiwxMDMuNTNsMy41NS01LjU5QzE3OS45LDkxLjA3LDE4NCw4Ny4yLDE5MC4xNSw4NGM3LjY4LTQsMTIuOTQtNC42NywyNC41LTMuMThsOS43NSwxLjI5LjQzLDIxLjE4Yy4xOCwxMS42Ni43NywzNS44MSwxLjIyLDUzLjguNzcsMzEuMjYuODUsMzIuNzksMi44LDM3LjYyYTI4LjEsMjguMSwwLDAsMCwxOS42MywxNi44N2M0LjI5Ljk0LDE5LjA2Ljc4LDEwOS42MS0xLDQzLjYzLS44LDQyLjIzLS4zOSw1Ni44NC0xNi4xMiw0LjE1LTQuNDIsMTEtMTEuNjUsMTUuMjItMTYuMTQsOC04LjQ3LDExLjI4LTEzLjYyLDEyLjgzLTIwLjYzLjc2LTMuMzUuNjQtMzcuNzMtLjI1LTUwLjE5bC0uMDktMi4xNiw2Ljg5LjVjMy44LjI1LDQxLjc5LDQuMzUsODQuMzUsOS4xQzYwOS41NCwxMjMuMjgsNjExLjUsMTIzLjU3LDYxNiwxMjUuNjVaTTQzMS41NiwxNjAuMDdjLTIsNC44LTIuODUsNS43NS0xNi40NSwyMC4xNi0xMC44LDExLjQzLTE4LjMxLDE4LjItMjAsMTgtLjU1LS4wNi0xLjI1LTI2LjEzLS43My0zMC4yMmExNC44NCwxNC44NCwwLDAsMSwxLjg0LTUuMjNjMi44OS00LjYzLDUuMzYtNS40LDE5LjYtNS43OCw3LS4yLDEzLjgzLS4zNCwxNS0uMjlsMi4xMy4xNVptLTI1My43Miw1NS4xYTcuNzgsNy43OCwwLDAsMSwxLjA5LDkuOTNjLTMsNC40NS0zLjkyLDQuNTItMzEsMS4zNmwtMjQuNDktMi44OC0yLTIuODVjLTIuODQtNC0yLjMxLTguMTQsMS4zNi0xMS4xbDIuNy0yLjE4LDI1LjA3LDIuNzEsMjUuMDcsMi43Wk03MDIuNiwzMTcuODVhMjkuNiwyOS42LDAsMCwxLDExLjE5LDEzLjhjMS41Niw0LDEuNjcsNS4yMS45LDEyLjNsLS44NSw3Ljg5LTYuOTMsOS42MWMtMy43Nyw1LjM0LTcsOS43Ny03LjMsMTAtLjQ0LjM2LS4yOS40NS0yNC41NC0xNy4yNC05LjkxLTcuMjEtMTguMTUtMTMuNi0xOC4zMy0xNC4xNy0uMzMtMS4zMiwxMS4zMy0xNy43NiwxNC41OC0yMC41Miw1Ljg4LTUsMTEuOTQtNi41MywyMC42Ni01LjI3QzY5Ny4zMiwzMTUsNjk5LjM5LDMxNS43NSw3MDIuNiwzMTcuODVaTTY2Ni43OSwzNjBjOC41LDYuMTgsMTgsMTMuMTksMjEuMjEsMTUuNTNsNS42OSw0LjItMS43NywyLjM2Yy0uOTMsMS4yNS0xMiwxNi40MS0yNC40NSwzMy43M3MtMjguMSwzOC43NS0zNC42NSw0Ny43Yy0xNS4zNSwyMS4wNy0zOC44OSw1My43OC02Ni4zMiw5Mi4xMy0xMi4xLDE2Ljg4LTIyLjMyLDMxLTIyLjY3LDMxLjI5LS43LjU2LTM5LjQ3LTI2LjY2LTQxLjMtMjguOTMtLjU2LS43LDEuMjEtMy43OCw2Ljg1LTExLjcxLDQuMjItNS45MiwxNi4wNy0yMi41OSwyNi40LTM3QzU1My4yNyw0ODQuNjEsNTcxLjQzLDQ1OSw1OTYsNDI0LjQ1YzUuODItOC4xNCwxNC42Ny0yMC42NiwxOS43NC0yNy43NywzMy44NS00Ny42MywzNC4yMi00OC4xNSwzNS00OC4wNkM2NTEsMzQ4LjY1LDY1OC4yMiwzNTMuNzMsNjY2Ljc5LDM2MFpNMTY0LjIsMzQzLjkzYzEuOTIsMi4xMiwyLjI5LDMuMTIsMiw1LjhzLTEsMy42NC0zLjIzLDUuNTVsLTIuOCwyLjI1LTIzLjgzLTIuMzNjLTE3LTEuNjctMjQuNDMtMi43MS0yNS45NC0zLjUxLTUuNDItMy02LjI2LTEwLTEuNjMtMTMuNzRsMi41My0yLDI1LjMxLDIuNzMsMjUuMywyLjczWk0xNDkuNjksNDcxLjA4YzIuMjYsMiwzLjQ3LDYuMjcsMi40Niw5YTExLjIsMTEuMiwwLDAsMS0zLjIsMy44bC0yLjQ0LDEuOS0yMy4yMy0yYy0yNS4xOS0yLjMyLTI3LjY4LTIuODMtMzAuMi02Ljg1YTkuMjMsOS4yMywwLDAsMSwuNzItOS42NWMzLjA5LTMuNDksNC45My0zLjUzLDMwLjI4LS41NkMxNDUuNTEsNDY5LjE5LDE0Ny45NCw0NjkuNjEsMTQ5LjY5LDQ3MS4wOFptMzY2LjYsMTA4Ljc0YzEwLjE0LDcuMjQsMTguNjQsMTMuNSwxOSwxMy44NnMtMy42MSwzLjEyLTguNjQsNi4xNi0xNi4yOCw5LjczLTI1LDE0LjkzYy0xMi4zNyw3LjQ0LTE1LjkyLDkuMjktMTYuNjIsOC40MnMtLjI5LTMuMjIsMS42My0xMC43NWMxLjM4LTUuMzUsNC40LTE3Ljg3LDYuNjctMjcuODNzNC4yNi0xOCw0LjM0LTE4UzUwNi4xNSw1NzIuNTEsNTE2LjI5LDU3OS44MloiLz48cGF0aCBkPSJNMjQ3Ljc1LDI5NmE0LjUyLDQuNTIsMCwwLDAtMi4wNiwzLjc2Yy0uNTksNS41Mi0xMC43LDQsMTI2Ljc4LDE4LjcsMTIxLjcsMTIuODgsMTIzLjkyLDEzLjEyLDEyNS4xMiwxMS43M2E1Ljc0LDUuNzQsMCwwLDAsLjctNi40NmMtLjg4LTEuNjEtMy4xLTEuODUtMTI0LjgzLTE1LjIyQzI2MiwyOTYuMzQsMjQ5LjM1LDI5NS4wNSwyNDcuNzUsMjk2WiIvPjxwYXRoIGQ9Ik0yMzcuMjQsMzkwYTUuMjIsNS4yMiwwLDAsMC0uNjUsNi43MWMxLjEyLDEuNCwxMC44OSwyLjUzLDEyNS4zMSwxNC44NywxMTkuMjMsMTIuODUsMTI0LjEzLDEzLjMsMTI1LjM5LDEyLjA4YTUuMjQsNS4yNCwwLDAsMCwuNjUtNi43MWMtMS4xMy0xLjM5LTEwLjktMi41My0xMjUuMzItMTQuODZDMjQzLjM5LDM4OS4yMywyMzguNDksMzg4Ljc4LDIzNy4yNCwzOTBaIi8+PHBhdGggZD0iTTIyNy4xNyw0ODYuODVjLTIuMTYsMS4yOC0yLjg2LDUuNjctMS4xOCw3LjQ1Ljg2LDEuMDUsMjEuMDYsMy4zOCwxMjQuODksMTQuNTgsMTIwLjc5LDEzLDEyMy45LDEzLjM2LDEyNS42MiwxMmE0LjczLDQuNzMsMCwwLDAsLjgxLTYuNzdDNDc2LDUxMi40LDQ3NSw1MTIuMywzNTIuNDcsNDk5LjA4LDI0MS45LDQ4Ny4xNiwyMjguNzcsNDg1LjksMjI3LjE3LDQ4Ni44NVoiLz48cGF0aCBkPSJNNzIyLjYyLDEwMi41M2ExOCwxOCwwLDAsMC0yLjY2LDQuNzRjLTMuNTksOC44Ni05LjQ2LDEzLjczLTE4Ljc3LDE1Ljc2LTQuODEsMS02LjA4LDEuNjYtNi44MSwzLjI1LTEuODMsMy43MS0uNDksNi4wOSw0LjgxLDguNjYsOS4yNCw0LjUsMTMuODMsMTAsMTUuNDUsMTguNzMsMS4wNyw1LjYyLDIuMjIsNy40OSw0LjksNy43OEE1LjksNS45LDAsMCwwLDcyNiwxNTcuMmMyLjM1LTcuOCw5LjY1LTE0LjgzLDE3LjE4LTE2LjY0czkuMDUtMi41NCw5LjY3LTQuNTVjMS4wOS0zLjQ3LS4zOC01LjM4LTUuOTMtNy44OS01LjQtMi41LTYuMTMtMy4wNS0xMC03LjM5LTIuMzUtMi42NC02LTExLjQ5LTUuNzYtMTMuODVhNi41Myw2LjUzLDAsMCwwLS45NC0zLjE0QzcyOC44OCwxMDEuNDUsNzI0LjU3LDEwMC43NSw3MjIuNjIsMTAyLjUzWm01LjMxLDIxLjc5YTI3Ljc0LDI3Ljc0LDAsMCwwLDUuNDcsNi4xN2MxLjU2LDEuMTMsMi44NywyLjIyLDIuNzcsMi40NXMtMS44MSwxLjI0LTQsMi4zNmEyNi45LDI2LjksMCwwLDAtNy4yNCw1Ljc2bC0zLjI4LDMuNzktMi00YTI2LjQ4LDI2LjQ4LDAsMCwwLTUuNzctNy4xNiwyNC4yNiwyNC4yNiwwLDAsMS0zLjYxLTMuNWMwLS4yNCwxLjU1LTEsMy40Ny0xLjg2YTMwLjE5LDMwLjE5LDAsMCwwLDcuMTItNS4zOGMyLjA3LTIuMTYsMy45MS0zLjY0LDQuMTEtMy4zUzcyNi41LDEyMiw3MjcuOTMsMTI0LjMyWiIvPjxwYXRoIGQ9Ik0yOSw1ODkuMTdhMTAuNzQsMTAuNzQsMCwwLDAtMi4yNiw0Yy0yLjg1LDguNy0xMC4zMSwxNS0yMC4xNywxNy00LjQuODgtNi4yMywyLjI4LTYuNTMsNS0uMjYsMi40NCwxLjg3LDUuNjIsNCw1Ljg1LDIuOTEuMzIsMTAuNDYsNS43NiwxMi45NCw5LjM4LDIuMzQsMy40NCw0Ljk1LDExLjA2LDQuNjgsMTMuNTgtLjE5LDEuNzMsMi4zNywzLjkyLDQuODksNC4xOSwyLjkyLjMyLDQuNTktMS4xOCw2LjM1LTUuNjksMy41Ny04LjcxLDkuNjMtMTMuODgsMTguMzUtMTUuNTcsNi43Ni0xLjM0LDcuNTQtMS45LDgtNS42OC4zNi0zLjM5LjczLTMtOC4yOC03LjUxLTYuNzQtMy4zNi0xMi4zOS0xMS42Mi0xMy4xNS0xOS4zNi0uMzgtMy44Ny0xLjkyLTUuNzktNC45Mi02LjEyQTUuNjcsNS42NywwLDAsMCwyOSw1ODkuMTdabTQuNjMsMjAuNjdBMzEuMDYsMzEuMDYsMCwwLDAsMzkuMyw2MTdsMy4yLDIuODItMy44LDJhMzEuNDUsMzEuNDUsMCwwLDAtNy4xNiw1Ljc3bC0zLjQ0LDMuNzhMMjYsNjI3LjI4YTI1LDI1LDAsMCwwLTUuNzgtNy4wOCwxOS41MywxOS41MywwLDAsMS0zLjU0LTMuNDFjMC0uMjQsMS44Mi0xLjMyLDQtMi4zNkEyOC40OCwyOC40OCwwLDAsMCwyNy44LDYwOWE0My4yNyw0My4yNywwLDAsMSwzLjMyLTMuNFoiLz48L2c+PC9nPjwvc3ZnPg==") right bottom/contain no-repeat;filter:brightness(0) invert(1);opacity:.38}
.mindmap-card::before{content:"";position:absolute;z-index:0;right:12px;bottom:12px;width:43%;height:49%;pointer-events:none;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NzYuMjkgNzY5LjU4Ij48ZyBpZD0i66CI7J207Ja0XzIiIGRhdGEtbmFtZT0i66CI7J207Ja0IDIiPjxnIGlkPSLroIjsnbTslrRfMS0yIiBkYXRhLW5hbWU9IuugiOydtOyWtCAxIj48cGF0aCBkPSJNMzkwLjQ0LDEuNDdhMTksMTksMCwwLDAtMi4zMiw1LjRjLTIuODIsOS45NC04LjU3LDE1Ljg1LTE4LjM0LDE5LjExLTUsMS42Mi02LjM0LDIuNDgtNi45NCw0LjI4LTEuNTQsNC4yLjE3LDYuNiw2LjE3LDguNzQsMTAuNDYsMy43NywxNiw5LjE3LDE4Ljc3LDE4LjM0LDEuOCw1LjkyLDMuMjYsNy44LDYuMTcsNy44YTYuMzgsNi4zOCwwLDAsMCw2LjQzLTUuMzFDNDAyLDUxLjE3LDQwOSw0Mi43Nyw0MTYuOTIsNDBzOS40My0zLjc4LDkuODUtNmMuNzgtMy44Ni0xLTUuNzUtNy4yOC03LjgtNi4wOC0yLjA2LTYuOTQtMi41Ny0xMS42Ni02Ljc3QzQwNSwxNi44MSw0MDAsNy43Miw0MDAsNS4xNWE2LjgsNi44LDAsMCwwLTEuMzctMy4yNUMzOTctLjQyLDM5Mi4zMi0uNjgsMzkwLjQ0LDEuNDdabTguMjMsMjIuNzlhMjkuODYsMjkuODYsMCwwLDAsNi41OSw2YzEuOCwxLDMuMzUsMi4wNiwzLjI2LDIuMzJzLTEuOCwxLjU0LTQsM2EyOS4yMiwyOS4yMiwwLDAsMC03LjExLDdsLTMuMDksNC40Ni0yLjY1LTQuMTJhMjguNzYsMjguNzYsMCwwLDAtNy03Yy0yLjMxLTEuNjMtNC4yOC0zLjA5LTQuMjgtMy4zNHMxLjU0LTEuMjksMy41MS0yLjRhMzMuMzEsMzMuMzEsMCwwLDAsNy02LjZjMi0yLjU3LDMuNzctNC4zNyw0LTRTMzk2Ljg3LDIyLDM5OC42NywyNC4yNloiLz48cGF0aCBkPSJNNzQ3LjU0LDM5Ljg2QzY3My40MSw1MC43NCw1NTUuNzUsMTI1LjU2LDQ0NSwyMzIuMjVsLTIwLjE0LDE5LjM3LTguMTQsNy44LTkuNDMsMS40NWMtMjIuMiwzLjUyLTU4LjQ1LDExLjE1LTg3Ljg0LDE4LjUyLTU5LDE0Ljc0LTExOC42MSwzNS40Ny0xNjMuODUsNTcuMTZsLTExLjc1LDUuNjUtNC43OS00LjM3YTMxLjMyLDMxLjMyLDAsMCwwLTM4LjQtMy40M2MtOS41MSw2LjA5LTE1LDE3LjQ5LTE0LDI5LjIzYTUxLjg2LDUxLjg2LDAsMCwwLDEsOGMuNDMsMS41NC0uNjksMi41Ny03LjQ2LDcuMi0yMy40OCwxNS45NC00Ny45LDM4LjA1LTYwLjE2LDU0LjQxQzEzLjcxLDQ0MS43OCw0LjExLDQ2MC4zOCwyLDQ2OC4zNS0uMTcsNDc2LjQ5LS42OSw0OTAuMjksMSw0OTguNTJjOC44Miw0My43LDY2LDc1LDE2NS40OCw5MC42Niw3LjU0LDEuMiwxNC45MSwyLjMyLDE2LjI4LDIuNThsMi41Ny40MkwxODEsNjA1LjcyYy0xMC44LDMyLjU3LTE1LjI1LDYwLjg1LTEzLjIsODIuMSwxLjI5LDEzLjM3LDMuNDMsMjEuNDMsOC4yMywzMS4xMSw2Ljc3LDEzLjgsMTguODYsMjQsMzQuMTEsMjguOCwyMC4xNCw2LjQyLDQ3LjgyLDQuODgsNzguMzMtNC4zNywyMy43NC03LjIsNTktMjMuNDksODcuNzUtNDAuNDVsMTMuMzctOCwzLjk0LDIuOTFjNS44Myw0LjU0LDExLDYuMTcsMTguOTQsNi4wOCwxMy0uMDgsMjMuMjMtNi41OSwyOC42My0xOC4zNCwyLjQ4LTUuMzEsMi45MS03LjExLDIuODItMTIuNzZhMzkuMTMsMzkuMTMsMCwwLDAtMS4yLTEwLjEybC0xLjI4LTMuNiw5LjA4LTYuNzdBOTAyLjM1LDkwMi4zNSwwLDAsMCw1MjEuODEsNTkzbDEwLjgtMTAsMTcuNDgtMi43NEM2MTQuNjIsNTcwLDY3NC43LDU1NS44NSw3MzMsNTM3LjE3YzYxLjYyLTE5LjcxLDExMi43OC00Mi4wOCwxNTQuNjktNjcuNDUsMjMuMDUtMTQsMzktMjYuMTQsNTQuNDItNDEuNjUsMTYuMTktMTYuMiwyNS43OS0zMC41MSwzMS40NS00Ni43LDIuNjUtNy44LDIuODMtOC42NiwyLjc0LTIxLDAtMTEuODMtLjE3LTEzLjM3LTIuMzEtMTkuNzEtMTAuMi0yOS4yMi00MC44OC01Mi4xOS05Mi41Ni02OS41LTI1LjU0LTguNDktNTIuMzYtMTQuNjYtODQuOTItMTkuNjMtOC4wNi0xLjItMTQuNjYtMi4zMS0xNC44My0yLjQ4czIuNDktNi42OSw1LjkxLTE0LjU3YzUuOTItMTMuNzEsNi4yNi0xNC4zMSw4LjMyLTE0LDMuNDIuNjksMTAuODgtLjg2LDE1Ljk0LTMuMTcsMTYtNy4yOCwyMi41My0yNi42NSwxNC41Ni00M2EzNS43OSwzNS43OSwwLDAsMC03LTguOTFMODE0LjY0LDE2MWwyLjMyLTkuMTdjNy40NS0yOS42NSw4Ljc0LTUzLjE0LDQuMTEtNzIuMDhDODEzLjQ0LDQ4LjY5LDc4Ni43MSwzNC4yLDc0Ny41NCwzOS44NlptMzAuMjUsMTAuMzdjMTcuODMsMy42LDI4LjcxLDE0LjIyLDMzLjc3LDMyLjY1LDIuMzEsOC41NywyLjQ4LDMwLjQyLjM0LDQzLjUzLTEuNTQsOS42LTUuNTcsMjcuNjktNi40MywyOS40LS40Mi43Ny0yLjkxLDEuMi03LjQ1LDEuMzctOS44Ni4zNC0xNS42OCwyLjgzLTIyLjI4LDkuNTEtNC4yOSw0LjM3LTUuNjYsNi40My03LjIsMTEuMDYtNC43MiwxNC4xNC0uMjYsMjguNzksMTEuMDUsMzYuOTNsNC4yLDMtNC4xMSw5LjY5Qzc3MS4zNywyNDcsNzcxLDI0Ny42OCw3NjksMjQ3LjY4Yy0xLDAtOS42LS43Ny0xOC45NC0xLjcyLTI2LTIuNTctMzguMjItMy4yNS03My43LTQuNDUtNDUtMS40Ni0xMDMsLjI1LTE1Miw0LjQ1LTMxLjgsMi43NS03My40NCw3LjU0LTg1Ljg3LDkuOTQtMS4zNy4yNi0yLjQuMDktMi40LS4zNCwwLS44Niw0MC42Mi0zOS4wOCw1NC40Mi01MS4zMyw3MS40Ny02My4wOCwxNDMuMi0xMTEuODQsMjAxLTEzNi41MkM3MjguMTcsNTIsNzU3LjQ4LDQ2LDc3Ny43OSw1MC4yM1ptMjcuNjgsMTE4LjA5QTIxLjI4LDIxLjI4LDAsMCwxLDgxNywxNzguNDNjMiwzLjc3LDIuNDgsNS41NywyLjU3LDEwLjU0cy0uMzQsNi42LTIuMzIsMTBjLTQuNTQsNy41NC0xMC41NCwxMS0xOS43MSwxMS0xNS44NSwwLTI1Ljc5LTE3LjIzLTE4LjI1LTMxLjcxLDEuNzEtMy4yNSw4LjMxLTksMTEuNzQtMTBDNzk0LjkzLDE2Nyw4MDEuNzksMTY3LDgwNS40NywxNjguMzJaTTY4OC44NCwyNTJjMjEuNDIuODYsMzguNjUsMi4wNiw2NSw0LjM3LDkuMjUuODYsMTEuMzEsMS4yOSwxMS4zMSwyLjQsMCwxLjgtMTcuODIsMzUuNDgtMjcuNjgsNTIuMzYtOS45NCwxNy4wNi0yNS41NCw0Mi4wOC0zNC43OSw1NS43MS0xNS4zNCwyMi43MS0yMC4yMywyOS42NS0zNS4zMSw0OS43OUM2MzEsNDY1LjI2LDU5My44OSw1MDcuOTQsNTQ4LjEyLDU1My4zNmwtMjAsMjBMNTE1LjczLDU3NWMtMzEuNDUsNC4zNy04MC41Niw5LjE3LTEyMi4xMiwxMi0yMy4wNSwxLjU0LTgxLjUsMi40LTExMi45NSwxLjYzLTMwLjYtLjY5LTQ1Ljc2LTEuNTQtNjcuMzYtMy43Ny02Ljc3LS42OS0xMi42LTEuMjktMTIuOTQtMS4yOS0yLjIzLDAsMjEuMDgtNDkuMzYsMzMuNDItNzAuNywxMi40My0yMS41MSwyOC44LTQ4LjE2LDM3LjI4LTYwLjQxQzMxNC4xNywzOTAsMzUxLjEsMzQ0LDM5OC43NSwyOTMuN2M3LjU0LTgsMTYtMTcsMTguODUtMjBsNS4xNS01LjU3LDE3LjU2LTIuNDlDNTIxLjksMjU0LDYxMi4xNCwyNDkuMDUsNjg4Ljg0LDI1MlptMTAyLDkuMDljMTUuNjgsMi4xNCw0MC40NSw2Ljg1LDU1LjI3LDEwLjU0LDY1LjMxLDE2LjE5LDEwNSwzOS44NSwxMTcuNSw3MC4xLDIsNSwyLjQsNy4zNywyLjc0LDE1LjY4LjQzLDExLjgzLS45NCwxOC40My01Ljc0LDI4LjcxQzkzNi42OCw0MzcuMTYsODUyLjM1LDQ4OC40LDcyNiw1MjguNjhBMTEzNC4xOCwxMTM0LjE4LDAsMCwxLDYwMSw1NjAuOWMtMTksMy43Ny01My45MSw5Ljc3LTU0LjMzLDkuMzUtLjE4LS4xOCw4LjY1LTkuNTIsMTkuNzEtMjAuNjYsNTIuMTktNTMuMDUsOTUuMTItMTA0Ljg5LDEzNi4wOC0xNjQuMzcsMjUuMzctMzYuODUsNTAuNDgtNzguODQsNjcuMzYtMTEyLjY5LDYuNzctMTMuNjMsNi43Ny0xMy41NCw5LjI2LTEzLjJDNzgwLjExLDI1OS41LDc4NS40MiwyNjAuMjgsNzkwLjgyLDI2MS4wNVpNMzg4LjY0LDI4OS40MUMzMDEuMjMsMzgyLjkxLDIyOSw0ODcuMiwxOTQuMjgsNTcwLjI1Yy0yLjQ5LDYtNS4xNSwxMS4yMi01Ljc1LDExLjQ4LTEuNjIuNi0yMy4wNS0yLjY2LTQyLjE2LTYuMzQtNjIuODItMTIuMTctMTA4LjI0LTMzLTEyNS41NS01Ny4zNC04LTExLjMxLTEwLjg4LTE5Ljc5LTEwLjg4LTMyLDAtOS42OCwxLjg4LTE3LjQ4LDYuNi0yNy40MkMyNy40Miw0MzUuNjEsNDksNDEzLjE2LDgzLjIxLDM4OS4wOEw5My4zMiwzODJsMi4zMiwyLjE0YzUuMTQsNC43MSwxMSw3LjQ1LDE5LDguNzQsNy43MSwxLjI5LDIwLjQtMy42LDI2LjIzLTEwYTQxLjg4LDQxLjg4LDAsMCwwLDUuNjUtOC45MWMyLjIzLTQuNjMsMi42Ni02LjYsMi42Ni0xMi4wOGE0NS44NCw0NS44NCwwLDAsMC0uNi04LjU3Yy0uNi0xLjguMTctMi4zMiwxMS4yMi03LjU0LDUwLjQ4LTI0LjA5LDExNS4yNy00NS45NCwxODEuMjYtNjEuMTEsMjEuOTMtNS4xNCw1OC4xLTEyLjUxLDYyLjY0LTEyLjg1QzQwNC42NiwyNzEuNzYsMzk4LjY3LDI3OC43LDM4OC42NCwyODkuNDFaTTEyNC4zNSwzNDAuNTdhMjIuNDMsMjIuNDMsMCwwLDEsMTIuMjUsMTAuMmMyLjA2LDMuNzcsMi40OSw1LjQsMi40OSwxMC40Ni0uMDksNy0yLDExLjQ4LTcsMTUuODUtNC40NSwzLjg2LTguNDgsNS4zMS0xNC41Niw1LjMxYTIxLjE4LDIxLjE4LDAsMCwxLTIxLjE3LTIwLjEzQzk1Ljg5LDM0Ny4xNywxMTAuNjMsMzM1LjY5LDEyNC4zNSwzNDAuNTdaTTUxMy44NCw1ODYuMWMtLjI1Ljg2LTEzLjE5LDEyLjQzLTI2LjM5LDIzLjY1LTEwLjQ2LDktMzAuMDgsMjQuNjgtNDIuNTksMzQuMTFsLTguNzQsNi42TDQzMS41Nyw2NDdjLTYuMTctNC43MS0xMS45MS02LjI2LTIxLjE2LTUuODMtNS40LjI2LTguNDkuODYtMTEuNCwyLjIzLTE0Ljc0LDcuMi0yMiwyNS4zNy0xNi4yLDQwLjYyLjc3LDIuMTQuNiwyLjQtMy4xNyw0LjgtMzcuNzksMjMuNzQtNzYuNyw0MS4xNC0xMDguMjQsNDguNTEtMjQuNzYsNS44Mi00Ny4xMyw1LjU3LTYyLS42QzE3NC4wNSw3MjIuMSwxNjcuNzEsNjc2LDE5MS41Myw2MDUuOWMyLjE1LTYuMzUsNC4yLTExLjc1LDQuNjMtMTJzNy4xMS4xNywxNS4wOC45NGMyOC4zNywyLjgzLDQxLjU3LDMuNDMsODYuMzksMy45NCw1Ny42Ny42LDkwLS42LDE0NC40LTUuMzEsMTUtMS4zNyw1Ny4wNy01LjkxLDY2LTcuMjksMi41Ny0uMzQsNS4wNS0uNjgsNS4zOS0uNzdTNTE0LDU4NS42Nyw1MTMuODQsNTg2LjFaTTQyMSw2NTIuNTJjNy42MywzLjI1LDEyLjc3LDExLjMxLDEyLjc3LDIwLjIyQTIxLjMsMjEuMywwLDAsMSw0MjIsNjkxLjg1Yy00Ljg5LDIuNTctMTQuMTUsMi41Ny0xOC45NCwwLTEzLjU0LTcuMi0xNi4yOS0yMy45MS01LjY2LTM0LjU0QTIxLjA4LDIxLjA4LDAsMCwxLDQyMSw2NTIuNTJaIi8+PHBhdGggZD0iTTQ3MS4xNywzNDhjLTI0LjQzLDMuNjgtNDUuMjUsMjEuOTQtNTIuNDUsNDYtMi40LDcuOC0yLjQ5LDktMi4xNCwxOS40NS41MSwxNS4wOSwzLjUxLDIzLjkxLDEyLjE3LDM1LjQsMTQsMTguNTEsNDEuMTMsMjgsNjQuMjcsMjIuNTQsMTIuNjgtMy4wOSwyMC45MS03LjcyLDMwLjQyLTE3LjIzLDYuNjktNi42OCw4LjgzLTkuNTEsMTEuODMtMTUuNDMsNS41Ny0xMS4yMiw3LjI4LTE5LjUzLDYuODUtMzItLjM0LTguNC0uODUtMTEuNjUtMi43NC0xNy4yMi02LjI1LTE3LjkxLTIxLTMyLjgyLTM4LjA1LTM4LjQ4QzQ5MC41MywzNDcuNDMsNDgxLjExLDM0Ni40OSw0NzEuMTcsMzQ4Wm0yNS42MiwxMi4zNGM4LjY1LDIuOTEsMTQuNjUsNi42LDIwLjQsMTIuMzQsOS44NSw5Ljk0LDE0LDE5LjcxLDE0LjY1LDMzLjg1LjQzLDExLjQtLjUxLDE2LjU0LTUuMDYsMjYuMDUtMTAuNjIsMjIuMTEtMzYuMjUsMzQuNTQtNTkuODEsMjguOC0xOC40My00LjQ2LTMyLjQtMTctMzguMzEtMzQuMzctMi01LjU3LTIuMzEtOC4xNC0yLjMxLTE1LjY4LDAtNy43MS4zNC0xMCwyLjQ4LTE2LjI4QzQzOC42LDM2Ni44OCw0NjkuNDUsMzUxLDQ5Ni43OSwzNjAuMzdaIi8+PHBhdGggZD0iTTkwMS44LDEzNi41M2MtMy4zNCwzLjM0LTMuNzcsNi0xLjcyLDEwLDQsNy43MiwxNS44Niw0LjYzLDE1Ljg2LTQuMiwwLTQuNzEtMi43NC03LjcxLTcuNDYtOC4zOUM5MDUuMTQsMTMzLjUzLDkwNC41NCwxMzMuNzgsOTAxLjgsMTM2LjUzWiIvPjxwYXRoIGQ9Ik0xOTQsMTUzLjc1Yy00LjIsMS42My04Ljc0LDYtMTAsOS43N2EyNy4yMiwyNy4yMiwwLDAsMC0uNiw3Ljg5YzEuMiwxNy4xNCwyNS4yLDIwLjE0LDMyLDQuMTEsMS44LTQuNDYsMS42My04LjE0LS43Ny0xMy4yOEExNi41NSwxNi41NSwwLDAsMCwxOTQsMTUzLjc1Wm0xMC4xMSwxMC44OWM0LjgsMy43NywxLjgsMTEuMDUtNC41NCwxMS4wNS00LjEyLDAtNi40My0yLjQtNi40My02LjZDMTkzLjE2LDE2My40NCwxOTkuNDIsMTYwLjg3LDIwNC4xMywxNjQuNjRaIi8+PHBhdGggZD0iTTg1OSw2MzkuMjNhOC44NSw4Ljg1LDAsMCwwLTQuNjMsMTEuMDZjMiw1LjY1LDkuMzQsNy4yLDEzLjcxLDIuODNDODc0LjQ2LDY0Ni42OSw4NjcuMzUsNjM1LjgsODU5LDYzOS4yM1oiLz48cGF0aCBkPSJNNzYuNTMsNjcxLjExYTguODYsOC44NiwwLDAsMC00LjcyLDguMzFjMCw4LDguNjYsMTEuNjYsMTQuNzQsNi4yNiwyLjQtMi4xNCwyLjgzLTMuMDgsMi44My02LjQzLDAtMy4wOC0uNTEtNC4zNy0yLjIzLTYuMTdDODQuNTgsNjcwLjYsNzkuMTgsNjY5LjU3LDc2LjUzLDY3MS4xMVoiLz48cGF0aCBkPSJNNjQ1LjgyLDcwNS45MWExOS4wNiwxOS4wNiwwLDAsMC0yLjMyLDUuMzljLTIuODIsMTAtOC41NywxNS44Ni0xOC4zMywxOS4xMS01LjA2LDEuNjMtNi4zNSwyLjQ5LTYuOTUsNC4yOS0xLjU0LDQuMi4xOCw2LjYsNi4xNyw4Ljc0LDEwLjQ2LDMuNzcsMTYsOS4xNywxOC43NywxOC4zNCwxLjgsNS45MSwzLjI2LDcuOCw2LjE3LDcuOGE2LjM4LDYuMzgsMCwwLDAsNi40My01LjMxYzEuNjMtOC42Niw4LjY1LTE3LjA2LDE2LjU0LTE5Ljg5czkuNDMtMy43Nyw5Ljg1LTZjLjc4LTMuODUtMS01Ljc0LTcuMjgtNy43OS02LjA4LTIuMDYtNi45NC0yLjU3LTExLjY1LTYuNzctMi44My0yLjU3LTcuOC0xMS42Ni03LjgtMTQuMjNhNi44Nyw2Ljg3LDAsMCwwLTEuMzctMy4yNkM2NTIuNDIsNzA0LDY0Ny43LDcwMy43Niw2NDUuODIsNzA1LjkxWm04LjIzLDIyLjc5YTMwLjA4LDMwLjA4LDAsMCwwLDYuNTksNmMxLjgsMSwzLjM1LDIuMDYsMy4yNiwyLjMxcy0xLjgsMS41NS00LDNhMjksMjksMCwwLDAtNy4xMSw3bC0zLjA5LDQuNDZMNjQ3LDc0Ny4zOGEyOC43NiwyOC43NiwwLDAsMC03LTdjLTIuMzEtMS42My00LjI4LTMuMDktNC4yOC0zLjM1czEuNTQtMS4yOCwzLjUxLTIuNGEzMi43NCwzMi43NCwwLDAsMCw3LTYuNTljMi0yLjU4LDMuNzctNC4zOCw0LTRTNjUyLjI1LDcyNi4zOSw2NTQuMDUsNzI4LjdaIi8+PC9nPjwvZz48L3N2Zz4=") right bottom/contain no-repeat;filter:brightness(0) invert(1);opacity:.38}