/* Taclen: composition from the handoff, isolated from the original Groot UI. */ .taclen-only, #tc-workspace, #tc-nav-extra, .tc-nav-icon, .tc-goals-label, .tc-header-caption { display:none; } .tc-compose-chrome, #tc-ai-toggle { display:none; } .taclen-day-main, .taclen-day-aside { display:contents; } html[data-design="taclen"] body { --bg-primary:#F5EFE5; --bg-card:#FFFFFF; --bg-card-elevated:#FCFAF7; --text-primary:#30302E; --text-secondary:#716A62; --text-tertiary:#716A62; --separator:#DED6CB; --bar-bg:#F5EFE5; --fill-secondary:#F0DFD5; --sheet-bg:#FCFAF7; --ios-blue:#9B4E38; --ios-green:#526F4B; --ios-red:#B13229; --ios-orange:#9B4E38; --ios-purple:#716A62; --card-shadow:none; --tc-accent:#B76A51; --tc-surface:#FCFAF7; --tc-on-accent:#FFFFFF; --taclen-button-text:#FFFFFF; --grabber-color:#716A62; --taclen-dot:#B76A51; font-family:"Segoe UI",Arial,sans-serif; font-size:16px; line-height:1.5; } html[data-design="taclen"].theme-dark body { --bg-primary:#1C1B19; --bg-card:#292724; --bg-card-elevated:#292724; --text-primary:#F4EFE7; --text-secondary:#BCB4AA; --text-tertiary:#BCB4AA; --separator:#3D3934; --bar-bg:#23211F; --fill-secondary:#44312A; --sheet-bg:#23211F; --ios-blue:#D68C70; --ios-green:#93B783; --ios-red:#FFAAA0; --ios-orange:#D68C70; --ios-purple:#BCB4AA; --tc-accent:#D68C70; --tc-surface:#23211F; --tc-on-accent:#1C1B19; --taclen-button-text:#1C1B19; --grabber-color:#BCB4AA; --taclen-dot:#D68C70; } html[data-design="taclen"] :is(.ios-header,.ios-tab-bar,.ios-sheet) { backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:none; } html[data-design="taclen"] :is(.ios-card,.tc-card) { border:1px solid var(--separator); border-radius:12px; background:var(--bg-card); box-shadow:none; } html[data-design="taclen"] :is(button,input,textarea,select) { font-family:inherit; } html[data-design="taclen"] :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible { outline:2px solid var(--ios-blue); outline-offset:3px; } html[data-design="taclen"] :is(.tc-center,.tc-aside,.tc-compose-body) { min-width:0; } html[data-design="taclen"] #tc-workspace svg, html[data-design="taclen"] #tc-nav-extra svg, html[data-design="taclen"] .tc-nav-icon svg { width:24px; height:24px; flex-shrink:0; } html[data-design="taclen"] #tc-workspace button, html[data-design="taclen"] #tc-nav-extra button { cursor:pointer; } html[data-design="taclen"] #tc-workspace [hidden], html[data-design="taclen"] #tc-nav-extra [hidden] { display:none !important; } html[data-design="taclen"] #view-today > :is(.taclen-day-main,.taclen-day-aside) { display:none; } html[data-design="taclen"] .taclen-only { display:flex; } html[data-design="taclen"] :is(.taclen-compose,.taclen-rhythm,.taclen-more-menu,.taclen-nav-settings,.desktop-brand) { display:none; } html[data-design="taclen"] .ios-header { padding:24px 32px 16px; background:var(--bg-primary); border:0; transition:none; } html[data-design="taclen"] .header-subtitle { text-transform:none; letter-spacing:0; font-size:16px; color:var(--text-secondary); } html[data-design="taclen"] .header-large-title { font-size:44px; font-weight:700; letter-spacing:-1.5px; line-height:1.15; } html[data-design="taclen"] .tc-header-caption { display:block; color:var(--text-secondary); font-size:18px; margin-top:8px; } html[data-design="taclen"] #tc-workspace { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:28px; align-items:start; } html[data-design="taclen"] .ios-content { max-width:1600px; padding:12px 32px 40px; } html[data-design="taclen"] .tc-compose { display:flex; align-items:flex-start; gap:20px; padding:20px; margin:0 0 16px; } html[data-design="taclen"] .tc-day-summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px; margin-bottom:16px; } html[data-design="taclen"] .tc-summary-title { font-size:13px; color:var(--text-secondary); margin-bottom:6px; } html[data-design="taclen"] #tc-progress-ring { flex:0 0 76px; width:76px; height:76px; } html[data-design="taclen"] #tc-progress-ring svg { width:76px; height:76px; } html[data-design="taclen"] .tc-ai-mark { display:flex; align-items:baseline; justify-content:center; gap:1px; background:var(--text-primary); color:var(--bg-primary); font-size:36px; font-weight:750; line-height:1.3; border-radius:12px; width:54px; height:54px; flex-shrink:0; padding-top:3px; } html[data-design="taclen"] .tc-ai-mark i, html[data-design="taclen"] .taclen-wordmark i { display:inline-block; background:var(--tc-accent); width:10px; height:10px; border-radius:2px; } html[data-design="taclen"] .tc-compose-body { flex:1; } html[data-design="taclen"] .tc-compose label { display:block; font-size:18px; font-weight:650; margin:0 0 10px; } html[data-design="taclen"] #tc-input { display:block; width:100%; resize:vertical; min-height:76px; max-height:180px; border:1px solid var(--separator); border-radius:10px; padding:12px; font-size:16px; line-height:1.5; color:var(--text-primary); background:transparent; user-select:text; -webkit-user-select:text; } html[data-design="taclen"] .tc-compose-tools { display:flex; gap:8px; align-items:center; margin-top:10px; } html[data-design="taclen"] .tc-compose-tools button { border:0; background:transparent; color:var(--text-primary); display:grid; place-items:center; width:44px; height:44px; border-radius:10px; flex-shrink:0; } html[data-design="taclen"] #tc-compose-hint { font-size:13px; color:var(--text-secondary); flex:1; } html[data-design="taclen"] #tc-send { margin-left:auto; width:56px; color:var(--tc-on-accent); background:var(--ios-blue); } html[data-design="taclen"] #tc-compose-status:not([hidden]) { display:flex; align-items:center; gap:8px; width:100%; margin:8px 0 0; font-size:14px; color:var(--text-primary); overflow-wrap:anywhere; } html[data-design="taclen"] #tc-compose-status small { margin-left:auto; flex-shrink:0; color:var(--text-secondary); } html[data-design="taclen"] #tc-sent-preview:not([hidden]) { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; width:100%; margin:8px 0 0; padding:8px 10px; border-radius:8px; background:var(--fill-secondary); color:var(--text-primary); font-size:13px; white-space:pre-wrap; overflow-wrap:anywhere; } html[data-design="taclen"] #tc-mic[aria-pressed="true"] { background:var(--fill-secondary); color:var(--ios-red); } html[data-design="taclen"] .tc-files { display:flex; gap:6px; flex-wrap:wrap; } html[data-design="taclen"] .tc-files button { padding:6px 10px; min-height:36px; border:1px solid var(--separator); color:var(--text-secondary); background:var(--tc-surface); border-radius:8px; overflow-wrap:anywhere; } html[data-design="taclen"] .tc-plan-heading { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:20px 0 12px; } html[data-design="taclen"] .tc-plan-heading h2 { font-size:26px; letter-spacing:-.5px; } html[data-design="taclen"] #tc-progress { color:var(--text-secondary); font-size:13px; } html[data-design="taclen"] .tc-filters { display:flex; gap:6px; margin-left:auto; } html[data-design="taclen"] .tc-filters button { border:1px solid var(--separator); border-radius:12px; padding:6px 12px; min-height:36px; color:var(--text-secondary); background:var(--tc-surface); font-size:13px; } html[data-design="taclen"] .tc-filters button[aria-pressed="true"] { border-color:var(--ios-blue); color:var(--tc-on-accent); background:var(--ios-blue); } html[data-design="taclen"] .tc-mobile-add { display:none; } html[data-design="taclen"] #tc-tasks { overflow:visible; display:flex; flex-direction:column; gap:12px; } html[data-design="taclen"] #tc-empty { padding:24px 16px; text-align:center; color:var(--text-secondary); font-size:14px; line-height:1.6; } html[data-design="taclen"] #tc-empty-add { display:inline-flex; align-items:center; justify-content:center; margin-top:14px; min-height:44px; max-width:100%; padding:10px 18px; border:1px solid var(--ios-blue); border-radius:10px; background:var(--ios-blue); color:var(--tc-on-accent); font:inherit; cursor:pointer; } html[data-design="taclen"] #tc-empty-add:focus-visible { outline:2px solid var(--ios-blue); outline-offset:3px; } html[data-design="taclen"] .tc-groups-button { border:1px solid var(--separator); border-radius:10px; background:var(--tc-surface); color:var(--text-primary); padding:8px 12px; min-height:40px; margin-bottom:12px; } html[data-design="taclen"] .tc-plan-controls { display:flex; flex-direction:column; gap:10px; margin:0 0 14px; min-width:0; } html[data-design="taclen"] .tc-plan-controls .tc-filters { order:0; margin:0; width:100%; min-width:0; overflow-x:auto; padding:1px; gap:6px; } html[data-design="taclen"] .tc-plan-controls .tc-filters button { flex:0 0 auto; min-height:40px; white-space:nowrap; } html[data-design="taclen"] .tc-plan-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-width:0; } html[data-design="taclen"] .tc-plan-actions button { min-height:40px; border:1px solid var(--separator); border-radius:10px; padding:8px 12px; background:var(--tc-surface); color:var(--text-primary); font:inherit; font-size:13px; white-space:nowrap; } html[data-design="taclen"] .tc-plan-actions .tc-groups-button { margin:0; } html[data-design="taclen"] #tc-selection-actions .task-selection-toolbar { margin:0; gap:8px; } html[data-design="taclen"] #tc-selection-actions:has([data-select-mode][aria-pressed="true"]) { order:3; flex-basis:100%; } html[data-design="taclen"] #tc-tasks[data-task-sort]:not([data-task-sort="manual"]) .drag-handle { visibility:hidden; } html[data-design="taclen"] #tc-tasks .task-section-card { margin:0; overflow:visible; border:1px solid var(--separator); border-left:3px solid var(--section-tone); border-radius:12px; background:var(--tc-surface); } html[data-design="taclen"] #tc-tasks .task-section-bar { border-radius:10px 10px 0 0; min-height:44px; } html[data-design="taclen"] #tc-tasks .ios-row { display:flex; align-items:center; gap:12px; padding:12px 16px; min-height:60px; background:transparent; border-left:0; } html[data-design="taclen"] .ios-row:has(> .tc-task-menu[open]) { z-index:5; } html[data-design="taclen"] #tc-tasks .ios-row::after { left:0; right:0; height:1px; } html[data-design="taclen"] #tc-tasks .drag-handle { display:flex; flex:0 0 28px; min-height:36px; padding:4px; margin:0; color:var(--text-secondary); opacity:.75; } html[data-design="taclen"] #tc-tasks .ios-row { gap:8px; padding-left:8px; } html[data-design="taclen"] #tc-tasks .ios-checkbox { width:25px; height:25px; margin:0; border-color:var(--text-secondary); position:relative; } html[data-design="taclen"] #tc-tasks .ios-checkbox::before { content:""; position:absolute; inset:-10px; } html[data-design="taclen"] .ios-checkbox.checked { background:var(--ios-green); border-color:var(--ios-green) !important; } html[data-design="taclen"].theme-dark .ios-checkbox.checked::after { border-color:#1C1B19; } html[data-design="taclen"] #tc-tasks .row-body { display:block; min-width:0; cursor:pointer; } html[data-design="taclen"] #tc-tasks .row-title { flex:1; min-width:0; font-size:16px; font-weight:400; overflow-wrap:anywhere; } html[data-design="taclen"] #tc-tasks .row-subtitle { margin:0; flex-shrink:0; font-size:13px; } html[data-design="taclen"] .tc-task-project { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-secondary); flex-shrink:0; min-width:65px; } html[data-design="taclen"] .tc-task-project i, html[data-design="taclen"] #tc-projects i { display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--project-color,var(--tc-accent)); flex-shrink:0; } html[data-design="taclen"] #tc-tasks .ios-row.important-task .row-title::before { content:"★ "; color:var(--ios-blue); } html[data-design="taclen"] .tc-task-menu { position:relative; flex-shrink:0; } html[data-design="taclen"] .tc-task-menu summary { display:grid; place-items:center; list-style:none; cursor:pointer; width:32px; height:36px; font-size:24px; } html[data-design="taclen"] .tc-task-menu summary::-webkit-details-marker { display:none; } html[data-design="taclen"] .tc-task-menu > div { position:absolute; right:0; top:100%; width:210px; padding:6px; border:1px solid var(--separator); border-radius:12px; background:var(--sheet-bg); box-shadow:0 6px 20px #0002; z-index:20; } html[data-design="taclen"] .tc-task-menu button { display:block; width:100%; min-height:44px; padding:8px; margin:0; text-align:left; font-size:14px; border:0; background:transparent; color:var(--text-primary); opacity:1; filter:none; transform:none; } html[data-design="taclen"] .tc-task-menu .delete-btn { color:var(--ios-red); } html[data-design="taclen"] .tc-task-menu button:hover { background:var(--fill-secondary); border-radius:6px; } html[data-design="taclen"] #tc-undated-section { margin:16px 0; padding:0; min-width:0; } html[data-design="taclen"] #tc-undated-toggle { display:flex; align-items:center; gap:12px; padding:16px; min-height:72px; list-style:none; cursor:pointer; } html[data-design="taclen"] #tc-undated-toggle::-webkit-details-marker { display:none; } html[data-design="taclen"] #tc-undated-toggle > span:first-child { flex:1; min-width:0; } html[data-design="taclen"] #tc-undated-toggle strong { display:block; font-size:16px; font-weight:600; color:var(--text-primary); } html[data-design="taclen"] #tc-undated-toggle small { display:block; margin-top:4px; font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] #tc-undated-count { display:grid; place-items:center; min-width:28px; height:28px; padding:0 8px; border-radius:9px; background:var(--fill-secondary); color:var(--ios-blue); font-size:13px; font-weight:600; } html[data-design="taclen"] .tc-undated-chevron { color:var(--text-secondary); font-size:22px; } html[data-design="taclen"] #tc-undated-section[open] .tc-undated-chevron { transform:rotate(180deg); } html[data-design="taclen"] #tc-undated .ios-row { display:flex; align-items:center; gap:12px; padding:12px 16px; min-height:64px; background:transparent; border-top:1px solid var(--separator); } html[data-design="taclen"] #tc-undated .ios-row::after { display:none; } html[data-design="taclen"] #tc-undated .drag-handle { display:none; } html[data-design="taclen"] #tc-undated .row-body { display:block; min-width:0; flex:1; cursor:pointer; } html[data-design="taclen"] #tc-undated .row-title { font-size:16px; font-weight:400; overflow-wrap:anywhere; } html[data-design="taclen"] #tc-undated .ios-checkbox { flex-shrink:0; width:25px; height:25px; } html[data-design="taclen"] #tc-undated .important-task .row-title::before { content:'★ '; color:var(--ios-blue); } html[data-design="taclen"] .tc-plan-options { margin:12px 0; font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] .tc-plan-options summary { cursor:pointer; padding:6px 0; } html[data-design="taclen"] .tc-plan-options > div { display:flex; gap:8px; flex-wrap:wrap; } html[data-design="taclen"] .tc-plan-options button { color:var(--ios-blue); background:transparent; border:1px solid var(--separator); border-radius:8px; padding:8px; min-height:44px; } html[data-design="taclen"] .tc-aside { padding:22px 20px; background:var(--tc-surface); min-height:680px; display:flex; flex-direction:column; } html[data-design="taclen"] .tc-aside h2 { font-size:24px; letter-spacing:-.5px; } html[data-design="taclen"] .tc-month { display:flex; gap:8px; align-items:center; margin:18px 0; } html[data-design="taclen"] #tc-month-label { flex:1; width:auto; min-width:0; padding:8px 10px; border-radius:10px; font-size:14px; font-weight:600; text-transform:capitalize; text-align:left; display:flex; align-items:center; justify-content:space-between; gap:8px; } html[data-design="taclen"] #tc-month-label::after { content:"⌄"; font-size:18px; color:var(--text-secondary); } html[data-design="taclen"] #tc-month-label[aria-expanded="true"]::after { transform:rotate(180deg); } html[data-design="taclen"] .tc-month button { border-radius:10px; } html[data-design="taclen"] .tc-month button:hover { background:var(--fill-secondary); } html[data-design="taclen"] .tc-aside:has(#tc-month-picker:not([hidden])) :is(#tc-week-prev,#tc-week-next,#tc-week) { display:none; } html[data-design="taclen"] .tc-month button { border:0; background:transparent; color:var(--text-primary); font-size:28px; width:32px; height:44px; } html[data-design="taclen"] #tab-btn-calendar { display:none; } html[data-design="taclen"] .tc-month-picker { border:1px solid var(--separator); border-radius:16px; padding:10px; margin-bottom:16px; background:var(--bg-card); } html[data-design="taclen"] .tc-month-toolbar { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; } html[data-design="taclen"] .tc-month-toolbar strong { text-transform:capitalize; font-size:15px; } html[data-design="taclen"] .tc-month-picker button { border:0; border-radius:50%; min-width:0; min-height:40px; background:transparent; color:var(--text-primary); font:inherit; } html[data-design="taclen"] .tc-month-toolbar button { width:36px; min-height:36px; border-radius:10px; font-size:22px; } html[data-design="taclen"] .tc-month-toolbar button:hover { background:var(--fill-secondary); } html[data-design="taclen"] :is(.tc-month-weekdays,.tc-month-days) { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:2px; text-align:center; } html[data-design="taclen"] .tc-month-weekdays { color:var(--text-secondary); font-size:12px; padding-bottom:6px; } html[data-design="taclen"] .tc-month-days button { position:relative; isolation:isolate; display:grid; place-items:center; width:100%; height:40px; padding:0; border-radius:8px; font-size:14px; font-variant-numeric:tabular-nums; } html[data-design="taclen"] .tc-month-days button::before { content:""; position:absolute; z-index:-1; left:50%; top:50%; transform:translate(-50%,-50%); width:28px; height:28px; border-radius:50%; } html[data-design="taclen"] .tc-month-days button:hover::before { background:var(--fill-secondary); } html[data-design="taclen"] .tc-month-days [aria-current="date"]::before { box-shadow:inset 0 0 0 1px var(--ios-blue); } html[data-design="taclen"] .tc-month-days [aria-pressed="true"] { color:var(--tc-on-accent); font-weight:600; } html[data-design="taclen"] .tc-month-days [aria-pressed="true"]::before { background:var(--ios-blue); } html[data-design="taclen"] #tc-go-today { align-self:flex-start; border:1px solid var(--separator); border-radius:10px; padding:8px 14px; min-height:40px; margin-bottom:12px; background:transparent; color:var(--ios-blue); font:inherit; } html[data-design="taclen"] .tc-week { display:flex; overflow-x:auto; min-width:0; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain; margin-bottom:24px; cursor:grab; -webkit-overflow-scrolling:touch; } html[data-design="taclen"] .tc-week::-webkit-scrollbar { display:none; } html[data-design="taclen"] .tc-week-page { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:2px; flex:0 0 100%; min-width:0; scroll-snap-align:start; } html[data-design="taclen"] .tc-week.is-dragging { scroll-snap-type:none; cursor:grabbing; } html[data-design="taclen"] .tc-week button { user-select:none; -webkit-user-select:none; } html[data-design="taclen"] .tc-week button { display:flex; flex-direction:column; align-items:center; gap:10px; border:0; background:transparent; color:var(--text-primary); min-height:64px; } html[data-design="taclen"] .tc-week span { font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] .tc-week b { width:32px; height:32px; display:grid; place-items:center; font-size:14px; font-weight:400; border-radius:50%; } html[data-design="taclen"] .tc-week [aria-current="date"] b { box-shadow:inset 0 0 0 2px var(--ios-blue); color:var(--ios-blue); font-weight:600; } html[data-design="taclen"] .tc-week [aria-pressed="true"] b { background:var(--ios-blue); color:var(--tc-on-accent); } html[data-design="taclen"] .tc-schedule { border-top:1px solid var(--separator); border-bottom:1px solid var(--separator); padding:20px 0; margin-bottom:24px; } html[data-design="taclen"] .tc-schedule button { display:flex; align-items:flex-start; gap:12px; width:100%; border:0; padding:12px 0; text-align:left; color:var(--text-primary); background:transparent; font-size:15px; } html[data-design="taclen"] .tc-schedule time { flex-shrink:0; font-size:14px; } html[data-design="taclen"] .tc-schedule button > i { width:10px; height:10px; background:var(--tc-accent); border-radius:50%; margin-top:6px; flex-shrink:0; } html[data-design="taclen"] .tc-schedule button > span { min-width:0; overflow-wrap:anywhere; } html[data-design="taclen"] .tc-schedule small { margin-top:10px; } html[data-design="taclen"] :is(.tc-muted,.tc-timeline-extra) { color:var(--text-secondary); font-size:13px; } html[data-design="taclen"] .tc-timeline-extra { margin-top:12px; } html[data-design="taclen"] .tc-habit { display:flex; align-items:center; gap:12px; width:100%; border:0; color:var(--text-primary); background:transparent; padding:18px 0; text-align:left; } html[data-design="taclen"] .tc-habit > span:nth-child(2) { flex:1; min-width:0; } html[data-design="taclen"] .tc-habit strong { font-size:15px; font-weight:500; overflow-wrap:anywhere; } html[data-design="taclen"] .tc-habit-icon { display:grid; place-items:center; width:44px; height:48px; background:var(--bg-primary); border-radius:12px; flex-shrink:0; } html[data-design="taclen"] .tc-habit small { font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] .tc-habit-dots { display:flex; gap:8px; margin-top:10px; } html[data-design="taclen"] .tc-habit-dots i { display:grid; place-items:center; width:12px; height:12px; border:1px solid var(--text-secondary); border-radius:50%; font-size:9px; font-style:normal; } html[data-design="taclen"] .tc-habit-dots .done { border-color:var(--ios-green); background:var(--ios-green); color:var(--bg-card); } html[data-design="taclen"] .tc-open-calendar { display:flex; align-items:center; gap:12px; margin-top:auto; padding:22px 0 0; border:0; border-top:1px solid var(--separator); background:transparent; color:var(--text-primary); font-size:15px; text-align:left; min-height:60px; } html[data-design="taclen"] .tc-open-calendar span:nth-child(2) { flex:1; } html[data-design="taclen"] #tc-mobile-habits { display:none; } html[data-design="taclen"] .tc-review { border-left:5px solid var(--tc-accent); padding:18px 20px; margin-bottom:20px; } html[data-design="taclen"] .tc-review-heading { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:12px; } html[data-design="taclen"] .tc-review-heading svg { color:var(--ios-blue); } html[data-design="taclen"] .tc-review-heading h2 { font-size:19px; } html[data-design="taclen"] .tc-review-heading > span { border-radius:16px; padding:5px 12px; color:var(--ios-blue); background:var(--fill-secondary); font-size:12px; } html[data-design="taclen"] .tc-draft-item { border-top:1px solid var(--separator); padding:10px 0; display:flex; align-items:center; flex-wrap:wrap; gap:10px; } html[data-design="taclen"] .tc-draft-item > label { display:flex; gap:12px; align-items:center; flex:1; min-width:100px; } html[data-design="taclen"] .tc-draft-item input[type=checkbox] { accent-color:var(--ios-blue); width:24px; height:24px; flex-shrink:0; } html[data-design="taclen"] .tc-draft-text { font-size:15px; overflow-wrap:anywhere; } html[data-design="taclen"] .tc-draft-tag { padding:7px 12px; border-radius:10px; font-size:12px; background:var(--fill-secondary); color:var(--ios-blue); } html[data-design="taclen"] .tc-draft-item > button { border:0; background:transparent; color:var(--text-secondary); width:36px; height:44px; font-size:22px; } html[data-design="taclen"] .tc-review-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; } html[data-design="taclen"] .tc-review-actions button { border:1px solid var(--separator); padding:10px 20px; min-height:44px; border-radius:10px; background:transparent; color:var(--text-primary); font-size:14px; } html[data-design="taclen"] .tc-review-actions .tc-primary { background:var(--ios-blue); color:var(--tc-on-accent); border-color:var(--ios-blue); } html[data-design="taclen"] .tc-draft-editor { display:grid; grid-template-columns:1fr 1fr; gap:12px; width:100%; padding:12px 0; } html[data-design="taclen"] .tc-draft-editor label { font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] .tc-draft-editor label:has(textarea) { grid-column:1/-1; } html[data-design="taclen"] .tc-draft-editor :is(input,select,textarea) { display:block; width:100%; min-width:0; padding:10px; border:1px solid var(--separator); border-radius:8px; color:var(--text-primary); background:var(--sheet-bg); font-size:16px; } html[data-design="taclen"] .tc-review-note { color:var(--text-secondary); font-size:12px; margin-top:12px; } html[data-design="taclen"] :is(.tc-source,.tc-assistant-message,.tc-review-mobile-heading) { display:none; } html[data-design="taclen"] .tc-error { color:var(--ios-red); padding:8px 0; overflow-wrap:anywhere; } html[data-design="taclen"] #tc-result { color:var(--ios-green); padding:10px 0; } html[data-design="taclen"] .tc-inbox-chip { display:flex; align-items:center; gap:14px; width:100%; padding:16px; border-radius:12px; border:0; background:var(--fill-secondary); color:var(--text-primary); margin:12px 0; } html[data-design="taclen"] .tc-inbox-chip b { margin-left:auto; padding:2px 8px; background:var(--ios-blue); color:var(--tc-on-accent); border-radius:50%; } html[data-design="taclen"] #tc-inbox-panel { margin-bottom:16px; } html[data-design="taclen"] .ios-checkbox { border-color:var(--text-secondary); } html[data-design="taclen"] .ai-bubble-user { background:var(--fill-secondary); color:var(--text-primary); } html[data-design="taclen"] .ios-row:is(.important-task,.rolled-task) { background:transparent; border-left-color:var(--ios-blue); } html[data-design="taclen"] .form-row-theme { flex-wrap:wrap; gap:12px; } html[data-design="taclen"] .team-board-column { background:var(--tc-surface); } html[data-design="taclen"] .team-board-card { background:var(--bg-card); box-shadow:none; } html[data-design="taclen"] .taclen-wordmark { align-items:baseline; gap:3px; font-size:40px; font-weight:800; line-height:1.2; letter-spacing:-2px; color:var(--text-primary); } html[data-design="taclen"] .tc-nav-icon { display:flex; } html[data-design="taclen"] .tab-icon { display:none; } html[data-design="taclen"] .ios-tab-bar { background:var(--bar-bg); } html[data-design="taclen"] .ios-tab-bar .tab-item { color:var(--text-primary); } html[data-design="taclen"] .ios-tab-bar .tab-item.active { color:var(--ios-blue); background:var(--fill-secondary); } html[data-design="taclen"] body:has(#view-today.active) .ai-fab { display:none; } html[data-design="taclen"] .tc-profile { display:flex; align-items:center; gap:12px; margin-top:auto; padding-top:20px; border-top:1px solid var(--separator); font-size:14px; } html[data-design="taclen"] #tc-profile-avatar { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:var(--ios-blue); color:var(--tc-on-accent); font-size:20px; } html[data-design="taclen"] #tc-profile-name { flex:1; overflow:hidden; text-overflow:ellipsis; } html[data-design="taclen"] .tc-profile button { background:transparent; color:var(--text-primary); border:0; width:32px; height:44px; font-size:24px; } @media(min-width:1024px) { html[data-design="taclen"] body { --desktop-nav-width:240px; } html[data-design="taclen"] .ios-tab-bar { gap:6px; padding:24px 16px; } html[data-design="taclen"] .taclen-nav-brand { display:flex; order:0; padding:0 8px 20px; } html[data-design="taclen"] .ios-header > .taclen-wordmark { display:none; } html[data-design="taclen"] .taclen-space { display:flex; align-items:center; justify-content:space-between; order:1; padding:10px 16px; border:1px solid var(--separator); border-radius:10px; background:transparent; color:var(--text-primary); font-size:15px; min-height:44px; } html[data-design="taclen"] .tc-search { display:flex; align-items:center; gap:10px; padding:8px 12px; margin:0 0 8px; border:1px solid var(--separator); border-radius:10px; } html[data-design="taclen"] .tc-search input { min-width:0; width:100%; border:0; color:var(--text-primary); background:transparent; font-size:13px; height:28px; } html[data-design="taclen"] #tc-nav-extra { display:contents; } html[data-design="taclen"] .tc-search { order:2; } html[data-design="taclen"] #tab-btn-today { order:3; } html[data-design="taclen"] #tc-nav-inbox { order:4; display:flex; align-items:center; gap:14px; padding:12px 14px; min-height:48px; border:0; border-radius:10px; background:transparent; color:var(--text-primary); font-size:15px; } html[data-design="taclen"] #tc-inbox-badge { margin-left:auto; background:var(--ios-blue); color:var(--tc-on-accent); border-radius:50%; padding:2px 8px; font-size:12px; } html[data-design="taclen"] #tab-btn-calendar { order:5; } html[data-design="taclen"] #tab-btn-notes { order:6; } html[data-design="taclen"] #tab-btn-goals { order:7; } html[data-design="taclen"] #tab-btn-habits { order:8; } html[data-design="taclen"] #tab-btn-teams { order:11; margin-top:16px; border-top:1px solid var(--separator); border-radius:0; } html[data-design="taclen"] .tc-project-heading { order:9; display:flex; align-items:center; gap:12px; color:var(--text-secondary); font-size:12px; text-transform:uppercase; margin:20px 8px 4px; } html[data-design="taclen"] .tc-project-heading::after { content:""; flex:1; height:1px; background:var(--separator); } html[data-design="taclen"] #tc-projects { order:10; } html[data-design="taclen"] #tc-projects button { display:flex; align-items:center; gap:16px; padding:10px 14px; width:100%; text-align:left; font-size:15px; background:transparent; color:var(--text-primary); border:0; border-radius:8px; } html[data-design="taclen"] #tc-projects button[aria-current] { background:var(--fill-secondary); } html[data-design="taclen"] #tc-projects i { width:14px; height:14px; } html[data-design="taclen"] .tc-profile { order:12; } html[data-design="taclen"] .tab-label { font-size:15px; font-weight:400; } html[data-design="taclen"] #tab-btn-goals .tab-label { display:none; } html[data-design="taclen"] .tc-goals-label { display:inline; font-size:15px; } html[data-design="taclen"] .header-actions { position:absolute; top:48px; right:340px; } html[data-design="taclen"] #btn-quick-add { width:auto; min-width:180px; height:44px; border-radius:10px; background:var(--ios-blue); color:var(--tc-on-accent); gap:12px; padding:0 16px; font-weight:400; } html[data-design="taclen"] #btn-quick-add::after { content:"Добавить задачу"; font-size:14px; } html[data-design="taclen"] #btn-open-settings { display:none; } } @media(min-width:1024px) and (max-width:1279px) { html[data-design="taclen"] #tc-workspace { grid-template-columns:minmax(0,1fr); } html[data-design="taclen"] .tc-aside { min-height:0; } html[data-design="taclen"] .header-actions { right:32px; } } @media(max-width:1023px) { html[data-design="taclen"] body { padding-bottom:calc(155px + env(safe-area-inset-bottom,16px)); } html[data-design="taclen"] .ios-header { padding:18px 20px 8px; position:relative; } html[data-design="taclen"] .ios-header .taclen-wordmark { display:flex; font-size:34px; margin-bottom:10px; } html[data-design="taclen"] .header-large-title { font-size:32px; letter-spacing:-.8px; } html[data-design="taclen"] .header-subtitle { font-size:14px; } html[data-design="taclen"] .tc-header-caption { display:none; } html[data-design="taclen"] .header-actions { position:absolute; top:16px; right:20px; } html[data-design="taclen"] #btn-open-help { width:44px; height:44px; } html[data-design="taclen"] #btn-quick-add { display:none; } html[data-design="taclen"] #btn-open-settings { width:44px; height:44px; background:var(--ios-blue); color:var(--tc-on-accent); } html[data-design="taclen"] .ios-content { padding:0 16px 30px; } html[data-design="taclen"] #tc-workspace { display:flex; flex-direction:column; gap:0; } html[data-design="taclen"] .tc-center { width:100%; } html[data-design="taclen"] .tc-aside { display:contents; } html[data-design="taclen"] .tc-aside > :is(h2,#tc-habits) { display:none; } html[data-design="taclen"] .tc-month { order:-5; width:100%; margin:0 0 4px; } html[data-design="taclen"] #tc-month-picker { order:-4; width:100%; box-sizing:border-box; } html[data-design="taclen"] #tc-go-today { order:-3; } html[data-design="taclen"] #tc-week { order:-2; width:100%; margin:8px 0 12px; } html[data-design="taclen"] #tc-schedule { order:-1; width:100%; } html[data-design="taclen"] .tc-week b { width:40px; height:40px; font-size:15px; } html[data-design="taclen"] .tc-compose { position:fixed; z-index:105; bottom:calc(65px + env(safe-area-inset-bottom,0px)); left:16px; width:calc(100% - 32px); padding:8px; margin:0; gap:0; border-radius:12px; } html[data-design="taclen"] :is(.tc-compose .tc-ai-mark,.tc-compose label,#tc-compose-hint) { display:none; } html[data-design="taclen"] .tc-compose-body { display:flex; align-items:center; flex-wrap:wrap; gap:4px; } html[data-design="taclen"] #tc-input { flex:1; min-width:70px; min-height:44px; max-height:100px; height:44px; resize:none; font-size:16px; padding:10px; border:0; } html[data-design="taclen"] .tc-compose-tools { display:contents; } html[data-design="taclen"] #tc-attach { order:-1; } html[data-design="taclen"] #tc-send { width:44px; height:44px; border-radius:10px; } html[data-design="taclen"] .tc-files { width:100%; order:-2; } html[data-design="taclen"] .tc-files:empty { display:none; } html[data-design="taclen"] .tc-plan { border:1px solid var(--separator); border-radius:14px; background:var(--bg-card); overflow:visible; } html[data-design="taclen"] .tc-plan-heading { margin:0; padding:12px 14px; gap:10px; } html[data-design="taclen"] .tc-plan-heading h2 { font-size:22px; } html[data-design="taclen"] .tc-plan-controls { padding:0 14px; } html[data-design="taclen"] .tc-plan-controls .tc-filters { gap:4px; } html[data-design="taclen"] .tc-plan-controls .tc-filters button { flex:1 0 auto; padding:5px 6px; font-size:11px; min-height:40px; } html[data-design="taclen"] .tc-plan-actions { gap:6px; } html[data-design="taclen"] .tc-plan-actions button { padding:8px; font-size:12px; } html[data-design="taclen"] #tc-progress { flex:1; font-size:12px; } html[data-design="taclen"] .tc-filters { order:4; width:100%; margin:0; } html[data-design="taclen"] .tc-filters button { flex:1; min-height:32px; padding:5px 8px; font-size:12px; } html[data-design="taclen"] .tc-mobile-add { display:block; width:40px; height:40px; border:1px solid var(--separator); border-radius:10px; background:var(--tc-surface); color:var(--text-primary); font-size:28px; } html[data-design="taclen"] #tc-tasks { border:0; background:transparent; border-radius:0; } html[data-design="taclen"] #tc-tasks .ios-row { padding:12px 14px; gap:14px; min-height:72px; } html[data-design="taclen"] #tc-tasks .row-body { display:block; } html[data-design="taclen"] #tc-tasks .ios-checkbox { width:26px; height:26px; } html[data-design="taclen"] #tc-tasks .row-subtitle { display:inline-flex; margin-top:4px; font-size:12px; } html[data-design="taclen"] #tc-tasks .tc-task-project { display:inline-flex; font-size:12px; margin:4px 0 0 8px; } html[data-design="taclen"] .tc-plan-options { padding:0 14px; } html[data-design="taclen"] #tc-mobile-habits { display:block; width:100%; } html[data-design="taclen"] #tc-mobile-habits h2 { display:none; } html[data-design="taclen"] #tc-mobile-habits .tc-habit { border:1px solid var(--separator); background:var(--bg-card); border-radius:12px; margin-top:12px; padding:14px; } html[data-design="taclen"] #tc-mobile-habits .tc-habit-dots { gap:14px; } html[data-design="taclen"] .taclen-nav-brand, html[data-design="taclen"] .taclen-space { display:none; } html[data-design="taclen"] body:not(.guest-only) :is(#tab-btn-goals,#tab-btn-habits,#tab-btn-teams) { display:none; } html[data-design="taclen"] body:not(.guest-only) .taclen-more-button { display:flex; flex:1; align-items:center; justify-content:center; flex-direction:column; min-height:48px; border:0; background:transparent; color:var(--text-secondary); font-size:22px; } html[data-design="taclen"] .taclen-more-button span { font-size:11px; } html[data-design="taclen"] .ios-tab-bar .tab-item.active { background:transparent; } html[data-design="taclen"] .tab-label { font-size:11px; font-weight:400; } html[data-design="taclen"] .tc-nav-icon { margin-bottom:2px; } html[data-design="taclen"] #tc-nav-extra { display:contents; } html[data-design="taclen"] #tc-nav-extra > :not(#tc-nav-inbox) { display:none; } html[data-design="taclen"] #tc-nav-inbox { order:1; display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:0; min-height:48px; padding:0; position:relative; } html[data-design="taclen"] #tab-btn-today { order:0; } html[data-design="taclen"] #tab-btn-notes { order:2; } html[data-design="taclen"] #taclen-more { order:3; } html[data-design="taclen"] #tc-inbox-badge { position:absolute; top:0; right:15%; font-size:10px; border-radius:12px; padding:1px 5px; background:var(--ios-blue); color:var(--tc-on-accent); } html[data-design="taclen"] body.sheet-open .tc-compose { display:none; } html[data-design="taclen"] body.tc-keyboard .ios-tab-bar { display:none; } html[data-design="taclen"] body.tc-keyboard .tc-compose { bottom:var(--tc-keyboard-bottom,0px); } } @media(max-width:767px) { html[data-design="taclen"] body.tc-review-open { overflow:hidden; } html[data-design="taclen"] body.tc-review-open #tc-review-backdrop { position:fixed; inset:0; z-index:150; background:var(--bg-primary); overflow:auto; padding:calc(12px + var(--app-safe-top,0px)) 16px calc(110px + env(safe-area-inset-bottom,16px)); } html[data-design="taclen"] body.tc-review-open .tc-review { padding:0; border:0; background:transparent; } html[data-design="taclen"] .tc-review-mobile-heading { display:flex; align-items:center; gap:12px; margin-bottom:24px; } html[data-design="taclen"] .tc-review-mobile-heading h2 { flex:1; font-size:19px; } html[data-design="taclen"] #tc-review-back { width:40px; height:44px; background:transparent; border:0; color:var(--text-primary); font-size:36px; } html[data-design="taclen"] .tc-review-mobile-heading .tc-ai-mark { width:42px; height:42px; font-size:28px; border:1px solid var(--separator); } html[data-design="taclen"] .tc-source { display:block; padding:16px; margin:0 0 16px 40px; background:var(--fill-secondary); color:var(--text-primary); border-radius:16px 16px 4px 16px; overflow-wrap:anywhere; } html[data-design="taclen"] .tc-assistant-message { display:block; margin:0 40px 24px 0; padding:16px; background:var(--bg-card); border-radius:16px; } html[data-design="taclen"] .tc-review-heading { padding-top:16px; border-top:1px solid var(--separator); } html[data-design="taclen"] .tc-review-heading h2 { font-size:20px; } html[data-design="taclen"] .tc-draft-item { padding:14px 0; } html[data-design="taclen"] .tc-draft-item > label { min-width:calc(100% - 48px); } html[data-design="taclen"] .tc-draft-tag { order:3; margin-left:36px; } html[data-design="taclen"] .tc-review-actions { flex-direction:column; } html[data-design="taclen"] .tc-review-actions button { min-height:50px; font-size:16px; } html[data-design="taclen"] .tc-review-note { text-align:center; } } html[data-design="taclen"] body.guest-only #tc-workspace { display:none; } @media(prefers-reduced-motion:reduce) { html[data-design="taclen"] *, html[data-design="taclen"] *::after { transition:none !important; animation:none !important; } } html[data-design="taclen"] .taclen-more-button { display:none; } @media(max-width:1023px) { html[data-design="taclen"] body:not(.guest-only) .taclen-more-button { display:flex; } html[data-design="taclen"] .taclen-more-button:is(.active,[aria-expanded="true"]) { color:var(--ios-blue); } html[data-design="taclen"] body.tc-more-open { overflow:hidden; } html[data-design="taclen"] body.tc-more-open :is(.tc-compose,#tc-ai-toggle) { visibility:hidden; } html[data-design="taclen"] .taclen-more-menu[open]:not([hidden]) { display:flex; flex-direction:column; position:fixed; inset:auto 16px calc(80px + env(safe-area-inset-bottom,0px)) auto; width:min(420px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 110px - var(--app-safe-top,0px)); margin:0; padding:0; color:var(--text-primary); background:var(--bg-primary); border:1px solid var(--separator); border-radius:22px; box-shadow:0 16px 64px #0003; text-align:left; } html[data-design="taclen"] .taclen-more-menu::backdrop { background:#0006; } html[data-design="taclen"] .tc-more-header { display:flex; flex-shrink:0; align-items:center; justify-content:space-between; gap:16px; padding:20px 20px 16px; border-bottom:1px solid var(--separator); } html[data-design="taclen"] .tc-more-header h2 { margin:0; font-size:26px; line-height:1.2; letter-spacing:-.6px; } html[data-design="taclen"] .tc-more-header p { margin:6px 0 0; color:var(--text-secondary); font-size:13px; } html[data-design="taclen"] #taclen-more-close { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; border:1px solid var(--separator); border-radius:50%; background:var(--bg-card); color:var(--text-primary); font-size:26px; cursor:pointer; } html[data-design="taclen"] .tc-more-body { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:4px 16px 20px; scrollbar-width:thin; } html[data-design="taclen"] .tc-more-body h3 { margin:18px 4px 8px; color:var(--text-secondary); font-size:12px; font-weight:600; letter-spacing:.6px; text-transform:uppercase; } html[data-design="taclen"] .tc-more-group { overflow:hidden; background:var(--bg-card); border:1px solid var(--separator); border-radius:14px; } html[data-design="taclen"] .tc-more-group button { display:flex; align-items:center; gap:12px; width:100%; min-height:66px; padding:12px; border:0; border-radius:0; color:var(--text-primary); background:transparent; text-align:left; cursor:pointer; } html[data-design="taclen"] .tc-more-group button + button { border-top:1px solid var(--separator); } html[data-design="taclen"] .tc-more-group button:is(:hover,:active,[aria-current="page"]) { background:var(--fill-secondary); } html[data-design="taclen"] .tc-more-group button:focus-visible { outline-offset:-3px; } html[data-design="taclen"] .tc-more-group button::after { content:'›'; flex-shrink:0; margin-left:auto; font-size:22px; color:var(--text-secondary); } html[data-design="taclen"] .tc-more-icon { display:grid; place-items:center; flex-shrink:0; width:36px; height:36px; border-radius:10px; color:var(--ios-blue); background:var(--fill-secondary); } html[data-design="taclen"] .tc-more-icon svg { width:22px; height:22px; } html[data-design="taclen"] .tc-more-copy { display:flex; flex-direction:column; gap:4px; min-width:0; } html[data-design="taclen"] .tc-more-copy strong { font-size:15px; line-height:1.25; font-weight:600; } html[data-design="taclen"] .tc-more-copy small { color:var(--text-secondary); font-size:12px; line-height:1.35; } } @media(max-width:767px) { html[data-design="taclen"] .taclen-more-menu[open]:not([hidden]) { inset:auto 0 0; width:100%; max-height:calc(92dvh - var(--app-safe-top,0px)); border-radius:22px 22px 0 0; border-bottom:0; } html[data-design="taclen"] .tc-more-body { padding-bottom:calc(20px + env(safe-area-inset-bottom,0px)); } } html[data-design="taclen"] body:not(:has(#view-today.active)) .tc-header-caption { display:none; } html[data-design="taclen"] #tc-resume { min-height:44px; padding:10px 16px; border:1px solid var(--separator); border-radius:10px; background:var(--bg-card); color:var(--ios-blue); margin:8px 0; } @media(min-width:1024px) { html[data-design="taclen"] body:not(:has(#view-today.active)) #btn-quick-add::after { content:"Добавить"; } } html[data-design="taclen"] .tc-refine { display:flex; align-items:center; gap:8px; border:1px solid var(--separator); border-radius:12px; padding:8px; margin-top:16px; background:var(--tc-surface); } html[data-design="taclen"] .tc-refine textarea { flex:1; width:100%; min-width:0; resize:vertical; min-height:44px; max-height:120px; border:0; color:var(--text-primary); background:transparent; font-size:16px; padding:10px; } html[data-design="taclen"] .tc-refine button { display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:10px; color:var(--bg-primary); background:var(--text-primary); } @media(min-width:1280px) { html[data-design="taclen"] .ios-header { max-width:1600px; width:100%; margin-inline:auto; } html[data-design="taclen"] .tc-aside { margin-top:-156px; min-height:calc(100dvh - 28px); position:sticky; top:14px; } } @media(min-width:1024px) { html[data-design="taclen"] #tab-btn-habits { display:none; } } html[data-design="taclen"] .tc-task-menu summary { width:44px; height:44px; } @media(max-width:1023px) { html[data-design="taclen"] #btn-open-settings { font-size:0; } html[data-design="taclen"] #btn-open-settings::after { content:attr(data-profile-initial); font-size:20px; } } @media(max-width:767px) { html[data-design="taclen"] .tc-review-open .tc-refine { position:fixed; bottom:calc(8px + env(safe-area-inset-bottom,0px) + var(--tc-keyboard-bottom,0px)); left:16px; width:calc(100% - 32px); margin:0; z-index:160; background:var(--sheet-bg); } } @media(min-width:1280px) { html[data-design="taclen"] .tc-aside { z-index:51; } } @media(min-width:768px) { html[data-design="taclen"] .tc-draft-item { padding:4px 0; } html[data-design="taclen"] .tc-review { padding:14px 20px; } html[data-design="taclen"] .tc-review-heading { margin-bottom:8px; } html[data-design="taclen"] .tc-refine:not(.tc-refine-visible) { display:none; } } @media(max-width:767px) { html[data-design="taclen"] #tc-refine-toggle { display:none; } } html[data-design="taclen"] .tc-ai-mark { background:#30302E; color:#FCFAF7; } html[data-design="taclen"] #tc-input::placeholder, html[data-design="taclen"] #tc-refine::placeholder { color:var(--text-secondary); opacity:1; } html[data-design="taclen"] #tc-send, html[data-design="taclen"] .tc-refine button { background:var(--ios-blue); color:var(--tc-on-accent); } html[data-design="taclen"] #btn-open-notifications { width:44px; height:44px; } .tc-note-tools, .tc-task-details { display:none; } html[data-design="taclen"] :is(.tc-note-tools,.tc-task-details) { display:block; padding:16px; border:1px solid var(--separator); border-radius:12px; margin:12px 0; } html[data-design="taclen"] :is(.tc-note-tools,.tc-task-details) :is(input,select) { display:block; width:100%; min-width:0; min-height:44px; padding:8px; font-size:16px; color:var(--text-primary); border:1px solid var(--separator); border-radius:8px; background:var(--sheet-bg); } html[data-design="taclen"] :is(.tc-note-tools,.tc-task-details) button { min-height:44px; padding:8px 12px; border:1px solid var(--separator); border-radius:8px; background:var(--fill-secondary); color:var(--ios-blue); margin-top:12px; } html[data-design="taclen"] :is(.tc-note-tools,.tc-task-details) label { display:block; margin-top:8px; } html[data-design="taclen"] #tc-repeat-days { display:flex; flex-wrap:wrap; gap:12px; } html[data-design="taclen"] #tc-repeat-days[hidden] { display:none; } html[data-design="taclen"] #tc-repeat-days input { display:inline; width:20px; min-height:20px; } html[data-design="taclen"] .tc-source { display:block; white-space:pre-wrap; max-height:200px; overflow:auto; background:var(--tc-surface); border:1px solid var(--separator); border-radius:10px; padding:12px; margin-bottom:12px; font-size:14px; color:var(--text-secondary); } html[data-design="taclen"] .tc-include { display:flex; flex:1; align-items:center; gap:12px; min-width:120px; } html[data-design="taclen"] .tc-record-kind { display:flex; align-items:center; gap:6px; color:var(--ios-blue); font-size:12px; flex-shrink:0; } html[data-design="taclen"] #tc-workspace .tc-record-kind svg { width:20px; height:20px; } html[data-design="taclen"] .tc-draft-item .tc-exclude { width:auto; padding:4px 8px; font-size:12px; } html[data-design="taclen"] .tc-excluded .tc-include { opacity:.5; text-decoration:line-through; } html[data-design="taclen"] .tc-uncertainty { width:100%; font-size:13px; color:var(--ios-blue); padding:8px; background:var(--fill-secondary); border-radius:8px; } html[data-design="taclen"] #tc-inbox-panel { padding:16px; } html[data-design="taclen"] #tc-inbox-panel h2 { font-size:20px; } html[data-design="taclen"] .tc-inbox-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; } html[data-design="taclen"] #tc-inbox-close { min-height:40px; border:1px solid var(--separator); border-radius:8px; padding:6px 10px; color:var(--text-primary); background:var(--tc-surface); } html[data-design="taclen"] :is(#tc-review,#tc-inbox-panel) { scroll-margin-top:calc(90px + var(--app-safe-top,0px)); } html[data-design="taclen"] .tc-inbox-message { padding:16px 0; border-bottom:1px solid var(--separator); } html[data-design="taclen"] .tc-inbox-message p { white-space:pre-wrap; overflow-wrap:anywhere; } html[data-design="taclen"] .tc-inbox-message small { color:var(--text-secondary); } html[data-design="taclen"] .tc-inbox-message button { min-height:44px; border:1px solid var(--separator); border-radius:8px; padding:8px 12px; margin:8px 8px 8px 0; background:var(--tc-surface); color:var(--ios-blue); } html[data-design="taclen"] #tc-project-materials { padding:16px; margin:16px 0; } html[data-design="taclen"] .tc-project-note { display:flex; gap:12px; align-items:center; width:100%; min-height:48px; text-align:left; background:transparent; color:var(--text-primary); border:0; } html[data-design="taclen"] .tc-space-dialog { width:min(440px,calc(100vw - 32px)); margin:auto; padding:20px; border:1px solid var(--separator); border-radius:16px; background:var(--sheet-bg); color:var(--text-primary); } html[data-design="taclen"] .tc-space-dialog::backdrop { background:#0007; } html[data-design="taclen"] .tc-space-dialog button { display:block; width:100%; text-align:left; padding:12px; min-height:48px; background:transparent; color:var(--text-primary); border:1px solid var(--separator); border-radius:8px; margin-top:8px; } html[data-design="taclen"] .tc-aside { min-height:0; } html[data-design="taclen"] .tc-aside .tc-open-calendar { margin-top:24px; } @media(max-width:767px) { html[data-design="taclen"] .tc-include { flex-wrap:wrap; gap:8px; width:calc(100% - 110px); } html[data-design="taclen"] .tc-draft-text { flex:1; min-width:120px; } html[data-design="taclen"] .tc-draft-item .tc-draft-tag { margin-left:0; } } @media(max-width:767px) { html[data-design="taclen"] .tc-draft-item { display:grid; grid-template-columns:minmax(0,1fr) 36px auto; gap:8px; align-items:start; } html[data-design="taclen"] .tc-include { grid-column:1; grid-row:1; display:flex; flex-direction:column; align-items:flex-start; width:auto; min-width:0; } html[data-design="taclen"] .tc-draft-text { min-width:0; width:100%; } html[data-design="taclen"] .tc-draft-item [data-edit] { grid-column:2; grid-row:1; } html[data-design="taclen"] .tc-draft-item .tc-exclude { grid-column:3; grid-row:1; } html[data-design="taclen"] .tc-draft-item .tc-draft-tag { grid-column:1/-1; justify-self:start; } html[data-design="taclen"] .tc-draft-editor, html[data-design="taclen"] .tc-uncertainty { grid-column:1/-1; } html[data-design="taclen"] .tc-review-open .tc-source { font-size:16px; padding:16px; background:var(--fill-secondary); border:0; margin:0 0 16px 40px; color:var(--text-primary); } } .tc-note-project { display:none; } html[data-design="taclen"] .note-format-badge { display:none; } html[data-design="taclen"] .tc-note-project { display:inline; color:var(--text-secondary); font-size:12px; } html[data-design="taclen"] .note-row-title { font-size:17px; font-weight:600; } html[data-design="taclen"] .note-row-subtitle { display:flex; flex-wrap:wrap; gap:6px 12px; } html[data-design="taclen"] .note-row-snippet { flex-basis:100%; font-size:14px; } /* Team tasks keep the board context while the discussion is open. */ html[data-design="taclen"] #view-teams .teams-toolbar { margin-bottom:8px; } html[data-design="taclen"] #view-teams .team-summary-card { background:transparent; border:0; padding:8px 0 12px; } html[data-design="taclen"] body:has(#view-teams.active) .header-subtitle { display:none; } html[data-design="taclen"] #view-teams .team-summary-card { display:none; } html[data-design="taclen"] #view-teams .team-board-controls :is(.team-filters,.team-view-switch) { margin-bottom:0; } html[data-design="taclen"] #view-teams .team-summary-title { font-size:28px; letter-spacing:-.6px; } html[data-design="taclen"] #view-teams .team-view-switch { margin-bottom:8px; } html[data-design="taclen"] #view-teams .team-filters { margin-bottom:10px; } html[data-design="taclen"] .team-board-column { background:var(--tc-surface); border:1px solid var(--separator); border-top:3px solid var(--team-column-color,var(--ios-blue)); } html[data-design="taclen"] .team-board-card { box-shadow:none; border-radius:12px; } html[data-design="taclen"] .team-board-card:has(.team-unread-count:not([hidden])) { border-color:var(--ios-blue); } @media (min-width:1024px) { html[data-design="taclen"] #modal-team-task.has-task { align-items:stretch; justify-content:flex-end; padding:0; background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; pointer-events:none; } html[data-design="taclen"] #modal-team-task.has-task .ios-sheet { pointer-events:none; height:100dvh; max-height:100dvh; width:520px; max-width:65vw; border-radius:0; border-left:1px solid var(--separator); padding:20px; box-shadow:-8px 0 36px #0000000d; } html[data-design="taclen"] #modal-team-task.has-task.open .ios-sheet { pointer-events:auto; } html[data-design="taclen"] #view-teams #team-selector { display:none; } html[data-design="taclen"] #view-teams .teams-toolbar { justify-content:flex-end; } html[data-design="taclen"] #modal-team-task.has-task.is-expanded .ios-sheet { width:900px; max-width:calc(100vw - 224px); } html[data-design="taclen"] body:has(#modal-team-task.has-task.open) #view-teams { margin-right:520px; } } @media (max-width:1023px) { html[data-design="taclen"] #modal-team-task.has-task .ios-sheet { height:100%; max-height:100%; } } /* Phone-only AI launcher and expandable composer. */ @media(max-width:767px) { html[data-design="taclen"] body { padding-bottom:calc(var(--tc-compose-reserve,76px) + 89px + env(safe-area-inset-bottom,0px)); } html[data-design="taclen"] .tc-compose[data-compose-state="collapsed"] { display:none; } html[data-design="taclen"] #tc-ai-toggle { display:flex; align-items:center; justify-content:center; gap:8px; position:fixed; right:16px; bottom:calc(81px + env(safe-area-inset-bottom,0px)); z-index:105; min-height:52px; padding:12px 18px; border:1px solid var(--separator); border-radius:18px; background:var(--ios-blue); color:var(--tc-on-accent); font-size:16px; font-weight:600; } html[data-design="taclen"] #tc-ai-toggle[aria-expanded="true"] { display:none; } html[data-design="taclen"] .tc-compose:not([data-compose-state="collapsed"]) { flex-direction:column; } html[data-design="taclen"] .tc-compose-chrome { display:flex; align-items:center; gap:8px; width:100%; } html[data-design="taclen"] .tc-compose-chrome button { min-height:40px; border:0; border-radius:8px; color:var(--text-secondary); background:transparent; } html[data-design="taclen"] #tc-compose-expand { flex:1; display:flex; align-items:center; justify-content:center; gap:10px; touch-action:none; cursor:ns-resize; } html[data-design="taclen"] #tc-compose-expand i { display:block; width:36px; height:4px; border-radius:4px; background:var(--text-secondary); } html[data-design="taclen"] #tc-compose-expand span { font-size:12px; } html[data-design="taclen"] #tc-compose-close { width:40px; font-size:26px; } html[data-design="taclen"] .tc-compose-body { width:100%; } html[data-design="taclen"] :is(#tc-compose-error,#tc-compose-status) { width:100%; margin:8px 0; font-size:13px; overflow-wrap:anywhere; } html[data-design="taclen"] body.tc-compose-full { overflow:hidden; } html[data-design="taclen"] body.tc-compose-full .ios-tab-bar { visibility:hidden; } html[data-design="taclen"] .tc-compose[data-compose-state="full"] { top:var(--tc-viewport-top,0px); bottom:auto; left:0; width:100%; height:var(--tc-viewport-height,100dvh); z-index:145; border-radius:0; padding:calc(12px + var(--app-safe-top,0px)) 16px calc(12px + env(safe-area-inset-bottom,0px)); overflow:auto; background:var(--bg-primary); } html[data-design="taclen"] .tc-compose[data-compose-state="full"] .tc-compose-body { display:flex; flex:1; flex-direction:column; align-items:stretch; flex-wrap:nowrap; min-height:0; } html[data-design="taclen"] #tc-compose[data-compose-state="full"] label { display:block; margin:12px 0; } html[data-design="taclen"] .tc-compose[data-compose-state="full"] #tc-input { flex:1; width:100%; height:auto; min-height:120px; max-height:none; border:1px solid var(--separator); resize:none; } html[data-design="taclen"] .tc-compose[data-compose-state="full"] .tc-compose-tools { display:flex; width:100%; } } /* Notes: desktop master/detail and mobile cards, from the notes handoff. */ #notes-workspace, #nw-add { display:none; } html[data-design="taclen"] #notes-workspace { display:grid; grid-template-columns:minmax(270px,.46fr) minmax(0,.54fr); border:1px solid var(--separator); border-radius:12px; height:calc(100dvh - 168px); min-height:480px; overflow:hidden; background:var(--tc-surface); } html[data-design="taclen"] #notes-workspace [hidden] { display:none !important; } html[data-design="taclen"] #view-notes > #notes-list-header { display:none; } html[data-design="taclen"] body:has(#view-notes.active) .header-actions { right:32px; } html[data-design="taclen"] body:has(#view-notes.active) #btn-quick-add { min-width:128px; } html[data-design="taclen"] body:has(#view-notes.active) #btn-quick-add::after { content:"Заметка"; } html[data-design="taclen"] .nw-list-pane { display:flex; flex-direction:column; min-width:0; min-height:0; padding:16px; border-right:1px solid var(--separator); } html[data-design="taclen"] #notes-workspace svg { width:22px; height:22px; flex-shrink:0; } html[data-design="taclen"] #notes-workspace button { font:inherit; cursor:pointer; } html[data-design="taclen"] .nw-search { display:flex; gap:12px; align-items:center; min-height:44px; border:1px solid var(--separator); border-radius:10px; padding:0 12px; color:var(--text-primary); } html[data-design="taclen"] .nw-search input { min-width:0; width:100%; height:42px; border:0; outline:0; color:var(--text-primary); background:transparent; font-size:14px; } html[data-design="taclen"] .nw-search:focus-within { outline:2px solid var(--ios-blue); outline-offset:2px; } html[data-design="taclen"] .nw-search input::placeholder { color:var(--text-secondary); } html[data-design="taclen"] .nw-controls { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:14px 0 16px; } html[data-design="taclen"] .nw-select { min-width:0; } html[data-design="taclen"] .nw-select > span { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; } html[data-design="taclen"] .nw-select select { max-width:148px; min-height:40px; padding:0 10px; border:1px solid var(--separator); border-radius:10px; color:var(--text-primary); background:var(--tc-surface); font-size:13px; cursor:pointer; } html[data-design="taclen"] .nw-layout { display:flex; gap:6px; margin-left:auto; } html[data-design="taclen"] .nw-layout button { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--separator); border-radius:9px; background:transparent; color:var(--text-secondary); } html[data-design="taclen"] .nw-layout button[aria-pressed="true"] { background:var(--ios-blue); color:var(--tc-on-accent); border-color:var(--ios-blue); } html[data-design="taclen"] #nw-folder-pills { display:none; } html[data-design="taclen"] #nw-list-scroll { flex:1; min-height:0; overflow-y:auto; scrollbar-width:thin; padding:2px; margin:-2px; } html[data-design="taclen"] #notes-workspace #notes-container { display:block; background:transparent; border:0; border-radius:0; overflow:visible; margin:0; box-shadow:none; } html[data-design="taclen"] .nw-group + .nw-group { margin-top:24px; } html[data-design="taclen"] .nw-group > h2 { display:flex; align-items:center; gap:8px; font-size:15px; font-weight:400; color:var(--text-secondary); margin:10px 2px 8px; } html[data-design="taclen"] .nw-group > h2 svg { width:19px; height:19px; color:var(--text-primary); } html[data-design="taclen"] .nw-cards { display:grid; gap:8px; } html[data-design="taclen"] .nw-card { position:relative; border:1px solid var(--separator); border-radius:10px; background:var(--bg-card); min-width:0; } html[data-design="taclen"] .nw-card.is-selected { background:var(--fill-secondary); border-color:var(--tc-accent); } html[data-design="taclen"] .nw-card:hover { border-color:var(--tc-accent); } html[data-design="taclen"] .nw-card-open { display:flex; flex-direction:column; width:100%; height:100%; min-height:130px; padding:14px 16px 12px; background:transparent; border:0; border-radius:9px; text-align:left; color:var(--text-primary); } html[data-design="taclen"] .nw-card-open strong { display:block; padding-right:32px; font-size:15px; line-height:1.5; font-weight:650; overflow-wrap:anywhere; } html[data-design="taclen"] .nw-snippet { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--text-secondary); font-size:14px; line-height:1.55; margin:3px 0 10px; overflow-wrap:anywhere; } html[data-design="taclen"] .nw-card-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; width:100%; font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] .nw-tag { border-radius:20px; padding:3px 11px; background:var(--fill-secondary); color:var(--text-primary); max-width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } html[data-design="taclen"] .nw-tag.is-personal { background:var(--separator); } html[data-design="taclen"] .nw-menu { position:absolute; right:8px; top:8px; z-index:2; } html[data-design="taclen"] .nw-menu[open] { z-index:10; } html[data-design="taclen"] .nw-menu summary { display:grid; place-items:center; width:36px; min-height:36px; border-radius:8px; cursor:pointer; color:var(--text-primary); font-weight:600; list-style:none; letter-spacing:1px; } html[data-design="taclen"] .nw-menu summary::-webkit-details-marker { display:none; } html[data-design="taclen"] .nw-menu summary:hover { background:var(--fill-secondary); } html[data-design="taclen"] .nw-menu > div { position:absolute; top:38px; right:0; width:176px; padding:6px; border:1px solid var(--separator); border-radius:10px; background:var(--sheet-bg); box-shadow:0 8px 24px #0002; } html[data-design="taclen"] .nw-menu button { display:block; width:100%; min-height:42px; padding:8px 10px; text-align:left; border:0; border-radius:6px; background:transparent; color:var(--text-primary); font-size:14px; } html[data-design="taclen"] .nw-menu button:hover { background:var(--fill-secondary); } html[data-design="taclen"] .nw-menu button[data-nw-action="delete"] { color:var(--ios-red); } html[data-design="taclen"] .nw-list-footer { display:flex; justify-content:space-between; align-items:center; padding:14px 2px 0; font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] .nw-list-footer button { min-height:36px; padding:4px 8px; border:0; background:transparent; color:var(--text-secondary); } html[data-design="taclen"] .nw-reader { overflow-y:auto; min-width:0; min-height:0; padding:22px 28px 36px; scrollbar-width:thin; } html[data-design="taclen"] .nw-reader-top { display:flex; align-items:center; gap:12px; position:relative; min-height:36px; padding-right:36px; } html[data-design="taclen"] .nw-reader-top .nw-menu { top:0; right:-4px; } html[data-design="taclen"] .nw-breadcrumb { flex:1; min-width:0; font-size:14px; color:var(--text-secondary); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } html[data-design="taclen"] .nw-breadcrumb i { font-style:normal; margin:0 12px; } html[data-design="taclen"] .nw-pin { display:grid; place-items:center; width:36px; height:36px; border:0; border-radius:8px; background:transparent; color:var(--text-primary); } html[data-design="taclen"] .nw-pin[aria-pressed="true"] { color:var(--ios-blue); background:var(--fill-secondary); } html[data-design="taclen"] #nw-reader-title { font-size:30px; line-height:1.25; letter-spacing:-.7px; margin:26px 0 10px; font-weight:700; overflow-wrap:anywhere; } html[data-design="taclen"] .nw-reader-meta { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:0 0 24px; color:var(--text-secondary); font-size:14px; } html[data-design="taclen"] .nw-saved { color:var(--ios-green); } html[data-design="taclen"] .nw-note-content { padding:24px 0; border-top:1px solid var(--separator); line-height:1.85; min-height:160px; overflow-wrap:anywhere; } html[data-design="taclen"] .nw-note-content :is(h1,h2,h3) { line-height:1.4; margin:0 0 16px; font-size:22px; letter-spacing:0; } html[data-design="taclen"] .nw-note-content ul { padding-left:28px; } html[data-design="taclen"] .nw-note-content li { margin-bottom:8px; } html[data-design="taclen"] .nw-note-content p { margin:0 0 16px; } html[data-design="taclen"] .nw-note-content img { max-width:100%; height:auto; } html[data-design="taclen"] .nw-note-content pre { overflow:auto; max-width:100%; } html[data-design="taclen"] .nw-note-content table { display:block; overflow-x:auto; } html[data-design="taclen"] .nw-plain { white-space:pre-wrap; } html[data-design="taclen"] .nw-related { border-top:1px solid var(--separator); padding:24px 0; } html[data-design="taclen"] .nw-related h3 { margin:0 0 12px; font-size:16px; font-weight:650; } html[data-design="taclen"] .nw-task, html[data-design="taclen"] .nw-photo { display:flex; align-items:center; gap:14px; padding:14px 16px; border:1px solid var(--separator); border-radius:10px; margin-top:8px; } html[data-design="taclen"] .nw-task-check { display:grid; place-items:center; width:24px; height:24px; flex-shrink:0; border:1.5px solid var(--text-secondary); border-radius:50%; color:var(--tc-on-accent); background:transparent; } html[data-design="taclen"] .nw-task-check.is-done { background:var(--ios-green); border-color:var(--ios-green); } html[data-design="taclen"] .nw-task-open { display:flex; gap:12px; justify-content:space-between; align-items:center; flex:1; min-width:0; text-align:left; background:transparent; color:var(--text-primary); border:0; font-size:14px; } html[data-design="taclen"] .nw-task-open span { overflow-wrap:anywhere; min-width:0; } html[data-design="taclen"] .nw-task-open svg { width:18px !important; height:18px !important; } html[data-design="taclen"] .nw-photo { color:var(--text-primary); text-decoration:none; } html[data-design="taclen"] .nw-photo img { width:40px; height:44px; border-radius:6px; object-fit:cover; } html[data-design="taclen"] .nw-photo span { flex:1; font-size:14px; } html[data-design="taclen"] .nw-photo small { display:block; font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] .nw-reader-footer { border-top:1px solid var(--separator); padding-top:24px; } html[data-design="taclen"] .nw-reader-footer button, html[data-design="taclen"] .nw-empty button { border:1px solid var(--separator); border-radius:9px; background:transparent; color:var(--text-primary); padding:10px 16px; min-height:44px; } html[data-design="taclen"] .nw-empty, html[data-design="taclen"] .nw-reader-empty { padding:40px 12px; text-align:center; color:var(--text-secondary); } html[data-design="taclen"] .nw-empty h2, html[data-design="taclen"] .nw-reader-empty h2 { font-size:20px; color:var(--text-primary); } html[data-design="taclen"] .nw-back { display:none; } html[data-design="taclen"] #notes-container[data-layout="grid"] .nw-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } @media(max-width:1279px) and (min-width:1024px) { html[data-design="taclen"] .nw-controls { gap:6px; } html[data-design="taclen"] .nw-select select { max-width:125px; padding:0 5px; font-size:12px; } html[data-design="taclen"] .nw-layout { margin:0; } html[data-design="taclen"] .nw-reader { padding:20px; } } @media(max-width:1023px) { html[data-design="taclen"] #notes-workspace { display:block; border:0; border-radius:0; min-height:0; height:auto; overflow:visible; background:transparent; } html[data-design="taclen"] .nw-list-pane { border:0; padding:8px 0 0; } html[data-design="taclen"] #nw-list-scroll { overflow:visible; } html[data-design="taclen"] .nw-controls { display:none; } html[data-design="taclen"] #nw-folder-pills { display:block; margin:14px 0 8px; } html[data-design="taclen"] #nw-folder-pills .folder-pills-bar { margin:0; padding:0 0 8px; gap:12px; } html[data-design="taclen"] #nw-folder-pills .folder-pill { border:1px solid var(--separator); border-radius:10px; background:transparent; color:var(--text-primary); padding:9px 18px; min-height:42px; font-size:14px; } html[data-design="taclen"] #nw-folder-pills .folder-pill.active { background:var(--ios-blue); color:var(--tc-on-accent); border-color:var(--ios-blue); } html[data-design="taclen"] #nw-folder-pills :is(.pill-rename-icon,.folder-manage-pill,#btn-add-folder-pill) { display:none; } html[data-design="taclen"] .nw-group + .nw-group { margin-top:28px; } html[data-design="taclen"] .nw-group > h2 { margin-top:12px; } html[data-design="taclen"] .nw-card-open { min-height:136px; padding:14px 16px; } html[data-design="taclen"] .nw-card-open strong { font-size:16px; } html[data-design="taclen"] .nw-reader { display:none; padding:8px 4px 28px; overflow:visible; } html[data-design="taclen"] .nw-reader-open .nw-list-pane { display:none; } html[data-design="taclen"] .nw-reader-open .nw-reader { display:block; } html[data-design="taclen"] .nw-back { display:flex; align-items:center; gap:4px; border:0; background:transparent; color:var(--ios-blue); padding:0; min-height:44px; } html[data-design="taclen"] .nw-breadcrumb { display:none; } html[data-design="taclen"] .nw-pin { margin-left:auto; } html[data-design="taclen"] body:has(#view-notes.active) #nw-add { display:block; position:absolute; bottom:8px; right:20px; border:0; border-radius:12px; width:44px; height:44px; font-size:30px; line-height:1; color:var(--tc-on-accent); background:var(--ios-blue); } html[data-design="taclen"] body:has(#view-notes.active) .header-actions { right:20px; } html[data-design="taclen"] body:has(#view-notes.active) .header-subtitle { display:none; } html[data-design="taclen"] body:has(#view-notes.active) .header-large-title { padding-right:56px; } } html[data-design="taclen"] .nw-card.is-selected .nw-tag { background:color-mix(in srgb,var(--ios-blue) 14%,var(--bg-card)); } html[data-design="taclen"] .nw-menu[data-up] > div { top:auto; bottom:38px; } /* Goals and habits: a calm overview built from the existing goal records. */ #goals-workspace, #gw-add-menu { display:none; } html[data-design="taclen"] #goals-workspace { display:block; } html[data-design="taclen"] #view-goals > :not(#goals-workspace) { display:none !important; } html[data-design="taclen"] #goals-workspace [hidden], html[data-design="taclen"] #gw-add-menu[hidden] { display:none !important; } html[data-design="taclen"] body:has(#view-goals.active) .header-actions { right:32px; } html[data-design="taclen"] body:has(#view-goals.active) #btn-quick-add { min-width:140px; } html[data-design="taclen"] body:has(#view-goals.active) #btn-quick-add::after { content:"Добавить ⌄"; } html[data-design="taclen"] .gw-caption { margin:-8px 0 16px; color:var(--text-secondary); font-size:18px; } html[data-design="taclen"] .gw-toolbar { display:flex; align-items:center; gap:8px; border-bottom:1px solid var(--separator); margin:0 0 20px; } html[data-design="taclen"] .gw-tabs { display:flex; align-items:stretch; gap:3px; overflow-x:auto; scrollbar-width:none; } html[data-design="taclen"] .gw-tabs button { flex-shrink:0; border:0; border-bottom:2px solid transparent; border-radius:8px 8px 0 0; padding:12px 24px; background:transparent; color:var(--text-secondary); min-height:44px; font:inherit; font-size:14px; cursor:pointer; } html[data-design="taclen"] .gw-tabs button[aria-current="page"] { background:var(--fill-secondary); border-bottom-color:var(--ios-blue); color:var(--ios-blue); } html[data-design="taclen"] #gw-mobile-add { display:none; } html[data-design="taclen"] .gw-card { border:1px solid var(--separator); border-radius:12px; padding:18px; background:var(--bg-card); min-width:0; } html[data-design="taclen"] .gw-top-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr); gap:16px; } html[data-design="taclen"] .gw-panel-title { position:relative; display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 12px; min-height:24px; } html[data-design="taclen"] .gw-panel-title h2 { font-size:18px; font-weight:650; line-height:1.4; margin:0; overflow-wrap:anywhere; } html[data-design="taclen"] .gw-view-all { display:flex; align-items:center; gap:10px; border:0; background:transparent; color:var(--text-secondary); font:inherit; font-size:12px; min-height:32px; cursor:pointer; white-space:nowrap; } html[data-design="taclen"] .gw-goals-list { display:grid; gap:12px; } html[data-design="taclen"] .gw-goal-card { position:relative; border:1px solid var(--separator); border-radius:11px; background:var(--tc-surface); min-width:0; } html[data-design="taclen"] .gw-goal-card.is-selected { border-color:color-mix(in srgb,var(--ios-blue) 35%,var(--separator)); } html[data-design="taclen"] .gw-goal-select { width:100%; display:flex; gap:18px; padding:16px 42px 16px 18px; text-align:left; border:0; background:transparent; color:var(--text-primary); border-radius:10px; cursor:pointer; font:inherit; } html[data-design="taclen"] #goals-workspace svg, html[data-design="taclen"] #gw-add-menu svg { width:24px; height:24px; flex-shrink:0; } html[data-design="taclen"] .gw-symbol { display:grid; place-items:center; width:46px; height:46px; border-radius:10px; background:color-mix(in srgb,var(--text-secondary) 8%,transparent); flex-shrink:0; } html[data-design="taclen"] .gw-symbol svg { width:28px !important; height:28px !important; } html[data-design="taclen"] .gw-goal-copy { position:relative; flex:1; display:flex; flex-direction:column; gap:5px; min-width:0; } html[data-design="taclen"] .gw-goal-copy > strong { font-size:15px; line-height:1.45; padding-right:132px; overflow-wrap:anywhere; } html[data-design="taclen"] .gw-metric-label { font-size:13px; color:var(--text-secondary); } html[data-design="taclen"] .gw-progress { display:flex; align-items:center; gap:12px; min-width:0; } html[data-design="taclen"] .gw-progress > div { height:12px; flex:1; overflow:hidden; border-radius:20px; background:var(--separator); min-width:0; } html[data-design="taclen"] .gw-progress i { display:block; height:100%; background:var(--ios-blue); border-radius:inherit; } html[data-design="taclen"] .gw-progress > span { font-size:13px; min-width:36px; color:var(--text-secondary); } html[data-design="taclen"] .gw-goal-copy > .gw-progress { padding-right:72px; } html[data-design="taclen"] .gw-deadline { display:flex; gap:10px; align-items:center; position:absolute; right:0; top:5px; color:var(--text-secondary); font-size:12px; } html[data-design="taclen"] .gw-deadline svg { width:17px !important; height:17px !important; } html[data-design="taclen"] .gw-step { display:flex; align-items:center; gap:10px; color:var(--text-secondary); font-size:12px; margin-top:5px; overflow-wrap:anywhere; } html[data-design="taclen"] .gw-step i { display:block; width:13px; height:13px; background:var(--ios-blue); border-radius:50%; flex-shrink:0; } html[data-design="taclen"] .gw-menu { position:absolute; top:50%; transform:translateY(-50%); right:8px; width:32px; min-height:40px; padding:0; border:0; border-radius:8px; background:transparent; color:var(--text-secondary); font:inherit; font-size:23px; cursor:pointer; } html[data-design="taclen"] .gw-panel-title .gw-menu { right:-6px; } html[data-design="taclen"] .gw-menu:hover { color:var(--ios-blue); background:var(--fill-secondary); } html[data-design="taclen"] .gw-selected { display:flex; flex-direction:column; } html[data-design="taclen"] .gw-selected .gw-panel-title { padding-right:25px; } html[data-design="taclen"] .gw-selected-metric { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; font-size:14px; color:var(--text-secondary); margin:5px 0; } html[data-design="taclen"] .gw-selected-metric strong { color:var(--text-primary); font-size:20px; } html[data-design="taclen"] .gw-selected-metric b { margin-left:auto; font-weight:400; } html[data-design="taclen"] .gw-selected > .gw-progress { display:block; margin-bottom:14px; } html[data-design="taclen"] .gw-selected > .gw-progress > div { height:14px; } html[data-design="taclen"] .gw-selected > .gw-progress > span { display:none; } html[data-design="taclen"] .gw-selected p { display:flex; align-items:center; gap:14px; font-size:14px; color:var(--text-secondary); margin:12px 0; } html[data-design="taclen"] .gw-primary { display:block; width:100%; margin-top:auto; padding:11px 16px; min-height:44px; border:0; border-radius:9px; background:var(--ios-blue); color:var(--tc-on-accent); font:inherit; font-size:14px; cursor:pointer; } html[data-design="taclen"] .gw-selected .gw-primary { margin-top:auto; } html[data-design="taclen"] .gw-habits { margin-top:18px; } html[data-design="taclen"] .gw-week-table, html[data-design="taclen"] .gw-today-habits { overflow:hidden; border:1px solid var(--separator); border-radius:10px; } html[data-design="taclen"] .gw-week-head, html[data-design="taclen"] .gw-week-row { display:grid; grid-template-columns:minmax(150px,1.8fr) 46px repeat(7,minmax(40px,1fr)); align-items:center; } html[data-design="taclen"] .gw-week-head { min-height:48px; color:var(--text-secondary); font-size:12px; } html[data-design="taclen"] .gw-week-head > span { text-align:center; } html[data-design="taclen"] .gw-week-head b { display:block; font-weight:400; } html[data-design="taclen"] .gw-week-head .is-today { color:var(--ios-blue); } html[data-design="taclen"] .gw-week-row { min-height:50px; border-top:1px solid var(--separator); } html[data-design="taclen"] .gw-week-row > div { display:grid; place-items:center; } html[data-design="taclen"] .gw-week-score { color:var(--text-secondary); font-size:12px; } html[data-design="taclen"] .gw-habit-name { display:flex; align-items:center; gap:18px; min-width:0; min-height:48px; border:0; background:transparent; color:var(--text-primary); text-align:left; padding:8px 20px; font:inherit; font-size:13px; cursor:pointer; } html[data-design="taclen"] .gw-habit-name span { overflow-wrap:anywhere; min-width:0; } html[data-design="taclen"] .gw-habit-name small, html[data-design="taclen"] .gw-status { font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] .gw-mark { display:grid; place-items:center; position:relative; width:24px; height:24px; border:1.5px solid var(--text-secondary); border-radius:50%; background:transparent; color:var(--text-primary); font-size:16px; cursor:pointer; } html[data-design="taclen"] .gw-mark::after { content:""; position:absolute; inset:-8px; border-radius:50%; } html[data-design="taclen"] .gw-mark.is-done { background:var(--ios-green); border-color:var(--ios-green); color:var(--tc-on-accent); } html[data-design="taclen"] .gw-mark.is-miss { color:var(--ios-red); border-color:var(--ios-red); } html[data-design="taclen"] .gw-mark.is-partial { color:var(--ios-blue); border-color:var(--ios-blue); } html[data-design="taclen"] .gw-mark.is-today:not(.is-done) { border-color:var(--ios-blue); box-shadow:0 0 0 3px var(--tc-surface),0 0 0 4px var(--ios-blue); } html[data-design="taclen"] .gw-mark:disabled { opacity:.35; cursor:default; } html[data-design="taclen"] .gw-add-row { display:flex; align-items:center; gap:16px; width:100%; min-height:46px; padding:8px 20px; text-align:left; border:0; border-top:1px solid var(--separator); background:transparent; color:var(--text-secondary); font:inherit; font-size:19px; cursor:pointer; } html[data-design="taclen"] .gw-add-row span { font-size:12px; } html[data-design="taclen"] .gw-today-habits, html[data-design="taclen"] .gw-mobile-label { display:none; } html[data-design="taclen"] .gw-bottom-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:16px; margin-top:18px; } html[data-design="taclen"] .gw-restriction { width:100%; min-height:64px; display:flex; align-items:center; gap:14px; padding:12px; border:1px solid var(--separator); border-radius:10px; margin-top:8px; background:var(--tc-surface); color:var(--text-primary); text-align:left; font:inherit; font-size:14px; cursor:pointer; } html[data-design="taclen"] .gw-restriction-icon { color:var(--ios-blue); } html[data-design="taclen"] .gw-restriction-copy { display:flex; flex:1; min-width:0; flex-direction:column; gap:3px; } html[data-design="taclen"] .gw-restriction-copy strong { font-size:13px; font-weight:500; overflow-wrap:anywhere; } html[data-design="taclen"] .gw-restriction-copy small, html[data-design="taclen"] .gw-restriction-score { font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] .gw-dots { display:flex; gap:5px; } html[data-design="taclen"] .gw-dots i { width:9px; height:9px; border-radius:50%; border:1px solid var(--text-secondary); } html[data-design="taclen"] .gw-dots i.is-done { background:var(--ios-green); border-color:var(--ios-green); } html[data-design="taclen"] .gw-dots i.is-miss { background:var(--ios-red); border-color:var(--ios-red); } html[data-design="taclen"] #gw-open-repeats { display:flex; align-items:center; gap:20px; width:100%; min-height:64px; border:1px solid var(--separator); border-radius:10px; background:transparent; color:var(--text-secondary); padding:14px 18px; text-align:left; font:inherit; font-size:12px; cursor:pointer; } html[data-design="taclen"] #gw-open-repeats span:nth-child(2) { flex:1; } html[data-design="taclen"] #gw-open-repeats small { display:block; font-size:12px; } html[data-design="taclen"] .gw-all-goals { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } html[data-design="taclen"] .gw-archive-row { display:flex; align-items:center; gap:14px; width:100%; min-height:56px; padding:12px; border:1px solid var(--separator); border-radius:10px; background:transparent; color:var(--text-primary); text-align:left; font:inherit; margin-top:10px; cursor:pointer; } html[data-design="taclen"] .gw-archive-row span:nth-child(2) { flex:1; } html[data-design="taclen"] .gw-empty, html[data-design="taclen"] .gw-selection-empty { text-align:center; color:var(--text-secondary); padding:24px 12px; } html[data-design="taclen"] .gw-empty button { border:1px solid var(--separator); background:transparent; border-radius:8px; color:var(--ios-blue); min-height:40px; padding:8px 14px; } html[data-design="taclen"] .gw-footer { display:flex; gap:16px; justify-content:flex-end; padding:16px 0; } html[data-design="taclen"] .gw-footer button { min-height:40px; border:0; background:transparent; color:var(--text-secondary); font:inherit; font-size:12px; cursor:pointer; } html[data-design="taclen"] .gw-muted { color:var(--text-secondary); } html[data-design="taclen"] .gw-mobile-chevron { display:none; } html[data-design="taclen"] #gw-add-menu { display:flex; position:fixed; flex-direction:column; gap:4px; width:220px; padding:10px; border:1px solid var(--separator); border-radius:12px; background:var(--sheet-bg); box-shadow:0 10px 40px #0003; z-index:170; } html[data-design="taclen"] .gw-add-popup strong { font-size:13px; color:var(--text-secondary); font-weight:400; padding:6px 10px; } html[data-design="taclen"] .gw-add-popup button { min-height:42px; border:0; background:transparent; border-radius:7px; text-align:left; padding:8px 10px; color:var(--text-primary); font:inherit; font-size:14px; cursor:pointer; } html[data-design="taclen"] .gw-add-popup button:hover { background:var(--fill-secondary); } html[data-design="taclen"] #gw-error { color:var(--ios-red); padding:12px; border:1px solid var(--separator); border-radius:10px; } @media(max-width:1279px) and (min-width:1024px) { html[data-design="taclen"] .gw-top-grid { grid-template-columns:minmax(0,1fr) minmax(240px,.9fr); } html[data-design="taclen"] .gw-goal-copy > strong { padding-right:0; } html[data-design="taclen"] .gw-deadline { position:static; } html[data-design="taclen"] .gw-goal-copy > .gw-progress { padding:0; } html[data-design="taclen"] .gw-goal-select { padding:12px; gap:10px; } html[data-design="taclen"] .gw-menu { right:0; top:20px; } html[data-design="taclen"] .gw-goal-select { padding-right:30px; } html[data-design="taclen"] .gw-bottom-grid { grid-template-columns:1fr; } html[data-design="taclen"] .gw-tabs button { padding:10px 18px; } } @media(max-width:1023px) { html[data-design="taclen"] .gw-top-grid, html[data-design="taclen"] .gw-bottom-grid { display:block; } html[data-design="taclen"] .gw-selected, html[data-design="taclen"] .gw-selection-empty { display:none; } html[data-design="taclen"] body:has(#view-goals.active) .header-actions { right:20px; } html[data-design="taclen"] body:has(#view-goals.active) .header-large-title { font-size:27px; letter-spacing:-.6px; } html[data-design="taclen"] .gw-caption { font-size:15px; margin:0 4px 16px; max-width:300px; } html[data-design="taclen"] .gw-toolbar { margin-bottom:16px; } html[data-design="taclen"] .gw-tabs { flex:1; min-width:0; } html[data-design="taclen"] .gw-tabs button { padding:10px 24px; font-size:13px; } html[data-design="taclen"] .gw-tabs .gw-goals-tab, html[data-design="taclen"] .gw-desktop-label { display:none; } html[data-design="taclen"] .gw-mobile-label { display:inline; } html[data-design="taclen"] #gw-mobile-add { display:block; flex-shrink:0; border:0; background:transparent; color:var(--ios-blue); width:36px; height:44px; font-size:25px; } html[data-design="taclen"] .gw-card { padding:14px; border-radius:11px; } html[data-design="taclen"] .gw-panel-title h2 { font-size:16px; } html[data-design="taclen"] .gw-view-all { font-size:12px; } html[data-design="taclen"] .gw-view-all[data-gw-tab="goals"] { font-size:0; } html[data-design="taclen"] .gw-view-all[data-gw-tab="goals"]::before { content:"Все"; font-size:12px; } html[data-design="taclen"] .gw-view-all span { font-size:15px; } html[data-design="taclen"] .gw-view-all[data-gw-tab="habits"] { font-size:0; } html[data-design="taclen"] .gw-view-all[data-gw-tab="habits"]::before { content:"Все"; font-size:12px; } html[data-design="taclen"] .gw-goal-select { padding:12px 14px; gap:14px; } html[data-design="taclen"] .gw-goal-copy > strong { padding:0; font-size:14px; } html[data-design="taclen"] .gw-goal-copy { gap:5px; } html[data-design="taclen"] .gw-metric-label { font-size:12px; } html[data-design="taclen"] .gw-goal-copy > .gw-progress { padding:0; } html[data-design="taclen"] .gw-progress > div { height:10px; } html[data-design="taclen"] .gw-progress > span { font-size:12px; min-width:30px; } html[data-design="taclen"] .gw-deadline { position:static; font-size:12px; margin-top:2px; } html[data-design="taclen"] .gw-step { font-size:12px; margin-top:0; } html[data-design="taclen"] .gw-step i { background:transparent; border:1px solid var(--text-primary); } html[data-design="taclen"] .gw-goal-card > .gw-menu { display:none; } html[data-design="taclen"] .gw-mobile-chevron { display:block; align-self:center; color:var(--text-secondary); font-size:22px; } html[data-design="taclen"] .gw-week-table { display:none; } html[data-design="taclen"] .gw-today-habits { display:block; } html[data-design="taclen"] .gw-today-row { display:flex; align-items:center; gap:14px; padding:4px 12px; border-bottom:1px solid var(--separator); min-height:47px; } html[data-design="taclen"] .gw-today-row .gw-habit-name { flex:1; padding:6px 0; gap:18px; font-size:13px; min-height:40px; } html[data-design="taclen"] .gw-today-row small { color:var(--text-secondary); min-width:28px; text-align:right; font-size:12px; } html[data-design="taclen"] .gw-mark { width:25px; height:25px; } html[data-design="taclen"] .gw-habits, html[data-design="taclen"] .gw-limits, html[data-design="taclen"] .gw-recurring { margin-top:16px; } html[data-design="taclen"] .gw-restriction { flex-wrap:wrap; padding:12px; gap:10px; } html[data-design="taclen"] .gw-restriction-score { order:3; margin-left:34px; } html[data-design="taclen"] .gw-dots { order:4; gap:4px; } html[data-design="taclen"] .gw-dots i { width:8px; height:8px; } html[data-design="taclen"] .gw-restriction-score span { display:none; } html[data-design="taclen"] .gw-all-goals { grid-template-columns:1fr; } } /* Inbox review and notification destinations, isolated from the original design. */ #view-inbox, #view-notifications, #iw-popup { display:none; } html[data-design="taclen"] :is(#view-inbox,#view-notifications).active { display:block; } html[data-design="taclen"] :is(#inbox-workspace,#iw-popup) [hidden], html[data-design="taclen"] #iw-popup[hidden] { display:none !important; } html[data-design="taclen"] body:has(#view-inbox.active) .header-actions { right:32px; } html[data-design="taclen"] body:has(#view-inbox.active) #btn-quick-add::after { content:"Записать"; } html[data-design="taclen"] body:has(#view-inbox) :is(#tc-inbox-chip,#tc-inbox-panel) { display:none !important; } html[data-design="taclen"] #tc-nav-inbox.active { background:var(--fill-secondary); color:var(--ios-blue); } @media(max-width:1023px) { html[data-design="taclen"] #tc-nav-inbox.active { background:transparent; } } html[data-design="taclen"] #iw-caption { color:var(--text-secondary); font-size:18px; margin:-8px 0 28px; } html[data-design="taclen"] .iw-toolbar { display:flex; align-items:center; gap:10px; margin-bottom:20px; } html[data-design="taclen"] .iw-toolbar nav { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; } html[data-design="taclen"] .iw-toolbar nav button { display:flex; align-items:center; justify-content:center; gap:12px; padding:12px 24px; border:1px solid var(--separator); border-radius:10px; min-height:48px; font:inherit; font-size:14px; background:var(--bg-card); color:var(--text-secondary); white-space:nowrap; cursor:pointer; } html[data-design="taclen"] .iw-toolbar button[aria-current="page"], html[data-design="taclen"] .iw-primary { background:var(--ios-blue); color:var(--tc-on-accent); border-color:var(--ios-blue); } html[data-design="taclen"] .iw-toolbar b { font-weight:400; background:#0002; color:inherit; border-radius:20px; padding:3px 8px; font-size:12px; } html[data-design="taclen"] #iw-mobile-record { display:none; } html[data-design="taclen"] .iw-columns { display:grid; grid-template-columns:minmax(270px,.42fr) minmax(0,.58fr); gap:22px; align-items:start; } html[data-design="taclen"] .iw-list-column { border:1px solid var(--separator); border-radius:12px; padding:16px; background:var(--tc-surface); } html[data-design="taclen"] .iw-list-tools { display:flex; align-items:center; justify-content:space-between; margin:-4px 0 10px; } html[data-design="taclen"] :is(#iw-sort,#iw-refresh) { border:0; background:transparent; font:inherit; font-size:12px; min-height:34px; color:var(--text-secondary); cursor:pointer; } html[data-design="taclen"] #iw-refresh { font-size:21px; width:36px; } html[data-design="taclen"] #iw-list { display:grid; gap:8px; } html[data-design="taclen"] .iw-message-card { position:relative; border:1px solid var(--separator); border-radius:11px; background:var(--bg-card); overflow:hidden; } html[data-design="taclen"] .iw-message-card.is-selected { border-color:color-mix(in srgb,var(--ios-blue) 45%,var(--separator)); background:color-mix(in srgb,var(--ios-blue) 13%,var(--bg-card)); } html[data-design="taclen"] .iw-message-card > button { border:0; background:transparent; color:var(--text-primary); text-align:left; padding:16px; width:100%; font:inherit; cursor:pointer; } html[data-design="taclen"] .iw-message-card strong { display:block; font-size:15px; margin:10px 12px 6px 0; overflow-wrap:anywhere; } html[data-design="taclen"] .iw-message-card small { display:block; color:var(--text-secondary); margin-top:8px; } html[data-design="taclen"] .iw-source-line { display:flex; align-items:center; gap:10px; color:var(--text-secondary); font-size:13px; } html[data-design="taclen"] .iw-source-line time { margin-left:auto; font-size:12px; } html[data-design="taclen"] .iw-source-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--fill-secondary); color:var(--text-primary); flex-shrink:0; } html[data-design="taclen"] .iw-source-icon svg { width:19px; height:19px; } html[data-design="taclen"] .iw-source-icon.is-telegram { background:#239cd2; color:white; } html[data-design="taclen"] .iw-source-tag { border-radius:8px; padding:4px 9px; font-size:12px; background:color-mix(in srgb,#78b5df 14%,transparent); color:var(--text-primary); } html[data-design="taclen"] .theme-dark .iw-source-tag { color:#aed5ef; } html.theme-dark[data-design="taclen"] .iw-source-tag { color:#aed5ef; } html[data-design="taclen"] .iw-snippet { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:14px; color:var(--text-secondary); line-height:1.55; overflow-wrap:anywhere; } html[data-design="taclen"] .iw-unread { width:9px; height:9px; border-radius:50%; background:var(--ios-blue); position:absolute; right:16px; top:73px; } html[data-design="taclen"] .iw-panel { border:1px solid var(--separator); border-radius:12px; padding:20px; background:var(--bg-card); } html[data-design="taclen"] .iw-panel h2 { font-size:21px; margin:0 0 22px; } html[data-design="taclen"] .iw-source-text { margin-top:20px; padding:20px; border:1px solid var(--separator); border-radius:10px; line-height:1.6; font-size:15px; color:var(--text-primary); white-space:pre-wrap; overflow-wrap:anywhere; } html[data-design="taclen"] .iw-primary { border:0; border-radius:9px; min-height:44px; font:inherit; font-size:14px; padding:12px 16px; cursor:pointer; } html[data-design="taclen"] #iw-message > .iw-primary { display:flex; justify-content:space-between; width:100%; margin-top:16px; } html[data-design="taclen"] #iw-review-host:has(#tc-review-backdrop:not([hidden])) { margin-top:16px; } html[data-design="taclen"] #iw-review-host .tc-review { margin:0; padding:20px; } html[data-design="taclen"] #iw-review-host .tc-source, html[data-design="taclen"] #iw-review-host .tc-assistant-message { display:none; } html[data-design="taclen"] #iw-review-host .tc-review-heading { border:0; padding:0; margin:0 0 16px; } html[data-design="taclen"] #iw-review-host .tc-review-heading > span { display:none; } html[data-design="taclen"] #iw-review-host .tc-review-heading h2 { font-size:21px; } html[data-design="taclen"] #iw-review-host .tc-review-actions { flex-wrap:wrap; } html[data-design="taclen"] #iw-defer { color:var(--text-primary); } html[data-design="taclen"] #iw-compose-host { margin-bottom:20px; } html[data-design="taclen"] #iw-compose-host #tc-compose { margin:0; } html[data-design="taclen"] :is(#iw-error,#iw-status) { font-size:14px; } html[data-design="taclen"] #iw-error { color:var(--ios-red); } html[data-design="taclen"] #iw-status:empty { display:none; } html[data-design="taclen"] .iw-empty { padding:30px 14px; color:var(--text-secondary); line-height:1.6; font-size:14px; text-align:center; } html[data-design="taclen"] #iw-popup { display:block; position:fixed; width:360px; max-width:calc(100vw - 24px); max-height:min(600px,75dvh); overflow:auto; border:1px solid var(--separator); border-radius:14px; padding:14px; z-index:180; background:var(--sheet-bg); box-shadow:0 16px 48px #0005; } html[data-design="taclen"] .iw-popup-heading { display:flex; align-items:center; justify-content:space-between; padding:0 0 10px; } html[data-design="taclen"] .iw-popup-heading button { background:transparent; border:0; color:var(--text-secondary); font-size:25px; width:36px; min-height:36px; cursor:pointer; } html[data-design="taclen"] .iw-popup-item { display:flex; gap:12px; padding:12px; width:100%; background:transparent; color:var(--text-primary); border:0; border-top:1px solid var(--separator); text-align:left; font:inherit; font-size:13px; cursor:pointer; } html[data-design="taclen"] .iw-popup-item.is-unread { background:var(--fill-secondary); border-radius:8px; } html[data-design="taclen"] .iw-popup-item > svg { width:22px; height:22px; color:var(--ios-blue); flex-shrink:0; } html[data-design="taclen"] .iw-popup-item > span { min-width:0; } html[data-design="taclen"] .iw-popup-item :is(strong,time) { display:block; margin-bottom:4px; } html[data-design="taclen"] .iw-popup-item > span > span { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; } html[data-design="taclen"] .iw-popup-item time { font-size:11px; margin-top:6px; color:var(--text-secondary); } html[data-design="taclen"] #iw-popup footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; border-top:1px solid var(--separator); padding-top:8px; } html[data-design="taclen"] #iw-popup footer button, html[data-design="taclen"] .iw-notification-tools button { min-height:40px; border:0; border-radius:7px; background:transparent; color:var(--ios-blue); font:inherit; font-size:13px; cursor:pointer; } html[data-design="taclen"] .iw-notification-tools { display:flex; gap:20px; margin-bottom:16px; } html[data-design="taclen"] .iw-notifications { max-width:900px; } html[data-design="taclen"] .iw-notifications .notification-card { background:var(--bg-card); border-color:var(--separator); border-radius:12px; margin:12px 0; padding:20px; } html[data-design="taclen"] .iw-highlight { outline:2px solid var(--ios-blue); } @media(min-width:1024px) { html[data-design="taclen"] #iw-message:has(+ #iw-review-host #tc-review-backdrop:not([hidden])) > .iw-primary { display:none; } } @media(max-width:1023px) { html[data-design="taclen"] body:has(#view-inbox.active) #header-title { font-size:28px; } html[data-design="taclen"] #iw-caption { margin:0 0 22px; font-size:15px; } html[data-design="taclen"] .iw-toolbar { gap:6px; } html[data-design="taclen"] .iw-toolbar nav { gap:6px; flex:1; } html[data-design="taclen"] .iw-toolbar nav button { font-size:12px; padding:9px 12px; gap:6px; min-height:42px; } html[data-design="taclen"] .iw-toolbar b { font-size:11px; padding:2px 6px; } html[data-design="taclen"] #iw-mobile-record { display:block; flex-shrink:0; width:32px; min-height:42px; background:transparent; color:var(--ios-blue); font-size:25px; border:0; } html[data-design="taclen"] .iw-columns { display:flex; flex-direction:column; gap:14px; } html[data-design="taclen"] :is(.iw-list-column,#iw-detail-column) { width:100%; } html[data-design="taclen"] .iw-list-column { border:0; background:transparent; padding:0; } html[data-design="taclen"] .iw-list-tools { margin-top:-10px; margin-bottom:6px; } html[data-design="taclen"] .iw-message-card > button { padding:14px 16px; } html[data-design="taclen"] .iw-panel { padding:16px; } html[data-design="taclen"] #iw-message h2 { display:none; } html[data-design="taclen"] .iw-source-text { border:0; padding:0; margin-top:14px; } html[data-design="taclen"] #iw-message .iw-source-line { flex-wrap:wrap; } } @media(max-width:767px) { html[data-design="taclen"] #iw-review-host .tc-review-heading, html[data-design="taclen"] #iw-review-host .tc-source { display:block; } html[data-design="taclen"] #iw-review-host .tc-review { padding:0; } html[data-design="taclen"] #iw-review-host .tc-review-heading h2 { font-size:20px; } html[data-design="taclen"] #iw-review-host .tc-source { margin-bottom:18px; } } html[data-design="taclen"] #iw-review-host svg { width:20px; height:20px; flex-shrink:0; } html[data-design="taclen"] #iw-review-host .tc-review-heading > svg { display:none; } html[data-design="taclen"] #iw-review-host .tc-review:focus { outline:none; } html[data-design="taclen"] .iw-review-extra { margin:12px 0; color:var(--text-secondary); font-size:13px; } html[data-design="taclen"] .iw-review-extra summary { cursor:pointer; min-height:36px; padding:8px 0; } html[data-design="taclen"] .iw-review-extra > div { display:flex; gap:12px; flex-wrap:wrap; } html[data-design="taclen"] .iw-review-extra button { min-height:40px; border:1px solid var(--separator); border-radius:8px; background:transparent; color:var(--text-primary); padding:8px 14px; font:inherit; cursor:pointer; } html[data-design="taclen"] body:has(#view-inbox.active) .ai-fab { display:none; } /* Full-screen assistant: chat history and explicit capture share their real controls. */ #aw-header, #aw-navigation, #aw-dialog-tools, #aw-capture, #aw-capture-composer { display:none; } .aw-message-time { display:none; } html[data-design="taclen"] #modal-ai-chat { left:240px; width:calc(100% - 240px); top:var(--vv-offset-top,0px); height:var(--vv-height,100dvh); padding:0; background:var(--bg-primary); } html[data-design="taclen"] #modal-ai-chat .ai-sheet { width:100%; max-width:none; height:100%; max-height:100%; border:0; border-radius:0; padding:28px 32px 22px; background:var(--bg-primary); box-shadow:none; position:relative; } html[data-design="taclen"] #modal-ai-chat :is(.sheet-grabber,.sheet-header) { display:none; } html[data-design="taclen"] #aw-header { display:block; flex-shrink:0; margin-bottom:22px; } html[data-design="taclen"] .aw-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; } html[data-design="taclen"] .aw-heading h1 { margin:10px 0; font-size:38px; line-height:1.15; color:var(--text-primary); } html[data-design="taclen"] :is(#aw-date,#aw-subtitle) { margin:0; color:var(--text-secondary); font-size:16px; } html[data-design="taclen"] #aw-date { font-size:14px; } html[data-design="taclen"] #aw-actions { display:flex; align-items:center; gap:12px; } html[data-design="taclen"] .aw-primary { border:0; border-radius:11px; min-height:44px; padding:12px 20px; background:var(--ios-blue); color:var(--tc-on-accent); font:inherit; font-size:14px; cursor:pointer; white-space:nowrap; } html[data-design="taclen"] #aw-actions :is(#btn-open-notifications,#btn-open-help) { position:relative; display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:var(--fill-secondary); color:var(--ios-blue); border:0; } html[data-design="taclen"] #aw-actions #btn-open-notifications svg { width:22px; height:22px; } html[data-design="taclen"] #aw-close { border:0; background:transparent; color:var(--text-secondary); font-size:24px; width:32px; min-height:40px; cursor:pointer; } html[data-design="taclen"] .aw-mobile-brand { display:none; } html[data-design="taclen"] .aw-context { position:absolute; right:32px; top:108px; display:flex; align-items:center; gap:12px; } html[data-design="taclen"] #aw-mode { min-height:36px; max-width:220px; border:1px solid var(--separator); border-radius:9px; background:var(--tc-surface); color:var(--text-primary); padding:7px 12px; font:inherit; font-size:13px; } html[data-design="taclen"] #aw-history { display:none; border:0; background:transparent; color:var(--text-primary); cursor:pointer; } html[data-design="taclen"] #aw-history svg { width:24px; height:24px; } html[data-design="taclen"] #aw-navigation { display:flex; flex-shrink:0; gap:10px; align-items:stretch; margin-bottom:16px; } html[data-design="taclen"] #modal-ai-chat .ai-tabs { flex:1; gap:10px; padding:0; min-width:0; } html[data-design="taclen"] #modal-ai-chat .ai-tab { position:relative; display:flex; flex:1; max-width:none; min-width:0; padding:0; border:1px solid var(--separator); border-radius:11px; background:var(--tc-surface); color:var(--text-primary); } html[data-design="taclen"] #modal-ai-chat .ai-tab:nth-child(n+4) { display:none; } html[data-design="taclen"] #modal-ai-chat .ai-tab.active { border-color:var(--ios-blue); background:color-mix(in srgb,var(--ios-blue) 15%,var(--tc-surface)); } html[data-design="taclen"] #modal-ai-chat .ai-tab-label { width:100%; display:flex; align-items:center; gap:16px; padding:16px 18px; text-align:left; font:inherit; color:var(--text-primary); min-height:70px; overflow:hidden; } html[data-design="taclen"] #modal-ai-chat .ai-tab-label svg { width:23px; height:23px; flex-shrink:0; } html[data-design="taclen"] #modal-ai-chat .ai-tab-label > span { min-width:0; } html[data-design="taclen"] #modal-ai-chat .ai-tab-label strong { font-weight:500; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; } html[data-design="taclen"] #modal-ai-chat .ai-tab-label time { display:block; font-size:12px; color:var(--text-secondary); margin-top:5px; } html[data-design="taclen"] #modal-ai-chat .ai-tab-close { position:absolute; right:2px; top:2px; width:24px; height:24px; font-size:17px; opacity:0; } html[data-design="taclen"] #modal-ai-chat .ai-tab:is(:hover,:focus-within) .ai-tab-close { opacity:1; } html[data-design="taclen"] #modal-ai-chat #btn-add-ai-chat { display:none; } html[data-design="taclen"] #aw-dialog-tools { display:flex; flex-direction:column; min-width:130px; } html[data-design="taclen"] #aw-all { flex:1; min-height:44px; border:1px solid var(--separator); border-radius:11px; background:var(--tc-surface); color:var(--text-primary); font:inherit; font-size:18px; cursor:pointer; } html[data-design="taclen"] #aw-all span { font-size:12px; margin-left:8px; } html[data-design="taclen"] #aw-chat-actions { text-align:right; } html[data-design="taclen"] #aw-chat-actions button { background:transparent; border:0; font-size:12px; min-height:26px; color:var(--text-secondary); cursor:pointer; } html[data-design="taclen"] #modal-ai-chat.aw-all-dialogs #ai-tabs { flex-wrap:wrap; max-height:180px; overflow:auto; } html[data-design="taclen"] #modal-ai-chat.aw-all-dialogs .ai-tab { display:flex; flex:0 0 calc(33.333% - 8px); } html[data-design="taclen"] #modal-ai-chat.aw-all-dialogs .ai-tab-close { opacity:1; } html[data-design="taclen"] #modal-ai-chat .ai-messages { flex:1; min-height:0; padding:12px 60px 20px; margin:0; overflow:auto; } html[data-design="taclen"] #modal-ai-chat .ai-bubble { position:relative; width:fit-content; max-width:78%; padding:16px 20px; margin:16px 0; border:1px solid var(--separator); border-radius:12px; font-size:15px; line-height:1.65; overflow:visible; overflow-wrap:anywhere; } html[data-design="taclen"] #modal-ai-chat .ai-bubble-user { margin-left:auto; background:color-mix(in srgb,var(--ios-blue) 24%,var(--tc-surface)); color:var(--text-primary); } html[data-design="taclen"] #modal-ai-chat .ai-bubble-bot { margin-right:auto; background:var(--bg-card); color:var(--text-primary); } html[data-design="taclen"] #modal-ai-chat .ai-bubble-user::after { content:attr(data-initial); position:absolute; right:-54px; top:0; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:color-mix(in srgb,var(--ios-blue) 60%,var(--tc-surface)); color:var(--text-primary); } html[data-design="taclen"] #modal-ai-chat .ai-bubble-bot::before { content:"T."; position:absolute; left:-60px; top:0; width:46px; height:46px; display:grid; place-items:center; border-radius:10px; font-weight:800; font-size:29px; background:var(--fill-secondary); color:var(--text-primary); } html[data-design="taclen"] #modal-ai-chat .aw-message-time { display:block; margin-top:6px; color:var(--text-secondary); font-size:12px; font-weight:400; text-align:left; } html[data-design="taclen"] #modal-ai-chat .ai-bubble-user .aw-message-time { text-align:right; } html[data-design="taclen"] #modal-ai-chat .ai-composer { display:grid; grid-template-columns:32px minmax(0,1fr) 32px 48px; gap:10px; align-items:center; flex-shrink:0; border:1px solid var(--separator); border-radius:14px; background:var(--tc-surface); padding:12px; margin-top:10px; } html[data-design="taclen"] #modal-ai-chat #ai-input { grid-column:2; grid-row:1; width:100%; min-width:0; background:transparent; border:0; border-radius:8px; padding:8px; color:var(--text-primary); font-size:15px; max-height:120px; } html[data-design="taclen"] #modal-ai-chat #ai-attach { grid-column:1; grid-row:1; } html[data-design="taclen"] #modal-ai-chat #ai-mic { grid-column:3; grid-row:1; } html[data-design="taclen"] #modal-ai-chat #ai-send { grid-column:4; grid-row:1; min-width:0; width:48px; height:48px; min-height:44px; padding:0; font-size:0; border-radius:11px; color:var(--tc-on-accent); background:var(--ios-blue); } html[data-design="taclen"] #modal-ai-chat #ai-send::after { content:"➤"; font-size:25px; } html[data-design="taclen"] #modal-ai-chat :is(#ai-mic,#ai-attach) { width:32px; min-height:40px; background:transparent; border:0; color:var(--text-primary); font-size:21px; padding:0; } html[data-design="taclen"] #modal-ai-chat #ai-mic[aria-pressed="true"] { color:var(--ios-red); } html[data-design="taclen"] #modal-ai-chat #ai-upload-status { max-height:80px; overflow:auto; flex-shrink:0; } html[data-design="taclen"] #modal-ai-chat #ai-attachments { max-height:90px; overflow:auto; flex-shrink:0; } html[data-design="taclen"] #modal-ai-chat[data-assistant-mode="capture"] :is(#ai-messages,#ai-composer,#ai-attachments,#ai-voice-preview,#ai-upload-status,#aw-chat-actions) { display:none !important; } html[data-design="taclen"] #aw-capture { display:block; flex:1; min-height:0; overflow:auto; padding:12px 60px 20px; } html[data-design="taclen"] #aw-capture[hidden], html[data-design="taclen"] #aw-capture-composer[hidden] { display:none !important; } html[data-design="taclen"] #aw-capture-composer { display:block; flex-shrink:0; } html[data-design="taclen"] #aw-capture-review #tc-review { margin:18px 0; border:1px solid var(--separator); border-radius:12px; background:var(--bg-card); padding:22px; } html[data-design="taclen"] #aw-capture-review svg { width:22px; height:22px; flex-shrink:0; } html[data-design="taclen"] #aw-capture-review :is(.tc-source,.tc-assistant-message,.tc-review-mobile-heading,.tc-review-heading>svg,.tc-review-heading>span) { display:none; } html[data-design="taclen"] #aw-capture-review .tc-review-heading { border:0; padding:0; margin:0 0 12px; } html[data-design="taclen"] #aw-capture-review .tc-review-heading h2 { font-size:20px; margin:0; } html[data-design="taclen"] #aw-capture-review #tc-review-backdrop { position:static; background:transparent; padding:0; } html[data-design="taclen"] #aw-capture-review [hidden] { display:none !important; } html[data-design="taclen"] #aw-capture-review .tc-draft-item { display:grid; grid-template-columns:minmax(0,1fr) 32px; gap:4px 12px; margin:10px 0; border:1px solid var(--separator); border-radius:11px; padding:14px 16px; } html[data-design="taclen"] #aw-capture-review .tc-include { grid-column:1; grid-row:1; display:flex; align-items:center; gap:14px; min-width:0; } html[data-design="taclen"] #aw-capture-review .tc-record-kind { display:none; } html[data-design="taclen"] #aw-capture-review .tc-draft-text { font-size:15px; min-width:0; overflow-wrap:anywhere; } html[data-design="taclen"] #aw-capture-review [data-include] { width:21px; height:21px; flex-shrink:0; accent-color:var(--ios-blue); cursor:pointer; } html[data-design="taclen"] #aw-capture-review .tc-draft-tag { grid-column:1; grid-row:2; margin-left:35px; background:transparent; padding:0; font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] #aw-capture-review [data-edit] { grid-column:2; grid-row:1/3; border:0; background:transparent; color:var(--text-primary); padding:0; } html[data-design="taclen"] #aw-capture-review .tc-draft-editor { grid-column:1/-1; } html[data-design="taclen"] #aw-capture-review .tc-review-actions { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; margin-top:20px; } html[data-design="taclen"] #aw-capture-review .tc-review-actions button { min-height:48px; border:1px solid var(--separator); border-radius:10px; font:inherit; font-size:14px; padding:10px; } html[data-design="taclen"] #aw-capture-review #tc-confirm { background:var(--ios-blue); color:var(--tc-on-accent); border-color:var(--ios-blue); } html[data-design="taclen"] #aw-capture-review .tc-review-note { font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] #aw-capture-review #tc-review:focus { outline:none; } html[data-design="taclen"] #aw-capture-composer #tc-compose { display:grid !important; grid-template-columns:32px minmax(0,1fr) 32px 48px; align-items:center; gap:10px; margin:10px 0 0; position:static; width:100%; padding:12px; border:1px solid var(--separator); border-radius:14px; background:var(--tc-surface); } html[data-design="taclen"] #aw-capture-composer :is(.tc-compose-chrome,.tc-ai-mark,label,#tc-compose-hint) { display:none; } html[data-design="taclen"] #aw-capture-composer :is(.tc-compose-body,.tc-compose-tools) { display:contents; } html[data-design="taclen"] #aw-capture-composer #tc-input { grid-column:2; grid-row:2; border:0; min-width:0; width:100%; max-height:120px; background:transparent; font-size:15px; min-height:44px; padding:8px; } html[data-design="taclen"] #aw-capture-composer #tc-attach { grid-column:1; grid-row:2; } html[data-design="taclen"] #aw-capture-composer #tc-mic { grid-column:3; grid-row:2; } html[data-design="taclen"] #aw-capture-composer #tc-send { grid-column:4; grid-row:2; width:48px; height:48px; border-radius:11px; background:var(--ios-blue); color:var(--tc-on-accent); } html[data-design="taclen"] #aw-capture-composer svg { width:23px; height:23px; } html[data-design="taclen"] #aw-capture-composer :is(#tc-files,#tc-sent-preview,#tc-compose-error,#tc-compose-status) { grid-column:1/-1; } html[data-design="taclen"] #aw-capture-status { color:var(--ios-green); font-size:14px; } html[data-design="taclen"] :is(.aw-capture-empty,.aw-refine-options) { color:var(--text-secondary); font-size:14px; } html[data-design="taclen"] .aw-refine-options { margin:12px 0; } html[data-design="taclen"] .aw-refine-options summary { cursor:pointer; min-height:36px; padding:8px 0; } html[data-design="taclen"] .aw-refine-options button { min-height:40px; background:transparent; color:var(--text-primary); border:1px solid var(--separator); border-radius:8px; padding:8px 14px; } html[data-design="taclen"] .aw-sr-only { position:absolute; clip-path:inset(50%); width:1px; height:1px; overflow:hidden; } html[data-design="taclen"] body.aw-open #iw-popup { z-index:10000; } @media(min-width:768px) { html[data-design="taclen"] body:has(#aw-header) .tc-compose-chrome { display:flex; justify-content:flex-end; } html[data-design="taclen"] body:has(#aw-header) .tc-compose-chrome button { background:transparent; border:0; color:var(--text-secondary); min-height:36px; cursor:pointer; } } @media(max-width:1023px) { html[data-design="taclen"] #modal-ai-chat { left:0; width:100%; } html[data-design="taclen"] #modal-ai-chat .ai-sheet { padding:calc(14px + var(--app-safe-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px)); } html[data-design="taclen"] .aw-mobile-brand { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; } html[data-design="taclen"] .aw-mobile-brand > strong { font-size:29px; letter-spacing:-1px; } html[data-design="taclen"] .aw-mobile-brand i { color:var(--ios-blue); font-style:normal; } html[data-design="taclen"] #aw-back { width:36px; height:40px; border:0; background:transparent; color:var(--text-primary); font-size:37px; } html[data-design="taclen"] #aw-avatar, html[data-design="taclen"] #aw-avatar > * { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; overflow:hidden; } html[data-design="taclen"] #aw-avatar img { width:100%; height:100%; object-fit:cover; } html[data-design="taclen"] #aw-avatar { background:var(--fill-secondary); } html[data-design="taclen"] .aw-heading h1 { font-size:29px; margin:0; } html[data-design="taclen"] :is(#aw-date,#aw-subtitle,#aw-close) { display:none; } html[data-design="taclen"] #aw-actions :is(#btn-open-notifications,#btn-open-help) { display:none; } html[data-design="taclen"] #aw-new { font-size:22px; padding:4px 12px; min-height:36px; border-radius:8px; } html[data-design="taclen"] #aw-new span { display:none; } html[data-design="taclen"] .aw-context { position:static; margin-top:14px; justify-content:space-between; } html[data-design="taclen"] #aw-mode { max-width:240px; font-size:14px; } html[data-design="taclen"] #aw-history { display:block; } html[data-design="taclen"] #aw-header { margin-bottom:12px; } html[data-design="taclen"] #aw-navigation { display:none; } html[data-design="taclen"] #modal-ai-chat.aw-all-dialogs #aw-navigation { display:flex; max-height:160px; } html[data-design="taclen"] #modal-ai-chat.aw-all-dialogs #ai-tabs { max-height:160px; } html[data-design="taclen"] #modal-ai-chat.aw-all-dialogs .ai-tab { flex:0 0 100%; } html[data-design="taclen"] #modal-ai-chat .ai-tab-label { padding:10px; min-height:54px; } html[data-design="taclen"] #modal-ai-chat .ai-tab-label svg { width:20px; height:20px; } html[data-design="taclen"] #aw-dialog-tools { min-width:75px; } html[data-design="taclen"] #aw-all { display:none; } html[data-design="taclen"] #modal-ai-chat :is(.ai-messages,#aw-capture) { padding:4px 0 16px; } html[data-design="taclen"] #modal-ai-chat .ai-bubble { max-width:calc(100% - 58px); font-size:14px; padding:14px 16px; } html[data-design="taclen"] #modal-ai-chat .ai-bubble-user { margin-right:44px; } html[data-design="taclen"] #modal-ai-chat .ai-bubble-bot { margin-left:50px; } html[data-design="taclen"] #modal-ai-chat .ai-bubble-user::after { right:-44px; width:34px; height:34px; } html[data-design="taclen"] #modal-ai-chat .ai-bubble-bot::before { left:-50px; width:40px; height:44px; } html[data-design="taclen"] #modal-ai-chat .ai-composer, html[data-design="taclen"] #aw-capture-composer #tc-compose { gap:6px; padding:8px; grid-template-columns:26px minmax(0,1fr) 26px 42px; } html[data-design="taclen"] #modal-ai-chat #ai-input, html[data-design="taclen"] #aw-capture-composer #tc-input { font-size:14px; padding:6px; } html[data-design="taclen"] #modal-ai-chat #ai-send, html[data-design="taclen"] #aw-capture-composer #tc-send { width:42px; height:42px; } html[data-design="taclen"] #aw-capture-review #tc-review { padding:16px; margin:16px 0; } html[data-design="taclen"] #aw-capture-review .tc-draft-item { padding:12px; } html[data-design="taclen"] #aw-capture-review .tc-review-actions { grid-template-columns:1fr 1fr; } html[data-design="taclen"] #aw-capture-review #tc-confirm { grid-column:1/-1; } html[data-design="taclen"] body.aw-open .ios-tab-bar { visibility:hidden; } } #aw-navigation { display:contents; } html[data-design="taclen"] #aw-capture-review .tc-include { flex-direction:row; flex-wrap:nowrap; width:100%; align-items:center; } html[data-design="taclen"] #modal-ai-chat :is(#ai-attach,#ai-mic) svg { width:23px; height:23px; } @media(min-width:768px) { html[data-design="taclen"] body:has(#aw-header) #tc-compose-close { display:none; } } html[data-design="taclen"] #modal-ai-chat .ai-tab-label { max-width:none; } html[data-design="taclen"] #aw-capture-review .tc-refine:not(.tc-refine-visible) { display:none; } html[data-design="taclen"] #aw-capture-review #tc-refine-toggle { display:block; } html[data-design="taclen"] .aw-heading > div:first-child { min-width:0; } /* Desktop notes overview before a note is opened. */ html[data-design="taclen"] .nw-day-heading, html[data-design="taclen"] .nw-day-title { display:flex; align-items:center; justify-content:space-between; gap:12px; } html[data-design="taclen"] .nw-day-heading p { color:var(--text-secondary); font-size:14px; margin:0 0 7px; } html[data-design="taclen"] .nw-day-heading h2 { margin:0; font-size:28px; color:var(--text-primary); } html[data-design="taclen"] #nw-day-refresh { width:40px; min-height:40px; border:1px solid var(--separator); border-radius:10px; background:transparent; color:var(--text-secondary); font-size:25px; cursor:pointer; } html[data-design="taclen"] .nw-week { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; margin:24px 0 30px; padding:12px 4px; border:1px solid var(--separator); border-radius:12px; } html[data-design="taclen"] .nw-week button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; border:0; background:transparent; color:var(--text-primary); min-width:0; min-height:76px; border-radius:10px; font:inherit; cursor:pointer; } html[data-design="taclen"] .nw-week span { font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] .nw-week b { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; font-size:17px; font-weight:500; } html[data-design="taclen"] .nw-week [aria-current="date"] b { background:var(--ios-blue); color:var(--tc-on-accent); } html[data-design="taclen"] .nw-week button:hover { background:var(--fill-secondary); } html[data-design="taclen"] .nw-day-title h3 { font-size:19px; margin:0; } html[data-design="taclen"] .nw-day-title span, html[data-design="taclen"] #nw-day-status { font-size:13px; color:var(--text-secondary); } html[data-design="taclen"] #nw-day-status:empty { display:none; } html[data-design="taclen"] #nw-day [role="alert"] { color:var(--ios-red); font-size:13px; } html[data-design="taclen"] #nw-day-tasks { margin-top:16px; } html[data-design="taclen"] #nw-day-tasks .ios-row { padding:12px 10px; border:1px solid var(--separator); border-radius:10px; margin-bottom:8px; background:var(--bg-card); } html[data-design="taclen"] #nw-day-tasks .drag-handle { display:none; } html[data-design="taclen"] #nw-day-tasks .row-title { font-size:15px; } html[data-design="taclen"] #nw-open-today { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:24px; width:100%; min-height:44px; padding:10px 14px; border:1px solid var(--separator); border-radius:10px; background:transparent; color:var(--text-primary); font:inherit; font-size:14px; cursor:pointer; } html[data-design="taclen"] #nw-open-today svg { width:18px; height:18px; } html[data-design="taclen"] .nw-day-empty { padding:24px 0; color:var(--text-secondary); font-size:14px; } @media(min-width:1024px) { html[data-design="taclen"] .nw-back { display:flex; align-items:center; justify-content:center; min-height:36px; width:32px; padding:0; background:transparent; border:0; color:var(--text-secondary); } html[data-design="taclen"] .nw-back span { display:none; } } @media(max-width:1023px) { html[data-design="taclen"] #nw-day { display:none; } } /* Personal mobile shortcuts; original buttons remain available to the desktop. */ #mobile-nav-quick, #mobile-nav-more { display:none; } html[data-design="taclen"] #mobile-nav-settings { display:block; margin-top:18px; padding:16px; border:1px solid var(--separator); border-radius:16px; background:var(--bg-card); } #mobile-nav-settings h3 { margin:0 0 8px; font-size:17px; } #mobile-nav-settings p { font-size:13px; line-height:1.5; color:var(--text-secondary); } #mobile-nav-order { padding:0; margin:12px 0; list-style:none; } #mobile-nav-order li { display:flex; align-items:center; gap:6px; min-height:58px; border-bottom:1px solid var(--separator); background:var(--bg-card); } #mobile-nav-order li:nth-child(3) { border-bottom:3px solid var(--ios-blue); } #mobile-nav-order li > span { flex:1; min-width:0; font-size:14px; } #mobile-nav-order small { display:block; font-size:11px; color:var(--text-secondary); margin-top:3px; } #mobile-nav-settings button { min-width:36px; min-height:44px; border:0; border-radius:8px; background:var(--fill-secondary); color:var(--text-primary); cursor:pointer; } #mobile-nav-settings button:disabled { opacity:.4; cursor:default; } #mobile-nav-settings .mobile-nav-handle { cursor:grab; touch-action:none; background:transparent; font-size:22px; } .mobile-nav-actions button { padding:6px 10px; } .mobile-nav-badge { border-radius:12px; padding:1px 5px; font-size:10px; background:var(--ios-blue); color:var(--tc-on-accent); } #mobile-nav-quick .mobile-nav-item { position:relative; } #mobile-nav-quick .mobile-nav-badge { position:absolute; top:0; right:12%; } .mobile-nav-actions { display:flex; gap:8px; flex-wrap:wrap; } #mobile-nav-settings #mobile-nav-save { background:var(--ios-blue); color:var(--tc-on-accent); padding:8px 12px; } @media(max-width:1023px) { html[data-design="taclen"].mobile-nav-ready body:not(.guest-only) #ios-tab-bar .tab-item:not(.mobile-nav-item) { display:none !important; } html[data-design="taclen"].mobile-nav-ready body:not(.guest-only) #mobile-nav-quick { display:contents; } html[data-design="taclen"] #mobile-nav-quick .mobile-nav-item { display:flex; flex:1; min-width:0; flex-direction:column; align-items:center; justify-content:center; padding:0; min-height:48px; } html[data-design="taclen"] #mobile-nav-quick .tc-nav-icon { display:flex; } html[data-design="taclen"] #mobile-nav-quick .tab-label { max-width:100%; white-space:nowrap; } html[data-design="taclen"].mobile-nav-ready #mobile-nav-more { display:block; } html[data-design="taclen"].mobile-nav-ready section:has(> #tc-more-personal), html[data-design="taclen"].mobile-nav-ready #tc-more-personal, html[data-design="taclen"].mobile-nav-ready #tc-more-personal + .tc-more-group { display:none; } html[data-design="taclen"].mobile-nav-ready #tc-more-work + .tc-more-group [data-taclen-tab] { display:none; } } /* Reading is separate from editing; document text supports native selection. */ html[data-design="taclen"] .nw-reader:has(.nw-reader-actions) :is(#nw-content,#nw-content *,#nw-reader-title,.nw-reader-meta) { user-select:text; -webkit-user-select:text; -webkit-touch-callout:default; } html[data-design="taclen"] .nw-reader-actions { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 24px; } html[data-design="taclen"] .nw-reader-actions button, html[data-design="taclen"] .nw-export summary { min-height:44px; padding:10px 14px; border:1px solid var(--separator); border-radius:9px; background:var(--bg-card); color:var(--text-primary); font:inherit; cursor:pointer; } html[data-design="taclen"] .nw-export { position:relative; } html[data-design="taclen"] .nw-export summary { list-style:none; } html[data-design="taclen"] .nw-export > div { position:absolute; top:100%; left:0; z-index:10; min-width:175px; padding:6px; background:var(--sheet-bg); border:1px solid var(--separator); border-radius:10px; box-shadow:0 8px 24px #0002; } html[data-design="taclen"] .nw-export button { display:block; width:100%; text-align:left; border:0; } html[data-design="taclen"] .nw-menu > div { max-height:60dvh; overflow:auto; } html[data-design="taclen"] .nw-photo { overflow-wrap:anywhere; } @media(min-width:1024px) { html[data-design="taclen"].mobile-nav-ready #ios-tab-bar .tab-item { order:var(--section-order,10); } html[data-design="taclen"].mobile-nav-ready body:not(.guest-only) #tab-btn-habits { display:flex; } html[data-design="taclen"].mobile-nav-ready #tab-btn-habits .tab-label { display:none; } html[data-design="taclen"].mobile-nav-ready #tab-btn-habits .tc-habits-label { display:inline; text-align:left; } html[data-design="taclen"].mobile-nav-ready #tab-btn-teams { margin-top:0; border-top:0; border-radius:10px; } html[data-design="taclen"].mobile-nav-ready .tc-project-heading { order:11; } html[data-design="taclen"].mobile-nav-ready #tc-projects { order:12; } html[data-design="taclen"].mobile-nav-ready .tc-profile { order:13; } } @media(max-width:1023px) { html[data-design="taclen"] .tc-month-days button { height:44px; font-size:15px; } html[data-design="taclen"] .tc-month-days button::before { width:36px; height:36px; } } html[data-design="taclen"] .tc-draft-item .tc-capture-link { grid-column:1/-1; flex-basis:100%; min-width:0; font-size:12px; color:var(--text-secondary); border-left:3px solid var(--ios-blue); padding-left:10px; } /* Personal task reader */ html[data-design="taclen"] #modal-view-task .task-detail-sheet { border:1px solid var(--separator); border-bottom:0; border-radius:24px 24px 0 0; } html[data-design="taclen"] #modal-view-task .sheet-header { padding:0 20px 12px; } html[data-design="taclen"] #modal-view-task .sheet-title { color:var(--text-secondary); font-size:14px; font-weight:500; } html[data-design="taclen"] #modal-view-task #btn-edit-view-task { padding:8px 14px; border-radius:10px; background:var(--fill-secondary); } html[data-design="taclen"] #modal-view-task .sheet-body { gap:0; padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px)); } html[data-design="taclen"] #modal-view-task .task-detail-header-card { padding:0 0 22px; margin:0 0 22px; background:transparent; border-radius:0; border-bottom:1px solid var(--separator); } html[data-design="taclen"] #modal-view-task .task-detail-title-row { align-items:flex-start; gap:12px; } html[data-design="taclen"] #modal-view-task .task-detail-title { font-size:26px; line-height:1.25; font-weight:650; letter-spacing:-.5px; } html[data-design="taclen"] #modal-view-task #view-task-checkbox { border-color:var(--text-secondary); position:relative; } html[data-design="taclen"] #modal-view-task #view-task-checkbox::before { content:''; position:absolute; inset:-6px; } html[data-design="taclen"] #modal-view-task #view-task-checkbox.checked { border-color:var(--ios-blue); background:var(--ios-blue); } html[data-design="taclen"] #modal-view-task #view-task-checkbox.checked::after { border-color:var(--tc-on-accent); } html[data-design="taclen"] #modal-view-task .task-detail-meta { margin:16px 0 0 44px; gap:8px; } html[data-design="taclen"] #modal-view-task .task-detail-tools { margin:10px 0 0 44px; } html[data-design="taclen"] #modal-view-task .task-detail-badge { padding:4px 9px; border-radius:7px; font-size:12px; font-weight:500; background:var(--fill-secondary); color:var(--ios-blue); overflow-wrap:anywhere; max-width:100%; } html[data-design="taclen"] #modal-view-task :is(.rolled-badge,.star-badge) { background:var(--bg-card); color:var(--text-secondary); border:1px solid var(--separator); } html[data-design="taclen"] #modal-view-task .task-detail-badge.overdue { color:var(--ios-red); } html[data-design="taclen"] #tc-task-context { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px; margin:18px 0 0 44px; } html[data-design="taclen"] #tc-task-context[hidden] { display:none; } html[data-design="taclen"] #tc-task-context :is(span,strong) { display:block; overflow-wrap:anywhere; } html[data-design="taclen"] #tc-task-context span { font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] #tc-task-context strong { margin-top:2px; font-size:14px; font-weight:500; } html[data-design="taclen"] #modal-view-task :is(#view-task-desc-container,#view-task-checklist) { padding:0; margin:0 0 24px; background:transparent; border:0; border-radius:0; box-shadow:none; } html[data-design="taclen"] #modal-view-task .task-description-header { border:0; padding:0; margin-bottom:10px; } html[data-design="taclen"] #modal-view-task .task-desc-label { text-transform:none; font-size:15px; letter-spacing:0; font-weight:600; color:var(--text-primary); } html[data-design="taclen"] #modal-view-task #view-task-markdown { font-size:15px; line-height:1.65; } html[data-design="taclen"] #modal-view-task #view-task-markdown > :first-child { margin-top:0; } html[data-design="taclen"] #modal-view-task #view-task-markdown > :last-child { margin-bottom:0; } html[data-design="taclen"] #modal-view-task .task-description-add { display:block; width:100%; padding:12px 14px; border:1px dashed var(--separator); border-radius:10px; font-size:14px; } html[data-design="taclen"] #view-task-checklist .check-empty { padding:0 0 6px; font-size:14px; color:var(--text-secondary); } html[data-design="taclen"] #view-task-checklist .check-row { min-height:48px; gap:12px; padding:4px 0; border-bottom:1px solid var(--separator); } html[data-design="taclen"] #view-task-checklist .check-row .delete-btn { min-width:36px; min-height:44px; margin:0; } html[data-design="taclen"] #view-task-checklist .checklist-add { gap:8px; margin-top:12px; } html[data-design="taclen"] #view-task-checklist .checklist-add .ios-input { min-height:44px; border:1px solid var(--separator); border-radius:10px; padding:10px 12px; background:var(--bg-card); font-size:15px; } html[data-design="taclen"] #view-task-checklist .checklist-add-btn { width:44px; height:44px; border-radius:10px; color:var(--tc-on-accent); } html[data-design="taclen"] #tc-task-details { padding:0; margin:0 0 20px; background:var(--bg-card); border:1px solid var(--separator); border-radius:12px; } html[data-design="taclen"] #tc-task-details summary { display:flex; align-items:center; gap:12px; min-height:72px; padding:12px 14px; box-sizing:border-box; cursor:pointer; list-style:none; } html[data-design="taclen"] #tc-task-details summary::-webkit-details-marker { display:none; } html[data-design="taclen"] #tc-task-details summary svg { flex:0 0 22px; width:22px; height:22px; color:var(--text-secondary); } html[data-design="taclen"] #tc-task-details .tc-repeat-copy { flex:1; min-width:0; } html[data-design="taclen"] #tc-task-details :is(strong,small) { display:block; } html[data-design="taclen"] #tc-task-details strong { font-size:14px; font-weight:500; } html[data-design="taclen"] #tc-task-details small { margin-top:2px; font-size:12px; color:var(--text-secondary); } html[data-design="taclen"] #tc-task-details .tc-repeat-chevron { color:var(--text-secondary); } html[data-design="taclen"] #tc-task-details details[open] .tc-repeat-chevron { transform:rotate(180deg); } html[data-design="taclen"] #tc-task-details form { padding:0 14px 14px; border-top:1px solid var(--separator); } html[data-design="taclen"] #tc-repeat-days { display:flex; flex-wrap:wrap; gap:8px; } html[data-design="taclen"] #tc-repeat-days[hidden] { display:none; } html[data-design="taclen"] #tc-repeat-days label { display:flex; align-items:center; gap:4px; font-size:13px; } html[data-design="taclen"] #tc-repeat-days input { width:20px; min-height:20px; margin:0; accent-color:var(--ios-blue); } html[data-design="taclen"] #tc-repeat-status { font-size:13px; margin:10px 0 0; } html[data-design="taclen"] #tc-repeat-status:empty { display:none; } html[data-design="taclen"] #modal-view-task .task-detail-actions { margin:0; padding:4px 0 0; } html[data-design="taclen"] #modal-view-task #btn-view-task-delete-btn { min-height:44px; padding:10px 0; width:auto; border:0; background:transparent; color:var(--ios-red); font-size:14px; font-weight:400; } @media(min-width:768px) { #modal-view-task .task-detail-sheet { max-height:calc(100dvh - 64px); } html[data-design="taclen"] #modal-view-task .task-detail-sheet { width:min(640px,100%); max-width:640px; border:1px solid var(--separator); border-radius:20px; } html[data-design="taclen"] #modal-view-task .sheet-body { padding:28px; } html[data-design="taclen"] #modal-view-task .sheet-header { padding:12px 24px; } } html[data-design="taclen"] .tc-draft-description, html[data-design="taclen"] .tc-draft-section { grid-column:1/-1; flex-basis:100%; min-width:0; margin:0; font-size:13px; color:var(--text-secondary); overflow-wrap:anywhere; white-space:pre-wrap; } /* Compact confirmations, goal details and repeat editor share Taclen surfaces. */ html[data-design="taclen"] :is(#modal-confirm-delete,#modal-goal-menu) { align-items:center; padding:20px; } html[data-design="taclen"] #modal-confirm-delete .confirm-sheet { width:100%; max-width:460px; max-height:calc(100dvh - 40px); border:1px solid var(--separator); border-radius:20px; padding:0; overflow:auto; } html[data-design="taclen"] :is(#modal-confirm-delete,#modal-goal-menu) .sheet-grabber { display:none; } html[data-design="taclen"] #modal-confirm-delete .sheet-header { padding:24px 24px 0; border:0; min-height:0; } html[data-design="taclen"] #confirm-delete-title { text-align:left !important; font-size:12px; font-weight:600; letter-spacing:.04em; color:var(--text-secondary); } html[data-design="taclen"] #modal-confirm-delete .confirm-body { padding:20px 24px 24px; text-align:left; } html[data-design="taclen"] #modal-confirm-delete .confirm-card { align-items:flex-start; padding:0 0 24px; gap:12px; } html[data-design="taclen"] #modal-confirm-delete .confirm-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; margin:0 0 4px; background:color-mix(in srgb,var(--ios-red) 12%,transparent); color:var(--ios-red); animation:none; } html[data-design="taclen"] #modal-confirm-delete .confirm-heading { font-size:23px; line-height:1.25; margin:0; letter-spacing:-.5px; } html[data-design="taclen"] #modal-confirm-delete .confirm-text { font-size:15px; line-height:1.6; margin:0; overflow-wrap:anywhere; } html[data-design="taclen"] #modal-confirm-delete .confirm-btn-group { display:grid; grid-template-columns:1fr 1fr; gap:10px; } html[data-design="taclen"] #modal-confirm-delete .confirm-btn { min-height:46px; padding:10px 12px; border-radius:10px; font-size:14px; } html[data-design="taclen"] #modal-confirm-delete .confirm-btn-secondary { order:-1; background:transparent; border:1px solid var(--separator); color:var(--text-primary); } html[data-design="taclen"] #modal-confirm-delete .confirm-btn-danger { background:#B43730; color:#fff; border:1px solid #B43730; } html[data-design="taclen"] #modal-goal-menu .goal-actions-sheet { width:100%; max-width:420px; padding:0; border:1px solid var(--separator); border-radius:18px; } html[data-design="taclen"] #modal-goal-menu .sheet-header { margin-bottom:0; padding:18px 20px; border-bottom:1px solid var(--separator); } html[data-design="taclen"] #modal-goal-menu .sheet-title { font-size:16px; } html[data-design="taclen"] #modal-goal-menu .sheet-action { font-size:14px; } html[data-design="taclen"] #modal-goal-menu .goal-menu-body { padding:8px; gap:2px; } html[data-design="taclen"] #modal-goal-menu .goal-menu-body button { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:52px; margin:0; border:0; border-radius:10px; padding:12px 16px; background:transparent; color:var(--text-primary); font-size:15px; text-align:left; } html[data-design="taclen"] #modal-goal-menu .goal-menu-body button::after { content:"›"; font-size:22px; color:var(--text-secondary); } html[data-design="taclen"] #modal-goal-menu .goal-menu-body button:hover { background:var(--bg-card); } html[data-design="taclen"] #modal-goal-menu #goal-menu-delete { color:var(--ios-red); border-top:1px solid var(--separator); border-radius:0 0 10px 10px; margin-top:4px; } html[data-design="taclen"] #modal-goal-menu #goal-menu-delete::after { content:"×"; color:inherit; } html[data-design="taclen"] #modal-view-goal .goal-detail-sheet { width:100%; max-width:640px; padding:0; overflow:hidden; display:flex; flex-direction:column; max-height:90dvh; border:1px solid var(--separator); border-radius:20px; } html[data-design="taclen"] #modal-view-goal .sheet-header { margin-bottom:0; flex-shrink:0; padding:16px 24px; border-bottom:1px solid var(--separator); } html[data-design="taclen"] #modal-view-goal .sheet-grabber { display:none; } html[data-design="taclen"] #view-goal-body { display:block; padding:24px; overflow-y:auto; min-height:0; } html[data-design="taclen"] #view-goal-body .goal-kind-badge { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; margin:0 0 14px; font-size:21px; background:var(--fill-secondary); } html[data-design="taclen"] #view-goal-body .goal-detail-title { font-size:26px; letter-spacing:-.6px; line-height:1.25; margin:0 0 24px; overflow-wrap:anywhere; } html[data-design="taclen"] #view-goal-body .goal-detail-progress { background:var(--bg-card); border:1px solid var(--separator); padding:18px; border-radius:14px; } html[data-design="taclen"] #view-goal-body .reader-action-btn { min-height:44px; padding:10px 16px; border-radius:10px; font-size:14px; } html[data-design="taclen"] #view-goal-body .reader-action-btn.primary { background:var(--ios-blue); color:var(--tc-on-accent); } html[data-design="taclen"] #view-goal-body .goal-guide-link { display:flex; align-items:center; justify-content:space-between; margin:10px 0 20px; padding:10px 2px; background:transparent; color:var(--ios-blue); font-size:14px; font-weight:500; text-align:left; } html[data-design="taclen"] #view-goal-body .goal-cal-switch { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 0; border-top:1px solid var(--separator); border-bottom:1px solid var(--separator); margin:0 0 20px; } html[data-design="taclen"] #view-goal-body .goal-cal-switch .row-label { font-size:15px; font-weight:600; } html[data-design="taclen"] #view-goal-body .goal-cal-switch .row-subtitle { font-size:12px; margin-top:3px; } html[data-design="taclen"] #view-goal-body .goal-section-title { font-size:14px; color:var(--text-primary); margin:20px 0 12px; } html[data-design="taclen"] #view-goal-body .goal-stat { background:var(--bg-card); border:1px solid var(--separator); } html[data-design="taclen"] #view-goal-body .check-empty { padding:20px 0; font-size:14px; color:var(--text-secondary); } html[data-design="taclen"] #view-goal-body .checklist-add { display:grid; grid-template-columns:minmax(0,1fr) 80px 44px; align-items:center; gap:8px; padding:12px 0 0; } html[data-design="taclen"] #view-goal-body .checklist-add .ios-input { min-width:0; width:100%; padding:10px; border:1px solid var(--separator); border-radius:10px; background:var(--bg-card); font-size:14px; } html[data-design="taclen"] #view-goal-body .checklist-add-btn { width:44px; height:44px; margin:0; border-radius:10px; color:var(--tc-on-accent); } html[data-design="taclen"] #view-habits .hero-card { padding:20px 24px; border-radius:14px; margin-bottom:24px; background:var(--tc-surface); } html[data-design="taclen"] #view-habits .hero-left { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; } html[data-design="taclen"] #view-habits .hero-metric { font-size:32px; line-height:1; } html[data-design="taclen"] #view-habits .hero-label { font-size:14px; } html[data-design="taclen"] #btn-add-habit-pill { color:var(--tc-on-accent); min-height:44px; padding:10px 16px; border-radius:10px; font-size:14px; } html[data-design="taclen"] #view-habits .ios-section-header { text-transform:none; font-size:14px; letter-spacing:0; } html[data-design="taclen"] #habits-container { background:var(--tc-surface); border-radius:14px; } html[data-design="taclen"] #habits-container .repeat-row { display:flex; align-items:center; gap:20px; padding:20px; min-height:94px; } html[data-design="taclen"] #habits-container .repeat-row::after { left:20px; right:20px; } html[data-design="taclen"] #habits-container .row-body { min-width:0; cursor:pointer; flex:1; } html[data-design="taclen"] #habits-container .row-title { font-size:16px; font-weight:600; white-space:normal; overflow-wrap:anywhere; } html[data-design="taclen"] #habits-container .row-title.completed { text-decoration:none; color:var(--text-secondary); } html[data-design="taclen"] #habits-container .row-subtitle { display:flex; gap:6px 12px; flex-wrap:wrap; margin-top:6px; font-size:12px; line-height:1.5; } html[data-design="taclen"] #habits-container .repeat-schedule { color:var(--text-secondary); } html[data-design="taclen"] #habits-container .repeat-kind { color:var(--ios-blue); } html[data-design="taclen"] #habits-container .row-actions { display:flex; gap:6px; flex-shrink:0; align-items:center; } html[data-design="taclen"] #habits-container .row-actions button { min-height:40px; min-width:40px; border:1px solid var(--separator); border-radius:9px; background:transparent; color:var(--text-secondary); padding:8px; margin:0; } html[data-design="taclen"] #habits-container .row-actions .pill-btn { padding:8px 12px; font-size:12px; font-weight:600; } html[data-design="taclen"] #habits-container .row-actions .pill-btn.active { color:var(--ios-green); border-color:color-mix(in srgb,var(--ios-green) 35%,var(--separator)); background:color-mix(in srgb,var(--ios-green) 8%,transparent); } html[data-design="taclen"] #habits-container .row-actions .delete-btn:hover { color:var(--ios-red); border-color:var(--ios-red); } html[data-design="taclen"] :is(#modal-add-habit,#modal-edit-habit) .repeat-sheet { width:100%; max-width:560px; max-height:90dvh; padding:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--separator); border-radius:20px; } html[data-design="taclen"] .repeat-sheet .sheet-grabber { display:none; } html[data-design="taclen"] .repeat-sheet .sheet-header { margin-bottom:0; padding:18px 24px; border-bottom:1px solid var(--separator); flex-shrink:0; } html[data-design="taclen"] .repeat-sheet .sheet-title { font-size:17px; } html[data-design="taclen"] .repeat-sheet .sheet-action { font-size:14px; } html[data-design="taclen"] .repeat-header-spacer { width:50px; } html[data-design="taclen"] .repeat-sheet .sheet-body { display:block; overflow-y:auto; min-height:0; padding:20px 24px; } html[data-design="taclen"] .repeat-intro { font-size:14px; color:var(--text-secondary); margin:0 0 20px; } html[data-design="taclen"] .repeat-title-label { display:block; font-size:13px; font-weight:600; margin-bottom:8px; } html[data-design="taclen"] .repeat-sheet .form-card { margin:0 0 16px; border-radius:12px; padding:0 16px; } html[data-design="taclen"] .repeat-sheet .repeat-title-card { padding:0; } html[data-design="taclen"] .repeat-title-card .ios-input { padding:14px 16px; font-size:16px; } html[data-design="taclen"] .repeat-sheet .form-row { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 0; min-height:64px; } html[data-design="taclen"] .repeat-sheet .row-label { font-size:14px; } html[data-design="taclen"] .repeat-sheet .row-subtitle { font-size:12px; margin-top:4px; } html[data-design="taclen"] .repeat-sheet :is(.ios-select,.ios-date-input) { width:auto; max-width:62%; min-height:40px; padding:8px 10px; border:1px solid var(--separator); border-radius:8px; background:var(--tc-surface); color:var(--text-primary); font-size:14px; } html[data-design="taclen"] .repeat-sheet .weekday-picker { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; padding:0 0 16px; } html[data-design="taclen"] .repeat-sheet .weekday-btn { min-width:0; min-height:40px; padding:8px 0; border-radius:8px; background:transparent; border:1px solid var(--separator); color:var(--text-secondary); font-size:12px; } html[data-design="taclen"] .repeat-sheet .weekday-btn.active { background:var(--ios-blue); border-color:var(--ios-blue); color:var(--tc-on-accent); } .repeat-footer { display:flex; align-items:center; gap:16px; padding:16px; } .repeat-footer span { flex:1; font-size:12px; color:var(--text-secondary); } .repeat-submit { min-height:44px; padding:10px 20px; border:0; border-radius:10px; background:var(--ios-blue); color:var(--taclen-button-text,#fff); font:inherit; font-size:14px; font-weight:600; cursor:pointer; } html[data-design="taclen"] .repeat-footer { flex-shrink:0; padding:16px 24px; border-top:1px solid var(--separator); background:var(--sheet-bg); } @media (max-width:600px) { html[data-design="taclen"] #habits-container .repeat-row { flex-wrap:wrap; gap:12px; padding:16px; } html[data-design="taclen"] #habits-container .row-body { flex-basis:100%; } html[data-design="taclen"] #habits-container .row-actions { width:100%; } html[data-design="taclen"] #habits-container .row-actions .pill-btn { margin-right:auto; } html[data-design="taclen"] #view-habits .hero-card { padding:16px; gap:16px; } html[data-design="taclen"] #view-habits .hero-left { display:block; } html[data-design="taclen"] #view-habits .hero-label { margin-top:6px; font-size:12px; } html[data-design="taclen"] :is(#modal-add-habit,#modal-edit-habit,#modal-view-goal) { align-items:flex-end; padding:10px 10px 0; } html[data-design="taclen"] :is(#modal-add-habit,#modal-edit-habit) .repeat-sheet, html[data-design="taclen"] #modal-view-goal .goal-detail-sheet { max-height:calc(100dvh - 20px); border-radius:18px 18px 0 0; } html[data-design="taclen"] :is(.repeat-sheet,#modal-view-goal) .sheet-header { padding:16px; } html[data-design="taclen"] .repeat-sheet .sheet-body,html[data-design="taclen"] #view-goal-body { padding:16px; } html[data-design="taclen"] #view-goal-body .goal-detail-title { font-size:23px; } html[data-design="taclen"] .repeat-sheet .form-card { padding:0 12px; } html[data-design="taclen"] .repeat-sheet .repeat-title-card { padding:0; } html[data-design="taclen"] .repeat-footer { flex-direction:column; align-items:stretch; gap:10px; padding:12px 16px max(16px,env(safe-area-inset-bottom)); } html[data-design="taclen"] .repeat-footer span { font-size:11px; } html[data-design="taclen"] #modal-confirm-delete .sheet-header { padding:20px 20px 0; } html[data-design="taclen"] #modal-confirm-delete .confirm-body { padding:16px 20px 20px; } } html[data-design="taclen"] #view-goal-body .reader-action-btn:not(.primary):not(.goal-guide-link) { background:transparent; border:1px solid var(--separator); color:var(--text-primary); } /* Wide Markdown tables scroll within the note instead of squeezing words. */ html[data-design="taclen"] .nw-note-content :is(th,td) { min-width:96px; word-break:normal; overflow-wrap:break-word; } html[data-design="taclen"] .nw-note-content :is(th,td):first-child { min-width:160px; }