.desktop-header,.memo-arrange{display:none}
@media(min-width:761px){
 .sidebar,.topbar,#quick-nav,.bottom-area{display:none!important}
 .app,.workspace{background:#fff}
 .desktop-header{display:flex;align-items:center;gap:48px;height:64px;flex:0 0 64px;padding:0 32px;border-bottom:1px solid #e8ebe9;background:#fff}
 .desktop-brand{font-size:18px;font-weight:650;color:#253e35;text-decoration:none;letter-spacing:-.5px}
 .desktop-header nav{display:flex;align-self:stretch;gap:30px}
 .desktop-header nav button{position:relative;padding:0 3px;color:#7b8580;font-size:14px}
 .desktop-header nav button[aria-current="page"]{color:#285e51;font-weight:600}
 .desktop-header nav button[aria-current="page"]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#387567;border-radius:2px}
 .desktop-header nav button:disabled{cursor:default;opacity:.65}
 .desktop-account{margin-left:auto;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:#748078}
 .desktop-account:hover{background:#f1f5f2}.desktop-account svg{width:19px;height:19px}
 body[data-page="memo"] .content{max-width:none;width:100%;padding:0;margin:0;height:100%}
 body[data-page="memo"] #scroll-area{overflow:hidden;scrollbar-gutter:auto}
 .planner-workspace{height:100%;display:grid;grid-template-columns:320px minmax(0,1fr);gap:0}
 .planner-workspace>.memo-screen,.planner-calendar{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:0;border-radius:0}
 .planner-workspace>.memo-screen{border-right:1px solid #e8ebe9;background:#fafbf9}
 .planner-workspace .memo-toolbar{padding:20px 12px 10px;background:transparent;flex-shrink:0}
 .planner-workspace .memo-header{padding:0 8px;height:36px}
 .planner-workspace h1{font-size:18px;line-height:28px;margin:0;font-weight:600}
 .planner-workspace .memo-header button{width:34px;height:34px}
 .planner-workspace .memo-filters{padding:14px 8px 0;overflow:auto;max-width:100%;gap:6px}
 .planner-workspace .memo-filter{font-size:12px;border:0;background:transparent;color:#7c8580;padding:4px 10px}
 .planner-workspace .memo-filter[aria-pressed="true"]{background:#e6eee9;color:#2d6553}
 .planner-workspace .memo-list{padding:0 20px 24px;overflow:auto;flex:1;min-height:0}
 .planner-workspace .memo-card{position:relative;padding:0;border:0;border-bottom:1px solid #e5eae5;border-radius:0;background:transparent}
 .planner-workspace .memo-card-open{padding:18px 0 48px;width:100%}
 .planner-workspace .memo-card h2{font-size:14px;line-height:23px;font-weight:550}
 .planner-workspace .memo-card p{font-size:12px;line-height:21px;color:#8b938e;-webkit-line-clamp:2}
 .planner-workspace .memo-card footer{margin-top:10px;font-size:11px}
 .planner-workspace .memo-arrange{display:flex;align-items:center;gap:5px;position:absolute;bottom:9px;right:0;min-height:28px;padding:4px 8px;border-radius:5px;color:#387567;background:transparent;font-size:12px}
 .memo-arrange:hover{background:#e6eee9}.memo-arrange svg{width:14px;height:14px}
 .planner-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 12px;min-height:65px}
 .planner-heading-actions{display:flex;align-items:center;gap:20px;font-size:12px;color:#929b95}
 .planner-heading-actions button{display:flex;align-items:center;gap:7px;color:#52665a;padding:8px 10px;border-radius:6px;background:#f3f6f3;font-size:12px}
 .planner-heading-actions svg{width:15px;height:15px}
 .planner-controls{display:flex;align-items:center;gap:8px;padding:0 32px 18px;border-bottom:1px solid #e8ebe9;flex-wrap:wrap}
 .planner-controls button{min-height:32px;min-width:32px;border:1px solid #e4e9e4;border-radius:6px;padding:5px 10px;background:white;display:grid;place-items:center;font-size:12px}
 .planner-controls svg{width:16px;height:16px}.planner-controls label{margin:0 8px}
 .planner-controls input{width:166px;border:0;background:transparent;padding:6px 2px;font-family:inherit;font-size:15px;font-weight:550;color:#29352e}
 .planner-axis{overflow:auto;min-height:0;flex:1;padding:18px 32px 0}
 .planner-pending{padding:10px 32px;max-height:120px;overflow:auto;border-bottom:1px solid #edf0ed;font-size:12px;color:#8a8f96}
 .planner-pending button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 0;text-align:left;color:#384541}
 .planner-pending svg{width:14px;height:14px;flex-shrink:0}
 .planner-summary{border-bottom:1px solid #e8ebe9;font-size:12px;flex-shrink:0}
 .planner-summary summary{cursor:pointer;padding:12px 32px;color:#65786b}.planner-summary summary>span{float:right;color:#99a29b}
 .planner-summary-body{max-height:260px;overflow:auto;padding:0 32px 16px}.planner-summary .overview-scroller{padding:12px 0;gap:14px}.planner-summary .time-card,.planner-summary .health-card{border-radius:12px}
 .planner-empty-copy{color:#8a938d;padding:12px 0}.planner-summary .saved-review{padding-top:12px}
 .planner-calendar .diary-event{border-radius:5px}.planner-calendar .diary-event strong{font-size:13px}.planner-calendar .diary-event em{font-size:11px}
 body[data-page^="knowledge"] .content{max-width:960px;padding:28px 40px;width:100%}
 body[data-page="knowledge-edit"] .content,body[data-page="memo-edit"] .content{max-width:860px;padding:24px 40px;width:100%}
}
@media(min-width:761px) and (max-width:1000px){
 .desktop-header{padding:0 22px;gap:30px}.planner-workspace{grid-template-columns:270px minmax(0,1fr)}
 .planner-heading,.planner-controls,.planner-pending{padding-left:22px;padding-right:22px}.planner-axis{padding-left:20px;padding-right:20px}.planner-summary summary{padding-left:22px;padding-right:22px}
}
@media(min-width:761px){
 .planner-axis .diary-timeline{cursor:crosshair;touch-action:pan-y}
 .planner-axis .diary-event{cursor:pointer}
 .planner-workspace .memo-card-open{cursor:grab}
 .planner-dragging,.planner-dragging *{user-select:none!important;cursor:grabbing!important}
 .planner-drag-preview{position:absolute;left:44px;right:0;background:#e6f0e8dc;border:1px solid #387567;border-radius:5px;color:#285e51;font-size:12px;padding:3px 8px;pointer-events:none;z-index:6;min-height:17px}
 .planner-resize{position:absolute;left:0;right:0;height:9px;cursor:ns-resize;z-index:2}
 .planner-resize.start{top:0}.planner-resize.end{bottom:0}
 .planner-resize:after{content:"";position:absolute;left:calc(50% - 12px);width:24px;height:3px;top:3px;border-radius:3px;background:currentColor;opacity:.35}
 .planner-range-label{font-size:14px;color:#387567;padding:14px 0 0}#planner-range-error{color:#a03f32;font-size:13px}
}
