/* v0.4: shared quiet surfaces. No remote fonts and no changes to note formatting. */
:root{--studio-font:"STZhongsong","华文中宋","Songti SC","STSong",serif;--studio-ink:#242628;--studio-muted:#6d7175;--studio-line:#e6e7e9;--studio-green:#76b900;--card-radius:14px;font-family:var(--font-zh,var(--studio-font)),var(--studio-font)!important;font-synthesis:weight;color:var(--studio-ink);color-scheme:light}
body{font-family:inherit!important;background:#f5f5f7!important;color:var(--studio-ink)!important}
button,input,select,textarea{font-family:inherit}
button{transition:background-color 120ms ease,box-shadow 120ms ease,transform 120ms ease!important;touch-action:manipulation}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #76b900!important;outline-offset:3px}
button:disabled{cursor:not-allowed}
:is(main,.app main){background:#f5f5f7!important;color:var(--studio-ink)!important}
h1,h2,h3,strong{font-synthesis:weight;letter-spacing:0}
main :is(h1,h2,h3),dialog :is(h1,h2,h3){color:#202224;overflow-wrap:anywhere}
.brand-logo{width:36px;height:36px;object-fit:contain;flex:none}
.brand-name{display:flex;flex-direction:column;gap:4px}.brand-cn{margin:0!important;font-size:12px!important;font-weight:400;opacity:.68}
.sidebar{background:linear-gradient(160deg,#202223,#111213)!important;color:#eee!important;color-scheme:dark!important;border:0!important;box-shadow:none!important}
.sidebar nav button,.sidebar .api-entry,.sidebar footer button{border-radius:10px!important;min-height:46px}
.sidebar nav button.active{background:#30352b!important;box-shadow:inset 3px 0 #76b900!important;color:#e1f3c7!important}
.sidebar .profile{margin-bottom:24px!important}
.sidebar nav{display:grid;gap:6px}
.sidebar :is(.profile-links button,.identity strong,.identity span,.nav-item,footer button){color:#e4e5e1!important}
:is(.primary,button.primary){background:#76b900!important;color:#152000!important;border:1px solid #699f0c!important;border-radius:10px!important;font-weight:700;box-shadow:inset 0 1px 0 #bdde81,0 2px 4px #1b2d0610!important;min-height:44px;padding:10px 18px}
:is(.primary,button.primary):hover{background:#86c51f!important;box-shadow:0 4px 10px #27410622!important}
:is(.primary,button.primary):active{transform:translateY(1px) scale(.985)!important;box-shadow:inset 0 2px 4px #37561230!important}
.quiet,.secondary{border-radius:10px;min-height:42px}
dialog{background:#fff!important;color:#252729!important;border:1px solid #dedfe1!important;border-radius:20px!important;box-shadow:0 24px 90px #10181024!important;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px)}
dialog::backdrop{background:#13161952!important;backdrop-filter:blur(4px)}
dialog :is(input,textarea,select){color:#242628!important;background:#f7f7f8!important;border-color:#dfe1e3!important;font-size:16px;line-height:1.6;min-width:0}
dialog :is(.dialog-heading,.dialog-head){gap:16px}
:is(.task-card,.overview-item,.today-task,.paper-card,.capture-card,.collection-tile){border-radius:14px!important}
.quadrant[data-quadrant],.quadrant[data-q]{padding:20px!important;background:#edeef0!important;border:1px solid #e4e5e7!important;border-radius:18px!important;min-width:0}
.quadrant-heading,.quadrant-head{background:transparent!important;color:#33383a!important;border-radius:0!important;padding:0 0 16px!important;gap:12px!important}
.quadrant-heading h2,.quadrant-head strong{color:#2a3025!important;font-size:18px!important;line-height:1.5}
.quadrant-heading>span,.quadrant-head>span{color:#6c7564!important}
.quadrant-heading::before,.quadrant-head::before{display:none!important}
.page-scroll .task-card:not(.spotlight){border:1px solid #e0e2e3!important;background:#fff!important;box-shadow:0 2px 4px #1b1d2005!important}
.page-scroll .task-card:not(.spotlight) .task-name{background:linear-gradient(155deg,#fff,#fafbf9)!important;color:#292e26!important}
.page-scroll .task-card .task-name{border-radius:14px!important}
.quadrant-tasks,.task-grid{gap:16px!important}
.overview-list,.paper-grid{gap:16px!important}
.overview-toolbar{background:#fff!important;border:1px solid #e6e7e9!important;border-radius:14px!important;gap:12px;padding:16px!important}
.overview-toolbar :is(input,select){background:#f5f5f7!important;color:#363936!important;border:1px solid #e1e3df!important;border-radius:10px!important}
.overview-card:not(.spotlight .overview-card),.today-task,.capture-card,.collection-tile{background:#fff!important;border:1px solid #e4e6e3!important;color:#272b25!important;box-shadow:0 2px 5px #171c1204!important}
.overview-excerpt,.overview-meta,.today-detail span,.paper-meta{color:#71766d!important}
.overview-copy strong{font-size:21px!important;line-height:1.55!important;font-weight:700}
.overview-badge{background:#edf2e5!important;color:#4c661e!important}
.today-section,.today-inbox{margin:24px 0!important}
.today-inbox,.capture-tray,.focus-strip{background:#edeef0!important;border:0!important;border-radius:16px!important;padding:20px!important}
.today-task{padding:16px!important;margin:12px 0!important;gap:12px!important}
.today-detail strong{font-size:18px!important;line-height:1.55}
.today-capture{font-size:17px!important;min-height:46px}
.instant-complete{border-radius:9px!important}
.task-menu-toggle{display:grid!important;place-items:center;font-family:system-ui!important;font-size:22px!important;letter-spacing:0!important;line-height:1!important;padding:0!important;overflow:hidden}
.task-index{display:none!important}
.record-sidebar,.library-folders,.notes-column{background:#edeef0!important;border-color:#e1e2e4!important}
.records-page,.record-note-pane,.note-editor,.daily-card,.settings-card{background:#fff!important;border-radius:14px!important;border:1px solid #e4e5e7!important}
.record-note.selected,.record-folder.active{background:#e9f1dc!important;color:#36570d!important}
.chat-toolbar{border-bottom:1px solid #e2e4e0;padding-bottom:16px}
.chat-message{background:#fff!important;color:#2c3027!important;border-radius:14px!important;padding:20px!important;border:1px solid #e6e8e1}
#board-motivation{font-family:var(--studio-font)!important;color:#73796c!important;font-weight:400!important}
.papers-page{min-height:0;overflow:auto;padding:4px 4px 40px}
.paper-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 24px}
.paper-tabs{display:flex;gap:4px;padding:4px;background:#e9eaec;border-radius:12px}
.paper-tabs button{font-size:15px;padding:8px 16px;min-height:40px;border:0;color:#686d64;background:transparent}
.paper-tabs button.active{background:#fff;color:#2d3923;box-shadow:0 1px 5px #0b180c12}
.paper-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));align-items:stretch}
.paper-card{display:flex;flex-direction:column;text-align:left;gap:18px;padding:24px;min-height:248px;min-width:0;background:#fff!important;color:#252a21!important;border:1px solid #e2e5df!important;box-shadow:0 3px 14px #15210a05!important;overflow-wrap:anywhere}
.paper-card:hover{transform:translateY(-2px) scale(1.008)!important;border-color:#acbe94!important;box-shadow:0 10px 24px #243b1212!important}
.paper-card:active{transform:scale(.993)!important}
.paper-card-top,.paper-card-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}
.paper-stage{display:inline-block;width:fit-content;font-size:13px;line-height:1.4;background:#edf3e5;color:#50662f;padding:5px 10px;border-radius:7px}
.paper-open{color:#7d876e;font-family:system-ui;font-size:18px}
.paper-card h3{font-size:22px;font-weight:700;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.paper-question{font-size:16px;line-height:1.7;color:#73786f;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.paper-card-meta{font-size:12px;line-height:1.6;color:#878c80;border-top:1px solid #eef0eb;padding-top:16px;margin-top:auto;align-items:flex-start}
.paper-card-meta span{min-width:0;overflow-wrap:anywhere}.paper-card-meta span:last-child{flex:none}
.paper-empty{padding:80px 24px;text-align:center;color:#91978a}.paper-empty h3{font-size:23px;font-weight:400;color:#5e6955;margin:0 0 16px}.paper-empty p{font-size:15px}
.paper-dialog{width:min(660px,calc(100vw - 32px));padding:28px;overflow:auto}
.paper-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px}.paper-dialog-head h2{font-size:24px;margin:0}
.paper-dialog .icon-button{font:24px system-ui;width:40px;height:40px;flex:none;color:#7c8273;background:#f2f3f0;border-radius:10px}
.paper-form{display:grid;gap:20px}.paper-field{display:flex;flex-direction:column;gap:8px;color:#616a56;font-size:15px;margin:0}
.paper-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.paper-field :is(input,textarea,select){width:100%;padding:12px 14px;border:1px solid #dfe3d9;border-radius:10px;resize:vertical;font-size:17px;background:#f7f8f5!important}
.paper-field input[name=title]{font-size:21px}
.paper-more{border-top:1px solid #e4e7df;padding-top:14px}.paper-more summary{cursor:pointer;padding:8px 0;color:#64774c;font-size:15px}.paper-more .paper-field{margin-top:16px}
.paper-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:8px}.paper-actions button{font-size:16px;padding:10px 16px}
.paper-error{margin:0;color:#9c442d;font-size:14px}.paper-error:empty{display:none}
.paper-detail h2{font-size:27px;line-height:1.5}.paper-meta{font-size:13px;line-height:1.6}.paper-copy{margin:28px 0}.paper-copy h3{font-size:15px;font-weight:400;color:#7e8972}.paper-copy p{font-size:18px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
@media(min-width:761px){
  body:has(>.sidebar){grid-template-columns:240px minmax(0,1fr)}
  body>.sidebar{padding:28px 18px 18px!important;overflow-y:auto}
  body>.sidebar .profile{gap:12px;padding:0 8px}.sidebar .avatar{border-radius:10px!important}
  body>.sidebar .brand{font-size:20px!important;gap:10px;flex:1 0 100%}.sidebar .brand-name{white-space:normal}
  body>.sidebar :is(.nav-item,.api-entry){font-size:17px!important;padding:12px 14px!important}
  body>main{padding:28px 32px 20px!important;min-width:0}
  main>header{margin-bottom:24px;flex:none}#page-title{font-size:29px!important;font-weight:700!important;line-height:1.4}
  #board-scroll{padding:4px 0 20px}.matrix #task-list{gap:24px 16px!important}
  .page-scroll .matrix .task-name,.page-scroll .task-name{min-height:194px!important;padding:20px 18px 56px!important;gap:20px;font-size:18px!important;line-height:1.65!important}
  .page-scroll .matrix .task-name-meta,.page-scroll .task-name-meta{padding-right:0!important;grid-template-columns:auto 1fr 12px;gap:8px}
  .page-scroll .task-created{font-size:12px!important;overflow:visible;line-height:1.6}
  .page-scroll .task-card-actions{top:auto!important;bottom:10px!important;right:12px!important}
  .page-scroll .task-card-actions .task-menu-toggle{opacity:1!important;width:34px!important;height:34px!important}
  .page-scroll .task-card-actions .instant-complete{opacity:1;transform:none;pointer-events:auto}
  .page-scroll .matrix .task-card.expanded .task-name{padding-bottom:24px!important}
  .page-scroll .matrix #composer{width:208px;margin-bottom:24px;min-height:80px}
  .page-scroll .new-task{border-radius:14px!important;min-height:80px!important}
  .page-scroll .matrix #composer.expanded{width:100%}.page-scroll .composer.expanded .new-task{border-radius:14px 0 0 14px!important}
  .page-scroll .task-editor{padding:24px!important;min-width:0;border-radius:0 14px 14px 0!important}
  .page-scroll .task-card.expanded .task-name{border-radius:14px 0 0 14px!important}
  .overview-toolbar :is(input,select,button){font-size:16px!important}.overview-meta{font-size:14px!important}
  .today-page{padding-right:8px}.today-heading{font-size:17px}.today-section h2{font-size:20px}
  .task-editor :is(input,textarea),.chat-body,#ai-query{font-size:18px!important;line-height:1.7!important}
  .app{grid-template-columns:230px minmax(0,1fr)!important}.app main{padding:32px!important}
  .app .sidebar nav button{font-size:17px!important}
}
@media(min-width:761px) and (max-width:1080px){
  body:has(>.sidebar){grid-template-columns:210px minmax(0,1fr)}body>main{padding:24px!important}body>.sidebar{padding:24px 12px!important}
  .quadrant{padding:16px!important}.quadrant-heading{grid-template-columns:minmax(0,1fr) auto!important}.quadrant-heading>span:not(.quadrant-count){display:none}
}
@media(max-width:760px){
  :root{font-size:16px}.app main{padding:24px 18px 112px!important}.topbar{align-items:center;gap:12px;padding:0!important;margin-bottom:24px!important}
  .topbar .eyebrow{font-size:11px;letter-spacing:2px;color:#87917b}.topbar h1{font-size:30px!important;line-height:1.4}
  .mobile-reading .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;background:#202421f5!important;border:1px solid #444b3b!important;border-radius:18px!important;padding:6px!important;gap:3px}
  .mobile-nav button{color:#cad1c1!important;font-family:var(--studio-font)!important;font-size:14px!important;padding:10px 4px!important;min-height:44px}
  .mobile-nav button.active{background:#76b900!important;color:#172407!important;border-radius:12px!important}
  .mobile-nav [data-page=board]{display:none!important}
  .papers-page{padding:0 0 24px}.paper-toolbar{gap:16px}.paper-toolbar>.primary{width:100%}.paper-tabs{width:100%;justify-content:space-between}
  .paper-card{padding:22px;min-height:230px}.paper-card h3{font-size:21px}.paper-dialog{padding:22px 18px;max-height:calc(100dvh - 24px)}
  .paper-dialog-head h2{font-size:23px}.paper-field-row{grid-template-columns:1fr}.paper-actions{gap:8px}.paper-actions button{flex-grow:1}.paper-detail h2{font-size:25px}
  .quadrant-toggle{background:#f8f9f6!important;font-size:18px!important;color:#333d27!important;padding:20px!important}.task-disclosure{background:#edeef0!important;border-color:#e2e5de!important;border-radius:14px!important}
  .quadrant-overview .overview-copy strong{font-size:18px!important}.today-detail strong{font-size:18px!important}.today-task{padding:12px!important}
  .settings-card{padding:20px!important}.settings-card h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){button,.paper-card{transition:none!important}.paper-card:hover,.paper-card:active{transform:none!important}}

/* v0.4.1 clarity: opaque text surfaces, readable metadata, no hover magnification. */
:root{text-rendering:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body :is(button,input,textarea,select,p,time,small,label){text-shadow:none}
dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#13161940!important}
body :is(button,.paper-card,.task-card,.overview-card,.collection-tile,.capture-card,.focus-task):hover:not(:disabled,.instant-complete,.completion-pulse,.completion-departure){transform:none!important}
body :is(.paper-card,.task-name,.overview-card,.today-detail,.collection-open,.new-task):active:not(:disabled,.completion-pulse,.completion-departure){transform:none!important}
body .paper-card:hover,body .task-card:hover,body .overview-card:hover{border-color:#a8b39c!important;box-shadow:0 5px 14px #1b211512!important}
body .paper-card:active,body .overview-card:active{box-shadow:inset 0 0 0 1px #7b935b!important}
body .primary:active:not(:disabled){transform:translateY(1px)!important}
body :is(.overview-excerpt,.overview-meta,.today-detail span,.paper-meta,.paper-question,.paper-card-meta,.record-status,.project-created-meta,.task-edit-meta,.collection-tile>small){color:#555d50!important;opacity:1}
body :is(.paper-card-meta,.paper-meta,.record-status,.project-created-meta,.task-edit-meta,.collection-tile>small){font-size:14px!important;line-height:1.6}
body .paper-stage{font-size:14px;color:#3e541f}
body :is(.paper-question,.overview-excerpt,.today-detail span){font-size:17px!important;line-height:1.7}
body .brand-cn{font-size:14px!important;opacity:1;color:#c9cfc3!important}
body :is(.privacy-note,.settings-feedback,.setting-line small,.chat-sources,.search-note,.paper-copy h3){color:#5e6758!important;font-size:14px!important}
body :is(.task-created,.capture-card time,.focus-task time,.today-progress,.overview-count){font-size:14px!important;color:#56644a!important;opacity:1}
body .quadrant-heading>span{color:#526048!important}
body :is(.task-card,.paper-card,.overview-card,.today-task,.capture-card){border-color:#d4d9d0!important}
body #board-motivation{font-size:18px!important;color:#59654f!important}
body #task-count{font-size:13px;color:#58664c}
body :is(.profile-links,.local-save-status){font-size:14px!important}
.page-scroll #board-canvas{zoom:1!important}
@media(min-width:761px){
  #board-canvas:not(.matrix){gap:var(--board-gap,16px)!important}
  .page-scroll #board-canvas:not(.matrix) :is(.composer.expanded,.task-card.expanded){grid-template-columns:minmax(150px,24%) minmax(0,1fr)}
  #board-canvas .quadrant-tasks{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--board-cardMin,200px)),1fr))!important;gap:16px!important}
  .page-scroll #board-canvas .task-name{font-size:var(--board-title,18px)!important;line-height:1.65!important;min-height:var(--board-height,194px)!important;padding:var(--board-padding,18px) var(--board-padding,18px) 58px!important}
  .page-scroll #board-canvas .task-created{font-size:var(--board-meta,14px)!important;line-height:1.6!important}
  #board-canvas .quadrant-heading h2{font-size:var(--board-heading,18px)!important}
  #board-canvas .quadrant-heading>span{font-size:var(--board-meta,14px)!important}
  #board-canvas .quadrant-heading .quadrant-count{font-size:13px!important}
  .page-scroll #board-canvas .task-editor{padding:var(--board-editorPadding,24px)!important}
  #board-canvas .task-editor :is(input,textarea),#board-canvas .task-summary{font-size:var(--board-body,18px)!important}
  .page-scroll #board-canvas .task-card.expanded .task-name{padding-bottom:var(--board-padding,18px)!important}
  #board-tools button{font-size:15px!important}
  .page-scroll .new-task{font-size:18px!important}
  .focus-heading strong,.capture-heading strong,.capture-card p{font-size:16px!important}
  .capture-card p{height:auto;min-height:48px}.capture-card .capture-actions button{font-size:13px!important}
}
@media(max-width:760px){
  body .sync-pill{max-width:140px}body .sync-pill span{font-size:12px!important;line-height:1.5}
  body .mobile-nav{background:#202421!important}
}