/* Reference-led visual layer. Layout routes, fields and timeline geometry stay in existing modules. */
:root{--green:#151515;--muted:#777;--line:#ececec;--ui-canvas:#f7f7f7;--ui-ink:#171717;--ui-secondary:#696969}
body{color:var(--ui-ink);background:var(--ui-canvas)}
.app,.workspace,.topbar,.bottom-area,.memo-screen,.knowledge-screen,.knowledge-category-screen{background:var(--ui-canvas)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #565656;outline-offset:3px}
button.primary,.review-save,.send{background:#080808;color:#fff;border-radius:999px}
button.secondary{background:#f1f1f1;color:#444;border-radius:999px}
.toast{background:#202020;box-shadow:0 5px 20px #00000012;border-radius:18px}
.chat-bubble{border-radius:24px;background:#fff}
.chat-text{color:#292929}.chat-footer{border-color:#f0f0f0}.chat-time-divider{color:#858585}
.composer{background:#fff;border-color:transparent;box-shadow:0 3px 14px #00000005;border-radius:30px}
.composer:focus-within{box-shadow:0 0 0 1px #d2d2d2,0 3px 14px #00000005}
.chat-menu{border-color:#f0f0f0;border-radius:18px;box-shadow:0 8px 28px #0000000f}
.chat-menu button{border-radius:11px}
.memo-filter,.memo-badge,.knowledge-more-tags{border-color:transparent;color:#737373;background:#f0f0f0}
.memo-filter[aria-pressed="true"]{background:#161616;color:#fff;border-color:#161616}
.memo-card{background:#fff;border-color:transparent;border-radius:22px}
.memo-card h2{color:#202020}.memo-card p{color:#777}.memo-card time{color:#888}
.memo-search-field,.knowledge-search-field,.knowledge-category-header.searching label{background:#eee;border-color:transparent;border-radius:999px}
.knowledge-category-card{background:#fff;border-radius:22px}
.knowledge-category-copy strong{color:#222}.knowledge-category-copy small{color:#858585}
.knowledge-symbol{background:#f3f3f3!important;color:#454545}
.knowledge-detail-screen,.knowledge-edit-screen,.memo-edit-screen,.knowledge-compose-screen{background:#fff;color:#222}
.knowledge-detail-header,.knowledge-edit-header,.memo-edit-header,.knowledge-compose-header{background:#fff}
.knowledge-detail-header button,.knowledge-edit-header button,.memo-edit-header>button:first-child,.knowledge-compose-header>button:first-child{background:#f3f3f3;color:#333}
.knowledge-edit-header .knowledge-edit-save,.memo-full-save,.knowledge-full-save{background:#080808;color:#fff;border-radius:999px;padding:0 16px;min-height:34px;font-size:14px}
.knowledge-edit-header .knowledge-edit-save:disabled{background:#e8e8e8;color:#888}
.knowledge-edit-tags>span,.knowledge-edit-tags>button:not(:first-child),.knowledge-detail-meta>span{background:#f2f2f2;color:#606060}
.memo-time-chip[aria-expanded="true"]{background:#e9e9e9;color:#171717}
.memo-property-panel{background:#f7f7f7;border-radius:18px}
.memo-property-panel .memo-compose-chip{border-radius:999px}
.memo-complete-toggle{background:#ededed;color:#262626}
.knowledge-edit-toolbar{border-color:#f0f0f0}.knowledge-edit-toolbar button{color:#777}
.knowledge-detail-tabs,.knowledge-edit-tabs{border-color:#eee}
.knowledge-reference-card{background:#f7f7f7;border-color:transparent;border-radius:18px}
.time-card,.health-card{background:#f2f2f2;border-radius:22px}
.week-calendar{background:#f7f7f7}.week-days{border-color:#e9e9e9}.week-days [aria-current]>span{background:#111}
.diary-tick i{background:#ececec}.diary-tick time{color:#858585}
.diary-event{border-radius:8px}.diary-event strong{color:#252525}.diary-event>span{color:#6e6e6e}
.diary-todo-row,.review-pill{background:#f2f2f2;border-radius:16px;color:#444}
.plan-reminder{background:#fff;border-color:#ececec;border-radius:20px;color:#333}
.plan-reminder>svg:first-child{color:#333}
.review-form textarea{background:#f4f4f4;border-color:transparent;border-radius:18px}
.settings-group,.personal-overview,.personal-modules,.personal-tools{background:#fff;border-radius:22px}
.settings-row,.personal-modules>div,.personal-tools>button{border-color:#f1f1f1}
.settings-content,.personal-drawer{background:#f7f7f7}
.dialog-head h2{color:#171717;font-size:19px;font-weight:650}
dialog{background:#fff;border-radius:26px;box-shadow:0 16px 60px #00000018}
dialog::backdrop{background:#0006}
dialog .dialog-head .icon-button{background:#f4f4f4;color:#444}
dialog textarea,dialog input,dialog select{background:#f5f5f5;border-color:transparent;border-radius:16px;color:#252525}
dialog label{color:#555}.dialog-actions{gap:12px}
.inline-choice button{background:#f3f3f3;border-color:transparent;border-radius:999px;color:#666}
.inline-choice button[aria-pressed="true"]{background:#111;border-color:#111;color:#fff}
.planner-range-label{color:#555}
@media(min-width:0px){
 .workspace,.topbar,.bottom-area,.quick-nav{background:#f7f7f7}
 .topbar,.bottom-area,.quick-nav{border-color:#efefef}
 .quick-nav .nav-button{color:#929292}.quick-nav .nav-button.active{color:#080808}
 .quick-nav .nav-button.active .nav-icon{background:#080808;color:#fff}
 .memo-toolbar,.memo-header,.knowledge-header,.knowledge-category-header{background:#f7f7f7}
 .memo-card{border-radius:22px}.memo-badge{background:#f3f3f3}
 dialog{border-radius:28px 28px 0 0}
 .screen-header{background:#f7f7f7}
}
@media(min-width:761px){
 .desktop-header{background:#f7f7f7;border-color:#eaeaea}
 .desktop-brand{color:#111}
 .desktop-header nav{align-items:center;gap:10px}
 .desktop-header nav button{height:36px;padding:0 18px;border-radius:999px;color:#777}
 .desktop-header nav button[aria-current="page"]{color:#fff;background:#111;font-weight:550}
 .desktop-header nav button[aria-current="page"]:after{display:none}
 .desktop-account{background:#eee;color:#494949;border-radius:50%}
 .desktop-account:hover{background:#e5e5e5}
 .planner-workspace>.memo-screen{background:#f7f7f7;border-color:#ebebeb}
 .planner-workspace .memo-toolbar{background:#f7f7f7}
 .planner-workspace .memo-filter{background:transparent;color:#777}
 .planner-workspace .memo-filter[aria-pressed="true"]{background:#111;color:#fff}
 .planner-workspace .memo-list{padding-top:6px}
 .planner-workspace .memo-swipe-shell{margin-bottom:12px;border-radius:20px}
 .planner-workspace .memo-card{background:#fff;border:0;border-radius:20px}
 .planner-workspace .memo-card-open{padding:16px 16px 48px}
 .planner-workspace .memo-card h2{color:#202020;font-weight:600}
 .planner-workspace .memo-card p{color:#777}
 .planner-workspace .memo-arrange{right:12px;bottom:10px;color:#333;background:#f4f4f4;border-radius:999px;padding:4px 10px}
 .planner-workspace .memo-arrange:hover{background:#eaeaea}
 .planner-heading,.planner-controls{background:#f7f7f7}
 .planner-heading-actions{color:#888}
 .planner-heading-actions button{color:#333;background:#fff;border-radius:999px}
 .planner-controls{border-color:#eee}
 .planner-controls button{background:#fff;color:#333;border-color:transparent;border-radius:999px}
 .planner-controls input{color:#222}
 .planner-calendar{background:#fff}
 .planner-summary{border-color:#eee}.planner-summary summary{color:#666}.planner-summary summary>span{color:#888}
 .planner-summary-body{background:#fafafa}.planner-pending{border-color:#eee;color:#777}
 .planner-pending button{color:#444}
 .planner-calendar .diary-event{border-radius:8px}
 .planner-drag-preview{background:#eeeeeedc;border-color:#484848;color:#222;border-radius:8px}
 .planner-calendar .diary-event em{background:#ffffffc9}
 body[data-page^="knowledge"] .workspace{background:#f7f7f7}
 .knowledge-screen,.knowledge-category-screen{background:#f7f7f7}
 .knowledge-header,.knowledge-category-header{background:#f7f7f7}
}
.knowledge-home-header{background:#f7f7f7}
body[data-page="knowledge"] .workspace,body[data-page="knowledge-category"] .workspace{background:#f7f7f7}
@media(min-width:761px){.planner-workspace .memo-swipe-shell{flex-shrink:0;margin-bottom:0}}
.composer-date-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 8px 7px;color:#737373;font-size:12px;line-height:18px}
.composer-date-preview span{min-width:0;overflow-wrap:anywhere}
.composer-date-preview button{flex-shrink:0;padding:3px 8px;border-radius:999px;background:#eee;color:#444;font-size:12px}
.composer-date-preview.has-date-error{color:#9b423b}
.memo-swipe-hint{margin:0;padding:3px 16px 8px;color:#858585;font-size:11px;line-height:17px}
@media(min-width:761px){.memo-swipe-hint{display:none}}
.memo-swipe-actions button{min-height:44px}
.desktop-record-menu{position:fixed;z-index:100;width:198px;padding:6px;background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 10px 36px #0002}
.desktop-record-menu button{width:100%;display:flex;align-items:center;gap:10px;min-height:39px;padding:8px 11px;border-radius:10px;text-align:left;font-size:13px;color:#333}
.desktop-record-menu button:hover,.desktop-record-menu button:focus{background:#f3f3f3;outline:0}
.desktop-record-menu button.danger{color:#b3443a}.desktop-record-menu button.danger:hover{background:#fbf0ee}
.desktop-record-menu svg{width:16px;height:16px;flex-shrink:0}
.desktop-record-details h3{font-size:18px;line-height:27px;overflow-wrap:anywhere;margin:18px 0 8px}
.desktop-record-details .detail-meta{font-size:12px;color:#777;line-height:20px}
.desktop-record-details .detail-copy{font-size:14px;line-height:24px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:45vh;overflow:auto}
@media(min-width:761px){.planner-workspace .memo-swipe-actions{display:none}.planner-workspace .memo-swipe-shell.open .memo-card{transform:none}}