/* _content/YakoPlan.UI/Components/AiDataPermissionDialog.razor.rz.scp.css */
.planner-information[b-qsgfcd5rnp] {
    width: min(100%, 72ch);
    margin-inline: auto;
    color: var(--ink-soft, #66685f);
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.planner-information section[b-qsgfcd5rnp] { margin-bottom: 20px; }
.planner-information h3[b-qsgfcd5rnp] { margin: 0 0 7px; color: var(--ink, #262823); font-weight: 650; line-height: 1.4; }
.planner-information p[b-qsgfcd5rnp] { margin: 0 0 12px; }

.ai-permission-actions[b-qsgfcd5rnp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}
/* _content/YakoPlan.UI/Components/AiTaskChatConversation.razor.rz.scp.css */
.ai-task-chat[b-vm72uop7z0] { display:flex; flex:1; flex-direction:column; min-height:0; min-width:0; height:100%; }
.chat-log-wrap[b-vm72uop7z0] { position:relative; display:flex; flex:1; flex-direction:column; min-height:0; }
.chat-log[b-vm72uop7z0] { display:flex; flex:1; flex-direction:column; gap:14px; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:20px 26px; scroll-padding:20px; }
.chat-new-messages[b-vm72uop7z0] { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:8px; min-height:34px; padding:9px 14px; border:0; border-radius:var(--pill-radius); background:var(--pill-fill); color:var(--pill-ink); box-shadow:none; font:500 .75rem var(--planner-font,sans-serif); white-space:nowrap; }
.chat-new-messages:hover:where(:not([data-touch-input] *)):not(:disabled)[b-vm72uop7z0] { background:var(--hover-background); color:var(--hover-color); }
.chat-new-messages[hidden][b-vm72uop7z0] { display:none; }
.ai-chat-intro[b-vm72uop7z0] { width:min(100%,36rem); margin:auto; }
.ai-chat-examples[b-vm72uop7z0] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:0; }
.ai-chat-privacy[b-vm72uop7z0] { margin:14px 0 0; color:var(--ink-soft); font-size:.62rem; line-height:1.5; }
.ai-chat-example[b-vm72uop7z0] { min-height:88px; padding:18px 20px; border:0; border-radius:0; background:transparent; color:var(--ink); font:400 .9375rem/1.5 var(--planner-font,sans-serif); text-align:left; overflow-wrap:anywhere; cursor:pointer; transition:var(--hover-transition); }
.ai-chat-example:nth-child(even)[b-vm72uop7z0] { border-inline-start:1px solid var(--line); }
.ai-chat-example:nth-child(n+3)[b-vm72uop7z0] { border-block-start:1px solid var(--line); }
.ai-chat-example:hover:where(:not([data-touch-input] *)):not(:disabled)[b-vm72uop7z0] { color:var(--hover-color); background:var(--hover-background); }
.ai-chat-example:focus-visible[b-vm72uop7z0] { color:var(--focus,var(--accent)); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:.2em; }
.ai-chat-example:disabled[b-vm72uop7z0] { opacity:.5; cursor:default; }
.ai-chat-message[b-vm72uop7z0] { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:start; gap:9px; min-width:0; }
.ai-chat-message.is-mine[b-vm72uop7z0] { grid-template-columns:minmax(0,1fr) 48px; }
.chat-message-avatar[b-vm72uop7z0] { grid-column:1; grid-row:1; width:48px; height:48px; font-size:.95rem; }
.is-mine .chat-message-avatar[b-vm72uop7z0] { grid-column:2; }
.chat-ai-avatar[b-vm72uop7z0] { background:transparent; }
.chat-ai-avatar img[b-vm72uop7z0] { object-fit:contain; }
.chat-message-content[b-vm72uop7z0] { grid-column:2; grid-row:1; display:flex; flex-direction:column; align-items:flex-start; gap:5px; width:fit-content; max-width:min(32rem,100%); min-width:0; }
.ai-chat-message-meta[b-vm72uop7z0] { display:flex; align-items:center; flex-wrap:wrap; column-gap:4px; max-width:100%; }
.is-mine .chat-message-content[b-vm72uop7z0] { grid-column:1; justify-self:end; align-items:flex-end; }
.chat-bubble[b-vm72uop7z0] { box-sizing:border-box; max-width:100%; min-width:0; padding:10px 14px; border-radius:16px; background:var(--paper-deep,var(--surface)); color:var(--ink); }
.is-mine .chat-bubble[b-vm72uop7z0] { background:var(--planner-action-fill,var(--accent)); color:var(--planner-action-ink,#fff); }
.chat-bubble p[b-vm72uop7z0] { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:.875rem; line-height:1.6; }
.chat-bubble[b-vm72uop7z0]  .meeting-capture { margin-top:14px; width:100%; }
.chat-bubble [data-ai-chat-revealing][b-vm72uop7z0] { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.is-processing[b-vm72uop7z0] { display:flex; align-items:center; gap:8px; color:var(--ink-soft); }
.ai-thinking-fox[b-vm72uop7z0] { position:relative; display:block; flex:0 0 48px; width:48px; height:48px; overflow:hidden; }
/* Keep the head and chest still while the complete black and gold tail moves together. */
.ai-thinking-fox-body[b-vm72uop7z0],.ai-thinking-fox-tail[b-vm72uop7z0] { position:absolute; inset:0; background:url("images/ai-thinking-fox-wag.png") 0 0 / 768px 48px no-repeat; image-rendering:pixelated; }
/* The left-edge notch hides the sprite's isolated cheek pixel at (12,23). */
.ai-thinking-fox-body[b-vm72uop7z0] { z-index:1; clip-path:polygon(0 0,48px 0,48px 31px,31px 31px,31px 32px,30px 32px,30px 33px,29px 33px,29px 34px,27px 34px,27px 35px,25px 35px,25px 34px,24px 34px,24px 33px,22px 33px,22px 32px,21px 32px,21px 31px,0 31px,0 24px,13px 24px,13px 23px,0 23px); }
.ai-thinking-fox-tail[b-vm72uop7z0] { background-image:url("images/ai-thinking-fox-tail.png"); background-size:48px 48px; clip-path:polygon(0 31px,21px 31px,21px 32px,22px 32px,22px 33px,24px 33px,24px 34px,25px 34px,25px 35px,27px 35px,27px 34px,29px 34px,29px 33px,30px 33px,30px 32px,31px 32px,31px 31px,48px 31px,48px 48px,0 48px); animation:ai-fox-tail-bob-b-vm72uop7z0 1.2s steps(2,end) infinite alternate; }
@keyframes ai-fox-tail-bob-b-vm72uop7z0 {
    from { transform:translateY(0); }
    to { transform:translateY(-2px); }
}
@media(prefers-reduced-motion:reduce) { .ai-thinking-fox-tail[b-vm72uop7z0] { animation:none; transform:none; } }
.ai-chat-result[b-vm72uop7z0] { align-self:flex-start; max-width:100%; color:var(--ink-soft); font-size:.8125rem; line-height:1.5; }
.ai-chat-result p[b-vm72uop7z0] { margin:0 0 8px; white-space:pre-wrap; overflow-wrap:anywhere; }
.ai-chat-actions[b-vm72uop7z0] { display:flex; flex-wrap:wrap; gap:8px; }
.ai-chat-response-actions[b-vm72uop7z0] { margin-top:8px; }
.ai-chat-actions button[b-vm72uop7z0] { padding:5px 11px; min-height:32px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); font:inherit; }
.chat-compose[b-vm72uop7z0] { display:flex; flex:none; flex-direction:column; gap:8px; padding:12px 20px 14px; }
.ai-canvas-selection[b-vm72uop7z0] { display:grid; grid-template-rows:0fr; flex-shrink:0; min-width:0; margin-bottom:-8px; opacity:0; visibility:hidden; transform:translateY(6px); transition:grid-template-rows 200ms cubic-bezier(.22,1,.36,1),margin-bottom 200ms cubic-bezier(.22,1,.36,1),opacity 160ms ease,transform 200ms ease,visibility 200ms; }
.ai-canvas-selection.is-open[b-vm72uop7z0] { grid-template-rows:1fr; margin-bottom:0; opacity:1; visibility:visible; transform:none; }
.ai-canvas-selection-clip[b-vm72uop7z0] { min-height:0; overflow:hidden; }
.ai-canvas-selection-content[b-vm72uop7z0] { display:flex; align-items:center; min-width:0; padding:5px; }
:is(.ai-canvas-selection-clear,.ai-task-selection-clear)[b-vm72uop7z0] { gap:6px; max-width:100%; min-height:32px; margin:0; padding:4px 10px; font:500 .8rem/1.5 var(--planner-font,sans-serif); text-align:start; transition:var(--hover-transition),opacity 160ms ease; }
:is(.ai-canvas-selection-clear,.ai-task-selection-clear) > span[b-vm72uop7z0] { min-width:0; overflow-wrap:anywhere; }
:is(.ai-canvas-selection-clear,.ai-task-selection-clear)[b-vm72uop7z0]  svg { flex:none; }
:is(.ai-canvas-selection-clear,.ai-task-selection-clear):disabled[b-vm72uop7z0] { opacity:.4; cursor:default; }
.chat-compose-field[b-vm72uop7z0] { display:flex; flex-wrap:nowrap; align-items:center; gap:6px; min-height:58px; padding:7px; border-radius:18px; background:color-mix(in srgb,var(--surface,#fffdf8) 92%,var(--ink,#262823)); }
.chat-compose-field:has(:focus-visible)[b-vm72uop7z0] { box-shadow:0 0 0 2px var(--accent); }
.chat-compose-entry[b-vm72uop7z0] { display:grid; grid-template-rows:1fr; flex:1 1 0; min-width:0; opacity:1; }
.chat-compose-entry-clip[b-vm72uop7z0] { min-height:0; overflow:hidden; }
.chat-compose[b-vm72uop7z0]  textarea { display:block; box-sizing:border-box; min-width:0; width:100%; min-height:42px; max-height:150px; padding:10px 8px; resize:none; field-sizing:content; border:0; background:transparent; color:var(--ink); font:400 .875rem/1.55 var(--planner-font,sans-serif); }
.chat-compose-field[data-compose-capture][b-vm72uop7z0] { gap:0; }
.chat-compose-field[data-compose-capture] .chat-compose-entry[b-vm72uop7z0] { flex-grow:0; grid-template-rows:0fr; opacity:0; pointer-events:none; }
.chat-compose-meeting[b-vm72uop7z0] { flex:1 1 0; min-width:0; }
.chat-compose-meeting[b-vm72uop7z0]  .meeting-capture { margin:0; width:100%; }
.chat-compose-field[data-compose-capture="voice"][b-vm72uop7z0]  .voice-capture-control { flex:1 1 0; }
.chat-compose-field[b-vm72uop7z0]  .voice-capture-control.is-capturing .voice-capture-progress { flex:1 1 0; }
.chat-compose-field[b-vm72uop7z0]  .voice-capture-control.is-capturing .voice-capture-wave { max-width:none; }
.chat-compose[b-vm72uop7z0]  textarea::placeholder { color:var(--ink-soft); }
.chat-compose[b-vm72uop7z0]  textarea:focus-visible { outline:none; }
.chat-send-button[b-vm72uop7z0] { --solid-accent-ink:var(--planner-action-ink,#fff); --hover-background:var(--solid-accent-hover-background); --hover-color:var(--solid-accent-hover-color); display:grid; place-items:center; flex:none; width:40px; height:40px; padding:0; border:0; border-radius:50%; background:var(--planner-action-fill,var(--accent)); color:var(--planner-action-ink,#fff); }
.chat-send-button:disabled[b-vm72uop7z0] { opacity:.4; }
.chat-transcribe-button[b-vm72uop7z0] { flex:none; min-height:40px; padding:5px 10px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); font:inherit; font-size:.8125rem; line-height:1.2; white-space:pre-line; text-align:center; }
.chat-transcribe-button:disabled[b-vm72uop7z0] { opacity:.4; }
.ai-task-chat[data-ai-chat-loading="true"] .chat-transcribe-button:disabled[b-vm72uop7z0],
.ai-task-chat[data-ai-chat-loading="true"][b-vm72uop7z0]  .voice-capture-microphone:disabled,
.ai-task-chat[data-ai-chat-loading="true"][b-vm72uop7z0]  textarea:disabled { opacity:1; }
.ai-task-chat[data-ai-chat-preview="true"] .chat-transcribe-button:disabled[b-vm72uop7z0],
.ai-task-chat[data-ai-chat-preview="true"][b-vm72uop7z0]  .voice-capture-microphone:disabled { opacity:1; }
.chat-compose-hint[b-vm72uop7z0] { margin:0 7px; color:var(--ink-soft); font-size:.65rem; line-height:1.5; }
.sr-only[b-vm72uop7z0] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
button:focus-visible[b-vm72uop7z0] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }
button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-vm72uop7z0] { background:var(--hover-background); color:var(--hover-color); }
@media(prefers-reduced-motion:no-preference) {
    .chat-log[data-chat-elastic][b-vm72uop7z0] { overscroll-behavior-y:none; }
    .chat-log[data-chat-elastic] > *[b-vm72uop7z0] { translate:0 var(--chat-elastic-offset,0px); }
    .chat-bubble[b-vm72uop7z0] { transition:background-color 160ms ease-out,color 160ms ease-out,box-shadow 160ms ease-out; }
    .is-processing[b-vm72uop7z0] { animation:ai-chat-processing-enter-b-vm72uop7z0 150ms cubic-bezier(.2,.8,.2,1); }
    .chat-compose-field[b-vm72uop7z0] { transition:box-shadow 180ms ease,gap 220ms cubic-bezier(.2,.8,.2,1); }
    .chat-compose-entry[b-vm72uop7z0] { transition:grid-template-rows 220ms cubic-bezier(.2,.8,.2,1),flex-grow 220ms cubic-bezier(.2,.8,.2,1),opacity 160ms ease; }
    .chat-compose-field[b-vm72uop7z0]  .voice-capture-control { transition:flex-grow 220ms cubic-bezier(.2,.8,.2,1); }
    .chat-transcribe-button[b-vm72uop7z0],.chat-send-button[b-vm72uop7z0] { animation:chat-compose-control-enter-b-vm72uop7z0 160ms ease-out both; }
    .chat-send-button[b-vm72uop7z0] { transition:var(--hover-transition),opacity 150ms ease,transform 120ms ease; }
    .chat-send-button:active:not(:disabled)[b-vm72uop7z0] { transform:scale(.92); }
}
@keyframes ai-chat-processing-enter-b-vm72uop7z0 {
    from { opacity:.8; transform:translateY(4px); }
    to { opacity:1; transform:translateY(0); }
}
@keyframes chat-compose-control-enter-b-vm72uop7z0 { from { opacity:0; } to { opacity:1; } }
@media(max-width:600px) { .chat-log[b-vm72uop7z0] { padding:16px 12px; } .chat-compose[b-vm72uop7z0] { padding:10px 12px; } .chat-compose[b-vm72uop7z0]  textarea { font-size:1rem; } .ai-chat-example[b-vm72uop7z0] { min-height:80px; padding:14px; font-size:.875rem; } }
@media(max-width:380px) { .ai-chat-examples[b-vm72uop7z0] { grid-template-columns:1fr; } .ai-chat-example[b-vm72uop7z0] { min-height:48px; padding:12px 14px; } .ai-chat-example:nth-child(even)[b-vm72uop7z0] { border-inline-start:0; } .ai-chat-example + .ai-chat-example[b-vm72uop7z0] { border-block-start:1px solid var(--line); } }
@media(prefers-reduced-motion:reduce) { .ai-chat-example[b-vm72uop7z0],.ai-canvas-selection[b-vm72uop7z0],.ai-canvas-selection-clear[b-vm72uop7z0],.ai-task-selection-clear[b-vm72uop7z0] { transition:none; } }
@media(forced-colors:active) { .chat-bubble[b-vm72uop7z0],.chat-compose-field[b-vm72uop7z0] { border:1px solid CanvasText; } .ai-chat-examples[b-vm72uop7z0] { --line:CanvasText; } }
/* _content/YakoPlan.UI/Components/AppearancePictureMedia.razor.rz.scp.css */
.appearance-picture-media[b-1zhyzjrcw6] { display:block; position:absolute; inset:0; overflow:hidden; border-radius:inherit; pointer-events:none; }
.appearance-picture-media img[b-1zhyzjrcw6] { display:block; position:absolute; top:0; left:0; width:100%; height:100%; object-fit:var(--picture-fit,cover); object-position:var(--picture-x,50%) var(--picture-y,50%); transform-origin:0 0; user-select:none; }
.appearance-picture-media img:not([src])[b-1zhyzjrcw6] { visibility:hidden; }
@media (forced-colors:active),print { .appearance-picture-media[b-1zhyzjrcw6] { display:none; } }
/* _content/YakoPlan.UI/Components/AppearancePicturePicker.razor.rz.scp.css */
.appearance-picture-picker[b-ytq2nj0xzj] { min-width:0; }
.appearance-picture-picker [hidden][b-ytq2nj0xzj] { display:none!important; }
.appearance-picture-toolbar[b-ytq2nj0xzj] { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.appearance-picture-upload[b-ytq2nj0xzj] { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:.55rem; min-height:2.75rem; overflow:hidden; cursor:pointer; }
.appearance-picture-upload.disabled[b-ytq2nj0xzj] { opacity:.55; cursor:default; }
.appearance-picture-upload[data-premium-required][b-ytq2nj0xzj] { overflow:visible; }
.appearance-picture-upload[b-ytq2nj0xzj]  input[type=file] { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:inherit; }
.appearance-picture-upload:has(:focus-visible)[b-ytq2nj0xzj] { outline:2px solid var(--focus,var(--accent)); outline-offset:3px; }
.appearance-picture-clear[b-ytq2nj0xzj] { border:0; background:transparent; color:var(--ink-soft); padding:.5rem .15rem; min-height:2.75rem; text-decoration:underline; text-underline-offset:3px; font:inherit; font-size:.84rem; }
.appearance-picture-clear:focus-visible[b-ytq2nj0xzj],.appearance-picture-caption button:focus-visible[b-ytq2nj0xzj] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; border-radius:.3rem; }
.appearance-picture-help[b-ytq2nj0xzj],.appearance-picture-empty[b-ytq2nj0xzj] { margin:.65rem 0; color:var(--ink-soft); font-size:.81rem; line-height:1.5; }
.appearance-picture-library-heading[b-ytq2nj0xzj] { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-top:.65rem; }
.appearance-picture-library-heading h5[b-ytq2nj0xzj] { margin:0; color:var(--ink); font-size:.89rem; font-weight:650; }
.appearance-picture-library[b-ytq2nj0xzj] { display:grid; grid-template-columns:repeat(auto-fill,minmax(100px,1fr)); gap:.8rem; max-height:21rem; overflow-y:auto; padding:4px; margin:0 -4px; scrollbar-gutter:stable; }
.appearance-picture-tile[b-ytq2nj0xzj] { min-width:0; }
.appearance-picture-choice[b-ytq2nj0xzj] { display:block; position:relative; isolation:isolate; width:100%; aspect-ratio:4/3; border:2px solid transparent; border-radius:12px; background:var(--surface); padding:0; overflow:hidden; cursor:pointer; transition:var(--hover-transition),transform 150ms ease; }
.appearance-picture-choice:hover:where(:not([data-touch-input] *)):not(:disabled)[b-ytq2nj0xzj] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
.appearance-picture-choice.is-selected[b-ytq2nj0xzj] { border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent),0 4px 14px #0002; }
.appearance-picture-choice:focus-visible[b-ytq2nj0xzj] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }
.appearance-picture-choice:disabled[b-ytq2nj0xzj] { cursor:default; }
.appearance-picture-selected[b-ytq2nj0xzj] { position:absolute; right:5px; bottom:5px; display:none; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; color:white; background:var(--accent); box-shadow:0 1px 5px #0004; }
.is-selected .appearance-picture-selected[b-ytq2nj0xzj] { display:flex; }
.appearance-picture-motion-badge[b-ytq2nj0xzj] { position:absolute; top:5px; left:5px; background:#0009; color:#fff; padding:2px 5px; border-radius:4px; font-size:10px; font-weight:700; letter-spacing:.04em; }
.appearance-picture-caption[b-ytq2nj0xzj] { display:flex; align-items:center; gap:.2rem; }
.appearance-picture-caption > span[b-ytq2nj0xzj] { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.73rem; color:var(--ink-soft); }
.appearance-picture-caption button[b-ytq2nj0xzj] { display:grid; place-items:center; border:0; background:transparent; color:var(--ink-soft); min-width:2.25rem; min-height:2.25rem; padding:0; }
.appearance-picture-clear[b-ytq2nj0xzj],.appearance-picture-caption button[b-ytq2nj0xzj],.appearance-picture-upload[b-ytq2nj0xzj] { transition:var(--hover-transition),opacity 160ms ease; }
.appearance-picture-clear[aria-busy=true][b-ytq2nj0xzj],.appearance-picture-caption button[aria-busy=true][b-ytq2nj0xzj],.appearance-picture-picker[data-picture-file-pending] .appearance-picture-upload[b-ytq2nj0xzj] { opacity:.55; cursor:progress; }
.appearance-picture-caption button:hover:where(:not([data-touch-input] *))[b-ytq2nj0xzj] { color:var(--danger); background:var(--hover-background); }
.appearance-picture-processing[b-ytq2nj0xzj] { display:grid; justify-items:center; gap:.35rem; color:var(--ink-soft); padding:.75rem; }
.appearance-picture-processing small[b-ytq2nj0xzj] { font-size:.7rem; }
.appearance-picture-controls-reveal[b-ytq2nj0xzj] { display:grid; grid-template-rows:0fr; opacity:0; visibility:hidden; transition:grid-template-rows 220ms cubic-bezier(.22,1,.36,1),opacity 180ms ease,visibility 220ms; }
.appearance-picture-controls-reveal.is-open[b-ytq2nj0xzj] { grid-template-rows:1fr; opacity:1; visibility:visible; }
.appearance-picture-controls-clip[b-ytq2nj0xzj] { min-height:0; overflow:hidden; }
.appearance-picture-controls[b-ytq2nj0xzj] { border:0; padding:1rem 0 0; margin:.75rem 0 0; border-top:1px solid var(--line); display:grid; gap:.5rem; min-width:0; }
.appearance-picture-controls:disabled[b-ytq2nj0xzj] { opacity:.6; }
.appearance-picture-fit[b-ytq2nj0xzj] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; position:relative; isolation:isolate; justify-self:center; box-sizing:border-box; width:max-content; max-width:100%; padding:3px; border-radius:var(--segment-radius,10px); }
.appearance-picture-fit[b-ytq2nj0xzj]::before { content:""; position:absolute; z-index:-1; top:3px; bottom:3px; left:3px; box-sizing:border-box; width:calc(50% - 4px); border:0; border-radius:var(--segment-item-radius,6px); background:var(--planner-action-fill,var(--accent)); box-shadow:none; pointer-events:none; transform:translateX(0); transition:transform 220ms cubic-bezier(.2,.8,.2,1),var(--hover-transition); }
.appearance-picture-fit:has(button[data-picture-fit=contain][aria-pressed=true])[b-ytq2nj0xzj]::before { transform:translateX(calc(100% + 2px)); }
.appearance-picture-fit:has(button[aria-pressed=true]:hover:where(:not([data-touch-input] *)):not(:disabled))[b-ytq2nj0xzj]::before { background:var(--solid-accent-hover-background); }
.appearance-picture-fit button[b-ytq2nj0xzj] { display:flex; align-items:center; justify-content:center; min-height:30px; min-width:0; padding:0 10px; border:0; background:transparent; color:var(--ink-soft); font:inherit; font-size:.8125rem; font-weight:600; line-height:1.2; white-space:nowrap; border-radius:var(--segment-item-radius,6px); cursor:pointer; transition:var(--hover-transition); }
.appearance-picture-fit button[aria-pressed=true][b-ytq2nj0xzj] { background:transparent; color:var(--planner-action-ink,var(--custom-accent-ink,#19141c)); }
.appearance-picture-fit button[aria-pressed=true]:hover:where(:not([data-touch-input] *)):not(:disabled)[b-ytq2nj0xzj] { color:var(--solid-accent-hover-color); }
.appearance-picture-fit button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-pressed=true])[b-ytq2nj0xzj] { color:var(--hover-color); background:var(--hover-background); }
.appearance-picture-fit button:focus-visible[b-ytq2nj0xzj] { outline:2px solid var(--focus,var(--accent)); outline-offset:3px; }
.appearance-picture-fit button:disabled[b-ytq2nj0xzj] { cursor:default; }
.appearance-picture-range[b-ytq2nj0xzj] { display:grid; gap:0; color:var(--ink); font-size:.84rem; }
.appearance-picture-range-label[b-ytq2nj0xzj] { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.appearance-picture-animate[b-ytq2nj0xzj] { display:flex; align-items:center; gap:.65rem; color:var(--ink); min-height:2.75rem; font-size:.84rem; }
.appearance-picture-error[b-ytq2nj0xzj] { color:var(--danger); font-size:.85rem; line-height:1.5; }
.appearance-picture-error p[b-ytq2nj0xzj] { margin:.5rem 0; }
@media (max-width:480px) { .appearance-picture-library[b-ytq2nj0xzj] { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.6rem; } }
@media (prefers-reduced-motion:reduce) { .appearance-picture-controls-reveal[b-ytq2nj0xzj],.appearance-picture-choice[b-ytq2nj0xzj],.appearance-picture-fit[b-ytq2nj0xzj]::before,.appearance-picture-fit button[b-ytq2nj0xzj],.appearance-picture-clear[b-ytq2nj0xzj],.appearance-picture-caption button[b-ytq2nj0xzj],.appearance-picture-upload[b-ytq2nj0xzj] { transition:none; }  }
@media (forced-colors:active) { .appearance-picture-fit[b-ytq2nj0xzj]::before { background:Highlight; box-shadow:none; forced-color-adjust:none; } .appearance-picture-fit button[aria-pressed=true][b-ytq2nj0xzj] { background:transparent; color:HighlightText; forced-color-adjust:none; } }
/* _content/YakoPlan.UI/Components/BoardColorPicker.razor.rz.scp.css */
.board-color-loading[b-64exrcozab] { display:contents; pointer-events:none; font-family:var(--planner-font); font-size:.875rem; line-height:1.4; }
.board-color-loading-wheel[b-64exrcozab] { display:grid; place-items:center; background:var(--paper,#f7f5ef); color:var(--ink-soft,#66685f); font-size:.8125rem; cursor:default; }
.board-color-loading-swatch[b-64exrcozab] { --swatch-color:var(--line,#dcd8ce); }
.board-color-popover-host:has(> .board-color-popover) > .board-color-loading[b-64exrcozab] { display:none; }
/* _content/YakoPlan.UI/Components/CalendarChatPanel.razor.rz.scp.css */
.calendar-chat-overlay[b-xyna7ibgah] { --chat-backdrop:rgba(12,13,10,.58); position:fixed; inset:0; z-index:160; display:grid; place-items:center; padding:24px; background:var(--chat-backdrop); backdrop-filter:none; -webkit-backdrop-filter:none; }
.calendar-chat-overlay[hidden][b-xyna7ibgah], .calendar-chat-dialog [hidden][b-xyna7ibgah] { display:none!important; }
@media (prefers-reduced-motion:no-preference) {
    .calendar-chat-overlay:not([hidden]):not(.is-docked)[b-xyna7ibgah] { animation:chat-backdrop-enter-b-xyna7ibgah 220ms ease both; }
    .calendar-chat-overlay:not([hidden]) .calendar-chat-dialog[b-xyna7ibgah] { animation:chat-window-enter-b-xyna7ibgah 280ms cubic-bezier(.22,1,.36,1) both; }
}
@keyframes chat-backdrop-enter-b-xyna7ibgah {
    from { background-color:transparent; }
    to { background-color:var(--chat-backdrop); }
}
@keyframes chat-window-enter-b-xyna7ibgah {
    from { opacity:0; transform:translateY(18px) scale(.975); }
    to { opacity:1; transform:none; }
}
.calendar-chat-dialog[b-xyna7ibgah] { --chat-fill:color-mix(in srgb,var(--paper-deep,#eeebe2) 38%,var(--surface,#fffdf8)); width:min(1120px,100%); height:min(780px,calc(100dvh - 48px)); display:grid; grid-template-rows:auto minmax(0,1fr); overflow:hidden; border:1px solid var(--line,#dcd8ce); border-radius:22px; background:var(--surface,#fffdf8); color:var(--ink,#262823); box-shadow:0 24px 80px rgb(0 0 0 / .28); font-family:var(--planner-font,sans-serif); }
.calendar-chat-top[b-xyna7ibgah] { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; box-sizing:border-box; padding:2px 12px; border-bottom:1px solid var(--line); cursor:pointer; touch-action:none; user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; }
.calendar-chat-top h2[b-xyna7ibgah] { display:flex; flex:1; min-width:0; align-items:center; gap:8px; margin:0; font-size:1rem; font-weight:650; letter-spacing:-.02em; }
.calendar-chat-overlay:not(.is-docked) .calendar-chat-top[b-xyna7ibgah] { cursor:default; }
.chat-title-toggle[b-xyna7ibgah] { display:flex; align-items:center; gap:8px; width:100%; min-width:0; min-height:44px; padding:0; border:0; border-radius:8px; background:transparent; color:inherit; font:inherit; letter-spacing:inherit; text-align:start; cursor:pointer; }
.calendar-chat-dialog[data-chat-window-drag="return"][b-xyna7ibgah] { transition:translate 180ms cubic-bezier(.22,1,.36,1); }
.calendar-chat-body[b-xyna7ibgah] { display:flex; flex-direction:column; min-width:0; min-height:0; }
.calendar-chat-guest[b-xyna7ibgah] { flex:1; min-height:0; padding:24px; overflow:auto; }
.calendar-chat-top h2[b-xyna7ibgah]  svg { color:var(--accent-deep,var(--accent)); }
.chat-window-actions[b-xyna7ibgah] { display:flex; align-items:center; gap:2px; }
.chat-dock-toggle[b-xyna7ibgah] { display:none!important; }
.calendar-chat-layout[b-xyna7ibgah] { display:grid; flex:1; grid-template-columns:288px minmax(0,1fr); min-height:0; }
.chat-roster[b-xyna7ibgah] { position:relative; display:flex; flex-direction:column; min-width:0; min-height:0; border-right:1px solid var(--line); background:var(--chat-fill); }
.chat-roster-heading[b-xyna7ibgah] { display:flex; flex:none; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px 6px; }
.chat-roster-heading h3[b-xyna7ibgah] { margin:0; color:var(--ink); font-size:.9rem; font-weight:650; letter-spacing:-.015em; }
.chat-thread-list[b-xyna7ibgah] { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; display:flex; flex-direction:column; gap:4px; padding:0 8px 12px; }
.chat-thread-list :is(h3,h4)[b-xyna7ibgah] { margin:18px 10px 5px; color:var(--ink-soft); font-size:.75rem; line-height:1.5; font-weight:600; }
.chat-thread-list > :is(h3,h4):first-child[b-xyna7ibgah],.chat-thread-content > :is(h3,h4):first-child[b-xyna7ibgah] { margin-top:5px; }
.chat-thread-content[b-xyna7ibgah] { position:relative; display:flex; flex:none; flex-direction:column; gap:4px; min-width:0; }
.chat-thread[b-xyna7ibgah] { position:relative; box-sizing:border-box; display:grid; grid-template-columns:40px minmax(0,1fr); gap:10px; align-items:center; flex:none; width:100%; min-height:50px; padding:4px 8px; border:1px solid transparent; border-radius:10px; background:transparent; color:var(--ink); text-align:start; cursor:pointer; transition:var(--hover-transition); }
.chat-thread:hover:where(:not([data-touch-input] *))[b-xyna7ibgah] { background:var(--hover-background); border-color:var(--hover-border); color:var(--hover-color); }
.chat-thread.is-selected[b-xyna7ibgah] { background:color-mix(in srgb,var(--ink) 10%,transparent); border-color:transparent; }
.chat-thread.is-selected .chat-thread-copy strong[b-xyna7ibgah] { font-weight:600; }
.chat-archive-row[b-xyna7ibgah] { position:relative; flex:none; min-width:0; }
/* Conversation selection and hover span the whole row, including its actions. */
:is(.chat-calendar-row,.chat-archive-row)[b-xyna7ibgah] { border-radius:10px; transition:var(--hover-transition); }
:is(.chat-calendar-row,.chat-archive-row):has(> .chat-task-thread)[b-xyna7ibgah] { border-radius:8px; }
:is(.chat-calendar-row,.chat-archive-row):has(> .chat-thread.is-selected)[b-xyna7ibgah] { background:color-mix(in srgb,var(--ink) 10%,transparent); box-shadow:none; }
:is(.chat-calendar-row,.chat-archive-row) > .chat-thread[b-xyna7ibgah] { background:transparent; border-color:transparent; }
:is(.chat-calendar-row,.chat-archive-row):hover:where(:not([data-touch-input] *)):has(> .chat-thread:not(:disabled)):not(:has(> .chat-thread.is-selected))[b-xyna7ibgah] { background:var(--hover-background); color:var(--hover-color); }
:is(.chat-calendar-row,.chat-archive-row) > .chat-thread:hover:where(:not([data-touch-input] *))[b-xyna7ibgah] { background:transparent; border-color:transparent; }
:is(.chat-calendar-row,.chat-archive-row):has(> :focus-visible)[b-xyna7ibgah] { box-shadow:inset 0 0 0 1px var(--focus,var(--accent)); }
:is(.chat-calendar-row,.chat-archive-row) > .chat-thread:focus-visible[b-xyna7ibgah] { border-color:transparent!important; }
.chat-archive-row > .chat-thread[b-xyna7ibgah] { padding-inline-end:40px; }
.chat-calendar-row.chat-archive-row[b-xyna7ibgah] { padding-inline-end:0; }
.chat-calendar-row.chat-archive-row > .chat-thread[b-xyna7ibgah] { padding-inline-end:8px; }
.chat-archive-button[b-xyna7ibgah] { position:absolute; top:50%; inset-inline-end:4px; display:grid; place-items:center; width:28px; height:28px; padding:0; border:0; border-radius:6px; background:transparent; color:var(--ink-soft); opacity:0; pointer-events:none; cursor:pointer; transform:translateY(-50%); transition:var(--hover-transition),opacity 120ms ease; }
/* Calendar rows keep Archive in its own slot before the trailing disclosure.
   Opacity changes reveal the button without moving the arrow. */
.chat-calendar-row > .chat-archive-button[b-xyna7ibgah] { position:static; flex:none; transform:none; }
.chat-archive-row:hover:where(:not([data-touch-input] *)) > .chat-archive-button[b-xyna7ibgah],
.chat-archive-row:has(:focus-visible) > .chat-archive-button[b-xyna7ibgah],
[data-touch-input] .chat-archive-button[b-xyna7ibgah] { opacity:1; pointer-events:auto; }
.chat-archive-button:hover:where(:not([data-touch-input] *))[b-xyna7ibgah] { background:var(--hover-background); color:var(--hover-color); }
.chat-archive-button:focus-visible[b-xyna7ibgah] { outline:2px solid var(--accent); outline-offset:1px; }
.chat-archive-button:disabled[b-xyna7ibgah] { cursor:default; color:var(--ink-muted,var(--ink-soft)); }
.chat-archived-summary[b-xyna7ibgah] { cursor:default; }
.chat-archived-entry .chat-archive-button[b-xyna7ibgah] { opacity:1; pointer-events:auto; }
.chat-archive-toggle[aria-pressed="true"][b-xyna7ibgah] { background:var(--open-background); color:var(--open-color); }
.has-pin-control > .chat-thread[b-xyna7ibgah] { padding-inline-end:72px; }
.chat-pin-button[b-xyna7ibgah] { inset-inline-end:36px; }
.chat-pin-button[aria-pressed="true"][b-xyna7ibgah] { opacity:1; pointer-events:auto; color:var(--accent-deep,var(--accent)); }
.chat-thread-copy strong.chat-pinnable-title[b-xyna7ibgah] { display:flex; align-items:center; }
.chat-pinnable-title > span:first-child[b-xyna7ibgah] { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.chat-pin-indicator[b-xyna7ibgah] { display:inline-flex; flex:none; margin-inline-start:6px; color:var(--accent-deep,var(--accent)); }
[data-chat-roster-key][draggable="true"] > .chat-thread[b-xyna7ibgah],
[data-chat-roster-key][draggable="true"] > :is(.chat-calendar-row,.chat-friend-header) > .chat-thread[b-xyna7ibgah] { cursor:grab; }
[data-chat-roster-key][b-xyna7ibgah] { position:relative; }
[data-chat-dragging="true"][b-xyna7ibgah] { opacity:.6; }
[data-chat-drop][b-xyna7ibgah]::before { content:""; position:absolute; z-index:3; inset-inline:4px; height:2px; border-radius:1px; background:var(--accent); pointer-events:none; animation:chat-pin-drop-enter-b-xyna7ibgah 160ms ease; }
[data-chat-drop="before"][b-xyna7ibgah]::before { top:-2px; }
[data-chat-drop="after"][b-xyna7ibgah]::before { bottom:-2px; }
@keyframes chat-pin-drop-enter-b-xyna7ibgah { from { opacity:0; } to { opacity:1; } }
@media (hover:none), (pointer:coarse) { .chat-archive-button[b-xyna7ibgah] { width:36px; height:36px; opacity:1; pointer-events:auto; } .chat-archive-row > .chat-thread[b-xyna7ibgah] { padding-inline-end:44px; } .chat-calendar-row.chat-archive-row > .chat-thread[b-xyna7ibgah] { padding-inline-end:8px; } }
@media (hover:none), (pointer:coarse) { .chat-pin-button[b-xyna7ibgah] { inset-inline-end:42px; } .has-pin-control > .chat-thread[b-xyna7ibgah] { padding-inline-end:84px; } }
@media (prefers-reduced-motion:reduce) { .chat-archive-button[b-xyna7ibgah], .chat-calendar-row[b-xyna7ibgah], .chat-archive-row[b-xyna7ibgah] { transition:none; } }
@media (prefers-reduced-motion:reduce) { [data-chat-drop][b-xyna7ibgah]::before { animation:none; } }
.chat-thread-icon[b-xyna7ibgah],.chat-thread-icon.avatar[b-xyna7ibgah] { display:grid; place-items:center; flex:none; width:40px; height:40px; border-radius:50%; background:var(--paper-deep,#eeebe2); color:var(--ink-soft); }
.chat-ai-avatar[b-xyna7ibgah] { position:relative; display:block; overflow:hidden; background:transparent; }
.chat-ai-avatar img[b-xyna7ibgah] { display:block; width:100%; height:100%; object-fit:contain; }
.chat-thread-avatars[b-xyna7ibgah],.chat-header-avatars[b-xyna7ibgah] { display:flex; flex:none; align-items:center; width:40px; height:40px; }
.profile-notification-badge.chat-conversation-unread[b-xyna7ibgah] { left:32px; right:auto; top:calc(50% + 3px); bottom:auto; }
.chat-task-thread:has(> .chat-conversation-unread)[b-xyna7ibgah] { grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.profile-notification-badge.chat-conversation-unread.is-compact[b-xyna7ibgah] { position:static; }
@keyframes chat-unread-enter-b-xyna7ibgah { from { opacity:0; } to { opacity:1; } }
@media (prefers-reduced-motion:no-preference) { .chat-conversation-unread[b-xyna7ibgah] { animation:chat-unread-enter-b-xyna7ibgah 160ms ease; } }
.chat-friend-thread[b-xyna7ibgah] { position:relative; flex:none; }
.chat-friend-header[b-xyna7ibgah] { position:relative; }
.chat-friend-removal-actions[b-xyna7ibgah] { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:4px; padding-inline:58px 8px; }
.chat-friend-remove-cancel[b-xyna7ibgah] { flex:none; display:inline-grid; place-items:center; width:32px; min-width:32px; min-height:44px; padding:0; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--ink-soft,#66685f); cursor:pointer; }
.chat-friend-remove-cancel:hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { background:var(--hover-background); color:var(--hover-color); }
.chat-friend-removal-actions .chat-friend-remove-confirm[b-xyna7ibgah] { min-height:44px; padding-inline:12px; border:0; background:var(--pill-fill); color:var(--pill-ink); font-size:.78rem; animation:chat-friend-remove-enter-b-xyna7ibgah 180ms cubic-bezier(.22,1,.36,1) both; }
.chat-friend-removal-actions button[b-xyna7ibgah] { transition:var(--hover-transition),opacity 140ms ease,transform 140ms cubic-bezier(.22,1,.36,1); }
.chat-friend-removal-actions button:focus-visible[b-xyna7ibgah] { outline:2px solid var(--accent,#c76345); outline-offset:2px; }
.chat-friend-removal-actions button:disabled[b-xyna7ibgah] { opacity:.45; cursor:default; }
.chat-friend-removal-actions button:active:not(:disabled)[b-xyna7ibgah] { transform:translateY(0) scale(.96); box-shadow:none; }
.chat-friend-remove-confirm:hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { color:var(--danger,#a33a34); }
.chat-friend-remove-note[b-xyna7ibgah] { margin:0; padding:0 8px 6px 58px; color:var(--ink-soft,#66685f); font-size:.8125rem; line-height:1.5; }
.chat-friend-status[b-xyna7ibgah] { display:flex; align-items:center; gap:8px; margin:10px 8px 0; color:var(--ink,#262823); font-size:.8125rem; line-height:1.5; }
.chat-friend-status[b-xyna7ibgah]  svg { color:var(--accent-deep,var(--accent,#c76345)); }
@keyframes chat-friend-remove-enter-b-xyna7ibgah { from { opacity:0; translate:0 5px; } to { opacity:1; translate:0 0; } }
@media (prefers-reduced-motion:reduce) { .chat-friend-removal-actions button[b-xyna7ibgah] { animation:none!important; transition:none; transform:none!important; } }
.chat-friend-conversation[b-xyna7ibgah],.chat-roster-conversation[b-xyna7ibgah] { grid-template-columns:minmax(0,1fr); padding-left:58px; }
.chat-profile-button[b-xyna7ibgah],.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-profile-button { display:grid; place-items:center; flex:none; padding:0; border:0; border-radius:50%; cursor:pointer; }
.chat-profile-button:not(.avatar)[b-xyna7ibgah],.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-profile-button:not(.avatar) { background:transparent; color:inherit; }
.chat-profile-button:focus-visible[b-xyna7ibgah],.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-profile-button:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.chat-roster-picture:hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { background:var(--hover-background); color:var(--hover-color); }
.chat-thread-avatars:is(.chat-friend-profile,.chat-roster-picture)[b-xyna7ibgah] { position:absolute; top:50%; left:7px; width:44px; height:44px; transform:translateY(-50%); }
.chat-roster-picture:disabled[b-xyna7ibgah] { cursor:default; }
.chat-header-avatars.chat-profile-button[b-xyna7ibgah] { width:44px; height:44px; }
.chat-member-profile[b-xyna7ibgah] { width:44px; height:44px; }
.chat-picture-trigger[b-xyna7ibgah] { justify-content:center; padding:0; border:0; border-radius:50%; background:transparent; color:var(--ink); cursor:pointer; }
.chat-picture-trigger:focus-visible[b-xyna7ibgah] { outline:2px solid var(--accent); outline-offset:3px; }
.chat-picture-tools[b-xyna7ibgah] { position:absolute; z-index:8; top:8px; inset-inline-start:12px; box-sizing:border-box; width:min(460px,calc(100% - 24px)); max-height:calc(100% - 16px); overflow:auto; overscroll-behavior:contain; padding:14px 18px 18px; border:1px solid var(--line); border-radius:14px; background:rgb(from var(--surface) r g b / 1); color:var(--ink); box-shadow:0 12px 32px rgb(0 0 0 / .2); }
.chat-picture-tools h4[b-xyna7ibgah] { margin:0; font-size:1rem; line-height:1.4; font-weight:650; letter-spacing:-.02em; }
@keyframes chat-picture-page-forward-b-xyna7ibgah { from { transform:translateX(6px); } to { transform:none; } }
@keyframes chat-picture-page-backward-b-xyna7ibgah { from { transform:translateX(-6px); } to { transform:none; } }
@media (prefers-reduced-motion:no-preference) {
    .chat-picture-page[b-xyna7ibgah] { animation:chat-picture-page-forward-b-xyna7ibgah 280ms cubic-bezier(.25,.65,.3,1); }
    .chat-picture-page.is-backward[b-xyna7ibgah] { animation-name:chat-picture-page-backward-b-xyna7ibgah; }
}
.chat-picture-tools[b-xyna7ibgah]  .settings-profile-picture { margin:12px 0 0; }
.chat-picture-tools[b-xyna7ibgah]  .settings-picture-actions { gap:8px; }
.chat-picture-tools[b-xyna7ibgah]  .settings-picture-actions .secondary-button { padding:8px 10px; }
.chat-picture-background[b-xyna7ibgah] { margin-top:16px; padding-top:12px; border-top:1px solid var(--line); }
.chat-picture-background .chat-action[b-xyna7ibgah] { justify-content:flex-start; width:100%; gap:8px; }
@keyframes chat-picture-open-b-xyna7ibgah { from { transform:translateY(-6px) scale(.98); } to { transform:translateY(0) scale(1); } }
@media (prefers-reduced-motion:no-preference) { .chat-picture-tools[b-xyna7ibgah] { transform-origin:top left; animation:chat-picture-open-b-xyna7ibgah 180ms cubic-bezier(.2,.8,.2,1) both; } }
.chat-picture-member-preview[b-xyna7ibgah] { display:block; width:100%; height:100%; container-type:inline-size; }
.chat-picture-member-preview[b-xyna7ibgah]  .conversation-avatars.avatar { width:100%; height:100%; }
.chat-picture-member-preview[b-xyna7ibgah]  .conversation-avatar-fallback.avatar { font-size:36cqw; }
.chat-picture-member-preview[b-xyna7ibgah]  .conversation-avatar-picture { font-size:34cqw; }
.chat-picture-member-preview[b-xyna7ibgah]  .conversation-avatars[data-slices="2"] .conversation-avatar-picture { font-size:26cqw; }
.chat-picture-member-preview[b-xyna7ibgah]  .conversation-avatars[data-slices="3"] .conversation-avatar-picture,.chat-picture-member-preview[b-xyna7ibgah]  .conversation-avatars[data-slices="4"] .conversation-avatar-picture,.chat-picture-member-preview[b-xyna7ibgah]  .conversation-avatar-overflow { font-size:24cqw; }
.chat-thread-copy[b-xyna7ibgah] { min-width:0; display:grid; gap:2px; }
.chat-ai-title[data-ai-chat-revealing][b-xyna7ibgah] { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.chat-thread-copy strong[b-xyna7ibgah] { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:.85rem; font-weight:500; line-height:1.4; }
.chat-calendar-group[b-xyna7ibgah] { flex:none; min-width:0; }
.chat-calendar-row[b-xyna7ibgah] { display:flex; align-items:center; gap:2px; min-width:0; }
.chat-subchat-parent > .chat-thread[b-xyna7ibgah] { flex:1; min-width:0; }
.chat-calendar-conversation[b-xyna7ibgah] { flex:1; min-width:0; }
.chat-ai-folder-row[b-xyna7ibgah] { position:relative; isolation:isolate; z-index:2; gap:6px; }
.chat-ai-folder-row > .chat-ai-folder[b-xyna7ibgah] { position:static; flex:0 1 auto; width:auto; }
/* Keep the row clickable while the separate badge remains informational. */
.chat-ai-folder[b-xyna7ibgah]::after { content:""; position:absolute; inset:0; }
.chat-ai-folder-row > :is(.chat-ai-experimental,.chat-calendar-disclosure)[b-xyna7ibgah] { z-index:1; }
.chat-ai-folder-row > .chat-calendar-disclosure[b-xyna7ibgah] { position:relative; margin-inline-start:auto; }
.chat-ai-experimental-badge[b-xyna7ibgah] { display:inline-flex; align-items:center; justify-content:center; flex:none; min-height:22px; box-sizing:border-box; padding:2px 7px; border:1px solid var(--line); border-radius:6px; background:var(--paper-deep); color:var(--ink-soft); font:600 .68rem/1.25 var(--planner-font); white-space:nowrap; }
.chat-ai-conversation-head[b-xyna7ibgah] { position:relative; z-index:2; }
.chat-ai-heading[b-xyna7ibgah] { display:flex; align-items:center; gap:8px; flex:1; min-width:0; }
.chat-ai-heading h3[b-xyna7ibgah] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chat-ai-permission-button[b-xyna7ibgah] { flex:none; width:30px; height:30px; margin-inline-start:auto; padding:0; border-radius:8px; color:var(--ink-soft); }
.chat-ai-permission-button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { color:var(--hover-color); }
.chat-ai-permission-button:focus-visible[b-xyna7ibgah] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }
.chat-ai-experimental[b-xyna7ibgah] { flex:none; anchor-scope:--chat-ai-experimental; }
.chat-ai-experimental > .chat-ai-experimental-badge[b-xyna7ibgah] { anchor-name:--chat-ai-experimental; cursor:default; transition:background-color 160ms ease,color 160ms ease; }
.chat-ai-folder-row .chat-ai-experimental-badge[b-xyna7ibgah] { cursor:pointer; }
.chat-ai-experimental-badge:focus-visible[b-xyna7ibgah] { background:var(--surface); color:var(--ink); }
.chat-ai-experimental-description[b-xyna7ibgah] { position:absolute; inset-inline-start:12px; top:calc(100% + 6px); display:block; width:min(320px,calc(100% - 24px)); box-sizing:border-box; margin:0; padding:12px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink-soft); box-shadow:0 8px 24px rgba(0,0,0,.14); font-size:.8rem; line-height:1.5; opacity:0; visibility:hidden; transform:translateY(-3px); pointer-events:none; transition:opacity 160ms ease,transform 160ms ease,visibility 0s linear 160ms; }
/* Follow the badge even when a long title pushes it to the far edge. Clamp
   within the header or roster row so the explanation still fits on phones. */
.chat-ai-experimental-description[b-xyna7ibgah] { --chat-ai-tooltip-width:min(320px,calc(100% - 24px)); position-anchor:--chat-ai-experimental; width:var(--chat-ai-tooltip-width); inset-inline-start:clamp(12px,calc(anchor(center) - var(--chat-ai-tooltip-width) / 2),calc(100% - var(--chat-ai-tooltip-width) - 12px)); }
.chat-ai-experimental:hover:where(:not([data-touch-input] *)) > .chat-ai-experimental-description[b-xyna7ibgah],
.chat-ai-experimental:has(> .chat-ai-experimental-badge:focus-visible) > .chat-ai-experimental-description[b-xyna7ibgah] { opacity:1; visibility:visible; transform:none; transition-delay:0s; }
@media (prefers-reduced-motion:reduce) { .chat-ai-experimental > .chat-ai-experimental-badge[b-xyna7ibgah], .chat-ai-experimental-description[b-xyna7ibgah] { transition:none; } }
.chat-calendar-disclosure[b-xyna7ibgah] { display:grid; place-items:center; flex:none; width:32px; height:32px; padding:0; border:0; border-radius:7px; background:transparent; color:var(--ink-soft); cursor:pointer; }
.chat-calendar-disclosure:hover:where(:not([data-touch-input] *))[b-xyna7ibgah] { background:var(--hover-background); color:var(--hover-color); }
.chat-calendar-disclosure:focus-visible[b-xyna7ibgah],.chat-calendar-parent:focus-visible[b-xyna7ibgah] { outline:2px solid var(--accent); outline-offset:1px; }
.chat-calendar-threads[b-xyna7ibgah] { display:grid; gap:2px; margin:2px 0 4px 25px; padding:0; list-style:none; }
.chat-calendar-threads > li[b-xyna7ibgah] { min-width:0; }
.chat-calendar-threads[data-chat-roster-animating][b-xyna7ibgah] { overflow:hidden; }
.calendar-chat-dialog .chat-calendar-threads[data-chat-roster-closing][hidden][b-xyna7ibgah] { display:grid!important; pointer-events:none; }
@media (prefers-reduced-motion:reduce) { .chat-calendar-disclosure[aria-expanded][b-xyna7ibgah]  svg { transition:none; } }
.chat-task-thread[b-xyna7ibgah] { grid-template-columns:minmax(0,1fr); gap:0; min-height:32px; padding:5px 10px; border-radius:8px; }
.chat-task-thread .chat-thread-copy strong[b-xyna7ibgah] { font-size:.82rem; }
.chat-calendar-threads .chat-roster-note[b-xyna7ibgah] { margin:4px 10px 6px; font-size:.75rem; }
.chat-calendar-status .chat-older[b-xyna7ibgah] { width:100%; margin:2px 0; text-align:start; }
.chat-calendar-status .chat-older:is([data-ai-chat-more],[data-chat-more])[b-xyna7ibgah] { border:0; border-radius:0; background:transparent; color:var(--ink); text-align:center; }
.chat-calendar-status .chat-older:is([data-ai-chat-more],[data-chat-more]):focus-visible[b-xyna7ibgah] { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.chat-calendar-status .chat-older:is([data-ai-chat-more],[data-chat-more]):hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { color:var(--hover-color); background:var(--hover-background); }
.chat-calendar-status .chat-older[data-ai-chat-more][b-xyna7ibgah] { display:flex; align-items:center; justify-content:center; width:fit-content; max-width:100%; margin:2px auto; gap:8px; min-height:36px; padding:7px 12px; border-radius:8px; box-shadow:inset 0 0 0 1px transparent; text-decoration:none; transition:var(--hover-transition); }
.chat-calendar-status .chat-older[data-ai-chat-more][b-xyna7ibgah]::after { content:""; flex:none; width:6px; height:6px; margin-top:-3px; border-inline-end:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); }
.chat-calendar-status .chat-older[data-ai-chat-more]:hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { background:var(--hover-background); color:var(--hover-color); }

.chat-calendar-status .chat-older[data-ai-chat-more]:focus-visible[b-xyna7ibgah] { box-shadow:inset 0 0 0 2px var(--focus,var(--accent)); color:var(--ink); text-decoration:none; }
.chat-calendar-status .chat-older[data-ai-chat-more]:active:not(:disabled)[b-xyna7ibgah] { background:color-mix(in srgb,var(--ink) 10%,transparent); }
@media (max-width:1000px), (pointer:coarse) { .chat-calendar-status .chat-older[data-ai-chat-more][b-xyna7ibgah] { min-height:44px; } }
@media (prefers-reduced-motion:reduce) { .chat-calendar-status .chat-older[data-ai-chat-more][b-xyna7ibgah] { transition:none; } }
.chat-calendar-status .chat-error[b-xyna7ibgah] { margin:4px 8px; }
.chat-calendar-parent[b-xyna7ibgah] { display:inline-flex; align-items:center; gap:4px; max-width:100%; min-height:24px; margin:0; padding:0 3px 0 0; border:0; border-radius:4px; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.chat-calendar-parent span[b-xyna7ibgah] { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.chat-calendar-parent:hover:where(:not([data-touch-input] *))[b-xyna7ibgah] { color:var(--hover-color); background:var(--hover-background); }
@media (max-width:1000px), (pointer:coarse) {
    .chat-task-thread[b-xyna7ibgah] { min-height:44px; }
    .chat-task-thread .chat-thread-copy strong[b-xyna7ibgah] { font-size:.88rem; }
    .chat-calendar-disclosure[b-xyna7ibgah] { width:44px; height:44px; }
    .chat-calendar-parent[b-xyna7ibgah] { min-height:32px; }
}
.chat-roster-note[b-xyna7ibgah] { margin:6px 10px; color:var(--ink-soft); font-size:.78rem; line-height:1.6; }
.chat-conversation[b-xyna7ibgah] { position:relative; isolation:isolate; display:flex; flex-direction:column; min-width:0; min-height:0; background:var(--surface); }
.chat-conversation[b-xyna7ibgah]  > .chat-background-surface { z-index:-1; }
.chat-conversation-head[b-xyna7ibgah] { display:flex; align-items:center; flex:none; gap:10px; min-height:56px; box-sizing:border-box; padding:6px 16px; border-bottom:1px solid var(--line); }
/* Keep the trailing picture control on the close button's vertical line. */
.chat-conversation-head:has(> [data-chat-background-trigger])[b-xyna7ibgah] { padding-inline-end:12px; }
@media (max-width:700px) {
    .chat-conversation-head:has(> [data-chat-background-trigger])[b-xyna7ibgah] { padding-inline-end:8px; }
}
@media (min-width:1001px) {
    .is-docked .chat-conversation-head:has(> [data-chat-background-trigger])[b-xyna7ibgah] { padding-inline-end:8px; }
}
.chat-header-copy[b-xyna7ibgah] { flex:1; min-width:0; }
.chat-header-title[b-xyna7ibgah] { display:flex; align-items:center; gap:6px; width:fit-content; max-width:100%; min-width:0; }
.chat-header-title h3[b-xyna7ibgah] { min-width:0; }
:is(.chat-group-rename-trigger,.chat-source-trigger)[b-xyna7ibgah] { display:flex; align-items:center; gap:6px; max-width:100%; min-width:0; min-height:24px; padding:0 8px; border:0; border-radius:var(--custom-radius,8px); background:transparent; color:inherit; font:inherit; letter-spacing:inherit; text-align:start; transition:var(--hover-transition); }
:is(.chat-group-name,.chat-source-name)[b-xyna7ibgah] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:is(.chat-group-rename-trigger,.chat-source-trigger):not(:disabled)[b-xyna7ibgah] { cursor:pointer; }
.chat-rename-glyph[b-xyna7ibgah] { display:grid; place-items:center; flex:none; width:24px; height:24px; color:var(--ink-soft); transition:opacity 180ms ease; }
:is(.chat-group-rename-trigger,.chat-source-trigger):hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { background:var(--hover-background); color:var(--hover-color); }
:is(.chat-group-rename-trigger,.chat-source-trigger):focus-visible[b-xyna7ibgah] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }
.chat-source-trigger:focus-visible[b-xyna7ibgah] { outline:2px solid var(--focus,var(--accent))!important; outline-offset:2px!important; }
@media (forced-colors:active) { .chat-source-trigger:focus-visible[b-xyna7ibgah] { outline-color:Highlight!important; } }
.chat-group-rename-trigger[aria-expanded="true"][b-xyna7ibgah] { background:var(--open-background); color:var(--open-color); }
@media (hover:hover) {
    .chat-group-rename-trigger:where(:not([data-touch-input] *)) .chat-rename-glyph[b-xyna7ibgah] { opacity:0; }
    .chat-group-rename-trigger:hover:where(:not([data-touch-input] *)) .chat-rename-glyph[b-xyna7ibgah],
    .chat-group-rename-trigger:focus-visible .chat-rename-glyph[b-xyna7ibgah],
    .chat-group-rename-trigger[aria-expanded="true"] .chat-rename-glyph[b-xyna7ibgah] { opacity:1; }
}
@media (prefers-reduced-motion:reduce) { .chat-group-rename-trigger[b-xyna7ibgah],.chat-rename-glyph[b-xyna7ibgah],.chat-source-trigger[b-xyna7ibgah] { transition:none; } }
.chat-conversation-head h3[b-xyna7ibgah] { margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:.95rem; line-height:1.4; font-weight:650; letter-spacing:-.02em; }
.chat-conversation-head .chat-source-heading[b-xyna7ibgah] { overflow:visible; }
@media (max-width:1000px), (pointer:coarse) { .chat-source-trigger[b-xyna7ibgah] { min-height:44px; } }
.chat-conversation-head .chat-conversation-identity-heading[b-xyna7ibgah] { flex:1; min-width:0; overflow:visible; }
.chat-conversation-identity[b-xyna7ibgah] { display:flex; align-items:center; justify-content:flex-start; gap:10px; width:fit-content; max-width:100%; min-width:0; text-align:start; font:inherit; letter-spacing:inherit; border-radius:9px; }
.chat-conversation-identity .chat-conversation-name[b-xyna7ibgah] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chat-conversation-identity[b-xyna7ibgah] { transition:var(--hover-transition); }
.chat-conversation-identity .chat-conversation-name[b-xyna7ibgah] { transition:var(--hover-transition); }
.chat-conversation-identity:focus-visible:not(:disabled)[b-xyna7ibgah] { background:color-mix(in srgb,var(--ink) 8%,transparent); box-shadow:0 0 0 5px color-mix(in srgb,var(--ink) 8%,transparent); }
.chat-conversation-identity:hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { background:var(--hover-background); color:var(--hover-color); }
.chat-conversation-identity:focus-visible:not(:disabled) .chat-conversation-name[b-xyna7ibgah] { color:var(--accent-deep,var(--accent)); }
.chat-conversation-identity:hover:where(:not([data-touch-input] *)):not(:disabled) .chat-conversation-name[b-xyna7ibgah] { color:var(--hover-color); }
@media (prefers-reduced-motion:reduce) { .chat-conversation-identity[b-xyna7ibgah],.chat-conversation-identity .chat-conversation-name[b-xyna7ibgah] { transition:none; } }
.chat-header-icon[b-xyna7ibgah] { width:40px; height:40px; }
.chat-header-meta[b-xyna7ibgah] { display:flex; align-items:center; flex-wrap:wrap; gap:3px 10px; min-height:20px; margin-top:0; color:var(--ink-soft); font-size:.7rem; }
.chat-member-summary[b-xyna7ibgah] { display:inline-flex; align-items:center; gap:7px; padding:0 8px; min-height:20px; border:0; border-radius:5px; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.chat-member-summary:hover:where(:not([data-touch-input] *)):not([aria-expanded="true"])[b-xyna7ibgah] { background:var(--hover-background); color:var(--hover-color); }
.chat-member-summary[aria-expanded="true"][b-xyna7ibgah] { background:var(--open-background); color:var(--open-color); }
.chat-general[b-xyna7ibgah] { position:relative; display:flex; flex:1; flex-direction:column; min-height:0; }
.chat-ai-conversation[b-xyna7ibgah] { display:flex; flex:1; flex-direction:column; min-width:0; min-height:0; }
.chat-ai-folder[b-xyna7ibgah] { grid-template-columns:40px minmax(0,1fr); }
/* Main and nested task conversations use the same presentation classes. */
.chat-log-wrap[b-xyna7ibgah] { position:relative; min-height:0; flex:1; display:flex; flex-direction:column; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-log-wrap > .chat-log { position:relative; }
/* Photo contrast must not depend on the image or a translucent custom surface. */
.has-background[b-xyna7ibgah] { --chat-readable-surface:rgb(from var(--surface) r g b / 1); --message-highlight-base:var(--chat-readable-surface); }
.has-background .chat-conversation-head[b-xyna7ibgah] { background:var(--chat-readable-surface); }
.has-background[b-xyna7ibgah]  .chat-ui .chat-message-meta,.has-background[b-xyna7ibgah]  .chat-ui .chat-date > span { padding:3px 8px; border-radius:10px; background:var(--chat-readable-surface); }
.has-background[b-xyna7ibgah]  .chat-ui .chat-empty { align-self:center; flex:none; margin:auto; border-radius:14px; background:var(--chat-readable-surface); }
.has-background[b-xyna7ibgah]  .chat-system-message { align-self:center; padding:6px 12px; border-radius:12px; background:var(--chat-readable-surface); }
.has-background[b-xyna7ibgah]  .message-reply-quote { border-radius:6px; background:var(--message-resting-highlight,var(--chat-readable-surface)); color:var(--ink); }
.has-background[b-xyna7ibgah]  .chat-reply-content { border-radius:8px; background:var(--chat-readable-surface); }
.has-background[b-xyna7ibgah]  .chat-ui :is(.chat-reply-status,.chat-compose-hint,.chat-message-resolved) { border-radius:6px; background:var(--chat-readable-surface); }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-log { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; display:flex; flex-direction:column; gap:6px; padding:20px 24px; scroll-padding:20px; }
@media (prefers-reduced-motion:no-preference) {
    .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-log[data-chat-elastic],.chat-thread-list[data-chat-elastic][b-xyna7ibgah] { overscroll-behavior-y:none; }
    .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-log[data-chat-elastic] > *,.chat-thread-list[data-chat-elastic][b-xyna7ibgah]  > * { translate:0 var(--chat-elastic-offset,0px); }
}
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-date { display:flex; align-items:center; gap:16px; margin:12px 0 8px; color:var(--ink-soft); font-size:.9rem; font-weight:500; line-height:1.5; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-date:first-child { margin-top:0; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-date::before,.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-date::after { content:""; height:1px; flex:1; background:color-mix(in srgb,var(--line) 65%,transparent); }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-date + .chat-message { margin-top:0; }
/* Quote line height, vertical padding and the gap before the sender details. */
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-message.has-reply > .chat-message-avatar { margin-top:calc(1.12rem + 11px); }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-message.has-reply > .chat-message-avatar-menu { margin-top:calc(1.12rem + 11px); }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-message.has-reply:has(:is(.message-reply-to-me,.message-mention-to-me)) > .chat-message-avatar { margin-top:calc(1.12rem + 16px); }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-message.has-reply:has(:is(.message-reply-to-me,.message-mention-to-me)) > .chat-message-avatar-menu { margin-top:calc(1.12rem + 16px); }
.has-background[b-xyna7ibgah]  .chat-ui .chat-bubble.task-card-is-transparent p { display:inline; border-radius:3px; background:var(--chat-readable-surface); color:var(--ink); box-shadow:0 0 0 2px var(--chat-readable-surface); -webkit-box-decoration-break:clone; box-decoration-break:clone; text-shadow:none; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-bubble.chat-bubble-editing { width:fit-content; min-width:var(--chat-edit-width,0px); min-height:var(--chat-edit-height,0px); background:color-mix(in srgb,var(--task-color,var(--planner-action-fill,var(--accent))) 65%,var(--surface))!important; border-color:color-mix(in srgb,var(--task-color,var(--planner-action-fill,var(--accent))) 45%,var(--surface)); color:var(--ink); font:500 1rem/1.55 var(--planner-font); text-shadow:none; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-bubble-editing[data-chat-message-highlight] { outline:none; animation:message-jump-highlight-b-xyna7ibgah 1600ms ease-out; }
@keyframes message-jump-highlight-b-xyna7ibgah { 0%,20% { background-color:color-mix(in srgb,var(--accent) 24%,var(--surface)); } 100% { background-color:var(--surface); } }
@media(prefers-reduced-motion:reduce) { .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-bubble-editing[data-chat-message-highlight] { animation:none; background:color-mix(in srgb,var(--accent) 24%,var(--surface)); } }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-inline-edit-text { position:relative; display:grid; grid-template-columns:minmax(0,1fr); min-width:0; min-height:var(--chat-edit-content-height,1.55em); max-width:100%; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-inline-edit-measure { grid-area:1 / 1; visibility:hidden; min-width:0; min-height:1.55em; white-space:pre-wrap; overflow-wrap:anywhere; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-inline-edit-text .chat-message-edit { position:absolute; inset:0; box-sizing:border-box; width:100%; min-width:0; min-height:0; height:100%; max-height:none; margin:0; padding:0; resize:none; field-sizing:fixed; overflow:auto; background:transparent; color:inherit; border:0; border-radius:0; outline:0; box-shadow:none; font:inherit; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-inline-edit-text .chat-message-edit:focus-visible { outline:0; box-shadow:none; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-bubble-editing:has(:focus-visible) { box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent); }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-inline-edit-actions { display:flex; align-self:flex-end; align-items:center; gap:12px; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-inline-edit-actions button { min-width:0; min-height:28px; margin:0; padding:2px 0; border:0; border-radius:0; background:transparent; color:var(--ink-soft); box-shadow:none; font:500 .75rem/1.4 var(--planner-font); cursor:pointer; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-inline-edit-actions button:hover:where(:not([data-touch-input] *)):not(:disabled) { color:var(--hover-color); background:var(--hover-background); }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-inline-edit-actions button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-inline-edit-actions button:disabled { opacity:.4; cursor:default; }
@media (prefers-reduced-motion:no-preference) {
    .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-inline-edit-text { animation:chat-inline-edit-text-enter-b-xyna7ibgah 140ms ease-out; }
    .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-inline-edit-actions { animation:chat-inline-edit-actions-enter-b-xyna7ibgah 180ms ease-out; }
}
@keyframes chat-inline-edit-text-enter-b-xyna7ibgah { from { opacity:.65; } to { opacity:1; } }
@keyframes chat-inline-edit-actions-enter-b-xyna7ibgah { from { opacity:0; transform:translateY(3px); } to { opacity:1; transform:translateY(0); } }
@media(forced-colors:active) { .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-bubble.chat-bubble-editing { background:Canvas!important; border-color:CanvasText; color:CanvasText; } }
@media print { .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-bubble.chat-bubble-editing { background:transparent!important; color:#000; } }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; flex:1; padding:36px 24px; text-align:center; color:var(--ink-soft); }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-empty h3,.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-empty h4 { margin:4px 0 0; color:var(--ink); font-size:1rem; font-weight:600; letter-spacing:-.02em; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-empty p { max-width:340px; margin:0; font-size:.8125rem; line-height:1.65; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-empty svg { color:var(--accent-deep,var(--accent)); opacity:.7; }
.chat-older:disabled[b-xyna7ibgah] { cursor:default; }
.chat-older[b-xyna7ibgah] { align-self:center; flex:none; min-height:34px; margin:5px; padding:8px 14px; border:0; border-radius:var(--pill-radius); background:var(--pill-fill); color:var(--pill-ink); font:500 .72rem var(--planner-font,sans-serif); cursor:pointer; }
.chat-older:hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { background:var(--hover-background); color:var(--hover-color); }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose { display:flex; flex:none; flex-direction:column; gap:8px; padding:12px 26px 14px; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose-field { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:7px; border:0; border-radius:18px; background:color-mix(in srgb,var(--surface,#fffdf8) 92%,var(--ink,#262823)); box-shadow:none; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose-field .chat-attachment-trigger:is(:focus-visible,:has(:focus-visible)),.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose-field :is(.chat-emoji-button,.chat-send-button):focus-visible { box-shadow:0 0 0 2px var(--accent); }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose textarea { box-sizing:border-box; flex:1 1 0; min-width:0; width:0; height:auto; max-width:100%; min-height:42px; max-height:150px; margin:0; padding:10px 8px; resize:none; field-sizing:content; border:0; background:transparent; color:var(--ink); font:400 .85rem/1.55 var(--planner-font,sans-serif); }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose textarea::placeholder { color:var(--ink-soft); }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose textarea:focus-visible { outline:none; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose-hint { margin:0 7px; color:var(--ink-soft); font-size:.62rem; line-height:1.5; }
.chat-reply-status[b-xyna7ibgah] { margin:0; padding:8px 16px; color:var(--ink-soft); font-size:.85rem; line-height:1.5; }
.chat-icon-button[b-xyna7ibgah],.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-icon-button { display:grid; place-items:center; flex:none; width:42px; height:42px; padding:0; border:1px solid transparent; border-radius:11px; background:transparent; color:var(--ink-soft); cursor:pointer; }
.chat-icon-button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-expanded="true"])[b-xyna7ibgah],.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-icon-button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-expanded="true"]) { background:var(--hover-background); color:var(--hover-color); }
/* Match the calendar editor's icon-button feedback, including the rename reveal. */
:is(.chat-back,.chat-rename-button,.chat-window-actions > .chat-icon-button):focus-visible[b-xyna7ibgah] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }
/* Reuse the chat background control's soft hover and pressed feedback. */
:is(.chat-window-actions,.chat-conversation-head) .chat-icon-button:focus-visible:not(:disabled)[b-xyna7ibgah] { box-shadow:0 2px 8px color-mix(in srgb,var(--ink) 10%,transparent); }
:is(.chat-window-actions,.chat-conversation-head) .chat-icon-button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-expanded="true"])[b-xyna7ibgah] { background:var(--hover-background); color:var(--hover-color); }
:is(.chat-window-actions,.chat-conversation-head) .chat-icon-button:active:not(:disabled)[b-xyna7ibgah] { background:color-mix(in srgb,var(--ink) 14%,var(--surface)); color:var(--ink); box-shadow:inset 0 2px 5px color-mix(in srgb,var(--ink) 16%,transparent); }
@media (prefers-reduced-motion:no-preference) {
    :is(.chat-window-actions,.chat-conversation-head) .chat-icon-button[b-xyna7ibgah] { transition:var(--hover-transition),opacity 180ms ease,transform 140ms cubic-bezier(.22,1,.36,1); }
    :is(.chat-back,.chat-rename-button,.chat-window-actions > .chat-icon-button):active:not(:disabled)[b-xyna7ibgah] { transform:scale(.92); }
}
[data-chat-background-trigger]:focus-visible:not(:disabled)[b-xyna7ibgah] { box-shadow:0 2px 8px color-mix(in srgb,var(--ink) 10%,transparent); }
[data-chat-background-trigger]:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-expanded="true"])[b-xyna7ibgah] { background:var(--hover-background); color:var(--hover-color); }
[data-chat-background-trigger]:active:not(:disabled)[b-xyna7ibgah] { background:color-mix(in srgb,var(--ink) 14%,var(--surface)); color:var(--ink); box-shadow:inset 0 2px 5px color-mix(in srgb,var(--ink) 16%,transparent); }
@media (prefers-reduced-motion:no-preference) {
    [data-chat-background-trigger]:is(.chat-icon-button,.chat-action)[b-xyna7ibgah] { transition:var(--hover-transition); }
}
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui :is(.chat-emoji-button,.chat-send-button) { width:36px; height:36px; margin:0; border:0; border-radius:10px; font:inherit; transition:var(--hover-transition),transform 120ms ease; }
:is(.chat-emoji-button,.chat-send-button,.chat-new-group,.chat-appearance-trigger,[data-chat-background-trigger],.chat-header-invite,.chat-rename-button)[aria-expanded="true"][b-xyna7ibgah],.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui :is(.chat-emoji-button,.chat-send-button)[aria-expanded="true"] { border-color:var(--open-border); background:var(--open-background); color:var(--open-color); box-shadow:none; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui :is(.chat-emoji-button,.chat-send-button):hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-expanded="true"]) { background:var(--hover-background); color:var(--hover-color); }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui :is(.chat-emoji-button,.chat-send-button):active:not(:disabled) { background:color-mix(in srgb,var(--ink) 14%,transparent); color:var(--ink); transform:scale(.92); }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui :is(.chat-emoji-button,.chat-send-button):disabled { opacity:.35; }
.chat-roster-action[b-xyna7ibgah] { white-space:nowrap; display:inline-flex; justify-content:center; gap:5px; width:auto; height:36px; padding:0 10px; border-color:var(--line); background:var(--surface); color:var(--ink); border-radius:10px; font:500 .7rem/1.4 var(--planner-font,sans-serif); }
.chat-back[b-xyna7ibgah] { display:none; }
.chat-action[b-xyna7ibgah] { display:inline-flex; align-items:center; justify-content:center; flex:none; gap:7px; min-height:42px; padding:9px 16px; border:0; border-radius:var(--pill-radius); background:var(--pill-fill); color:var(--pill-ink); font:600 .78rem/1.4 var(--planner-font,sans-serif); cursor:pointer; transition:var(--hover-transition),opacity 160ms ease; }
.chat-action:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-expanded="true"])[b-xyna7ibgah] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
.chat-action-primary[b-xyna7ibgah] { background:var(--pill-fill); color:var(--pill-ink); }
.chat-action-primary:hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { background:var(--hover-background); border-color:var(--hover-border); color:var(--hover-color); }
.chat-action-danger[b-xyna7ibgah] { background:var(--pill-fill); color:var(--pill-ink); }
.chat-action.chat-action-danger:hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { color:var(--danger,#a33a34); }
.calendar-chat-dialog button:disabled[b-xyna7ibgah] { cursor:default; }
.chat-action:disabled[b-xyna7ibgah],.chat-roster-action:disabled[b-xyna7ibgah],.chat-group-text-button:disabled[b-xyna7ibgah] { opacity:.4; }
.chat-error[b-xyna7ibgah] { display:flex; align-items:center; flex:none; justify-content:space-between; gap:12px; padding:12px 24px; background:color-mix(in srgb,var(--danger,#a33a34) 7%,var(--surface)); color:var(--danger,#a33a34); font-size:.78rem; }
.chat-error button[b-xyna7ibgah] { flex:none; min-height:36px; border:0; background:transparent; color:inherit; font:600 .78rem var(--planner-font,sans-serif); text-decoration:underline; }
.chat-roster-error[b-xyna7ibgah] { flex-wrap:wrap; padding:10px; border-radius:10px; }
.chat-create-view[b-xyna7ibgah] { flex:1; min-height:0; overflow:auto; display:grid; align-items:center; padding:36px; }
.chat-group-create[b-xyna7ibgah] { display:grid; width:min(100%,400px); justify-self:center; gap:10px; padding:0; }
.chat-create-icon[b-xyna7ibgah] { display:grid; place-items:center; width:56px; height:56px; margin-bottom:12px; border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line)); border-radius:18px; background:color-mix(in srgb,var(--accent-soft) 50%,var(--surface)); color:var(--accent-deep,var(--accent)); }
.chat-group-create h3[b-xyna7ibgah] { margin:0; color:var(--ink); font-size:1.35rem; line-height:1.4; letter-spacing:-.03em; font-weight:650; }
.chat-view-description[b-xyna7ibgah] { margin:5px 0 22px; color:var(--ink-soft); font-size:.8125rem; line-height:1.65; max-width:34rem; }
.chat-group-create label[b-xyna7ibgah],.chat-group-invite-form > label[b-xyna7ibgah] { color:var(--ink); font-size:.8rem; font-weight:500; }
.chat-group-create input[b-xyna7ibgah],.chat-group-invite-form > input[b-xyna7ibgah] { box-sizing:border-box; width:100%; min-width:0; min-height:46px; padding:10px 13px; border:1px solid var(--line); border-radius:10px; background:var(--chat-fill); color:var(--ink); font:400 .9rem/1.5 var(--planner-font,sans-serif); }
.chat-group-form-actions[b-xyna7ibgah] { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; align-items:center; margin-top:14px; }
.chat-group-tools[b-xyna7ibgah] { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; padding:28px 32px; }
.chat-group-tools-content[b-xyna7ibgah] { width:min(100%,510px); margin-inline:auto; }
.chat-group-tools-content > header[b-xyna7ibgah] { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.chat-group-tools h4[b-xyna7ibgah] { margin:0; font-size:1.08rem; line-height:1.4; letter-spacing:-.025em; font-weight:650; }
.chat-group-tools-content > .chat-view-description[b-xyna7ibgah] { margin:0 40px 22px 0; }
.chat-group-invite-modes[b-xyna7ibgah] { display:flex; gap:4px; padding:4px; margin-bottom:22px; border:1px solid color-mix(in srgb,var(--line) 80%,transparent); border-radius:12px; background:var(--chat-fill); }
.chat-group-invite-modes button[b-xyna7ibgah] { flex:1; }
.chat-group-text-button[b-xyna7ibgah] { min-height:36px; padding:7px 12px; border:1px solid transparent; border-radius:9px; background:transparent; color:var(--ink-soft); font:500 .78rem/1.4 var(--planner-font,sans-serif); cursor:pointer; }
.chat-group-text-button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { color:var(--hover-color); background:var(--hover-background); }
.chat-group-invite-modes button[aria-pressed="true"][b-xyna7ibgah] { color:var(--ink); background:var(--surface); border-color:var(--line); box-shadow:0 1px 3px rgb(24 22 18 / .05); }
.chat-group-invite-form[b-xyna7ibgah] { display:grid; gap:10px; }
.chat-group-rename-form[b-xyna7ibgah] { display:grid; gap:10px; margin-top:24px; }
.chat-group-rename-form > label[b-xyna7ibgah] { color:var(--ink); font-size:.8rem; font-weight:500; }
.chat-group-rename-form > input[b-xyna7ibgah] { box-sizing:border-box; width:100%; min-width:0; min-height:46px; padding:10px 13px; border:1px solid var(--line); border-radius:10px; background:var(--chat-fill); color:var(--ink); font:400 .9rem/1.5 var(--planner-font,sans-serif); }
.chat-group-friends[b-xyna7ibgah] { box-sizing:border-box; display:grid; gap:4px; width:100%; min-width:0; max-height:170px; margin:0; padding:0; overflow-y:auto; overscroll-behavior:contain; border:0; }
.chat-person-choice[b-xyna7ibgah] { box-sizing:border-box; display:grid; grid-template-columns:16px 24px minmax(0,1fr); gap:8px; align-items:center; min-height:var(--popup-readable-field,48px); padding:8px 10px; border:1px solid var(--line,#dcd8ce); border-radius:8px; background:var(--surface,#fffdf8); cursor:pointer; transition:var(--hover-transition),transform 140ms ease; }
.chat-person-choice:has(input:checked)[b-xyna7ibgah] { border-color:color-mix(in srgb,var(--accent,#c76345) 65%,var(--line,#dcd8ce)); background:color-mix(in srgb,var(--accent,#c76345) 13%,var(--surface,#fffdf8)); }
.chat-person-choice:hover:where(:not([data-touch-input] *)):not(:has(input:disabled))[b-xyna7ibgah] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
.chat-person-choice:active:not(:has(input:disabled))[b-xyna7ibgah] { background:color-mix(in srgb,var(--accent,#c76345) 22%,var(--surface,#fffdf8)); box-shadow:inset 0 1px 3px color-mix(in srgb,var(--ink,#262823) 14%,transparent); transform:scale(.985); }
.chat-person-choice:has(input:focus-visible)[b-xyna7ibgah] { outline:2px solid var(--focus,#225ecc); outline-offset:-2px; }
.chat-group-friends:disabled .chat-person-choice[b-xyna7ibgah] { opacity:.6; cursor:default; }
.chat-person-choice input[b-xyna7ibgah] { width:16px; height:16px; margin:0; accent-color:var(--accent,#c76345); }
.chat-person-avatar[b-xyna7ibgah] { width:24px; height:24px; }
.chat-person-avatar[b-xyna7ibgah]  .conversation-avatar-picture,.chat-person-avatar[b-xyna7ibgah]  .conversation-avatar-fallback { font-size:.6875rem; }
.chat-person-name[b-xyna7ibgah] { display:flex; min-width:0; align-items:baseline; flex-wrap:wrap; gap:2px 7px; }
.chat-person-name strong[b-xyna7ibgah] { overflow-wrap:anywhere; color:var(--ink,#262823); font-size:.8125rem; font-weight:500; line-height:1.3; }
.chat-person-name small[b-xyna7ibgah] { color:var(--ink-soft,#66685f); font-size:.6875rem; line-height:1.3; }
.chat-invite-footer[b-xyna7ibgah] { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px; margin-top:16px; padding-top:20px; border-top:1px solid var(--line); }
.chat-group-members[b-xyna7ibgah] { display:grid; gap:6px; margin:14px 0 22px; padding:0; list-style:none; }
.chat-group-members li[b-xyna7ibgah] { display:flex; align-items:center; gap:12px; min-height:54px; padding:7px 10px; border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent); font-size:.85rem; overflow-wrap:anywhere; }
.chat-leave-button[b-xyna7ibgah] { color:var(--danger,#a33a34); }
.chat-leave-confirmation[b-xyna7ibgah] { display:grid; grid-template-rows:0fr; opacity:0; visibility:hidden; transition:grid-template-rows 180ms cubic-bezier(.22,.8,.25,1),opacity 180ms ease,visibility 0s 180ms; }
.chat-leave-confirmation[data-open="true"][b-xyna7ibgah] { grid-template-rows:1fr; opacity:1; visibility:visible; transition-delay:0s; }
.chat-leave-confirmation-content[b-xyna7ibgah] { min-height:0; overflow:hidden; }
@media (prefers-reduced-motion:no-preference) { .chat-leave-button:not([hidden])[b-xyna7ibgah] { animation:chat-leave-return-b-xyna7ibgah 180ms ease both; } }
@keyframes chat-leave-return-b-xyna7ibgah { from { opacity:0; } to { opacity:1; } }
@media (prefers-reduced-motion:reduce) { .chat-leave-confirmation[b-xyna7ibgah] { transition:none; } }
.chat-group-text-button.chat-leave-button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { color:var(--danger,#a33a34); }
.chat-group-error[b-xyna7ibgah],.chat-group-status[b-xyna7ibgah] { margin:6px 0; font-size:.8rem; line-height:1.6; }
.chat-group-error[b-xyna7ibgah] { color:var(--danger,#a33a34); }
.chat-group-status[b-xyna7ibgah] { padding:11px 14px; border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line)); border-radius:10px; background:color-mix(in srgb,var(--accent-soft) 35%,var(--surface)); color:var(--ink); }
.chat-group-create input:focus-visible[b-xyna7ibgah],.chat-group-invite-form > input:focus-visible[b-xyna7ibgah] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }
.chat-send-error[b-xyna7ibgah] { margin:0; color:var(--danger,#a33a34); font-size:.8rem; line-height:1.5; }
.chat-new-messages[b-xyna7ibgah] { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:8px; min-height:34px; padding:9px 14px; border:0; border-radius:var(--pill-radius); background:var(--pill-fill); color:var(--pill-ink); box-shadow:none; font:500 .75rem var(--planner-font,sans-serif); white-space:nowrap; }
.chat-new-messages:hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { background:var(--hover-background); color:var(--hover-color); }
.chat-task-conversation[b-xyna7ibgah] { flex:1; min-height:0; min-width:0; display:flex; flex-direction:column; }
.calendar-chat-dialog[b-xyna7ibgah]  :is(button,input,select):focus-visible { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }
.calendar-chat-dialog[b-xyna7ibgah]  [tabindex="-1"]:focus { outline:none; }
.calendar-chat-dialog[b-xyna7ibgah]  .sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media (max-width:800px) and (min-width:701px) { .calendar-chat-layout[b-xyna7ibgah] { grid-template-columns:240px minmax(0,1fr); } .chat-conversation-head[b-xyna7ibgah] { padding-inline:18px; } .chat-group-tools[b-xyna7ibgah] { padding:22px; } .chat-header-invite[b-xyna7ibgah] { width:42px; padding:0; } .chat-header-invite > span[b-xyna7ibgah] { display:none; } }
@media (max-width:700px) {
    .calendar-chat-overlay[b-xyna7ibgah] { --chat-backdrop:rgba(12,13,10,.52); padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left)); }
    .calendar-chat-dialog[b-xyna7ibgah] { width:100%; height:min(var(--chat-phone-height,780px),calc(100dvh - max(10px,env(safe-area-inset-top)) - max(10px,env(safe-area-inset-bottom)))); min-height:0; max-height:100%; border-radius:20px; box-shadow:0 12px 32px rgb(0 0 0 / .3); }
    .calendar-chat-top[b-xyna7ibgah] { min-height:52px; padding:4px 8px 4px 14px; }
    .calendar-chat-top h2[b-xyna7ibgah] { font-size:1rem; }
    .calendar-chat-layout[b-xyna7ibgah] { display:block; overflow:hidden; }
    .chat-roster[b-xyna7ibgah] { box-sizing:border-box; height:100%; border-right:0; }
    .chat-roster-heading[b-xyna7ibgah] { padding:12px 14px 6px; }
    .chat-roster-action[b-xyna7ibgah] { height:42px; font-size:.75rem; }
    .chat-thread-list[b-xyna7ibgah] { padding:0 8px 12px; }
    .chat-thread-copy strong[b-xyna7ibgah] { font-size:.9rem; }
    .chat-conversation[b-xyna7ibgah] { height:100%; display:none; }
    .is-thread-open .chat-roster[b-xyna7ibgah] { display:none; }
    .is-thread-open .chat-conversation[b-xyna7ibgah] { display:flex; }
    .chat-back[b-xyna7ibgah] { display:grid; width:36px; }
    .chat-conversation-head[b-xyna7ibgah] { gap:8px; min-height:56px; padding:6px 12px 6px 4px; }
    .chat-header-icon[b-xyna7ibgah] { width:40px; height:40px; }
    .chat-conversation-head h3[b-xyna7ibgah] { font-size:.92rem; }
    .chat-header-meta[b-xyna7ibgah] { gap:3px 8px; font-size:.66rem; }
    .chat-header-invite[b-xyna7ibgah] { width:40px; min-height:40px; padding:0; border-radius:12px; }
    .chat-header-invite > span[b-xyna7ibgah] { display:none; }
    .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-log { padding:16px 14px; }
    .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose { padding:10px 12px; }
    .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose textarea { font-size:1rem; }
    .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose-hint { font-size:.6rem; }
    .chat-group-tools[b-xyna7ibgah] { padding:20px; }
    .chat-create-view[b-xyna7ibgah] { padding:28px 24px; align-items:start; }
    .chat-create-icon[b-xyna7ibgah] { margin-top:12px; }
    .chat-group-tools-content > .chat-view-description[b-xyna7ibgah] { margin-right:0; }
    .chat-invite-footer[b-xyna7ibgah] { gap:8px; }
}
@media (min-width:1001px) {
    .calendar-chat-top[b-xyna7ibgah] { cursor:pointer; }
    .chat-dock-toggle[b-xyna7ibgah] { display:grid!important; }
    .calendar-chat-overlay.is-docked[b-xyna7ibgah] { z-index:100; padding:0; background:transparent; pointer-events:none; }
    .is-docked .calendar-chat-dialog[b-xyna7ibgah] { position:absolute; right:16px; bottom:16px; width:390px; max-width:calc(100vw - 32px); height:min(640px,calc(100dvh - 32px)); pointer-events:auto; border-radius:18px; box-shadow:0 12px 48px rgb(0 0 0 / .25); }
    .is-docked .calendar-chat-dialog[data-chat-window-side="left"][b-xyna7ibgah] { left:16px; right:auto; }
    .is-docked .calendar-chat-top[b-xyna7ibgah] { min-height:48px; padding:2px 8px 2px 14px; }
    .is-docked .calendar-chat-top h2[b-xyna7ibgah] { font-size:1rem; }
    .is-docked .calendar-chat-layout[b-xyna7ibgah] { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); overflow:hidden; }
    .is-docked .chat-roster[b-xyna7ibgah] { box-sizing:border-box; height:100%; border-right:0; }
    .is-docked .chat-conversation[b-xyna7ibgah] { height:100%; display:none; overflow:hidden; }
    .is-docked .is-thread-open .chat-roster[b-xyna7ibgah] { display:none; }
    .is-docked .is-thread-open .chat-conversation[b-xyna7ibgah] { display:flex; }
    .is-docked .chat-back[b-xyna7ibgah] { display:grid; width:32px; }
    .is-docked .chat-conversation-head[b-xyna7ibgah] { gap:8px; min-height:56px; padding:6px 12px 6px 4px; }
    .is-docked .chat-conversation-head h3[b-xyna7ibgah] { font-size:.9rem; }
    .is-docked .chat-header-icon[b-xyna7ibgah] { width:40px; height:40px; }
    .is-docked .chat-header-meta[b-xyna7ibgah] { gap:3px 6px; font-size:.65rem; }
    .is-docked .chat-header-invite[b-xyna7ibgah] { width:34px; min-height:34px; padding:0; }
    .is-docked .chat-header-invite > span[b-xyna7ibgah] { display:none; }
    .is-docked .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-log { padding:16px 14px; }
    .is-docked .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose { padding:10px 12px 12px; }
    .is-docked .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose textarea { flex:1 1 120px; min-width:80px; padding-inline:5px; }
    .is-docked .chat-group-tools[b-xyna7ibgah],.is-docked .chat-create-view[b-xyna7ibgah] { padding:20px 18px; }
    .is-docked .chat-group-tools-content > .chat-view-description[b-xyna7ibgah] { margin-right:0; }
    .is-docked .chat-group-create h3[b-xyna7ibgah] { font-size:1.1rem; }
    .is-docked .chat-invite-footer[b-xyna7ibgah] { gap:8px; }
    .is-docked .chat-error[b-xyna7ibgah] { padding:10px 14px; }

    .is-collapsed .calendar-chat-dialog[b-xyna7ibgah] { width:280px; height:auto; grid-template-rows:auto; border-radius:14px; }
    .is-collapsed .calendar-chat-top[b-xyna7ibgah] { border-bottom:0; }
}
@media (prefers-reduced-motion:reduce) { .calendar-chat-dialog[data-chat-window-drag][b-xyna7ibgah],.chat-thread[b-xyna7ibgah],.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose-field,.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui :is(.chat-emoji-button,.chat-send-button),.chat-action[b-xyna7ibgah],.chat-person-choice[b-xyna7ibgah] { transition:none; } .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui :is(.chat-emoji-button,.chat-send-button):active:not(:disabled) { transform:none; } }
@media (prefers-reduced-motion:reduce) { .chat-profile-button[b-xyna7ibgah],.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-profile-button { transition:none; } }
@media (forced-colors:active) { .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose-field { background:Field; border:1px solid FieldText; } .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-compose-field:has(:focus-visible) { border-color:Highlight; } }
@media (forced-colors:active) { .chat-thread.is-selected[b-xyna7ibgah] { background:Highlight; color:HighlightText; border-color:Highlight; } .chat-person-choice:has(input:checked)[b-xyna7ibgah] { outline:1px solid Highlight; outline-offset:-1px; } .chat-action[b-xyna7ibgah],.chat-avatar[b-xyna7ibgah],.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-message-avatar,.chat-thread-icon[b-xyna7ibgah] { border:1px solid ButtonText; } .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-bubble,.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-bubble.has-message-style { background:Canvas; color:CanvasText; border-color:CanvasText; box-shadow:none; } }
@media (prefers-reduced-motion:reduce) { .chat-person-choice:active:not(:has(input:disabled))[b-xyna7ibgah] { transform:none; } }

/* The appearance picker previews the sender's message bubble. */
.calendar-chat-dialog[b-xyna7ibgah] { position:relative; --task-theme-ink:var(--ink); }
.calendar-chat-top[b-xyna7ibgah],.calendar-chat-body[b-xyna7ibgah] { position:relative; }
.chat-roster-heading[b-xyna7ibgah] { gap:4px; flex-wrap:nowrap; }
.chat-roster-heading h3[b-xyna7ibgah] { flex:1; min-width:0; }
.chat-roster-heading .chat-roster-action[b-xyna7ibgah] { position:relative; flex:0 0 32px; align-items:center; width:32px; min-width:0; min-height:36px; height:36px; padding:0; }
.chat-roster-heading .chat-roster-action[b-xyna7ibgah]  > svg { flex:none; width:18px; height:18px; }
.chat-roster-premium-lock[b-xyna7ibgah] { position:absolute; inset-block-start:5px; inset-inline-end:5px; display:grid; place-items:center; width:12px; height:12px; color:var(--ink-soft); }
.chat-appearance-editor[b-xyna7ibgah] { position:absolute; z-index:12; top:8px; inset-inline-start:8px; box-sizing:border-box; width:min(420px,calc(100% - 16px)); max-height:calc(100% - 16px); overflow:auto; overscroll-behavior:contain; padding:16px; border:1px solid var(--line); border-radius:14px; background:var(--surface); color:var(--ink); box-shadow:0 12px 32px rgb(0 0 0 / .2); }
.chat-appearance-editor > header[b-xyna7ibgah] { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.chat-appearance-editor h3[b-xyna7ibgah] { margin:0; font-size:1rem; line-height:1.4; }
.chat-appearance-editor > p[b-xyna7ibgah] { margin:8px 0 14px; color:var(--ink-soft); font-size:.8rem; line-height:1.5; }
.chat-appearance-editor > [data-chat-appearance-reset][b-xyna7ibgah] { margin-top:16px; }
.chat-style-preview[b-xyna7ibgah] { position:relative; isolation:isolate; display:grid; place-items:center; box-sizing:border-box; padding:8px; overflow:hidden; }
.chat-background-conversation[b-xyna7ibgah] { position:relative; display:flex; flex-direction:column-reverse; min-width:0; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.chat-background-preview-log[b-xyna7ibgah] { display:flex; flex:none; flex-direction:column; gap:6px; min-width:0; padding:16px 12px; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-background-conversation .chat-bubble { position:relative; isolation:isolate; overflow:hidden; }
.calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-background-conversation .chat-bubble p { position:relative; }
@media (forced-colors:active), print { .calendar-chat-dialog[b-xyna7ibgah]  .chat-ui .chat-bubble.task-card-finish--blush p { text-shadow:none; } }
body:has(.forever-board:is(.is-expanded,[data-board-animating])) .calendar-chat-overlay[b-xyna7ibgah] { z-index:200; }
.chat-message-resolved[b-xyna7ibgah] { display:inline-flex; align-items:center; gap:4px; color:var(--ink-soft); font-size:.75rem; }
.chat-thread[data-conversation-notifications][b-xyna7ibgah] { -webkit-touch-callout:none; user-select:none; -webkit-user-select:none; touch-action:pan-y pinch-zoom; }
.chat-thread-hidden-label[b-xyna7ibgah] { justify-self:start; padding:0 5px; border:1px solid var(--line); border-radius:4px; color:var(--ink-soft); font-size:.68rem; line-height:1.4; }
.chat-thread.is-selected .chat-thread-hidden-label[b-xyna7ibgah] { color:inherit; border-color:currentColor; }
.chat-thread[data-conversation-holding][b-xyna7ibgah] { background:color-mix(in srgb,var(--accent) 12%,transparent); }
.chat-conversation-menu[b-xyna7ibgah] { position:fixed; inset:auto; margin:0; width:max-content; min-width:208px; max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); box-sizing:border-box; overflow:auto; overscroll-behavior:contain; padding:5px; border:1px solid var(--line,#deddd5); border-radius:12px; background:var(--surface,#fffdf8); color:var(--ink,#262823); box-shadow:0 16px 44px rgb(30 27 20 / 14%),0 3px 10px rgb(30 27 20 / 7%); font-family:var(--planner-font,var(--yako-font,inherit)); font-size:13px; line-height:1.4; text-align:start; user-select:none; touch-action:pan-y; cursor:default; }
.chat-conversation-submenu[b-xyna7ibgah] { width:320px; font:inherit; }
.chat-conversation-menu button[b-xyna7ibgah] { display:flex; align-items:center; gap:10px; box-sizing:border-box; width:100%; min-height:34px; margin:0; padding:7px 9px; border:0; border-radius:7px; background:transparent; color:inherit; font:inherit; text-align:inherit; cursor:pointer; touch-action:manipulation; transition:var(--hover-transition); }
.chat-conversation-menu button[role=menuitem] span[b-xyna7ibgah] { flex:1; min-width:0; overflow-wrap:anywhere; }
.chat-conversation-menu button:disabled[b-xyna7ibgah] { opacity:.4; cursor:default; }
.chat-conversation-menu button:focus:not(:disabled)[b-xyna7ibgah] { background:color-mix(in srgb,var(--ink,#262823) 7%,transparent); outline:none; }
.chat-conversation-menu button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { background:var(--hover-background); outline:none; color:var(--hover-color); }
.chat-conversation-menu button.chat-delete-menu[b-xyna7ibgah],
.chat-conversation-menu button.chat-delete-menu:hover:where(:not([data-touch-input] *)):not(:disabled)[b-xyna7ibgah] { color:var(--danger,#a33a34); }
.chat-conversation-menu button:focus-visible:not(:disabled)[b-xyna7ibgah] { outline:2px solid var(--focus,var(--accent,#cb775b)); outline-offset:-2px; }
.chat-conversation-menu input:focus-visible[b-xyna7ibgah] { outline:2px solid var(--focus,var(--accent,#cb775b)); outline-offset:2px; }
.chat-conversation-menu-separator[b-xyna7ibgah] { height:1px; margin:4px 7px; background:var(--line,#deddd5); }
.chat-conversation-menu header[b-xyna7ibgah] { display:flex; align-items:center; gap:12px; padding:2px 5px 2px 10px; }
.chat-conversation-menu h3[b-xyna7ibgah] { flex:1; margin:0; font-size:1rem; }
.chat-conversation-menu .chat-notification-close[b-xyna7ibgah] { flex:none; width:36px; min-height:36px; justify-content:center; padding:6px; }
.chat-conversation-menu fieldset[b-xyna7ibgah] { min-width:0; margin:0; padding:0; border:0; }
.chat-conversation-menu .chat-notification-modes[b-xyna7ibgah] { margin:7px; max-width:calc(100% - 14px); --segment-inline-padding:8px; }
.chat-conversation-menu .chat-notification-modes > button[b-xyna7ibgah] { width:auto; }
.chat-conversation-menu .chat-notification-option[b-xyna7ibgah] { position:relative; min-height:44px; font-size:.9rem; }
.chat-conversation-menu .chat-notification-option input[b-xyna7ibgah] { position:absolute; width:1px; height:1px; min-height:0; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); opacity:0; outline:none; pointer-events:none; }
.chat-notification-option:has(input:focus-visible)[b-xyna7ibgah] { outline:2px solid var(--focus,var(--accent,#cb775b)); outline-offset:-2px; background:color-mix(in srgb,var(--ink,#262823) 7%,transparent); }
.chat-notification-option:has(input:disabled)[b-xyna7ibgah] { pointer-events:none; cursor:default; }
.chat-notification-global-help[b-xyna7ibgah] { margin:.5rem .75rem; max-width:28ch; color:var(--ink-soft,#66685f); font-size:.8125rem; line-height:1.5; }
.chat-notification-option .forever-canvas-menu-check path[b-xyna7ibgah] { stroke-dashoffset:1; opacity:0; transition:stroke-dashoffset 160ms cubic-bezier(.2,.7,.2,1),opacity 160ms cubic-bezier(.2,.7,.2,1); }
.chat-notification-option:has(input:checked) .forever-canvas-menu-check path[b-xyna7ibgah] { stroke-dashoffset:0; opacity:1; }
.chat-conversation-menu fieldset:disabled[b-xyna7ibgah] { opacity:.6; }
.chat-notification-visually-hidden[b-xyna7ibgah] { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (pointer:coarse) { .chat-conversation-menu button[role=menuitem][b-xyna7ibgah] { min-height:42px; padding-block:10px; } }
@media (hover:none), (max-width:700px) { .chat-conversation-submenu button[b-xyna7ibgah],.chat-conversation-menu label[b-xyna7ibgah] { min-height:46px; } }
@media (prefers-reduced-motion:reduce) { .chat-conversation-menu button[b-xyna7ibgah],.chat-notification-option .forever-canvas-menu-check path[b-xyna7ibgah] { transition:none; } }
@media (forced-colors:active) { .chat-conversation-menu[b-xyna7ibgah] { border-color:ButtonText; background:Canvas; color:CanvasText; } }
/* _content/YakoPlan.UI/Components/CalendarFilterMenu.razor.rz.scp.css */
.calendar-filter[b-mbz18784jj] { --calendar-choice-surrounding-ink:var(--ink,#262823); }
.calendar-filter-display-controls[b-mbz18784jj] {
    display: none;
}

.calendar-filter[data-menu-closing="true"] .calendar-filter-menu[b-mbz18784jj] {
    pointer-events: none;
}

@media (max-width:800px) {
    .calendar-filter-display-controls[b-mbz18784jj] {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 2px;
        margin-bottom: 4px;
        padding-bottom: 4px;
        border-bottom: 1px solid var(--line,#dcd8ce);
    }

    .calendar-filter-display-control[b-mbz18784jj] {
        display: flex;
        align-items: center;
        min-width: 0;
        min-height: 40px;
        gap: 5px;
        padding: 3px 5px;
        border-radius: 7px;
        color: var(--ink,#262823);
        font: 400 .75rem/1.25 var(--planner-font);
        cursor: pointer;
        transition:var(--hover-transition);
    }

    .calendar-filter-display-control > span[b-mbz18784jj] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .calendar-filter-display-control:hover:where(:not([data-touch-input] *))[b-mbz18784jj] { background:var(--hover-background); color:var(--hover-color); }
}

.calendar-filter-group[b-mbz18784jj] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.calendar-filter-group-options[b-mbz18784jj] {
    --calendar-choice-surrounding-ink:var(--ink,#262823);
    display: grid;
    gap: 2px;
    min-width: 0;
}

.calendar-filter-row[b-mbz18784jj] {
    position: relative;
    display: flex;
    align-items: stretch;
    min-width: 0;
    border: 1px solid var(--line,#dcd8ce);
    border-radius: 10px;
    transition: var(--hover-transition);
}

.calendar-filter-row[data-calendar-reorderable="true"] > .calendar-filter-option[b-mbz18784jj] {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.calendar-filter-drag-handle:not(:focus-visible)[b-mbz18784jj] {
    position: absolute;
    width: 1px;
    min-width: 0;
    height: 1px;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.calendar-filter-drag-handle:focus-visible[b-mbz18784jj] {
    position: absolute;
    inset: 2px auto 2px 2px;
    z-index: 1;
    max-width: calc(100% - 4px);
    padding: 0 8px;
    border: 0;
    border-radius: 8px;
    background: var(--paper,#fffdf8);
    color: var(--ink,#262823);
    font: inherit;
    font-size: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: var(--hover-transition);
}

.calendar-filter[data-calendar-drag-active][b-mbz18784jj],
.calendar-filter[data-calendar-drag-active] :is(.calendar-filter-row,.calendar-filter-option,.calendar-filter-drag-handle)[b-mbz18784jj] {
    cursor: grabbing;
}

.calendar-filter-row[data-calendar-touch-hold] > .calendar-filter-option[b-mbz18784jj] {
    background: var(--open-background);
    color: var(--open-color);
}

.calendar-filter-row:not(.calendar-card-surface):where(:has(> .calendar-filter-option[aria-pressed="true"]))[b-mbz18784jj] {
    background: var(--accent-soft, #f1d9cf);
}

.calendar-filter-row > .calendar-filter-option[aria-pressed="true"][b-mbz18784jj] {
    background: transparent;
}

.calendar-filter-row.calendar-card-surface:has(> .calendar-filter-option[aria-pressed="true"])[b-mbz18784jj] {
    outline: 2px solid var(--planner-action-fill, var(--accent, #c76345));
    outline-offset: -2px;
}
.calendar-filter-row.calendar-card-surface > .calendar-filter-option[b-mbz18784jj] {
    background: transparent;
    color: var(--ink, #262823);
}
.calendar-filter-row.calendar-card-surface > .calendar-filter-option:hover:where(:not([data-touch-input] *))[b-mbz18784jj] {
    background: var(--hover-background);
    color: var(--hover-color);
}

.calendar-filter-trigger.calendar-card-surface[b-mbz18784jj] {
    --dropdown-background: transparent;
    --dropdown-color: var(--task-color-ink, var(--task-theme-ink, #262823));
}
.calendar-filter-trigger.calendar-card-surface[b-mbz18784jj]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: transparent;
    pointer-events: none;
    transition: var(--hover-transition);
}
.calendar-filter-trigger.calendar-card-surface:hover:where(:not([data-touch-input] *)):not(:disabled)[b-mbz18784jj]::after { background: var(--hover-background); }
.calendar-filter-trigger.calendar-card-surface[aria-expanded="true"][b-mbz18784jj]::after { background: var(--open-background); }
.calendar-filter-trigger.calendar-card-surface.task-card-finish--glow[b-mbz18784jj] { box-shadow: var(--task-glow-shadow) !important; }

.calendar-filter-menu .calendar-filter-options > .calendar-filter-option:hover:where(:not([data-touch-input] *))[b-mbz18784jj] {
    background: var(--hover-background);
    color: var(--hover-color);
}

.calendar-filter-row .calendar-filter-option[b-mbz18784jj] {
    flex: 1;
    min-width: 0;
    padding-inline-end: 6px;
}

.calendar-filter-edit[b-mbz18784jj],
.calendar-filter-share[b-mbz18784jj] {
    display: grid;
    place-items: center;
    flex: 0 0 28px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--ink-soft, #66685f);
    cursor: pointer;
    transition: var(--hover-transition);
}

@media (pointer: coarse) {
    .calendar-filter-edit[b-mbz18784jj],
    .calendar-filter-share[b-mbz18784jj] {
        flex-basis: 40px;
    }
}

.calendar-filter-edit:focus-visible[b-mbz18784jj], .calendar-filter-share:focus-visible[b-mbz18784jj] {
    background: color-mix(in srgb, var(--ink, #262823) 8%, transparent);
    color: var(--ink, #262823);
}
.calendar-filter-edit:hover:where(:not([data-touch-input] *))[b-mbz18784jj], .calendar-filter-share:hover:where(:not([data-touch-input] *))[b-mbz18784jj] { background:var(--hover-background); color:var(--hover-color); }

.calendar-filter-group-title[b-mbz18784jj] {
    margin: 9px 10px 3px;
    padding-top: 10px;
    border-top: 1px solid var(--line, #dcd8ce);
    color: var(--ink, #262823);
    font: 600 .78rem/1.4 var(--planner-font);
}

.calendar-filter-source[b-mbz18784jj] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 0;
    color: var(--ink-soft, #66685f);
    font-size: .72rem;
    line-height: 1.4;
}

.calendar-filter-description[b-mbz18784jj] {
    padding-left: 24px;
    color: var(--ink-soft, #66685f);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.4;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.calendar-filter-option[aria-pressed="true"] .calendar-filter-source[b-mbz18784jj] {
    color: var(--ink, #262823);
}
@media (forced-colors: active) {
    .calendar-filter-row.calendar-card-surface:has(> .calendar-filter-option[aria-pressed="true"])[b-mbz18784jj] { outline-color: Highlight; }
    .calendar-filter-trigger.calendar-card-surface.task-card-finish--glow[b-mbz18784jj] { box-shadow: none !important; }
}
@media (prefers-reduced-motion: reduce) {
    .calendar-filter-trigger.calendar-card-surface[b-mbz18784jj]::after { transition: none; }
}
/* _content/YakoPlan.UI/Components/CalendarFriendPicker.razor.rz.scp.css */
.calendar-friend-picker[b-u9lhun0a90] { min-width:0; }
.calendar-friend-list[b-u9lhun0a90] { display:grid; gap:4px; max-height:170px; margin:0; padding:0; overflow-y:auto; overscroll-behavior:contain; list-style:none; }
.calendar-friend-row[b-u9lhun0a90] { box-sizing:border-box; display:grid; grid-template-columns:16px 24px minmax(0,1fr); gap:8px; align-items:center; min-height:var(--popup-readable-field,44px); padding:8px 10px; border:1px solid var(--line,#dcd8ce); border-radius:8px; background:var(--surface,#fffdf8); cursor:pointer; transition:var(--hover-transition),transform 140ms ease; }
.calendar-friend-row:has(input:checked)[b-u9lhun0a90] { border-color:color-mix(in srgb,var(--accent,#c76345) 65%,var(--line,#dcd8ce)); background:color-mix(in srgb,var(--accent,#c76345) 13%,var(--surface,#fffdf8)); }
.calendar-friend-row:hover:where(:not([data-touch-input] *)):not(:has(input:disabled))[b-u9lhun0a90] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
.calendar-friend-row:active:not(:has(input:disabled))[b-u9lhun0a90] { background:color-mix(in srgb,var(--accent,#c76345) 22%,var(--surface,#fffdf8)); box-shadow:inset 0 1px 3px color-mix(in srgb,var(--ink,#262823) 14%,transparent); transform:scale(.985); }
.calendar-friend-row:has(input:focus-visible)[b-u9lhun0a90] { outline:2px solid var(--focus,#225ecc); outline-offset:-2px; }
.calendar-friend-row:has(input:disabled)[b-u9lhun0a90] { cursor:default; opacity:.6; }
.calendar-friend-row input[b-u9lhun0a90] { width:16px; height:16px; margin:0; accent-color:var(--accent,#c76345); }
.calendar-friend-avatar[b-u9lhun0a90] { width:24px; height:24px; font-size:.6875rem; }
.calendar-friend-avatar img[b-u9lhun0a90] { width:100%; height:100%; object-fit:cover; }
.calendar-friend-copy[b-u9lhun0a90] { display:flex; min-width:0; align-items:baseline; flex-wrap:wrap; gap:2px 7px; }
.calendar-friend-copy strong[b-u9lhun0a90] { overflow-wrap:anywhere; color:var(--ink,#262823); font-size:.8125rem; font-weight:500; line-height:1.3; }
.calendar-friend-copy small[b-u9lhun0a90] { color:var(--ink-soft,#66685f); font-size:.6875rem; line-height:1.3; }
.calendar-friend-note[b-u9lhun0a90] { box-sizing:border-box; display:flex; align-items:center; min-height:var(--popup-readable-field,44px); margin:0; padding:8px 0; color:var(--ink-soft,#66685f); font-size:.8125rem; line-height:1.5; }
.calendar-friend-more[b-u9lhun0a90] { display:block; min-height:32px; margin:4px 0 0 auto; padding:4px 8px; border:0; border-radius:5px; background:transparent; color:var(--ink,#262823); font-size:.75rem; cursor:pointer; }
.calendar-friend-more:focus-visible[b-u9lhun0a90] { outline:2px solid var(--focus,#225ecc); outline-offset:2px; }
.calendar-friend-more:hover:where(:not([data-touch-input] *)):not(:disabled)[b-u9lhun0a90] { background:var(--hover-background); color:var(--hover-color); }
.calendar-friend-more:disabled[b-u9lhun0a90] { opacity:.6; cursor:default; }
@media (hover:none), (pointer:coarse) { .calendar-friend-more[b-u9lhun0a90] { min-height:44px; } }
@media (prefers-reduced-motion:reduce) { .calendar-friend-row[b-u9lhun0a90] { transition:none; } .calendar-friend-row:active:not(:has(input:disabled))[b-u9lhun0a90] { transform:none; } }
@media (forced-colors:active) { .calendar-friend-row:has(input:checked)[b-u9lhun0a90] { outline:1px solid Highlight; outline-offset:-1px; } }
/* _content/YakoPlan.UI/Components/CalendarIconUpload.razor.rz.scp.css */
.calendar-icon-upload[b-vk9sg91xsl] {
    grid-column: 1 / -1;
    min-width: 0;
    display: grid;
    justify-items: start;
    gap: 8px;
    padding-block: 8px;
}
@media (prefers-reduced-motion: no-preference) {
    .calendar-icon-upload[b-vk9sg91xsl] { animation: calendar-icon-upload-enter-b-vk9sg91xsl 180ms cubic-bezier(.22, 1, .36, 1) both; }
}
@keyframes calendar-icon-upload-enter-b-vk9sg91xsl {
    from { opacity: 0; }
    to { opacity: 1; }
}
/* _content/YakoPlan.UI/Components/CalendarMemberRolePicker.razor.rz.scp.css */
.member-role-picker[b-x02k1yrybg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    min-width: 0;
}

label[b-x02k1yrybg], .member-role-status[b-x02k1yrybg] {
    color: var(--ink-soft, #66685f);
    font-size: .75rem;
}

select[b-x02k1yrybg] {
    min-height: 36px;
    max-width: 100%;
    padding: 6px 28px 6px 10px;
    border: 1px solid var(--line, #dcd8ce);
    border-radius: 8px;
    background-color: var(--surface, #fffdf8);
    color: var(--ink, #262720);
    font: inherit;
    font-size: .8125rem;
    cursor: pointer;
}

select:hover:where(:not([data-touch-input] *)):enabled[b-x02k1yrybg] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
select:focus-visible[b-x02k1yrybg] { outline: 2px solid var(--accent, #c75a3a); outline-offset: 3px; }
select:disabled[b-x02k1yrybg] { cursor: default; opacity: .65; }
select[aria-disabled="true"][b-x02k1yrybg] { cursor: progress; opacity: .65; }
.member-role-error[b-x02k1yrybg] { flex-basis: 100%; margin: 0; color: var(--danger, #a33a34); font-size: .75rem; line-height: 1.5; }
.member-role-picker.is-compact[b-x02k1yrybg] { position:relative; flex-wrap:nowrap; gap:0; }
.is-compact > label[b-x02k1yrybg],.is-compact > .member-role-status[b-x02k1yrybg] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.is-compact select[b-x02k1yrybg] { min-height:32px; padding:4px 26px 4px 8px; border-radius:7px; font-size:.75rem; }
.member-role-picker[data-role-state="saving"] select[b-x02k1yrybg] { animation:member-role-saving-b-x02k1yrybg 850ms ease-in-out infinite; }
.member-role-picker[data-role-state="saved"][data-role-feedback="even"] select[b-x02k1yrybg] { animation:member-role-confirm-even-b-x02k1yrybg 320ms cubic-bezier(.22,1,.36,1); }
.member-role-picker[data-role-state="saved"][data-role-feedback="odd"] select[b-x02k1yrybg] { animation:member-role-confirm-odd-b-x02k1yrybg 320ms cubic-bezier(.22,1,.36,1); }
.member-role-picker[data-role-state="error"] select[b-x02k1yrybg] { animation:member-role-error-b-x02k1yrybg 240ms ease-out; }
@keyframes member-role-saving-b-x02k1yrybg { 50% { border-color:var(--accent,#c75a3a); box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#c75a3a) 14%,transparent); } }
@keyframes member-role-confirm-even-b-x02k1yrybg { 0% { transform:scale(.96); background-color:color-mix(in srgb,var(--accent,#c75a3a) 18%,var(--surface,#fffdf8)); } 100% { transform:none; } }
@keyframes member-role-confirm-odd-b-x02k1yrybg { 0% { transform:scale(.96); background-color:color-mix(in srgb,var(--accent,#c75a3a) 18%,var(--surface,#fffdf8)); } 100% { transform:none; } }
@keyframes member-role-error-b-x02k1yrybg { 25% { transform:translateX(-3px); } 60% { transform:translateX(2px); } 100% { transform:none; } }
@media (prefers-reduced-motion:reduce) { .member-role-picker[data-role-state][data-role-feedback] select[b-x02k1yrybg] { animation:none; } }
@media (hover: none), (pointer: coarse) { select[b-x02k1yrybg] { min-height: 44px; } }
@media (hover: none), (pointer: coarse) { .is-compact select[b-x02k1yrybg] { min-height:44px; } }
/* _content/YakoPlan.UI/Components/CalendarProviderLogo.razor.rz.scp.css */
.calendar-provider-logo[b-cssvospxxp] {
    display: inline-flex;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}
.calendar-provider-logo svg[b-cssvospxxp] { width: 100%; height: 100%; }
/* _content/YakoPlan.UI/Components/CalendarTaskSource.razor.rz.scp.css */
.calendar-task-source[b-vczolgd5ur] { position: relative; color: var(--muted); font-size: .8rem; }
.calendar-task-source summary[b-vczolgd5ur] { display: inline-flex; padding: 7px; border-radius: 8px; cursor: pointer; list-style: none; }
.calendar-task-source summary[b-vczolgd5ur]::-webkit-details-marker { display: none; }
.calendar-task-source summary:focus-visible[b-vczolgd5ur] { outline: 2px solid var(--accent); outline-offset: 2px; }
.calendar-task-source-content[b-vczolgd5ur] { padding: 12px 0; max-width: 32rem; }
.calendar-task-source-content strong[b-vczolgd5ur] { color: var(--ink); margin-inline-end: 8px; }
.calendar-task-source-content p[b-vczolgd5ur] { margin: 6px 0; overflow-wrap: anywhere; }
.calendar-task-source-content a[b-vczolgd5ur] { color: inherit; }
/* _content/YakoPlan.UI/Components/ChatAttachmentPicker.razor.rz.scp.css */
.chat-attachment-picker[b-052vbxl1qc] { display:contents; }
.chat-attachment-picker[hidden][b-052vbxl1qc] { display:none; }
.chat-attachment-trigger[b-052vbxl1qc] { position:relative; box-sizing:border-box; flex:none; display:grid; place-items:center; width:36px; height:36px; margin:0; padding:0; border:0; border-radius:10px; background:transparent; color:var(--ink-soft,#686868); cursor:pointer; transition:var(--hover-transition),transform 120ms ease; }
.chat-attachment-trigger[b-052vbxl1qc]  input[type=file] { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.chat-attachment-trigger[b-052vbxl1qc]  input[type=file]::file-selector-button { cursor:inherit; }
.chat-attachment-trigger:disabled[b-052vbxl1qc],.chat-attachment-trigger.is-disabled[b-052vbxl1qc] { opacity:.45; cursor:default; }
.chat-attachment-trigger.is-disabled[b-052vbxl1qc]  input { cursor:default; }
.chat-attachment-trigger:focus-visible[b-052vbxl1qc],.chat-attachment-trigger:has(:focus-visible)[b-052vbxl1qc] { outline:2px solid var(--accent); outline-offset:2px; }
.chat-attachment-queue[b-052vbxl1qc] { order:-1; flex:1 0 100%; display:flex; flex-wrap:wrap; gap:6px; min-width:0; max-height:120px; overflow-y:auto; overscroll-behavior:contain; padding:4px 0; }
.chat-attachment-file[b-052vbxl1qc] { display:flex; align-items:center; gap:7px; min-width:0; max-width:100%; padding:7px 8px; border:1px solid var(--line,#dcd8ce); border-radius:10px; background:var(--surface-raised,var(--surface,#fffdf8)); }
.chat-attachment-queue:has(.chat-attachment-image)[b-052vbxl1qc] { max-height:144px; }
.chat-attachment-image[b-052vbxl1qc] { position:relative; display:grid; flex:none; width:150px; grid-template-rows:90px auto; gap:6px; padding:6px; animation:chat-attachment-enter-b-052vbxl1qc 180ms ease-out both; }
.chat-attachment-image.is-removing[b-052vbxl1qc] { animation:chat-attachment-leave-b-052vbxl1qc 180ms ease-in both; pointer-events:none; }
.chat-attachment-thumbnail[b-052vbxl1qc] { position:relative; height:90px; min-width:0; overflow:hidden; border-radius:6px; background:color-mix(in srgb,var(--ink) 5%,transparent); }
.chat-attachment-image .chat-attachment-thumbnail[b-052vbxl1qc]  [data-chat-thumbnail-open] img { filter:blur(0); transition:filter 200ms ease; animation:chat-attachment-photo-enter-b-052vbxl1qc 180ms ease-out both; }
.chat-attachment-image.is-spoiler .chat-attachment-thumbnail[b-052vbxl1qc]  [data-chat-thumbnail-open] img { filter:blur(10px); }
.chat-attachment-spoiler-label[b-052vbxl1qc] { position:absolute; inset:0; display:grid; place-items:center; color:var(--ink); font-size:.75rem; font-weight:700; text-shadow:0 1px 5px var(--surface); pointer-events:none; opacity:0; transform:scale(.96); transition:opacity 200ms ease,transform 200ms ease; }
.chat-attachment-image.is-spoiler .chat-attachment-spoiler-label[b-052vbxl1qc] { opacity:1; transform:none; }
.chat-attachment-file-actions[b-052vbxl1qc] { display:flex; flex:none; gap:2px; }
.chat-attachment-image .chat-attachment-file-actions[b-052vbxl1qc] { position:absolute; top:6px; right:6px; border:1px solid var(--line); border-radius:7px; background:var(--surface-raised,var(--surface)); box-shadow:0 2px 6px rgb(0 0 0 / .12); }
.chat-attachment-copy[b-052vbxl1qc] { display:flex; flex-direction:column; gap:2px; min-width:0; }
.chat-attachment-copy strong[b-052vbxl1qc] { max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.8rem; font-weight:500; }
.chat-attachment-image .chat-attachment-copy strong[b-052vbxl1qc] { display:block; max-width:100%; font-size:.75rem; }
.chat-attachment-copy small[b-052vbxl1qc],.chat-attachment-preparing[b-052vbxl1qc] { color:var(--ink-soft); font-size:.72rem; }
.chat-attachment-file button[b-052vbxl1qc] { display:grid; place-items:center; flex:none; width:26px; height:26px; padding:0; border:0; border-radius:6px; background:transparent; color:var(--ink-soft); cursor:pointer; }
.chat-attachment-file button:focus-visible[b-052vbxl1qc] { outline:2px solid var(--accent); outline-offset:2px; }
.chat-attachment-error[b-052vbxl1qc] { order:-1; flex:1 0 100%; margin:0; color:var(--danger,#b54737); font-size:.78rem; }
.chat-attachment-picker[data-chat-attachment-dragging] .chat-attachment-trigger[b-052vbxl1qc] { outline:2px solid var(--accent); background:color-mix(in srgb,var(--accent) 15%,transparent); color:var(--ink); }
@media(hover:hover) { .chat-attachment-trigger:not(:disabled):not(.is-disabled):hover:where(:not([data-touch-input] *))[b-052vbxl1qc], .chat-attachment-file button:not(:disabled):hover:where(:not([data-touch-input] *))[b-052vbxl1qc] { background:var(--hover-background); color:var(--hover-color); } }
.chat-attachment-trigger:active:not(:disabled):not(.is-disabled)[b-052vbxl1qc] { background:color-mix(in srgb,var(--ink) 14%,transparent); color:var(--ink); transform:scale(.92); }
@media(forced-colors:active) { .chat-attachment-file[b-052vbxl1qc],.chat-attachment-trigger[b-052vbxl1qc] { border:1px solid ButtonText; } }
@keyframes chat-attachment-enter-b-052vbxl1qc { from { opacity:0; transform:translateY(6px) scale(.96); } to { opacity:1; transform:none; } }
@keyframes chat-attachment-leave-b-052vbxl1qc { from { opacity:1; transform:none; } to { opacity:0; transform:translateY(4px) scale(.94); } }
@keyframes chat-attachment-photo-enter-b-052vbxl1qc { from { opacity:0; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce) {
    .chat-attachment-trigger[b-052vbxl1qc],.chat-attachment-image .chat-attachment-thumbnail[b-052vbxl1qc]  [data-chat-thumbnail-open] img,.chat-attachment-spoiler-label[b-052vbxl1qc] { transition:none; }
    .chat-attachment-trigger:active:not(:disabled):not(.is-disabled)[b-052vbxl1qc] { transform:none; }
    .chat-attachment-image[b-052vbxl1qc],.chat-attachment-image .chat-attachment-thumbnail[b-052vbxl1qc]  [data-chat-thumbnail-open] img { animation:none; }
    .chat-attachment-image.is-removing[b-052vbxl1qc] { display:none; }
}
/* _content/YakoPlan.UI/Components/ChatAttachmentThumbnail.razor.rz.scp.css */
.chat-attachment-thumbnail[b-5d4uabzamy] { display:grid; place-items:center; width:100%; height:100%; min-width:0; min-height:0; overflow:hidden; }
.chat-attachment-preview-button[b-5d4uabzamy] { display:grid; place-items:center; width:100%; height:100%; min-width:0; min-height:0; padding:0; border:0; border-radius:6px; background:transparent; color:inherit; cursor:zoom-in; transition:var(--hover-transition); }
.chat-attachment-preview-button:disabled[b-5d4uabzamy] { cursor:default; }
.chat-attachment-preview-button[data-chat-gif-retry][b-5d4uabzamy] { cursor:pointer; }
.chat-attachment-preview-button[data-chat-gif-retry]:focus-visible[b-5d4uabzamy] { outline:2px solid var(--accent)!important; outline-offset:-2px!important; }
.chat-attachment-preview-button:focus-visible[b-5d4uabzamy] { outline:2px solid var(--accent); outline-offset:-2px; }
.chat-attachment-preview-button img[b-5d4uabzamy] { display:block; width:100%; height:100%; min-width:0; min-height:0; object-fit:contain; }
.chat-attachment-thumbnail-fallback[b-5d4uabzamy] { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:6px; color:var(--ink-soft); text-align:center; }
.chat-attachment-thumbnail-fallback span[b-5d4uabzamy] { font-size:.7rem; line-height:1.3; }
@media(hover:hover) { .chat-attachment-preview-button:not(:disabled):hover:where(:not([data-touch-input] *))[b-5d4uabzamy] { background:var(--hover-background); color:var(--hover-color); } }
@media(forced-colors:active) { .chat-attachment-preview-button:focus-visible[b-5d4uabzamy] { outline-color:Highlight; } }
@media(prefers-reduced-motion:reduce) { .chat-attachment-preview-button[b-5d4uabzamy] { transition:none; } }
/* _content/YakoPlan.UI/Components/ChatBackgroundEditor.razor.rz.scp.css */
.chat-background-editor[b-4i5hl2qogw] { position:absolute; z-index:8; top:8px; inset-inline-end:12px; box-sizing:border-box; width:min(400px,calc(100% - 24px)); max-height:calc(100% - 16px); overflow:auto; overscroll-behavior:contain; padding:16px; border:1px solid var(--line); border-radius:14px; background:rgb(from var(--surface) r g b / 1); color:var(--ink); box-shadow:0 12px 32px rgb(0 0 0 / .2); }
header[b-4i5hl2qogw] { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.chat-background-editor.is-embedded[b-4i5hl2qogw] { position:static; width:100%; max-height:none; padding:0; border:0; border-radius:0; box-shadow:none; animation:none; }
.is-embedded h4[b-4i5hl2qogw] { flex:1; letter-spacing:-.02em; }
.is-embedded .chat-background-close[b-4i5hl2qogw] { box-sizing:border-box; width:42px; height:42px; padding:0; border:1px solid transparent; border-radius:11px; }
.is-embedded header > .chat-background-close:first-child[b-4i5hl2qogw] { margin-inline-start:-16px; margin-inline-end:-12px; }
h4[b-4i5hl2qogw] { margin:0; font-size:1rem; line-height:1.4; font-weight:650; }
p[b-4i5hl2qogw] { margin:10px 0; color:var(--ink); font-size:.85rem; line-height:1.5; }
.chat-background-close[b-4i5hl2qogw] { display:grid; place-items:center; width:36px; height:36px; flex:none; border:0; border-radius:8px; background:transparent; color:var(--ink-soft); cursor:pointer; }
.chat-background-close:hover:where(:not([data-touch-input] *))[b-4i5hl2qogw] { background:var(--hover-background); color:var(--hover-color); }
.chat-background-close:focus-visible[b-4i5hl2qogw] { outline:2px solid var(--accent); outline-offset:2px; }
.chat-background-image-tools[b-4i5hl2qogw],.chat-background-image-hint[b-4i5hl2qogw] { display:grid; grid-template-rows:0fr; opacity:0; visibility:hidden; transition:grid-template-rows 220ms cubic-bezier(.22,1,.36,1),opacity 180ms ease,visibility 220ms; }
.chat-background-image-tools.is-open[b-4i5hl2qogw],.chat-background-image-hint.is-open[b-4i5hl2qogw] { grid-template-rows:1fr; opacity:1; visibility:visible; }
.chat-background-image-tools-clip[b-4i5hl2qogw] { min-height:0; overflow:hidden; }
.chat-background-preview[b-4i5hl2qogw] { position:relative; isolation:isolate; display:grid; height:clamp(160px,24vh,240px); overflow:hidden; margin:12px 0; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.chat-background-adjustments[b-4i5hl2qogw] { display:grid; gap:4px; min-width:0; margin:0; padding:0; border:0; }
.chat-background-adjustments label[b-4i5hl2qogw] { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--ink); font-size:.85rem; font-weight:550; }
.chat-background-adjustments output[b-4i5hl2qogw] { color:var(--ink); font-size:.85rem; font-weight:600; font-variant-numeric:tabular-nums; }
.chat-background-adjustments:disabled .planner-setting-slider[b-4i5hl2qogw] { --accent:color-mix(in srgb,var(--ink) 65%,var(--surface)); --slider-rail:color-mix(in srgb,var(--ink) 35%,var(--surface)); opacity:1; cursor:default; }
.chat-background-adjustments-reset[b-4i5hl2qogw] { justify-self:end; min-height:32px; padding:4px 0; border:0; background:transparent; color:var(--ink); font:inherit; font-size:.85rem; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.chat-background-adjustments-reset:disabled[b-4i5hl2qogw] { color:color-mix(in srgb,var(--ink) 70%,var(--surface)); cursor:default; }
.chat-background-adjustments-reset:focus-visible[b-4i5hl2qogw] { outline:2px solid var(--accent); outline-offset:3px; border-radius:4px; }
.chat-background-sample[b-4i5hl2qogw] { position:relative; align-self:center; margin:16px; padding:8px 13px; border-radius:16px; background:var(--planner-action-fill,var(--accent)); color:var(--planner-action-ink,#fff); font-size:.85rem; }
.chat-background-options[b-4i5hl2qogw] { display:flex; flex-direction:column; min-width:0; gap:8px; }
.chat-background-file[b-4i5hl2qogw] { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:7px; overflow:hidden; cursor:pointer; }
.chat-background-file[b-4i5hl2qogw]  input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.chat-background-file[b-4i5hl2qogw]  input::file-selector-button { cursor:inherit; }
.chat-background-file[b-4i5hl2qogw]  input:disabled { cursor:default; }
.chat-background-file:has(:focus-visible)[b-4i5hl2qogw] { outline:2px solid var(--accent); outline-offset:3px; }
.chat-background-file.is-disabled[b-4i5hl2qogw] { opacity:.7; cursor:default; }
.chat-background-filename[b-4i5hl2qogw] { overflow-wrap:anywhere; }
.chat-background-error[b-4i5hl2qogw] { color:var(--danger,#a43032); }
footer[b-4i5hl2qogw] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:8px; margin-top:18px; }
footer :is(.button,.secondary-button)[b-4i5hl2qogw] { box-sizing:border-box; width:100%; min-width:0; height:44px; min-height:44px; padding:0 10px; border:0; border-radius:var(--pill-radius); font-size:.85rem; }
@media (forced-colors:active) { .chat-background-editor[b-4i5hl2qogw],.chat-background-preview[b-4i5hl2qogw] { border-color:CanvasText; } }
@media (prefers-reduced-motion:reduce) { .chat-background-image-tools[b-4i5hl2qogw],.chat-background-image-hint[b-4i5hl2qogw] { transition:none; } }
/* _content/YakoPlan.UI/Components/ChatBackgroundSurface.razor.rz.scp.css */
.chat-background-surface[b-2btfiylsg0] { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.chat-background-surface img[b-2btfiylsg0] { width:100%; height:100%; object-fit:cover; object-position:center; opacity:0; filter:brightness(var(--chat-background-brightness,var(--chat-background-image-brightness,100%))) blur(var(--chat-background-blur,var(--chat-background-image-blur,0px))); }
.chat-background-surface img.is-loaded[b-2btfiylsg0] { opacity:1; }
.chat-background-surface.is-removing img[b-2btfiylsg0] { opacity:0; }
@media (prefers-reduced-motion:no-preference) {
    .chat-background-surface img[b-2btfiylsg0] { transform:scale(1.015); transition:opacity 220ms ease,transform 220ms cubic-bezier(.2,.7,.3,1); }
    .chat-background-surface img.is-loaded[b-2btfiylsg0] { transform:scale(1); animation:chat-background-reveal-b-2btfiylsg0 220ms cubic-bezier(.2,.7,.3,1); }
    .chat-background-surface.is-removing img[b-2btfiylsg0] { transform:scale(.99); animation:none; }
    @keyframes chat-background-reveal-b-2btfiylsg0 {
        from { opacity:0; transform:scale(1.015); }
        to { opacity:1; transform:scale(1); }
    }
}
@media (forced-colors:active) { .chat-background-surface[b-2btfiylsg0] { display:none; } }
/* _content/YakoPlan.UI/Components/ChatMessageActions.razor.rz.scp.css */
.message-action-host[b-7pwcoswfwh]{position:relative;display:flex;flex-direction:column;align-items:inherit;gap:5px;max-width:100%;outline:none;touch-action:pan-y pinch-zoom;transition:transform 150ms ease-out,scale 120ms ease-out}
.message-action-host[data-chat-edit-resizing][b-7pwcoswfwh]{box-sizing:border-box}
.message-action-host[data-chat-edit-resizing] > *[b-7pwcoswfwh]{flex-shrink:0}
.message-action-host[data-message-holding][b-7pwcoswfwh]{scale:.985}
.message-action-host[data-message-swiping][b-7pwcoswfwh]{transform:translateX(var(--message-swipe-offset,0px));transition:none}
.message-swipe-hint[b-7pwcoswfwh]{position:absolute;top:12px;inset-inline-start:-29px;display:grid;place-items:center;width:24px;height:24px;color:var(--ink-soft,#686b63);opacity:var(--message-swipe-progress,0);pointer-events:none}
.message-action-host[data-message-swipe-direction=left] .message-swipe-hint[b-7pwcoswfwh]{inset-inline-start:auto;inset-inline-end:-29px}
.message-action-host:focus-visible[b-7pwcoswfwh]{outline:2px solid var(--accent);outline-offset:4px;border-radius:16px}
.message-action-host[data-chat-message-highlight][b-7pwcoswfwh]{outline:none;border-radius:5px;animation:message-jump-highlight-b-7pwcoswfwh 1600ms ease-out}
@keyframes message-jump-highlight-b-7pwcoswfwh{0%,20%{background-color:color-mix(in srgb,var(--accent) 24%,var(--message-highlight-base,transparent));box-shadow:10px 0 0 color-mix(in srgb,var(--accent) 24%,var(--message-highlight-base,transparent)),-10px 0 0 color-mix(in srgb,var(--accent) 24%,var(--message-highlight-base,transparent))}100%{background-color:var(--message-resting-highlight,transparent);box-shadow:10px 0 0 transparent,-10px 0 0 transparent}}
.message-quick-actions[b-7pwcoswfwh]{position:absolute;z-index:2;top:-17px;inset-inline-end:0;display:flex;gap:2px;align-items:center;padding:3px;border:1px solid var(--line,#dcd8ce);border-radius:9px;background:var(--surface,#fffdf8);box-shadow:0 3px 12px #0003;opacity:0;translate:0 -4px;pointer-events:none}
/* Floating toolbars must not fade at their fallback position after closing. */
.message-quick-actions:where(:not([data-chat-toolbar-managed] *))[b-7pwcoswfwh]{transition:opacity var(--dropdown-exit-duration,120ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1)),translate var(--dropdown-exit-duration,120ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1))}
.message-quick-actions:popover-open[b-7pwcoswfwh]{position:fixed;inset:auto;margin:0;overflow:visible;opacity:1;translate:0 0;pointer-events:auto;animation:task-tool-popover-enter var(--dropdown-enter-duration,180ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1))}
/* Bridge the six-pixel gap only while this toolbar is already open. */
.message-quick-actions:popover-open[b-7pwcoswfwh]::before,.message-quick-actions:popover-open[b-7pwcoswfwh]::after{content:"";position:absolute;inset-block:0;width:7px}
.message-quick-actions:popover-open[b-7pwcoswfwh]::before{right:100%}
.message-quick-actions:popover-open[b-7pwcoswfwh]::after{left:100%}
.message-quick-actions[popover]:not(:popover-open)[b-7pwcoswfwh]{display:none}
.message-hover-time[b-7pwcoswfwh]{flex:none;padding-inline:5px;color:var(--ink-soft,#686b63);font-size:.75rem;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap}
.message-quick-actions button[b-7pwcoswfwh]{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--ink-soft,#686b63);cursor:pointer;transition:var(--hover-transition)}
.message-quick-actions button:hover:where(:not([data-touch-input] *)):not([aria-expanded="true"])[b-7pwcoswfwh] { background:var(--hover-background); color:var(--hover-color); }
.message-quick-actions button[aria-expanded="true"][b-7pwcoswfwh] { border-color:var(--open-border); background:var(--open-background); color:var(--open-color); box-shadow:none; }
.message-quick-actions button:disabled[b-7pwcoswfwh]{opacity:.4;cursor:default}
.message-action-host:has(:focus-visible):where(:not([data-chat-toolbar-managed] *)) .message-quick-actions[b-7pwcoswfwh],.message-action-host[data-chat-reaction-open]:where(:not([data-chat-toolbar-managed] *)) .message-quick-actions[b-7pwcoswfwh],.message-quick-actions:has(.message-more[aria-expanded=true]):where(:not([data-chat-toolbar-managed] *))[b-7pwcoswfwh]{opacity:1;translate:0 0;pointer-events:auto;transition-duration:var(--dropdown-enter-duration,180ms)}
@media(hover:hover){.message-action-host:where(:not([data-chat-toolbar-managed] *)):has(:is(.chat-bubble,.collaboration-message-bubble,.chat-message-files,.message-quick-actions):hover:where(:not([data-touch-input] *))) .message-quick-actions[b-7pwcoswfwh]{opacity:1;translate:0 0;pointer-events:auto;transition-duration:var(--dropdown-enter-duration,180ms)}}
.message-quick-actions:where([data-touch-input] *)[b-7pwcoswfwh]{display:none}
.message-action-host:focus-visible .message-quick-actions[b-7pwcoswfwh],.message-quick-actions:has(:focus-visible)[b-7pwcoswfwh]{display:flex}
.message-action-host:where([data-touch-input] *)[b-7pwcoswfwh]{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
.message-action-host[data-message-swiping] .message-quick-actions[b-7pwcoswfwh]{opacity:0;pointer-events:none}
.message-quick-actions button:focus-visible[b-7pwcoswfwh],.message-reaction:focus-visible[b-7pwcoswfwh],.message-reply-quote:focus-visible[b-7pwcoswfwh]{outline:2px solid var(--accent);outline-offset:2px}
.message-reply-quote[b-7pwcoswfwh]{position:relative;display:flex;align-items:center;align-self:stretch;gap:5px;min-width:0;max-width:100%;margin:0;padding:3px 6px;border:0;border-radius:0;background:transparent;color:var(--ink-soft,#686b63);font:inherit;font-size:.8rem;line-height:1.4;text-align:start;cursor:pointer}
.message-reply-quote[b-7pwcoswfwh]::before{content:"";position:absolute;inset-inline-start:calc(-34px - var(--message-highlight-inset,0px));top:50%;width:24px;height:calc(50% + 3px);border-top:2px solid var(--line,#686b63);border-inline-start:2px solid var(--line,#686b63);border-start-start-radius:7px;pointer-events:none}
.message-is-mine .message-reply-quote[b-7pwcoswfwh]{flex-direction:row-reverse;text-align:end}
.message-is-mine .message-reply-quote[b-7pwcoswfwh]::before{inset-inline-start:auto;inset-inline-end:calc(-34px - var(--message-highlight-inset,0px));border-inline-start:0;border-inline-end:2px solid var(--line,#686b63);border-start-start-radius:0;border-start-end-radius:7px}
.message-reply-quote:hover:where(:not([data-touch-input] *))[b-7pwcoswfwh] { color:var(--hover-color); background:var(--hover-background); }
.message-reply-quote strong[b-7pwcoswfwh]{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.message-reply-text[b-7pwcoswfwh]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-reply-avatar.avatar[b-7pwcoswfwh]{flex:none;width:16px;height:16px;font-size:10px}
.message-reply-avatar img[b-7pwcoswfwh]{width:100%;height:100%;object-fit:cover}
:is(.message-reply-to-me,.message-mention-to-me)[b-7pwcoswfwh]{--message-resting-highlight:color-mix(in srgb,var(--accent) 12%,var(--message-highlight-base,transparent));--message-highlight-inset:9px;padding:5px 9px;border-radius:5px;background:var(--message-resting-highlight);box-sizing:border-box;transition:background-color 160ms ease,transform 150ms ease-out,scale 120ms ease-out}
@media(prefers-reduced-motion:reduce){:is(.message-reply-to-me,.message-mention-to-me)[b-7pwcoswfwh]{transition:none}}
@media(forced-colors:active){.message-reply-quote[b-7pwcoswfwh]::before{border-color:CanvasText}}
.message-reactions[b-7pwcoswfwh]{display:flex;flex-wrap:wrap;gap:5px}
.message-reaction[b-7pwcoswfwh]{display:flex;align-items:center;gap:5px;border:1px solid var(--line,#dcd8ce);border-radius:12px;padding:3px 8px;background:var(--surface,#fffdf8);color:var(--ink,#262823);font-size:.85rem;cursor:pointer}
.message-reaction[aria-pressed=true][b-7pwcoswfwh]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--surface,#fffdf8))}
.message-reaction:disabled[b-7pwcoswfwh]{opacity:.5;cursor:default}
.message-context-menu[b-7pwcoswfwh]  button.message-menu-delete[role=menuitem]{color:var(--danger,#b7473b)}
.message-context-menu[b-7pwcoswfwh]  button.message-menu-delete[role=menuitem]:focus:not(:disabled) {background:color-mix(in srgb,var(--danger,#b7473b) 9%,transparent)}
.message-context-menu[b-7pwcoswfwh]  button.message-menu-delete[role=menuitem]:hover:where(:not([data-touch-input] *)):not(:disabled) { background:var(--hover-background); color:var(--danger,#a33a34); }
.message-menu-separator[b-7pwcoswfwh]{height:1px;margin:4px 7px;background:var(--line,#deddd5)}
.message-action-error[b-7pwcoswfwh]{font-size:.8rem;color:var(--danger,#ef8a86)}
@media(hover:none),(max-width:700px){.message-quick-actions[b-7pwcoswfwh],.message-quick-actions:popover-open[b-7pwcoswfwh]{display:none}.message-action-host[b-7pwcoswfwh]{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}}
@media(forced-colors:active){.message-context-menu[b-7pwcoswfwh],.message-reaction[b-7pwcoswfwh],.message-quick-actions[b-7pwcoswfwh]{background:Canvas;color:CanvasText;border:1px solid ButtonText}.message-quick-actions button[b-7pwcoswfwh]{color:CanvasText}.message-reaction[aria-pressed=true][b-7pwcoswfwh]{border:2px solid Highlight}}
@media(prefers-reduced-motion:reduce){.message-action-host[b-7pwcoswfwh],.message-quick-actions[b-7pwcoswfwh],.message-quick-actions button[b-7pwcoswfwh]{transition:none}.message-action-host[data-message-holding][b-7pwcoswfwh]{scale:none}.message-quick-actions:popover-open[b-7pwcoswfwh]{animation:none}}

@media(prefers-reduced-motion:reduce){.message-action-host[data-chat-message-highlight][b-7pwcoswfwh]{animation:none;background:color-mix(in srgb,var(--accent) 24%,var(--message-highlight-base,transparent));box-shadow:10px 0 0 color-mix(in srgb,var(--accent) 24%,var(--message-highlight-base,transparent)),-10px 0 0 color-mix(in srgb,var(--accent) 24%,var(--message-highlight-base,transparent))}}
/* _content/YakoPlan.UI/Components/ChatMessageAttachments.razor.rz.scp.css */
.chat-message-files[b-717uijthmo] { display:grid; gap:8px; width:min(340px,100%); max-width:100%; min-width:0; }
.chat-message-image[b-717uijthmo] { min-width:0; }
.chat-image-spoiler[b-717uijthmo] { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; width:260px; max-width:100%; min-height:180px; padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--paper-deep); color:var(--ink); font:600 .85rem var(--planner-font); cursor:pointer; }
.chat-image-spoiler:disabled[b-717uijthmo] { cursor:default; opacity:.6; }
.chat-image-spoiler:focus-visible[b-717uijthmo] { outline:2px solid var(--accent); outline-offset:3px; }
.chat-image-spoiler:not(:disabled):hover:where(:not([data-touch-input] *))[b-717uijthmo] { background:var(--hover-background); color:var(--hover-color); }
.chat-file-card[b-717uijthmo] { display:flex; align-items:center; gap:12px; width:100%; min-width:0; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--paper-deep); color:var(--ink); font:inherit; text-align:start; cursor:pointer; }
.chat-file-card > span[b-717uijthmo] { display:grid; flex:1; min-width:0; gap:3px; }
.chat-file-card strong[b-717uijthmo] { overflow-wrap:anywhere; font-size:.9rem; font-weight:600; }
.chat-file-card small[b-717uijthmo] { color:var(--ink-soft); font-size:.75rem; }
.chat-file-card:disabled[b-717uijthmo] { cursor:default; opacity:.6; }
.chat-file-card:hover:where(:not([data-touch-input] *))[b-717uijthmo] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
.chat-file-card:focus-visible[b-717uijthmo] { outline:2px solid var(--accent); outline-offset:3px; }
.chat-file-error[b-717uijthmo] { margin:0; color:var(--danger); font-size:.8rem; }
/* _content/YakoPlan.UI/Components/ChatMessageBody.razor.rz.scp.css */
.chat-message-gif[b-cq0lxl6gyr] {
    display:inline-block;
    width:auto;
    min-height:0;
    max-width:100%;
    margin:0;
    vertical-align:top;
    color:inherit;
    font:inherit;
}

.chat-message-gif[b-cq0lxl6gyr]  .chat-attachment-thumbnail {
    display:inline-grid;
    width:auto;
    height:auto;
}

.chat-message-gif[b-cq0lxl6gyr]  .chat-attachment-preview-button img {
    display:block;
    width:auto;
    max-width:min(280px,100%);
    max-height:240px;
    object-fit:contain;
    border-radius:inherit;
}

.chat-message-gif[b-cq0lxl6gyr]  [hidden] {
    display:none;
}
/* _content/YakoPlan.UI/Components/ChatMessageBubble.razor.rz.scp.css */
.chat-bubble[b-dfcwrhxet6] { --task-color:var(--chat-bubble-fill,var(--accent)); --task-color-ink:var(--chat-bubble-ink,var(--planner-accent-ink,#000)); box-sizing:border-box; max-width:100%; min-width:0; padding:8px 13px; border:1px solid var(--chat-bubble-fill,var(--accent)); border-radius:16px; background:var(--chat-bubble-fill,var(--accent)); color:var(--chat-bubble-ink,var(--planner-accent-ink,#000)); }
.chat-bubble.has-message-style[b-dfcwrhxet6] { background:var(--task-color); color:var(--task-color-ink); border-color:var(--task-color); }
.chat-bubble.task-card-finish--glow[b-dfcwrhxet6] { box-shadow:var(--task-glow-shadow); }
.chat-bubble.task-card-is-transparent[b-dfcwrhxet6] { border-color:color-mix(in srgb,var(--task-color) calc(var(--task-background-opacity,1) * 100%),transparent); }
.chat-bubble.task-card-finish--blush p[b-dfcwrhxet6] { text-shadow:-1px 0 var(--task-color),1px 0 var(--task-color),0 -1px var(--task-color),0 1px var(--task-color); }
.chat-bubble.task-card-has-picture p[b-dfcwrhxet6] { text-shadow:var(--task-picture-text-shadow,none); }
.chat-bubble p[b-dfcwrhxet6] { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:1rem; font-weight:500; line-height:1.55; }
.chat-bubble.chat-bubble-gif[b-dfcwrhxet6] { min-height:0; padding:0; border:0; border-radius:0; background:transparent; color:var(--ink); box-shadow:none; text-shadow:none; overflow:visible; }
.chat-bubble.chat-bubble-gif > p[b-dfcwrhxet6] { display:flex; }
@media (prefers-reduced-motion:no-preference) { .chat-bubble[b-dfcwrhxet6] { transition:background-color 160ms ease-out,border-color 160ms ease-out,color 160ms ease-out,box-shadow 160ms ease-out; } }
@media (forced-colors:active) { .chat-bubble[b-dfcwrhxet6],.chat-bubble.has-message-style[b-dfcwrhxet6] { background:Canvas; color:CanvasText; border-color:CanvasText; box-shadow:none; } }
@media (forced-colors:active), print { .chat-bubble.task-card-finish--blush p[b-dfcwrhxet6] { text-shadow:none; } }
/* _content/YakoPlan.UI/Components/ChatMessageFrame.razor.rz.scp.css */
.chat-message[b-hphlu5oz9q] { position:relative; flex:none; display:grid; grid-template-columns:48px minmax(0,1fr); align-items:start; gap:9px; min-width:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.chat-message.is-mine[b-hphlu5oz9q] { grid-template-columns:minmax(0,1fr) 48px; }
.chat-message.is-group-start[b-hphlu5oz9q] { margin-top:11px; }
.chat-message[b-hphlu5oz9q]  > .chat-message-avatar { display:grid; place-items:center; flex:none; overflow:hidden; border-radius:50%; grid-column:1; grid-row:1; width:48px; height:48px; font-size:.95rem; }
.chat-message.is-mine[b-hphlu5oz9q]  > .chat-message-avatar { grid-column:2; }
.chat-message[b-hphlu5oz9q]  > .chat-message-avatar-menu { grid-column:1; grid-row:1; width:48px; height:48px; }
.chat-message.is-mine[b-hphlu5oz9q]  > .chat-message-avatar-menu { grid-column:2; }
.chat-message[b-hphlu5oz9q]  .chat-message-avatar-menu > .chat-message-avatar { display:grid; place-items:center; overflow:hidden; border-radius:50%; width:48px; height:48px; font-size:.95rem; }
.chat-message-content[b-hphlu5oz9q] { grid-column:2; grid-row:1; display:flex; flex-direction:column; align-items:flex-start; gap:5px; width:fit-content; max-width:min(32rem,100%); min-width:0; }
.is-mine .chat-message-content[b-hphlu5oz9q] { grid-column:1; justify-self:end; align-items:flex-end; }
@media (forced-colors:active) { .chat-message[b-hphlu5oz9q]  > .chat-message-avatar { border:1px solid ButtonText; } }
/* _content/YakoPlan.UI/Components/ChatMessageHeader.razor.rz.scp.css */
.chat-message-meta[b-4qsjj90fae] { display:flex; align-items:baseline; justify-content:flex-start; gap:6px; max-width:100%; min-width:0; font-size:inherit; line-height:inherit; }
.chat-message-meta.is-own[b-4qsjj90fae] { justify-content:flex-end; flex-direction:row-reverse; text-align:end; }
.chat-message-meta strong[b-4qsjj90fae] { min-width:0; font-size:1rem; line-height:1.4; font-weight:600; color:var(--ink); overflow-wrap:anywhere; }
/* The padded hover target extends past the name's text box. A percentage cap
   would consume that padding from the text width and force premature wrapping. */
.chat-message-meta[b-4qsjj90fae]  .user-name-trigger { max-width:none; text-align:inherit; }
.chat-message-meta time[b-4qsjj90fae] { flex:none; color:var(--ink-soft); font-size:.75rem; line-height:1.4; white-space:nowrap; }
/* _content/YakoPlan.UI/Components/ChatNotificationPreview.razor.rz.scp.css */
.chat-notification[b-zefs44nd9w] { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: start; gap: 9px; min-width: 0; }
.chat-notification-avatar[b-zefs44nd9w] { width: 48px; height: 48px; font-size: .95rem; }
.chat-notification-content[b-zefs44nd9w] { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0; }
.chat-notification-meta[b-zefs44nd9w] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; max-width: 100%; min-width: 0; }
.chat-notification-meta strong[b-zefs44nd9w] { min-width: 0; font-size: 1rem; line-height: 1.4; font-weight: 600; color: var(--ink); overflow-wrap: anywhere; }
.chat-notification-meta time[b-zefs44nd9w] { flex: none; color: var(--ink-soft); font-size: .75rem; line-height: 1.4; white-space: nowrap; }
.chat-notification-bubble[b-zefs44nd9w] { --task-color: var(--chat-bubble-fill, var(--accent)); --task-color-ink: var(--chat-bubble-ink, var(--planner-accent-ink, #000)); box-sizing: border-box; max-width: 100%; min-width: 0; padding: 8px 13px; border: 1px solid var(--chat-bubble-fill, var(--accent)); border-radius: 16px; background: var(--chat-bubble-fill, var(--accent)); color: var(--chat-bubble-ink, var(--planner-accent-ink, #000)); overflow-wrap: anywhere; font-size: 1rem; font-weight: 500; line-height: 1.55; }
.chat-notification-bubble.has-message-style[b-zefs44nd9w] { background: var(--task-color); color: var(--task-color-ink); border-color: var(--task-color); }
.chat-notification-bubble.task-card-finish--glow[b-zefs44nd9w] { box-shadow: var(--task-glow-shadow); }
.chat-notification-bubble.task-card-is-transparent[b-zefs44nd9w] { border-color: color-mix(in srgb, var(--task-color) calc(var(--task-background-opacity, 1) * 100%), transparent); }
.chat-notification-bubble.task-card-finish--blush[b-zefs44nd9w] { text-shadow: -1px 0 var(--task-color), 1px 0 var(--task-color), 0 -1px var(--task-color), 0 1px var(--task-color); }
.chat-notification-bubble.task-card-has-picture[b-zefs44nd9w] { text-shadow: var(--task-picture-text-shadow, none); }
@media (forced-colors: active) {
    .chat-notification-avatar[b-zefs44nd9w] { border: 1px solid ButtonText; }
    .chat-notification-bubble[b-zefs44nd9w], .chat-notification-bubble.has-message-style[b-zefs44nd9w] { background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none; text-shadow: none; }
}
/* _content/YakoPlan.UI/Components/ChatReplyPreview.razor.rz.scp.css */
.chat-reply-preview[b-jfk17sua1k] { display:grid; grid-template-rows:0fr; flex-shrink:0; min-width:0; margin-bottom:-8px; opacity:0; visibility:hidden; transform:translateY(6px); transition:grid-template-rows 200ms cubic-bezier(.22,1,.36,1),margin-bottom 200ms cubic-bezier(.22,1,.36,1),opacity 160ms ease,transform 200ms ease,visibility 200ms; }
.chat-reply-preview.is-open[b-jfk17sua1k] { grid-template-rows:1fr; margin-bottom:0; opacity:1; visibility:visible; transform:none; }
.chat-reply-preview.is-task-reply[b-jfk17sua1k] { flex-basis:100%; order:-3; }
.chat-reply-clip[b-jfk17sua1k] { min-height:0; overflow:hidden; }
.chat-reply-content[b-jfk17sua1k] { display:flex; align-items:center; gap:8px; min-width:0; min-height:32px; font-size:.8rem; line-height:1.5; color:var(--ink-soft); }
.chat-reply-content > button[b-jfk17sua1k] { margin:0; border:0; background:transparent; color:var(--ink-soft); box-shadow:none; cursor:pointer; }
.chat-reply-jump[b-jfk17sua1k] { flex:1; min-width:0; min-height:32px; padding:4px 6px; border-radius:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:inherit; text-align:start; transition:var(--hover-transition),transform 100ms ease; }
.chat-reply-jump:hover:where(:not([data-touch-input] *))[b-jfk17sua1k] { background:var(--hover-background); color:var(--hover-color); }
.chat-reply-jump:active[b-jfk17sua1k] { transform:scale(.995); background:color-mix(in srgb,var(--ink) 10%,transparent); }
.chat-reply-cancel[b-jfk17sua1k] { display:grid; place-items:center; flex:none; width:32px; height:32px; padding:0; }
.chat-reply-content > button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-jfk17sua1k] { color:var(--hover-color); background:var(--hover-background); }
.chat-reply-content > button:disabled[b-jfk17sua1k] { opacity:.4; cursor:default; }
.chat-reply-content > button:focus-visible[b-jfk17sua1k] { outline:2px solid var(--focus,var(--accent)); outline-offset:-2px; }
@media (prefers-reduced-motion:no-preference) {
    .chat-reply-content[b-jfk17sua1k] { animation:reply-content-enter-b-jfk17sua1k 200ms ease-out; }
}
@keyframes reply-content-enter-b-jfk17sua1k { from { opacity:0; } to { opacity:1; } }
@media (prefers-reduced-motion:reduce) { .chat-reply-preview[b-jfk17sua1k],.chat-reply-jump[b-jfk17sua1k] { transition:none; } .chat-reply-jump:active[b-jfk17sua1k] { transform:none; } }
/* _content/YakoPlan.UI/Components/ChatUserAvatarMenu.razor.rz.scp.css */
.chat-user-avatar-menu-host[b-ma6jjwp2lc] { display:inline-flex; flex:none; align-items:center; }
.chat-user-name-menu[b-ma6jjwp2lc] { max-width:100%; min-width:0; vertical-align:baseline; }
.chat-user-avatar-menu-host > .forever-canvas-menu[b-ma6jjwp2lc] { font-weight:400; }
/* _content/YakoPlan.UI/Components/CollaborationFileAttachment.razor.rz.scp.css */
.collaboration-file-thumbnail[b-istc5585n5],
.collaboration-file-placeholder[b-istc5585n5] { display: contents; }
.collaboration-file-placeholder[hidden][b-istc5585n5] { display: none; }
/* _content/YakoPlan.UI/Components/CollaborationImageAttachment.razor.rz.scp.css */
.attachment-image-card[b-n2ze0mhqk4], .attachment-image-card[b-n2ze0mhqk4]  * { box-sizing: border-box; }
.attachment-image-card:is(.attachment-image-storage, .attachment-image-picker)[b-n2ze0mhqk4] { overflow: visible; border: 0; border-radius: 0; background: transparent; }

.attachment-image-card[b-n2ze0mhqk4] {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid var(--line, #dcd8ce);
    border-radius: 12px;
    background: var(--surface, #fffdf8);
    color: var(--ink, #262823);
    transition:var(--hover-transition);
}

.attachment-image-thumbnail[b-n2ze0mhqk4] {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    height: 180px;
    min-width: 0;
    margin: 0;
    padding: 8px;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid var(--line, #dcd8ce);
    border-radius: 0;
    background: color-mix(in srgb, var(--ink, #262823) 5%, var(--surface, #fffdf8));
    color: var(--ink-soft, #66685f);
    font: inherit;
    cursor: zoom-in;
    transition:var(--hover-transition);
}

.attachment-image-photo[b-n2ze0mhqk4] {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    object-fit: contain;
}

.attachment-image-only[b-n2ze0mhqk4] {
    width: fit-content;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.attachment-image-only .attachment-image-thumbnail[b-n2ze0mhqk4] {
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
}

.attachment-image-only .attachment-image-photo[b-n2ze0mhqk4] {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 320px;
}

.attachment-image-only:not([data-preview-state="ready"]) .attachment-image-thumbnail[b-n2ze0mhqk4] {
    width: 260px;
    height: 180px;
}

.attachment-image-only .attachment-image-thumbnail:focus-visible[b-n2ze0mhqk4] {
    outline: 2px solid var(--focus, #66685f) !important;
    outline-offset: -3px !important;
}

.attachment-image-placeholder[b-n2ze0mhqk4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    max-width: 100%;
    padding: 12px;
    font: 400 .75rem/1.5 var(--planner-font);
    text-align: center;
    overflow-wrap: anywhere;
}

.attachment-image-placeholder[b-n2ze0mhqk4]  svg { flex: none; opacity: .65; }
.attachment-image-card.attachment-image-storage:not([data-preview-state="ready"]) .attachment-image-thumbnail[b-n2ze0mhqk4] { height: 100%; }
.attachment-image-storage .attachment-image-placeholder[b-n2ze0mhqk4] { min-width: 0; padding: 0; font: inherit; }
.attachment-image-card[data-preview-state="loading"] .attachment-image-placeholder[b-n2ze0mhqk4]::after { content: ""; width: 30px; height: 2px; border-radius: 2px; background: var(--accent, #c76345); animation: attachment-image-loading-b-n2ze0mhqk4 1.4s ease-in-out infinite alternate; }
.attachment-image-card[data-preview-state="failed"] .attachment-image-placeholder[b-n2ze0mhqk4] { color: color-mix(in srgb, var(--danger, #a33a34) 65%, var(--ink-soft, #66685f)); }

.attachment-image-expand[b-n2ze0mhqk4] {
    position: absolute;
    inset-inline-end: 9px;
    bottom: 9px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid color-mix(in srgb, var(--line, #dcd8ce) 80%, transparent);
    border-radius: 9px;
    background: color-mix(in srgb, var(--surface, #fffdf8) 94%, transparent);
    color: var(--ink, #262823);
    box-shadow: 0 2px 8px rgb(0 0 0 / .12);
    opacity: 0;
    transform: translateY(3px);
    pointer-events: none;
    transition: opacity 160ms ease, transform 160ms ease;
}

.attachment-image-thumbnail:focus-visible[b-n2ze0mhqk4] { outline: 2px solid var(--focus, #66685f); outline-offset: -3px; }
.attachment-image-thumbnail:focus-visible .attachment-image-expand[b-n2ze0mhqk4] { opacity: 1; transform: none; }
.attachment-image-thumbnail:disabled[b-n2ze0mhqk4] { cursor: default; }

.attachment-image-meta[b-n2ze0mhqk4] { display: grid; min-width: 0; gap: 3px; padding: 10px 10px 6px; }
.attachment-image-meta strong[b-n2ze0mhqk4] { min-width: 0; overflow: hidden; color: var(--ink, #262823); font: 600 .8125rem/1.5 var(--planner-font); text-overflow: ellipsis; white-space: nowrap; }
.attachment-image-meta small[b-n2ze0mhqk4] { min-width: 0; overflow: hidden; color: var(--ink-soft, #66685f); font: 400 .6875rem/1.5 var(--planner-font); text-overflow: ellipsis; white-space: nowrap; }
.attachment-image-actions[b-n2ze0mhqk4] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; min-width: 0; gap: 4px; padding: 0 8px 8px; }
.attachment-image-card .attachment-image-actions[b-n2ze0mhqk4]  .collaboration-file-actions { display: flex; flex: 1; min-width: 0; align-items: center; gap: 4px; }
.attachment-image-card .attachment-image-actions[b-n2ze0mhqk4]  .collaboration-file-actions .inline-action { margin-left: auto; }
article.attachment-image-card .attachment-image-actions[b-n2ze0mhqk4]  button { display: inline-grid; flex: none; place-items: center; width: 36px; min-width: 36px; height: 36px; min-height: 36px; margin: 0; padding: 0; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--ink-soft, #66685f); font: 500 .75rem/1.4 var(--planner-font); cursor: pointer; transition:var(--hover-transition); }
article.attachment-image-card .attachment-image-actions[b-n2ze0mhqk4]  button:focus-visible { outline: 2px solid var(--focus, #66685f); outline-offset: 1px; }
article.attachment-image-card .attachment-image-actions[b-n2ze0mhqk4]  button:disabled { opacity: .4; cursor: default; }
.attachment-image-actions[b-n2ze0mhqk4]  svg { display: block; flex: none; }
.attachment-image-card .attachment-image-actions .attachment-image-retry[b-n2ze0mhqk4] { order: -1; width: auto; max-width: 100%; margin-inline-end: auto; padding-inline: 8px; }

.attachment-image-viewer[b-n2ze0mhqk4] {
    box-sizing: border-box;
    position: fixed;
    inset: 0;
    display: none;
    grid-template-rows: minmax(0, 1fr);
    width: 100vw;
    height: 100dvh;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: max(64px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(64px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #f5f6fa;
    box-shadow: none;
    outline: none;
    font-family: var(--planner-font);
    color-scheme: dark;
}

.attachment-image-viewer[open][b-n2ze0mhqk4] { display: grid; }
.attachment-image-viewer[b-n2ze0mhqk4], .attachment-image-viewer[b-n2ze0mhqk4]  * { -webkit-user-select: none; user-select: none; }
.attachment-image-viewer[b-n2ze0mhqk4]::backdrop { background: rgb(0 0 0 / .8); }
.attachment-image-viewer-actions[b-n2ze0mhqk4] { position: fixed; top: max(12px, env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right)); z-index: 1; display: flex; align-items: center; gap: 4px; }
.attachment-image-viewer-actions button[b-n2ze0mhqk4] { display: grid; flex: none; place-items: center; width: 44px; height: 44px; min-width: 44px; margin: 0; padding: 0; border: 0; background: transparent; color: rgb(255 255 255 / .8); cursor: pointer; transition:var(--hover-transition); }
.attachment-image-viewer-actions button:focus-visible[b-n2ze0mhqk4] { outline: 2px solid #ddd1ff; outline-offset: 2px; }
.attachment-image-viewer-actions button:disabled[b-n2ze0mhqk4] { opacity: .4; cursor: default; }
.attachment-image-viewer-actions[b-n2ze0mhqk4]  svg { display: block; flex: none; }
.attachment-image-viewer-stage[b-n2ze0mhqk4] { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 0; width: 100%; height: 100%; }
.attachment-image-viewer-stage img[b-n2ze0mhqk4] { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; min-width: 0; min-height: 0; object-fit: contain; }
.attachment-image-viewer[data-image-viewer-motion="opening"] .attachment-image-viewer-stage[b-n2ze0mhqk4] { animation: attachment-image-open-b-n2ze0mhqk4 180ms ease-out both; }
.attachment-image-viewer[data-image-viewer-motion="closing"] .attachment-image-viewer-stage[b-n2ze0mhqk4] { animation: attachment-image-close-b-n2ze0mhqk4 180ms ease-in both; }
.attachment-image-viewer[data-image-viewer-motion="opening"][b-n2ze0mhqk4]::backdrop { animation: attachment-image-backdrop-in-b-n2ze0mhqk4 180ms ease-out both; }
.attachment-image-viewer[data-image-viewer-motion="closing"][b-n2ze0mhqk4]::backdrop { animation: attachment-image-backdrop-out-b-n2ze0mhqk4 180ms ease-in both; }
.attachment-image-viewer[data-image-viewer-motion="opening"] .attachment-image-viewer-actions[b-n2ze0mhqk4], .attachment-image-viewer[data-image-viewer-motion="opening"][b-n2ze0mhqk4]  [data-image-zoom-controls] { animation: attachment-image-fade-in-b-n2ze0mhqk4 180ms ease-out both; }
.attachment-image-viewer[data-image-viewer-motion="closing"] .attachment-image-viewer-actions[b-n2ze0mhqk4], .attachment-image-viewer[data-image-viewer-motion="closing"][b-n2ze0mhqk4]  [data-image-zoom-controls] { animation: attachment-image-fade-out-b-n2ze0mhqk4 180ms ease-in both; }
.attachment-image-viewer[data-image-viewer-motion="closing"] .attachment-image-viewer-stage[b-n2ze0mhqk4], .attachment-image-viewer[data-image-viewer-motion="closing"] .attachment-image-viewer-actions[b-n2ze0mhqk4], .attachment-image-viewer[data-image-viewer-motion="closing"][b-n2ze0mhqk4]  [data-image-zoom-controls] { pointer-events: none; }

@media (hover: hover) {
    .attachment-image-thumbnail:hover:where(:not([data-touch-input] *)):not(:disabled)[b-n2ze0mhqk4] { background:var(--hover-background); color:var(--hover-color); }
    .attachment-image-thumbnail:hover:where(:not([data-touch-input] *)):not(:disabled) .attachment-image-expand[b-n2ze0mhqk4] { opacity: 1; transform: none; }
    article.attachment-image-card .attachment-image-actions[b-n2ze0mhqk4]  button:hover:where(:not([data-touch-input] *)):not(:disabled) { background:var(--hover-background); color:var(--hover-color); }
    .attachment-image-card .attachment-image-actions[b-n2ze0mhqk4]  .danger-text-button:hover:where(:not([data-touch-input] *)):not(:disabled) { background:var(--hover-background); color:var(--danger, #a33a34); }
    .attachment-image-viewer-actions button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-n2ze0mhqk4] { color:var(--hover-color); background:var(--hover-background); }
}

@media (max-width: 540px) {
    .attachment-image-card:not(.attachment-image-only) .attachment-image-thumbnail[b-n2ze0mhqk4] { height: 160px; }
    article.attachment-image-card .attachment-image-actions[b-n2ze0mhqk4]  button { width: 44px; min-width: 44px; height: 44px; min-height: 44px; }
    .attachment-image-card .attachment-image-actions .attachment-image-retry[b-n2ze0mhqk4] { width: auto; }
    .attachment-image-viewer[b-n2ze0mhqk4] { padding: max(56px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(56px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
}

@media (hover: none) {
    .attachment-image-expand[b-n2ze0mhqk4] { opacity: 1; transform: none; }
}

@keyframes attachment-image-loading-b-n2ze0mhqk4 { from { opacity: .3; } to { opacity: .8; } }
@keyframes attachment-image-open-b-n2ze0mhqk4 { from { opacity: var(--image-viewer-from-opacity, 0); transform: var(--image-viewer-from-transform, scale(.96)); } to { opacity: 1; transform: none; } }
@keyframes attachment-image-close-b-n2ze0mhqk4 { from { opacity: var(--image-viewer-from-opacity, 1); transform: var(--image-viewer-from-transform, none); } to { opacity: 0; transform: scale(.96); } }
@keyframes attachment-image-fade-in-b-n2ze0mhqk4 { from { opacity: var(--image-viewer-from-opacity, 0); } to { opacity: 1; } }
@keyframes attachment-image-fade-out-b-n2ze0mhqk4 { from { opacity: var(--image-viewer-from-opacity, 1); } to { opacity: 0; } }
@keyframes attachment-image-backdrop-in-b-n2ze0mhqk4 { from { opacity: var(--image-viewer-from-backdrop-opacity, 0); } to { opacity: 1; } }
@keyframes attachment-image-backdrop-out-b-n2ze0mhqk4 { from { opacity: var(--image-viewer-from-backdrop-opacity, 1); } to { opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
    .attachment-image-card[b-n2ze0mhqk4], .attachment-image-thumbnail[b-n2ze0mhqk4], .attachment-image-expand[b-n2ze0mhqk4],
    article.attachment-image-card .attachment-image-actions[b-n2ze0mhqk4]  button, .attachment-image-viewer-actions button[b-n2ze0mhqk4] { transition: none; }
    .attachment-image-viewer[data-image-viewer-motion] .attachment-image-viewer-stage[b-n2ze0mhqk4], .attachment-image-viewer[data-image-viewer-motion][b-n2ze0mhqk4]::backdrop, .attachment-image-viewer[data-image-viewer-motion] .attachment-image-viewer-actions[b-n2ze0mhqk4], .attachment-image-viewer[data-image-viewer-motion][b-n2ze0mhqk4]  [data-image-zoom-controls], .attachment-image-card[data-preview-state="loading"] .attachment-image-placeholder[b-n2ze0mhqk4]::after { animation: none; }
}

@media (forced-colors: active) {
    .attachment-image-card[b-n2ze0mhqk4], .attachment-image-thumbnail[b-n2ze0mhqk4], .attachment-image-expand[b-n2ze0mhqk4],
    article.attachment-image-card .attachment-image-actions[b-n2ze0mhqk4]  button, .attachment-image-viewer-actions button[b-n2ze0mhqk4] { background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none; }
    .attachment-image-viewer[b-n2ze0mhqk4] { background: transparent; }
    .attachment-image-meta strong[b-n2ze0mhqk4], .attachment-image-meta small[b-n2ze0mhqk4], .attachment-image-placeholder[b-n2ze0mhqk4] { color: CanvasText; }
    .attachment-image-thumbnail:focus-visible[b-n2ze0mhqk4], article.attachment-image-card .attachment-image-actions[b-n2ze0mhqk4]  button:focus-visible, .attachment-image-viewer-actions button:focus-visible[b-n2ze0mhqk4] { outline-color: Highlight; }
}
/* _content/YakoPlan.UI/Components/CollaborationPanel.razor.rz.scp.css */
.collaboration-panel .sr-only[b-2niqu8a4t2] { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

.collaboration-panel-task[b-2niqu8a4t2] {
    --collaboration-fill: color-mix(in srgb, var(--ink, #262823) 3%, transparent);
    --collaboration-hover: color-mix(in srgb, var(--ink, #262823) 7%, transparent);
    min-width: 0;
    gap: 14px;
    padding: 0;
    border: 0;
    font-size: .875rem;
    line-height: 1.5;
}

.collaboration-panel-task > .online-feature-controls[b-2niqu8a4t2] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    align-items: start;
    gap: 14px;
}

.collaboration-panel-task[b-2niqu8a4t2]  .online-feature-controls > :not(.collaboration-comments):not(.collaboration-files) {
    grid-column: 1 / -1;
}

.collaboration-panel-task .collaboration-assignee[b-2niqu8a4t2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(160px, .8fr);
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--line, #dcd8ce);
    border-radius: 13px;
    background: var(--collaboration-fill);
    font-size: .875rem;
    font-weight: 600;
}

.collaboration-panel-task .collaboration-field-label[b-2niqu8a4t2],
.collaboration-panel-task .collaboration-block-heading[b-2niqu8a4t2],
.collaboration-panel-task .collaboration-block-heading h4[b-2niqu8a4t2] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.collaboration-panel-task .collaboration-block-heading[b-2niqu8a4t2] { justify-content: space-between; }
.collaboration-panel-task .collaboration-block-heading h4[b-2niqu8a4t2] { margin: 0; font: 600 .875rem/1.4 var(--planner-font); }
.collaboration-panel-task[b-2niqu8a4t2]  svg { flex: none; }
.collaboration-panel-task .collaboration-field-label[b-2niqu8a4t2]  svg,
.collaboration-panel-task .collaboration-block-heading[b-2niqu8a4t2]  svg { color: var(--ink-soft, #66685f); }

.collaboration-panel-task select[b-2niqu8a4t2],
.collaboration-panel-task:not(.chat-ui) textarea[b-2niqu8a4t2] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid var(--line, #dcd8ce);
    border-radius: 10px;
    background-color: var(--surface, #fffdf8);
    color: var(--ink, #262823);
    font: 400 .875rem/1.5 var(--planner-font);
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.collaboration-panel-task select[b-2niqu8a4t2] { padding-inline-end: 32px; }
.collaboration-panel-task:not(.chat-ui) textarea[b-2niqu8a4t2] { min-height: 104px; resize: vertical; }
.collaboration-panel-task:not(.chat-ui) textarea[b-2niqu8a4t2]::placeholder { color: var(--ink-soft, #66685f); opacity: .8; }
.collaboration-panel-task:not(.chat-ui) textarea:focus-visible[b-2niqu8a4t2] { border-color: var(--focus, #66685f); box-shadow: 0 0 0 2px color-mix(in srgb, var(--focus, #66685f) 14%, transparent); }

.collaboration-panel-task .collaboration-block[b-2niqu8a4t2] {
    min-width: 0;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--line, #dcd8ce);
    border-radius: 13px;
    background: var(--collaboration-fill);
}

.collaboration-panel-task .collaboration-files[b-2niqu8a4t2] { display: flex; flex-direction: column; align-self: stretch; }
.collaboration-panel-task .collaboration-files .collaboration-upload[b-2niqu8a4t2] { flex: 1; }

.collaboration-panel-task .collaboration-count[b-2niqu8a4t2] {
    flex: none;
    display: inline-grid;
    place-items: center;
    min-width: 24px;
    height: 24px;
    padding-inline: 6px;
    border-radius: 7px;
    background: var(--collaboration-hover);
    color: var(--ink-soft, #66685f);
    font-size: .75rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.collaboration-panel-task .activity-line[b-2niqu8a4t2] { margin: 0 !important; color: var(--ink-soft, #66685f); font-size: .8125rem; line-height: 1.6; }
.collaboration-panel-task:not(.chat-ui) .collaboration-compose[b-2niqu8a4t2] { display: grid; min-width: 0; gap: 10px; }
.collaboration-panel-task:not(.chat-ui) .collaboration-compose:empty[b-2niqu8a4t2] { display: none; }
.collaboration-panel-task:not(.chat-ui) .collaboration-comment[b-2niqu8a4t2] { min-width: 0; gap: 8px; padding: 12px; border-radius: 10px; box-shadow: none; }
.collaboration-panel-task:not(.chat-ui) .collaboration-comment header[b-2niqu8a4t2] { align-items: baseline; flex-wrap: wrap; gap: 2px 10px; }
.collaboration-panel-task:not(.chat-ui) .collaboration-comment header strong[b-2niqu8a4t2] { min-width: 0; overflow-wrap: anywhere; font-weight: 600; }
.collaboration-panel-task:not(.chat-ui) .collaboration-comment header time[b-2niqu8a4t2] { font-size: .75rem; }
.collaboration-panel-task:not(.chat-ui) .collaboration-comment p[b-2niqu8a4t2] { font-size: .875rem; line-height: 1.6; }

.collaboration-panel-task:not(.chat-ui) :is(.inline-action, .danger-text-button)[b-2niqu8a4t2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 6px 10px;
    border: 1px solid var(--line, #dcd8ce);
    border-radius: 9px;
    background: transparent;
    color: var(--ink, #262823);
    font: 500 .8125rem/1.4 var(--planner-font);
    text-decoration: none;
    transition:var(--hover-transition);
}

.collaboration-panel-task:not(.chat-ui) :is(.inline-action, .danger-text-button):hover:where(:not([data-touch-input] *)):not(:disabled)[b-2niqu8a4t2] { background:var(--hover-background); color:var(--hover-color); }
.collaboration-panel-task:not(.chat-ui) .danger-text-button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-2niqu8a4t2] { background:var(--hover-background); color:var(--danger, #a33a34); border-color:var(--hover-border); }
.collaboration-panel-task:not(.chat-ui) :is(.inline-action, .danger-text-button):disabled[b-2niqu8a4t2] { opacity: .45; cursor: default; }
.collaboration-panel-task:not(.chat-ui) .collaboration-post[b-2niqu8a4t2] { justify-self: end; min-height: 40px; padding-inline: 13px; background: var(--accent-soft, #f4dfd6); border-color: color-mix(in srgb, var(--accent, #c76345) 35%, var(--line, #dcd8ce)); color: var(--accent-deep, #9f422b); }
.collaboration-panel-task:not(.chat-ui) .collaboration-post:hover:where(:not([data-touch-input] *)):not(:disabled)[b-2niqu8a4t2] { background:var(--hover-background); color:var(--hover-color); }

.collaboration-compose-actions[b-2niqu8a4t2] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.collaboration-mention-chips[b-2niqu8a4t2] { display: flex; flex-wrap: wrap; gap: 6px; }
.collaboration-mention-chip[b-2niqu8a4t2] { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; min-height: 30px; padding: 4px 8px; border: 0; border-radius: var(--pill-radius); background: var(--pill-fill); color: var(--pill-ink); font: 500 .75rem/1.5 var(--planner-font); }
.collaboration-mention-chip span[b-2niqu8a4t2] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.collaboration-mention-chip:hover:where(:not([data-touch-input] *)):not(:disabled)[b-2niqu8a4t2] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
.collaboration-mention-chip[b-2niqu8a4t2]  svg { flex: none; }

.collaboration-panel-task .collaboration-upload[b-2niqu8a4t2] {
    position: relative;
    min-height: 128px;
    padding: 20px 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px dashed color-mix(in srgb, var(--ink-soft, #66685f) 42%, transparent);
    border-radius: 10px;
    background: var(--surface, #fffdf8);
    color: var(--ink-soft, #66685f);
    font-size: .8125rem;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition:var(--hover-transition);
}

.collaboration-panel-task .collaboration-upload[b-2niqu8a4t2]  input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: inherit; }
.collaboration-panel-task .collaboration-upload:hover:where(:not([data-touch-input] *)):not(:has(input:not([hidden]):disabled))[b-2niqu8a4t2] { background:var(--hover-background); border-color:var(--hover-border); color:var(--hover-color); }
.collaboration-panel-task .collaboration-upload:has(:focus-visible)[b-2niqu8a4t2] { outline: 2px solid var(--focus, #66685f); outline-offset: 3px; }
.collaboration-panel-task .collaboration-upload:has(input:not([hidden]):disabled)[b-2niqu8a4t2] { opacity: .45; cursor: default; }
.collaboration-panel-task[b-2niqu8a4t2]  .collaboration-attachment { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 9px; padding: 10px 0; }
.collaboration-panel-task[b-2niqu8a4t2]  .collaboration-attachment > span { gap: 3px; margin: 0; }
.collaboration-panel-task[b-2niqu8a4t2]  .collaboration-attachment strong { max-width: 100%; font-size: .8125rem; font-weight: 600; }
.collaboration-panel-task[b-2niqu8a4t2]  .collaboration-attachment small { overflow-wrap: anywhere; font-size: .75rem; line-height: 1.4; }
.collaboration-panel-task .collaboration-file-actions[b-2niqu8a4t2] { display: flex; gap: 3px; }
.collaboration-panel-task .collaboration-file-actions button[b-2niqu8a4t2] { width: 32px; min-height: 36px; padding: 0; border-color: transparent; }
.collaboration-panel-task:not(.chat-ui) .collaboration-file-actions button[b-2niqu8a4t2] { border: 0; background: transparent; box-shadow: none; }
.collaboration-panel-task[b-2niqu8a4t2]  .collaboration-file-icon { color: var(--ink-soft, #66685f); }

.collaboration-image-gallery[b-2niqu8a4t2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 148px), 1fr));
    align-items: start;
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.collaboration-panel-task .collaboration-files:has(.collaboration-image-gallery, .file-card-grid li) .collaboration-upload[b-2niqu8a4t2] {
    flex: none;
    flex-direction: row;
    min-height: 48px;
    padding: 10px 12px;
    gap: 9px;
}

.collaboration-panel .collaboration-activity[b-2niqu8a4t2] { min-width: 0; border-block: 1px solid var(--line, #dcd8ce); }
.collaboration-panel .collaboration-activity summary[b-2niqu8a4t2] { display: flex; align-items: center; gap: 9px; min-height: 48px; padding: 6px 2px; color: var(--ink-soft, #66685f); font-weight: 500; cursor: pointer; list-style: none; }
.collaboration-panel .collaboration-activity summary[b-2niqu8a4t2]::-webkit-details-marker { display: none; }
.collaboration-panel .collaboration-activity summary > span:first-of-type[b-2niqu8a4t2] { flex: 1; }
.collaboration-panel .collaboration-activity summary:focus-visible[b-2niqu8a4t2] { outline: 2px solid var(--accent, #c76345); outline-offset: 3px; border-radius: 4px; }
.collaboration-panel .collaboration-activity-list[b-2niqu8a4t2] { display: grid; gap: 12px; min-width: 0; padding: 4px 0 12px; }
.collaboration-panel .collaboration-history-reveal[b-2niqu8a4t2] { display: grid; grid-template-rows: 1fr; min-height: 1.6em; animation: collaboration-history-reveal-b-2niqu8a4t2 280ms cubic-bezier(.22,1,.36,1); }
.collaboration-panel .collaboration-history-reveal-body[b-2niqu8a4t2] { display: grid; align-content: start; gap: 12px; min-height: 0; min-width: 0; }
@keyframes collaboration-history-reveal-b-2niqu8a4t2 {
    from { grid-template-rows: 0fr; opacity: 0; overflow: clip; }
    to { grid-template-rows: 1fr; opacity: 1; overflow: clip; }
}
.collaboration-panel .collaboration-activity[open] > .collaboration-activity-list[b-2niqu8a4t2] { animation: collaboration-history-open-b-2niqu8a4t2 200ms ease-out; }
.collaboration-panel .collaboration-history-entries[b-2niqu8a4t2] { display: grid; gap: 0; min-width: 0; margin: 0; padding: 0; list-style: none; }
.collaboration-panel .collaboration-history-entry[b-2niqu8a4t2] { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: start; gap: 12px; min-width: 0; min-height: 48px; margin: 0; padding: 14px 0; }
.collaboration-panel .collaboration-history-entry + .collaboration-history-entry[b-2niqu8a4t2] { border-top: 1px solid var(--line, #dcd8ce); }
.collaboration-panel .collaboration-history-avatar[b-2niqu8a4t2] { width: 48px; height: 48px; font-size: .9375rem; }
.collaboration-panel .collaboration-history-avatar img[b-2niqu8a4t2] { width: 100%; height: 100%; object-fit: cover; }
.collaboration-panel .collaboration-history-detail[b-2niqu8a4t2] { display: grid; align-content: center; gap: 4px; min-width: 0; min-height: 48px; }
.collaboration-panel .collaboration-history-description[b-2niqu8a4t2] { margin: 0 !important; color: var(--ink, #262823); font-size: .9375rem; line-height: 1.5; overflow-wrap: anywhere; }
.collaboration-panel .collaboration-history-description strong[b-2niqu8a4t2] { font-weight: 600; }
.collaboration-panel .collaboration-history-entry time[b-2niqu8a4t2] { margin: 0; color: var(--ink-soft, #66685f); font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; }

@keyframes collaboration-history-open-b-2niqu8a4t2 {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}
.collaboration-panel-task .collaboration-privacy[b-2niqu8a4t2] { display: flex; align-items: flex-start; gap: 7px; margin: 0; color: var(--ink-soft, #66685f); font-size: .75rem; line-height: 1.5; }
.collaboration-panel-task .collaboration-privacy[b-2niqu8a4t2]  svg { margin-top: 2px; }

@media (max-width: 640px) {
    .collaboration-panel-task > .online-feature-controls[b-2niqu8a4t2] { grid-template-columns: minmax(0, 1fr); }
    .collaboration-panel-task .collaboration-assignee[b-2niqu8a4t2] { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .collaboration-panel-task .collaboration-block[b-2niqu8a4t2] { padding: 14px; }
    .collaboration-panel .collaboration-history-entry[b-2niqu8a4t2] { gap: 10px; }
    .collaboration-panel-task:not(.chat-ui) :is(.inline-action, .danger-text-button)[b-2niqu8a4t2] { min-height: 44px; }
    .collaboration-panel-task .collaboration-file-actions button[b-2niqu8a4t2] { width: 38px; }
    .collaboration-mention-chip[b-2niqu8a4t2] { min-height: 36px; }
}

.collaboration-panel-comments > .online-feature-controls[b-2niqu8a4t2],
.collaboration-panel-files > .online-feature-controls[b-2niqu8a4t2],
.collaboration-panel-assignment > .online-feature-controls[b-2niqu8a4t2],
.collaboration-panel-activity > .online-feature-controls[b-2niqu8a4t2] { grid-template-columns: minmax(0, 1fr); }

.collaboration-panel-files .collaboration-files[b-2niqu8a4t2],
.collaboration-panel-assignment .collaboration-assignee[b-2niqu8a4t2] { min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.collaboration-panel-assignment .collaboration-assignee[b-2niqu8a4t2] { grid-template-columns: minmax(0, 1fr); gap: 0; }

.collaboration-panel .collaboration-comments[b-2niqu8a4t2] {
    min-width: 0;
    gap: 18px;
}
.collaboration-panel-comments .collaboration-comments[b-2niqu8a4t2] { padding: 0; border: 0; background: transparent; }
.collaboration-panel:not(.chat-ui) .collaboration-messages[b-2niqu8a4t2] {
    display: grid;
    align-content: start;
    gap: 18px;
    min-width: 0;
    max-height: min(43dvh, 370px);
    padding: 2px 4px 4px 0;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--line) transparent;
}
.collaboration-panel:not(.chat-ui) .collaboration-empty[b-2niqu8a4t2] { display: grid; justify-items: center; gap: 12px; padding: 30px 16px; color: var(--ink-soft); text-align: center; }
.collaboration-panel:not(.chat-ui) .collaboration-empty p[b-2niqu8a4t2] { margin: 0; font: 400 .875rem/1.6 var(--planner-font); }
.collaboration-panel:not(.chat-ui) .collaboration-message-date[b-2niqu8a4t2] { display: flex; align-items: center; gap: 12px; color: var(--ink-soft); font: 400 .6875rem/1.5 var(--planner-font); }
.collaboration-panel:not(.chat-ui) .collaboration-message-date[b-2niqu8a4t2]::before,
.collaboration-panel:not(.chat-ui) .collaboration-message-date[b-2niqu8a4t2]::after { content: ""; flex: 1; height: 1px; background: var(--line); opacity: .65; }
.collaboration-panel:not(.chat-ui) .collaboration-comment[b-2niqu8a4t2] { --comment-avatar-size: 48px; display: grid; grid-template-columns: var(--comment-avatar-size) minmax(0, 1fr); grid-template-rows: auto auto; justify-self: start; gap: 5px 10px; width: 100%; max-width: min(84%, 36rem); min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.collaboration-panel:not(.chat-ui) .collaboration-comment-own[b-2niqu8a4t2] { grid-template-columns: minmax(0, 1fr) var(--comment-avatar-size); justify-self: end; width: fit-content; }
.collaboration-panel:not(.chat-ui) .collaboration-avatar[b-2niqu8a4t2] { grid-column: 1; grid-row: 2; align-self: start; display: grid; place-items: center; width: var(--comment-avatar-size); height: var(--comment-avatar-size); overflow: hidden; border-radius: 50%; }
.collaboration-panel:not(.chat-ui) .collaboration-avatar[b-2niqu8a4t2] { font-size: .875rem; }
.collaboration-panel:not(.chat-ui) .collaboration-avatar img[b-2niqu8a4t2] { width: 100%; height: 100%; object-fit: cover; }
.collaboration-panel:not(.chat-ui) .collaboration-profile-button[b-2niqu8a4t2] { padding:0; border:0; cursor:pointer; }
.collaboration-panel:not(.chat-ui) .collaboration-profile-button:focus-visible[b-2niqu8a4t2] { outline:2px solid var(--accent); outline-offset:3px; }
@media(prefers-reduced-motion:reduce) { .collaboration-profile-button[b-2niqu8a4t2] { transition:none; } }
.collaboration-panel:not(.chat-ui) .collaboration-message[b-2niqu8a4t2] { grid-column: 2; grid-row: 2; display: grid; gap: 5px; min-width: 0; }
.collaboration-panel:not(.chat-ui) .collaboration-comment .collaboration-message-meta[b-2niqu8a4t2] { grid-column: 1 / -1; grid-row: 1; display: flex; align-items: center; flex-wrap: nowrap; justify-self: start; justify-content: flex-start; gap: 8px; width: fit-content; max-width: 100%; min-width: 0; min-height: 28px; margin: 0; padding: 0; border: 0; background: transparent; }
.collaboration-panel:not(.chat-ui) .collaboration-message-author[b-2niqu8a4t2] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 6px; min-width: 0; }
.collaboration-panel:not(.chat-ui) .collaboration-message-meta strong[b-2niqu8a4t2] { min-width: 0; overflow-wrap: anywhere; font: 600 .8125rem/1.4 var(--planner-font); }
.collaboration-panel:not(.chat-ui) .collaboration-comment .collaboration-message-meta time[b-2niqu8a4t2] { color: var(--ink-soft); font: 400 .6875rem/1.4 var(--planner-font); white-space: nowrap; }
.collaboration-panel:not(.chat-ui) .collaboration-message-actions[b-2niqu8a4t2] { display: flex; flex: none; align-items: center; gap: 2px; margin: 0; }
/* Own comments read outward from the right: name, time, edit, delete. */
.collaboration-panel:not(.chat-ui) .collaboration-comment-own .collaboration-avatar[b-2niqu8a4t2] { grid-column: 2; }
.collaboration-panel:not(.chat-ui) .collaboration-comment-own .collaboration-message[b-2niqu8a4t2] { grid-column: 1; }
.collaboration-panel:not(.chat-ui) .collaboration-comment-own .collaboration-message-meta[b-2niqu8a4t2] { justify-self: end; flex-direction: row-reverse; }
.collaboration-panel:not(.chat-ui) .collaboration-comment-own .collaboration-message-author[b-2niqu8a4t2],
.collaboration-panel:not(.chat-ui) .collaboration-comment-own .collaboration-message-actions[b-2niqu8a4t2] { flex-direction: row-reverse; }
.collaboration-panel:not(.chat-ui) .collaboration-comment-own .collaboration-message-author[b-2niqu8a4t2] { text-align: right; }
.collaboration-panel:not(.chat-ui) .collaboration-message-actions :is(.inline-action, .danger-text-button)[b-2niqu8a4t2] { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 28px; min-width: 28px; height: 28px; min-height: 28px; margin: 0; padding: 0; border: 0; border-radius: 7px; background: transparent; color: var(--ink-soft); line-height: 1; }
.collaboration-panel:not(.chat-ui) .collaboration-message-actions[b-2niqu8a4t2]  svg { display: block; }
.collaboration-panel:not(.chat-ui) .collaboration-message-actions button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-2niqu8a4t2] { background:var(--hover-background); color:var(--hover-color); }
.collaboration-panel:not(.chat-ui) .collaboration-message-actions .danger-text-button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-2niqu8a4t2] { color:var(--danger, #a33a34); background:var(--hover-background); }
.collaboration-panel:not(.chat-ui) .collaboration-message-bubble[b-2niqu8a4t2] { box-sizing: border-box; display: grid; align-content: center; justify-self: start; width: fit-content; max-width: 100%; min-width: 0; min-height: var(--comment-avatar-size); padding: 10px 13px; border: 1px solid color-mix(in srgb, var(--line) 60%, transparent); border-radius: 4px 13px 13px; background: color-mix(in srgb, var(--ink) 4%, transparent); }
.collaboration-panel:not(.chat-ui) .collaboration-comment-own .collaboration-message-bubble[b-2niqu8a4t2] { justify-self: end; border-radius: 13px 4px 13px 13px; background: color-mix(in srgb, var(--ink) 8%, var(--surface)); }
.collaboration-panel:not(.chat-ui) .collaboration-message-bubble-editing[b-2niqu8a4t2] { width: 100%; }
.collaboration-panel:not(.chat-ui) .collaboration-message-bubble-editing[data-chat-message-highlight][b-2niqu8a4t2] { outline:none; animation:message-jump-highlight-b-2niqu8a4t2 1600ms ease-out; }
@keyframes message-jump-highlight-b-2niqu8a4t2 { 0%,20% { background-color:color-mix(in srgb,var(--accent) 24%,var(--surface)); } 100% { background-color:var(--surface); } }
@media(prefers-reduced-motion:reduce) { .collaboration-panel:not(.chat-ui) .collaboration-message-bubble-editing[data-chat-message-highlight][b-2niqu8a4t2] { animation:none; background:color-mix(in srgb,var(--accent) 24%,var(--surface)); } }
.collaboration-panel:not(.chat-ui) .collaboration-comment .collaboration-message-bubble p[b-2niqu8a4t2] { margin: 0; color: var(--ink); font: 400 .875rem/1.6 var(--planner-font); white-space: pre-wrap; overflow-wrap: anywhere; }
.collaboration-panel:not(.chat-ui) .collaboration-compose[b-2niqu8a4t2] { box-sizing: border-box; display: grid; grid-template-rows: minmax(24px, 1fr) auto; gap: 4px; min-width: 0; height: 100px; min-height: 100px; max-height: 320px; padding: 8px 10px 16px; overflow: auto; resize: vertical; border: 1px solid var(--line); border-radius: 13px; background: color-mix(in srgb, var(--surface) 85%, transparent); transition: none; }
.collaboration-panel:not(.chat-ui) .collaboration-compose:focus-within[b-2niqu8a4t2] { border-color: var(--focus); box-shadow: 0 0 0 2px color-mix(in srgb, var(--focus) 12%, transparent); }
.collaboration-panel:not(.chat-ui)[b-2niqu8a4t2]  textarea.collaboration-message-input,
.collaboration-panel:not(.chat-ui)[b-2niqu8a4t2]  textarea.collaboration-message-edit { box-sizing: border-box; display: block; width: 100%; min-width: 0; max-width: 100%; min-height: 56px; max-height: 160px; margin: 0; padding: 0; border: 0; border-radius: 0; outline: 0; box-shadow: none; background: transparent; color: var(--ink); font: 400 .875rem/1.6 var(--planner-font); letter-spacing: normal; resize: vertical; field-sizing: content; }
.collaboration-panel:not(.chat-ui)[b-2niqu8a4t2]  textarea.collaboration-message-input { min-height: 24px; height: 100%; max-height: none; resize: none; field-sizing: fixed; }
.collaboration-panel:not(.chat-ui) .collaboration-compose-editing[b-2niqu8a4t2] { height: auto; min-height: 0; grid-template-rows: auto; resize: none; padding-bottom: 8px; }
.collaboration-panel:not(.chat-ui)[b-2niqu8a4t2]  textarea.collaboration-message-input:focus-visible,
.collaboration-panel:not(.chat-ui)[b-2niqu8a4t2]  textarea.collaboration-message-edit:focus-visible { box-shadow: none; outline: none; }
.collaboration-panel:not(.chat-ui)[b-2niqu8a4t2]  textarea.collaboration-message-edit:focus-visible { outline: 1px solid var(--focus); outline-offset: 4px; }
.collaboration-panel:not(.chat-ui)[b-2niqu8a4t2]  textarea.collaboration-message-input::placeholder { color: var(--ink-soft); opacity: 1; }
.collaboration-panel:not(.chat-ui) .collaboration-compose-actions[b-2niqu8a4t2] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.collaboration-mention-tools[b-2niqu8a4t2] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; min-width: 0; }
.collaboration-panel:not(.chat-ui) .collaboration-emoji[b-2niqu8a4t2] { display:grid; place-items:center; flex:none; width:36px; height:36px; margin:0; padding:0; border:0; border-radius:10px; background:transparent; color:var(--ink-soft); cursor:pointer; transition:var(--hover-transition),transform 120ms ease; }
.collaboration-panel:not(.chat-ui) .collaboration-emoji[aria-expanded="true"][b-2niqu8a4t2] { border-color:var(--open-border); background:var(--open-background); color:var(--open-color); box-shadow:none; }
.collaboration-panel:not(.chat-ui) .collaboration-emoji:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-expanded="true"])[b-2niqu8a4t2] { background:var(--hover-background); color:var(--hover-color); }
.collaboration-panel:not(.chat-ui) .collaboration-emoji:active:not(:disabled)[b-2niqu8a4t2] { background:color-mix(in srgb,var(--ink) 14%,transparent); color:var(--ink); transform:scale(.92); }
.collaboration-panel:not(.chat-ui) .collaboration-emoji:disabled[b-2niqu8a4t2] { opacity:.35; cursor:default; }
.collaboration-panel:not(.chat-ui) .collaboration-emoji:focus-visible[b-2niqu8a4t2] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }
.collaboration-send-status[b-2niqu8a4t2] { color: var(--muted); font-size: .75rem; }
.collaboration-send-status:empty[b-2niqu8a4t2] { display: none; }
.collaboration-mention-tools .collaboration-mention-chips[b-2niqu8a4t2] { min-width: 0; max-width: 100%; }
.collaboration-panel:not(.chat-ui) .collaboration-post[b-2niqu8a4t2] { grid-column: 2; margin: 0; width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 0; border-radius: 10px; background: var(--ink); color: var(--surface); border: 1px solid transparent; }
.collaboration-panel:not(.chat-ui) .collaboration-post:hover:where(:not([data-touch-input] *)):not(:disabled)[b-2niqu8a4t2] { background:var(--hover-background); color:var(--hover-color); }
.collaboration-panel:not(.chat-ui) .collaboration-post:disabled[b-2niqu8a4t2] { opacity: .4; }
.collaboration-panel:not(.chat-ui) .collaboration-message-bubble .collaboration-row[b-2niqu8a4t2] { justify-content: flex-end; margin-top: 10px; }

@media (max-width: 640px) {
    .collaboration-panel-comments .collaboration-comments[b-2niqu8a4t2] { padding: 0; }
    .collaboration-panel:not(.chat-ui) .collaboration-comment[b-2niqu8a4t2] { --comment-avatar-size: 44px; column-gap: 8px; }
    .collaboration-panel:not(.chat-ui) .collaboration-post[b-2niqu8a4t2] { width: 44px; min-width: 44px; height: 44px; min-height: 44px; }
    .collaboration-panel:not(.chat-ui)[b-2niqu8a4t2]  textarea.collaboration-message-input,
    .collaboration-panel:not(.chat-ui)[b-2niqu8a4t2]  textarea.collaboration-message-edit { font-size: 1rem; }
}
@media (pointer: coarse) {
    .collaboration-panel:not(.chat-ui) .collaboration-message-actions :is(.inline-action, .danger-text-button)[b-2niqu8a4t2] { width: 44px; height: 44px; min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
    .collaboration-panel:not(.chat-ui) .collaboration-compose[b-2niqu8a4t2] { transition: none; }
    .collaboration-panel-task :is(select, textarea, .inline-action, .danger-text-button, .collaboration-upload)[b-2niqu8a4t2],
    .collaboration-panel:not(.chat-ui)[b-2niqu8a4t2]  .collaboration-activity-chevron { transition: none; }
    .collaboration-panel:not(.chat-ui) .collaboration-activity[open] > .collaboration-activity-list[b-2niqu8a4t2], .collaboration-panel:not(.chat-ui) .collaboration-history-reveal[b-2niqu8a4t2] { animation: none; }
}

@media (forced-colors: active) {
    .collaboration-panel:not(.chat-ui) .collaboration-message-bubble[b-2niqu8a4t2], .collaboration-panel:not(.chat-ui) .collaboration-comment-own .collaboration-message-bubble[b-2niqu8a4t2], .collaboration-panel:not(.chat-ui) .collaboration-compose[b-2niqu8a4t2], .collaboration-panel:not(.chat-ui) .collaboration-avatar[b-2niqu8a4t2], .collaboration-panel:not(.chat-ui) .collaboration-history-avatar[b-2niqu8a4t2] { background: Canvas; color: CanvasText; border: 1px solid CanvasText; }
    .collaboration-panel-task :is(.collaboration-assignee, .collaboration-block, .collaboration-upload, .collaboration-count, .collaboration-post)[b-2niqu8a4t2] { background: Canvas; color: CanvasText; border-color: CanvasText; }
}

/* Chat conversations reuse the main conversation skin in CalendarChatPanel.
   Only the task collaboration lifecycle and its structural containers live here. */
.collaboration-compose-content[b-2niqu8a4t2] { display:contents; }
.collaboration-panel-chat[b-2niqu8a4t2] { --task-theme-ink:var(--ink); font-size:inherit; line-height:inherit; display:flex; flex-direction:column; flex:1; height:100%; min-width:0; min-height:0; gap:0; }
.collaboration-panel-chat > .online-feature-controls[b-2niqu8a4t2] { display:flex; flex-direction:column; align-items:stretch; flex:1; min-height:0; gap:0; padding:0; margin:0; }
.collaboration-panel-chat .collaboration-comments[b-2niqu8a4t2] { display:flex; flex-direction:column; flex:1; min-width:0; min-height:0; gap:0; padding:0; border:0; background:transparent; }
.collaboration-panel-chat .collaboration-compose-actions[b-2niqu8a4t2],
.collaboration-panel-chat .collaboration-mention-tools[b-2niqu8a4t2] { display:contents; }
.collaboration-send-feedback[b-2niqu8a4t2] { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.collaboration-panel-chat .collaboration-mention-chips[b-2niqu8a4t2] { order:1; flex:1 0 100%; }
.collaboration-panel-chat .collaboration-note[b-2niqu8a4t2],.collaboration-panel-chat .activity-line[b-2niqu8a4t2],.collaboration-panel-chat .form-message[b-2niqu8a4t2] { margin:10px 24px!important; }
.collaboration-panel:not(.chat-ui) .collaboration-compose.collaboration-compose-retry[b-2niqu8a4t2] { height:auto; min-height:148px; max-height:240px; grid-template-rows:minmax(42px,1fr) auto; }
.collaboration-panel:not(.chat-ui) .collaboration-comment .collaboration-message-bubble.chat-bubble-gif[b-2niqu8a4t2] { min-height:0; padding:0; border:0; border-radius:0; background:transparent; color:var(--ink); box-shadow:none; text-shadow:none; overflow:visible; }
.collaboration-panel:not(.chat-ui) .collaboration-comment .collaboration-message-bubble.chat-bubble-gif > p[b-2niqu8a4t2] { display:flex; }
/* _content/YakoPlan.UI/Components/ConversationAvatars.razor.rz.scp.css */
.conversation-avatars.avatar[b-4y16kqbxfh] { position:relative; display:block; flex:none; width:var(--conversation-avatar-size,40px); height:var(--conversation-avatar-size,40px); overflow:hidden; border-radius:50%; background:transparent; line-height:1; }
.conversation-avatar-custom[b-4y16kqbxfh] { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; pointer-events:none; }
.conversation-avatar-custom.is-loaded[b-4y16kqbxfh] { opacity:1; }
.conversation-avatar-slice[b-4y16kqbxfh],.conversation-avatar-fallback[b-4y16kqbxfh] { position:absolute; inset:0; display:grid; place-items:center; overflow:hidden; }
.conversation-avatar-content.avatar[b-4y16kqbxfh] { position:absolute; inset:0; display:grid; place-items:center; overflow:hidden; width:auto; height:auto; border-radius:0; font-size:inherit; container-type:size; }
.conversation-avatar-picture[b-4y16kqbxfh] { font-size:.85rem; }
/* Scale portraits into a square before clipping each slice. Object-fit in a
   narrow image box aliases high-resolution portraits during downsampling. */
.conversation-avatar-content img[b-4y16kqbxfh] { position:absolute; top:50%; left:50%; display:block; width:max(100cqw,100cqh); height:max(100cqw,100cqh); max-width:none; object-fit:cover; transform:translate(-50%,-50%); }
.conversation-avatar-fallback.avatar[b-4y16kqbxfh] { width:auto; height:auto; font-size:.9rem; }
.conversation-avatar-overflow[b-4y16kqbxfh] { font-size:.6rem; font-variant-numeric:tabular-nums; }
.conversation-avatar-dividers[b-4y16kqbxfh] { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; color:var(--surface,#fffdf8); }
.conversation-avatars[data-slices="2"] .slice-0[b-4y16kqbxfh] { clip-path:inset(0 50% 0 0); }
.conversation-avatars[data-slices="2"] .slice-1[b-4y16kqbxfh] { clip-path:inset(0 0 0 50%); }
.conversation-avatars[data-slices="2"] .slice-0 .conversation-avatar-content[b-4y16kqbxfh] { right:50%; }
.conversation-avatars[data-slices="2"] .slice-1 .conversation-avatar-content[b-4y16kqbxfh] { left:50%; }
.conversation-avatars[data-slices="2"] .conversation-avatar-picture[b-4y16kqbxfh] { font-size:.65rem; }
.conversation-avatars[data-slices="3"] .slice-0[b-4y16kqbxfh] { clip-path:polygon(50% 50%,0 78.868%,0 0,50% 0); }
.conversation-avatars[data-slices="3"] .slice-1[b-4y16kqbxfh] { clip-path:polygon(50% 50%,50% 0,100% 0,100% 78.868%); }
.conversation-avatars[data-slices="3"] .slice-2[b-4y16kqbxfh] { clip-path:polygon(50% 50%,100% 78.868%,100% 100%,0 100%,0 78.868%); }
.conversation-avatars[data-slices="3"] .slice-0 .conversation-avatar-content[b-4y16kqbxfh] { right:50%; bottom:21.132%; }
.conversation-avatars[data-slices="3"] .slice-1 .conversation-avatar-content[b-4y16kqbxfh] { left:50%; bottom:21.132%; }
.conversation-avatars[data-slices="3"] .slice-2 .conversation-avatar-content[b-4y16kqbxfh] { top:50%; }
.conversation-avatars[data-slices="3"] .conversation-avatar-picture[b-4y16kqbxfh] { font-size:.6rem; }
.conversation-avatars[data-slices="4"] .slice-0[b-4y16kqbxfh] { clip-path:inset(0 50% 50% 0); }
.conversation-avatars[data-slices="4"] .slice-1[b-4y16kqbxfh] { clip-path:inset(0 0 50% 50%); }
.conversation-avatars[data-slices="4"] .slice-2[b-4y16kqbxfh] { clip-path:inset(50% 0 0 50%); }
.conversation-avatars[data-slices="4"] .slice-3[b-4y16kqbxfh] { clip-path:inset(50% 50% 0 0); }
.conversation-avatars[data-slices="4"] .slice-0 .conversation-avatar-content[b-4y16kqbxfh] { right:50%; bottom:50%; }
.conversation-avatars[data-slices="4"] .slice-1 .conversation-avatar-content[b-4y16kqbxfh] { left:50%; bottom:50%; }
.conversation-avatars[data-slices="4"] .slice-2 .conversation-avatar-content[b-4y16kqbxfh] { top:50%; left:50%; }
.conversation-avatars[data-slices="4"] .slice-3 .conversation-avatar-content[b-4y16kqbxfh] { top:50%; right:50%; }
.conversation-avatars[data-slices="4"] .conversation-avatar-picture[b-4y16kqbxfh] { font-size:.6rem; }
.conversation-avatars[data-slices="4"] .slice-0 .conversation-avatar-content > span[b-4y16kqbxfh] { transform:translate(1.5px,1.5px); }
.conversation-avatars[data-slices="4"] .slice-1 .conversation-avatar-content > span[b-4y16kqbxfh] { transform:translate(-1.5px,1.5px); }
.conversation-avatars[data-slices="4"] .slice-2 .conversation-avatar-content > span[b-4y16kqbxfh] { transform:translate(-1.5px,-1.5px); }
.conversation-avatars[data-slices="4"] .slice-3 .conversation-avatar-content > span[b-4y16kqbxfh] { transform:translate(1.5px,-1.5px); }
@media (forced-colors:active) { .conversation-avatars.avatar[b-4y16kqbxfh] { background:Canvas; color:CanvasText; outline:1px solid CanvasText; outline-offset:-1px; } .conversation-avatar-content.avatar[b-4y16kqbxfh],.conversation-avatar-fallback.avatar[b-4y16kqbxfh] { background:Canvas; color:CanvasText; } .conversation-avatar-dividers[b-4y16kqbxfh] { color:CanvasText; } }
/* _content/YakoPlan.UI/Components/CustomThemeAtmosphere.razor.rz.scp.css */
.custom-theme-atmosphere[b-dnpimr24zk] {
    position: fixed;
    inset: 0 0 auto;
    top: var(--planner-paint-top, 0px);
    height: max(100%, var(--planner-paint-height, 0px));
    z-index: 0;
    pointer-events: none;
    user-select: none;
    overflow: hidden;
    border-radius: var(--planner-frame-radius, 0px);
}

.custom-theme-paint[b-dnpimr24zk] { position:absolute; inset:0; background:var(--custom-theme-paint-background,var(--custom-background)); }
.custom-theme-paint[data-theme-parallax-active][b-dnpimr24zk] { inset:-24px; }
.custom-theme-paint:not([data-theme-parallax-active])[b-dnpimr24zk] { transform:none!important; will-change:auto!important; }

/* Fade the moving painting independently of its current animation phase. */
.custom-theme-motion[b-dnpimr24zk] { position:absolute; inset:0; opacity:0; transition:opacity 360ms ease; }
.custom-theme-atmosphere[data-animated="true"] .custom-theme-motion[b-dnpimr24zk] { opacity:1; }

.custom-theme-wash[b-dnpimr24zk] {
    position: absolute;
    inset: 0;
    opacity: 0;
    background: linear-gradient(220deg,var(--custom-background),var(--custom-background-secondary));
    animation: custom-theme-colors-b-dnpimr24zk 24s ease-in-out infinite;
    animation-play-state: paused;
}

.custom-theme-atmosphere[data-background="aurora"] .custom-theme-wash[b-dnpimr24zk] {
    background: radial-gradient(ellipse at 85% 80%,color-mix(in srgb,var(--custom-accent) 24%,transparent),transparent 65%),
        linear-gradient(220deg,var(--custom-background),var(--custom-background-secondary));
}

.custom-theme-atmosphere[data-animated="true"] .custom-theme-wash[b-dnpimr24zk] { animation-play-state: running; }

.custom-theme-frame[b-dnpimr24zk] {
    position: fixed;
    inset: 0 0 auto;
    top: var(--planner-paint-top, 0px);
    height: max(100%, var(--planner-paint-height, 0px));
    /* Open topbar menus use 100; planner dialogs start at 105. */
    z-index: 101;
    padding: 2px;
    border-radius: var(--planner-frame-radius, 0px);
    overflow: hidden;
    pointer-events: none;
    user-select: none;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: exclude;
}

.custom-theme-frame > span[b-dnpimr24zk] {
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(90deg,#ff9f7a 0%,#ffd477 10%,#68dfcd 20%,#72a8ff 30%,#a993ff 40%,#f78fc9 45%,#ff9f7a 50%);
    background-size: 200% 100%;
    background-position: center;
}
.custom-theme-frame.has-visibility-transition[b-dnpimr24zk] { opacity:0; transition:opacity 240ms ease; }
.custom-theme-frame.has-visibility-transition[data-enabled="true"][b-dnpimr24zk] { opacity:1; }

.custom-theme-atmosphere.is-contained[b-dnpimr24zk], .custom-theme-frame.is-contained[b-dnpimr24zk] { position: absolute; inset:0; height:auto; }
.custom-theme-atmosphere.is-contained[b-dnpimr24zk], .custom-theme-frame.is-contained[b-dnpimr24zk] { border-radius:0; }

@keyframes custom-theme-colors-b-dnpimr24zk { 0%,100% { opacity: 0; } 50% { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
    .custom-theme-motion[b-dnpimr24zk] { transition:none; }
    .custom-theme-frame.has-visibility-transition[b-dnpimr24zk] { transition:none; }
    .custom-theme-wash[b-dnpimr24zk],.custom-theme-frame > span[b-dnpimr24zk] { animation: none!important; }
}

@media (prefers-reduced-motion: reduce), (forced-colors: active), print {
    .custom-theme-paint[data-theme-parallax-active][b-dnpimr24zk] { inset:0; transform:none!important; will-change:auto!important; }
}

@media (forced-colors: active),print {
    .custom-theme-atmosphere[b-dnpimr24zk],.custom-theme-frame[b-dnpimr24zk] { display: none; }
    .custom-theme-wash[b-dnpimr24zk],.custom-theme-frame > span[b-dnpimr24zk] { animation: none!important; }
}
/* _content/YakoPlan.UI/Components/EventEditorPanel.razor.rz.scp.css */
.calendar-item-dialog[b-3j5v89ofrv] {
    width: min(640px, 100%);
    height: auto;
    max-height: calc(100dvh - 48px);
    animation: calendar-item-enter-b-3j5v89ofrv 160ms ease-out;
}
.calendar-item-dialog[b-3j5v89ofrv]  .task-editor,
.calendar-item-dialog .read-only-event[b-3j5v89ofrv] {
    padding: 12px 28px 24px;
    overflow-y: auto;
    overscroll-behavior: contain;
    min-height: 0;
}
.calendar-item-dialog[b-3j5v89ofrv]  .title-input {
    width: 100%;
    min-height: 46px;
    margin-bottom: 20px;
    padding: 4px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--ink);
    font: 600 1.5rem/1.4 var(--planner-font);
    resize: none;
    field-sizing: content;
}
.calendar-item-dialog[b-3j5v89ofrv]  .editor-grid { gap: 14px; }
.calendar-item-dialog[b-3j5v89ofrv]  .calendar-item-schedule > label:first-child { grid-column: 1 / -1; }
.calendar-item-dialog[b-3j5v89ofrv]  .calendar-item-details {
    margin-top: 18px;
    border-top: 1px solid var(--line);
    padding-top: 14px;
}
.calendar-item-dialog[b-3j5v89ofrv]  .calendar-item-details summary {
    cursor: pointer;
    color: var(--ink-soft);
    font-size: .875rem;
    padding-block: 6px;
}
.calendar-item-dialog[b-3j5v89ofrv]  .calendar-item-details > label {
    display: grid;
    gap: 8px;
    margin-block: 12px;
    font-size: .8125rem;
    color: var(--ink-soft);
}
.calendar-item-dialog[b-3j5v89ofrv]  footer { margin-top: 22px; }
@keyframes calendar-item-enter-b-3j5v89ofrv {
    from { opacity: 0; transform: translateY(6px) scale(.99); }
    to { opacity: 1; transform: none; }
}
@media (max-width: 600px) {
    .calendar-item-dialog[b-3j5v89ofrv] { max-height: calc(100dvh - 32px); }
    .calendar-item-dialog[b-3j5v89ofrv]  .task-editor,
    .calendar-item-dialog .read-only-event[b-3j5v89ofrv] { padding: 10px 18px 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .calendar-item-dialog[b-3j5v89ofrv] { animation: none; }
}
/* _content/YakoPlan.UI/Components/FileCard.razor.rz.scp.css */
.file-card[b-l76pcycrtu] { box-sizing: border-box; position: relative; min-width: 0; height: 100%; overflow: hidden; border: 1px solid var(--line, #dcd8ce); border-radius: 12px; background: color-mix(in srgb, var(--surface, #fffdf8) 92%, transparent); color: var(--ink, #262823); transition: var(--hover-transition); animation: file-card-enter-b-l76pcycrtu 260ms cubic-bezier(.22,1,.36,1) backwards; }
.file-card.is-selected[b-l76pcycrtu] { border-color: var(--accent, #c76345); box-shadow: 0 0 0 1px var(--accent, #c76345); background: color-mix(in srgb, var(--accent, #c76345) 6%, var(--surface, #fffdf8)); }
.file-card-selection[b-l76pcycrtu] { position: absolute; z-index: 1; top: .35rem; inset-inline-start: .35rem; }
.file-card-selection[b-l76pcycrtu]  label { display: grid; place-items: center; width: 44px; height: 44px; cursor: pointer; }
.file-card-selection:has(:focus-visible)[b-l76pcycrtu] { outline: 2px solid var(--accent, #c76345); outline-offset: 3px; }
.file-card-selection:has(:disabled)[b-l76pcycrtu] { cursor: default; opacity: .48; }
.file-card-preview[b-l76pcycrtu] { position: relative; min-width: 0; height: 120px; overflow: hidden; border-bottom: 1px solid var(--line, #dcd8ce); background: color-mix(in srgb, var(--paper-deep, #eeebe2) 65%, var(--surface, #fffdf8)); }
.file-card-preview[b-l76pcycrtu]  > :is(button, div) { box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .2rem; width: 100%; height: 100%; min-height: 44px; margin: 0; padding: .35rem; overflow: hidden; border: 0; border-radius: 0; background: transparent; color: var(--ink-soft, #66685f); font: inherit; font-size: .7rem; }
.file-card-preview[b-l76pcycrtu]  > button { cursor: pointer; transition: var(--hover-transition); }
.file-card-preview[b-l76pcycrtu]  > :has(img, video) { padding: 0; }
.file-card-preview[b-l76pcycrtu]  :is(img, video) { display: block; width: 100%; height: 100%; min-width: 0; object-fit: contain; }
.file-card-preview[b-l76pcycrtu]  .storage-file-play { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
.file-card-preview[b-l76pcycrtu]  .storage-file-play svg { box-sizing: content-box; padding: 6px; border-radius: 50%; background: rgb(0 0 0 / .65); color: #fff; }
.file-card:has(.file-card-name:focus-visible)[b-l76pcycrtu] { outline: 2px solid var(--accent, #c76345); outline-offset: 2px; }
.file-card-info[b-l76pcycrtu] { position: relative; min-width: 0; padding: 3px 6px 0; }
.file-card-category[b-l76pcycrtu] { display: block; margin-top: .1rem; color: var(--ink-soft, #66685f); font-size: .7rem; line-height: 1.3; }
.file-card-meta[b-l76pcycrtu] { display: flex; gap: 4px; min-width: 0; color: var(--ink-soft, #66685f); font-size: .7rem; line-height: 1.3; font-variant-numeric: tabular-nums; white-space: nowrap; }
.file-card-actions[b-l76pcycrtu] { display: flex; justify-content: flex-end; min-width: 0; }
.file-card-actions[b-l76pcycrtu]  :is(.collaboration-file-actions, .storage-file-actions) { display: contents; }
.file-card .file-card-actions[b-l76pcycrtu]  button { appearance: none; background-image: none; box-shadow: none; }
.file-card .file-card-actions[b-l76pcycrtu]  button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 28px; min-width: 28px; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--ink-soft, #66685f); cursor: pointer; transition: var(--hover-transition); }
.file-card-actions[b-l76pcycrtu]  :is(.storage-delete, .file-card-danger, .danger-text-button) { color: var(--danger, #a33a34); }
.file-card[b-l76pcycrtu]  button:disabled { cursor: default; opacity: .48; }
.file-card[b-l76pcycrtu]  button:focus-visible { outline: 2px solid var(--accent, #c76345); outline-offset: -3px; }
@media (hover: hover) {
    .file-card[b-l76pcycrtu]  button:hover:where(:not([data-touch-input] *)):not(:disabled) { background: var(--hover-background); color: var(--hover-color); }
    .file-card-actions[b-l76pcycrtu]  :is(.storage-delete, .file-card-danger, .danger-text-button):hover:where(:not([data-touch-input] *)):not(:disabled) { color: var(--danger, #a33a34); }
}
.is-grid[b-l76pcycrtu] { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 120px auto auto; }
.is-grid .file-card-preview[b-l76pcycrtu] { grid-column: 1 / -1; }
.is-grid .file-card-selection[b-l76pcycrtu] { top: 0; inset-inline-start: 0; }
.is-grid .file-card-selection[b-l76pcycrtu]  label { box-sizing: border-box; place-items: start; padding: 8px; }
.is-grid .file-card-info[b-l76pcycrtu] { grid-column: 1; grid-row: 2; }
.is-grid > .file-card-meta[b-l76pcycrtu] { grid-column: 1; grid-row: 3; align-self: start; justify-content: space-between; padding: 0 0 4px 6px; }
.is-grid .file-card-actions[b-l76pcycrtu] { grid-column: 2; grid-row: 2 / 4; align-self: center; padding-inline-end: 2px; }
.is-list[b-l76pcycrtu] { display: grid; grid-template-columns: 84px minmax(0, 1fr) auto; align-items: center; gap: .4rem; padding: .2rem; overflow: visible; animation-name: file-card-list-enter-b-l76pcycrtu; }
.is-list.has-selection[b-l76pcycrtu] { grid-template-columns: 44px 84px minmax(0, 1fr) auto; }
.is-list .file-card-selection[b-l76pcycrtu] { position: static; }
.is-list .file-card-preview[b-l76pcycrtu] { height: 84px; border: 1px solid var(--line, #dcd8ce); border-radius: 8px; }
.is-list .file-card-info[b-l76pcycrtu] { padding: 0; }
.is-list .file-card-actions[b-l76pcycrtu]  button { width: 44px; }
@keyframes file-card-enter-b-l76pcycrtu { from { opacity: 0; transform: translateY(7px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes file-card-list-enter-b-l76pcycrtu { from { opacity: 0; transform: translateX(-7px); } to { opacity: 1; transform: none; } }
@media (max-width: 520px) {
    .is-grid[b-l76pcycrtu] { grid-template-columns: minmax(0, 1fr); grid-template-rows: 88px auto auto auto; border-radius: 9px; }
    .is-grid .file-card-preview[b-l76pcycrtu] { height: 88px; }
    .is-grid.has-selection .file-card-preview[b-l76pcycrtu] { --file-preview-lines: 2; }
    .is-grid.has-selection .file-card-preview[b-l76pcycrtu]  .file-preview-name { padding-top: 20px; }
    .is-grid .file-card-info[b-l76pcycrtu] { padding: 1px 4px 0; }
    .is-grid .file-card-category[b-l76pcycrtu] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .65rem; }
    .is-grid > .file-card-meta[b-l76pcycrtu] { flex-direction: column; gap: 1px; padding: 0 4px; font-size: .65rem; }
    .is-grid .file-card-actions[b-l76pcycrtu] { grid-column: 1; grid-row: 4; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 4px; }
    .is-grid .file-card-actions[b-l76pcycrtu]  button { width: 100%; min-width: 0; }
    .is-list[b-l76pcycrtu] { grid-template-columns: 64px minmax(0, 1fr); gap: .3rem; }
    .is-list.has-selection[b-l76pcycrtu] { grid-template-columns: 44px 64px minmax(0, 1fr); }
    .is-list .file-card-preview[b-l76pcycrtu] { height: 64px; }
    .is-list .file-card-info[b-l76pcycrtu] { grid-column: -2; grid-row: 1; padding-bottom: 44px; }
    .is-list .file-card-actions[b-l76pcycrtu] { grid-column: -2; grid-row: 1; align-self: end; }
}
@media (prefers-reduced-motion: reduce) { .file-card[b-l76pcycrtu], .file-card *[b-l76pcycrtu], .file-card[b-l76pcycrtu]  * { animation: none !important; transition: none !important; } }
/* _content/YakoPlan.UI/Components/FileCardGrid.razor.rz.scp.css */
.file-card-grid[b-50ezfvjlzt] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr)); gap: .7rem; min-width: 0; width: 100%; margin: 0; padding: 0; list-style: none; }
.file-card-grid[b-50ezfvjlzt]  > li { min-width: 0; }
.file-card-grid[b-50ezfvjlzt]  > li:nth-child(2) .file-card { animation-delay: 20ms; }
.file-card-grid[b-50ezfvjlzt]  > li:nth-child(3) .file-card { animation-delay: 40ms; }
.file-card-grid[b-50ezfvjlzt]  > li:nth-child(4) .file-card { animation-delay: 60ms; }
.file-card-grid[b-50ezfvjlzt]  > li:nth-child(n+5) .file-card { animation-delay: 80ms; }
.file-card-grid.is-list[b-50ezfvjlzt] { grid-template-columns: minmax(0, 1fr); gap: .3rem; }
@media (max-width: 520px) { .file-card-grid:not(.is-list)[b-50ezfvjlzt] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } }
/* _content/YakoPlan.UI/Components/ForeverBoard.razor.rz.scp.css */
.forever-workspace-board[b-kfcqtcxhiz] { overflow:visible; }
/* Calendar changes keep the frame and grid in place while the previous board stays inactive. */
.forever-workspace-board[data-calendar-context-inactive][b-kfcqtcxhiz]  .forever-board-canvas > :not(.forever-canvas-grid),
.forever-workspace-board[data-calendar-context-inactive][b-kfcqtcxhiz]  .forever-canvas-popup,
.forever-workspace-board[data-calendar-context-inactive] :is(.forever-board-text-toolbar-anchor,.forever-canvas-participants,.canvas-zoom-controls)[b-kfcqtcxhiz] { display:none; }
/* Save status floats without resizing the canvas or moving its camera.
   Pan, zoom, pinch and wheel pass through to the canvas. */
.forever-board-notices[b-kfcqtcxhiz] { position:absolute; z-index:2; inset-inline:12px; bottom:12px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; pointer-events:none; }
.forever-board-notices:empty[b-kfcqtcxhiz] { display:none; }
.forever-board-save[b-kfcqtcxhiz] { display:block; max-width:min(65ch,100%); color:var(--ink-soft); font:400 .68rem/1.5 var(--planner-font); overflow-wrap:anywhere; opacity:1; visibility:visible; transform:translateY(0); transition:opacity 200ms ease,transform 200ms cubic-bezier(.22,1,.36,1),visibility 0s; }
/* A local visibility state avoids invalidating the surrounding layout's [hidden] selectors on every save.
   Retain the text while it fades; aria-hidden removes it from the accessibility tree immediately. */
.forever-board-save[data-visible="false"][b-kfcqtcxhiz] { opacity:0; visibility:hidden; transform:translateY(3px); transition:opacity 200ms ease,transform 200ms cubic-bezier(.22,1,.36,1),visibility 0s linear 200ms; }
.forever-board-save-message[b-kfcqtcxhiz] { display:inline-block; }
/* Initial loading is already visible when mounted; enter from the same state as saving. */
@starting-style { .forever-board-save[data-visible="true"][b-kfcqtcxhiz] { opacity:0; transform:translateY(3px); } }
@media (prefers-reduced-motion:reduce) { .forever-board-save[b-kfcqtcxhiz],.forever-board-save[data-visible="false"][b-kfcqtcxhiz] { transition:none; transform:none; } }
.forever-workspace-board:is(.is-expanded,[data-board-animating]) > .forever-board-notices[b-kfcqtcxhiz] { inset-inline:32px; bottom:22px; }
/* A drag or spring can briefly make the canvas shorter than these notes; keep the tools clear,
   and never let the hidden Stop button take a tap meant for them. */
.forever-board:is([data-board-resizing],[data-board-settling]) > .forever-board-notices[b-kfcqtcxhiz] { opacity:0; }
.forever-board:is([data-board-resizing],[data-board-settling]) > .forever-board-notices button[b-kfcqtcxhiz] { pointer-events:none; }
.forever-workspace-board[b-kfcqtcxhiz]  .forever-canvas-workspace { flex:none; min-height:0; }
/* Collapse the title's measured width so adjacent controls move with its fade. */
.forever-workspace-board:is(.is-expanded,.is-contained,:not([data-board-docked]),[data-board-docking])[b-kfcqtcxhiz]  .forever-canvas-heading { column-gap:0; }
.forever-workspace-board:is(.is-expanded,.is-contained,:not([data-board-docked]),[data-board-docking])[b-kfcqtcxhiz]  .forever-canvas-heading h2 { inline-size:0; opacity:0; pointer-events:none; }
.forever-workspace-board .forever-board-header[b-kfcqtcxhiz] { padding:0 8px 8px; flex-wrap:wrap; }
/* Shared formatting uses the same bottom dock as individual text editors. */
.forever-workspace-board .forever-board-text-toolbar-anchor[b-kfcqtcxhiz] { position:absolute; z-index:24; flex:none; left:50%; bottom:12px; width:max-content; max-width:calc(100% - 24px); height:auto; transform:translateX(-50%); }
.forever-workspace-board .forever-board-text-toolbar-anchor > .forever-board-text-toolbar[b-kfcqtcxhiz] { position:relative; inset:auto; max-width:100%; }
@media (max-width:600px) { .forever-workspace-board .forever-board-text-toolbar-anchor[b-kfcqtcxhiz] { bottom:8px; max-width:calc(100% - 16px); } }
.forever-workspace-board[data-board-docked]:not(.is-expanded):not(.is-contained)[b-kfcqtcxhiz]  .forever-canvas-workspace { display:block!important; }
.forever-workspace-board[data-board-docked]:not([data-board-docking]):not(.is-expanded):not(.is-contained)[b-kfcqtcxhiz]  .forever-canvas-header { min-height:30px; padding-bottom:0; flex-wrap:nowrap; }
.forever-workspace-board[data-board-docked]:not([data-board-docking]):not(.is-expanded):not(.is-contained)[b-kfcqtcxhiz]  :is(.forever-canvas-board,.forever-canvas-save,.forever-canvas-revisit,.forever-canvas-icon:not(:last-child)) { display:none; }
.forever-workspace-board[data-board-docked]:not([data-board-docking]):not(.is-expanded):not(.is-contained) .forever-board-save[b-kfcqtcxhiz] { display:none; }
.forever-workspace-board[data-board-docked]:not([data-board-docking]):not(.is-expanded):not(.is-contained) :is(.forever-board-header,.forever-canvas-session-tools,.canvas-zoom-controls)[b-kfcqtcxhiz] { display:none; }
/* While the magnet's spring docks the panel, the open rows keep their size and fade in place, so
   the canvas and its notes stay attached to the top edge. The compact strip above replaces them
   once the shrinking canvas has faded out, before it would become empty (forever-board.js). */
.forever-workspace-board[data-board-docking]:not(.is-expanded):not(.is-contained)[b-kfcqtcxhiz]  :is(.forever-canvas-board,.forever-canvas-save,.forever-canvas-revisit,.forever-canvas-icon:not(:last-child)) { opacity:0; visibility:hidden; pointer-events:none; transition:opacity 60ms ease-out,visibility 0s linear 60ms; }
.forever-workspace-board[data-board-docking]:not(.is-expanded):not(.is-contained) :is(.forever-board-save,.forever-canvas-session-tools,.canvas-zoom-controls)[b-kfcqtcxhiz] { opacity:0; visibility:hidden; transition:opacity 60ms ease-out,visibility 0s linear 60ms; }
/* The desktop row scrolls; never let a floating tool overflow it while the panel closes. The
   visible desktop divider belongs to the row, outside this clip. */
@media (min-width:801px) { .forever-workspace-board[data-board-docking]:not(.is-expanded):not(.is-contained)[b-kfcqtcxhiz] { overflow:clip; } }
.forever-workspace-board:is(.is-expanded,[data-board-animating])[b-kfcqtcxhiz] { padding:0; }
/* Open controls float over the drawing. The inline divider keeps its resize space. */
.forever-workspace-board:is(.is-expanded,.is-contained,:not([data-board-docked]),[data-board-docking],[data-board-animating])[b-kfcqtcxhiz]  .forever-canvas-workspace { position:absolute; inset:9px 0 auto; z-index:20; background:transparent; pointer-events:none; }
.forever-workspace-board:is(.is-expanded,.is-contained,[data-board-animating])[b-kfcqtcxhiz]  .forever-canvas-workspace { top:0; }
.forever-workspace-board:is(.is-expanded,.is-contained,:not([data-board-docked]),[data-board-docking],[data-board-animating])[b-kfcqtcxhiz]  .forever-canvas-workspace :is(button,input,select,textarea,a,summary,[role="dialog"],[role="menu"],[role="listbox"],.canvas-tool-panel) { pointer-events:auto; }
.forever-workspace-board[b-kfcqtcxhiz]  .forever-canvas-header { background:transparent; }
.forever-views-shell[b-kfcqtcxhiz] { display:contents; }
.forever-views-shell[b-kfcqtcxhiz]  .planner-popup-layer { z-index:205; }
.forever-workspace-board:is(.is-expanded,[data-board-animating])[b-kfcqtcxhiz]  .forever-canvas-header { padding:max(18px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left)); background:transparent; }
.forever-workspace-board[b-kfcqtcxhiz]  .forever-canvas-workspace:has([data-canvas-follow-avatar],.forever-canvas-calendar) > .forever-canvas-header { padding-bottom:0; }
@media (min-width:801px) {
    .forever-workspace-board[b-kfcqtcxhiz]  .forever-canvas-workspace:has([data-canvas-follow-avatar]) .forever-board-tool-scroll { padding-bottom:4px; }
}
/* Keep the tools together in the workspace header; settings float independently. */
.forever-workspace-board .canvas-unified-toolbar[b-kfcqtcxhiz] { position:relative; display:flex; flex:1 1 auto; align-items:center; flex-wrap:wrap; gap:4px; min-width:0; max-width:100%; margin:0; padding:0; }
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar[b-kfcqtcxhiz] { display:flex; flex:1 1 auto; flex-wrap:wrap; align-items:center; gap:4px; width:auto; min-width:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; }
.forever-workspace-board .canvas-unified-toolbar :is(.forever-board-primary-tools,.forever-board-actions,.canvas-toolbar-overflow)[b-kfcqtcxhiz] { display:flex; flex:none; flex-wrap:wrap; align-items:center; gap:2px; min-width:0; }
.forever-workspace-board .canvas-unified-toolbar .forever-board-actions[b-kfcqtcxhiz] { padding-inline-start:4px; border:0; border-inline-start:1px solid var(--line); overflow:visible; }
.forever-workspace-board .canvas-unified-toolbar .canvas-toolbar-overflow[b-kfcqtcxhiz] { flex:0 1 auto; gap:2px; max-width:100%; }
.forever-workspace-board :is(.canvas-unified-toolbar .forever-board-toolbar,.canvas-zoom-controls) button[b-kfcqtcxhiz] { box-sizing:border-box; display:inline-flex; flex:none; flex-direction:row; align-items:center; justify-content:center; gap:5px; width:32px; height:32px; min-width:32px; min-height:32px; padding:0; border:1px solid transparent; border-radius:7px; background:transparent; color:var(--ink-soft); font:500 .76rem/1.3 var(--planner-font); cursor:pointer; }
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar :is(.forever-board-button-label,.canvas-overflow-label,.canvas-toolbar-more,.forever-board-area-select)[b-kfcqtcxhiz] { display:none; }
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar button[data-canvas-panel-toggle][b-kfcqtcxhiz] { width:auto; padding-inline:7px; }
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar button[data-canvas-panel-toggle] .canvas-overflow-label[b-kfcqtcxhiz] { display:inline; }
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar button:is([aria-pressed="true"],[data-active-tool="true"])[b-kfcqtcxhiz] { border-color:color-mix(in srgb,var(--accent) 48%,var(--line)); background:color-mix(in srgb,var(--accent) 16%,var(--surface)); color:var(--ink); }
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar button[aria-expanded="true"][b-kfcqtcxhiz] { border-color:var(--open-border); background:var(--open-background); color:var(--open-color); box-shadow:none; }
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar button:disabled[b-kfcqtcxhiz] { color:color-mix(in srgb,var(--ink-soft) 35%,var(--surface)); cursor:default; background:transparent; opacity:1; }
.forever-workspace-board .canvas-unified-toolbar button:disabled > .canvas-sticker-tool-icon[b-kfcqtcxhiz] { filter:grayscale(1); opacity:.35; }
.forever-workspace-board :is(.canvas-unified-toolbar,.canvas-zoom-controls) :is(button,select,input):focus-visible[b-kfcqtcxhiz] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }
.forever-workspace-board .canvas-unified-toolbar [hidden][b-kfcqtcxhiz] { display:none!important; }
/* The active tool's disclosure hangs below the button without changing toolbar layout. */
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar button:has(> .canvas-tool-disclosure)[b-kfcqtcxhiz] { position:relative; overflow:visible; }
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar button:is([aria-pressed="true"],[aria-expanded="true"],[data-active-tool="true"]):has(> .canvas-tool-disclosure)[b-kfcqtcxhiz] { border-end-start-radius:0; border-end-end-radius:0; }
.canvas-tool-disclosure[b-kfcqtcxhiz] { transition:var(--hover-transition); position:absolute; z-index:1; inset-inline:-1px; top:100%; display:none; align-items:center; justify-content:center; box-sizing:border-box; height:8px; border:1px solid; border-color:inherit; border-radius:0 0 6px 6px; background:color-mix(in srgb,var(--accent) 16%,var(--surface)); }
.forever-board-toolbar button:is([aria-pressed="true"],[aria-expanded="true"],[data-active-tool="true"]) > .canvas-tool-disclosure[b-kfcqtcxhiz] { display:flex; }
.canvas-tool-disclosure:hover:where(:not([data-touch-input] *))[b-kfcqtcxhiz] { background:var(--hover-background); color:var(--hover-color); }
.forever-board-toolbar button[aria-expanded="true"] > .canvas-tool-disclosure[b-kfcqtcxhiz] { background:var(--open-background); color:var(--open-color); }
@media (max-width:800px), (pointer:coarse) {
    .canvas-tool-disclosure[b-kfcqtcxhiz] { height:10px; border-end-start-radius:8px; border-end-end-radius:8px; }
}
.forever-workspace-board .canvas-tool-panel[b-kfcqtcxhiz] { position:fixed; inset:auto; z-index:200; box-sizing:border-box; display:flex; flex-direction:column; align-items:stretch; gap:12px; width:max-content; min-width:220px; max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); margin:0; padding:12px; overflow:auto; overscroll-behavior:contain; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); box-shadow:0 10px 30px rgb(0 0 0 / 17%); }
.forever-workspace-board .canvas-reference-add[hidden][b-kfcqtcxhiz] { display:none; }
.forever-workspace-board .canvas-tool-panel.canvas-note-panel[b-kfcqtcxhiz] { width:280px; gap:8px; }
.canvas-note-opacity[b-kfcqtcxhiz] { display:grid; gap:0; min-width:200px; font-size:.8125rem; }
.canvas-note-opacity-label[b-kfcqtcxhiz] { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.forever-workspace-board .canvas-tool-panel.canvas-reference-add[data-canvas-placement][b-kfcqtcxhiz] { width:300px; }
.canvas-reference-add form[b-kfcqtcxhiz] { display:grid; gap:12px; min-width:0; }
.canvas-reference-add .canvas-section-field[b-kfcqtcxhiz] { display:grid; gap:6px; min-width:0; font-size:.8125rem; }
.forever-workspace-board .canvas-reference-add input[b-kfcqtcxhiz] { box-sizing:border-box; width:100%; min-width:0; min-height:44px; padding:9px 10px; border:1px solid var(--line); border-radius:8px; background:var(--paper,var(--surface)); color:var(--ink); font:400 .875rem/1.4 var(--planner-font); box-shadow:none; }
.forever-workspace-board .canvas-reference-add input:focus-visible[b-kfcqtcxhiz] { outline:none; border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
.canvas-reference-add [data-canvas-reference-error][b-kfcqtcxhiz] { margin:0; color:var(--danger); font-size:.8125rem; line-height:1.4; overflow-wrap:anywhere; }
.forever-workspace-board .canvas-reference-add button[type="submit"][b-kfcqtcxhiz] { display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; padding:9px 12px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); font:500 .875rem/1.4 var(--planner-font); cursor:pointer; }
.canvas-reference-add button[type="submit"]:disabled[b-kfcqtcxhiz] { cursor:default; }
.canvas-reference-add button[type="submit"]:hover:where(:not([data-touch-input] *)):not(:disabled)[b-kfcqtcxhiz] { background:var(--hover-background); color:var(--hover-color); }
@media (max-width:800px), (pointer:coarse) {
    .forever-workspace-board .canvas-reference-add input[b-kfcqtcxhiz] { font-size:16px; }
}
.forever-workspace-board .canvas-tool-panel h3[b-kfcqtcxhiz] { display:block; margin:0; color:var(--ink); font:600 .86rem/1.4 var(--planner-font); letter-spacing:0; text-transform:none; }
.forever-workspace-board .canvas-tool-panel :is(.forever-board-tool-section,.forever-board-view-tools)[b-kfcqtcxhiz] { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:0; border:0; overflow:visible; }
.forever-workspace-board .canvas-tool-panel .forever-board-button-label[b-kfcqtcxhiz] { display:inline; }
.forever-workspace-board .canvas-tool-panel .forever-board-view-tools > button[b-kfcqtcxhiz] { box-sizing:border-box; display:inline-flex; flex:none; align-items:center; justify-content:center; gap:6px; width:auto; height:auto; min-width:34px; min-height:34px; padding:6px 9px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); font:400 .8rem/1.35 var(--planner-font); cursor:pointer; }
.forever-workspace-board .canvas-tool-panel button:disabled[b-kfcqtcxhiz] { opacity:.45; cursor:default; }
.forever-workspace-board .canvas-tool-panel .forever-board-stroke[b-kfcqtcxhiz] { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; font-size:.8rem; }
.forever-workspace-board .canvas-tool-panel .forever-board-properties[b-kfcqtcxhiz] { display:flex; flex-wrap:wrap; gap:8px; width:100%; padding:0; border:0; }
.forever-workspace-board .canvas-tool-panel select[b-kfcqtcxhiz] { box-sizing:border-box; width:100%; max-width:none; min-width:0; height:36px; padding:5px 7px; border:1px solid var(--line); border-radius:8px; background-color:var(--surface); color:var(--ink); font:400 .8rem var(--planner-font); }
.forever-workspace-board .canvas-tool-panel .forever-board-zoom[b-kfcqtcxhiz] { min-width:54px; font-variant-numeric:tabular-nums; }
.forever-workspace-board .canvas-tool-panel.canvas-section-panel[b-kfcqtcxhiz] { width:280px; min-width:220px; max-width:calc(100vw - 24px); padding:4px; gap:0; }
.canvas-section-entitlement[b-kfcqtcxhiz] { margin:0; color:var(--ink-soft); font-size:.8125rem; line-height:1.45; }
.canvas-section-create-actions[b-kfcqtcxhiz] { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.canvas-section-create-actions > button:first-child[b-kfcqtcxhiz] { grid-column:1 / -1; background:var(--surface-soft,var(--surface)); }
.canvas-section-actions[b-kfcqtcxhiz] { display:flex; flex-wrap:wrap; gap:6px; }
.canvas-section-actions > button[b-kfcqtcxhiz] { flex:1 1 130px; }
.canvas-section-field[b-kfcqtcxhiz] { display:flex; flex-direction:column; align-items:stretch; gap:5px; min-width:0; font-size:.8125rem; }
.canvas-section-panel :is(button,input,select)[b-kfcqtcxhiz] { box-sizing:border-box; min-width:0; min-height:40px; border:1px solid var(--line); border-radius:7px; background:var(--paper); color:var(--ink); padding:8px 10px; font:inherit; font-size:.8125rem; }
.canvas-section-panel button[b-kfcqtcxhiz] { display:inline-flex; align-items:center; justify-content:center; gap:6px; cursor:pointer; }
.canvas-section-panel :is(input,select)[b-kfcqtcxhiz] { width:100%; }
.canvas-section-panel :is(button,input,select):disabled[b-kfcqtcxhiz] { opacity:.5; cursor:default; }
.canvas-section-panel :is(button,input,select,summary):focus-visible[b-kfcqtcxhiz] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }
.canvas-section-panel button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-pressed="true"],[aria-expanded="true"],[data-active-tool="true"])[b-kfcqtcxhiz] { background:var(--hover-background); color:var(--hover-color); }
.canvas-section-details[b-kfcqtcxhiz] { border-top:1px solid var(--line); padding-top:8px; min-width:0; }
.canvas-section-details > summary[b-kfcqtcxhiz] { min-height:32px; padding:4px 0; color:var(--ink-soft); cursor:pointer; font-size:.8125rem; }
.canvas-section-details[open] > :not(summary)[b-kfcqtcxhiz] { margin-top:8px; }
.canvas-section-appearance[b-kfcqtcxhiz] { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.canvas-section-appearance > label:last-child[b-kfcqtcxhiz] { grid-column:1 / -1; }
.canvas-section-membership > button[b-kfcqtcxhiz] { width:100%; }
.canvas-section-membership > p[b-kfcqtcxhiz] { margin:0; font-size:.78rem; color:var(--ink-soft); }
@media (max-width:800px), (pointer:coarse) {
    .canvas-section-panel :is(button,input,select)[b-kfcqtcxhiz] { min-height:44px; }
    .canvas-section-panel :is(input,select)[b-kfcqtcxhiz] { font-size:16px; }
}
.forever-board .forever-board-connector-tools[b-kfcqtcxhiz] { box-sizing:border-box; position:absolute; z-index:12; bottom:12px; left:50%; transform:translateX(-50%); width:max-content; min-width:0; max-width:calc(100% - 24px); margin:0; padding:8px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; border:1px solid var(--line); border-radius:12px; background:var(--paper); color:var(--ink); box-shadow:0 3px 16px #0002; }
.forever-board .forever-board-connector-tools[b-kfcqtcxhiz] { opacity:1; visibility:visible; translate:0 0; transition:opacity var(--dropdown-enter-duration,180ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1)),translate var(--dropdown-enter-duration,180ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1)),visibility 0s; }
/* Retain the anchored panel while it fades, but release canvas input immediately. */
.forever-board .forever-board-connector-tools[hidden][b-kfcqtcxhiz] { display:block!important; opacity:0; visibility:hidden; translate:0 -4px; pointer-events:none; transition:opacity var(--dropdown-exit-duration,120ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1)),translate var(--dropdown-exit-duration,120ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1)),visibility 0s var(--dropdown-exit-duration,120ms); }
@media (prefers-reduced-motion:reduce) { .forever-board .forever-board-connector-tools[b-kfcqtcxhiz], .forever-board .forever-board-connector-tools[hidden][b-kfcqtcxhiz] { transition:none; translate:none; } }
.forever-board-connector-primary[b-kfcqtcxhiz] { --connector-control-size:36px; --connector-group-gap:12px; display:flex; width:max-content; align-items:end; flex-wrap:nowrap; justify-content:flex-start; gap:6px var(--connector-group-gap); }
.forever-board-connector-primary > .canvas-arrow-choice-group[b-kfcqtcxhiz] { position:relative; min-width:max-content; margin-inline-end:0; }
.forever-board-connector-primary > .canvas-arrow-choice-group[b-kfcqtcxhiz]::after { content:""; position:absolute; inset-block:3px; inset-inline-end:calc(var(--connector-group-gap) / -2 - .5px); width:1px; background:color-mix(in srgb,var(--ink) 24%,var(--line)); pointer-events:none; }
.forever-board-connector-primary > .canvas-arrow-choice-group[b-kfcqtcxhiz] { flex:0 0 116px; }
.forever-board-connector-primary > .canvas-arrow-choice-group:is([data-canvas-connector-group="startHead"],[data-canvas-connector-group="endHead"])[b-kfcqtcxhiz] { flex-basis:196px; }
.canvas-connector-mixed[b-kfcqtcxhiz] { margin-inline-start:8px; color:var(--ink-soft); }
.forever-board-connector-primary > label[b-kfcqtcxhiz] { display:flex; flex-direction:column; gap:5px; min-width:0; font-size:.75rem; }
.forever-board-connector-primary :is(select,input,button,summary)[b-kfcqtcxhiz] { box-sizing:border-box; height:var(--connector-control-size); min-height:var(--connector-control-size); min-width:0; border:1px solid var(--line); border-radius:7px; background:var(--paper); color:var(--ink); font:inherit; padding:6px; }
.forever-board-connector-primary input[type="number"][b-kfcqtcxhiz] { width:68px; }
.forever-board-connector-primary input[type="color"][b-kfcqtcxhiz] { width:44px; padding:4px; cursor:pointer; }
.forever-board-connector-primary :is(button,summary)[b-kfcqtcxhiz] { cursor:pointer; font-size:.8rem; }
.forever-board-connector-primary :is(select,input,button):disabled[b-kfcqtcxhiz] { opacity:.55; cursor:default; }
.forever-board-connector-primary :is(select,input,button,summary):focus-visible[b-kfcqtcxhiz] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }
.forever-board-connector-overflow > summary[b-kfcqtcxhiz] { display:flex; align-items:center; list-style:none; }
.forever-board-connector-overflow > summary[b-kfcqtcxhiz]::-webkit-details-marker { display:none; }
.forever-board-connector-primary > [data-canvas-connector-label-trigger][b-kfcqtcxhiz], .forever-board-connector-overflow > summary[b-kfcqtcxhiz] { transform-origin:center; transition:var(--hover-transition),box-shadow 140ms ease,translate 140ms cubic-bezier(.2,.7,.2,1),scale 140ms cubic-bezier(.2,.7,.2,1); }
@media (hover:hover) {
    .forever-board-connector-primary > [data-canvas-connector-label-trigger]:hover:where(:not([data-touch-input] *)):not(:active):not(:disabled)[b-kfcqtcxhiz], .forever-board-connector-overflow > summary:hover:where(:not([data-touch-input] *)):not(:active)[b-kfcqtcxhiz] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
}
.forever-board-connector-primary > [data-canvas-connector-label-trigger]:active:not(:disabled)[b-kfcqtcxhiz], .forever-board-connector-overflow > summary:active[b-kfcqtcxhiz] { translate:0 0; scale:.96; background:color-mix(in srgb,var(--accent) 24%,var(--surface)); box-shadow:inset 0 1px 3px color-mix(in srgb,var(--ink) 15%,transparent); transition-duration:65ms; }
@media (prefers-reduced-motion:reduce) {
    .forever-board-connector-primary > [data-canvas-connector-label-trigger][b-kfcqtcxhiz], .forever-board-connector-overflow > summary[b-kfcqtcxhiz] { transition:none; translate:none!important; scale:none!important; }
}
.forever-board-connector-options[b-kfcqtcxhiz] { box-sizing:border-box; position:absolute; bottom:calc(100% + 8px); right:0; width:300px; max-width:calc(100vw - 24px); max-height:min(65vh,560px,calc(100dvh - 100% - 60px)); overflow:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:12px; border:1px solid var(--line); border-radius:10px; background:var(--paper); box-shadow:0 3px 16px #0002; }
.forever-board-connector-options > label[b-kfcqtcxhiz] { display:flex; flex-direction:column; gap:4px; min-width:0; font-size:.8rem; }
.forever-board-connector-options > .canvas-arrow-choice-group[b-kfcqtcxhiz] { grid-column:1/-1; }
.forever-board-connector-options :is(select,input)[b-kfcqtcxhiz] { width:100%; }
.forever-board-connector-options input[type="range"]:not(.planner-setting-slider)[b-kfcqtcxhiz] { padding:6px 0; accent-color:var(--accent); }
.canvas-connector-actions[b-kfcqtcxhiz] { display:flex; flex-wrap:wrap; gap:6px; grid-column:1/-1; }
.canvas-connector-actions button[b-kfcqtcxhiz] { flex:1; overflow-wrap:anywhere; }
.forever-board .forever-board-connector-tools[b-kfcqtcxhiz]  .task-feature-lock { width:12px; height:12px; right:-1px; bottom:-1px; }
.forever-board .forever-board-connector-tools[b-kfcqtcxhiz]  .task-feature-lock > svg { width:8px; height:8px; }
.forever-board-shape-tools[b-kfcqtcxhiz] {
    position:absolute; z-index:24; box-sizing:border-box; width:max-content; min-width:0; max-width:calc(100% - 24px); margin:0; padding:6px; overflow:auto;
    overscroll-behavior:contain; border:1px solid var(--line); border-radius:var(--custom-radius,10px); background:var(--surface); color:var(--ink);
    box-shadow:0 6px 20px #0003; font:400 14px/1.4 var(--planner-font,sans-serif); touch-action:manipulation;
    opacity:1; translate:0 0; transition:opacity var(--dropdown-enter-duration,180ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1)),translate var(--dropdown-enter-duration,180ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1)),display var(--dropdown-enter-duration,180ms) allow-discrete;
}
.forever-board-shape-tools[hidden][b-kfcqtcxhiz] { display:none!important; opacity:0; translate:0 -4px; pointer-events:none; transition:opacity var(--dropdown-exit-duration,120ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1)),translate var(--dropdown-exit-duration,120ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1)),display var(--dropdown-exit-duration,120ms) allow-discrete; }
@starting-style { .forever-board-shape-tools:not([hidden])[b-kfcqtcxhiz] { opacity:0; translate:0 -4px; } }
.forever-board-shape-toolbar[b-kfcqtcxhiz] { display:flex; width:max-content; flex-wrap:nowrap; align-items:center; gap:4px; }
.canvas-shape-line-style[b-kfcqtcxhiz] { display:flex; flex:none; align-items:center; gap:2px; padding-inline-end:7px; margin-inline-end:3px; border-inline-end:1px solid var(--line); }
.canvas-shape-line-style > button[b-kfcqtcxhiz], .canvas-shape-color[b-kfcqtcxhiz]  .board-color-trigger {
    position:relative; box-sizing:border-box; display:inline-flex; flex:none; align-items:center; justify-content:center; width:32px; height:32px; min-height:32px;
    padding:6px; border:0; border-radius:6px; background:transparent; color:inherit; cursor:pointer; touch-action:manipulation;
    transition:var(--hover-transition),transform 100ms ease;
}
.canvas-shape-line-style > button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-pressed="true"],[aria-expanded="true"],[data-active-tool="true"])[b-kfcqtcxhiz], .canvas-shape-color[b-kfcqtcxhiz]  .board-color-trigger:hover:where(:not([data-touch-input] *)):not(:disabled) { background:var(--hover-background); color:var(--hover-color); }
.canvas-shape-line-style > button:active:not(:disabled)[b-kfcqtcxhiz], .canvas-shape-color[b-kfcqtcxhiz]  .board-color-trigger:active:not(:disabled) { transform:scale(.93); }
.canvas-shape-line-style > button[aria-pressed="true"][b-kfcqtcxhiz] { background:color-mix(in srgb,currentColor 12%,transparent); }
.canvas-shape-line-style > button[b-kfcqtcxhiz]  > svg { width:20px; height:20px; }
.canvas-shape-color[b-kfcqtcxhiz] { display:flex; flex:none; }
.canvas-shape-color[b-kfcqtcxhiz]  .board-color-trigger > :is(span:not(.forever-board-swatch):not(.task-feature-lock),svg) { display:none; }
.canvas-shape-color[b-kfcqtcxhiz]  .forever-board-swatch { box-sizing:border-box; width:20px; height:20px; border-radius:5px; }
.canvas-shape-value[b-kfcqtcxhiz] { display:inline-flex; flex:none; align-items:center; gap:6px; margin:0; font-size:12px; }
.canvas-shape-value > svg[b-kfcqtcxhiz] { flex:none; margin-inline-start:4px; }
.canvas-shape-value > input[b-kfcqtcxhiz] { box-sizing:border-box; width:76px; min-height:32px; border:1px solid var(--line); border-radius:6px; background:transparent; color:inherit; font:inherit; }
.canvas-shape-value[b-kfcqtcxhiz]  .slider-number-field:not(.slider-range-number) { --drawing-value-width:76px; width:76px; min-width:76px; }
.canvas-shape-value[b-kfcqtcxhiz]  .slider-number-field:not(.slider-range-number) .board-percent-field { height:32px; min-height:32px; background:transparent; border-radius:6px; }
.canvas-shape-value[b-kfcqtcxhiz]  .board-percent-edit input { height:100%; min-height:0; }
.forever-board-shape-tools :is(button,input):disabled[b-kfcqtcxhiz], .canvas-shape-color[b-kfcqtcxhiz]  .board-color-trigger:disabled { opacity:.35; cursor:default; }
.canvas-shape-line-style > button:focus-visible[b-kfcqtcxhiz], .canvas-shape-color[b-kfcqtcxhiz]  .board-color-trigger:focus-visible,
.canvas-shape-value[b-kfcqtcxhiz]  .board-percent-field:has(input:focus-visible) { box-shadow:inset 0 0 0 2px var(--focus,Highlight); }
@media (max-width:600px), (pointer:coarse) {
    .canvas-shape-line-style > button[b-kfcqtcxhiz], .canvas-shape-color[b-kfcqtcxhiz]  .board-color-trigger { width:40px; height:44px; min-height:44px; }
    .canvas-shape-value > input[b-kfcqtcxhiz], .canvas-shape-value[b-kfcqtcxhiz]  .slider-number-field:not(.slider-range-number) .board-percent-field { height:44px; min-height:44px; }
}
@media (prefers-reduced-motion:reduce) { .forever-board-shape-tools[b-kfcqtcxhiz], .forever-board-shape-tools[hidden][b-kfcqtcxhiz], .canvas-shape-line-style > button[b-kfcqtcxhiz], .canvas-shape-color[b-kfcqtcxhiz]  .board-color-trigger { transition:none; translate:none; } }
.canvas-connector-field-lock[b-kfcqtcxhiz] { display:inline-flex; align-items:center; margin-inline-start:4px; color:var(--ink-soft); vertical-align:middle; }
@media (max-width:600px) {
    .forever-board .forever-board-connector-tools[b-kfcqtcxhiz] { bottom:8px; max-width:calc(100% - 16px); }
    .forever-board-connector-primary[b-kfcqtcxhiz] { gap:4px; }
    .forever-board-connector-primary > :is(.canvas-arrow-choice-group,label)[b-kfcqtcxhiz] { margin-inline-end:0; }
    .forever-board-connector-primary > :is(.canvas-arrow-choice-group,label)[b-kfcqtcxhiz]::after { display:none; }
    .forever-board-connector-primary > .canvas-arrow-choice-group[b-kfcqtcxhiz] { padding-block-end:8px; border-block-end:1px solid color-mix(in srgb,var(--ink) 24%,var(--line)); }
    .forever-board-connector-primary > label[b-kfcqtcxhiz] { flex:1 1 24%; }
    .forever-board-connector-primary > label :is(select,input)[b-kfcqtcxhiz] { width:100%; }
}
@media (max-width:600px),(pointer:coarse) {
    .forever-board-connector-primary :is(select,input)[b-kfcqtcxhiz] { font-size:16px; }
}
.forever-workspace-board .canvas-snapping-panel[b-kfcqtcxhiz] { width:272px; gap:6px; }
.canvas-snapping-toggle[b-kfcqtcxhiz] { display:flex; align-items:center; gap:9px; min-height:34px; font-size:.8rem; cursor:pointer; }
.canvas-snapping-toggle:has(input:disabled)[b-kfcqtcxhiz] { opacity:.45; cursor:default; }
.canvas-snapping-grid-options[b-kfcqtcxhiz] { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:6px; padding-top:12px; border-top:1px solid var(--line); }
.canvas-snapping-field[b-kfcqtcxhiz] { display:flex; flex-direction:column; gap:6px; min-width:0; font-size:.8rem; }
.canvas-snapping-field input[b-kfcqtcxhiz] { box-sizing:border-box; width:100%; min-width:0; height:36px; padding:5px 7px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); font:400 .8rem var(--planner-font); }
.canvas-snapping-hint[b-kfcqtcxhiz] { margin:6px 0 0; color:var(--ink-soft); font-size:.75rem; line-height:1.45; }
@media (max-width:600px),(pointer:coarse) {
    .canvas-snapping-toggle[b-kfcqtcxhiz] { min-height:44px; }
    .canvas-snapping-field input[b-kfcqtcxhiz] { min-height:44px; font-size:16px; }
}
@media (hover:hover) and (pointer:fine) {
    .forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-pressed="true"],[aria-expanded="true"],[data-active-tool="true"])[b-kfcqtcxhiz], .forever-workspace-board .canvas-tool-panel .forever-board-view-tools > button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-pressed="true"],[aria-expanded="true"],[data-active-tool="true"])[b-kfcqtcxhiz] { background:var(--hover-background); color:var(--hover-color); }
}
/* A mouse already drags a selection box; touch needs the explicit mode. */
@media (max-width:800px), (hover:none), (pointer:coarse) {
    .forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar .forever-board-area-select[b-kfcqtcxhiz] { display:inline-flex; }
}
@media (max-width:800px) {
    .forever-workspace-board .canvas-unified-toolbar .forever-board-primary-tools > button[data-canvas-tool="hand"][b-kfcqtcxhiz] { display:none; }
    .forever-workspace-board .canvas-unified-toolbar[b-kfcqtcxhiz] { order:2; flex:1 0 100%; gap:2px; padding:0; }
    .forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar[b-kfcqtcxhiz] { gap:2px; width:100%; }
    .forever-workspace-board .canvas-unified-toolbar :is(.forever-board-primary-tools,.forever-board-actions)[b-kfcqtcxhiz] { display:flex; gap:0; padding:0; border:0; }
    .forever-workspace-board .canvas-unified-toolbar .forever-board-primary-tools[b-kfcqtcxhiz] { flex:1 1 auto; }
    .forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar button[b-kfcqtcxhiz] { width:44px; height:44px; min-width:44px; min-height:44px; border-radius:9px; }
    .forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar .canvas-toolbar-more[b-kfcqtcxhiz] { display:inline-flex; margin-inline-start:auto; }
    .forever-workspace-board .canvas-unified-toolbar .canvas-toolbar-overflow[b-kfcqtcxhiz] { position:absolute; z-index:190; top:calc(100% + 18px); inset-inline-end:0; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:flex-start; gap:4px; width:min(320px,100%); max-height:min(350px,calc(var(--board-tools-height,calc(100dvh - 180px)) - 12px)); padding:9px; overflow:auto; overscroll-behavior:contain; border:1px solid var(--line); border-radius:12px; background:var(--surface); box-shadow:0 10px 30px rgb(0 0 0 / 17%); }
    .forever-workspace-board .canvas-unified-toolbar:not([data-canvas-scroll-toolbar]):not([data-canvas-overflow-open]) .canvas-toolbar-overflow:not([data-dropdown-closing])[b-kfcqtcxhiz] { display:none; }
    .forever-workspace-board .canvas-unified-toolbar .canvas-toolbar-overflow .canvas-overflow-label[b-kfcqtcxhiz] { display:inline; overflow-wrap:anywhere; }
    .forever-workspace-board .canvas-unified-toolbar .canvas-toolbar-overflow button[data-canvas-tool][b-kfcqtcxhiz] { flex:1 0 calc(33.33% - 4px); flex-direction:column; width:auto; min-height:56px; padding:4px; }
    .forever-workspace-board .canvas-unified-toolbar .canvas-toolbar-overflow button[data-canvas-panel-toggle][b-kfcqtcxhiz] { flex:1 0 100%; justify-content:flex-start; width:100%; padding-inline:10px; }
    .forever-workspace-board .canvas-unified-toolbar .canvas-toolbar-overflow .forever-board-area-select[b-kfcqtcxhiz] { width:auto; padding-inline:10px; }
    .forever-workspace-board .canvas-tool-panel[b-kfcqtcxhiz] { gap:12px; min-width:0; padding:12px; }
    .forever-workspace-board .canvas-tool-panel .forever-board-view-tools > button[b-kfcqtcxhiz] { min-width:44px; min-height:44px; }
    .forever-workspace-board .canvas-tool-panel select[b-kfcqtcxhiz] { min-height:44px; font-size:16px; }
    .forever-workspace-board .canvas-tool-panel[b-kfcqtcxhiz]  .board-color-trigger { min-height:44px; }
}
@media (max-width:800px) {
    .forever-workspace-board[data-board-docked]:not([data-board-docking]):not(.is-expanded):not(.is-contained)[b-kfcqtcxhiz]  .forever-canvas-header { min-height:44px; padding:0 8px; transition:opacity 140ms ease,visibility 0s; }
    .forever-workspace-board[data-board-docked]:not([data-board-docking]):not(.is-expanded):not(.is-contained)[b-kfcqtcxhiz]  .forever-canvas-heading { flex:0 1 auto; }
    .forever-workspace-board[data-board-docked]:not([data-board-docking]):not(.is-expanded):not(.is-contained)[b-kfcqtcxhiz]  .forever-canvas-header h2 { font-size:.9rem; line-height:1.3; }
    .forever-workspace-board[data-board-docked]:not([data-board-docking]):not(.is-expanded):not(.is-contained)[b-kfcqtcxhiz]  :is(.forever-canvas-boards,.forever-canvas-board,.forever-canvas-views) { display:none; }
    /* The phone strip moves its title to the other side; fade the open title row out, and the strip's in. */
    .forever-workspace-board[data-board-docking]:not(.is-expanded):not(.is-contained)[b-kfcqtcxhiz]  .forever-canvas-header { opacity:0; visibility:hidden; pointer-events:none; transition:opacity 60ms ease-out,visibility 0s linear 60ms; }
    .forever-workspace-board:is(.is-expanded,[data-board-animating]) > .forever-board-notices[b-kfcqtcxhiz] { inset-inline:18px; bottom:18px; }
    .forever-workspace-board .forever-board-text-toolbar:not(.is-editing)[b-kfcqtcxhiz] { opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-6px) scale(.98); transition-duration:140ms,200ms,0s; transition-delay:0s,0s,200ms; }
    .forever-workspace-board:is(.is-expanded,[data-board-animating])[b-kfcqtcxhiz]  .forever-canvas-header { padding:max(8px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) 6px max(6px,env(safe-area-inset-left)); }
}
.forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-indicators { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:32; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-toolbar { position:absolute; display:flex; flex-wrap:nowrap; align-items:center; gap:2px; min-width:max-content; padding:2px; box-sizing:border-box; border:1px solid var(--line,#bcbdb3); border-radius:18px; background:var(--surface,#fffdf8); color:var(--ink,#262823); box-shadow:0 2px 6px #0001; pointer-events:auto; white-space:nowrap; touch-action:manipulation; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-toolbar[data-discussion-exiting] { pointer-events:none; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-toolbar button { display:flex; flex:none; align-items:center; justify-content:center; gap:4px; min-width:28px; min-height:30px; padding:3px 7px; border:0; border-radius:14px; background:transparent; color:inherit; font:500 12px/1.2 var(--planner-font,sans-serif); cursor:pointer; transition:var(--hover-transition),transform 120ms ease; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-badge { min-width:0; }
.forever-board[b-kfcqtcxhiz]  .canvas-discussion-count { display:inline-flex; align-items:center; font-variant-numeric:tabular-nums; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-emoji[aria-pressed="true"] { background:color-mix(in srgb,var(--accent) 16%,var(--surface)); }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-emoji { box-sizing:border-box; flex:none; overflow:hidden; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-add { flex:none; margin-inline-start:3px; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-badge svg { flex:none; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-badge > span { overflow:hidden; text-overflow:ellipsis; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-toolbar button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-pressed="true"],[aria-expanded="true"],[data-active-tool="true"]) { background:var(--hover-background); color:var(--hover-color); }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-toolbar button:active:not(:disabled) { transform:scale(.94); }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-toolbar button:focus-visible { outline:2px solid var(--accent,#62704f); outline-offset:-2px; }
@media (prefers-reduced-motion:reduce) { .forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-toolbar button { transition:none; } }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-toolbar button:disabled { opacity:.55; cursor:default; }
@media (pointer:coarse) { .forever-board[b-kfcqtcxhiz]  .forever-canvas-discussion-toolbar button { min-height:40px; min-width:40px; } }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-presence { position:absolute; inset:0; pointer-events:none; z-index:30; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-peer-cursor { position:absolute; left:0; top:0; width:0; height:0; transform:scale(var(--peer-scale)); transform-origin:top left; transition:translate 240ms linear; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-peer-cursor::before,
.forever-board[b-kfcqtcxhiz]  .forever-canvas-peer-cursor::after { content:""; position:absolute; left:-2px; top:-2px; width:24px; height:28px; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-peer-cursor::before { background:white; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M2 2 21 15 12 17 8 25Z' fill='white' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; filter:drop-shadow(0 1px 2px #0005); }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-peer-cursor::after { background:var(--peer-color); mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M2 2 21 15 12 17 8 25Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat; }
@media (prefers-reduced-motion:reduce) { .forever-board[b-kfcqtcxhiz]  .forever-canvas-peer-cursor { transition:none; } }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-peer-cursor span { position:absolute; top:21px; left:16px; box-sizing:border-box; max-width:160px; padding:4px 8px; border:1px solid #fff3; border-radius:4px 10px 10px 10px; background:color-mix(in srgb,var(--peer-color) 60%,#18202b); color:white; box-shadow:0 2px 6px #0003; font:600 12px/16px var(--planner-font,sans-serif); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; unicode-bidi:plaintext; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-peer-selection { position:absolute; border:var(--peer-border) dashed var(--peer-color); border-radius:5px; box-sizing:border-box; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-peer-selection.is-editing { border-style:solid; }
.forever-board[b-kfcqtcxhiz]  .forever-canvas-peer-selection span { position:absolute; top:0; left:0; transform:translateY(-100%) scale(var(--peer-scale)); transform-origin:bottom left; border-radius:4px 4px 0 0; background:var(--peer-color); color:white; padding:2px 5px; font-size:11px; white-space:nowrap; }
/* Pending calendar access keeps the full palette visible. Its existing disabled
   controls stay unavailable until the selected calendar context is ready. */
.forever-board[data-canvas-read-only="true"]:not([data-calendar-context-inactive]) .forever-board-primary-tools button:not([data-canvas-tool="select"]):not([data-canvas-tool="hand"])[b-kfcqtcxhiz],
.forever-board[data-canvas-read-only="true"] .forever-board-text-toolbar[b-kfcqtcxhiz],
.forever-board[data-canvas-read-only="true"] .canvas-toolbar-overflow[b-kfcqtcxhiz],
.forever-board[data-canvas-read-only="true"] .canvas-toolbar-more[b-kfcqtcxhiz] { display:none; }

/* Only the tool strip scrolls. History stays available beside it, and the real
   scrollbar sits below the active tool's disclosure without hiding its gutter. */
@property --canvas-scrollbar-thumb {
    syntax:"<color>";
    inherits:true;
    initial-value:transparent;
}
.forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar][b-kfcqtcxhiz] { order:0; flex:1 1 0; flex-wrap:nowrap; min-width:0; padding:0; }
.forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar[b-kfcqtcxhiz] { flex-wrap:nowrap; align-items:flex-start; gap:10px; padding:0; width:100%; overflow:visible; }
.forever-board-tool-strip[b-kfcqtcxhiz] { display:flex; flex:1 1 0; align-items:flex-start; gap:3px; min-width:0; }
.forever-board-select-tools[b-kfcqtcxhiz] { display:flex; flex:none; padding:4px 0 0 2px; }
.forever-board-select-tools:has([data-canvas-report-selection])[b-kfcqtcxhiz] { gap:3px; }
.forever-workspace-board:is(.is-expanded,.is-contained,:not([data-board-docked]),[data-board-docking])[b-kfcqtcxhiz]  .forever-canvas-header:has(.canvas-unified-toolbar) { flex-wrap:nowrap; align-items:flex-start; }
.forever-workspace-board:is(.is-expanded,.is-contained,:not([data-board-docked]),[data-board-docking])[b-kfcqtcxhiz]  .forever-canvas-header:has(.canvas-unified-toolbar) > :is(.forever-canvas-heading,.forever-canvas-board,.forever-canvas-actions) { margin-block-start:4px; }
.forever-board-tool-scroll[b-kfcqtcxhiz] { --canvas-scrollbar-thumb:color-mix(in srgb,var(--ink) 32%,transparent); --canvas-scrollbar-track:color-mix(in srgb,var(--ink) 7%,transparent); display:flex; flex:1 1 0; align-items:center; min-width:44px; gap:10px; overflow-x:auto; overflow-y:hidden; padding:4px 2px 10px; margin:0; overscroll-behavior-x:contain; scroll-padding-inline:2px; pointer-events:auto; scrollbar-width:thin!important; scrollbar-color:var(--canvas-scrollbar-thumb) var(--canvas-scrollbar-track); }
.forever-board-tool-scroll[data-canvas-scrollbar-hover][b-kfcqtcxhiz] { --canvas-scrollbar-thumb:color-mix(in srgb,var(--accent) 60%,var(--ink)); }
@media (prefers-reduced-motion:no-preference) {
    .forever-board-tool-scroll[b-kfcqtcxhiz] { transition:--canvas-scrollbar-thumb 180ms ease; }
}
/* This one visible scrollbar opts out of the shared scrollbar-free default. */
.forever-board-tool-scroll[b-kfcqtcxhiz]::-webkit-scrollbar { display:block!important; width:8px!important; height:8px!important; }
.forever-board-tool-scroll[b-kfcqtcxhiz]::-webkit-scrollbar-track { border-radius:999px; background:var(--canvas-scrollbar-track); }
.forever-board-tool-scroll[b-kfcqtcxhiz]::-webkit-scrollbar-thumb { min-width:32px; border:1px solid transparent; border-radius:999px; background:var(--canvas-scrollbar-thumb); background-clip:padding-box; }
.forever-board-tool-scroll[b-kfcqtcxhiz]::-webkit-scrollbar-thumb:active { background-color:var(--accent); }
.forever-board-tool-scroll[b-kfcqtcxhiz]::-webkit-scrollbar-corner { background:transparent; }
@supports selector(::-webkit-scrollbar) { .forever-board-tool-scroll[b-kfcqtcxhiz] { scrollbar-width:auto!important; scrollbar-color:auto; } }
@media (forced-colors:active) { .forever-board-tool-scroll[b-kfcqtcxhiz] { --canvas-scrollbar-thumb:ButtonText; --canvas-scrollbar-track:Canvas; scrollbar-color:ButtonText Canvas; } }
.forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-history[b-kfcqtcxhiz] { display:flex; flex:none; align-items:center; align-self:flex-start; gap:5px; padding:4px 0; padding-inline-start:10px; border-inline-start:1px solid var(--line); }
.canvas-viewport-controls[b-kfcqtcxhiz] { display:flex; flex:none; align-items:center; align-self:flex-start; gap:10px; padding:4px 0; }
.canvas-zoom-controls[b-kfcqtcxhiz] { position:absolute; z-index:20; inset-inline-end:max(12px,env(safe-area-inset-right)); bottom:max(12px,env(safe-area-inset-bottom)); display:flex; flex:none; align-items:center; gap:2px; user-select:none; -webkit-user-select:none; }
.canvas-zoom-level[b-kfcqtcxhiz] { display:flex; align-items:center; justify-content:center; min-width:34px; text-align:center; font-size:1rem; font-weight:500; font-variant-numeric:tabular-nums; white-space:nowrap; }
.canvas-zoom-level > [data-canvas-zoom-readout][b-kfcqtcxhiz] { display:inline-flex; align-items:center; line-height:1.4; }
.canvas-zoom-editor[b-kfcqtcxhiz] { display:none; }
.canvas-zoom-editor[data-ready][b-kfcqtcxhiz] { display:inline-flex; }
.canvas-zoom-editor[data-ready] + .canvas-zoom-level[b-kfcqtcxhiz] { display:none; }
/* Keep the reel step and its clipping window aligned, with room for font ascenders and descenders. */
.canvas-zoom-level[b-kfcqtcxhiz]  .canvas-number-digit.has-number-reel,
.canvas-zoom-level[b-kfcqtcxhiz]  .canvas-number-reel,
.canvas-zoom-level[b-kfcqtcxhiz]  .canvas-number-reel > span { height:1.4em; line-height:1.4; }
.canvas-zoom-level[b-kfcqtcxhiz]  .canvas-number-digit.has-number-reel { mask-image:linear-gradient(to bottom,transparent,#000 .15em,#000 calc(100% - .15em),transparent); }
.canvas-fit-control[b-kfcqtcxhiz] { display:flex; align-items:center; gap:5px; padding-inline-start:10px; border-inline-start:1px solid var(--line); }
@media (max-width:800px) {
    .canvas-zoom-controls[b-kfcqtcxhiz] { display:none; }
    /* Share header columns through the toolbar so the tool strip spans below fullscreen. */
    .forever-workspace-board:is(.is-expanded,.is-contained,:not([data-board-docked]),[data-board-docking])[b-kfcqtcxhiz]  .forever-canvas-header:has(.canvas-unified-toolbar) { display:grid; grid-template-columns:max-content minmax(0,1fr) max-content; grid-template-rows:auto auto; gap:3px 4px; }
    .forever-workspace-board:is(.is-expanded,.is-contained,:not([data-board-docked]),[data-board-docking])[b-kfcqtcxhiz]  .forever-canvas-header:has(.canvas-unified-toolbar) > .forever-canvas-heading { position:absolute; }
    .forever-workspace-board:is(.is-expanded,.is-contained,:not([data-board-docked]),[data-board-docking])[b-kfcqtcxhiz]  .forever-canvas-header:has(.canvas-unified-toolbar) > .forever-canvas-actions { grid-column:3; grid-row:1; z-index:1; }
    .forever-workspace-board:is(.is-expanded,.is-contained,:not([data-board-docked]),[data-board-docking]) .canvas-unified-toolbar[data-canvas-scroll-toolbar][b-kfcqtcxhiz],
    .forever-workspace-board:is(.is-expanded,.is-contained,:not([data-board-docked]),[data-board-docking]) .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar[b-kfcqtcxhiz] { display:grid; grid-column:1 / -1; grid-row:1 / -1; grid-template-columns:subgrid; grid-template-rows:subgrid; gap:3px 4px; }
    .forever-board-tool-strip[b-kfcqtcxhiz] { grid-column:1 / -1; grid-row:2; }
    .forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-history[b-kfcqtcxhiz] { grid-column:1; grid-row:1; gap:2px; border-inline-start:0; padding-inline-start:0; }
    .canvas-viewport-controls[b-kfcqtcxhiz] { grid-column:2; grid-row:1; gap:4px; }
    .canvas-fit-control[b-kfcqtcxhiz] { gap:2px; padding-inline-start:4px; }
}
.forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] :is(.forever-board-primary-tools,.forever-board-actions,.canvas-toolbar-overflow)[b-kfcqtcxhiz] { flex:none; flex-wrap:nowrap; gap:5px; max-width:none; }
.forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-actions[b-kfcqtcxhiz] { padding-inline-start:10px; border-inline-start:1px solid var(--line); }
.forever-workspace-board :is(.canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar,.canvas-zoom-controls) button[b-kfcqtcxhiz] { width:36px; height:36px; min-width:36px; min-height:36px; padding:7px; border:1px solid color-mix(in srgb,var(--ink) 8%,var(--line)); border-radius:9px; background:var(--surface); color:var(--ink); box-shadow:0 1px 2px #00000014,inset 0 1px 0 color-mix(in srgb,var(--ink) 3%,transparent); transition:var(--hover-transition),box-shadow 160ms ease; }
@media (hover:hover) and (pointer:fine) {
    .forever-workspace-board :is(.canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar,.canvas-zoom-controls) button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-pressed="true"],[aria-expanded="true"],[data-active-tool="true"])[b-kfcqtcxhiz] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
}
.forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar button:is([aria-pressed="true"],[data-active-tool="true"])[b-kfcqtcxhiz] { border-color:color-mix(in srgb,var(--accent) 60%,var(--line)); background:color-mix(in srgb,var(--accent) 18%,var(--surface)); color:var(--accent-deep,var(--accent)); box-shadow:0 1px 3px #0000001f,inset 0 1px 0 color-mix(in srgb,var(--accent) 9%,transparent); }
.forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar button[aria-expanded="true"][b-kfcqtcxhiz] { border-color:var(--open-border); background:var(--open-background); color:var(--open-color); box-shadow:none; }
.forever-workspace-board :is(.canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar,.canvas-zoom-controls) button:active:not(:disabled)[b-kfcqtcxhiz] { transform:none; box-shadow:inset 0 1px 3px #0000002b; }
.forever-workspace-board :is(.canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar,.canvas-zoom-controls) button:disabled[b-kfcqtcxhiz] { border-color:var(--line); background:var(--surface); color:color-mix(in srgb,var(--ink-soft) 35%,var(--surface)); box-shadow:none; opacity:1; }
.forever-workspace-board :is(.canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar,.canvas-zoom-controls) button[b-kfcqtcxhiz] { animation:canvas-header-control-enter-b-kfcqtcxhiz 220ms ease-out; }
.forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar button:disabled[b-kfcqtcxhiz] { --canvas-header-control-opacity:1; }
.forever-workspace-board:is(.is-expanded,.is-contained,:not([data-board-docked]),[data-board-docking])[b-kfcqtcxhiz]  :is(.forever-canvas-boards,.forever-canvas-revisit,.forever-canvas-icon:not(:last-child)) { animation:canvas-header-control-enter-b-kfcqtcxhiz 220ms ease-out; }
@keyframes canvas-header-control-enter-b-kfcqtcxhiz { from { opacity:0; } to { opacity:var(--canvas-header-control-opacity,1); } }
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar button[data-canvas-tool][b-kfcqtcxhiz] { position:relative; }
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar button[data-canvas-tool][b-kfcqtcxhiz]  > svg,
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar button[data-canvas-tool] > .canvas-sticker-tool-icon[b-kfcqtcxhiz] { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); flex:none; }
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar button[data-canvas-tool] > .task-feature-lock[b-kfcqtcxhiz] { position:absolute; right:1px; bottom:1px; }
.forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar :is(.canvas-overflow-label,.canvas-toolbar-more)[b-kfcqtcxhiz] { display:none; }
.forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar button[data-canvas-panel-toggle] .canvas-overflow-label[b-kfcqtcxhiz] { display:none; }
.forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .canvas-toolbar-overflow[b-kfcqtcxhiz] { position:static; display:flex; width:auto; max-height:none; padding:0; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .canvas-toolbar-overflow > :is([data-canvas-sticker-tool],[data-canvas-drawing-entry])[b-kfcqtcxhiz] { margin-inline-start:8px; }
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar button[data-snap-enabled="true"]:not(:disabled)[b-kfcqtcxhiz] { color:var(--accent-deep,var(--accent)); }
.forever-workspace-board .canvas-unified-toolbar .forever-board-toolbar > .forever-board-properties[b-kfcqtcxhiz] { display:flex; flex:none; gap:5px; border-inline-start:1px solid var(--line); padding-inline-start:10px; }
.forever-board-toolbar[b-kfcqtcxhiz]  .board-color-trigger { box-sizing:border-box; display:flex; align-items:center; justify-content:center; width:36px; height:36px; min-width:36px; min-height:36px; padding:7px; border:1px solid color-mix(in srgb,var(--ink) 8%,var(--line)); border-radius:9px; background:var(--surface); box-shadow:0 1px 2px #00000014,inset 0 1px 0 color-mix(in srgb,var(--ink) 3%,transparent); transition:var(--hover-transition),box-shadow 160ms ease; }
@media (hover:hover) and (pointer:fine) { .forever-board-toolbar[b-kfcqtcxhiz]  .board-color-trigger:hover:where(:not([data-touch-input] *)):not(:disabled) { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); } }
.forever-board-toolbar[b-kfcqtcxhiz]  .board-color-trigger:active:not(:disabled) { box-shadow:inset 0 1px 3px #0000002b; }
.forever-board-toolbar[b-kfcqtcxhiz]  .board-color-trigger:disabled { opacity:.4; box-shadow:none; }
.forever-board-toolbar[b-kfcqtcxhiz]  .board-color-trigger { animation:canvas-header-control-enter-b-kfcqtcxhiz 220ms ease-out; }
.forever-board-toolbar[b-kfcqtcxhiz]  .board-color-trigger:disabled { --canvas-header-control-opacity:.4; }
.forever-board-toolbar[b-kfcqtcxhiz]  .board-color-trigger > :is(span:not(.forever-board-swatch):not(.task-feature-lock),svg) { display:none; }
.forever-board-toolbar[b-kfcqtcxhiz]  .forever-board-swatch { width:19px; height:19px; border-radius:5px; }
.forever-board-toolbar[b-kfcqtcxhiz]  .forever-board-fill .forever-board-swatch { border-radius:50%; }
.forever-workspace-board .canvas-tool-panel[b-kfcqtcxhiz] { width:360px; max-height:calc(100dvh - 24px); gap:10px; animation:task-tool-popover-enter var(--dropdown-enter-duration,180ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1)); }
.forever-workspace-board .canvas-tool-panel[b-kfcqtcxhiz]  .canvas-section-outline ul { max-height:none; }
.forever-workspace-board .canvas-tool-panel.forever-board-style-tools[b-kfcqtcxhiz] { width:240px; }
.canvas-arrow-settings[b-kfcqtcxhiz], .canvas-rectangle-settings[b-kfcqtcxhiz] { display:grid; gap:10px; }
.canvas-style-preview[b-kfcqtcxhiz] { width:100%; min-width:0; height:64px; overflow:hidden; border-radius:7px; background:var(--paper); pointer-events:none; }
.canvas-style-preview[hidden][b-kfcqtcxhiz] { display:none; }
.canvas-style-preview[b-kfcqtcxhiz]  svg { display:block; width:100%; height:100%; }
.forever-workspace-board .canvas-tool-panel.forever-board-style-tools:has(.canvas-arrow-settings,.canvas-rectangle-settings)[b-kfcqtcxhiz] { width:280px; }
.canvas-arrow-default-appearance[b-kfcqtcxhiz] { --arrow-option-height:36px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:end; gap:10px 8px; }
.canvas-arrow-default-appearance .canvas-midpoint-lock .canvas-arrow-choices[b-kfcqtcxhiz] { width:100%; }
.canvas-arrow-default-appearance .canvas-arrow-choices > button[b-kfcqtcxhiz] { width:100%; height:var(--arrow-option-height); }
.canvas-arrow-default-appearance .canvas-arrow-choice-label[b-kfcqtcxhiz] { white-space:nowrap; }
.canvas-arrow-default-appearance[b-kfcqtcxhiz]  .board-color-picker { width:100%; min-width:0; }
.forever-workspace-board .canvas-arrow-default-appearance[b-kfcqtcxhiz]  .board-color-trigger { box-sizing:border-box; display:flex; align-items:center; justify-content:center; width:100%; min-width:0; height:var(--arrow-option-height); min-height:var(--arrow-option-height); padding:0; border:0; border-radius:7px; overflow:hidden; }
.canvas-arrow-default-appearance[b-kfcqtcxhiz]  .board-color-trigger > :is(span:not(.forever-board-swatch):not(.task-feature-lock),svg) { display:none; }
.canvas-arrow-default-appearance[b-kfcqtcxhiz]  .board-color-trigger > .forever-board-swatch { box-sizing:border-box; width:100%; height:100%; border-radius:7px; }
.canvas-tool-slider[b-kfcqtcxhiz], .canvas-arrow-default-label[b-kfcqtcxhiz] { display:grid; gap:5px; min-width:0; font-size:.75rem; }
.canvas-tool-slider-heading[b-kfcqtcxhiz] { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:30px; }
.canvas-tool-slider-heading > span:first-child[b-kfcqtcxhiz] { min-width:0; overflow-wrap:anywhere; }
.canvas-arrow-default-appearance > .canvas-tool-slider[b-kfcqtcxhiz] { grid-column:1 / -1; }
.canvas-rectangle-appearance[b-kfcqtcxhiz] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 8px; }
:is(.canvas-rectangle-appearance,.forever-board-shape-tools)[b-kfcqtcxhiz]  .forever-board-swatch[data-color="none"] { position:relative; background:repeating-conic-gradient(color-mix(in srgb,var(--ink-soft) 9%,var(--surface)) 0% 25%,var(--surface) 0% 50%) center / 10px 10px; }
:is(.canvas-rectangle-appearance,.forever-board-shape-tools)[b-kfcqtcxhiz]  .forever-board-swatch[data-color="none"]::after { content:""; position:absolute; box-sizing:border-box; left:50%; top:50%; width:18px; height:18px; border:1.5px solid var(--ink-soft); border-radius:50%; background:linear-gradient(135deg,transparent calc(50% - .75px),var(--ink-soft) calc(50% - .75px),var(--ink-soft) calc(50% + .75px),transparent calc(50% + .75px)); transform:translate(-50%,-50%); }
@media (max-width:800px), (pointer:coarse) { .canvas-arrow-default-appearance[b-kfcqtcxhiz] { --arrow-option-height:44px; } }
.canvas-arrow-default-label input[b-kfcqtcxhiz] { box-sizing:border-box; width:100%; min-width:0; height:36px; padding:6px 8px; border:1px solid var(--line); border-radius:7px; background:var(--paper); color:var(--ink); font:inherit; }
.canvas-arrow-default-label input:focus[b-kfcqtcxhiz] { outline:none; box-shadow:none; }
.canvas-arrow-choice-group[b-kfcqtcxhiz] { display:grid; min-width:0; gap:5px; }
.canvas-arrow-choice-label[b-kfcqtcxhiz] { font-size:.75rem; }
.forever-board-connector-primary > .canvas-arrow-choice-group.canvas-connector-curve-controls[b-kfcqtcxhiz] { flex:0 0 auto; }
.canvas-connector-curve-controls[hidden][b-kfcqtcxhiz] { display:none!important; }
.canvas-arrow-choices[b-kfcqtcxhiz] { display:flex; gap:4px; }
/* Icon segments need room for the shared artwork rather than text padding. */
.forever-board .canvas-arrow-choices[b-kfcqtcxhiz] { --segment-inline-padding:2px; }
.forever-board .canvas-arrow-choices > button[b-kfcqtcxhiz] { display:flex; align-items:center; justify-content:center; flex:1; box-sizing:border-box; min-width:36px; min-height:36px; padding:5px 2px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--ink); cursor:pointer; transition:var(--hover-transition),box-shadow 140ms ease; }
.forever-board .canvas-arrow-choices > button[b-kfcqtcxhiz]  > svg { display:block; flex:none; transform-origin:center; transition:translate 140ms cubic-bezier(.2,.7,.2,1),scale 140ms cubic-bezier(.2,.7,.2,1); }
.forever-board .canvas-arrow-choices > button[aria-pressed="true"][b-kfcqtcxhiz] { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 16%,var(--surface)); color:var(--accent); }
.forever-board .canvas-arrow-choices > button[aria-pressed="true"]:not(:disabled)[b-kfcqtcxhiz]  > svg { animation:canvas-line-choice-select-b-kfcqtcxhiz 180ms cubic-bezier(.2,.7,.2,1); }
.forever-board .canvas-arrow-choices > button:active:not(:disabled)[b-kfcqtcxhiz] { background:color-mix(in srgb,var(--accent) 24%,var(--surface)); box-shadow:inset 0 1px 3px color-mix(in srgb,var(--ink) 15%,transparent); transition-duration:65ms; }
.forever-board .canvas-arrow-choices > button:active:not(:disabled)[b-kfcqtcxhiz]  > svg { translate:0 0; scale:.88; transition-duration:65ms; }
.forever-board .canvas-arrow-choices > button:disabled[b-kfcqtcxhiz] { cursor:default; }
.canvas-arrow-choices > button:focus-visible[b-kfcqtcxhiz] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }
@keyframes canvas-line-choice-select-b-kfcqtcxhiz { from { transform:scale(.84); } 60% { transform:scale(1.09); } to { transform:scale(1); } }
@media (hover:hover) {
    .forever-board .canvas-arrow-choices > button:not([aria-pressed="true"]):hover:where(:not([data-touch-input] *)):not(:active):not(:disabled)[b-kfcqtcxhiz] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
}
@media (prefers-reduced-motion:reduce) {
    .forever-board .canvas-arrow-choices > button[b-kfcqtcxhiz] { transition:none; }
    .forever-board .canvas-arrow-choices > button[b-kfcqtcxhiz]  > svg { animation:none!important; transition:none; translate:none!important; scale:none!important; }
}
@media (max-width:800px), (pointer:coarse) {
    .forever-workspace-board .canvas-tool-panel.forever-board-style-tools:has(.canvas-arrow-settings)[b-kfcqtcxhiz] { width:280px; }
    .forever-board .canvas-arrow-choices > button[b-kfcqtcxhiz] { min-width:44px; min-height:44px; }
    .forever-board-connector-primary > .canvas-arrow-choice-group[b-kfcqtcxhiz] { flex-basis:140px; }
    .forever-board-connector-primary > .canvas-arrow-choice-group:is([data-canvas-connector-group="startHead"],[data-canvas-connector-group="endHead"])[b-kfcqtcxhiz] { flex-basis:236px; }
}
.forever-board-panel-heading[b-kfcqtcxhiz] { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.forever-board-panel-heading > button[b-kfcqtcxhiz] { display:flex; align-items:center; justify-content:center; flex:none; width:30px; height:30px; min-height:30px; padding:5px; border:0; border-radius:7px; background:transparent; color:var(--ink-soft); cursor:pointer; }
.forever-workspace-board .canvas-section-panel .canvas-section-field[b-kfcqtcxhiz] { flex-direction:row; align-items:center; justify-content:space-between; }
.canvas-section-field > :is(input,select)[b-kfcqtcxhiz] { flex:0 1 62%; }
.canvas-section-appearance[b-kfcqtcxhiz] { display:flex; flex-direction:column; }
@media (max-width:800px), (pointer:coarse) {
    .forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-tool-scroll[b-kfcqtcxhiz] { padding-bottom:12px; }
    .forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar button[b-kfcqtcxhiz] { flex:none; flex-direction:row; width:44px; height:44px; min-width:44px; min-height:44px; padding:10px; }
    .forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .canvas-toolbar-overflow button[data-canvas-panel-toggle][b-kfcqtcxhiz] { flex:none; width:44px; justify-content:center; }
    .forever-board-toolbar[b-kfcqtcxhiz]  .board-color-trigger { width:44px; height:44px; min-width:44px; min-height:44px; }
    .forever-board-panel-heading > button[b-kfcqtcxhiz] { width:44px; height:44px; }
}
@media (max-width:600px) {
    .forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] :is(.forever-board-history,.canvas-viewport-controls) button[b-kfcqtcxhiz] { width:36px; min-width:36px; padding-inline:6px; }
    .forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-history[b-kfcqtcxhiz] { gap:0; }
    .canvas-viewport-controls[b-kfcqtcxhiz] { gap:2px; }
    .canvas-fit-control[b-kfcqtcxhiz] { gap:0; padding-inline-start:2px; }
    .canvas-zoom-controls[b-kfcqtcxhiz] { gap:0; }
    .canvas-zoom-level[b-kfcqtcxhiz] { min-width:28px; font-size:.9rem; }
}
@media (max-width:420px) {
    .forever-workspace-board[b-kfcqtcxhiz]  .forever-canvas-boards { width:44px; min-width:44px; height:44px; padding:10px; }
    .forever-workspace-board[b-kfcqtcxhiz]  .forever-canvas-boards > span { display:none; }
}
@media (max-width:800px) {
    /* Match fullscreen's compact square while keeping the tool disclosure gutter. */
    .forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar button[b-kfcqtcxhiz] { width:36px; height:36px; min-width:36px; min-height:36px; padding:7px; }
    .forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .canvas-toolbar-overflow button[data-canvas-panel-toggle][b-kfcqtcxhiz] { width:36px; }
    .forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] :is(.forever-board-primary-tools,.forever-board-actions,.canvas-toolbar-overflow)[b-kfcqtcxhiz] { gap:3px; }
}
@media (max-width:360px) {
    /* Leave room for AI beside the fixed actions and fullscreen on small phones. */
    .forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] :is(.forever-board-history,.canvas-viewport-controls) button[b-kfcqtcxhiz] { width:32px; min-width:32px; padding-inline:5px; }
}
@media (prefers-reduced-motion:reduce) {
    .forever-workspace-board .canvas-tool-panel[b-kfcqtcxhiz] { animation:none; }
    .forever-workspace-board :is(.canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar,.canvas-zoom-controls) button[b-kfcqtcxhiz] { transition:none; animation:none; }
    .forever-board-toolbar[b-kfcqtcxhiz]  .board-color-trigger { transition:none; animation:none; }
    .forever-workspace-board:is(.is-expanded,.is-contained,:not([data-board-docked]),[data-board-docking])[b-kfcqtcxhiz]  :is(.forever-canvas-boards,.forever-canvas-revisit,.forever-canvas-icon:not(:last-child)) { animation:none; }
    .forever-workspace-board .canvas-unified-toolbar[data-canvas-scroll-toolbar] .forever-board-toolbar button:active:not(:disabled)[b-kfcqtcxhiz] { transform:none; }
}
.forever-board-primary-tools > button[data-canvas-tool="sticker"][b-kfcqtcxhiz] { order:1; }
.forever-board-primary-tools > button[data-canvas-tool="timer"][b-kfcqtcxhiz] { order:2; }
.canvas-sticker-tool-icon[b-kfcqtcxhiz] { display:inline-flex; align-items:center; justify-content:center; flex:none; width:22px; height:22px; font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif; font-size:21px; line-height:1; }

.canvas-connector-color[b-kfcqtcxhiz] { display:flex; align-items:end; }
.canvas-connector-color[b-kfcqtcxhiz]  .board-color-trigger { box-sizing:border-box; display:flex; align-items:center; justify-content:center; width:var(--connector-control-size); height:var(--connector-control-size); min-width:var(--connector-control-size); min-height:var(--connector-control-size); padding:0; border:0; border-radius:7px; background:transparent; }
.canvas-connector-color[b-kfcqtcxhiz]  .board-color-trigger > :is(span:not(.forever-board-swatch):not(.task-feature-lock),svg) { display:none; }

.canvas-connector-color[b-kfcqtcxhiz]  .board-color-trigger > .forever-board-swatch { box-sizing:border-box; width:100%; height:100%; border-radius:7px; }

.forever-board-connector-primary .canvas-arrow-choices > button[b-kfcqtcxhiz] { height:var(--connector-control-size); min-height:var(--connector-control-size); }
@media (max-width:800px), (pointer:coarse) {
    .forever-board-connector-primary[b-kfcqtcxhiz] { --connector-control-size:44px; }
}

.forever-board-connector-primary[b-kfcqtcxhiz]  .slider-number-field:not(.slider-range-number) .board-percent-field { height:var(--connector-control-size); min-height:var(--connector-control-size); }
.forever-board-connector-primary[b-kfcqtcxhiz]  .board-percent-edit input { height:100%; min-height:0; }

.forever-board-connector-primary > label[b-kfcqtcxhiz]  .slider-number-field { --drawing-value-width:88px; width:88px; min-width:88px; }

.canvas-midpoint-lock .canvas-arrow-choices[b-kfcqtcxhiz] { width:36px; }
.forever-board[data-midpoint-shift] .canvas-midpoint-lock .canvas-arrow-choices > button:not(:disabled)[b-kfcqtcxhiz] { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 16%,var(--surface)); color:var(--accent); }
.forever-board[data-midpoint-shift] .canvas-midpoint-lock .canvas-arrow-choices > button:not(:disabled)[b-kfcqtcxhiz]  > svg { animation:canvas-line-choice-select-b-kfcqtcxhiz 180ms cubic-bezier(.2,.7,.2,1); }
@media (pointer:coarse), (max-width:640px) { .canvas-midpoint-lock .canvas-arrow-choices[b-kfcqtcxhiz] { width:44px; } }

.forever-board-connector-primary > .canvas-midpoint-lock[b-kfcqtcxhiz] { flex:0 0 auto; margin-inline-end:0; padding-block-end:0; border-block-end:0; }
.forever-board-connector-primary > .canvas-midpoint-lock[b-kfcqtcxhiz]::after { display:none; }

.canvas-connector-opacity[b-kfcqtcxhiz] { display:flex; flex-direction:column; gap:5px; min-width:0; font-size:.75rem; }
.canvas-connector-opacity[b-kfcqtcxhiz]  .slider-number-field { --drawing-value-width:88px; width:88px; min-width:88px; }

.forever-board-connector-primary > [data-canvas-connector-label-trigger][b-kfcqtcxhiz] { display:inline-flex; align-items:center; justify-content:center; gap:6px; }
.canvas-connector-label-icon[b-kfcqtcxhiz] { display:flex; align-items:center; justify-content:center; }

/* The bend action occupies the existing heading space above the curve choice. */
.canvas-curve-add-overlay[b-kfcqtcxhiz] { position:absolute; right:calc((100% - 8px)/6 - 12px); bottom:calc(var(--connector-control-size) + 3px); width:24px; height:18px; }
.forever-board .canvas-curve-add-overlay .canvas-arrow-choices > button[b-kfcqtcxhiz] { width:24px; min-width:24px; height:18px; min-height:18px; padding:1px; border-radius:5px; }
.canvas-curve-add-overlay .canvas-arrow-choices > button[b-kfcqtcxhiz]  svg { width:13px; height:13px; }
.canvas-curve-add-overlay[b-kfcqtcxhiz] { opacity:1; visibility:visible; transition:opacity 150ms ease,visibility 0s; }
.forever-board .canvas-curve-add-overlay[hidden][b-kfcqtcxhiz] { display:block!important; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 150ms ease,visibility 0s 150ms; }
@media (prefers-reduced-motion:reduce) { .canvas-curve-add-overlay[b-kfcqtcxhiz], .forever-board .canvas-curve-add-overlay[hidden][b-kfcqtcxhiz] { transition:none; } }

/* Compact, equal-sized style buttons leave more of the phone's canvas visible. */
@media (max-width:800px) {
    .forever-board .forever-board-connector-tools[b-kfcqtcxhiz] { width:280px; padding:6px; }
    .forever-board-connector-primary[b-kfcqtcxhiz] { --connector-control-size:32px; gap:4px; line-height:1.2; }
    .forever-board-connector-primary > .canvas-arrow-choice-group[b-kfcqtcxhiz] { margin-inline-end:0; padding-block-end:0; border-block-end:0; gap:3px; }
    .forever-board-connector-primary > .canvas-arrow-choice-group[b-kfcqtcxhiz]::after { display:none; }
    .forever-board-connector-primary > .canvas-arrow-choice-group:is([data-canvas-connector-group="startHead"],[data-canvas-connector-group="endHead"])[b-kfcqtcxhiz] { display:flex; flex-wrap:wrap; align-items:center; flex-basis:100%; gap:4px; }
    .forever-board-connector-primary > :is([data-canvas-connector-group="startHead"],[data-canvas-connector-group="endHead"]) > .canvas-arrow-choice-label[b-kfcqtcxhiz] { flex:0 1 5em; }
    .forever-board-connector-primary > :is([data-canvas-connector-group="startHead"],[data-canvas-connector-group="endHead"]) > .canvas-arrow-choices[b-kfcqtcxhiz] { flex:0 0 auto; margin-inline-start:0; }
    .forever-board-connector-primary > :is([data-canvas-connector-group="routing"],[data-canvas-connector-group="dash"])[b-kfcqtcxhiz] { flex:1 0 104px; }
    .forever-board-connector-primary > [data-canvas-connector-group="routing"][b-kfcqtcxhiz] { flex-basis:140px; grid-template-columns:max-content auto; justify-content:start; }
    .forever-board-connector-primary > [data-canvas-connector-group="routing"] > .canvas-arrow-choice-label[b-kfcqtcxhiz] { grid-column:1 / -1; }
    .forever-board-connector-primary > [data-canvas-connector-group] > .canvas-arrow-choice-label[b-kfcqtcxhiz] { overflow-wrap:anywhere; }
    .forever-board-connector-primary > :is(label,.canvas-connector-opacity)[b-kfcqtcxhiz] { flex:1 1 0; gap:3px; }
    .forever-board-connector-primary > :is(label,.canvas-connector-opacity)[b-kfcqtcxhiz]  .slider-number-field:not(.slider-range-number) { --drawing-value-width:100%; width:100%; min-width:0; }
    .forever-board .forever-board-connector-primary .canvas-arrow-choices > button[b-kfcqtcxhiz],
    .forever-board-connector-primary > [data-canvas-connector-label-trigger][b-kfcqtcxhiz] { display:flex; align-items:center; justify-content:center; flex:0 0 var(--connector-control-size); width:var(--connector-control-size); min-width:var(--connector-control-size); height:var(--connector-control-size); min-height:var(--connector-control-size); padding:3px; }
    .forever-board-connector-primary .canvas-midpoint-lock .canvas-arrow-choices[b-kfcqtcxhiz] { width:var(--connector-control-size); }
    .forever-board-connector-primary .canvas-curve-add-overlay[b-kfcqtcxhiz] { position:static; grid-column:2; grid-row:2; width:var(--connector-control-size); height:var(--connector-control-size); }
    .forever-board .forever-board-connector-primary .canvas-curve-add-overlay[hidden][b-kfcqtcxhiz] { display:none!important; }
    .canvas-connector-label-text[b-kfcqtcxhiz] { display:none; }
    .canvas-connector-label-icon[b-kfcqtcxhiz] { display:flex; align-items:center; justify-content:center; }
}

/* Compact viewports keep the controls in one scrollable row. */
@media (max-width:1000px) {
    .forever-board .forever-board-connector-tools[b-kfcqtcxhiz] { width:max-content; max-width:calc(100% - 16px); padding:6px; overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; scrollbar-width:thin; }
    .forever-board-connector-primary[b-kfcqtcxhiz] { --connector-control-size:32px; width:max-content; flex-wrap:nowrap; justify-content:flex-start; gap:6px; line-height:1.2; }
    .forever-board-connector-primary > .canvas-arrow-choice-group[b-kfcqtcxhiz],
    .forever-board-connector-primary > .canvas-arrow-choice-group[data-canvas-connector-group][b-kfcqtcxhiz] { display:grid; grid-template-columns:none; flex:0 0 auto; gap:3px; margin:0; padding:0; border:0; }
    .forever-board-connector-primary > .canvas-arrow-choice-group[b-kfcqtcxhiz]::after { display:none; }
    .forever-board-connector-primary > [data-canvas-connector-group] > .canvas-arrow-choice-label[b-kfcqtcxhiz] { white-space:nowrap; grid-column:auto; }
    .forever-board-connector-primary > :is(label,.canvas-connector-opacity)[b-kfcqtcxhiz] { flex:0 0 auto; gap:3px; }
    .forever-board-connector-primary > :is(label,.canvas-connector-opacity)[b-kfcqtcxhiz]  .slider-number-field:not(.slider-range-number) { --drawing-value-width:76px; width:76px; min-width:76px; }
    .forever-board .forever-board-connector-primary .canvas-arrow-choices > button[b-kfcqtcxhiz],
    .forever-board-connector-primary > [data-canvas-connector-label-trigger][b-kfcqtcxhiz] { display:flex; align-items:center; justify-content:center; flex:0 0 32px; width:32px; min-width:32px; height:32px; min-height:32px; padding:3px; }
    .forever-board-connector-primary .canvas-midpoint-lock .canvas-arrow-choices[b-kfcqtcxhiz] { width:32px; }
    .forever-board-connector-primary .canvas-curve-add-overlay[b-kfcqtcxhiz] { position:absolute; grid-column:auto; grid-row:auto; width:24px; height:16px; bottom:33px; }
    .forever-board .forever-board-connector-primary .canvas-curve-add-overlay[hidden][b-kfcqtcxhiz] { display:block!important; }
    .forever-board .forever-board-connector-primary .canvas-curve-add-overlay .canvas-arrow-choices > button[b-kfcqtcxhiz] { flex:0 0 24px; width:24px; min-width:24px; height:16px; min-height:16px; padding:1px; }
    .canvas-connector-label-text[b-kfcqtcxhiz] { display:none; }
    .canvas-connector-label-icon[b-kfcqtcxhiz] { display:flex; align-items:center; justify-content:center; }
}
.forever-canvas-session-tools[b-kfcqtcxhiz] {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    min-width:0;
    flex:none;
    padding:0 8px 8px;
}
.forever-canvas-calendar[b-kfcqtcxhiz] {
    box-sizing:border-box;
    field-sizing:content;
    flex:0 1 auto;
    min-width:80px;
    max-width:min(180px,calc(100vw - 96px));
    height:32px;
    padding:4px 30px 4px 9px;
    border:0;
    border-radius:10px;
    background-color:var(--surface);
    color:var(--ink);
    font:400 .78rem/1.3 var(--planner-font);
}
.forever-canvas-participants[b-kfcqtcxhiz] { display:flex; align-items:center; min-width:0; }
.forever-workspace-board:is(.is-expanded,[data-board-animating]) .forever-canvas-session-tools[b-kfcqtcxhiz] { padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right)); }
@media (min-width:801px) {
    /* Match the header's 6px gap and the tool strip's 2px inset. */
    .forever-canvas-session-tools[b-kfcqtcxhiz] { padding-inline-start:16px; }
    .forever-workspace-board:is(.is-expanded,[data-board-animating]) .forever-canvas-session-tools[b-kfcqtcxhiz] { padding-inline-start:calc(max(20px,env(safe-area-inset-left)) + 8px); }
}
@media (max-width:800px), (pointer:coarse) {
    .forever-canvas-calendar[b-kfcqtcxhiz] { height:36px; min-width:72px; padding:3px 22px 3px 8px; }
}
@media (max-width:800px) {
    .forever-canvas-session-tools[b-kfcqtcxhiz] { padding-inline:4px; }
    .forever-workspace-board:is(.is-expanded,[data-board-animating]) .forever-canvas-session-tools[b-kfcqtcxhiz] { padding-inline:max(6px,env(safe-area-inset-left)) max(6px,env(safe-area-inset-right)); }
}
/* _content/YakoPlan.UI/Components/ForeverCanvasActivities.razor.rz.scp.css */
.canvas-activities[b-usuobjwz3a] { display:contents; }
.canvas-activity-widget[b-usuobjwz3a] { display:flex; flex-direction:column; min-width:0; min-height:0; box-sizing:border-box; overflow:hidden; border:1px solid var(--line,#ddd7cb); border-radius:16px; background:var(--surface,#fffdf8); color:var(--ink,#292720); font:inherit; box-shadow:0 3px 12px #0000000a; }
.canvas-activity-widget:focus-visible[b-usuobjwz3a] { outline:2px solid var(--accent,#b85f26); outline-offset:3px; }
.canvas-activity-header[b-usuobjwz3a] { display:flex; align-items:center; gap:8px; flex:none; min-height:44px; padding:10px 14px; box-sizing:border-box; border-bottom:1px solid var(--line,#ddd7cb); user-select:none; touch-action:none; }
.canvas-activity-header h3[b-usuobjwz3a] { margin:0; flex:1; font-size:15px; line-height:1.3; }
.canvas-activity-grip[b-usuobjwz3a] { color:var(--ink-soft,#736e64); font-size:20px; line-height:1; }
.canvas-activity-fullscreen[b-usuobjwz3a] { flex:none; display:grid; place-items:center; width:44px; height:44px; margin:-10px -10px -10px 0; padding:0; border:0; border-radius:var(--custom-radius,7px); background:transparent; color:inherit; cursor:pointer; transition:var(--hover-transition); }
.canvas-activity-fullscreen:focus-visible[b-usuobjwz3a] { outline:2px solid var(--focus,#225ecc); outline-offset:-3px; }
@media (hover:hover) and (pointer:fine) {
    .canvas-activity-fullscreen:hover:where(:not([data-touch-input] *)):not(:disabled)[b-usuobjwz3a] { background:var(--hover-background); color:var(--hover-color); }
}
.canvas-activity-dot[b-usuobjwz3a] { width:7px; height:7px; border-radius:50%; background:var(--accent,#b85f26); }
.canvas-activity-panel[b-usuobjwz3a] { --focus-content-gap:12px; display:grid; align-content:start; gap:12px; min-width:0; min-height:0; flex:1; padding:14px; overflow:auto; overscroll-behavior:contain; touch-action:pan-y; }
.canvas-activity-panel h4[b-usuobjwz3a], .canvas-activity-panel p[b-usuobjwz3a] { margin:0; }
.canvas-activity-panel h4[b-usuobjwz3a] { font-size:16px; }
.canvas-activity-hint[b-usuobjwz3a] { font-size:13px; line-height:1.5; color:var(--ink-soft,#736e64); }
.canvas-activity-error[b-usuobjwz3a] { color:var(--danger,#b02f35); }
.canvas-activity-panel fieldset[b-usuobjwz3a] { border:0; padding:0; margin:0; min-width:0; display:grid; gap:12px; }
.canvas-activity-panel label[b-usuobjwz3a] { display:grid; gap:5px; font-size:14px; }
.canvas-activity-panel input:not([type=checkbox],.focus-time-input)[b-usuobjwz3a] { width:100%; min-width:0; padding:9px 11px; border:1px solid var(--line,#ddd7cb); background:var(--surface,#fffdf8); color:inherit; border-radius:10px; font:inherit; box-sizing:border-box; }
.canvas-activity-panel input:not(.focus-time-input):focus-visible[b-usuobjwz3a] { outline:2px solid var(--accent,#b85f26); outline-offset:2px; }
.canvas-activity-actions[b-usuobjwz3a] { display:flex; flex-wrap:wrap; gap:8px; }
.canvas-vote-options[b-usuobjwz3a] { display:grid; gap:4px; max-height:280px; overflow:auto; padding:3px; }
.canvas-vote-options label[b-usuobjwz3a] { display:flex; gap:10px; align-items:center; min-height:44px; padding:4px 8px; border:1px solid var(--line,#ddd7cb); border-radius:9px; }
.canvas-vote-options span[b-usuobjwz3a] { overflow-wrap:anywhere; }
.canvas-vote-options input[b-usuobjwz3a] { flex:none; width:18px; height:18px; accent-color:var(--accent,#b85f26); }
.canvas-vote-results[b-usuobjwz3a] { display:grid; gap:8px; list-style:none; padding:0; margin:0; }
.canvas-vote-results li[b-usuobjwz3a] { display:flex; align-items:center; gap:8px; padding:8px; border:1px solid var(--line,#ddd7cb); border-radius:12px; }
.canvas-vote-object[b-usuobjwz3a] { min-width:0; flex:1; text-align:start; overflow-wrap:anywhere; color:inherit; background:transparent; border:0; padding:6px; font:inherit; cursor:pointer; }
.canvas-vote-object:focus-visible[b-usuobjwz3a] { outline:2px solid var(--accent,#b85f26); outline-offset:1px; border-radius:4px; }
.canvas-vote-count[b-usuobjwz3a] { min-width:24px; text-align:center; font-variant-numeric:tabular-nums; font-weight:700; }
.canvas-vote-results button[aria-pressed=true][b-usuobjwz3a] { border-color:var(--accent,#b85f26); }
.canvas-activity-panel :is(input,h4).canvas-timer-title[b-usuobjwz3a] { width:100%; margin:0 0 16px; padding:4px 2px; border:0; border-radius:6px; background:transparent; color:var(--ink,#262823); font:500 1.25rem/1.3 var(--planner-heading); letter-spacing:-.025em; text-align:center; overflow-wrap:anywhere; }
.canvas-timer-title[b-usuobjwz3a]::placeholder { color:var(--ink-soft,#66685f); opacity:.7; }
.canvas-activity-panel input.canvas-timer-title[b-usuobjwz3a] { min-height:40px; padding:8px 10px; border:1px solid var(--line,#ddd7cb); border-radius:var(--custom-radius,8px); transition:var(--hover-transition); }
.canvas-activity-panel input.canvas-timer-title:focus-visible[b-usuobjwz3a] { border-color:var(--line,#ddd7cb); }
.canvas-activity-panel input.canvas-timer-title:focus-visible:where([data-keyboard-navigation] *)[b-usuobjwz3a] { border-color:var(--focus,#66685f); }
.canvas-timer-description[b-usuobjwz3a] { min-width:0; margin:0 0 16px; text-align:start; }
.canvas-timer-description[b-usuobjwz3a]  :is(.task-description-input[contenteditable="true"],textarea.task-description-source:not([readonly])) { box-sizing:border-box; padding:9px 11px; border:1px solid var(--line,#ddd7cb); border-radius:var(--custom-radius,8px); background:transparent; transition:var(--hover-transition); }
.canvas-timer-description[b-usuobjwz3a]  :is(.task-description-input[contenteditable="true"],textarea.task-description-source:not([readonly])):focus-visible { border-color:var(--line,#ddd7cb); }
.canvas-timer-description[b-usuobjwz3a]  :is(.task-description-input[contenteditable="true"],textarea.task-description-source:not([readonly])):focus-visible:where([data-keyboard-navigation] *) { border-color:var(--focus,#66685f); }
@media (max-width:600px) {
    .canvas-activity-header[b-usuobjwz3a] { min-height:44px; }
    .canvas-vote-results li[b-usuobjwz3a] { flex-wrap:wrap; }
    .canvas-vote-object[b-usuobjwz3a] { flex-basis:calc(100% - 44px); }
    .canvas-vote-results .secondary-button[b-usuobjwz3a] { margin-inline-start:auto; }
}
/* _content/YakoPlan.UI/Components/ForeverCanvasBoardMembers.razor.rz.scp.css */
.forever-canvas-board-members[b-o3e8dwbgqc] { display:flex; flex-wrap:wrap; align-items:center; gap:3px; margin-top:4px; color:var(--ink-soft); }
.forever-canvas-board-member[b-o3e8dwbgqc] { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; flex:none; overflow:hidden; border:1px solid var(--line); border-radius:50%; background:var(--paper-deep); color:var(--ink-soft); font:500 .6rem var(--planner-font); }
.forever-canvas-board-member img[b-o3e8dwbgqc] { width:100%; height:100%; object-fit:cover; }
/* _content/YakoPlan.UI/Components/ForeverCanvasDiscussionPanel.razor.rz.scp.css */
.canvas-discussion[b-vzyjpvas5c] { position:absolute; z-index:8; display:flex; flex-direction:column; width:320px; max-width:calc(100% - 16px); max-height:var(--canvas-discussion-max-height, min(460px,70dvh)); box-sizing:border-box; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); box-shadow:0 2px 6px #0001; font:.8125rem/1.4 var(--planner-font, sans-serif); text-align:start; overflow:hidden; }
.canvas-discussion.is-collapsed[b-vzyjpvas5c] { border-radius:18px; }
.canvas-discussion[hidden][b-vzyjpvas5c], .canvas-discussion-content[hidden][b-vzyjpvas5c] { display:none; }
.canvas-discussion-header[b-vzyjpvas5c] { display:flex; align-items:center; flex-wrap:wrap; gap:1px; flex:none; min-height:32px; padding:0 4px; }
.is-expanded .canvas-discussion-header[b-vzyjpvas5c] { border-bottom:1px solid var(--line); }
.canvas-discussion-header button[b-vzyjpvas5c] { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-width:28px; min-height:30px; padding:3px 5px; border:0; border-radius:8px; background:transparent; color:var(--ink); font:500 .75rem/1.2 var(--planner-font, sans-serif); cursor:pointer; }
.canvas-discussion-toggle[b-vzyjpvas5c] { font-variant-numeric:tabular-nums; }
.canvas-discussion-header .canvas-discussion-add-reaction[b-vzyjpvas5c] { margin-inline-start:3px; color:var(--ink-soft); }
.canvas-discussion-content[b-vzyjpvas5c] { display:flex; flex:1; flex-direction:column; min-height:0; overflow:hidden; }
.canvas-discussion-notice[b-vzyjpvas5c] { padding:8px 10px; overflow-wrap:anywhere; }
.canvas-discussion-notice p[b-vzyjpvas5c] { margin:0 0 6px; }
.canvas-discussion-reaction[aria-pressed="true"][b-vzyjpvas5c] { background:color-mix(in srgb, var(--accent) 12%, var(--surface)); }
.canvas-discussion-header .canvas-discussion-resolved[b-vzyjpvas5c] { margin-inline-start:auto; color:var(--ink-soft); }
.canvas-discussion-resolved[aria-pressed="true"][b-vzyjpvas5c] { background:var(--accent-soft); color:var(--ink); }
.canvas-discussion button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-pressed="true"],[aria-expanded="true"])[b-vzyjpvas5c] { background:var(--hover-background); color:var(--hover-color); }
.canvas-discussion button:focus-visible[b-vzyjpvas5c], .canvas-discussion textarea:focus-visible[b-vzyjpvas5c] { outline:2px solid var(--accent); outline-offset:2px; }
.canvas-discussion button:disabled[b-vzyjpvas5c] { opacity:.55; }
.canvas-discussion-hint[b-vzyjpvas5c] { margin:8px 12px 0; color:var(--ink-soft); font-size:.75rem; line-height:1.4; }
.canvas-discussion-error[b-vzyjpvas5c] { color:var(--danger); overflow-wrap:anywhere; }

/* Match CalendarChatPanel's messages and docked composer. Message actions,
   quoted replies and text input are the same shared chat components. */
.chat-log-wrap[b-vzyjpvas5c] { position:relative; min-height:0; flex:1; display:flex; flex-direction:column; }
.chat-log[b-vzyjpvas5c] { position:relative; flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; display:flex; flex-direction:column; gap:6px; padding:16px 14px; scroll-padding:16px; }
.chat-date[b-vzyjpvas5c] { display:flex; align-items:center; gap:16px; margin:12px 0 8px; color:var(--ink-soft); font-size:.9rem; font-weight:500; line-height:1.5; }
.chat-date:first-child[b-vzyjpvas5c] { margin-top:0; }
.chat-date[b-vzyjpvas5c]::before,.chat-date[b-vzyjpvas5c]::after { content:""; height:1px; flex:1; background:color-mix(in srgb,var(--line) 65%,transparent); }
.chat-message[b-vzyjpvas5c] { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:start; gap:9px; min-width:0; }
.chat-message.is-mine[b-vzyjpvas5c] { grid-template-columns:minmax(0,1fr) 48px; }
.chat-message.is-group-start[b-vzyjpvas5c] { margin-top:11px; }
.chat-date + .chat-message[b-vzyjpvas5c] { margin-top:0; }
.chat-message > .chat-message-avatar[b-vzyjpvas5c] { grid-column:1; grid-row:1; width:48px; height:48px; font-size:.95rem; }
.chat-message.is-mine > .chat-message-avatar[b-vzyjpvas5c] { grid-column:2; }
.chat-message.has-reply > .chat-message-avatar[b-vzyjpvas5c] { margin-top:calc(1.12rem + 11px); }
.canvas-discussion[b-vzyjpvas5c]  .chat-message.has-reply:has(.message-reply-to-me) > .chat-message-avatar { margin-top:calc(1.12rem + 16px); }
.chat-message-content[b-vzyjpvas5c] { grid-column:2; grid-row:1; display:flex; flex-direction:column; align-items:flex-start; gap:5px; width:fit-content; max-width:min(32rem,100%); min-width:0; }
.is-mine .chat-message-content[b-vzyjpvas5c] { grid-column:1; justify-self:end; align-items:flex-end; }
.chat-bubble[b-vzyjpvas5c] { --task-color:var(--planner-action-fill,var(--accent)); --task-color-ink:var(--planner-action-ink,#fff); box-sizing:border-box; max-width:100%; min-width:0; padding:8px 13px; border:1px solid var(--planner-action-fill,var(--accent)); border-radius:16px; background:var(--planner-action-fill,var(--accent)); color:var(--planner-action-ink,#fff); }
.chat-bubble p[b-vzyjpvas5c] { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:1rem; font-weight:500; line-height:1.55; }
.chat-empty[b-vzyjpvas5c] { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; flex:1; padding:24px 12px; text-align:center; color:var(--ink-soft); }
.chat-empty p[b-vzyjpvas5c] { margin:0; font-size:.8125rem; line-height:1.65; }
.chat-reply-draft[b-vzyjpvas5c] { display:flex; align-items:center; gap:8px; min-width:0; font-size:.8rem; line-height:1.5; color:var(--ink-soft); }
.chat-reply-draft > span[b-vzyjpvas5c] { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chat-reply-cancel[b-vzyjpvas5c] { display:grid; place-items:center; flex:none; width:32px; height:32px; margin:0; padding:0; border:0; background:transparent; color:var(--ink-soft); box-shadow:none; cursor:pointer; }
.chat-compose[b-vzyjpvas5c] { display:flex; flex:none; flex-direction:column; gap:8px; padding:10px 12px 12px; }
.chat-compose-field[b-vzyjpvas5c] { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:7px; border:0; border-radius:18px; background:color-mix(in srgb,var(--surface,#fffdf8) 92%,var(--ink,#262823)); box-shadow:none; }
.chat-compose[b-vzyjpvas5c]  textarea { box-sizing:border-box; flex:1 1 0; min-width:0; width:0; min-height:42px; max-height:150px; padding:10px 5px; resize:none; field-sizing:content; border:0; background:transparent; color:var(--ink); font:400 .85rem/1.55 var(--planner-font,sans-serif); }
.chat-compose[b-vzyjpvas5c]  textarea::placeholder { color:var(--ink-soft); }
.chat-compose[b-vzyjpvas5c]  textarea:focus-visible { outline:none; }
.chat-icon-button[b-vzyjpvas5c] { display:grid; place-items:center; flex:none; width:42px; height:42px; padding:0; border:1px solid transparent; border-radius:11px; background:transparent; color:var(--ink-soft); cursor:pointer; }
.chat-icon-button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-expanded="true"])[b-vzyjpvas5c] { background:var(--hover-background); color:var(--hover-color); }
.chat-emoji-button[b-vzyjpvas5c] { width:36px; height:36px; margin:0; border:0; border-radius:10px; transition:var(--hover-transition),transform 120ms ease; }
.chat-emoji-button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-expanded="true"])[b-vzyjpvas5c] { background:var(--hover-background); color:var(--hover-color); }
.chat-emoji-button[aria-expanded="true"][b-vzyjpvas5c] { border-color:var(--open-border); background:var(--open-background); color:var(--open-color); box-shadow:none; }
.chat-emoji-button:active:not(:disabled)[b-vzyjpvas5c] { background:color-mix(in srgb,var(--ink) 14%,transparent); color:var(--ink); transform:scale(.92); }
.chat-new-messages[b-vzyjpvas5c] { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:8px; min-height:34px; padding:9px 14px; border:0; border-radius:var(--pill-radius); background:var(--pill-fill); color:var(--pill-ink); box-shadow:none; font:500 .75rem var(--planner-font,sans-serif); white-space:nowrap; }
.chat-new-messages:hover:where(:not([data-touch-input] *)):not(:disabled)[b-vzyjpvas5c] { background:var(--hover-background); color:var(--hover-color); }
.chat-new-messages[hidden][b-vzyjpvas5c] { display:none; }
.canvas-discussion-resolve[b-vzyjpvas5c] { display:flex; align-items:center; gap:10px; width:100%; min-height:38px; padding:7px 10px; border:0; border-radius:7px; text-align:start; background:transparent; color:inherit; font:inherit; font-size:.9rem; cursor:pointer; }
.canvas-discussion-resolve:hover:where(:not([data-touch-input] *)):not(:disabled)[b-vzyjpvas5c] { background:var(--hover-background); color:var(--hover-color); }
@media (hover:none), (max-width:700px) { .canvas-discussion-resolve[b-vzyjpvas5c] { min-height:46px; padding:10px 12px; border-radius:10px; font-size:.95rem; } .chat-compose[b-vzyjpvas5c]  textarea { font-size:1rem; } }
@media (forced-colors:active) { .chat-bubble[b-vzyjpvas5c] { background:Canvas; color:CanvasText; border-color:CanvasText; } }
@media (pointer:coarse) { .canvas-discussion button[b-vzyjpvas5c] { min-height:44px; min-width:44px; } }
.chat-bubble.chat-bubble-gif[b-vzyjpvas5c] { min-height:0; padding:0; border:0; border-radius:0; background:transparent; color:var(--ink); box-shadow:none; text-shadow:none; overflow:visible; }
.chat-bubble.chat-bubble-gif > p[b-vzyjpvas5c] { display:flex; }
/* _content/YakoPlan.UI/Components/ForeverCanvasFollow.razor.rz.scp.css */
.forever-canvas-follow[b-97jcs7xl1w] { position:relative; display:flex; flex-wrap:wrap; align-items:center; min-width:0; max-width:100%; font-size:.875rem; }
.forever-canvas-follow.is-open[b-97jcs7xl1w] { z-index:40; }
.canvas-follow-avatars[b-97jcs7xl1w] { position:relative; z-index:1; display:flex; flex-wrap:wrap; align-items:center; gap:2px; }
.canvas-follow-avatar[b-97jcs7xl1w] { position:relative; box-sizing:border-box; display:inline-flex; flex:none; align-items:center; justify-content:center; width:44px; height:44px; padding:5px; border:2px solid transparent; border-radius:50%; background:transparent; color:var(--ink); font:600 .75rem/1 var(--planner-font); cursor:pointer; transition:var(--hover-transition),box-shadow 160ms ease,transform 160ms cubic-bezier(.2,.7,.2,1); }
.canvas-follow-picture[b-97jcs7xl1w] { box-sizing:border-box; display:inline-grid; flex:none; place-items:center; width:30px; height:30px; border:1px solid var(--line); font-size:.75rem; line-height:1; }
.canvas-follow-follower-badge[b-97jcs7xl1w] { position:absolute; inset-inline-end:0; inset-block-end:0; display:grid; place-items:center; width:16px; height:16px; border-radius:50%; background:var(--accent); color:var(--accent-contrast,#fff); box-shadow:0 0 0 2px var(--surface); pointer-events:none; opacity:0; transition:opacity 160ms ease; }
.canvas-follow-follower-badge.is-visible[b-97jcs7xl1w] { opacity:1; }
.canvas-follow-avatar.is-following[b-97jcs7xl1w] { border-color:var(--accent); }
.canvas-follow-avatar:hover:where(:not([data-touch-input] *)):not([aria-expanded="true"])[b-97jcs7xl1w] { background:var(--hover-background); color:var(--hover-color); }
.canvas-follow-avatar[aria-expanded="true"][b-97jcs7xl1w] { background:var(--open-background); color:var(--open-color); box-shadow:none; }
.canvas-follow-avatar[aria-expanded="true"]:not(.is-following)[b-97jcs7xl1w] { border-color:var(--open-border); }
.canvas-follow-avatar:active[b-97jcs7xl1w] { transform:scale(.92); box-shadow:inset 0 1px 3px #0000002b; }
.canvas-follow-dismiss[b-97jcs7xl1w] { position:fixed; inset:0; width:100%; height:100%; padding:0; border:0; background:transparent; cursor:default; }
.canvas-follow-menu[b-97jcs7xl1w] { position:absolute; z-index:2; inset-block-start:calc(100% + 4px); inset-inline-start:0; box-sizing:border-box; display:grid; gap:8px; width:15rem; max-width:calc(100vw - 32px); padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); box-shadow:0 5px 18px #0002; animation:task-tool-popover-enter var(--dropdown-enter-duration,180ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1)); }
.canvas-follow-menu[popover][b-97jcs7xl1w] { position:fixed; inset:auto; margin:0; }
.canvas-follow-menu[b-97jcs7xl1w]::backdrop { background:transparent; pointer-events:none; }
.canvas-follow-menu[hidden][b-97jcs7xl1w] { display:none; pointer-events:none; }
.canvas-follow-menu strong[b-97jcs7xl1w] { overflow-wrap:anywhere; font-weight:600; }
.canvas-follow-action[b-97jcs7xl1w] { --solid-accent-fill:var(--accent); --solid-accent-ink:var(--accent-contrast,#fff); --hover-background:var(--solid-accent-hover-background); --hover-color:var(--solid-accent-hover-color); min-height:44px; padding:8px 12px; border:0; border-radius:8px; background:var(--accent); color:var(--accent-contrast,#fff); font:inherit; text-align:start; cursor:pointer; box-shadow:none; transition:var(--hover-transition),box-shadow 160ms ease,transform 140ms cubic-bezier(.2,.7,.2,1); }
.canvas-follow-action:hover:where(:not([data-touch-input] *)):not(:disabled)[b-97jcs7xl1w] { background:var(--hover-background); color:var(--hover-color); }
.canvas-follow-action:active:not(:disabled)[b-97jcs7xl1w] { transform:scale(.97); box-shadow:inset 0 1px 3px #0000002b; }
.canvas-follow-action:disabled[b-97jcs7xl1w] { opacity:.5; cursor:default; }
.forever-canvas-follow :focus-visible[b-97jcs7xl1w] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }
.canvas-follow-error[b-97jcs7xl1w] { flex-basis:100%; overflow-wrap:anywhere; }
@media (prefers-reduced-motion:reduce) {
    .canvas-follow-avatar[b-97jcs7xl1w],.canvas-follow-menu[b-97jcs7xl1w],.canvas-follow-action[b-97jcs7xl1w],.canvas-follow-follower-badge[b-97jcs7xl1w] { transition:none; }
    .canvas-follow-menu[b-97jcs7xl1w] { animation:none; }
    .canvas-follow-avatar:active[b-97jcs7xl1w],.canvas-follow-action:active:not(:disabled)[b-97jcs7xl1w] { transform:none; }
}
/* _content/YakoPlan.UI/Components/ForeverCanvasMemberAvatars.razor.rz.scp.css */
.canvas-member-avatar-loader[b-wfhoi01lzl] { display:inline-flex; flex:none; }
/* _content/YakoPlan.UI/Components/ForeverCanvasReactions.razor.rz.scp.css */
.canvas-reactions[b-jlgrjpujor] { position:absolute; z-index:8; display:flex; flex-direction:column; width:max-content; max-width:calc(100% - 16px); max-height:var(--canvas-discussion-max-height,70dvh); box-sizing:border-box; border:1px solid var(--line); border-radius:18px; background:var(--surface); color:var(--ink); box-shadow:0 2px 6px #0001; font:.8125rem/1.4 var(--planner-font,sans-serif); text-align:start; overflow:auto; }
.canvas-reactions[b-jlgrjpujor] { opacity:1; translate:0 0; transition:opacity var(--dropdown-exit-duration,120ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1)),translate var(--dropdown-exit-duration,120ms) var(--dropdown-easing,cubic-bezier(.22,.8,.25,1)),display var(--dropdown-exit-duration,120ms) allow-discrete; }
.canvas-reactions:not([hidden])[b-jlgrjpujor] { transition-duration:var(--dropdown-enter-duration,180ms); }
.canvas-reactions[hidden][b-jlgrjpujor] { display:none; opacity:0; translate:0 -4px; pointer-events:none; }
@starting-style { .canvas-reactions:not([hidden])[b-jlgrjpujor] { opacity:0; translate:0 -4px; } }
.canvas-reactions-controls[b-jlgrjpujor] { display:flex; align-items:center; flex-wrap:wrap; gap:1px; padding:0 4px; }
.canvas-reactions-controls button[b-jlgrjpujor] { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-width:28px; min-height:30px; padding:3px 5px; border:0; border-radius:12px; background:transparent; color:var(--ink); font:500 .75rem/1.2 var(--planner-font,sans-serif); font-variant-numeric:tabular-nums; cursor:pointer; }
.canvas-reactions-controls .canvas-reactions-add[b-jlgrjpujor],.canvas-reactions-controls .canvas-reactions-close[b-jlgrjpujor] { color:var(--ink-soft); }
.canvas-reactions-controls button[aria-pressed="true"][b-jlgrjpujor] { background:color-mix(in srgb,var(--accent) 12%,var(--surface)); }
.canvas-reactions button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-pressed="true"])[b-jlgrjpujor] { background:var(--hover-background); color:var(--hover-color); }
.canvas-reactions button:focus-visible[b-jlgrjpujor] { outline:2px solid var(--accent); outline-offset:-2px; }
.canvas-reactions button:disabled[b-jlgrjpujor] { opacity:.55; }
.canvas-reactions-status[b-jlgrjpujor],.canvas-reactions-error[b-jlgrjpujor] { margin:0; padding:6px 10px; max-width:260px; overflow-wrap:anywhere; }
.canvas-reactions-error p[b-jlgrjpujor] { margin:0 0 4px; color:var(--danger); }
@media (pointer:coarse) { .canvas-reactions-controls button[b-jlgrjpujor] { min-width:44px; min-height:44px; } }
@media (prefers-reduced-motion:reduce) { .canvas-reactions[b-jlgrjpujor] { transition:none; } }
@media (forced-colors:active) { .canvas-reactions-controls button[aria-pressed="true"][b-jlgrjpujor] { outline:1px solid Highlight; } }
/* _content/YakoPlan.UI/Components/ForeverCanvasSharing.razor.rz.scp.css */
.forever-sharing p[b-vtg3s3jabl] { margin-block:0 1rem; line-height:1.6; }
.forever-sharing-controls[b-vtg3s3jabl] { border:0; padding:0; margin:0; min-width:0; }
.forever-sharing-controls:disabled[b-vtg3s3jabl] { opacity:.7; }
.forever-sharing-form[b-vtg3s3jabl] { display:flex; flex-wrap:wrap; gap:.75rem; align-items:end; margin-block:1rem; }
.forever-sharing-form label[b-vtg3s3jabl] { display:grid; gap:.35rem; flex:1 1 10rem; min-width:0; }
.forever-sharing-row[b-vtg3s3jabl] { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; border-bottom:1px solid var(--line); padding-block:.75rem; }
.forever-sharing-row > span[b-vtg3s3jabl] { flex:1 1 10rem; overflow-wrap:anywhere; }
.forever-sharing-row[b-vtg3s3jabl]  .forever-canvas-board-members { flex:none; margin:0; }
.forever-sharing-row .forever-sharing-owner[b-vtg3s3jabl] { flex:none; color:var(--ink-soft); }
.forever-sharing input[b-vtg3s3jabl], .forever-sharing select[b-vtg3s3jabl] { box-sizing:border-box; max-width:100%; min-width:0; min-height:44px; border:1px solid var(--line); border-radius:8px; padding:8px 10px; background:var(--surface); color:var(--ink); font:400 .85rem var(--planner-font); }
.forever-sharing button[b-vtg3s3jabl] { min-height:44px; }
.forever-sharing-created[b-vtg3s3jabl] { display:flex; flex-wrap:wrap; align-items:end; gap:.6rem; margin-block:1rem; }
.forever-sharing-created label[b-vtg3s3jabl] { display:grid; flex:1 1 16rem; min-width:0; gap:.35rem; }
.forever-sharing-created input[b-vtg3s3jabl] { width:100%; }
.forever-sharing h3[b-vtg3s3jabl] { margin:1.5rem 0 .5rem; font:500 .95rem var(--planner-font); }
.forever-sharing-hint[b-vtg3s3jabl] { color:var(--ink-soft); font-size:.82rem; }
.forever-sharing-error[b-vtg3s3jabl] { color:var(--danger); }
@media (max-width:480px) { .forever-sharing[b-vtg3s3jabl]  .planner-popup-dialog { width:100%; max-height:calc(100dvh - 20px); } .forever-sharing-form label[b-vtg3s3jabl] { flex-basis:100%; } }
/* _content/YakoPlan.UI/Components/ForeverCanvasTableTaskCell.razor.rz.scp.css */
.forever-canvas-table-task-cell[b-mz0cbsvxpf] { position:absolute; min-width:0; min-height:0; box-sizing:border-box; overflow:hidden; user-select:none; -webkit-user-select:none; }
.forever-canvas-table-task-cell[b-mz0cbsvxpf]  .planner-task { box-sizing:border-box; width:100%; min-height:100%; margin:0; border:0; border-radius:0; }
.forever-canvas-table-task-cell[data-collection-reorder-source][b-mz0cbsvxpf]  .planner-task { opacity:.14; }
.forever-canvas-table-task-unavailable[b-mz0cbsvxpf] { color:var(--muted); }
/* _content/YakoPlan.UI/Components/ForeverCanvasTaskCard.razor.rz.scp.css */
.forever-canvas-task[b-39r1tlhckb] { position:absolute; min-width:0; width:280px; user-select:none; -webkit-user-select:none; }
.forever-canvas-task[b-39r1tlhckb]  .planner-task { margin:0; }
.forever-canvas-task-unavailable[b-39r1tlhckb] { color:var(--muted); }
/* _content/YakoPlan.UI/Components/ForeverCanvasTaskCollection.razor.rz.scp.css */
.forever-canvas-collection[b-6wlk0i86a0] { position:absolute; display:flex; flex-direction:column; width:600px; height:380px; min-width:0; min-height:0; box-sizing:border-box; color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:.8rem; font:inherit; line-height:1.4; box-shadow:0 3px 12px #0001; }
.forever-canvas-collection[data-collection-dialog-open="true"][b-6wlk0i86a0] { z-index:2147483646!important; }
.forever-canvas-collection-header[b-6wlk0i86a0] { display:flex; align-items:center; min-height:48px; gap:2px; padding:2px 4px; border-bottom:1px solid var(--line); cursor:grab; touch-action:none; user-select:none; }
.forever-canvas-collection-header:active[b-6wlk0i86a0] { cursor:grabbing; }
.forever-canvas-collection-header h3[b-6wlk0i86a0] { flex:1 1 0; min-width:0; margin:0 6px 0 7px; font-size:.93em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
[data-collection-toolbar-source][b-6wlk0i86a0],[data-collection-caption-source][b-6wlk0i86a0] { display:contents; }
.forever-board .forever-canvas-collection [data-collection-toolbar-source]>.forever-canvas-collection-header[b-6wlk0i86a0] { display:none; }
.forever-canvas-collection-header[data-floating="true"] h3[b-6wlk0i86a0] { display:none; }
.collection-caption[b-6wlk0i86a0] { display:none; position:absolute; box-sizing:border-box; min-width:0; min-height:0; max-width:none; margin:0; border:0; color:var(--ink); background:transparent; font:400 16px/1.4 var(--planner-font,sans-serif); text-align:center; white-space:pre-wrap; overflow-wrap:anywhere; cursor:pointer; user-select:none; touch-action:pan-x pan-y; }
.collection-caption[data-floating="true"]:not([hidden])[b-6wlk0i86a0] { display:block; }
.collection-caption:focus-visible[b-6wlk0i86a0] { outline:1px solid var(--focus,Highlight); outline-offset:2px; }
.forever-canvas-collection-header[data-floating="true"][b-6wlk0i86a0] {
    position:absolute; z-index:24; box-sizing:border-box; flex-wrap:nowrap; min-width:0; min-height:0; gap:4px; padding:6px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin;
    border:1px solid var(--line); border-radius:var(--custom-radius,10px); background:var(--surface); color:var(--ink);
    box-shadow:0 6px 20px #0003; font:400 14px/1.4 var(--planner-font,sans-serif); cursor:grab; touch-action:manipulation;
    opacity:0; visibility:hidden; pointer-events:none; translate:0 4px;
    transition:opacity 140ms ease,translate 140ms ease,visibility 0s 140ms;
}
.forever-canvas-collection-header[data-floating="true"][data-visible="true"][b-6wlk0i86a0] { opacity:1; visibility:visible; pointer-events:auto; translate:0 0; transition-delay:0s; }
.forever-canvas-collection-header[data-floating="true"]:active[b-6wlk0i86a0] { cursor:grabbing; }
.forever-canvas-collection-header[data-floating="true"] .forever-canvas-collection-tools[b-6wlk0i86a0] { flex:none; max-width:none; gap:4px; flex-wrap:nowrap; overflow:visible; }
.collection-settings-tools[b-6wlk0i86a0] { display:inline-flex; align-items:center; flex:none; gap:4px; min-height:28px; margin-inline-start:3px; padding-inline-start:7px; border-inline-start:1px solid var(--line); }
.forever-canvas-collection-header[data-floating="true"] .forever-canvas-collection-count[b-6wlk0i86a0] { font-size:.8em; }
.forever-canvas-collection-header[data-floating="true"] :is(button,input,select)[b-6wlk0i86a0] { box-sizing:border-box; max-width:100%; min-height:32px; color:inherit; font:inherit; }
.forever-canvas-collection-header[data-floating="true"] button[b-6wlk0i86a0] { display:inline-flex; flex:none; align-items:center; justify-content:center; width:32px; height:32px; padding:6px; border:0; border-radius:6px; background:transparent; cursor:pointer; transition:var(--hover-transition),transform 100ms ease; }
.forever-canvas-collection-header[data-floating="true"] button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-6wlk0i86a0] { background:var(--hover-background); color:var(--hover-color); }
.forever-canvas-collection-header[data-floating="true"] button:active:not(:disabled)[b-6wlk0i86a0] { transform:scale(.93); }
.forever-canvas-collection-header[data-floating="true"] :is(button,input,select):disabled[b-6wlk0i86a0] { opacity:.35; cursor:default; }
.forever-canvas-collection-header[data-floating="true"] :is(button,input,select):focus-visible[b-6wlk0i86a0] { outline:2px solid var(--focus,Highlight); outline-offset:-2px; }
.forever-canvas-collection-header[data-floating="true"] select[b-6wlk0i86a0] { min-width:0; max-width:9rem; border:0; border-radius:6px; padding-inline:6px; background:transparent; }
.forever-canvas-collection-header[data-floating="true"] input.collection-toolbar-filter[b-6wlk0i86a0] { flex:0 0 120px; width:120px; min-width:120px; height:28px; min-height:28px; padding:0 9px; border:1px solid var(--line); border-radius:6px; background:color-mix(in srgb,currentColor 3%,transparent); }
.collection-toolbar-divider[b-6wlk0i86a0] { flex:0 0 1px; height:22px; margin-inline:3px; background:color-mix(in srgb,currentColor 18%,transparent); }
.forever-canvas-collection-tools[b-6wlk0i86a0] { display:flex; align-items:center; gap:1px; max-width:72%; min-width:0; overflow-x:auto; scrollbar-width:thin; }
.forever-canvas-collection-count[b-6wlk0i86a0] { flex:none; margin-inline:3px 6px; font-size:.72em; font-variant-numeric:tabular-nums; color:var(--ink-soft,var(--muted)); white-space:nowrap; }
.forever-canvas-collection :is(button,input,select,textarea)[b-6wlk0i86a0] { font:inherit; color:inherit; min-height:44px; max-width:100%; box-sizing:border-box; border:1px solid var(--line); border-radius:.4rem; padding:.35rem .55rem; background:var(--surface); }
.forever-canvas-collection button[b-6wlk0i86a0] { cursor:pointer; transition:var(--hover-transition),transform 100ms ease; }
.forever-canvas-collection button:active:not(:disabled)[b-6wlk0i86a0] { transform:scale(.96); }
.forever-canvas-collection button:disabled[b-6wlk0i86a0] { opacity:.55; cursor:default; }
/* A pending save must not make the board's persistent controls flash or fade. */
.forever-canvas-collection[aria-busy="true"] :is(.collection-icon,.collection-add-lane,.collection-starter button):disabled[b-6wlk0i86a0],
.forever-canvas-collection-header[aria-busy="true"] .collection-icon:disabled[b-6wlk0i86a0] { opacity:1; }
.forever-canvas-collection .collection-icon[b-6wlk0i86a0] { display:inline-flex; align-items:center; justify-content:center; flex:none; width:44px; height:44px; padding:0; border:0; background:transparent; }
.forever-canvas-collection-tools select[b-6wlk0i86a0] { min-width:0; max-width:9rem; border:0; background:transparent; font-size:.8em; padding-inline:6px; }
.forever-canvas-collection :is(button,input,select,textarea,[tabindex],summary):focus-visible[b-6wlk0i86a0] { outline:2px solid var(--focus,var(--accent)); outline-offset:-2px; }
.forever-canvas-collection button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-6wlk0i86a0] { background:var(--hover-background); color:var(--hover-color); }
.collection-notice[b-6wlk0i86a0] { margin:0; padding:6px 12px; font-size:.8em; color:var(--ink-soft,var(--muted)); background:var(--paper,var(--surface)); }
.collection-error[b-6wlk0i86a0] { color:var(--danger,var(--ink)); }
.collection-scroll[b-6wlk0i86a0] { flex:1 1 auto; min-height:0; overflow:auto; overscroll-behavior:contain; touch-action:pan-x pan-y; border-radius:inherit; cursor:grab; }
.collection-scroll:active[b-6wlk0i86a0] { cursor:grabbing; }
.collection-list[b-6wlk0i86a0] { margin:0; padding:8px; list-style:none; }
.collection-list[b-6wlk0i86a0] { cursor:grab; }
.collection-list:active[b-6wlk0i86a0] { cursor:grabbing; }
.collection-row[b-6wlk0i86a0] { min-width:0; box-sizing:border-box; margin-bottom:5px; cursor:auto; }
.collection-date-list[b-6wlk0i86a0] { padding:0; }
.collection-date-list[b-6wlk0i86a0]  .planner-day-period { margin-inline-start:8px; color:var(--ink-soft,var(--muted)); font-size:.8125rem; }
.collection-date-list .day-header[b-6wlk0i86a0] { justify-content:flex-start; }
.collection-date-list .collection-row[b-6wlk0i86a0] { margin:0 0 var(--task-row-spacing); }
.collection-date-list .day-column:last-child[b-6wlk0i86a0] { border-bottom:0; }
.collection-task-cell[b-6wlk0i86a0] { display:flex; align-items:center; gap:4px; min-width:0; }
.collection-native-task[b-6wlk0i86a0] { position:relative; flex:1; min-width:0; cursor:auto; }
.forever-canvas-collection[data-collection-presentation="Kanban"] .collection-native-task[b-6wlk0i86a0] { line-height:1.5; }
.collection-table[b-6wlk0i86a0] { width:100%; border-collapse:collapse; font:inherit; }
/* Keep column names available to assistive technology without a visible header row. */
.collection-table thead[b-6wlk0i86a0] { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; pointer-events:none; }
.collection-table tbody[b-6wlk0i86a0] { cursor:inherit; }
.collection-table td[b-6wlk0i86a0] { min-width:9rem; height:44px; box-sizing:border-box; padding:.3rem .6rem; border-bottom:1px solid transparent; vertical-align:middle; }
.collection-table td[data-field="Title"][b-6wlk0i86a0] { width:100%; min-width:18rem; }
.collection-table td:not([data-field="Title"])[b-6wlk0i86a0] { white-space:nowrap; }
.collection-group-heading[b-6wlk0i86a0] { margin:0; padding:.5rem .8rem; font-size:.9em; background:var(--paper,var(--surface)); }
.forever-canvas-collection[data-collection-presentation="Kanban"][b-6wlk0i86a0] { border-radius:0; box-shadow:none; }
.forever-canvas-collection[data-collection-presentation="Kanban"] .collection-scroll[b-6wlk0i86a0] { width:100%; overflow:hidden; border-radius:0; background:var(--surface); }
.forever-canvas-collection[data-collection-presentation="Kanban"].is-selected .collection-scroll[b-6wlk0i86a0] { width:100%; min-width:0; overflow:visible; }
.forever-board .forever-canvas-collection[data-collection-presentation="Kanban"]:not(.is-selected)[b-6wlk0i86a0] { background:transparent; border-color:transparent; box-shadow:none; pointer-events:none; }
.forever-board .forever-canvas-collection[data-collection-presentation="Kanban"]:not(.is-selected) > :is(.collection-scroll,.collection-notice,.collection-dialog)[b-6wlk0i86a0] { pointer-events:auto; }
.forever-board .forever-canvas-collection[data-collection-presentation="Kanban"]:not(.is-selected) .collection-scroll[b-6wlk0i86a0] { width:100%; max-width:100%; box-shadow:0 0 0 1px var(--line); }
.forever-board .forever-canvas-collection[data-collection-presentation="Kanban"]:not(.is-selected) .collection-kanban[b-6wlk0i86a0] { min-width:0; }
.collection-kanban[b-6wlk0i86a0] { position:relative; display:flex; align-items:stretch; gap:0; padding:0; width:100%; min-width:0; height:100%; min-height:0; box-sizing:border-box; cursor:grab; }
.collection-kanban:active[b-6wlk0i86a0] { cursor:grabbing; }
.collection-lane[b-6wlk0i86a0] { position:relative; display:flex; flex-direction:column; flex:0 0 var(--collection-lane-width,15rem); width:var(--collection-lane-width,15rem); min-width:0; max-width:var(--collection-lane-width,22rem); min-height:0; box-sizing:border-box; border:0; border-radius:0; background:transparent; overflow:hidden; transition:background-color 140ms ease; }
.collection-lane + .collection-lane[b-6wlk0i86a0] { border-inline-start:1px solid var(--line); }
.forever-canvas-collection .collection-column-resize[b-6wlk0i86a0] { position:absolute; inset-block-start:0; inset-inline-end:0; z-index:3; display:none; width:12px; height:48px; max-width:none; min-height:0; padding:0; border:0; border-radius:0; background:transparent; cursor:col-resize; touch-action:none; }
.forever-canvas-collection.is-selected .collection-column-resize[b-6wlk0i86a0] { display:block; }
.forever-canvas-collection .collection-column-resize:active:not(:disabled)[b-6wlk0i86a0] { transform:none; }
.collection-column-resize[b-6wlk0i86a0]::after { content:""; position:absolute; inset-block:4px; inset-inline-end:0; width:2px; background:transparent; }
.collection-column-resize:hover:where(:not([data-touch-input] *))[b-6wlk0i86a0]::after,.collection-column-resize:focus-visible[b-6wlk0i86a0]::after { background:var(--focus,var(--accent)); }
.collection-lane[data-drop-target="true"][b-6wlk0i86a0] { box-shadow:inset 0 0 0 2px var(--focus,var(--accent)); }
.collection-lane:has(.collection-row[draggable="true"]:active)[b-6wlk0i86a0] { box-shadow:none; }
.collection-lane-header[b-6wlk0i86a0] { flex:none; padding:4px 8px; background:transparent; border-bottom:1px solid var(--line); cursor:grab; touch-action:none; user-select:none; }
.collection-lane-header:active[b-6wlk0i86a0] { cursor:grabbing; }
.collection-lane-heading[b-6wlk0i86a0] { display:flex; align-items:center; gap:8px; min-height:40px; }
.collection-lane-new[b-6wlk0i86a0] { animation:collection-panel-enter-b-6wlk0i86a0 160ms ease; }
.collection-lane-editing[b-6wlk0i86a0] { overflow:visible; }
.collection-lane-editing .collection-lane-header[b-6wlk0i86a0] { position:relative; z-index:2; border-radius:0; box-shadow:inset 0 0 0 2px var(--focus,var(--accent)); }
.collection-lane-name-editor[b-6wlk0i86a0] { display:flex; align-items:center; min-height:40px; }
.forever-canvas-collection .collection-lane-name-editor input[b-6wlk0i86a0] { width:100%; min-width:0; min-height:40px; padding:6px 0; border:0; border-radius:0; background:transparent; font-size:.86em; font-weight:600; }
.forever-canvas-collection .collection-lane-name-editor input:focus-visible[b-6wlk0i86a0] { outline:0; }
.collection-lane-inline-actions[b-6wlk0i86a0] { position:absolute; inset-block-start:calc(100% + 4px); inset-inline-end:8px; display:flex; align-items:center; gap:4px; padding:4px; border:1px solid var(--line); border-radius:8px; background:var(--surface); box-shadow:0 4px 14px #0002; animation:collection-panel-enter-b-6wlk0i86a0 120ms ease; }
.forever-canvas-collection .collection-lane-inline-actions button[b-6wlk0i86a0] { min-height:32px; padding:4px 10px; border:0; background:transparent; font-size:.8em; }
.forever-canvas-collection .collection-lane-inline-actions button:first-child[b-6wlk0i86a0] { color:var(--accent); }
.collection-lane-inline-error[b-6wlk0i86a0] { margin:0; color:var(--danger,var(--ink)); font-size:.8em; overflow-wrap:anywhere; }
.collection-lane-header h4[b-6wlk0i86a0] { flex:1; min-width:0; margin:0; font-size:.86em; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.collection-lane-header [data-collection-lane-name][b-6wlk0i86a0] { cursor:text; }
.collection-lane-header[data-collection-column-drag] [data-collection-lane-name][b-6wlk0i86a0] { cursor:grab; }
.collection-lane-header[data-collection-column-drag]:active [data-collection-lane-name][b-6wlk0i86a0] { cursor:grabbing; }
.forever-canvas-collection[data-collection-column-dragging] .collection-lane-header[b-6wlk0i86a0],.forever-canvas-collection[data-collection-column-dragging] [data-collection-lane-name][b-6wlk0i86a0] { cursor:grabbing; }
.collection-lane[data-collection-column-source="true"][b-6wlk0i86a0] { position:relative; z-index:4; background:var(--surface); box-shadow:0 4px 14px #0003; }
.collection-lane[data-collection-column-drop][b-6wlk0i86a0] { position:relative; }
.collection-lane[data-collection-column-drop][b-6wlk0i86a0]::after { content:""; position:absolute; z-index:4; inset-block:4px; width:3px; border-radius:2px; background:var(--accent,Highlight); pointer-events:none; }
.collection-lane[data-collection-column-drop="before"][b-6wlk0i86a0]::after { inset-inline-start:0; }
.collection-lane[data-collection-column-drop="after"][b-6wlk0i86a0]::after { inset-inline-end:0; }
.collection-lane[data-table-reorder-moving][b-6wlk0i86a0] { will-change:translate; }
.collection-lane-count[b-6wlk0i86a0] { display:inline-flex; align-items:center; justify-content:center; flex:none; min-width:22px; height:22px; padding-inline:4px; box-sizing:border-box; border-radius:6px; background:color-mix(in srgb,currentColor 7%,transparent); font-size:.72em; font-variant-numeric:tabular-nums; color:var(--ink-soft,var(--muted)); }
.collection-lane-heading .collection-icon[b-6wlk0i86a0] { width:32px; height:36px; min-height:36px; color:var(--ink-soft,var(--muted)); }
.collection-lane-header .collection-lane-limit[b-6wlk0i86a0] { margin:0 0 5px 16px; font-size:.72em; color:var(--ink-soft,var(--muted)); }
.collection-lane-limit[data-exceeded="true"][b-6wlk0i86a0] { color:var(--danger,var(--ink))!important; }
.collection-lane-scroll[b-6wlk0i86a0] { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; touch-action:pan-y; padding:5px 6px 8px; scrollbar-width:thin; cursor:auto; }
@media(hover:hover) and (pointer:fine) { .collection-lane-scroll[b-6wlk0i86a0] { cursor:grab; } .collection-lane-scroll:active[b-6wlk0i86a0] { cursor:grabbing; } .collection-lane .collection-row[b-6wlk0i86a0] { cursor:auto; } }
.collection-lane .collection-row[draggable="true"][b-6wlk0i86a0] { cursor:grab; }
.forever-canvas-collection[data-collection-task-dragging] [data-collection-task][b-6wlk0i86a0] { user-select:none; }
.forever-canvas-collection[data-collection-task-dragging] .task-body[b-6wlk0i86a0] { cursor:grabbing; }
.collection-row[data-collection-reorder-source][b-6wlk0i86a0] { opacity:.14; }
.collection-table [data-collection-reorder-source][b-6wlk0i86a0] { opacity:.14; }
.collection-table [data-collection-reorder-drop="before"] td[b-6wlk0i86a0] { box-shadow:inset 0 3px var(--accent,var(--focus)); }
.collection-table [data-collection-reorder-drop="after"] td[b-6wlk0i86a0] { box-shadow:inset 0 -3px var(--accent,var(--focus)); }
.collection-row[data-collection-reorder-drop][b-6wlk0i86a0] { position:relative; }
.collection-row[data-collection-reorder-drop][b-6wlk0i86a0]::after { content:""; position:absolute; z-index:5; inset-inline:0; height:3px; border-radius:2px; background:var(--accent,var(--focus)); pointer-events:none; }
.collection-row[data-collection-reorder-drop="before"][b-6wlk0i86a0]::after { top:-5px; }
.collection-row[data-collection-reorder-drop="after"][b-6wlk0i86a0]::after { bottom:-5px; }
.collection-row.collection-reorder-ghost[b-6wlk0i86a0] { box-sizing:border-box; box-shadow:0 5px 16px #0003; border-radius:var(--custom-radius,8px); }
.collection-row[data-table-reorder-moving][b-6wlk0i86a0] { will-change:translate; }
.collection-lane-empty[b-6wlk0i86a0] { margin:8px 0; padding:14px 8px; border:0; border-radius:0; text-align:start; color:var(--ink-soft,var(--muted)); font-size:.78em; }
.forever-canvas-collection .collection-add-lane[b-6wlk0i86a0] { position:absolute; inset-block-start:0; inset-inline-start:calc(100% + 1px); display:flex; align-items:center; justify-content:center; width:44px; min-width:44px; max-width:44px; height:44px; min-height:44px; padding:0; border:1px dashed var(--line); background:var(--surface); color:var(--ink-soft,var(--muted)); font-size:.8em; }
.forever-board .forever-canvas-collection:not(.is-selected) .collection-add-lane[b-6wlk0i86a0] { display:none; }
.collection-scroll:has(.collection-starter) .collection-kanban[b-6wlk0i86a0] { height:calc(100% - 66px); }
.collection-starter[b-6wlk0i86a0] { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:0 12px 12px; font-size:.8em; }
.collection-starter>span[b-6wlk0i86a0] { color:var(--ink-soft,var(--muted)); }
.collection-empty[b-6wlk0i86a0] { min-height:120px; padding:18px; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center; color:var(--ink-soft,var(--muted)); }
.collection-empty p[b-6wlk0i86a0] { margin:0; }
.collection-pager[b-6wlk0i86a0] { display:flex; flex:none; align-items:center; justify-content:center; gap:.4rem; padding:3px 6px; border-top:1px solid var(--line); font-size:.8em; background:var(--surface); }
.collection-pager span[b-6wlk0i86a0] { min-width:5rem; text-align:center; font-variant-numeric:tabular-nums; }
.collection-pager button[b-6wlk0i86a0] { width:44px; padding:0; }
.collection-dialog[b-6wlk0i86a0] { position:absolute; inset:.5rem; bottom:auto; z-index:30; display:flex; flex-direction:column; box-sizing:border-box; width:min(36rem,var(--collection-dialog-max-width,100000px)); max-height:min(65vh,42rem,var(--collection-dialog-max-height,100000px)); max-width:var(--collection-dialog-max-width,100000px); min-height:0; margin-inline:auto; padding:1rem; gap:.75rem; border:1px solid var(--line); border-radius:.75rem; background:var(--surface); box-shadow:0 .5rem 2rem #0005; font:400 1rem/1.4 var(--planner-font,sans-serif); transform-origin:top center; animation:collection-panel-enter-b-6wlk0i86a0 140ms ease-out; }
.collection-dialog-header[b-6wlk0i86a0],.collection-dialog-actions[b-6wlk0i86a0],.collection-settings-actions[b-6wlk0i86a0] { display:flex; align-items:center; justify-content:space-between; gap:.5rem; flex-wrap:wrap; }
.collection-dialog-header[b-6wlk0i86a0],.collection-dialog-actions[b-6wlk0i86a0] { flex:0 0 auto; min-height:44px; }
.collection-dialog>.collection-notice[b-6wlk0i86a0] { flex:0 0 auto; }
.collection-dialog-header h4[b-6wlk0i86a0] { margin:0; font-size:1rem; font-weight:600; }
.collection-dialog-body[b-6wlk0i86a0] { flex:1 1 auto; overflow:auto; min-height:0; min-width:0; overscroll-behavior:contain; display:grid; gap:.75rem; }
.collection-dialog label[b-6wlk0i86a0] { display:grid; gap:.3rem; min-width:0; }
.collection-dialog :is(input:not([type="checkbox"]),select,textarea)[b-6wlk0i86a0] { width:100%; }
.collection-dialog .collection-check[b-6wlk0i86a0] { display:flex; align-items:center; justify-content:space-between; gap:.6rem; }
.collection-dialog fieldset[b-6wlk0i86a0] { min-width:0; border:1px solid var(--line); border-radius:.4rem; padding:.65rem; display:grid; gap:.6rem; }
.collection-dialog .collection-form[b-6wlk0i86a0] { margin:0; padding:0; border:0; }
.collection-dialog details[b-6wlk0i86a0] { border-top:1px solid var(--line); padding-top:.2rem; }
.collection-dialog summary[b-6wlk0i86a0] { min-height:44px; box-sizing:border-box; padding:.65rem .2rem; cursor:pointer; color:var(--ink-soft,var(--muted)); }
.collection-dialog-actions[b-6wlk0i86a0] { justify-content:flex-end; border-top:1px solid var(--line); padding-top:.5rem; }
.collection-filter-row[b-6wlk0i86a0] { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; padding-inline-start:.4rem; border-inline-start:2px solid var(--line); }
.collection-filter-row>label:last-of-type[b-6wlk0i86a0] { grid-column:1/-1; }
.collection-sort-row[b-6wlk0i86a0] { display:grid; grid-template-columns:1fr 1fr auto; gap:.5rem; align-items:end; }
.collection-column-row[b-6wlk0i86a0] { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem; padding-block:.4rem; border-bottom:1px solid var(--line); }
.collection-column-row>span[b-6wlk0i86a0] { flex:1; min-width:0; overflow-wrap:anywhere; }
.collection-dialog[data-collection-task-picker][b-6wlk0i86a0] { --collection-picker-height:min(85vh,56rem,var(--collection-dialog-max-height,100000px)); width:min(32rem,var(--collection-dialog-max-width,100000px)); height:var(--collection-picker-height); max-height:var(--collection-picker-height); padding:.75rem; gap:.375rem; }
.collection-dialog[data-collection-task-picker] .collection-dialog-header[b-6wlk0i86a0] { min-height:32px; }
.collection-dialog[data-collection-task-picker] .collection-dialog-header .collection-icon[b-6wlk0i86a0] { width:32px; height:32px; min-height:32px; }
.collection-dialog[data-collection-task-picker] .collection-form[b-6wlk0i86a0] { margin:0; padding:0; border:0; gap:.375rem; }
.collection-dialog[data-collection-task-picker] .collection-form>label[b-6wlk0i86a0] { gap:.25rem; font-size:.875rem; }
.collection-dialog[data-collection-task-picker] input[type="search"][b-6wlk0i86a0] { min-height:36px; padding:.3rem .5rem; }
.collection-picker-results[b-6wlk0i86a0] { display:grid; gap:0; min-width:0; }
.collection-choice[b-6wlk0i86a0] { position:relative; min-width:0; padding-block:2px; border-bottom:1px solid transparent; }
.collection-choice:last-child[b-6wlk0i86a0] { border-bottom:0; }
.collection-choice-content[b-6wlk0i86a0] { min-width:0; }
.collection-week-picker[b-6wlk0i86a0] { --collection-picker-field-height:38px; --collection-picker-font-size:1.25rem; display:flex; flex-direction:column; gap:8px; min-width:0; min-height:0; }
.collection-week-controls[b-6wlk0i86a0] { display:flex; flex-direction:column; align-items:center; gap:8px; padding-block:8px; }
.collection-week-search-row[b-6wlk0i86a0] { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; min-width:0; }
.collection-week-search-row input[type="search"][b-6wlk0i86a0] { box-sizing:border-box; width:100%; height:var(--collection-picker-field-height); min-height:var(--collection-picker-field-height); font-size:var(--collection-picker-font-size); }
.collection-week-search-row[b-6wlk0i86a0]  .calendar-filter-menu { left:auto; right:0; transform-origin:top right; }
@media(pointer:coarse) { .collection-week-picker[b-6wlk0i86a0] { --collection-picker-field-height:44px; } }
@media(max-width:800px) { .collection-week-picker[b-6wlk0i86a0] { --collection-picker-font-size:1rem; } }
.collection-week-navigation[b-6wlk0i86a0] { display:grid; grid-template-columns:32px minmax(0,1fr) 32px; align-items:center; gap:4px; width:min(calc(100% - 4px),var(--period-navigation-width,440px)); min-width:0; }
.collection-week-navigation[b-6wlk0i86a0]  .planner-week-picker { min-width:0; }
.collection-week-navigation[b-6wlk0i86a0]  h1 { margin:0; font-size:var(--collection-picker-font-size); line-height:1.15; }
.collection-week-navigation[b-6wlk0i86a0]  .week-picker-trigger { padding:4px; font-size:inherit; }
.collection-week-navigation .collection-week-arrow[b-6wlk0i86a0] { display:grid; place-items:center; flex:none; width:32px; min-width:32px; height:32px; min-height:32px; padding:0; border-radius:50%; }
.collection-week-navigation .collection-week-arrow:first-child[b-6wlk0i86a0] { justify-self:start; margin-inline-start:-2px; }
.collection-week-navigation .collection-week-arrow:last-child[b-6wlk0i86a0] { justify-self:end; margin-inline-end:-2px; }
.collection-week-results[b-6wlk0i86a0] { min-width:0; line-height:1.5; }
.collection-week-results > p[b-6wlk0i86a0] { margin:8px 0; color:var(--ink-soft,var(--muted)); font-size:.875rem; }
.collection-week-choice[b-6wlk0i86a0] { position:relative; min-width:0; margin-bottom:var(--task-row-spacing); }
.collection-week-task[b-6wlk0i86a0] { min-width:0; }
.collection-week-task[b-6wlk0i86a0]  .planner-task { margin:0; }
.collection-week-task[b-6wlk0i86a0]  .planner-task[data-task-style="whiskers"] { margin-top:20px; }
.collection-picker-task[b-6wlk0i86a0] { min-width:0; }
.collection-picker-task[b-6wlk0i86a0]  .planner-task { padding-block:3px; border-bottom-color:transparent; }
.collection-picker-task[data-whiskers][b-6wlk0i86a0] { padding-top:26px; }
.collection-choice-context[b-6wlk0i86a0] { display:block; padding:0 3px 0 35px; font-size:.6875rem; line-height:1.25; color:var(--ink-soft,var(--muted)); overflow-wrap:anywhere; }
/* One native button covers the inert card preview without nesting its buttons. */
.forever-canvas-collection .collection-choice-action[b-6wlk0i86a0] { position:absolute; inset:0; z-index:1; width:100%; height:100%; min-width:0; min-height:0; padding:0; border:0; background:transparent; }
.forever-canvas-collection .collection-choice-action:disabled[b-6wlk0i86a0] { opacity:1; }
.forever-canvas-collection .collection-choice-action:hover:where(:not([data-touch-input] *)):not(:disabled)[b-6wlk0i86a0] { background:var(--hover-background); color:var(--hover-color); }
.forever-canvas-collection .collection-choice-action:active:not(:disabled)[b-6wlk0i86a0] { transform:none; background:color-mix(in srgb,var(--accent) 12%,transparent); }
.collection-workflow[b-6wlk0i86a0] { max-width:42rem; }
@media(max-width:600px) { .forever-canvas-collection-count[b-6wlk0i86a0] { display:none; } .forever-canvas-collection-tools select[b-6wlk0i86a0] { max-width:7rem; } .collection-sort-row[b-6wlk0i86a0] { grid-template-columns:1fr; } }
@media(max-width:800px) { .collection-picker-task[data-whiskers][b-6wlk0i86a0] { padding-top:20px; } }
@media(max-width:800px) { .collection-lane-scroll[b-6wlk0i86a0] { padding-top:6px; } .collection-lane-scroll:not(:has(> .collection-row))[b-6wlk0i86a0] { padding-top:0; } }
@media(pointer:coarse) { .forever-canvas-collection-header[data-floating="true"] .collection-toolbar-filter[b-6wlk0i86a0],.collection-dialog :is(input,select,textarea)[b-6wlk0i86a0] { font-size:16px; } }
@media(pointer:coarse) { .collection-dialog[data-collection-task-picker] .collection-dialog-header[b-6wlk0i86a0] { min-height:44px; } .collection-dialog[data-collection-task-picker] .collection-dialog-header .collection-icon[b-6wlk0i86a0] { width:44px; height:44px; min-height:44px; } .collection-dialog[data-collection-task-picker] input[type="search"][b-6wlk0i86a0] { min-height:44px; } }
@media(pointer:coarse) { .collection-lane-heading .collection-icon[b-6wlk0i86a0] { width:44px; height:44px; } .collection-lane-name-editor[b-6wlk0i86a0] { min-height:44px; } }
@media(max-width:600px),(pointer:coarse) { .forever-canvas-collection .collection-lane-name-editor input[b-6wlk0i86a0] { font-size:16px; } .collection-lane-inline-actions button[b-6wlk0i86a0] { min-height:44px; } }
@media(max-width:600px),(pointer:coarse) { .forever-canvas-collection-header[data-floating="true"] :is(button,input,select)[b-6wlk0i86a0] { min-height:44px; } .forever-canvas-collection-header[data-floating="true"] button[b-6wlk0i86a0] { width:40px; height:44px; } }
@keyframes collection-panel-enter-b-6wlk0i86a0 { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .forever-canvas-collection button[b-6wlk0i86a0],.collection-lane[b-6wlk0i86a0],.forever-canvas-collection-header[data-floating="true"][b-6wlk0i86a0],.forever-canvas-collection-header[data-floating="true"] button[b-6wlk0i86a0] { transition:none; } .collection-dialog[b-6wlk0i86a0],.collection-lane-new[b-6wlk0i86a0],.collection-lane-inline-actions[b-6wlk0i86a0] { animation:none; } }
/* _content/YakoPlan.UI/Components/ForeverCanvasTransferTaskPicker.razor.rz.scp.css */
.forever-content-picker[b-jd38pnrg24] { display: grid; gap: .65rem; padding: 1rem; min-width: min(24rem, 80vw); }
.forever-content-picker-inline[b-jd38pnrg24] { min-width: 0; padding: 0; }
.forever-content-picker input[b-jd38pnrg24] { min-width: 0; width: 100%; padding: .65rem .8rem; border: 1px solid var(--line); border-radius: .65rem; background: var(--surface); color: var(--ink); font: inherit; }
.forever-content-picker p[b-jd38pnrg24] { margin: 0; }
.forever-content-create-task[b-jd38pnrg24] { display: flex; align-items: center; justify-content: center; gap: .45rem; min-height: 44px; }
.forever-content-task-list[b-jd38pnrg24] { display: grid; gap: 1rem; max-height: 55vh; overflow-y: auto; padding: 3px; margin: -3px; }
.forever-content-task-day[b-jd38pnrg24] { min-width: 0; }
.day-heading[b-jd38pnrg24] { position: static; min-height: var(--planner-day-header-height,48px); margin: 0; padding: 3px; justify-content: flex-start; gap: .6rem; font-size: .95rem; font-weight: 600; }
.day-heading .day-label[b-jd38pnrg24] { flex: none; min-width: 0; min-height: 36px; padding: 2px 4px; }
.day-heading .day-label > :is(span,strong)[b-jd38pnrg24] { position: relative; top: -.0625rem; }
.forever-content-day-month[b-jd38pnrg24] { color: var(--ink-soft); font-size: .8125rem; font-weight: 500; }
.forever-content-task-day-items[b-jd38pnrg24] { display: grid; gap: 5px; padding-top: 6px; }
.forever-content-task-option[b-jd38pnrg24] { position: relative; min-width: 0; min-height: 44px; }
.forever-content-task-card[b-jd38pnrg24] { min-width: 0; }
.forever-content-task-select[b-jd38pnrg24] { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: var(--custom-radius,7px); background: transparent; cursor: pointer; touch-action: manipulation; transition: var(--hover-transition); }
.forever-content-task-select:hover:where(:not([data-touch-input] *)):not(:disabled)[b-jd38pnrg24] { background: var(--hover-background); }
.forever-content-task-select:focus-visible[b-jd38pnrg24] { outline: 2px solid var(--focus,var(--accent)); outline-offset: 2px; }
.forever-content-task-select:disabled[b-jd38pnrg24] { cursor: default; }
.forever-content-task-option[data-disabled="true"][b-jd38pnrg24] { opacity: .55; }
@media (forced-colors: active) {
    .forever-content-task-select:hover:where(:not([data-touch-input] *)):not(:disabled)[b-jd38pnrg24] { background: transparent; outline: 2px solid Highlight; outline-offset: -2px; }
}
/* _content/YakoPlan.UI/Components/ForeverCanvasViews.razor.rz.scp.css */
.forever-canvas-view-create[b-wj15kz5jcr] { display:grid; gap:12px; margin-block:16px; }
.forever-canvas-view-create label[b-wj15kz5jcr] { display:grid; gap:6px; }
.forever-canvas-view-row[b-wj15kz5jcr] { display:grid; gap:8px; padding-block:16px; border-top:1px solid var(--line); }
.forever-canvas-view-row input[b-wj15kz5jcr],.forever-canvas-view-create input[b-wj15kz5jcr] { width:100%; min-width:0; min-height:44px; padding:8px 12px; border:1px solid var(--line); border-radius:10px; background:var(--surface,var(--paper)); color:var(--ink); font:inherit; }
.forever-canvas-view-actions[b-wj15kz5jcr] { display:flex; flex-wrap:wrap; gap:8px; }
.forever-canvas-views-content button[b-wj15kz5jcr] { width:auto; height:auto; min-height:44px; padding:8px 12px; display:inline-flex; align-items:center; justify-content:center; gap:6px; font:inherit; white-space:normal; overflow-wrap:anywhere; }
.forever-canvas-view-create > button[b-wj15kz5jcr],.forever-canvas-view-row > button[b-wj15kz5jcr] { justify-self:start; max-width:100%; }
/* _content/YakoPlan.UI/Components/ForeverCanvasWorkspace.razor.rz.scp.css */
.forever-canvas-workspace[b-b3nrb5slmd] { flex:none; min-width:0; color:var(--ink); font-family:var(--planner-font); }
.forever-canvas-header[b-b3nrb5slmd] { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-height:44px; padding:0 8px 8px; }
.forever-canvas-heading[b-b3nrb5slmd] { display:flex; align-items:center; flex:0 1 auto; gap:8px; min-width:0; transition:column-gap 240ms cubic-bezier(.22,1,.36,1); }
.forever-canvas-header h2[b-b3nrb5slmd] { flex:0 1 auto; inline-size:var(--canvas-title-width,auto); min-width:0; margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:500 .96rem/1.4 var(--planner-heading); opacity:1; transition:inline-size 240ms cubic-bezier(.22,1,.36,1),opacity 160ms ease; }
/* Match the date and calendar labels: center visible ink, keeping the line height. */
.forever-canvas-heading h2[b-b3nrb5slmd] { position:relative; top:-.085em; }
@supports (text-box-trim:trim-both) {
    .forever-canvas-heading h2[b-b3nrb5slmd] { top:0; text-box-trim:trim-both; text-box-edge:cap alphabetic; padding-block:calc((1lh - 1cap) / 2); }
}
@media (prefers-reduced-motion:reduce) { .forever-canvas-heading[b-b3nrb5slmd],.forever-canvas-header h2[b-b3nrb5slmd] { transition:none; } }
.forever-canvas-boards[b-b3nrb5slmd] { display:inline-flex; align-items:center; justify-content:center; flex:none; gap:7px; min-height:36px; padding:7px 11px; border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--ink); font:500 .8rem/1.3 var(--planner-font); white-space:nowrap; cursor:pointer; transition:var(--hover-transition),transform 160ms cubic-bezier(.22,1,.36,1); }
.forever-canvas-boards[b-b3nrb5slmd] >  svg { flex:none; }
.forever-canvas-boards:hover:where(:not([data-touch-input] *)):not([aria-expanded="true"])[b-b3nrb5slmd] { background:var(--hover-background); border-color:var(--hover-border); color:var(--hover-color); }
.forever-canvas-boards[aria-expanded="true"][b-b3nrb5slmd] { border-color:var(--open-border); background:var(--open-background); color:var(--open-color); box-shadow:none; }
.forever-canvas-boards:active[b-b3nrb5slmd] { transform:scale(.97); }
.forever-canvas-board[b-b3nrb5slmd] { min-width:70px; max-width:145px; padding:7px 22px 7px 8px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink-soft); font:400 .79rem var(--planner-font); }
.forever-canvas-search:focus-within[b-b3nrb5slmd] { border-color:var(--focus,var(--accent)); box-shadow:0 0 0 2px color-mix(in srgb,var(--focus,var(--accent)) 12%,transparent); background:var(--surface); }
.forever-canvas-actions[b-b3nrb5slmd] { display:flex; align-items:center; gap:2px; margin-left:auto; flex:none; }
.forever-canvas-views[b-b3nrb5slmd] { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px; padding:6px 9px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink-soft); font:400 .8rem var(--planner-font); cursor:pointer; }
.forever-canvas-views:hover:where(:not([data-touch-input] *)):not(:disabled)[b-b3nrb5slmd] { background:var(--hover-background); color:var(--hover-color); }
.forever-canvas-views:disabled[b-b3nrb5slmd] { opacity:.5; cursor:default; }
.forever-canvas-header:has(.canvas-unified-toolbar)[b-b3nrb5slmd] { flex-wrap:nowrap; gap:6px; }
.forever-canvas-header:has(.canvas-unified-toolbar) .forever-canvas-heading[b-b3nrb5slmd] { flex:0 1 auto; }
.forever-canvas-header[b-b3nrb5slmd]  .canvas-unified-toolbar { min-width:0; }
.forever-canvas-icon[b-b3nrb5slmd] { display:grid; place-items:center; flex:none; width:34px; height:34px; padding:0; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink-soft); cursor:pointer; transition:var(--hover-transition),transform 160ms cubic-bezier(.22,1,.36,1); }
.forever-canvas-icon:hover:where(:not([data-touch-input] *)):not(:disabled)[b-b3nrb5slmd] { background:var(--hover-background); color:var(--hover-color); }
.forever-canvas-icon:active:not(:disabled)[b-b3nrb5slmd] { transform:scale(.94); }
/* A stationary edge tap must keep hitting the expand button through release.
   Animate its artwork instead of shrinking the button and its touch extension. */
.forever-canvas-icon.forever-canvas-fullscreen:active:not(:disabled)[b-b3nrb5slmd] { transform:none; }
.forever-canvas-fullscreen[b-b3nrb5slmd] >  svg { transform-origin:center; transition:transform 160ms cubic-bezier(.22,1,.36,1); }
.forever-canvas-fullscreen:active:not(:disabled)[b-b3nrb5slmd] >  svg { transform:scale(.94); }
.forever-canvas-revisit[b-b3nrb5slmd] { display:flex; align-items:center; gap:4px; min-height:34px; padding:5px 7px; margin-right:2px; border:1px solid var(--line); border-radius:8px; background:color-mix(in srgb,var(--accent) 8%,var(--surface)); color:var(--ink-soft); font:400 .73rem var(--planner-font); cursor:pointer; }
.forever-canvas-revisit:hover:where(:not([data-touch-input] *))[b-b3nrb5slmd] { color:var(--hover-color); background:var(--hover-background); }
.forever-canvas-error[b-b3nrb5slmd] { margin:2px 8px 10px; color:var(--danger); font-size:.8rem; line-height:1.5; }
.forever-canvas-popup[b-b3nrb5slmd]  .planner-popup-dialog { width:min(600px,calc(100vw - 32px)); height:min(600px,calc(100dvh - 48px)); max-height:calc(100dvh - 48px); }
.forever-canvas-popup[b-b3nrb5slmd]  .planner-popup-body { min-height:0; }
.forever-canvas-search[b-b3nrb5slmd] { display:flex; align-items:center; gap:9px; margin:1px 0 17px; padding:8px 12px; min-height:44px; color:var(--ink-soft); border:1px solid var(--line); border-radius:10px; background:var(--surface); transition:border-color 160ms ease,box-shadow 160ms ease; }
.forever-canvas-search input[b-b3nrb5slmd] { min-width:0; flex:1; padding:3px 0; border:0; outline:none; background:transparent; color:var(--ink); font:400 .91rem/1.4 var(--planner-font); }
.forever-canvas-results[b-b3nrb5slmd] { display:flex; flex-direction:column; gap:2px; margin:0 -5px; }
.forever-canvas-result[b-b3nrb5slmd] { display:flex; align-items:center; gap:10px; min-width:0; border-radius:9px; }
.forever-canvas-locate[b-b3nrb5slmd] { display:flex; align-items:center; gap:15px; min-width:0; width:100%; min-height:62px; padding:12px 11px; border:0; border-radius:9px; background:transparent; color:var(--ink); text-align:left; cursor:pointer; font:400 .87rem/1.5 var(--planner-font); transition:var(--hover-transition); }
.forever-canvas-locate:hover:where(:not([data-touch-input] *))[b-b3nrb5slmd] { background:var(--hover-background); color:var(--hover-color); }
.forever-canvas-locate[b-b3nrb5slmd] >  svg { flex:none; opacity:.55; }
.forever-canvas-result-copy[b-b3nrb5slmd] { display:flex; flex-direction:column; gap:5px; min-width:0; flex:1; overflow-wrap:anywhere; }
.forever-canvas-result > .forever-canvas-result-copy[b-b3nrb5slmd] { padding:11px; }
.forever-canvas-result-copy strong[b-b3nrb5slmd] { font-size:.91rem; font-weight:500; }
.forever-canvas-result-copy > span[b-b3nrb5slmd] { font-size:.8rem; color:var(--ink-soft); }
.forever-canvas-result-copy small[b-b3nrb5slmd] { font-size:.72rem; color:var(--ink-soft); }
.forever-canvas-result-snippet[b-b3nrb5slmd] { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; white-space:pre-line; }
.forever-canvas-result[b-b3nrb5slmd]  mark { color:var(--ink); background:color-mix(in srgb,var(--accent) 20%,transparent); border-radius:2px; }
.forever-canvas-restore[b-b3nrb5slmd] { min-height:40px; padding:8px 11px; border:0; border-radius:var(--pill-radius); background:var(--pill-fill); color:var(--pill-ink); font:500 .8rem var(--planner-font); cursor:pointer; }
.forever-canvas-restore:hover:where(:not([data-touch-input] *)):not(:disabled)[b-b3nrb5slmd] { background:var(--hover-background); color:var(--hover-color); }
.forever-canvas-more[b-b3nrb5slmd] { display:block; min-height:42px; margin:13px auto 3px; padding:8px 16px; border:0; border-radius:var(--pill-radius); background:var(--pill-fill); color:var(--pill-ink); font:400 .8rem var(--planner-font); cursor:pointer; }
.forever-canvas-more:hover:where(:not([data-touch-input] *)):not(:disabled)[b-b3nrb5slmd] { background:var(--hover-background); color:var(--hover-color); }
.forever-canvas-hint[b-b3nrb5slmd] { margin:4px 3px 15px; color:var(--ink-soft); font-size:.82rem; line-height:1.65; }
.forever-canvas-manage[b-b3nrb5slmd] { padding:0 0 8px; }
.forever-canvas-board-list-heading[b-b3nrb5slmd] { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 10px; }
.forever-canvas-board-list-heading h3[b-b3nrb5slmd] { margin:0 3px; color:var(--ink); font:500 .9rem/1.4 var(--planner-font); }
.forever-canvas-board-list-actions[b-b3nrb5slmd] { display:flex; flex:none; align-items:center; gap:8px; }
.forever-canvas-board-list-actions .forever-canvas-board-new[b-b3nrb5slmd] { display:inline-flex; align-items:center; justify-content:center; gap:6px; width:auto; min-height:36px; padding:0 14px; margin:0; border:1px solid var(--line); border-radius:999px; background:var(--surface); color:var(--ink); font:700 .78rem/1 var(--planner-font); white-space:nowrap; transition:var(--hover-transition),transform 150ms cubic-bezier(.22,1,.36,1),box-shadow 150ms ease; }
.forever-canvas-board-new[b-b3nrb5slmd] >  svg { display:block; flex-shrink:0; }
.forever-canvas-manage-intro[b-b3nrb5slmd] { margin:0 0 14px; color:var(--ink-soft); font-size:.82rem; line-height:1.6; }
.forever-canvas-board-list[b-b3nrb5slmd] { display:grid; gap:6px; margin:0 0 22px; padding:0; list-style:none; }
.forever-canvas-board-row[b-b3nrb5slmd] { position:relative; display:flex; align-items:center; min-width:0; border:1px solid var(--line); border-radius:11px; background:var(--surface); transition:var(--hover-transition); }
.forever-canvas-board-row:hover:where(:not([data-touch-input] *))[b-b3nrb5slmd] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
.forever-canvas-board-row[data-current][b-b3nrb5slmd] { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 9%,var(--surface)); }
.forever-canvas-board-row button[b-b3nrb5slmd] { border:0; background:transparent; color:var(--ink); font:400 .85rem var(--planner-font); cursor:pointer; }
.forever-canvas-board-pick[b-b3nrb5slmd] { display:flex; flex:1; align-items:center; gap:12px; min-width:0; min-height:58px; padding:9px 12px; border-radius:11px; text-align:left; }
.forever-canvas-board-pick[data-board-drag-surface]:not(:disabled)[b-b3nrb5slmd] { cursor:grab; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; touch-action:pan-y; }
.forever-canvas-board-row[data-board-dragging="true"] .forever-canvas-board-pick[b-b3nrb5slmd] { cursor:grabbing; }
.forever-canvas-board-row[data-board-touch-hold][b-b3nrb5slmd] { border-color:var(--focus,var(--accent)); }
.forever-canvas-board-mark[b-b3nrb5slmd] { display:grid; flex:none; place-items:center; width:32px; height:32px; border-radius:50%; background:color-mix(in srgb,var(--ink) 7%,transparent); color:var(--ink-soft); }
.forever-canvas-board-row[data-current] .forever-canvas-board-mark[b-b3nrb5slmd] { background:color-mix(in srgb,var(--accent) 22%,transparent); color:var(--accent); }
.forever-canvas-board-text[b-b3nrb5slmd] { display:grid; flex:1; gap:2px; min-width:0; }
.forever-canvas-board-text strong[b-b3nrb5slmd] { overflow-wrap:anywhere; font-size:.9rem; font-weight:500; }
.forever-canvas-board-description[b-b3nrb5slmd] { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; white-space:pre-line; color:var(--ink-soft); font-size:.78rem; line-height:1.45; }
.forever-canvas-board-actions[b-b3nrb5slmd] { display:flex; flex:none; gap:2px; padding-inline-end:6px; }
.forever-canvas-board-actions button[b-b3nrb5slmd] { display:grid; place-items:center; width:44px; height:44px; padding:0; border-radius:9px; color:var(--ink-soft); }
.forever-canvas-board-actions .forever-canvas-board-reorder:not(:focus-visible)[b-b3nrb5slmd] { position:absolute; width:1px; min-width:0; height:1px; min-height:0; margin:0; padding:0; border:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.forever-canvas-board-actions .forever-canvas-board-reorder:focus-visible[b-b3nrb5slmd] { width:auto; max-width:160px; height:auto; min-height:44px; padding:0 8px; overflow-wrap:anywhere; touch-action:none; }
.forever-canvas-board-actions:has(> .forever-canvas-board-reorder:only-child:not(:focus-visible))[b-b3nrb5slmd] { width:0; padding:0; }
.forever-canvas-board-delete-slot[b-b3nrb5slmd] { --delete-button-size:44px; display:block; flex:none; width:var(--delete-button-size); height:44px; overflow:hidden; opacity:1; transform:scale(1); visibility:visible; transition:width 180ms ease,height 180ms ease,opacity 150ms ease,transform 180ms ease,visibility 0s; }
.forever-canvas-board-delete-slot[data-visible="false"][b-b3nrb5slmd] { width:0; opacity:0; transform:scale(.8); visibility:hidden; pointer-events:none; transition:width 180ms ease,height 180ms ease,opacity 150ms ease,transform 180ms ease,visibility 0s 180ms; }
.forever-canvas-board-delete-slot button:focus-visible[b-b3nrb5slmd] { outline-offset:-3px; }
@starting-style { .forever-canvas-board-delete-slot[data-visible="true"][b-b3nrb5slmd] { width:0; opacity:0; transform:scale(.8); } }
@starting-style { .forever-canvas-board-delete-slot[data-visible="false"][data-exiting="true"][b-b3nrb5slmd] { width:var(--delete-button-size); opacity:1; transform:scale(1); visibility:visible; } }
.forever-canvas-board-actions button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-b3nrb5slmd] { background:var(--hover-background); color:var(--hover-color); }
.forever-canvas-board-row[data-board-dragging="true"][b-b3nrb5slmd] { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 13%,var(--surface)); }
.forever-canvas-board-row[data-board-dragging="true"] .forever-canvas-board-reorder[b-b3nrb5slmd] { cursor:grabbing; }
.forever-canvas-board-row[data-board-drop][b-b3nrb5slmd]::after { position:absolute; z-index:1; inset-inline:0; height:3px; border-radius:2px; background:var(--accent); content:""; pointer-events:none; }
.forever-canvas-board-row[data-board-drop="before"][b-b3nrb5slmd]::after { top:-5px; }
.forever-canvas-board-row[data-board-drop="after"][b-b3nrb5slmd]::after { bottom:-5px; }
.forever-canvas-board-row .forever-canvas-board-delete[b-b3nrb5slmd], .forever-canvas-delete-actions .forever-canvas-board-delete[b-b3nrb5slmd] { color:var(--danger); }
.forever-canvas-board-actions .forever-canvas-board-delete:hover:where(:not([data-touch-input] *)):not(:disabled)[b-b3nrb5slmd] { background:var(--hover-background); color:var(--danger); }
.forever-canvas-delete-actions[b-b3nrb5slmd] { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.forever-canvas-delete-actions button[b-b3nrb5slmd] { min-height:44px; padding:9px 14px; border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--ink); font:500 .85rem var(--planner-font); cursor:pointer; }
.forever-canvas-board-new[b-b3nrb5slmd] { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; margin:0 0 12px; padding:9px 13px; border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line)); border-radius:9px; background:color-mix(in srgb,var(--accent) 9%,var(--surface)); color:var(--ink); font:500 .85rem var(--planner-font); cursor:pointer; }
.forever-canvas-board-new:hover:where(:not([data-touch-input] *)):not(:disabled)[b-b3nrb5slmd] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
.forever-canvas-board-new:active:not(:disabled)[b-b3nrb5slmd] { transform:scale(.96); box-shadow:none; }
.forever-canvas-board-form[b-b3nrb5slmd] { display:grid; gap:18px; min-width:0; padding-bottom:8px; }
.forever-canvas-board-field[b-b3nrb5slmd] { display:grid; gap:7px; min-width:0; color:var(--ink); font:500 .85rem/1.5 var(--planner-font); }
.forever-canvas-board-field input[b-b3nrb5slmd], .forever-canvas-board-field textarea[b-b3nrb5slmd] { box-sizing:border-box; min-width:0; width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--ink); font:400 .9rem/1.5 var(--planner-font); }
.forever-canvas-board-field textarea[b-b3nrb5slmd] { min-height:106px; resize:vertical; }
.forever-canvas-board-field input:disabled[b-b3nrb5slmd], .forever-canvas-board-field textarea:disabled[b-b3nrb5slmd] { opacity:.6; }
.forever-canvas-board-form-actions[b-b3nrb5slmd] { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin-top:2px; }
.forever-canvas-board-form-actions button[b-b3nrb5slmd] { min-height:44px; padding:9px 15px; border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--ink); font:500 .85rem var(--planner-font); cursor:pointer; }
.forever-canvas-board-form-actions button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-b3nrb5slmd] { background:var(--hover-background); color:var(--hover-color); }
.forever-canvas-board-form-actions button[type="submit"][b-b3nrb5slmd] { border-color:color-mix(in srgb,var(--accent) 60%,var(--line)); background:color-mix(in srgb,var(--accent) 13%,var(--surface)); }
.forever-canvas-board-form-actions button[type="submit"]:hover:where(:not([data-touch-input] *)):not(:disabled)[b-b3nrb5slmd] { background:var(--hover-background); border-color:var(--hover-border); color:var(--hover-color); }
.forever-canvas-templates[b-b3nrb5slmd] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding-bottom:8px; }
.forever-canvas-templates button[b-b3nrb5slmd] { display:flex; flex-direction:column; align-items:flex-start; gap:9px; min-width:0; padding:17px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); text-align:left; font:400 .83rem/1.6 var(--planner-font); cursor:pointer; transition:var(--hover-transition); }
.forever-canvas-templates button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-b3nrb5slmd] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
.forever-canvas-templates strong[b-b3nrb5slmd] { max-width:100%; overflow-wrap:anywhere; font-size:.92rem; font-weight:500; }
.forever-canvas-templates span[b-b3nrb5slmd] { max-width:100%; overflow-wrap:anywhere; color:var(--ink-soft); }
button:focus-visible[b-b3nrb5slmd], select:focus-visible[b-b3nrb5slmd], input:focus-visible[b-b3nrb5slmd], textarea:focus-visible[b-b3nrb5slmd] { outline:2px solid var(--focus,var(--accent)); outline-offset:3px; }
.forever-canvas-search input:focus-visible[b-b3nrb5slmd] { outline:none; }
button:disabled[b-b3nrb5slmd] { opacity:.5; cursor:default; }
@media (max-width:800px) {
    .forever-canvas-header[b-b3nrb5slmd] { flex-wrap:wrap; gap:5px; padding:0 4px 8px; }
    .forever-canvas-heading[b-b3nrb5slmd] { flex:1; gap:7px; }
    .forever-canvas-header h2[b-b3nrb5slmd] { font-size:.94rem; }
    .forever-canvas-icon[b-b3nrb5slmd] { width:40px; height:40px; }
    .forever-canvas-boards[b-b3nrb5slmd] { min-height:42px; padding-inline:10px; }
    .forever-canvas-board[b-b3nrb5slmd] { max-width:140px; font-size:.75rem; }
    .forever-canvas-header:has(.canvas-unified-toolbar)[b-b3nrb5slmd] { gap:4px; }
    .forever-canvas-header:has(.canvas-unified-toolbar) .forever-canvas-board[b-b3nrb5slmd] { order:0; flex:0 1 auto; width:auto; max-width:130px; }
    .forever-canvas-header:has(.canvas-unified-toolbar) .forever-canvas-actions[b-b3nrb5slmd] { margin-inline-start:auto; }
}
@media (max-width:480px) {
    .forever-canvas-header[b-b3nrb5slmd] { gap:3px; }
    .forever-canvas-header h2[b-b3nrb5slmd] { flex:1; }
    .forever-canvas-board[b-b3nrb5slmd] { order:2; max-width:100%; width:100%; }
    .forever-canvas-actions[b-b3nrb5slmd] { margin-left:0; }
    .forever-canvas-icon[b-b3nrb5slmd] { width:38px; min-height:42px; }
    .forever-canvas-revisit[b-b3nrb5slmd] { min-height:42px; }
    .forever-canvas-popup[b-b3nrb5slmd]  .planner-popup-dialog { width:100%; max-height:calc(100dvh - 20px); }
    .forever-canvas-board-pick[b-b3nrb5slmd] { padding-inline:8px; }
    .forever-canvas-board-row:has(.forever-canvas-board-reorder:focus-visible)[b-b3nrb5slmd] { flex-wrap:wrap; }
    .forever-canvas-board-row:has(.forever-canvas-board-reorder:focus-visible) .forever-canvas-board-pick[b-b3nrb5slmd] { flex-basis:100%; }
    .forever-canvas-board-row:has(.forever-canvas-board-reorder:focus-visible) .forever-canvas-board-actions[b-b3nrb5slmd] { width:100%; justify-content:flex-end; padding:0 8px 8px; }
    .forever-canvas-board-actions .forever-canvas-board-reorder:focus-visible[b-b3nrb5slmd] { flex:1; min-width:0; }
}
@media (max-width:800px), (pointer:coarse) {
    .forever-canvas-board-actions button[b-b3nrb5slmd], .forever-canvas-board-row .forever-canvas-board-reorder[b-b3nrb5slmd] { width:44px; min-height:44px; }
    .forever-canvas-board-delete-slot[b-b3nrb5slmd] { --delete-button-size:44px; height:44px; }
}
@media (max-width:400px) {
    .forever-canvas-board-row[b-b3nrb5slmd] { flex-wrap:wrap; }
    .forever-canvas-board-pick[b-b3nrb5slmd] { flex-basis:100%; }
    .forever-canvas-board-actions[b-b3nrb5slmd] { width:100%; justify-content:flex-end; padding:0 8px 8px; }
    .forever-canvas-board-actions:empty[b-b3nrb5slmd] { display:none; }
}
@media (max-width:360px) { .forever-canvas-templates[b-b3nrb5slmd] { grid-template-columns:1fr; } }
.forever-canvas-header:has(.canvas-unified-toolbar) .forever-canvas-icon[b-b3nrb5slmd] { box-sizing:border-box; width:36px; height:36px; min-width:36px; min-height:36px; border-radius:9px; }
@media (max-width:800px), (pointer:coarse) {
    .forever-canvas-header:has(.canvas-unified-toolbar) .forever-canvas-icon[b-b3nrb5slmd] { width:44px; height:44px; min-width:44px; min-height:44px; }
}
@media (max-width:380px) {
    .forever-canvas-header:has(.canvas-unified-toolbar) .forever-canvas-icon[b-b3nrb5slmd] { width:36px; min-width:36px; }
}
@media (max-width:800px) {
    .forever-canvas-header .forever-canvas-icon.forever-canvas-fullscreen[b-b3nrb5slmd] { position:relative; box-sizing:border-box; width:36px; height:36px; min-width:36px; min-height:36px; }
    /* Keep the smaller visible button easy to tap. */
    .forever-canvas-fullscreen[b-b3nrb5slmd]::after { content:""; position:absolute; inset:-5px; }
}
@media (prefers-reduced-motion:reduce) {
    *[b-b3nrb5slmd], *[b-b3nrb5slmd]::before, *[b-b3nrb5slmd]::after { transition:none!important; animation:none!important; }
    .forever-canvas-icon:active:not(:disabled)[b-b3nrb5slmd], .forever-canvas-boards:active[b-b3nrb5slmd],
    .forever-canvas-fullscreen:active:not(:disabled)[b-b3nrb5slmd] >  svg { transform:none; }
    .forever-canvas-fullscreen[b-b3nrb5slmd] >  svg { transition:none; }
}
@media (forced-colors:active) {
    .forever-canvas-search[b-b3nrb5slmd], .forever-canvas-templates button[b-b3nrb5slmd], .forever-canvas-board-row[b-b3nrb5slmd], .forever-canvas-board-new[b-b3nrb5slmd], .forever-canvas-board-field input[b-b3nrb5slmd], .forever-canvas-board-field textarea[b-b3nrb5slmd], .forever-canvas-board-form-actions button[b-b3nrb5slmd] { border:1px solid CanvasText; }
    .forever-canvas-board-row[data-current][b-b3nrb5slmd], .forever-canvas-board-row[data-board-dragging="true"][b-b3nrb5slmd] { outline:2px solid Highlight; outline-offset:-2px; }
    .forever-canvas-board-row[data-board-drop][b-b3nrb5slmd]::after { background:Highlight; forced-color-adjust:none; }
}
/* _content/YakoPlan.UI/Components/ForeverNoteFocus.razor.rz.scp.css */
.forever-focus-shell[b-ttgm07qzgy]  .planner-popup-dialog {
    width: min(760px, 100%);
    height: min(860px, calc(100dvh - 48px));
    background: var(--paper, #f7f5ef);
}

.forever-focus-shell[b-ttgm07qzgy]  .planner-popup-header {
    min-height: 58px;
    padding: 8px 16px 8px 26px;
    border-bottom-color: color-mix(in srgb, var(--line, #dcd8ce) 65%, transparent);
    background: var(--paper, #f7f5ef);
}

.forever-focus-shell[b-ttgm07qzgy]  .planner-popup-header h2 {
    color: var(--ink-soft, #66685f);
    font-size: .91rem;
    font-weight: 550;
}

.forever-focus-shell[b-ttgm07qzgy]  .planner-popup-content { padding: 25px 40px 32px; }
.forever-focus[b-ttgm07qzgy] { width: 100%; min-width: 0; color: var(--ink, #262823); }
.forever-focus button[b-ttgm07qzgy], .forever-focus input[b-ttgm07qzgy], .forever-focus select[b-ttgm07qzgy] { font-family: inherit; }
.forever-focus button[b-ttgm07qzgy] { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.forever-focus button:disabled[b-ttgm07qzgy] { cursor: default; opacity: .42; }
.forever-focus button:focus-visible[b-ttgm07qzgy], .forever-focus a:focus-visible[b-ttgm07qzgy], .forever-focus select:focus-visible[b-ttgm07qzgy] {
    outline: 2px solid var(--focus, #66685f);
    outline-offset: 3px;
}

.forever-focus-topline[b-ttgm07qzgy] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 17px; }
.forever-focus-board[b-ttgm07qzgy] { display: inline-flex; align-items: center; gap: 7px; min-width: 0; color: var(--ink-soft, #66685f); }
.forever-focus-board select[b-ttgm07qzgy] { max-width: 240px; min-width: 0; min-height: 34px; padding: 3px 25px 3px 0; border: 0; border-radius: 5px; background-color: transparent; color: inherit; font-size: .81rem; cursor: pointer; }
.forever-focus-save[b-ttgm07qzgy] { display: inline-flex; flex-shrink: 0; align-items: center; gap: 5px; min-height: 24px; color: var(--ink-soft, #66685f); font-size: .72rem; }
.forever-focus-save[b-ttgm07qzgy]  svg { opacity: .65; }
.forever-focus-readonly[b-ttgm07qzgy] { display: flex; align-items: center; gap: 7px; margin: -2px 0 18px; color: var(--ink-soft, #66685f); font-size: .78rem; line-height: 1.5; }
.forever-focus.is-read-only .forever-focus-writing-tools[b-ttgm07qzgy] { display: none; }
.forever-focus.is-read-only .forever-focus-checklist-row[b-ttgm07qzgy] { grid-template-columns: 20px minmax(50px, 1fr) auto; }
.forever-focus-saving-dot[b-ttgm07qzgy] { width: 5px; height: 5px; border-radius: 50%; background: currentColor; animation: forever-save-pulse-b-ttgm07qzgy 1s ease-in-out infinite alternate; }

.forever-focus[b-ttgm07qzgy]  .forever-focus-title {
    display: block;
    width: 100%;
    min-height: 51px;
    margin: 0 0 13px;
    padding: 0 0 8px;
    border: 0;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    background: transparent;
    color: var(--ink, #262823);
    font-size: clamp(1.6rem, 3.5vw, 2rem) !important;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.035em;
    text-overflow: ellipsis;
}
.forever-focus[b-ttgm07qzgy]  .forever-focus-title::placeholder { color: var(--ink-soft, #66685f); opacity: .65; }
.forever-focus[b-ttgm07qzgy]  .forever-focus-title:focus { outline: 0; border-bottom-color: var(--line, #dcd8ce); }
.forever-focus-writing[b-ttgm07qzgy] { display: flex; flex-direction: column; min-width: 0; }
.forever-focus-writing-tools[b-ttgm07qzgy] { margin: 0 -5px 10px; }
.forever-focus-writing .task-description-toolbar[b-ttgm07qzgy] { gap: 1px; flex-wrap: wrap; }
.forever-focus-writing .task-description-toolbar > button[b-ttgm07qzgy] { width: 32px; height: 32px; border-radius: 7px; transition:var(--hover-transition),transform 140ms ease; }
.forever-focus-writing .task-description-toolbar > button:active:not(:disabled)[b-ttgm07qzgy] { transform: scale(.94); }
.forever-focus-tool-divider[b-ttgm07qzgy] { width: 1px; height: 16px; margin: 0 6px; background: var(--line, #dcd8ce); }
.forever-focus-writing[data-forever-plain] .forever-focus-writing-tools[b-ttgm07qzgy] { display: none; }
.forever-focus-writing[b-ttgm07qzgy]  .task-description-input,
.forever-focus-writing[b-ttgm07qzgy]  .task-description-source {
    flex: 0 0 auto;
    width: 100%;
    min-height: 175px;
    padding: 0 0 18px;
    border: 0;
    background: transparent;
    color: var(--ink, #262823);
    font-size: .96rem;
    line-height: 1.8;
    letter-spacing: -.007em;
    outline: 0;
}
.forever-focus-writing[b-ttgm07qzgy]  .task-description-input p { margin: 0 0 .35em; }
.forever-focus-writing[b-ttgm07qzgy]  .task-description-input ul,
.forever-focus-writing[b-ttgm07qzgy]  .task-description-input ol { margin: 6px 0; padding-inline-start: 25px; }
.forever-focus-writing[b-ttgm07qzgy]  .task-description-input[data-empty="true"]::before { max-width: 100%; opacity: .7; }
.forever-focus-writing[b-ttgm07qzgy]  .task-description-input:focus-visible { outline: 0; border: 0; }
.forever-focus-writing[b-ttgm07qzgy]  .task-description-error { margin: 0 0 12px; color: var(--danger, #a3493d); font-size: .8rem; line-height: 1.5; }

.forever-focus-links[b-ttgm07qzgy] { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 22px; }
.forever-focus-links a[b-ttgm07qzgy] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; padding: 5px 8px; border: 1px solid var(--line, #dcd8ce); border-radius: 7px; color: var(--ink-soft, #66685f); background: var(--surface, #fffdf8); font-size: .72rem; text-decoration: none; }
.forever-focus-links a span[b-ttgm07qzgy] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.forever-focus-links a:hover:where(:not([data-touch-input] *))[b-ttgm07qzgy] { color:var(--hover-color); border-color:var(--hover-border); background:var(--hover-background); }
.forever-focus-links a[b-ttgm07qzgy]  svg { flex: none; }

.forever-focus-checklist[b-ttgm07qzgy] { padding-top: 21px; border-top: 1px solid var(--line, #dcd8ce); }
.forever-focus-section-heading[b-ttgm07qzgy] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.forever-focus-section-heading h3[b-ttgm07qzgy] { margin: 0; color: var(--ink, #262823); font-size: .87rem; font-weight: 600; }
.forever-focus-count[b-ttgm07qzgy] { color: var(--ink-soft, #66685f); font-size: .73rem; font-variant-numeric: tabular-nums; }
.forever-focus-checklist-items[b-ttgm07qzgy] { display: grid; gap: 1px; }
.forever-focus-checklist-row[b-ttgm07qzgy] { display: grid; grid-template-columns: 20px minmax(50px, 1fr) auto 24px; align-items: center; gap: 9px; min-height: 43px; animation: forever-row-enter-b-ttgm07qzgy 180ms cubic-bezier(.22,1,.36,1) both; }
.forever-focus-check[b-ttgm07qzgy] { width: 17px; height: 17px; margin: 0; accent-color: var(--task-complete, var(--accent, #c76345)); cursor: pointer; }
.forever-focus-checklist-row[b-ttgm07qzgy]  .forever-focus-checklist-text { width: 100%; min-width: 0; min-height: 38px; padding: 5px 0; border: 0; border-bottom: 1px solid transparent; border-radius: 0; background: transparent; color: var(--ink, #262823); font-size: .88rem; line-height: 1.5; }
.forever-focus-checklist-row[b-ttgm07qzgy]  .forever-focus-checklist-text:focus { outline: 0; border-bottom-color: var(--line, #dcd8ce); }
.forever-focus-checklist-row.is-complete[b-ttgm07qzgy]  .forever-focus-checklist-text { color: var(--ink-soft, #66685f); text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--ink-soft, #66685f) 50%, transparent); }
.forever-focus-schedule[b-ttgm07qzgy] { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 30px; padding: 5px 7px; border: 0; border-radius: 6px; background: transparent; color: var(--ink-soft, #66685f); font-size: .71rem; white-space: nowrap; transition:var(--hover-transition); }
.forever-focus-schedule:hover:where(:not([data-touch-input] *)):not(:disabled)[b-ttgm07qzgy] { color:var(--hover-color); background:var(--hover-background); }
.forever-focus-schedule.is-linked[b-ttgm07qzgy] { color: var(--accent-deep, #9f422b); background: var(--accent-soft, #f7e6dd); }
.forever-focus-remove[b-ttgm07qzgy] { display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 30px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--ink-soft, #66685f); }
.forever-focus-remove:hover:where(:not([data-touch-input] *))[b-ttgm07qzgy] { color:var(--hover-color); background:var(--hover-background); }
.forever-focus-checklist-add[b-ttgm07qzgy] { display: flex; align-items: center; gap: 8px; min-height: 42px; margin: 4px -8px 0; padding: 0 8px; border: 1px solid transparent; border-radius: 9px; transition: border-color 140ms ease, background 140ms ease; }
.forever-focus-checklist-add:focus-within[b-ttgm07qzgy] { border-color: var(--line, #dcd8ce); background: var(--surface, #fffdf8); }
.forever-focus-add-icon[b-ttgm07qzgy] { display: flex; flex: none; color: var(--ink-soft, #66685f); }
.forever-focus-checklist-add[b-ttgm07qzgy]  input { flex: 1; width: 100%; min-width: 0; min-height: 38px; padding: 7px 0; border: 0; outline: 0; background: transparent; color: var(--ink, #262823); font-size: .86rem; }
.forever-focus-checklist-add button[b-ttgm07qzgy] { min-height: 29px; padding: 4px 10px; border: 0; border-radius: 6px; background: var(--accent-soft, #f7e6dd); color: var(--accent-deep, #9f422b); font-size: .74rem; font-weight: 600; }
.forever-focus-checklist-add button:disabled[b-ttgm07qzgy] { background: transparent; }
.forever-focus-hint[b-ttgm07qzgy] { margin: 7px 0 0; color: var(--ink-soft, #66685f); font-size: .76rem; line-height: 1.6; }

.forever-focus-footer[b-ttgm07qzgy] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 31px; padding-top: 16px; border-top: 1px solid var(--line, #dcd8ce); }
.forever-focus-note-actions[b-ttgm07qzgy] { display: flex; gap: 5px; }
.forever-focus-action[b-ttgm07qzgy] { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 5px 9px; border: 0; border-radius: 7px; background: transparent; color: var(--ink-soft, #66685f); font-size: .77rem; transition:var(--hover-transition); }
.forever-focus-action:hover:where(:not([data-touch-input] *))[b-ttgm07qzgy] { background:var(--hover-background); color:var(--hover-color); }
.forever-focus-action.is-active[b-ttgm07qzgy] { background: var(--paper-deep, #eeebe2); color: var(--ink, #262823); }
.forever-focus-revisit-chip[b-ttgm07qzgy] { display: inline-flex; align-items: center; gap: 5px; min-height:30px; padding: 5px 8px; border: 0; border-radius: var(--pill-radius); background: var(--pill-fill); color: var(--pill-ink); font-size: .73rem; }
.forever-focus-revisit-chip:hover:where(:not([data-touch-input] *)):not(:disabled)[b-ttgm07qzgy] { background:var(--hover-background); color:var(--hover-color); }
.forever-focus-details[b-ttgm07qzgy] { margin-top: 15px; padding: 15px 16px 10px; border: 1px solid var(--line, #dcd8ce); border-radius: 12px; background: color-mix(in srgb, var(--surface, #fffdf8) 55%, transparent); animation: forever-row-enter-b-ttgm07qzgy 180ms cubic-bezier(.22,1,.36,1) both; }
.forever-focus-revisit-field[b-ttgm07qzgy] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.forever-focus-revisit-field label[b-ttgm07qzgy] { color: var(--ink, #262823); font-size: .82rem; font-weight: 550; }
.forever-focus-revisit-field p[b-ttgm07qzgy] { max-width: 310px; margin: 4px 0 0; color: var(--ink-soft, #66685f); font-size: .72rem; line-height: 1.5; }
.forever-focus-revisit-input[b-ttgm07qzgy] { display: flex; align-items: center; gap: 3px; }
.forever-focus-revisit-input input[b-ttgm07qzgy] { max-width: 170px; min-height: 35px; padding: 5px 8px; border: 1px solid var(--line, #dcd8ce); border-radius: 7px; background: var(--paper, #f7f5ef); color: var(--ink, #262823); font-size: .78rem; }
.forever-focus-revisit-input button[b-ttgm07qzgy] { display: flex; align-items: center; justify-content: center; width: 27px; height: 34px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--ink-soft, #66685f); }
.forever-focus-secondary-actions[b-ttgm07qzgy] { display: flex; flex-wrap: wrap; gap: 4px 7px; margin: 14px -6px 0; padding-top: 9px; border-top: 1px solid var(--line, #dcd8ce); }
.forever-focus-secondary-actions button[b-ttgm07qzgy] { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 5px 6px; border: 0; border-radius: 6px; background: transparent; color: var(--ink-soft, #66685f); font-size: .75rem; }
.forever-focus-secondary-actions button:hover:where(:not([data-touch-input] *))[b-ttgm07qzgy] { background:var(--hover-background); color:var(--hover-color); }
.forever-focus-secondary-actions .forever-focus-delete:hover:where(:not([data-touch-input] *))[b-ttgm07qzgy] { color:var(--danger, #a3493d); }
.forever-focus-secondary-actions .forever-focus-delete[b-ttgm07qzgy] { margin-left: auto; color: var(--danger, #a3493d); }

.forever-focus-history[b-ttgm07qzgy] { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line, #dcd8ce); animation: forever-row-enter-b-ttgm07qzgy 180ms cubic-bezier(.22,1,.36,1) both; }
.forever-focus-history-list[b-ttgm07qzgy] { display: flex; gap: 6px; overflow-x: auto; padding: 0 2px 10px; scrollbar-width: thin; }
.forever-focus-revision[b-ttgm07qzgy] { display: flex; flex: 0 0 auto; flex-direction: column; gap: 5px; width: 154px; min-height: 58px; padding: 10px; border: 1px solid var(--line, #dcd8ce); border-radius: 8px; background: transparent; color: var(--ink-soft, #66685f); font-size: .7rem; text-align: left; }
.forever-focus-revision > span[b-ttgm07qzgy] { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.forever-focus-revision > span:first-child[b-ttgm07qzgy] { color: var(--ink, #262823); font-weight: 600; }
.forever-focus-revision.is-selected[b-ttgm07qzgy] { border-color: var(--accent, #c76345); background: var(--accent-soft, #f7e6dd); }
.forever-focus-revision-preview[b-ttgm07qzgy] { max-height: 330px; overflow: auto; padding: 17px; border: 1px solid var(--line, #dcd8ce); border-radius: 10px; background: var(--surface, #fffdf8); }
.forever-focus-revision-preview h4[b-ttgm07qzgy] { margin: 0 0 8px; font-size: .98rem; font-weight: 600; }
.forever-focus-revision-preview p[b-ttgm07qzgy] { margin: 0; color: var(--ink-soft, #66685f); font-size: .82rem; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }
.forever-focus-revision-preview ul[b-ttgm07qzgy] { display: grid; gap: 5px; margin: 13px 0 0; padding: 0; list-style: none; font-size: .8rem; }
.forever-focus-revision-preview li.is-complete[b-ttgm07qzgy] { color: var(--ink-soft, #66685f); text-decoration: line-through; }
.forever-focus-restore[b-ttgm07qzgy] { display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; min-height: 35px; padding: 6px 11px; border: 0; border-radius: var(--pill-radius); background: var(--pill-fill); color: var(--pill-ink); font-size: .76rem; }
.forever-focus-restore:hover:where(:not([data-touch-input] *)):not(:disabled)[b-ttgm07qzgy] { background:var(--hover-background); color:var(--hover-color); }
.forever-focus-error[b-ttgm07qzgy] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; padding: 11px 13px; border: 1px solid color-mix(in srgb, var(--danger, #a3493d) 30%, transparent); border-radius: 9px; background: color-mix(in srgb, var(--danger, #a3493d) 6%, var(--paper, #f7f5ef)); color: var(--danger, #a3493d); font-size: .8rem; line-height: 1.5; }
.forever-focus-error > span[b-ttgm07qzgy] { flex: 1; }
.forever-focus-error[b-ttgm07qzgy]  svg { flex: none; }
.forever-focus-error button[b-ttgm07qzgy] { flex: none; padding: 5px; border: 0; background: transparent; color: inherit; font-size: inherit; font-weight: 600; text-decoration: underline; }

@keyframes forever-row-enter-b-ttgm07qzgy { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes forever-save-pulse-b-ttgm07qzgy { from { opacity: .4; } to { opacity: 1; } }

@media (max-width: 700px) {
    .forever-focus-shell[b-ttgm07qzgy]  .planner-popup-layer { padding: max(8px, env(safe-area-inset-top)) 0 0; align-items: end; }
    .forever-focus-shell[b-ttgm07qzgy]  .planner-popup-dialog { width: 100%; height: calc(100dvh - max(8px, env(safe-area-inset-top))); border-radius: 21px 21px 0 0; border-bottom: 0; }
    .forever-focus-shell[b-ttgm07qzgy]  .planner-popup-header { min-height: 57px; padding-left: 20px; }
    .forever-focus-shell[b-ttgm07qzgy]  .planner-popup-content { padding: 19px 22px max(30px, env(safe-area-inset-bottom)); }
    .forever-focus[b-ttgm07qzgy]  .forever-focus-title { font-size: 1.7rem !important; }
    .forever-focus-board select[b-ttgm07qzgy] { max-width: 190px; }
    .forever-focus-writing[b-ttgm07qzgy]  .task-description-input, .forever-focus-writing[b-ttgm07qzgy]  .task-description-source { min-height: 140px; font-size: 1rem; }
    .forever-focus-writing .task-description-toolbar > button[b-ttgm07qzgy] { width: 37px; height: 37px; }
    .forever-focus-checklist-row[b-ttgm07qzgy] { min-height: 47px; gap: 7px; grid-template-columns: 21px minmax(30px, 1fr) auto 27px; }
    .forever-focus-checklist-row[b-ttgm07qzgy]  .forever-focus-checklist-text, .forever-focus-checklist-add[b-ttgm07qzgy]  input { min-height: 44px; font-size: 1rem; }
    .forever-focus-schedule[b-ttgm07qzgy] { min-width: 36px; min-height: 40px; }
    .forever-focus-schedule span[b-ttgm07qzgy] { display: none; }
    .forever-focus-check[b-ttgm07qzgy] { width: 19px; height: 19px; }
    .forever-focus-checklist-row .forever-focus-remove[b-ttgm07qzgy] { width: 27px; height: 40px; }
    .forever-focus-action[b-ttgm07qzgy] { min-height: 42px; }
    .forever-focus-secondary-actions button[b-ttgm07qzgy] { min-height: 42px; }
    .forever-focus-details[b-ttgm07qzgy] { margin-left: -3px; margin-right: -3px; padding: 14px 12px 8px; }
    .forever-focus-footer[b-ttgm07qzgy] { margin-top: 25px; }
    .forever-focus-revisit-input input[b-ttgm07qzgy] { min-height: 40px; font-size: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
    .forever-focus *[b-ttgm07qzgy], .forever-focus[b-ttgm07qzgy]  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
    .forever-focus-writing .task-description-toolbar > button:active:not(:disabled)[b-ttgm07qzgy] { transform: none; }
}

@media (forced-colors: active) {
    .forever-focus-check[b-ttgm07qzgy] { accent-color: auto; }
    .forever-focus-action.is-active[b-ttgm07qzgy], .forever-focus-revision.is-selected[b-ttgm07qzgy] { outline: 1px solid Highlight; }
}
.forever-focus-task-actions[b-ttgm07qzgy] { display: flex; flex-wrap: wrap; gap: .5rem; }
.forever-focus-task-actions button[b-ttgm07qzgy] { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; }
/* _content/YakoPlan.UI/Components/ForeverTaskScheduler.razor.rz.scp.css */
.forever-task-scheduler-shell[b-rw4rf74r58]  .planner-popup-layer { z-index: 205; }
.forever-task-scheduler[b-rw4rf74r58] { display: grid; gap: 1rem; padding: 1.25rem; min-width: min(21rem, 80vw); color: var(--ink); }
.forever-task-scheduler footer[b-rw4rf74r58] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.forever-task-scheduler-title[b-rw4rf74r58] { margin: 0; font-weight: 550; overflow-wrap: anywhere; }
.forever-task-scheduler-help[b-rw4rf74r58] { margin: -.4rem 0 0; font-size: .86rem; color: var(--muted); line-height: 1.5; }
.forever-task-scheduler-presets[b-rw4rf74r58] { display: flex; gap: .5rem; }
.forever-task-calendar[b-rw4rf74r58] { display: grid; gap: .4rem; font-size: .86rem; }
.forever-task-calendar select[b-rw4rf74r58] { width: 100%; font: inherit; padding: .7rem .85rem; border: 1px solid var(--line); border-radius: .65rem; color: inherit; background: var(--surface); }
.forever-task-scheduler footer[b-rw4rf74r58] { justify-content: flex-end; margin-top: .25rem; }
.forever-task-scheduler .form-message[b-rw4rf74r58] { margin: 0; }
@media (max-width: 520px) { .forever-task-scheduler[b-rw4rf74r58] { padding: 1rem; } }
/* _content/YakoPlan.UI/Components/FriendsPanel.razor.rz.scp.css */
.friends-panel[b-g61l3og1ds] { position:relative; display:grid; align-content:start; gap:16px; width:100%; min-width:0; color:var(--ink,#262823); }
.friends-add[b-g61l3og1ds], .friends-section[b-g61l3og1ds] { min-width:0; padding:0; border:0; border-radius:0; background:transparent; }
.friends-add-heading[b-g61l3og1ds] { display:flex; align-items:start; justify-content:space-between; gap:12px; }
.friends-add-identity[b-g61l3og1ds] { min-width:0; }
.friends-add h3[b-g61l3og1ds], .friends-section-heading h3[b-g61l3og1ds] { margin:0; font:700 .95rem/1.3 var(--planner-font); letter-spacing:-.01em; }
.friends-add-description[b-g61l3og1ds] { margin:0 0 10px; color:var(--ink-soft,#66685f); font-size:.8125rem; line-height:1.5; }
.friends-own-uid[b-g61l3og1ds] { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; margin:0; color:var(--ink-soft,#66685f); font-size:.8125rem; }
.friends-own-uid strong[b-g61l3og1ds] { color:var(--ink,#262823); font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; user-select:all; }
.friends-own-uid .profile-uid-copy[b-g61l3og1ds] { width:32px; margin:0; }
.friends-uid-feedback[b-g61l3og1ds] { flex-basis:100%; margin:0; font-size:.75rem; }
.friends-form > label[b-g61l3og1ds] { display:block; margin-bottom:7px; color:var(--ink-soft,#66685f); font-size:.8125rem; font-weight:500; }
.friends-email-row[b-g61l3og1ds] { display:flex; align-items:stretch; gap:10px; }
.friends-email-row[b-g61l3og1ds]  input { flex:1; width:0; min-width:0; min-height:44px; padding:9px 11px; border:1px solid var(--line,#dcd8ce); border-radius:9px; background:var(--surface,#fffdf8); color:var(--ink,#262823); font:400 .875rem/1.4 var(--planner-font); }
.friends-email-row[b-g61l3og1ds]  input:focus-visible { outline:2px solid var(--accent,#c76345); outline-offset:2px; }
.friends-email-row[b-g61l3og1ds]  input::placeholder { color:var(--ink-soft,#66685f); opacity:1; }
.friends-email-row[b-g61l3og1ds]  input[aria-invalid="true"] { border-color:var(--danger,#a33a34); }
.friends-panel button[b-g61l3og1ds] { min-height:44px; max-width:100%; white-space:normal; transition:var(--hover-transition),opacity 140ms ease,transform 140ms cubic-bezier(.22,1,.36,1); }
.friends-send[b-g61l3og1ds] { flex:none; display:inline-flex; justify-content:center; align-items:center; gap:6px; padding:0 14px; font-size:.78rem; line-height:1; }
.friends-icon-button[b-g61l3og1ds] { flex:none; display:inline-grid; place-items:center; width:32px; min-width:32px; min-height:44px; padding:0; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--ink-soft,#66685f); cursor:pointer; }
.friends-icon-button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-g61l3og1ds] { background:var(--hover-background); color:var(--hover-color); }
.friends-panel button:focus-visible[b-g61l3og1ds] { outline:2px solid var(--accent,#c76345); outline-offset:2px; }
.friends-panel button:disabled[b-g61l3og1ds] { opacity:.45; cursor:default; }
.friends-panel[b-g61l3og1ds]  svg { display:block; flex-shrink:0; }
.friends-notice[b-g61l3og1ds], .friends-send-state[b-g61l3og1ds], .friends-success[b-g61l3og1ds] { display:flex; align-items:center; gap:8px; margin:10px 0 0; font-size:.8125rem; line-height:1.5; }
.friends-notice[b-g61l3og1ds] { margin:0; color:var(--ink-soft,#66685f); }
.friends-send-state[b-g61l3og1ds] { color:var(--ink-soft,#66685f); }
.friends-success[b-g61l3og1ds] { color:var(--ink,#262823); }
.friends-success[b-g61l3og1ds]  svg { color:var(--accent-deep,var(--accent,#c76345)); }
.friends-error[b-g61l3og1ds] { margin:8px 0 0; color:var(--danger,#a33a34); font-size:.8125rem; line-height:1.5; overflow-wrap:anywhere; }
.friends-retry[b-g61l3og1ds], .friends-list-error[b-g61l3og1ds] { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 12px; margin-top:10px; }
.friends-retry p[b-g61l3og1ds], .friends-list-error p[b-g61l3og1ds] { margin:0; font-size:.8125rem; line-height:1.5; }
.friends-retry button[b-g61l3og1ds], .friends-list-error button[b-g61l3og1ds] { flex:none; font-size:.78rem; }
.friends-section-note[b-g61l3og1ds] { margin:8px 0 0; color:var(--ink-soft,#66685f); font-size:.75rem; line-height:1.5; }
.friends-section-heading[b-g61l3og1ds] { display:flex; align-items:center; gap:8px; padding-bottom:10px; border-bottom:1px solid var(--line,#dcd8ce); }
.friends-blocked-heading[b-g61l3og1ds] { padding-bottom:0; }
.friends-blocked-heading h3[b-g61l3og1ds] { width:100%; }
.friends-blocked-toggle[b-g61l3og1ds] { display:flex; width:100%; align-items:center; justify-content:space-between; gap:8px; padding:6px 8px; border:0; border-radius:var(--custom-radius,8px); background:transparent; color:inherit; font:inherit; text-align:start; cursor:pointer; }
.friends-count[b-g61l3og1ds] { min-width:22px; padding:2px 7px; border-radius:999px; background:var(--paper-deep,#eeebe2); color:var(--ink-soft,#66685f); font-size:.72rem; text-align:center; }
.friends-list[b-g61l3og1ds] { display:grid; gap:6px; list-style:none; margin:6px 0 0; padding:0; }
.friends-person[b-g61l3og1ds] { position:relative; display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:6px; min-height:56px; padding:6px 8px; border-radius:8px; }
.friends-person[data-friends-motion-resize][b-g61l3og1ds] { align-content:start; }
.friends-panel .friends-row-profile[b-g61l3og1ds] { position:absolute; inset:0; z-index:0; min-height:0; padding:0; border:0; border-radius:inherit; background:transparent; cursor:pointer; }
.friends-panel .friends-row-profile:hover:where(:not([data-touch-input] *)):not(:disabled)[b-g61l3og1ds] { background:var(--hover-background); color:var(--hover-color); }
.friends-panel .friends-row-profile:active:not(:disabled)[b-g61l3og1ds] { transform:none; box-shadow:none; }
.friends-person:has(> .friends-row-profile) > :is(.friends-profile-button,.friends-person-actions)[b-g61l3og1ds] { position:relative; z-index:1; }
.friends-avatar[b-g61l3og1ds] { width:24px; height:24px; font-size:.625rem; }
.friends-profile-button[b-g61l3og1ds] { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:transparent; cursor:pointer; }
.friends-panel .friends-profile-button[b-g61l3og1ds] { transition:var(--profile-hover-transition); }
.friends-profile-button .friends-avatar[b-g61l3og1ds] { width:36px; height:36px; font-size:.75rem; overflow:hidden; }
.friends-blocked-person .friends-avatar[b-g61l3og1ds] { width:36px; height:36px; font-size:.75rem; justify-self:center; }
.friends-avatar img[b-g61l3og1ds] { width:100%; height:100%; object-fit:cover; }
.friends-person-info[b-g61l3og1ds] { display:grid; min-width:0; gap:2px; }
.friends-person-name[b-g61l3og1ds] { display:flex; align-items:center; min-width:0; gap:4px; }
.friends-person-name strong[b-g61l3og1ds] { min-width:0; }
.friends-name-message[b-g61l3og1ds], .friends-name-calendar-invite[b-g61l3og1ds] { position:relative; z-index:1; }
/* Include the shared name trigger's 6px padding on each side in its width cap. */
.friends-person-name .user-name-trigger[b-g61l3og1ds] { position:relative; z-index:1; min-height:0; max-width:calc(100% + 12px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }
.friends-person-info strong[b-g61l3og1ds] { font:500 .875rem/1.4 var(--planner-font); overflow-wrap:anywhere; }
.friends-pending[b-g61l3og1ds] { color:var(--ink-soft,#66685f); font-size:.75rem; }
.friends-person-actions[b-g61l3og1ds] { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:4px; }
.friends-person-actions .friends-remove-confirm[b-g61l3og1ds] { padding-inline:12px; border:0; background:var(--pill-fill); color:var(--pill-ink); font-size:.78rem; }
.friends-blocked-action[b-g61l3og1ds] { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding-inline:12px; font-size:.78rem; }
.friends-row-note[b-g61l3og1ds] { grid-column:2 / -1; margin:0; font-size:.8125rem; line-height:1.5; color:var(--ink-soft,#66685f); }
.friends-row-note.friends-error[b-g61l3og1ds] { color:var(--danger,#a33a34); }
.friends-row-status[b-g61l3og1ds] { display:flex; align-items:center; gap:6px; font-size:.75rem; color:var(--ink-soft,#66685f); }
.friends-empty[b-g61l3og1ds], .friends-loading[b-g61l3og1ds] { margin:0; padding:18px 0 4px; color:var(--ink-soft,#66685f); font-size:.8rem; line-height:1.5; }
.friends-loading[b-g61l3og1ds] { display:flex; align-items:center; gap:9px; }
.friends-load-more[b-g61l3og1ds] { display:block; margin:12px auto 0; font-size:.78rem; }
.friends-progress[b-g61l3og1ds] { display:inline-block; flex:none; width:14px; height:14px; border:2px solid var(--line,#dcd8ce); border-top-color:var(--accent,#c76345); border-radius:50%; animation:friends-spin-b-g61l3og1ds .8s linear infinite; }
@keyframes friends-spin-b-g61l3og1ds { to { transform:rotate(360deg); } }
@media (hover:hover) and (pointer:fine) {
    .friends-panel button:not(.user-profile-trigger,.friends-row-profile):hover:where(:not([data-touch-input] *)):not(:disabled)[b-g61l3og1ds] { background:var(--hover-background); color:var(--hover-color); }
    .friends-panel .friends-remove-confirm:hover:where(:not([data-touch-input] *)):not(:disabled)[b-g61l3og1ds] { color:var(--danger,#a33a34); }
}
.friends-panel button:active:not(:disabled)[b-g61l3og1ds] { transform:translateY(0) scale(.96); box-shadow:none; }
@media (max-width:560px) {
    .friends-email-row[b-g61l3og1ds] { flex-wrap:wrap; }
    .friends-email-row[b-g61l3og1ds]  input { flex:1 1 180px; width:100%; box-sizing:border-box; font-size:1rem; }
    .friends-send[b-g61l3og1ds] { margin-left:auto; }
    .friends-person[b-g61l3og1ds] { padding-inline:4px; }
    .friends-person-confirming .friends-person-actions[b-g61l3og1ds] { grid-column:2 / -1; justify-content:flex-start; }
    .friends-row-status[b-g61l3og1ds] { width:100%; }
}
@media (max-width:360px) {
    .friends-person[b-g61l3og1ds] { grid-template-columns:44px minmax(0,1fr); }
    .friends-person-actions[b-g61l3og1ds] { grid-column:2; justify-content:flex-start; }
}
@media (prefers-reduced-motion:reduce) { .friends-progress[b-g61l3og1ds] { animation:none; } .friends-panel button[b-g61l3og1ds] { transition:none; transform:none!important; } }
@media (forced-colors:active) { .friends-avatar[b-g61l3og1ds], .friends-count[b-g61l3og1ds] { border:1px solid CanvasText; } .friends-progress[b-g61l3og1ds] { border-color:CanvasText; } }

/* Reserve both labels so acknowledgement never changes the button width. */
.friends-send-symbol[b-g61l3og1ds] { position:relative; display:grid; place-items:center; width:16px; height:16px; flex:none; }
.friends-send-symbol > span[b-g61l3og1ds] { grid-area:1 / 1; transition:opacity 180ms ease,transform 240ms cubic-bezier(.22,1,.36,1); }
.friends-send-progress[b-g61l3og1ds] { animation:none; }
.friends-send-check[b-g61l3og1ds], .friends-send-progress[b-g61l3og1ds] { opacity:0; transform:scale(.6); }
.friends-send-label[b-g61l3og1ds] { display:grid; overflow:hidden; }
.friends-send-label > span[b-g61l3og1ds] { grid-area:1 / 1; white-space:nowrap; transition:opacity 180ms ease,transform 240ms cubic-bezier(.22,1,.36,1); }
.friends-send-sent[b-g61l3og1ds] { opacity:0; transform:translateY(8px); }
.friends-send.is-sent .friends-send-normal[b-g61l3og1ds] { opacity:0; transform:translateY(-8px); }
.friends-send.is-sent .friends-send-sent[b-g61l3og1ds], .friends-send.is-sent .friends-send-check[b-g61l3og1ds] { opacity:1; transform:none; }
.friends-send.is-sent .friends-send-plus[b-g61l3og1ds], .friends-send[aria-busy="true"] .friends-send-plus[b-g61l3og1ds] { opacity:0; transform:scale(.6); }
.friends-send[aria-busy="true"] .friends-send-progress[b-g61l3og1ds] { opacity:1; transform:none; animation:friends-spin-b-g61l3og1ds .8s linear infinite; }
.friends-panel .friends-send.is-sent:disabled[b-g61l3og1ds] { opacity:1; background:var(--pill-fill); color:var(--pill-ink); }
.friends-send-check[b-g61l3og1ds]  path { stroke-dasharray:32; stroke-dashoffset:32; transition:stroke-dashoffset 280ms cubic-bezier(.22,1,.36,1); }
.friends-send.is-sent .friends-send-check[b-g61l3og1ds]  path { stroke-dashoffset:0; }
.friends-refresh[aria-busy="true"][b-g61l3og1ds]  svg { animation:friends-spin-b-g61l3og1ds 1s linear infinite; }
.friends-person[b-g61l3og1ds] { transition:var(--hover-transition); }
.friends-remove-confirm[b-g61l3og1ds], .friends-unblock-confirm[b-g61l3og1ds] { animation:friends-feedback-enter-b-g61l3og1ds 180ms cubic-bezier(.22,1,.36,1) both; }
@media (prefers-reduced-motion:no-preference) {
    .friends-panel[b-g61l3og1ds] { animation:friends-feedback-enter-b-g61l3og1ds 220ms cubic-bezier(.22,1,.36,1) both; }
    .friends-send.is-sent[b-g61l3og1ds] { animation:friends-sent-confirm-b-g61l3og1ds 380ms cubic-bezier(.22,1,.36,1); }
}
@keyframes friends-feedback-enter-b-g61l3og1ds { from { opacity:0; translate:0 5px; } to { opacity:1; translate:0 0; } }
@keyframes friends-sent-confirm-b-g61l3og1ds { 0% { box-shadow:0 0 0 0 color-mix(in srgb,var(--pill-fill) 30%,transparent); } 65% { box-shadow:0 0 0 5px transparent; } 100% { box-shadow:0 0 0 0 transparent; } }
@media (prefers-reduced-motion:reduce) {
    .friends-panel[b-g61l3og1ds], .friends-panel *[b-g61l3og1ds], .friends-panel[b-g61l3og1ds]  svg { animation:none!important; transition:none!important; }
}
@media (forced-colors:active) {
    .friends-panel .friends-send.is-sent:disabled[b-g61l3og1ds] { background:Highlight; color:HighlightText; border-color:Highlight; }
}
/* _content/YakoPlan.UI/Components/GroupChatInvitationCard.razor.rz.scp.css */
.group-chat-invitation[b-o9czy0ub5j] { display:grid; grid-column:1/-1; gap:12px; min-width:0; padding:0 16px 14px; color:var(--ink,#262823); }
.group-chat-invitation.is-detailed[b-o9czy0ub5j] { gap:20px; padding:4px 0; }
.group-invite-heading[b-o9czy0ub5j] { display:flex; align-items:flex-start; gap:14px; min-width:0; }
.group-invite-heading > div[b-o9czy0ub5j] { min-width:0; }
.group-invite-symbol[b-o9czy0ub5j] { display:grid; place-items:center; flex:none; width:48px; height:48px; border:0; border-radius:14px; background:var(--accent,#c76345); color:var(--planner-accent-ink,#19141c); }
.group-chat-invitation h3[b-o9czy0ub5j] { margin:0 0 7px; color:var(--ink,#262823); font:650 1.05rem/1.4 var(--planner-font,system-ui,sans-serif); letter-spacing:-.015em; overflow-wrap:anywhere; }
.group-chat-invitation p[b-o9czy0ub5j] { margin:0; color:var(--ink-soft,#66685f); font-size:.8125rem; line-height:1.6; overflow-wrap:anywhere; }
.group-invite-buttons[b-o9czy0ub5j] { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.group-invite-buttons > span[b-o9czy0ub5j] { flex-basis:100%; color:var(--ink-soft,#66685f); font-size:.8125rem; line-height:1.5; }
.group-chat-invitation :is(.primary-button,.secondary-button)[b-o9czy0ub5j] { display:inline-flex; align-items:center; justify-content:center; max-width:100%; min-height:44px; padding:9px 16px; border:0; border-radius:var(--pill-radius); background:var(--pill-fill); color:var(--pill-ink); font:600 .8125rem/1.4 var(--planner-font,system-ui,sans-serif); white-space:normal; overflow-wrap:anywhere; cursor:pointer; transition:var(--hover-transition); }
.group-chat-invitation .group-invite-primary[b-o9czy0ub5j] { position:relative; }
.group-invite-size-reference[b-o9czy0ub5j] { visibility:hidden; }
.group-invite-join-label[b-o9czy0ub5j] { position:absolute; inset:0 4px; display:flex; align-items:center; justify-content:center; }
.group-chat-invitation .secondary-button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-o9czy0ub5j] { background:var(--hover-background); color:var(--hover-color); }
.group-chat-invitation .group-invite-primary:hover:where(:not([data-touch-input] *)):not(:disabled)[b-o9czy0ub5j] { background:var(--hover-background); color:var(--hover-color); }
.group-chat-invitation button:focus-visible[b-o9czy0ub5j] { outline:2px solid var(--focus,var(--accent,#c76345)); outline-offset:3px; }
.group-chat-invitation button:disabled[b-o9czy0ub5j] { opacity:.45; cursor:default; }
.group-chat-invitation .group-invite-error[b-o9czy0ub5j] { color:var(--danger,#a33a34); }
@media (max-width:480px) { .group-invite-heading[b-o9czy0ub5j] { gap:11px; } .group-invite-symbol[b-o9czy0ub5j] { width:42px; height:42px; border-radius:12px; } }
@media (prefers-reduced-motion:reduce) { .group-chat-invitation button[b-o9czy0ub5j] { transition:none; } }
@media (forced-colors:active) { .group-invite-symbol[b-o9czy0ub5j] { border-color:CanvasText; background:Canvas; color:CanvasText; } .group-chat-invitation .group-invite-primary[b-o9czy0ub5j] { border-color:ButtonText; background:ButtonFace; color:ButtonText; } }
/* _content/YakoPlan.UI/Components/GroupChatSystemMessage.razor.rz.scp.css */
.chat-system-message[b-r34ijpxp5w] { flex:none; margin:14px 0; padding:0 12px; color:var(--ink-soft); text-align:center; font-size:.75rem; line-height:1.55; overflow-wrap:anywhere; }
.chat-system-message p[b-r34ijpxp5w] { margin:0; }
.chat-system-message time[b-r34ijpxp5w] { display:block; margin-top:2px; font-size:.65rem; }
/* _content/YakoPlan.UI/Components/GuestAccountTransferPrompt.razor.rz.scp.css */
.guest-transfer-content[b-cugoc455la] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    max-height: calc(100dvh - 100px - var(--planner-mobile-toolbar-height, 0px));
    overflow-y: auto;
    overscroll-behavior: contain;
    font-size: .88rem;
    line-height: 1.6;
}

.guest-transfer-heading[b-cugoc455la] {
    font-size: 1.05rem;
    line-height: 1.35;
    font-weight: 600;
    font-family: var(--planner-heading, var(--planner-font, system-ui, sans-serif));
}
.guest-transfer-content p[b-cugoc455la] { margin: 0; color: var(--ink-soft, #66685f); }
.guest-transfer-items[b-cugoc455la] {
    list-style: none;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    max-height: min(160px, 22dvh);
    overflow-y: auto;
    overscroll-behavior: contain;
    border-block: 1px solid var(--line, #dcd8ce);
}
.guest-transfer-items li[b-cugoc455la] { display: flex; align-items: baseline; gap: 12px; padding: 6px 0; }
.guest-transfer-items li + li[b-cugoc455la] { border-top: 1px solid var(--line, #dcd8ce); }
.guest-transfer-item-name[b-cugoc455la] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.guest-transfer-item-kind[b-cugoc455la] { flex-shrink: 0; color: var(--ink-soft, #66685f); font-size: .8rem; }
.guest-transfer-backup[b-cugoc455la] { display: grid; gap: 12px; }
.guest-transfer-details-link[b-cugoc455la] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--ink, #262823);
    font: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
    justify-self: start;
    transition: var(--hover-transition);
}
.guest-transfer-details-link:hover:where(:not([data-touch-input] *)):not(:disabled)[b-cugoc455la] { background: var(--hover-background); color: var(--hover-color); }
.guest-transfer-details-link:disabled[b-cugoc455la] { cursor: default; opacity: .6; }
.guest-transfer-details-link:focus-visible[b-cugoc455la], .guest-transfer-items:focus-visible[b-cugoc455la] {
    outline: 2px solid var(--accent, #e87919);
    outline-offset: 4px;
    border-radius: 3px;
}
#guest-transfer-backup-details[b-cugoc455la] { display: grid; gap: 12px; }
.guest-transfer-calendar[b-cugoc455la] { display: grid; gap: 8px; }
.guest-transfer-calendar span[b-cugoc455la] { font-weight: 650; }
.guest-transfer-calendar select[b-cugoc455la] {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 8px 12px;
    padding-inline-end: 30px;
    border: 1px solid var(--line, #dcd8ce);
    border-radius: 10px;
    background-color: var(--paper, #fffdf7);
    color: var(--ink, #262823);
    font: inherit;
}
.guest-transfer-actions[b-cugoc455la] { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.guest-transfer-content button:is(.button, .secondary-button, .danger-button)[b-cugoc455la] { min-height: 42px; padding: 9px 16px; font-family: var(--planner-font, system-ui, sans-serif); font-size: .82rem; }
.guest-transfer-submit[b-cugoc455la] { display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.guest-transfer-submit.is-transferring:disabled[b-cugoc455la] { opacity: 1; cursor: progress; }
.guest-transfer-spinner[b-cugoc455la] {
    flex: none;
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: guest-transfer-spin-b-cugoc455la 700ms linear infinite, guest-transfer-appear-b-cugoc455la 160ms ease-out;
}
@keyframes guest-transfer-spin-b-cugoc455la { to { transform: rotate(360deg); } }
@keyframes guest-transfer-appear-b-cugoc455la { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
    .guest-transfer-spinner[b-cugoc455la] { animation: none; }
}
.guest-transfer-later-hint[b-cugoc455la] { color: var(--ink-soft, #66685f); font-size: .8rem; }
.guest-transfer-discard[b-cugoc455la] { color: var(--danger, #a33a34); }
@media (max-width: 480px) {
    .guest-transfer-items li[b-cugoc455la] { flex-wrap: wrap; gap: 2px 12px; }
    .guest-transfer-item-kind[b-cugoc455la] { font-size: .75rem; }
    .guest-transfer-actions[b-cugoc455la] { flex-direction: column-reverse; }
    .guest-transfer-actions button[b-cugoc455la] { width: 100%; }
}
/* _content/YakoPlan.UI/Components/HelpCenter.razor.rz.scp.css */
.help-center[b-5ykiacoxjw] {
    max-width: 760px;
    margin-inline: auto;
    padding-block: 20px;
    text-align: left;
    overflow-wrap: anywhere;
}

.help-contact-actions[b-5ykiacoxjw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
    gap: 12px;
}

.help-contact-actions > a[b-5ykiacoxjw] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
    padding: 22px 18px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
    color: var(--ink);
    text-decoration: none;
}

.help-contact-actions > a > div[b-5ykiacoxjw] { min-width: 0; }
.help-contact-actions > a[b-5ykiacoxjw]  > svg { flex: none; margin-top: 3px; color: var(--accent); }
.help-contact-actions > a[b-5ykiacoxjw]  > svg:last-child { margin-left: auto; color: var(--ink-soft); }
.help-contact-actions h2[b-5ykiacoxjw] { margin: 0; font-size: 1rem; font-weight: 700; line-height: 1.4; }
.help-contact-actions p[b-5ykiacoxjw] { margin: 7px 0 0; color: var(--ink-soft); font-size: .875rem; line-height: 1.6; }

.help-contact-actions > a:focus-visible[b-5ykiacoxjw],
.help-planning-guides a:focus-visible[b-5ykiacoxjw],
.help-center-footer a:focus-visible[b-5ykiacoxjw],
.help-answers summary:focus-visible[b-5ykiacoxjw] { outline: 2px solid var(--focus); outline-offset: 4px; }
.help-contact-actions > a:focus-visible[b-5ykiacoxjw],
.help-planning-guides a:focus-visible[b-5ykiacoxjw] { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 7%, var(--surface)); }
.help-center-footer a:focus-visible[b-5ykiacoxjw] { color: var(--accent-deep); }
.help-answers summary:focus-visible[b-5ykiacoxjw] { color: var(--accent-deep); background: color-mix(in srgb, var(--accent) 7%, transparent); }

.help-planning-guides[b-5ykiacoxjw] { margin-top: 32px; }
.help-planning-guides h2[b-5ykiacoxjw] { margin: 0 0 14px; font-size: 1.125rem; font-weight: 700; line-height: 1.4; }
.help-planning-guides nav[b-5ykiacoxjw] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
.help-planning-guides a[b-5ykiacoxjw] { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-width: 0; min-height: 52px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--ink); font-size: .9375rem; font-weight: 600; text-decoration: none; }
.help-planning-guides a[b-5ykiacoxjw]  svg { flex: none; color: var(--ink-soft); }

.help-answers[b-5ykiacoxjw] { margin-top: 32px; }
.help-answers h2[b-5ykiacoxjw] { margin: 0 0 14px; font-size: 1.125rem; font-weight: 700; line-height: 1.4; }
.help-answers details[b-5ykiacoxjw] { border-bottom: 1px solid var(--line); }
.help-answers details:first-of-type[b-5ykiacoxjw] { border-top: 1px solid var(--line); }
.help-answers summary[b-5ykiacoxjw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 58px;
    padding: 16px 2px;
    list-style: none;
    cursor: pointer;
    font-size: .9375rem;
    font-weight: 600;
}
.help-answers summary[b-5ykiacoxjw]::-webkit-details-marker { display: none; }
.help-answers summary[b-5ykiacoxjw]::marker { content: ""; }
.help-answers summary[b-5ykiacoxjw]  svg { flex: none; color: var(--ink-soft); }
.help-answer-body[b-5ykiacoxjw] { padding: 0 24px 20px 2px; color: var(--ink-soft); font-size: .9375rem; line-height: 1.7; }
.help-answer-body p[b-5ykiacoxjw] { margin: 0 0 12px; }
.help-answer-body p:last-child[b-5ykiacoxjw] { margin-bottom: 0; }
.help-answer-body ol[b-5ykiacoxjw] { margin: 12px 0 0; padding-inline-start: 24px; }
.help-answer-body li + li[b-5ykiacoxjw] { margin-top: 8px; }
.help-shortcuts[b-5ykiacoxjw] { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 16px 0 0; padding: 0; list-style: none; }
.help-shortcuts li[b-5ykiacoxjw] { display: inline-flex; align-items: center; gap: 8px; }
.help-shortcuts kbd[b-5ykiacoxjw] { min-width: 28px; padding: 2px 6px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--ink); text-align: center; }
.help-center-footer[b-5ykiacoxjw] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; margin-top: 24px; }
.help-center-footer a[b-5ykiacoxjw] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--ink); font-size: .875rem; font-weight: 600; text-underline-offset: 4px; }
.help-center-footer a[b-5ykiacoxjw]  svg { flex: none; }

@media (hover: hover) and (pointer: fine) {
    .help-contact-actions > a:hover:where(:not([data-touch-input] *))[b-5ykiacoxjw] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
    .help-planning-guides a:hover:where(:not([data-touch-input] *))[b-5ykiacoxjw] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
    .help-answers summary:hover:where(:not([data-touch-input] *))[b-5ykiacoxjw] { color:var(--hover-color); background:var(--hover-background); }
    .help-center-footer a:hover:where(:not([data-touch-input] *))[b-5ykiacoxjw] { color:var(--hover-color); background:var(--hover-background); }
}

@media (prefers-reduced-motion: no-preference) {
    .help-contact-actions > a[b-5ykiacoxjw],
    .help-planning-guides > h2[b-5ykiacoxjw],
    .help-planning-guides nav > a[b-5ykiacoxjw],
    .help-answers > h2[b-5ykiacoxjw],
    .help-answers > details[b-5ykiacoxjw],
    .help-center-footer[b-5ykiacoxjw] { animation: help-content-enter-b-5ykiacoxjw 220ms cubic-bezier(.22, 1, .36, 1) backwards; }
    .help-contact-actions > a:nth-child(2)[b-5ykiacoxjw],
    .help-planning-guides nav > a:nth-child(even)[b-5ykiacoxjw] { animation-delay: 25ms; }
    .help-contact-actions > a:nth-child(3)[b-5ykiacoxjw] { animation-delay: 50ms; }
    .help-answers > details[b-5ykiacoxjw],
    .help-center-footer[b-5ykiacoxjw] { animation-delay: 40ms; }
    .help-contact-actions > a[b-5ykiacoxjw],
    .help-planning-guides a[b-5ykiacoxjw] { transition:var(--hover-transition),transform 180ms ease; }
    .help-contact-actions > a[b-5ykiacoxjw]  > svg:last-child,
    .help-planning-guides a[b-5ykiacoxjw]  svg,
    .help-center-footer a[b-5ykiacoxjw]  svg { transition: transform 180ms ease; }
    .help-center-footer a[b-5ykiacoxjw] { transition:var(--hover-transition),transform 180ms ease; }
    .help-answers summary[b-5ykiacoxjw] { transition:var(--hover-transition),transform 180ms ease; }
    .help-answers summary[b-5ykiacoxjw]  svg { transition: transform 220ms ease; }
    .help-contact-actions > a:focus-visible[b-5ykiacoxjw]  > svg:last-child,
    .help-planning-guides a:focus-visible[b-5ykiacoxjw]  svg,
    .help-center-footer a:focus-visible[b-5ykiacoxjw]  svg { transform: translateX(3px); }
    @media (hover: hover) and (pointer: fine) {
        .help-contact-actions > a:hover:where(:not([data-touch-input] *))[b-5ykiacoxjw], .help-planning-guides a:hover:where(:not([data-touch-input] *))[b-5ykiacoxjw] { background:var(--hover-background); color:var(--hover-color); }
    }
    .help-contact-actions > a:active[b-5ykiacoxjw],
    .help-planning-guides a:active[b-5ykiacoxjw] { transform: scale(.98); }
    .help-center-footer a:active[b-5ykiacoxjw],
    .help-answers summary:active[b-5ykiacoxjw] { transform: translateY(1px); }
    @supports (interpolate-size: allow-keywords) and selector(details::details-content) {
        .help-answers details[b-5ykiacoxjw] { interpolate-size: allow-keywords; }
        .help-answers details[b-5ykiacoxjw]::details-content {
            block-size: 0;
            overflow: clip;
            opacity: 0;
            transition: block-size 220ms ease, opacity 220ms ease, content-visibility 220ms;
            transition-behavior: allow-discrete;
        }
        .help-answers details[open][b-5ykiacoxjw]::details-content { block-size: auto; opacity: 1; }
    }
    @supports not ((interpolate-size: allow-keywords) and selector(details::details-content)) {
        .help-answers details[open] .help-answer-body[b-5ykiacoxjw] { animation: help-content-enter-b-5ykiacoxjw 220ms cubic-bezier(.22, 1, .36, 1); }
    }
    @keyframes help-content-enter-b-5ykiacoxjw {
        from { opacity: 0; transform: translateY(4px); }
        to { opacity: 1; transform: none; }
    }
}

@media (max-width: 600px) {
    .help-center[b-5ykiacoxjw] { padding-block: 12px 24px; }
    .help-contact-actions[b-5ykiacoxjw] { grid-template-columns: minmax(0, 1fr); }
    .help-planning-guides nav[b-5ykiacoxjw] { grid-template-columns: minmax(0, 1fr); }
    .help-contact-actions > a[b-5ykiacoxjw] { padding: 18px; }
    .help-answers[b-5ykiacoxjw] { margin-top: 28px; }
    .help-center-footer[b-5ykiacoxjw] { flex-direction: column; align-items: flex-start; gap: 4px; }
}
/* _content/YakoPlan.UI/Components/Icon.razor.rz.scp.css */
.provider-logo[b-32qg3fmfph] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.provider-logo img[b-32qg3fmfph] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* Trace the artwork's opaque edge instead of drawing a separate frame. */
    filter: drop-shadow(.5px 0 0 currentColor)
        drop-shadow(-.5px 0 0 currentColor)
        drop-shadow(0 .5px 0 currentColor)
        drop-shadow(0 -.5px 0 currentColor);
}
/* _content/YakoPlan.UI/Components/ImageViewerZoomControls.razor.rz.scp.css */
.image-viewer-zoom[b-9xyqdtwhlr] { position:fixed; bottom:max(12px,env(safe-area-inset-bottom)); left:50%; z-index:2; display:flex; align-items:center; gap:2px; padding:2px 4px; border-radius:999px; background:rgb(12 12 12 / .72); color:#fff; transform:translateX(-50%); }
.image-viewer-zoom[b-9xyqdtwhlr],.image-viewer-zoom[b-9xyqdtwhlr]  * { -webkit-user-select:none; user-select:none; }
.image-viewer-zoom button[b-9xyqdtwhlr] { display:grid; place-items:center; flex:none; width:40px; height:40px; margin:0; padding:0; border:0; border-radius:50%; background:transparent; color:inherit; font:500 .8rem/1 var(--planner-font); opacity:.85; cursor:pointer; }
.image-viewer-zoom .image-viewer-zoom-reset[b-9xyqdtwhlr] { width:64px; border-radius:8px; }
.image-viewer-zoom button:disabled[b-9xyqdtwhlr] { opacity:.35; cursor:default; }
.image-viewer-zoom button:focus-visible[b-9xyqdtwhlr] { outline:2px solid #ddd1ff; outline-offset:1px; opacity:1; }
@media(hover:hover) { .image-viewer-zoom button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-9xyqdtwhlr] { background:var(--hover-background); color:var(--hover-color); } }
@media(forced-colors:active) {
    .image-viewer-zoom[b-9xyqdtwhlr] { background:Canvas; color:CanvasText; border:1px solid CanvasText; }
    .image-viewer-zoom button:focus-visible[b-9xyqdtwhlr] { outline-color:Highlight; }
}
/* _content/YakoPlan.UI/Components/KawaiiAtmosphere.razor.rz.scp.css */
.kawaii-atmosphere[b-ni5fvrjldo] {
    position:fixed;
    inset:0 0 auto;
    top:var(--planner-paint-top,0px);
    height:max(100%,var(--planner-paint-height,0px));
    z-index:0;
    overflow:hidden;
    pointer-events:none;
    user-select:none;
}
.kawaii-parallax-paint[b-ni5fvrjldo] {
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 2px 2px,rgb(186 111 145 / .13) .75px,transparent 1px) 0 0 / 18px 18px,
        linear-gradient(145deg,#fff4f8,#ffe4ef);
}
.kawaii-parallax-paint[data-theme-parallax-active][b-ni5fvrjldo] { inset:-24px; }
.kawaii-parallax-paint:not([data-theme-parallax-active])[b-ni5fvrjldo] { transform:none!important; will-change:auto!important; }
.kawaii-paper-detail[b-ni5fvrjldo] { position:absolute; width:clamp(90px,13vw,180px); opacity:.48; }
.kawaii-paper-detail-top[b-ni5fvrjldo] { top:8%; right:1%; }
.kawaii-paper-detail-bottom[b-ni5fvrjldo] { bottom:4%; left:1%; transform:rotate(-8deg); }
.kawaii-bow[b-ni5fvrjldo] { stroke:#cc8dab; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.kawaii-bow-tail[b-ni5fvrjldo] { fill:#ecafcb; }
.kawaii-bow-loop[b-ni5fvrjldo] { fill:#f7c9dd; }
.kawaii-bow-knot[b-ni5fvrjldo] { fill:#efb4ce; }
.kawaii-bow-fold[b-ni5fvrjldo] { fill:none; stroke:#d999b7; stroke-width:1.25; }
.kawaii-bow-highlight[b-ni5fvrjldo] { fill:none; stroke:#fff7fb; stroke-width:3; }
.kawaii-heart[b-ni5fvrjldo] { fill:#f5c5da; stroke:#cc8dab; stroke-width:1.5; stroke-linejoin:round; }
.kawaii-heart-highlight[b-ni5fvrjldo] { fill:none; stroke:#fff7fb; stroke-width:3; stroke-linecap:round; }
.kawaii-sparkle[b-ni5fvrjldo] { fill:#e2cfec; stroke:#ba9ccc; stroke-width:1.5; stroke-linejoin:round; }
.kawaii-dot[b-ni5fvrjldo] { fill:#ce9db4; }
.kawaii-heart-float[b-ni5fvrjldo] {
    animation:kawaii-heart-float-b-ni5fvrjldo 11s ease-in-out -3s infinite;
    animation-play-state:var(--kawaii-motion-state,paused);
}
.kawaii-paper-detail-bottom .kawaii-heart-float[b-ni5fvrjldo] { animation-duration:12s; animation-delay:-8s; }
.kawaii-sparkle[b-ni5fvrjldo] {
    transform-box:fill-box;
    transform-origin:center;
    animation:kawaii-sparkle-twinkle-b-ni5fvrjldo 9s ease-in-out -2s infinite;
    animation-play-state:var(--kawaii-motion-state,paused);
}
.kawaii-paper-detail-bottom .kawaii-sparkle[b-ni5fvrjldo] { animation-duration:11s; animation-delay:-6s; }
.kawaii-paper-detail-bottom .kawaii-sparkle + .kawaii-sparkle[b-ni5fvrjldo] { animation-duration:8s; animation-delay:-4s; }
@keyframes kawaii-heart-float-b-ni5fvrjldo {
    0%, 100% { transform:translateY(0); }
    50% { transform:translateY(-3px); }
}
@keyframes kawaii-sparkle-twinkle-b-ni5fvrjldo {
    0%, 100% { opacity:.65; transform:scale(.97); }
    50% { opacity:1; transform:scale(1.03); }
}
@media (max-width:600px) {
    /* Keep the artwork inside the screen through the parallax inset and travel. */
    .kawaii-paper-detail[b-ni5fvrjldo] { width:120px; opacity:.48; }
    .kawaii-paper-detail-top[b-ni5fvrjldo] { right:48px; top:20%; }
    .kawaii-paper-detail-bottom[b-ni5fvrjldo] { left:48px; bottom:14%; }
}
/* Reuse the stationery artwork inside a theme thumbnail without viewport sizing. */
.kawaii-atmosphere.is-preview[b-ni5fvrjldo] { position:absolute; inset:0; height:100%; }
.is-preview .kawaii-paper-detail[b-ni5fvrjldo] { width:68%; min-width:50px; max-width:75px; opacity:.6; }
.is-preview .kawaii-paper-detail-top[b-ni5fvrjldo] { top:-3%; right:-8%; }
.is-preview .kawaii-paper-detail-bottom[b-ni5fvrjldo] { bottom:22%; left:-8%; }
.is-preview .kawaii-heart-float[b-ni5fvrjldo], .is-preview .kawaii-sparkle[b-ni5fvrjldo] { animation:none; }
@media (prefers-reduced-motion:reduce) {
    .kawaii-heart-float[b-ni5fvrjldo], .kawaii-sparkle[b-ni5fvrjldo] { animation:none; }
}
@media (prefers-reduced-motion:reduce), (forced-colors:active), print {
    .kawaii-parallax-paint[data-theme-parallax-active][b-ni5fvrjldo] { inset:0; transform:none!important; will-change:auto!important; }
}
@media (forced-colors:active), print { .kawaii-atmosphere[b-ni5fvrjldo] { display:none; } }
/* _content/YakoPlan.UI/Components/MainMenuHint.razor.rz.scp.css */
/* The shared snackbar owns appearance, focus, drag and dismissal motion. */
.main-menu-hint[b-3fzy77emw4] {
    position: absolute;
    z-index: 30;
    top: calc(100% + 10px);
    right: 0;
    bottom: auto;
    left: auto;
    width: min(276px, calc(100vw - 24px));
    max-width: min(276px, calc(100vw - 24px));
    min-height: 0;
    padding: 10px 42px 10px 12px;
    text-align: left;
    white-space: normal;
}
.main-menu-hint[hidden][b-3fzy77emw4] { display: none; }
.calendar-picker-hint[b-3fzy77emw4] { left: 0; right: auto; }

/* Overlap the top border so the pointer is joined to the snackbar surface. */
.main-menu-hint[b-3fzy77emw4]::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -6px;
    right: 15px;
    width: 10px;
    height: 10px;
    border-top: inherit;
    border-left: inherit;
    background: inherit;
    transform: rotate(45deg);
    pointer-events: none;
}
.calendar-picker-hint[b-3fzy77emw4]::before { left: 18px; right: auto; }
.main-menu-hint .planner-snackbar-body[b-3fzy77emw4] { flex-direction: column; align-items: flex-start; gap: 3px; }
.main-menu-hint strong[b-3fzy77emw4] { font-size: .84rem; font-weight: 650; line-height: 1.35; }
.main-menu-hint .planner-snackbar-body > span[b-3fzy77emw4] { font-size: .78rem; line-height: 1.4; }
.main-menu-hint .planner-snackbar-close[b-3fzy77emw4] { top: 2px; right: 2px; width: 36px; height: 36px; }

@media (forced-colors: active) {
    .main-menu-hint[b-3fzy77emw4], .main-menu-hint[b-3fzy77emw4]::before { border-color: CanvasText; background: Canvas; box-shadow: none; }
}
/* _content/YakoPlan.UI/Components/MeetingCapturePanel.razor.rz.scp.css */
.meeting-capture[b-tviokikwuk] { display:grid; gap:14px; color:var(--ink,#292a25); width:min(100%,640px); min-width:0; margin:auto; }
.meeting-capture.is-composer[b-tviokikwuk] { position:relative; display:grid; flex:1 1 0; width:100%; max-width:100%; gap:0; margin:0; }
.meeting-capture-composer-row[b-tviokikwuk] { position:relative; z-index:1; grid-area:1 / 1; align-self:start; display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-end; gap:4px; min-width:0; width:100%; max-width:100%; }
.meeting-capture-composer-button[b-tviokikwuk], .meeting-capture-recording-info > summary[b-tviokikwuk] { display:inline-flex; align-items:center; justify-content:center; flex:none; width:44px; height:44px; min-height:44px; padding:0; border:0; border-radius:var(--custom-radius,10px); background:transparent; color:var(--ink-soft,#66685f); font:inherit; cursor:pointer; touch-action:manipulation; transition:var(--hover-transition),opacity 160ms ease; }
.meeting-capture-composer-button:disabled[b-tviokikwuk] { opacity:.4; cursor:default; }
.meeting-capture-composer-button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-tviokikwuk], .meeting-capture-recording-info > summary:hover:where(:not([data-touch-input] *))[b-tviokikwuk] { background:var(--hover-background); color:var(--hover-color); }
.meeting-capture-composer-button.is-primary[b-tviokikwuk] { --solid-accent-ink:var(--planner-action-ink,var(--pill-ink,#19141c)); --hover-background:var(--solid-accent-hover-background); --hover-color:var(--solid-accent-hover-color); border-radius:50%; background:var(--planner-action-fill,var(--accent)); color:var(--solid-accent-ink); }
.meeting-capture-composer-button.is-primary:hover:where(:not([data-touch-input] *)):not(:disabled)[b-tviokikwuk] { background:var(--hover-background); color:var(--hover-color); }
.meeting-capture-composer-button.is-stop[b-tviokikwuk] { border-radius:50%; background:var(--ink,#292a25); color:var(--surface,#fffdf8); }
.meeting-capture-composer-button.is-danger[b-tviokikwuk] { --hover-color:var(--danger,#a33a34); color:var(--danger,#a33a34); }
.meeting-capture-composer-button.meeting-capture-composer-start[b-tviokikwuk] { flex:0 1 auto; width:auto; min-width:0; max-width:calc(100% - 96px); padding:8px 10px; border-radius:var(--pill-radius); font-size:.75rem; line-height:1.25; white-space:normal; }
.meeting-capture-composer-idle-cancel[b-tviokikwuk] { margin-inline-start:48px; }
.meeting-capture.is-auto-start .meeting-capture-composer-row[b-tviokikwuk] { padding-inline-start:48px; }
.meeting-capture.is-auto-start .meeting-capture-composer-idle-cancel[b-tviokikwuk] { margin-inline-start:0; }
.meeting-capture.is-auto-start .meeting-capture-recording-info > summary[b-tviokikwuk] { inset-inline-start:0; inset-inline-end:auto; }
.meeting-capture-composer-timer[b-tviokikwuk] { flex:none; min-width:0; color:var(--ink,#292a25); font-size:.75rem; font-variant-numeric:tabular-nums; line-height:1.4; white-space:nowrap; }
.meeting-capture-composer-timer-limit[b-tviokikwuk] { color:var(--ink-soft,#66685f); font-size:.65rem; }
.meeting-capture-stop-mark[b-tviokikwuk] { width:12px; height:12px; border-radius:3px; background:currentColor; }
.meeting-capture-composer-wave[b-tviokikwuk] { display:flex; align-items:center; justify-content:center; flex:1 1 160px; min-width:18px; height:32px; gap:3px; overflow:hidden; color:var(--ink-soft,#66685f); }
.meeting-capture-composer-wave > span[b-tviokikwuk] { flex:1 1 3px; min-width:0; max-width:6px; height:28px; border-radius:3px; background:currentColor; transform:scaleY(.35); }
.meeting-capture-composer-wave > span:nth-child(even)[b-tviokikwuk] { transform:scaleY(.65); }
.meeting-capture-composer-processing[b-tviokikwuk] { display:flex; align-items:center; justify-content:center; gap:3px; width:44px; height:44px; color:var(--ink-soft,#66685f); }
.meeting-capture-composer-processing > span[b-tviokikwuk] { width:4px; height:4px; border-radius:50%; background:currentColor; }
.meeting-capture-recording-info[b-tviokikwuk] { position:relative; grid-area:1 / 1; min-width:0; min-height:44px; padding-block-start:44px; }
.meeting-capture-recording-info > summary[b-tviokikwuk] { position:absolute; z-index:2; inset-block-start:0; inset-inline-end:48px; list-style:none; }
.meeting-capture-recording-info > summary[b-tviokikwuk]::-webkit-details-marker { display:none; }
.meeting-capture-recording-info[open] > summary[b-tviokikwuk] { background:var(--open-background); color:var(--open-color); }
.meeting-capture-recording-info > .meeting-capture-privacy[b-tviokikwuk] { padding:8px 2px 4px; }
.meeting-capture-recording-info > summary:focus-visible[b-tviokikwuk] { outline:2px solid var(--focus,var(--accent)); outline-offset:3px; }
.sr-only[b-tviokikwuk] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
p[b-tviokikwuk], h3[b-tviokikwuk] { margin:0; line-height:1.6; overflow-wrap:anywhere; }
.meeting-capture-privacy[b-tviokikwuk], small[b-tviokikwuk] { color:var(--ink-soft,#66685f); font-size:.8rem; }
.meeting-capture-timer[b-tviokikwuk] { font-size:1.6rem; font-variant-numeric:tabular-nums; text-align:center; }
.meeting-capture-actions[b-tviokikwuk] { display:flex; flex-wrap:wrap; gap:10px; }
.meeting-capture-actions button[b-tviokikwuk] { flex:1 1 180px; white-space:normal; }
.meeting-capture-summary[b-tviokikwuk] { white-space:pre-wrap; }
fieldset[b-tviokikwuk] { border:0; padding:0; margin:0; min-width:0; }
legend[b-tviokikwuk] { font-weight:650; margin-bottom:10px; }
.meeting-capture-task[b-tviokikwuk] { display:grid; gap:10px; padding:4px 0; }
.meeting-capture-task + .meeting-capture-task[b-tviokikwuk] { margin-top:18px; }
.meeting-capture-choice[b-tviokikwuk] { display:grid; grid-template-columns:var(--planner-checkmark-size) minmax(0,1fr); align-items:center; gap:12px; }
.meeting-capture-task input[b-tviokikwuk] { margin:0; min-width:var(--planner-checkmark-size); width:var(--planner-checkmark-size); height:var(--planner-checkmark-size); }
.meeting-capture-preview[b-tviokikwuk] { position:relative; min-width:0; border-radius:var(--custom-radius,7px); outline:2px solid transparent; outline-offset:3px; transition:outline-color 160ms ease; }
.meeting-capture-choice:has(input:checked) .meeting-capture-preview[b-tviokikwuk] { outline-color:var(--accent); }
.meeting-capture-choice:has(input:focus-visible) .meeting-capture-preview[b-tviokikwuk] { outline-color:var(--focus,var(--accent)); }
.meeting-capture-select[b-tviokikwuk] { position:absolute; inset:0; border-radius:inherit; cursor:pointer; touch-action:manipulation; }
.meeting-capture-choice:has(input:enabled:not(:checked):not(:focus-visible)) .meeting-capture-preview:has(.meeting-capture-select:hover:where(:not([data-touch-input] *)))[b-tviokikwuk] { outline-color:var(--hover-border); }
fieldset:disabled .meeting-capture-select[b-tviokikwuk] { cursor:default; pointer-events:none; }
.meeting-capture-description[b-tviokikwuk] { margin-left:32px; white-space:pre-wrap; }
.meeting-capture-details[b-tviokikwuk] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 20px; margin:0 0 0 32px; font-size:.85rem; }
.meeting-capture-details div[b-tviokikwuk] { display:flex; flex-wrap:wrap; gap:4px 12px; }
.meeting-capture-details dt[b-tviokikwuk] { color:var(--ink-soft,#66685f); }
.meeting-capture-details dd[b-tviokikwuk] { margin:0; overflow-wrap:anywhere; min-width:0; }
:is(button,input):focus-visible[b-tviokikwuk] { outline:2px solid var(--focus,#66685f); outline-offset:3px; }
@media (max-width:600px) { .meeting-capture-details[b-tviokikwuk] { grid-template-columns:minmax(0,1fr); } .meeting-capture-composer-wave[b-tviokikwuk] { gap:1px; } }
@media (prefers-reduced-motion:no-preference) {
    .meeting-capture-composer-row[b-tviokikwuk] { animation:meeting-capture-composer-enter-b-tviokikwuk 160ms ease-out both; }
    .meeting-capture-composer-wave.is-listening > span[b-tviokikwuk] { animation:meeting-capture-listening-b-tviokikwuk 900ms ease-in-out infinite alternate; }
    .meeting-capture-composer-wave.is-listening > span:nth-child(2n)[b-tviokikwuk] { animation-delay:-250ms; }
    .meeting-capture-composer-wave.is-listening > span:nth-child(3n)[b-tviokikwuk] { animation-delay:-550ms; }
    .meeting-capture-composer-processing > span[b-tviokikwuk] { animation:meeting-capture-processing-b-tviokikwuk 900ms ease-in-out infinite alternate; }
    .meeting-capture-composer-processing > span:nth-child(2)[b-tviokikwuk] { animation-delay:-300ms; }
    .meeting-capture-composer-processing > span:nth-child(3)[b-tviokikwuk] { animation-delay:-600ms; }
    @supports (interpolate-size:allow-keywords) {
        .meeting-capture-recording-info[b-tviokikwuk] { interpolate-size:allow-keywords; }
        .meeting-capture-recording-info[b-tviokikwuk]::details-content { block-size:0; overflow:clip; opacity:0; transition:block-size 220ms cubic-bezier(.2,.7,.2,1),opacity 160ms ease,content-visibility 220ms allow-discrete; }
        .meeting-capture-recording-info[open][b-tviokikwuk]::details-content { block-size:auto; opacity:1; }
    }
}
@keyframes meeting-capture-composer-enter-b-tviokikwuk { from { opacity:0; } to { opacity:1; } }
@keyframes meeting-capture-listening-b-tviokikwuk { from { transform:scaleY(.25); } to { transform:scaleY(.85); } }
@keyframes meeting-capture-processing-b-tviokikwuk { from { opacity:.3; } to { opacity:1; } }
@media (prefers-reduced-motion:reduce) { .meeting-capture-preview[b-tviokikwuk], .meeting-capture-composer-button[b-tviokikwuk], .meeting-capture-recording-info > summary[b-tviokikwuk], .meeting-capture-recording-info[b-tviokikwuk]::details-content { transition:none; } }
@media (forced-colors:active) { .meeting-capture-choice:has(input:checked) .meeting-capture-preview[b-tviokikwuk] { outline-color:Highlight; } }
@media (forced-colors:active) { .meeting-capture-composer-button[b-tviokikwuk], .meeting-capture-recording-info > summary[b-tviokikwuk] { border:1px solid ButtonText; } }
/* _content/YakoPlan.UI/Components/NotificationSnoozeEditor.razor.rz.scp.css */
.notification-snooze-editor[b-djg5ee4wel] { min-width:0; }
/* _content/YakoPlan.UI/Components/PlannerErrorNotice.razor.rz.scp.css */
.sr-only[b-ek8maozfq3] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* _content/YakoPlan.UI/Components/PlannerInformationView.razor.rz.scp.css */
.planner-information[b-6p1728b2r4] {
    width: min(100%, 72ch);
    margin-inline: auto;
    color: var(--ink-soft, #66685f);
    font-size: .9rem;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.planner-information > section + section[b-6p1728b2r4] {
    margin-top: 28px;
}

.planner-information h3[b-6p1728b2r4] {
    margin: 0 0 7px;
    color: var(--ink, #262823);
    font-size: 1.04rem;
    font-weight: 650;
    line-height: 1.4;
}

.planner-information p[b-6p1728b2r4] {
    margin: 0 0 12px;
}

.planner-information p:last-child[b-6p1728b2r4] {
    margin-bottom: 0;
}

.planner-information .planner-information-intro[b-6p1728b2r4] {
    margin-bottom: 28px;
}

.planner-information ol[b-6p1728b2r4] {
    margin: 0 0 18px;
    padding-left: 24px;
}

.planner-information li + li[b-6p1728b2r4] {
    margin-top: 7px;
}

.planner-information[b-6p1728b2r4]  a:not(.button):not(.secondary-button) {
    color: var(--accent-deep, #9f422b);
    text-underline-offset: 3px;
}

.planner-information[b-6p1728b2r4]  a:focus-visible {
    outline: 2px solid var(--focus, #66685f);
    outline-offset: 3px;
}

.planner-information-guide[b-6p1728b2r4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 32px;
}

.planner-information-support[b-6p1728b2r4] {
    margin-top: 30px;
    padding-top: 26px;
    border-top: 1px solid var(--line, #dcd8ce);
}

.company-information h3[b-6p1728b2r4] {
    font-size: 1.35rem;
    margin-bottom: 22px;
}

.company-information-details[b-6p1728b2r4] {
    margin: 0;
}

.company-information-details > div[b-6p1728b2r4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
    gap: 8px 24px;
    padding: 17px 0;
    border-top: 1px solid var(--line, #dcd8ce);
}

.company-information-details dt[b-6p1728b2r4] {
    font-size: .85rem;
}

.company-information-details dd[b-6p1728b2r4] {
    margin: 0;
    color: var(--ink, #262823);
}

.company-information-details address[b-6p1728b2r4] {
    font-style: normal;
}

.company-website-link[b-6p1728b2r4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.company-information-links[b-6p1728b2r4],
.planner-information-company-link[b-6p1728b2r4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--line, #dcd8ce);
}

.company-information-links a[b-6p1728b2r4] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

@media (prefers-reduced-motion: no-preference) {
    .planner-information[data-information-page="guide"] > p[b-6p1728b2r4],
    .planner-information-guide > section[b-6p1728b2r4],
    .planner-information-support[b-6p1728b2r4] {
        animation: guide-section-enter-b-6p1728b2r4 220ms cubic-bezier(.22, 1, .36, 1) both;
    }

    .planner-information-guide > section:nth-child(n + 3)[b-6p1728b2r4] { animation-delay: 35ms; }
    .planner-information-guide > section:nth-child(n + 5)[b-6p1728b2r4],
    .planner-information-support[b-6p1728b2r4] { animation-delay: 70ms; }

    .planner-information[data-information-page="guide"][b-6p1728b2r4]  a {
        transition:var(--hover-transition),transform 180ms ease;
    }

    .planner-information[data-information-page="guide"][b-6p1728b2r4]  a:not(.secondary-button):focus-visible {
        color: var(--ink, #262823);
        text-underline-offset: 5px;
    }

    .planner-information-support .secondary-button:focus-visible[b-6p1728b2r4] {
        transform: translateY(-2px);
        border-color: var(--accent);
    }

    @media (hover: hover) and (pointer: fine) {
        .planner-information[data-information-page="guide"][b-6p1728b2r4]  a:not(.secondary-button):hover:where(:not([data-touch-input] *)) { color:var(--hover-color); background:var(--hover-background); }

        .planner-information-support .secondary-button:hover:where(:not([data-touch-input] *))[b-6p1728b2r4] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
    }

    .planner-information-support .secondary-button:active[b-6p1728b2r4] { transform: scale(.98); }
}

@keyframes guide-section-enter-b-6p1728b2r4 {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

@media (max-width: 480px) {
    .company-information-details > div[b-6p1728b2r4] {
        grid-template-columns: minmax(0, 1fr);
        gap: 3px;
    }
}

@media (max-width: 600px) {
    .planner-information-guide[b-6p1728b2r4] {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }
}
/* _content/YakoPlan.UI/Components/PlannerInvitationView.razor.rz.scp.css */
.planner-invitation[b-zigqknzxhk] {
    display: grid;
    gap: 1rem;
    padding: .25rem 0;
}

.planner-invitation h2[b-zigqknzxhk],
.planner-invitation p[b-zigqknzxhk] {
    margin: 0;
}

.planner-invitation h2[b-zigqknzxhk] {
    font-size: 1.2rem;
}

.planner-invitation p[b-zigqknzxhk] {
    line-height: 1.6;
}

.planner-invitation > a[b-zigqknzxhk] {
    justify-self: start;
}

.planner-invitation-actions[b-zigqknzxhk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem;
}

.planner-invitation.is-accepted[b-zigqknzxhk] {
    animation: invitation-joined-enter-b-zigqknzxhk 300ms cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes invitation-joined-enter-b-zigqknzxhk {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .planner-invitation.is-accepted[b-zigqknzxhk] {
        animation: none;
    }
}
/* _content/YakoPlan.UI/Components/PlannerPopup.razor.rz.scp.css */
.planner-popup-layer[b-3fx9v03zuv],
.planner-popup-layer *[b-3fx9v03zuv] {
    box-sizing: border-box;
}

.planner-popup-layer[b-3fx9v03zuv] {
    position: fixed;
    inset: 0;
    z-index: 105;
    display: grid;
    place-items: center;
    padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
    color: var(--ink, #262823);
    font-family: var(--planner-font, system-ui, sans-serif);
}

.planner-popup-layer[hidden][b-3fx9v03zuv] { display: none; }

/* Recording opens from Chat and must stay above its overlay. */
.planner-popup-layer[data-popup-key="meeting-capture"][b-3fx9v03zuv] { z-index:170; }
body:has(.forever-board:is(.is-expanded,[data-board-animating])) .planner-popup-layer[data-popup-key="meeting-capture"][b-3fx9v03zuv] { z-index:210; }

/* The task picker opens above the expanded canvas on phones and desktops. */
body:has(.forever-board:is(.is-expanded,[data-board-animating])) .planner-popup-layer[data-popup-key="forever-add-tasks"][b-3fx9v03zuv] { z-index:210; }

.planner-popup-layer:is([data-popup-key="user-profile"],[data-popup-key^="safety-report"])[b-3fx9v03zuv] {
    z-index:170;
    padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));
}
body:has(.forever-board:is(.is-expanded,[data-board-animating])) .planner-popup-layer[data-popup-key="user-profile"][b-3fx9v03zuv] { z-index:210; }
.planner-popup-layer:is([data-popup-key^="safety-report"],[data-popup-key="ai-data-permission"])[b-3fx9v03zuv] { z-index:220; }
.planner-popup-layer:is([data-popup-key="user-profile"],[data-popup-key^="safety-report"]) .planner-popup-dialog[b-3fx9v03zuv] { width:min(520px,100%); height:auto; max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom))); }

/* Lay out the retained menu before the first click. display:none leaves all of
   its style and layout work on the entrance frame, even with a prepared DOM. */
.planner-popup-layer[hidden][data-popup-prepared="true"][b-3fx9v03zuv] {
    display: grid;
    visibility: hidden;
    pointer-events: none;
}

.planner-popup-layer[hidden][data-popup-prepared="true"][b-3fx9v03zuv]  *,
.planner-popup-layer[hidden][data-popup-prepared="true"][b-3fx9v03zuv]  *::before,
.planner-popup-layer[hidden][data-popup-prepared="true"][b-3fx9v03zuv]  *::after {
    animation: none !important;
    will-change: auto !important;
}

.planner-popup-backdrop[b-3fx9v03zuv] {
    position: absolute;
    inset: 0;
    background: rgba(12, 13, 10, .52);
    touch-action: none;
    animation: popup-backdrop-enter-b-3fx9v03zuv 220ms ease both;
}

.planner-popup-select-host[b-3fx9v03zuv] {
    display: contents;
}

/* Chat already dimmed the planner. Keep that shade while the Friends panel
   enters, rather than replaying the backdrop's fade from transparent. */
.planner-popup-layer[data-popup-backdrop-source="chat"] .planner-popup-backdrop[b-3fx9v03zuv] {
    background: rgba(12, 13, 10, .58);
    animation: none;
}

@media (max-width:1000px) {
    .planner-popup-layer:is([data-popup-backdrop-source="chat"], [data-popup-backdrop-source="chat-docked"]) .planner-popup-backdrop[b-3fx9v03zuv] {
        background: rgba(12, 13, 10, .52);
        animation: none;
    }
}

.planner-popup-dialog[b-3fx9v03zuv] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(920px, 100%);
    height: min(800px, calc(100dvh - max(24px, env(safe-area-inset-top)) - max(24px, env(safe-area-inset-bottom))));
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--line, #dcd8ce);
    border-radius: 22px;
    background: var(--surface, #fffdf8);
    box-shadow: 0 24px 80px rgba(0, 0, 0, .28);
    animation: popup-enter-b-3fx9v03zuv 280ms cubic-bezier(.22, 1, .36, 1) both;
}

.planner-popup-header[b-3fx9v03zuv] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 66px;
    padding: 10px 18px;
    border-bottom: 1px solid var(--line, #dcd8ce);
    background: var(--surface, #fffdf8);
}

.planner-popup-header h2[b-3fx9v03zuv] {
    flex: 1;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--ink, #262823);
    font-size: 1.1rem;
    font-weight: 650;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.planner-popup-header h2:focus[b-3fx9v03zuv],
.planner-popup-dialog:focus[b-3fx9v03zuv] {
    outline: none;
}

.planner-popup-header button[b-3fx9v03zuv] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 42px;
    min-height: 42px;
    padding: 0 10px;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: var(--ink-soft, #66685f);
    font: 600 .85rem/1 var(--planner-font, system-ui, sans-serif);
    cursor: pointer;
    transition:var(--hover-transition),transform 140ms ease;
    -webkit-tap-highlight-color: transparent;
}

.planner-popup-header .planner-popup-close[b-3fx9v03zuv] {
    width: 42px;
    padding: 0;
    border-radius: 50%;
}

.planner-popup-header .planner-popup-back[b-3fx9v03zuv] {
    margin-left: -8px;
}

.planner-popup-header button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-3fx9v03zuv] { background:var(--hover-background); color:var(--hover-color); }

.planner-popup-header button:active:not(:disabled)[b-3fx9v03zuv] {
    transform: scale(.96);
}

.planner-popup-header button:focus-visible[b-3fx9v03zuv] {
    outline: 2px solid var(--focus, #66685f);
    outline-offset: 2px;
}

.planner-popup-header button:disabled[b-3fx9v03zuv] {
    cursor: default;
}

.planner-popup-body[b-3fx9v03zuv] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.planner-popup-content[b-3fx9v03zuv] {
    min-height: 100%;
    min-width: 0;
    padding: 24px;
}

.planner-popup-content[data-popup-menu-content][hidden][b-3fx9v03zuv] { display: none; }

.planner-popup-content[data-popup-menu-content][hidden][b-3fx9v03zuv]  *,
.planner-popup-content[data-popup-menu-content][hidden][b-3fx9v03zuv]  *::before,
.planner-popup-content[data-popup-menu-content][hidden][b-3fx9v03zuv]  *::after {
    animation: none !important;
    will-change: auto !important;
}

/* The theme wizard scrolls its workspace while its navigation stays visible. */
.planner-popup-body:has([data-custom-theme-editor])[b-3fx9v03zuv] { overflow:hidden; scrollbar-gutter:auto; }
.planner-popup-content:has([data-custom-theme-editor])[b-3fx9v03zuv] { height:100%; min-height:0; padding:0; }

/* Inline page loaders fill the popup, without the planner toolbar offset. */
.planner-popup-content[b-3fx9v03zuv]  .app-loading.is-inline {
    inset: 0;
    min-height: 0;
    background: transparent;
}

/* Premium owns the whole dialog surface for verified members and for the
   subscription page: a still space painting from premium-space.css that stays
   fixed while content scrolls. */
.planner-popup-layer[data-premium-surface="true"]:not([hidden]) .planner-popup-dialog[b-3fx9v03zuv] {
    /* Keep the dialog composited when entrance/navigation transforms finish.
       Hidden prepared menus must release this dialog-sized layer. */
    will-change: transform;
}

/* The painting lives on its own layer behind the content, not on the dialog,
   so content motion that merges into the dialog's own layer, or the dialog
   being resized on its own, never rasters the painting again. On phones the
   layer also keeps the tallest height the viewport has had (see the phone
   block below). */
.planner-popup-layer[data-premium-surface="true"] .planner-popup-dialog[b-3fx9v03zuv]::before,
.planner-popup-layer[data-popup-key="menu"] .planner-popup-dialog[b-3fx9v03zuv]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: -1px;
    border: 1px solid transparent;
    border-radius: inherit;
    pointer-events: none;
}

.planner-popup-layer[data-premium-surface="true"]:not([hidden]) .planner-popup-dialog[b-3fx9v03zuv]::before {
    will-change: transform;
}

.planner-popup-layer[data-premium-surface="true"] .planner-popup-dialog[b-3fx9v03zuv] {
    --popup-premium-text: var(--premium-card-text, #fff8f2);
    --popup-premium-muted: var(--premium-card-muted, #eadbd0);
    --popup-premium-peach: var(--premium-glow-peach, #ff8a3d);
    --popup-premium-mint: var(--premium-glow-mint, #68dfcd);
    --paper: rgba(11, 8, 8, .8);
    --paper-deep: rgba(255, 255, 255, .07);
    --surface: rgba(20, 15, 15, .76);
    --surface-raised: rgba(33, 25, 25, .94);
    --surface-muted: rgba(255, 255, 255, .06);
    --ink: var(--popup-premium-text);
    --ink-soft: color-mix(in srgb, var(--popup-premium-muted) 86%, transparent);
    --ink-faint: color-mix(in srgb, var(--popup-premium-muted) 62%, transparent);
    --muted: var(--ink-soft);
    --line: rgba(255, 255, 255, .15);
    --line-strong: rgba(255, 255, 255, .3);
    --border: var(--line);
    --canvas: rgba(10, 8, 8, .66);
    --panel: rgba(24, 18, 18, .72);
    --accent: var(--planner-menu-accent,var(--popup-premium-peach));
    --accent-deep: color-mix(in srgb, var(--accent) 52%, white);
    --accent-strong: var(--accent-deep);
    --accent-soft: color-mix(in srgb, var(--accent) 17%, transparent);
    --focus: color-mix(in srgb, var(--accent) 55%, white);
    --planner-action-fill:var(--accent);
    --planner-action-ink:var(--planner-custom-accent-dark-ink,#0e0b0b);
    --task-complete: var(--popup-premium-mint);
    --success: var(--popup-premium-mint);
    --sage: var(--popup-premium-mint);
    --danger: #ffaaa1;
    color-scheme: dark;
    isolation: isolate;
    /* Keep the ordinary dialog's border geometry, including the containing
       block of absolute controls. Only the painting layer draws the edge. */
    border-color: transparent;
    background: transparent;
    box-shadow:
        0 28px 90px rgba(0, 0, 0, .55),
        0 0 54px color-mix(in srgb, var(--popup-premium-peach) 9%, transparent);
    color: var(--popup-premium-text);
}

.planner-popup-layer[data-premium-surface="true"] :is(.planner-popup-header, .planner-popup-body)[b-3fx9v03zuv] {
    position: relative;
    z-index: 2;
}

/* Shade the artwork behind calendar actions without dimming their controls.
   The fade stays fixed with the painting while the calendar list scrolls. */
.planner-popup-layer[data-premium-surface="true"][data-popup-key^="calendars"] .planner-popup-dialog[b-3fx9v03zuv]::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0 0 0 auto;
    width: clamp(180px, 32%, 300px);
    background: linear-gradient(to left, rgba(0, 0, 0, .8), rgba(0, 0, 0, .68) 55%, transparent);
    pointer-events: none;
}

.planner-popup-layer[data-premium-surface="true"] .planner-popup-header[b-3fx9v03zuv] {
    border-bottom-color: rgba(255, 255, 255, .1);
    background: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .22));
    box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}

.planner-popup-layer[data-premium-surface="true"] .planner-popup-header h2[b-3fx9v03zuv] {
    color: var(--popup-premium-text);
    text-shadow: 0 1px 10px rgba(0, 0, 0, .6);
}

.planner-popup-layer[data-premium-surface="true"] .planner-popup-header button[b-3fx9v03zuv] {
    color: color-mix(in srgb, var(--popup-premium-muted) 90%, transparent);
}

.planner-popup-layer[data-premium-surface="true"] .planner-popup-header button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-3fx9v03zuv] { background:var(--hover-background); color:var(--hover-color); }

.planner-popup-layer[data-premium-surface="true"] .planner-popup-header button:focus-visible[b-3fx9v03zuv] {
    outline-color: color-mix(in srgb, var(--popup-premium-peach) 55%, white);
}

.planner-popup-layer[data-premium-surface="true"] .planner-popup-body[b-3fx9v03zuv] {
    background: transparent;
    scrollbar-color: rgba(255, 255, 255, .46) rgba(255, 255, 255, .06);
}

.planner-popup-layer[data-premium-surface="true"] .planner-popup-body[b-3fx9v03zuv]::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 999px;
    background: rgba(255, 255, 255, .4);
    background-clip: padding-box;
}

.planner-popup-layer[data-premium-surface="true"] .planner-popup-body[b-3fx9v03zuv]::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .04);
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-dialog[b-3fx9v03zuv] {
    width: min(540px, 100%);
    height: auto;
    max-height: calc(100dvh - max(24px, env(safe-area-inset-top)) - max(24px, env(safe-area-inset-bottom)));
    isolation: isolate;
    will-change: transform;
    background: var(--surface, #fffdf8);
}

/* Change only palette paint. Keep the real text, controls and their compositing
   in place instead of crossfading separately rasterized copies of the menu. */
.planner-popup-layer[data-popup-key="menu"] :is(.planner-popup-dialog, .planner-popup-header, .planner-popup-body)[b-3fx9v03zuv],
.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  :where(.profile-menu, .profile-menu-identity, .profile-nav-section, .profile-menu-company, .profile-menu strong, .profile-menu small, .profile-menu .avatar) {
    transition: var(--hover-transition), box-shadow 160ms ease, text-shadow 160ms ease;
}

.planner-popup-layer[data-popup-key="menu"] :is(.planner-popup-header, .planner-popup-body)[b-3fx9v03zuv] {
    z-index: 2;
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-dialog[b-3fx9v03zuv]::before {
    opacity: 0;
    transition: opacity 160ms ease;
}

.planner-popup-layer[data-popup-key="menu"][data-premium-surface="true"] .planner-popup-dialog[b-3fx9v03zuv]::before {
    opacity: 1;
}

.planner-popup-layer[data-popup-key="menu"]:not([hidden]) .planner-popup-dialog[b-3fx9v03zuv]::before {
    will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce), (forced-colors: active), print {
    .planner-popup-layer[data-popup-key="menu"] :is(.planner-popup-dialog, .planner-popup-header, .planner-popup-body)[b-3fx9v03zuv],
    .planner-popup-layer[data-popup-key="menu"] .planner-popup-dialog[b-3fx9v03zuv]::before,
    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  * {
        transition: none !important;
    }
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-body[b-3fx9v03zuv] {
    scrollbar-gutter: auto;
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv] {
    padding: 14px;
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-header-menu[b-3fx9v03zuv] {
    position: absolute;
    z-index: 3;
    top: 22px;
    right: 22px;
    min-height: 42px;
    padding: 0;
    border-bottom: 0;
    background: transparent;
}

.planner-popup-content[b-3fx9v03zuv]  .profile-navigation-embedded {
    width: 100%;
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu-identity {
    min-height: 58px;
    padding: 6px 50px 6px 8px;
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu-identity .avatar {
    width: 44px;
    height: 44px;
    font-size: 1.1rem;
}

/* Fit ordinary menus before falling back to the popup body's scrolling. Keep
   text free to wrap and controls large enough for touch at every density. */
.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu nav {
    gap: 8px;
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-nav-section {
    padding-top: 8px;
    gap: 6px;
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  :is(.profile-menu-link:not(.profile-premium-card), .profile-menu button:not(.profile-menu-trigger, .profile-premium-menu-effects, .profile-uid-copy), .profile-menu summary) {
    min-height: 44px;
    padding: 6px 8px;
    gap: 8px;
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  :is(.profile-nav-group .profile-menu-link, .profile-menu-account > .profile-menu-link) > .icon {
    width: 18px;
    height: 18px;
    padding: 4px;
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-premium-card {
    min-height: 104px;
    grid-template-columns: 80px minmax(0, 1fr) 24px;
}

/* Keeps the effects toggle aligned with the description over the fox column above. */
.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-premium-card-shell {
    --premium-card-art: 80px;
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-premium-art {
    width: 80px;
    height: 88px;
    --fox-glow-width: 74px;
    --fox-glow-height: 74px;
    --fox-glow-top: 8px;
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-premium-fox {
    height: 88px;
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu-account {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu-account > :is(:only-child, details[open], .profile-workspace-error) {
    grid-column: 1 / -1;
}

.planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu-company {
    padding: 4px 0 0;
}

.planner-popup-content[b-3fx9v03zuv]  .profile-navigation-embedded .profile-menu {
    position: static;
    width: 100%;
    max-height: none;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    animation: none;
}

@media (min-width: 701px) {
    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-search-link kbd {
        display: none;
    }
}

@media (min-width: 701px) and (min-height: 800px) {
    .planner-popup-layer[data-popup-key="menu"] .planner-popup-header-menu[b-3fx9v03zuv] {
        top: 34px;
        right: 26px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu {
        font-size: .95rem;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu nav {
        gap: 11px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu-identity {
        min-height: 82px;
        padding: 9px 58px 9px 12px;
        gap: 13px;
        border-radius: 14px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu-identity strong {
        font-size: 1rem;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu-identity small {
        font-size: .8rem;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu-identity .avatar {
        width: 64px;
        height: 64px;
        font-size: 1.4rem;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-nav-section {
        padding: 12px 0 0;
        gap: 8px;
        border-radius: 0;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu-account.profile-nav-section {
        margin-top: 11px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  :is(.profile-menu-link:not(.profile-premium-card), .profile-menu button:not(.profile-menu-trigger, .profile-premium-menu-effects, .profile-uid-copy), .profile-menu summary) {
        min-height: 46px;
        padding: 7px 10px;
        gap: 11px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  :is(.profile-nav-group .profile-menu-link, .profile-menu-account > .profile-menu-link) > .icon {
        width: 20px;
        height: 20px;
        padding: 7px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-premium-card {
        min-height: 132px;
        grid-template-columns: 108px minmax(0, 1fr) 24px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-premium-card-shell {
        --premium-card-art: 108px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-premium-art {
        width: 108px;
        height: 116px;
        --fox-glow-width: 98px;
        --fox-glow-height: 98px;
        --fox-glow-top: 10px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-premium-fox {
        height: 116px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-premium-copy strong {
        font-size: 1.14rem;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-premium-copy small {
        font-size: .8rem;
    }
}

@media (max-height: 700px) {
    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu nav {
        gap: 6px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu-identity {
        min-height: 52px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-menu-identity .avatar {
        width: 40px;
        height: 40px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-premium-card {
        min-height: 88px;
        grid-template-columns: 64px minmax(0, 1fr) 24px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-premium-card-shell {
        --premium-card-art: 64px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-premium-art {
        width: 64px;
        height: 72px;
        --fox-glow-width: 60px;
        --fox-glow-height: 60px;
        --fox-glow-top: 6px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv]  .profile-premium-fox {
        height: 72px;
    }
}

/* Secondary views were originally sized for full planner pages. Keep the menu's
   compact card layout unchanged while giving popup content its own readable scale. */
.planner-popup-layer:not([data-popup-key="menu"])[b-3fx9v03zuv] {
    --popup-readable-heading: 1.2rem;
    --popup-readable-body: 1rem;
    --popup-readable-label: .9rem;
    --popup-readable-meta: .82rem;
    --popup-readable-target: 44px;
    --popup-readable-field: 48px;
}

.planner-popup-layer[data-popup-key="settings"][b-3fx9v03zuv] {
    --popup-readable-field: 44px;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-header h2[b-3fx9v03zuv] {
    font-size: 1.24rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-header button[b-3fx9v03zuv] {
    min-height: 44px;
    font-size: .95rem;
}

/* Swatches, compact slider numbers and inert planner-card visuals retain their own sizing.
   Task choices use a separate overlay button with the normal touch target. */
.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  button:not(.board-saved-color-remove, .forever-content-task-card button):where(:not(.board-color-popover *, .slider-range-number *)),
.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.button, .secondary-button, .danger-button, .danger-text-button, .text-button):where(:not(.board-color-popover *, .slider-range-number *)) {
    min-height: var(--popup-readable-target);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]), select):where(:not(.board-color-popover *, .slider-range-number *, .planner-inline-field)) {
    min-height: var(--popup-readable-field);
}

/* Calendars */
.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.calendar-editor > header h3, .managed-calendar-section > header h3, .workspace-administration-header h3) {
    font-size: var(--calendar-section-heading-size, var(--popup-readable-heading));
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.calendar-management-message, .calendar-editor > header p, .calendar-field-heading, .calendar-icon-picker legend, .calendar-empty, .workspace-administration-header p) {
    font-size: var(--popup-readable-label);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .calendar-field-heading small {
    font-size: .84rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .calendar-editor-grid :is(input, select, textarea) {
    min-height: var(--popup-readable-field);
    font-size: var(--popup-readable-body);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .calendar-editor-grid textarea {
    min-height: 108px;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.calendar-editor > footer button, .managed-calendar-section > header .secondary-button) {
    font-size: var(--calendar-section-action-size, .93rem);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.calendar-editor .icon-button, .calendar-icon-picker button) {
    min-width: var(--popup-readable-target);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .calendar-management .board-color-trigger {
    min-height: var(--popup-readable-target);
    font-size: .93rem !important;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .managed-calendar-copy :is(h4, .inline-calendar-name) {
    font: 500 var(--calendar-name-size, max(16px, .98rem))/1.4 var(--planner-font);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .managed-calendar-copy > p,
.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .managed-calendar-copy .inline-calendar-description:where(:not(.planner-inline-field)) {
    font-size: .89rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.managed-calendar-copy > small, .managed-calendar-actions button) {
    font-size: .84rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .managed-calendar-archive summary {
    font-size: .93rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.workspace-administration-card > header h4, .workspace-member-list strong) {
    font-size: .94rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.workspace-administration-card > header p, .workspace-administration-card h5, .workspace-transfer > p, .workspace-transfer > label) {
    font-size: .88rem;
}

/* Search */
.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .search-box input {
    font-size: 1.3rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .search-submit {
    width: var(--popup-readable-target);
    height: var(--popup-readable-target);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.search-filters button, .search-advanced > summary, .search-results-heading) {
    font-size: .89rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .search-filter-grid label {
    font-size: .86rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .search-filter-grid :is(input, select) {
    min-height: var(--popup-readable-field);
    font-size: var(--popup-readable-label);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .search-result {
    min-height: 80px;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .search-result strong {
    font-size: 1.12rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .search-result small {
    font-size: var(--popup-readable-label);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .search-result-meta {
    font-size: .83rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .search-empty {
    font-size: .95rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .search-pagination {
    font-size: var(--popup-readable-meta);
}

/* Settings. The miniature planning preview intentionally keeps its compact type. */
.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .settings-nav button,
.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .settings-mobile-nav select {
    min-height: var(--popup-readable-field);
    font-size: .925rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .settings-section-heading h2 {
    font-size: 1.8rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.settings-section-heading p, .settings-subsection > p) {
    font-size: var(--popup-readable-body);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .settings-subsection > h3 {
    font-size: 1.125rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.settings-fields label, .settings-choice-group > legend, .settings-days legend) {
    font-size: .925rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .settings-fields :is(input, select) {
    min-height: var(--popup-readable-target);
    font-size: var(--popup-readable-body);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.settings-choice-option, .settings-accent-option) {
    font-size: .99rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .settings-toggle-grid .toggle-field {
    min-height: var(--popup-readable-target);
    font-size: var(--popup-readable-label);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .settings-days span {
    font-size: .85rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.settings-data-summary > header h2, .settings-danger-card > header h2, .settings-danger-card > header h3) {
    font-size: 1.56rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.settings-data-summary > header p, .settings-danger-card > header p) {
    font-size: var(--popup-readable-label);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .settings-data-links :is(.button, .secondary-button),
.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .settings-fields .settings-name-row .settings-name-save {
    font-size: .89rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .settings-save-status {
    font-size: var(--popup-readable-meta);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .editor-grid label {
    font-size: .8rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .notification-device-card p {
    font-size: .89rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.notification-device-card h3, .sync-conflicts > div:first-child h3) {
    font-size: 1.04rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.sync-conflicts > div:first-child p, .notification-content small) {
    font-size: var(--popup-readable-meta);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.sync-conflict-summary strong, .notification-content strong) {
    font-size: .89rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.sync-conflict-summary small, .sync-conflict-summary time, .sync-conflict-resolution p, .notification-content time, .notification-actions button) {
    font-size: .75rem;
}

/* Data portability lives inside Settings, but has its own compact workflow styles. */
.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .portability-view > header p {
    font-size: .84rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.portability-fields label, .import-preview > header label) {
    font-size: .8rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.portability-fields input, .import-preview select) {
    min-height: var(--popup-readable-field);
    font-size: var(--popup-readable-label);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.portability-actions button, .portability-import-action > .secondary-button, .portability-unavailable .secondary-button, .import-preview > footer .button, .import-preview > footer .secondary-button) {
    font-size: var(--popup-readable-meta);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.portability-file, .portability-unavailable p, .portability-target-unavailable, .import-preview > header p, .import-issue) {
    font-size: .78rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .import-items article strong {
    font-size: var(--popup-readable-meta);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.import-items article small, .import-items article p, .import-items article em, .import-kind) {
    font-size: .75rem;
}

/* Sharing */
.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .sharing-refresh {
    height: var(--popup-readable-field);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.sharing-view .section-heading h2, .integrations-view .section-heading h2) {
    font-size: 1.85rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.sharing-view .section-heading p, .integrations-view .section-heading p) {
    font-size: var(--popup-readable-label);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .sharing-form :is(input:not([type="checkbox"]), select) {
    min-height: var(--popup-readable-field);
    font-size: 1.05rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.created-share strong, .sharing-create-option, .sharing-action-heading p, .sharing-visibility legend, .sharing-record-copy strong, .sharing-validation) {
    font-size: .925rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .sharing-action-heading h2 {
    font-size: 1.125rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.created-share p, .created-share code, .created-share button, .sharing-field > span, .sharing-visibility-option strong, .sharing-record-copy span, .sharing-record-empty p, .sharing-empty-refresh) {
    font-size: .86rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.sharing-visibility > p, .sharing-access-reminder) {
    font-size: var(--popup-readable-meta);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .sharing-visibility-option small {
    font-size: .76rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .sharing-submit {
    min-height: var(--popup-readable-target) !important;
    font-size: .925rem !important;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(.sharing-record-action, .sharing-record-confirmation p, .sharing-record-confirmation button) {
    font-size: .8rem;
}

/* Calendar connections owns its responsive type scale inside the menu. */
.planner-popup-content[b-3fx9v03zuv]  .integrations-view { padding:0 0 20px; }
.planner-popup-content[b-3fx9v03zuv]  .integrations-view > .section-heading h2 { display:none; }
/* Help, legal information, Premium, and guest notices. */
.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .secondary-body {
    font-size: var(--popup-readable-label);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .shortcut-grid span {
    font-size: .875rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .planner-information {
    font-size: var(--popup-readable-body);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .planner-information h3 {
    font-size: 1.17rem;
}

.planner-popup-layer[data-popup-key="subscription"] .planner-popup-body[b-3fx9v03zuv] {
    overflow: hidden;
    scrollbar-gutter: auto;
}

.planner-popup-layer[data-popup-key="subscription"] .planner-popup-content[b-3fx9v03zuv] {
    height: 100%;
    min-height: 0;
    padding: 0;
}

@media (min-width: 760px) {
    .planner-popup-layer[data-popup-key="subscription"] .planner-popup-dialog[b-3fx9v03zuv] {
        width: min(1100px, 100%);
        height: min(760px, calc(100dvh - max(24px, env(safe-area-inset-top)) - max(24px, env(safe-area-inset-bottom))));
    }
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .guest-inline-note {
    font-size: var(--popup-readable-body);
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .guest-clear-warning p {
    font-size: .85rem;
}

.planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .guest-clear-trigger {
    min-height: var(--popup-readable-target);
    font-size: .84rem !important;
}

.planner-popup-layer[data-popup-closing="true"] .planner-popup-dialog[b-3fx9v03zuv] {
    pointer-events: none;
}

@keyframes popup-enter-b-3fx9v03zuv {
    from { opacity: 0; transform: translateY(18px) scale(.975); }
    to { opacity: 1; transform: none; }
}

@keyframes popup-backdrop-enter-b-3fx9v03zuv {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 700px) {
    .planner-popup-layer[b-3fx9v03zuv] {
        padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
    }

    .planner-popup-dialog[b-3fx9v03zuv] {
        width: 100%;
        height: calc(100dvh - max(10px, env(safe-area-inset-top)) - max(10px, env(safe-area-inset-bottom)));
        max-height: 100%;
        border-radius: 20px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-dialog[b-3fx9v03zuv] {
        width: 100%;
        height: auto;
        max-height: calc(100dvh - max(10px, env(safe-area-inset-top)) - max(10px, env(safe-area-inset-bottom)));
    }

    /* Premium changes the painting, while the menu keeps its content height.
       The painting layer keeps the tallest viewport height
       (--planner-paint-height, rounded up by planner-theme-motion.js), anchored
       to the bottom: the Android keyboard
       shortens the WebView and only moves and clips the layer, and it has its
       final height even before the popup script runs. */
    .planner-popup-layer[data-premium-surface="true"] .planner-popup-dialog[b-3fx9v03zuv]::before,
    .planner-popup-layer[data-popup-key="menu"] .planner-popup-dialog[b-3fx9v03zuv]::before {
        top: auto;
        height: max(calc(100% + 2px), calc(var(--planner-paint-height, 0px) - max(10px, env(safe-area-inset-top)) - max(10px, env(safe-area-inset-bottom))));
    }

    .planner-popup-header[b-3fx9v03zuv] {
        gap: 8px;
        min-height: 62px;
        padding: 8px 12px;
    }

    .planner-popup-header h2[b-3fx9v03zuv] {
        font-size: 1rem;
    }

    .planner-popup-header button[b-3fx9v03zuv] {
        min-width: 44px;
        min-height: 44px;
    }

    .planner-popup-header .planner-popup-close[b-3fx9v03zuv] {
        width: 44px;
    }

    .planner-popup-content[b-3fx9v03zuv] {
        padding: 18px 14px 24px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-content[b-3fx9v03zuv] {
        padding: 10px;
    }

    .planner-popup-layer[data-popup-key="menu"] .planner-popup-header-menu[b-3fx9v03zuv] {
        top: 17px;
        right: 17px;
    }

    .planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]), select, textarea):where(:not(.slider-range-number *, .inline-calendar-name)) {
        font-size: 1rem;
    }

    .planner-popup-layer:not([data-popup-key="menu"]) .planner-popup-content[b-3fx9v03zuv]  .integration-calendar-controls input[type="color"] {
        min-width: 44px;
        min-height: 44px;
    }

    .planner-popup-body[b-3fx9v03zuv] {
        scrollbar-gutter: auto;
    }
}

@media (max-width:759px) {
    .planner-popup-layer[data-popup-key="subscription"][b-3fx9v03zuv] {
        top:var(--subscription-visible-top,0px);
        bottom:auto;
        height:var(--subscription-visible-height,100dvh);
        padding:max(10px,env(safe-area-inset-top)) 0 0;
    }
    .planner-popup-layer[data-popup-key="subscription"] .planner-popup-dialog[b-3fx9v03zuv] {
        width:100%;
        height:100%;
        max-height:100%;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
    }
}

/* Touch devices, tablets, and narrow windows: the dialog's own compositing cost. */
@media (max-width: 700px), (hover: none), (pointer: coarse) {
    /* The finished entrance keeps a group-opacity surface alive for as long
       as its fill applies. Its end state equals the resting style, so no fill
       is needed. */
    .planner-popup-dialog[b-3fx9v03zuv] {
        animation-fill-mode: none;
    }

    /* Large blur radii are rasterized again whenever the dialog changes size
       between pages. The dimmed backdrop already separates the dialog. */
    .planner-popup-dialog[b-3fx9v03zuv] {
        box-shadow: 0 12px 32px rgba(0, 0, 0, .3);
    }

    /* The dialog's own layer then paints nothing: its outer shadow alone would
       raster every tile of that layer on each opening and resize, and on a
       phone it only darkens a 10px margin over the dimmed backdrop. The
       painting layer's warm edge outlines the dialog instead. */
    .planner-popup-layer[data-premium-surface="true"] .planner-popup-dialog[b-3fx9v03zuv] {
        box-shadow: none;
    }

    /* Without its fill, the entrance fade's opacity effect is dropped when it
       ends, and the exit fade adds one again; each change re-layers the
       painted Premium dialog and rasters the whole space painting again.
       Hinting opacity keeps that effect for as long as the dialog is shown,
       so the painting rasters once per opening and closing does not raster
       it again. With opacity at 1 it adds no render pass while settled. */
    .planner-popup-layer[data-premium-surface="true"]:not([hidden]) .planner-popup-dialog[b-3fx9v03zuv],
    .planner-popup-layer[data-popup-key="menu"]:not([hidden]) .planner-popup-dialog[b-3fx9v03zuv] {
        will-change: transform, opacity;
    }
}

@media (prefers-reduced-motion: reduce) {
    .planner-popup-dialog[b-3fx9v03zuv],
    .planner-popup-backdrop[b-3fx9v03zuv] {
        animation: none;
    }

    .planner-popup-header button[b-3fx9v03zuv] {
        transition: none;
    }

    .planner-popup-header button:active:not(:disabled)[b-3fx9v03zuv] {
        transform: none;
    }
}

@media (forced-colors: active) {
    .planner-popup-layer[data-premium-surface="true"] .planner-popup-dialog[b-3fx9v03zuv] {
        --paper: Canvas;
        --paper-deep: Canvas;
        --surface: Canvas;
        --surface-raised: Canvas;
        --surface-muted: Canvas;
        --canvas: Canvas;
        --panel: Canvas;
        --ink: CanvasText;
        --ink-soft: CanvasText;
        --ink-faint: CanvasText;
        --muted: CanvasText;
        --line: CanvasText;
        --line-strong: CanvasText;
        --border: CanvasText;
        --accent: Highlight;
        --accent-deep: LinkText;
        --accent-strong: LinkText;
        --accent-soft: Canvas;
        --focus: Highlight;
        --task-complete: Highlight;
        --success: Highlight;
        --sage: Highlight;
        --danger: LinkText;
        color-scheme: normal;
    }

    .planner-popup-layer[data-premium-surface="true"] .planner-popup-dialog[b-3fx9v03zuv],
    .planner-popup-layer[data-premium-surface="true"] .planner-popup-header[b-3fx9v03zuv] {
        border-color: CanvasText;
        background: Canvas;
        box-shadow: none;
        color: CanvasText;
    }

    .planner-popup-layer[data-premium-surface="true"] .planner-popup-dialog[b-3fx9v03zuv] {
        border-width: 1px;
        padding: 0;
    }

    .planner-popup-layer[data-premium-surface="true"] .planner-popup-dialog[b-3fx9v03zuv]::before {
        display: none;
    }

    .planner-popup-layer[data-premium-surface="true"] .planner-popup-header[b-3fx9v03zuv] {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .planner-popup-layer[data-premium-surface="true"] .planner-popup-header h2[b-3fx9v03zuv],
    .planner-popup-layer[data-premium-surface="true"] .planner-popup-header button[b-3fx9v03zuv] {
        color: CanvasText;
        text-shadow: none;
    }

    .planner-popup-layer[data-premium-surface="true"] .planner-popup-body[b-3fx9v03zuv] {
        background: Canvas;
        scrollbar-color: auto;
    }
}

@media print {
    .planner-popup-layer[b-3fx9v03zuv] { display: none !important; }
}

/* Keep inbox actions at the bottom while only messages scroll. */
.planner-popup-layer[data-popup-key="notifications"] .planner-popup-body[b-3fx9v03zuv] { overflow:hidden; scrollbar-gutter:auto; }
.planner-popup-layer[data-popup-key="notifications"] .planner-popup-content[b-3fx9v03zuv] { height:100%; min-height:0; }
/* _content/YakoPlan.UI/Components/PlannerSnackbar.razor.rz.scp.css */
/* The shared skin lives in wwwroot/planner-runtime-snackbar.css. */
/* _content/YakoPlan.UI/Components/PlannerTimeOptions.razor.rz.scp.css */
.planner-time-wheels[b-lw75a39dda] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    width: min(100%, 244px);
    margin: 0 auto;
    gap: 8px;
    direction: ltr;
}
.planner-time-wheel[b-lw75a39dda] {
    min-width: 0;
    touch-action: none;
    user-select: none;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
}
.planner-time-wheel-track[b-lw75a39dda] { position: relative; display: grid; grid-template-rows: repeat(3, 44px); will-change: transform; }
/* A swipe moves the track between rows; these show the next numbers sliding in. */
.planner-time-wheel-track[b-lw75a39dda]::before, .planner-time-wheel-track[b-lw75a39dda]::after {
    position: absolute;
    left: 0;
    right: 0;
    height: 44px;
    display: grid;
    place-items: center;
    font-size: 1.75rem;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    color: var(--ink-soft, #66685f);
    opacity: .3;
    pointer-events: none;
}
.planner-time-wheel-track[b-lw75a39dda]::before { content: attr(data-wheel-before); bottom: 100%; }
.planner-time-wheel-track[b-lw75a39dda]::after { content: attr(data-wheel-after); top: 100%; }
.planner-time-wheel button[b-lw75a39dda], .planner-time-wheel input[b-lw75a39dda] {
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    text-align: center;
    font: inherit;
    font-size: 1.75rem;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    background: transparent;
    color: var(--ink-soft, #66685f);
}
.planner-time-wheel button[b-lw75a39dda] { opacity: .48; cursor: pointer; transition:var(--hover-transition),opacity 140ms; }
.planner-time-wheel button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-lw75a39dda] { background:var(--hover-background); color:var(--hover-color); }
.planner-time-wheel input[b-lw75a39dda] { color: var(--ink, #262823); font-size: 2rem; font-weight: 500; caret-color: var(--planner-selection-accent, var(--accent, #c76345)); }
.planner-time-wheel input:focus[b-lw75a39dda] { outline: 2px solid var(--accent, #c76345); outline-offset: -2px; background: var(--accent-soft, #f4dfd6); }
.planner-time-wheel input[aria-invalid="true"][b-lw75a39dda] { outline: 2px solid var(--danger, #a33a34); outline-offset: -2px; }
.planner-time-wheel :disabled[b-lw75a39dda] { opacity: .3; cursor: default; }
.planner-time-colon[b-lw75a39dda] { font-size: 1.75rem; color: var(--ink-soft, #66685f); padding-bottom: 4px; }
.planner-time-wheel-footer[b-lw75a39dda] { grid-column: 1 / -1; display: flex; justify-content: flex-end; }
.planner-time-wheel-footer .task-picker-done[b-lw75a39dda] { margin: 0 0 0 auto; min-height: 32px; padding: 5px 14px; }
@media (prefers-reduced-motion: reduce) {
    .planner-time-wheel button[b-lw75a39dda] { transition: none; }
}
.planner-time-options.has-hour-minute-columns[b-lw75a39dda] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; gap: 4px; }
/* _content/YakoPlan.UI/Components/PlanningArticle.razor.rz.scp.css */
.planning-article[b-h51k6i5r2k] {
    width: 100%;
    max-width: 760px;
    margin-inline: auto;
    padding-block: 20px 28px;
    color: var(--ink);
    text-align: left;
    overflow-wrap: anywhere;
}

.planning-article-breadcrumbs[b-h51k6i5r2k] { margin-bottom: 20px; font-size: .875rem; }
.planning-article-breadcrumbs a[b-h51k6i5r2k],
.planning-article-next p a[b-h51k6i5r2k],
.planning-article-languages a[b-h51k6i5r2k] { color: var(--ink); text-underline-offset: 4px; }
.planning-article-intro h1[b-h51k6i5r2k] { margin: 0; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.3; letter-spacing: -.02em; text-wrap: balance; }
.planning-article-intro p[b-h51k6i5r2k] { margin: 18px 0 0; color: var(--ink-soft); font-size: 1rem; line-height: 1.8; }
.planning-article-body > section[b-h51k6i5r2k] { margin-top: 32px; }
.planning-article h2[b-h51k6i5r2k] { margin: 0 0 14px; font-size: 1.25rem; line-height: 1.4; text-wrap: balance; }
.planning-article-body p[b-h51k6i5r2k],
.planning-article-body li[b-h51k6i5r2k] { color: var(--ink-soft); font-size: .9375rem; line-height: 1.8; }
.planning-article-body p[b-h51k6i5r2k] { margin: 0; }
.planning-article-body p + p[b-h51k6i5r2k] { margin-top: 14px; }
.planning-article-body ol[b-h51k6i5r2k] { margin: 18px 0 0; padding-inline-start: 24px; }
.planning-article-body li[b-h51k6i5r2k] { padding-inline-start: 6px; }
.planning-article-body li + li[b-h51k6i5r2k] { margin-top: 14px; }
.planning-article-body li[b-h51k6i5r2k]::marker { color: var(--ink); font-weight: 700; }
.planning-article-faq[b-h51k6i5r2k] { padding-top: 28px; border-top: 1px solid var(--line); }
.planning-article-faq > section[b-h51k6i5r2k] { margin-top: 22px; }
.planning-article-faq h3[b-h51k6i5r2k] { margin: 0 0 8px; font-size: 1rem; line-height: 1.5; }
.planning-article-related[b-h51k6i5r2k] { margin-top: 36px; }
.planning-article-related nav[b-h51k6i5r2k] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.planning-article-related nav a[b-h51k6i5r2k] { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0; padding: 20px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; color: var(--ink); text-decoration: none; }
.planning-article-related h3[b-h51k6i5r2k] { margin: 0; font-size: 1rem; line-height: 1.4; }
.planning-article-related p[b-h51k6i5r2k] { margin: 0; color: var(--ink-soft); font-size: .875rem; line-height: 1.65; }
.planning-article-related nav a > span[b-h51k6i5r2k] { margin-top: auto; font-size: 1.25rem; }
.planning-article-next[b-h51k6i5r2k] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding-top: 28px; margin-top: 32px; border-top: 1px solid var(--line); }
.planning-article-next p[b-h51k6i5r2k] { margin: 0; color: var(--ink-soft); font-size: .875rem; line-height: 1.6; }
.planning-article-languages[b-h51k6i5r2k] { display: flex; flex-basis: 100%; flex-wrap: wrap; align-items: center; gap: 8px 24px; font-size: .875rem; }
.planning-article-languages a[b-h51k6i5r2k] { display: inline-flex; align-items: center; min-height: 44px; }
.planning-article-languages a[aria-current="page"][b-h51k6i5r2k] { text-decoration-thickness: 2px; }
.planning-article-action[b-h51k6i5r2k] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--ink); font-size: .9375rem; font-weight: 600; text-decoration: none; }
.planning-article a:focus-visible[b-h51k6i5r2k] { outline: 2px solid var(--focus); outline-offset: 4px; }
.planning-article-related nav a:focus-visible[b-h51k6i5r2k],
.planning-article-action:focus-visible[b-h51k6i5r2k] { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 7%, var(--surface)); }
.planning-article-breadcrumbs a:focus-visible[b-h51k6i5r2k],
.planning-article-next p a:focus-visible[b-h51k6i5r2k],
.planning-article-languages a:focus-visible[b-h51k6i5r2k] { color: var(--accent-deep); }

@media (hover: hover) and (pointer: fine) {
    .planning-article-related nav a:hover:where(:not([data-touch-input] *))[b-h51k6i5r2k], .planning-article-action:hover:where(:not([data-touch-input] *))[b-h51k6i5r2k] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
    .planning-article-breadcrumbs a:hover:where(:not([data-touch-input] *))[b-h51k6i5r2k], .planning-article-next p a:hover:where(:not([data-touch-input] *))[b-h51k6i5r2k], .planning-article-languages a:hover:where(:not([data-touch-input] *))[b-h51k6i5r2k] { color:var(--hover-color); background:var(--hover-background); }
}

@media (prefers-reduced-motion: no-preference) {
    .planning-article-breadcrumbs[b-h51k6i5r2k],
    .planning-article-intro[b-h51k6i5r2k],
    .planning-article-body > section[b-h51k6i5r2k],
    .planning-article-related[b-h51k6i5r2k],
    .planning-article-next[b-h51k6i5r2k] { animation: planning-content-enter-b-h51k6i5r2k 220ms cubic-bezier(.22, 1, .36, 1) backwards; }
    .planning-article-body > section:nth-child(even)[b-h51k6i5r2k] { animation-delay: 25ms; }
    .planning-article-related[b-h51k6i5r2k],
    .planning-article-next[b-h51k6i5r2k] { animation-delay: 40ms; }
    .planning-article-related nav a[b-h51k6i5r2k],
    .planning-article-action[b-h51k6i5r2k] { transition:var(--hover-transition),transform 180ms ease; }
    .planning-article-related nav a > span[b-h51k6i5r2k] { transition: transform 180ms ease; }
    .planning-article-breadcrumbs a[b-h51k6i5r2k],
    .planning-article-next p a[b-h51k6i5r2k],
    .planning-article-languages a[b-h51k6i5r2k] { transition:var(--hover-transition); }
    .planning-article-breadcrumbs a:focus-visible[b-h51k6i5r2k],
    .planning-article-next p a:focus-visible[b-h51k6i5r2k],
    .planning-article-languages a:focus-visible[b-h51k6i5r2k] { text-underline-offset: 6px; }
    .planning-article-related nav a:focus-visible > span[b-h51k6i5r2k] { transform: translateX(3px); }
    @media (hover: hover) and (pointer: fine) {
        .planning-article-related nav a:hover:where(:not([data-touch-input] *))[b-h51k6i5r2k], .planning-article-action:hover:where(:not([data-touch-input] *))[b-h51k6i5r2k] { background:var(--hover-background); color:var(--hover-color); }
        .planning-article-breadcrumbs a:hover:where(:not([data-touch-input] *))[b-h51k6i5r2k], .planning-article-next p a:hover:where(:not([data-touch-input] *))[b-h51k6i5r2k] { background:var(--hover-background); color:var(--hover-color); }
    }
    .planning-article-related nav a:active[b-h51k6i5r2k],
    .planning-article-action:active[b-h51k6i5r2k] { transform: scale(.98); }
    @keyframes planning-content-enter-b-h51k6i5r2k {
        from { opacity: 0; transform: translateY(4px); }
        to { opacity: 1; transform: none; }
    }
}

@media (max-width: 600px) {
    .planning-article[b-h51k6i5r2k] { padding-block: 12px 24px; }
    .planning-article-related nav[b-h51k6i5r2k] { grid-template-columns: minmax(0, 1fr); }
    .planning-article-related nav a[b-h51k6i5r2k] { padding: 18px; }
    .planning-article-related nav a > span[b-h51k6i5r2k] { align-self: flex-end; }
}
/* _content/YakoPlan.UI/Components/PremiumAiUsagePanel.razor.rz.scp.css */
.premium-ai-usage[b-ex3a652asp] { color:var(--ink-soft,#66685f); font-size:.8rem; line-height:1.5; }
.usage-compact[b-ex3a652asp] { padding:0 7px; font-size:.65rem; }
.usage-summary[b-ex3a652asp] { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:5px 12px; min-height:44px; box-sizing:border-box; border-radius:3px; list-style:none; transition:var(--hover-transition); }
.usage-summary:hover:where(:not([data-touch-input] *))[b-ex3a652asp] { color:var(--hover-color); background:var(--hover-background); }
.usage-summary:focus-visible[b-ex3a652asp] { color:var(--focus,var(--accent)); }
.usage-summary:focus-visible > span:first-child[b-ex3a652asp] { text-decoration:underline; text-underline-offset:.2em; }
.usage-summary[b-ex3a652asp]::-webkit-details-marker { display:none; }
.usage-summary > span:first-child[b-ex3a652asp] { overflow-wrap:anywhere; }
.usage-summary > progress[b-ex3a652asp] { grid-column:1 / -1; }
.usage-value[b-ex3a652asp] { display:flex; align-items:center; gap:6px; font-variant-numeric:tabular-nums; }
.usage-value[b-ex3a652asp]  svg { transition:transform 180ms ease; }
.usage-breakdown[b-ex3a652asp] { max-height:35vh; overflow:auto; padding:2px 0 6px; font-size:.75rem; }
progress[b-ex3a652asp] { display:block; box-sizing:border-box; width:100%; height:6px; border:0; border-radius:999px; overflow:hidden; appearance:none; background:var(--line,#deded8); color:var(--planner-action-fill,var(--accent)); accent-color:var(--planner-action-fill,var(--accent)); }
progress[b-ex3a652asp]::-webkit-progress-bar { background:var(--line,#deded8); border-radius:999px; }
progress[b-ex3a652asp]::-webkit-progress-value { background:var(--planner-action-fill,var(--accent)); border-radius:999px; transition:width 180ms ease; }
progress[b-ex3a652asp]::-moz-progress-bar { background:var(--planner-action-fill,var(--accent)); border-radius:999px; transition:width 180ms ease; }
@supports (interpolate-size:allow-keywords) {
    .usage-details[b-ex3a652asp] { interpolate-size:allow-keywords; }
    .usage-details[b-ex3a652asp]::details-content { block-size:0; overflow:clip; opacity:0; transition:block-size 180ms ease,opacity 180ms ease,content-visibility 180ms allow-discrete; }
    .usage-details[open][b-ex3a652asp]::details-content { block-size:auto; opacity:1; }
}
summary[b-ex3a652asp] { padding:8px 0; cursor:pointer; color:var(--ink,#292a25); }
dl[b-ex3a652asp] { display:grid; gap:5px; margin:6px 0; }
dl > div[b-ex3a652asp] { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 12px; }
dd[b-ex3a652asp] { margin:0; font-variant-numeric:tabular-nums; }
p[b-ex3a652asp] { margin:6px 0; }
button[b-ex3a652asp] { margin:6px 0; }
:is(button,summary):focus-visible[b-ex3a652asp] { outline:2px solid var(--focus,#66685f); outline-offset:3px; }
@media (prefers-reduced-motion:reduce) {
    .usage-summary[b-ex3a652asp], .usage-value[b-ex3a652asp]  svg, .usage-details[b-ex3a652asp]::details-content { transition:none; }
    progress[b-ex3a652asp]::-webkit-progress-value { transition:none; }
    progress[b-ex3a652asp]::-moz-progress-bar { transition:none; }
}
/* _content/YakoPlan.UI/Components/PremiumAtmosphere.razor.rz.scp.css */
/* The planner's Premium backdrop: premium-space.css paints the space view
   once, sized to the viewport. Both layers keep their keyboard-free height and
   visible top, so opening an editor cannot shift or resize the painting. */
.premium-atmosphere[b-ym936hspai] {
    position: fixed;
    inset: 0 0 auto;
    top: var(--planner-paint-top, 0px);
    height: max(100%, var(--planner-paint-height, 0px));
    z-index: 0;
    overflow: hidden;
    border-radius: var(--planner-frame-radius, 0px);
    pointer-events: none;
    user-select: none;
}

.premium-atmosphere-paint[b-ym936hspai] { position:absolute; inset:0; }
.premium-atmosphere-paint[data-theme-parallax-active][b-ym936hspai] { inset:-24px; }
.premium-atmosphere-paint:not([data-theme-parallax-active])[b-ym936hspai] { transform:none!important; will-change:auto!important; }

@media (prefers-reduced-motion: reduce), (forced-colors: active), print {
    .premium-atmosphere-paint[data-theme-parallax-active][b-ym936hspai] { inset:0; transform:none!important; will-change:auto!important; }
}

/* A still edge that catches the planet's light toward the bottom right. */
.premium-atmosphere-frame[b-ym936hspai] {
    position: fixed;
    inset: 0 0 auto;
    top: var(--planner-paint-top, 0px);
    height: max(100%, var(--planner-paint-height, 0px));
    /* Open topbar menus use 100; planner dialogs start at 105. */
    z-index: 101;
    padding: 1.5px;
    border-radius: var(--planner-frame-radius, 0px);
    overflow: hidden;
    pointer-events: none;
    user-select: none;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
}

.premium-atmosphere-frame > span[b-ym936hspai] {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
        rgba(255, 255, 255, .12), rgba(255, 255, 255, .03) 45%,
        rgba(255, 150, 70, .4) 82%, rgba(255, 190, 120, .9));
}

/* Keep the same painting and edge inside an inert planner preview. */
.premium-atmosphere.is-preview[b-ym936hspai], .premium-atmosphere-frame.is-preview[b-ym936hspai] {
    position:absolute;
    inset:0;
    height:100%;
    border-radius:0;
}
.premium-atmosphere.is-preview[b-ym936hspai] { container-type:size; }
.premium-atmosphere.is-preview .premium-atmosphere-paint[b-ym936hspai] { --space-planet:clamp(80px,55cqh,230px); }

@media (forced-colors: active), print {
    .premium-atmosphere[b-ym936hspai], .premium-atmosphere-frame[b-ym936hspai] { display: none; }
}
/* _content/YakoPlan.UI/Components/PremiumCanvasChatPreview.razor.rz.scp.css */
.premium-canvas-chat-preview[b-e8hekl473q] { width:100%; height:100%; min-width:0; min-height:0; }
.premium-canvas-chat-preview > .forever-board[b-e8hekl473q] { width:100%; height:100%!important; display:flex; flex-direction:column; border:0; margin:0; }
.premium-canvas-chat-preview .forever-board-canvas[b-e8hekl473q] { flex:1; min-height:0; }
.premium-canvas-chat-preview[b-e8hekl473q]  .forever-canvas-collection { width:100%; height:100%; }
.premium-canvas-chat-preview .forever-board[data-premium-canvas-ready="false"] .forever-board-canvas[b-e8hekl473q] { visibility:hidden; }
.premium-chat-preview[b-e8hekl473q] { display:flex; flex-direction:column; background:var(--surface); }
.premium-chat-header[b-e8hekl473q] { display:flex; align-items:center; flex:none; gap:10px; min-height:56px; box-sizing:border-box; padding:6px 16px; border-bottom:1px solid var(--line); }
.premium-chat-header[b-e8hekl473q]  .premium-chat-back { display:none; }
.premium-chat-avatar[b-e8hekl473q] { flex:none; width:40px; height:40px; }
.premium-chat-ai-avatar[b-e8hekl473q] { background:transparent; }
.premium-chat-ai-avatar img[b-e8hekl473q] { width:100%; height:100%; object-fit:contain; }
.premium-chat-header h3[b-e8hekl473q] { margin:0; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:.95rem; line-height:1.4; font-weight:650; letter-spacing:-.02em; }
.premium-chat-ai-badge[b-e8hekl473q] { display:inline-flex; align-items:center; justify-content:center; flex:none; min-height:22px; box-sizing:border-box; padding:2px 7px; border:1px solid var(--line); border-radius:6px; background:var(--paper-deep); color:var(--ink-soft); font:600 .68rem/1.25 var(--planner-font); }
.premium-conversation[b-e8hekl473q] { display:flex; flex:1; flex-direction:column; gap:12px; min-height:0; overflow:hidden; box-sizing:border-box; padding:14px 16px; }
.premium-chat-compose[b-e8hekl473q] { flex:none; padding:12px 26px 14px; }
.premium-chat-compose-field[b-e8hekl473q] { display:flex; align-items:center; gap:8px; padding:7px; border-radius:18px; background:color-mix(in srgb,var(--surface,#fffdf8) 92%,var(--ink,#262823)); }
.premium-chat-compose[b-e8hekl473q]  textarea { box-sizing:border-box; flex:1 1 0; min-width:0; width:0; min-height:42px; margin:0; padding:10px 8px; resize:none; border:0; background:transparent; color:var(--ink); font:400 .85rem/1.55 var(--planner-font); }
.premium-chat-compose[b-e8hekl473q]  textarea::placeholder { color:var(--ink-soft); }
.premium-chat-tool[b-e8hekl473q],.premium-chat-send[b-e8hekl473q] { display:grid; place-items:center; flex:none; width:36px; height:36px; padding:0; border:0; border-radius:var(--custom-radius,10px); background:transparent; color:var(--ink-soft); }
.premium-chat-send[b-e8hekl473q] { opacity:.35; }
@media (max-width:759px) {
    .premium-chat-header[b-e8hekl473q] { gap:8px; padding:6px 12px 6px 4px; }
    .premium-chat-header h3[b-e8hekl473q] { font-size:.92rem; }
    .premium-chat-header[b-e8hekl473q]  .premium-chat-back { display:block; flex:none; margin:8px; }
    .premium-conversation[b-e8hekl473q] { gap:12px; padding:14px; }
    .premium-chat-compose[b-e8hekl473q] { padding:10px 12px; }
    .premium-chat-compose[b-e8hekl473q]  textarea { font-size:1rem; }
}
/* _content/YakoPlan.UI/Components/PremiumCheckout.razor.rz.scp.css */
.premium-checkout[b-zkk5sqwwah] {
    --checkout-ink: #fffaf4;
    --checkout-muted: #c9c4d8;
    --checkout-line: rgba(205, 190, 236, .2);
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    width: 100%;
    min-height: 38rem;
    border: 1px solid rgba(211, 191, 242, .35);
    border-radius: 1.25rem;
    background: #191a2e;
    box-shadow: 0 22px 64px rgba(13, 12, 29, .25);
    color: var(--checkout-ink);
    font-family: var(--planner-font, var(--yako-font, system-ui, sans-serif));
    color-scheme: dark;
    overflow-wrap: anywhere;
}

.premium-checkout[b-zkk5sqwwah], .premium-checkout *[b-zkk5sqwwah] { box-sizing: border-box; }
.checkout-scroll[b-zkk5sqwwah] { display:contents; }
.checkout-story[b-zkk5sqwwah] { grid-column:1; grid-row:1 / span 2; }
.checkout-payment[b-zkk5sqwwah] { grid-column:2; grid-row:1; }
.checkout-footer[b-zkk5sqwwah] { grid-column:2; grid-row:2; padding:0 clamp(1.35rem,3.2vw,2.6rem) 1.5rem; background:#122936; }
.checkout-footer .checkout-submit[b-zkk5sqwwah] { margin-top:0; }
.checkout-payment[b-zkk5sqwwah] { position: relative; }
.checkout-story[b-zkk5sqwwah], .checkout-payment[b-zkk5sqwwah] { min-width: 0; padding: clamp(1.35rem, 3.2vw, 2.6rem); }
.checkout-story[b-zkk5sqwwah] {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 1.25rem 0 0 1.25rem;
    /* Premium's deep space: black sky warming to the planet's orange light. */
    background:
        radial-gradient(circle at 9% 12%, rgba(255, 255, 255, .6) 0 1px, transparent 1.8px),
        radial-gradient(circle at 34% 7%, rgba(255, 236, 214, .45) 0 .8px, transparent 1.5px),
        radial-gradient(circle at 21% 41%, rgba(255, 255, 255, .35) 0 .7px, transparent 1.4px),
        radial-gradient(ellipse 90% 70% at 100% 100%, rgba(255, 122, 40, .34), rgba(150, 52, 14, .16) 45%, transparent 75%),
        linear-gradient(145deg, #000, #070405 55%, #1c0b06);
}

.checkout-back[b-zkk5sqwwah] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    align-self: flex-start;
    gap: .35rem;
    min-height: 44px;
    margin: -.65rem 0 1.15rem -.5rem;
    padding: .5rem;
    border: 0;
    border-radius: .5rem;
    background: transparent;
    color: var(--checkout-muted);
    font-weight: 500;
    line-height: 1.4;
    font-family: inherit;
    font-size: .82rem;
    cursor: pointer;
    text-decoration: none;
}
.checkout-back:hover:where(:not([data-touch-input] *))[b-zkk5sqwwah] { color:var(--hover-color); background:var(--hover-background); }
.checkout-back:disabled[b-zkk5sqwwah] { opacity: .5; cursor: wait; }
.checkout-introduction[b-zkk5sqwwah] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 1.1rem; }
.checkout-fox[b-zkk5sqwwah] { width: 72px; height: 96px; }
.checkout-fox img[b-zkk5sqwwah] { display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 8px 22px rgba(255, 170, 144, .17)); }
.checkout-introduction h2[b-zkk5sqwwah] { min-width: 0; margin: 0; font-size: clamp(1.7rem, 3vw, 2.45rem); font-weight: 700; line-height: 1.14; letter-spacing: -.045em; color: var(--checkout-ink); }
.checkout-introduction h2:focus[b-zkk5sqwwah], .checkout-result h2:focus[b-zkk5sqwwah] { outline: none; }
.checkout-summary[b-zkk5sqwwah] { margin-top: 1.5rem; padding: 1.1rem 1.15rem .9rem; border: 1px solid var(--checkout-line); border-radius: .85rem; background: rgba(13, 20, 35, .38); box-shadow: inset 0 1px rgba(255, 255, 255, .025); }
.checkout-plan[b-zkk5sqwwah], .checkout-total[b-zkk5sqwwah] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.checkout-plan > div[b-zkk5sqwwah] { display: grid; gap: .2rem; }
.checkout-plan strong[b-zkk5sqwwah] { font-size: .94rem; font-weight: 700; }
.checkout-plan span[b-zkk5sqwwah] { color: var(--checkout-muted); font-size: .73rem; line-height: 1.6; }
.checkout-plan-price[b-zkk5sqwwah] { text-align: right; flex: none; }
.checkout-plan-price strong[b-zkk5sqwwah] { font-size: 1.2rem; letter-spacing: -.035em; }
.checkout-total[b-zkk5sqwwah] { margin-top: 1rem; padding-top: .9rem; border-top: 1px solid var(--checkout-line); font-size: .85rem; }
.checkout-total strong[b-zkk5sqwwah] { font-size: 1.13rem; }
.checkout-summary > p[b-zkk5sqwwah] { margin: .4rem 0 0; color: var(--checkout-muted); font-size: .71rem; }
.checkout-cancel[b-zkk5sqwwah] { display: flex; align-items: center; justify-content: center; gap: .4rem; margin: .85rem 0 0; color: var(--checkout-muted); font-size: .74rem; line-height: 1.5; }
.checkout-cancel[b-zkk5sqwwah]  svg { color: #8bdfd0; flex: none; }
.checkout-payment[b-zkk5sqwwah] { display: flex; flex-direction: column; justify-content: center; border-left: 1px solid var(--checkout-line); border-radius: 0 1.25rem 1.25rem 0; background: linear-gradient(155deg, #1d1c31, #122936); }
.checkout-payment-heading h3[b-zkk5sqwwah] { margin: 0; color: var(--checkout-ink); font-size: 1.3rem; letter-spacing: -.025em; font-weight: 700; }
.checkout-payment-heading p[b-zkk5sqwwah] { margin: .45rem 0 1.65rem; color: var(--checkout-muted); font-size: .82rem; line-height: 1.5; }
.checkout-form[b-zkk5sqwwah] { width: 100%; }
.checkout-express[b-zkk5sqwwah] { margin-bottom: 1.2rem; }
.checkout-express[data-available="false"][b-zkk5sqwwah] { height: 0; margin: 0; overflow: hidden; visibility: hidden; }
.checkout-method-divider[b-zkk5sqwwah] { display: flex; align-items: center; gap: .75rem; margin-top: 1.2rem; color: var(--checkout-muted); text-align: center; font-size: .74rem; line-height: 1.5; }
.checkout-method-divider[b-zkk5sqwwah]::before, .checkout-method-divider[b-zkk5sqwwah]::after { content: ""; height: 1px; flex: 1; min-width: 1rem; background: var(--checkout-line); }
.checkout-form label[b-zkk5sqwwah] { display: block; margin-bottom: .5rem; color: var(--checkout-ink); font-size: .875rem; font-weight: 500; }
.checkout-form input[b-zkk5sqwwah] { display: block; width: 100%; height: 48px; padding: .75rem .9rem; border: 1px solid #514962; border-radius: 10px; background: #202337; color: #fffaf4; font-family: inherit; font-size: 16px; outline: none; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.checkout-form input:focus[b-zkk5sqwwah] { border-color: #c0a8ff; box-shadow: 0 0 0 3px rgba(169,147,255,.18); }
.checkout-form input:disabled[b-zkk5sqwwah] { opacity: .65; }
.checkout-field-help[b-zkk5sqwwah] { margin: .5rem 0 1.35rem; font-size: .73rem; line-height: 1.5; color: var(--checkout-muted); }
.checkout-element[b-zkk5sqwwah] { min-height: 12rem; }
.checkout-address-title[b-zkk5sqwwah] { margin: 1.5rem 0 .9rem; color: var(--checkout-ink); font-size: .95rem; font-weight: 600; }
.checkout-retry[b-zkk5sqwwah] { margin: .6rem 0 0; color: #ffc4a0; }
.checkout-retry[hidden][b-zkk5sqwwah] { display: none; }
.checkout-submit[b-zkk5sqwwah] { display: flex; align-items: center; justify-content: center; gap: .6rem; width: 100%; min-height: 49px; margin-top: 1.4rem; padding: .85rem 1rem; border: 1px solid rgba(255,255,255,.25); border-radius: .65rem; background: linear-gradient(105deg, #ffd0a7, #ffab91); box-shadow: inset 0 1px rgba(255,255,255,.25), 0 5px 20px rgba(255,159,122,.09); color: #302035; font-family: inherit; font-size: .87rem; font-weight: 700; line-height: 1.4; text-align: center; text-decoration: none; cursor: pointer; transition:var(--hover-transition),transform 150ms ease; }
.checkout-submit[b-zkk5sqwwah]  svg { flex: none; }
.checkout-submit:hover:where(:not([data-touch-input] *)):not(:disabled)[b-zkk5sqwwah] { background:var(--hover-background); color:var(--hover-color); }
.checkout-submit:disabled[b-zkk5sqwwah] { opacity: .45; cursor: not-allowed; }
.checkout-consent[b-zkk5sqwwah] { margin: .85rem 0 0; color: var(--checkout-muted); text-align: center; font-size: .72rem; line-height: 1.7; }
.checkout-legal[b-zkk5sqwwah] { display: flex; justify-content: center; flex-wrap: wrap; gap: 1.1rem; margin-top: .5rem; font-size: .72rem; }
.checkout-legal a[b-zkk5sqwwah] { color: var(--checkout-muted); text-underline-offset: .2em; }
.checkout-legal a:hover:where(:not([data-touch-input] *))[b-zkk5sqwwah] { color:var(--hover-color); background:var(--hover-background); }
.checkout-secure[b-zkk5sqwwah] { display: flex; align-items: center; justify-content: center; gap: .4rem; margin: 1.45rem 0 0; color: var(--checkout-muted); font-size: .72rem; }
.checkout-secure[b-zkk5sqwwah]  svg { color: #8bdfd0; flex: none; }
.checkout-back:focus-visible[b-zkk5sqwwah], .checkout-submit:focus-visible[b-zkk5sqwwah], .checkout-legal a:focus-visible[b-zkk5sqwwah] { outline: 3px solid #c0a8ff; outline-offset: 4px; }
.checkout-test[b-zkk5sqwwah] { margin: -.5rem 0 1rem; padding: .6rem .8rem; border: 1px solid rgba(255,196,160,.3); border-radius: .5rem; background: rgba(255,196,160,.07); color: #ffd0a7; font-size: .75rem; line-height: 1.6; }
.checkout-error[b-zkk5sqwwah] { margin: .9rem 0 0; padding: .8rem; border: 1px solid rgba(255,162,163,.35); border-radius: .6rem; background: rgba(255,162,163,.06); color: #ffb5b8; font-size: .82rem; line-height: 1.6; }
.checkout-error[hidden][b-zkk5sqwwah] { display: none; }
.checkout-loading[b-zkk5sqwwah] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; min-height: 18rem; color: var(--checkout-muted); font-size: .85rem; text-align: center; }
.checkout-spinner[b-zkk5sqwwah] { width: 23px; height: 23px; border: 2px solid var(--checkout-line); border-top-color: #ffd0a7; border-radius: 50%; animation: checkout-spin-b-zkk5sqwwah 850ms linear infinite; }
.checkout-form[data-state="loading"] .checkout-fields[b-zkk5sqwwah] { visibility: hidden; height: 0; overflow: hidden; }
.checkout-form:not([data-state="loading"]) .checkout-loading[b-zkk5sqwwah] { display: none; }
.checkout-form[data-state="submitting"] .checkout-fields[b-zkk5sqwwah], .checkout-form[data-state="submitted"] .checkout-fields[b-zkk5sqwwah], .checkout-form[data-state="wallet"] .checkout-fields[b-zkk5sqwwah] { pointer-events: none; opacity: .65; }
.checkout-load-error[b-zkk5sqwwah] { margin-block: 2rem; padding: 1.5rem 0; color: var(--checkout-muted); text-align: center; font-size: .9rem; line-height: 1.7; }
.checkout-load-error[b-zkk5sqwwah]  svg { color: #ffc4a0; }
.checkout-result[b-zkk5sqwwah] { padding-block: 3rem; text-align: center; animation: checkout-result-enter-b-zkk5sqwwah 420ms cubic-bezier(.2, .75, .25, 1) both; }
.checkout-result[b-zkk5sqwwah]  .premium-keepsake { margin: 0 auto 1rem; }
.checkout-result-complete h2[b-zkk5sqwwah] { color: var(--premium-glow-mint, #8bdfd0); }
.checkout-result-icon[b-zkk5sqwwah] { display: grid; place-items: center; width: 60px; height: 60px; margin: 0 auto 1.5rem; border: 1px solid rgba(139,223,208,.3); border-radius: 50%; background: rgba(139,223,208,.08); color: #8bdfd0; }
.checkout-result h2[b-zkk5sqwwah] { margin: 0; font-size: 1.7rem; letter-spacing: -.035em; }
.checkout-result p[b-zkk5sqwwah] { margin: 1rem 0; color: var(--checkout-muted); font-size: .88rem; line-height: 1.7; }
.checkout-result .checkout-back[b-zkk5sqwwah] { margin: 1rem auto 0; justify-content: center; }
@keyframes checkout-spin-b-zkk5sqwwah { to { transform: rotate(360deg); } }
@keyframes checkout-result-enter-b-zkk5sqwwah {
    from { opacity: 0; transform: translateY(12px) scale(.985); }
    to { opacity: 1; transform: none; }
}
@media (max-width: 759px) {
    .premium-checkout[b-zkk5sqwwah] { height:100%; min-height:0; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; overflow:hidden; }
    .checkout-scroll[b-zkk5sqwwah] { display:block; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
    .checkout-footer[b-zkk5sqwwah] { grid-column:1; grid-row:2; padding:.65rem 1rem max(.65rem,env(safe-area-inset-bottom)); border-top:1px solid var(--checkout-line); }
    .checkout-story[b-zkk5sqwwah] { padding: 1.4rem; border-radius: 1.25rem 1.25rem 0 0; }
    .checkout-back[b-zkk5sqwwah] { margin-bottom: .8rem; }
    .checkout-introduction[b-zkk5sqwwah] { gap: .9rem; }
    .checkout-fox[b-zkk5sqwwah] { width: 60px; height: 80px; }
    .checkout-introduction h2[b-zkk5sqwwah] { font-size: 1.85rem; }
    .checkout-summary[b-zkk5sqwwah] { margin-top: 1.3rem; }
    .checkout-payment[b-zkk5sqwwah] { padding: 1.5rem 1.4rem; border-left: 0; border-top: 1px solid var(--checkout-line); border-radius: 0 0 1.25rem 1.25rem; }
    .checkout-payment-heading p[b-zkk5sqwwah] { margin-bottom: 1.3rem; }
    .checkout-result[b-zkk5sqwwah] { padding-block: 1rem; }
}
@media (max-width: 359px) {
    .checkout-introduction[b-zkk5sqwwah] { gap: .7rem; }
    .checkout-fox[b-zkk5sqwwah] { width: 48px; height: 64px; }
    .checkout-introduction h2[b-zkk5sqwwah] { font-size: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) { .checkout-result[b-zkk5sqwwah] { animation: none; } .checkout-spinner[b-zkk5sqwwah] { animation: none; border-style: dotted; } .checkout-submit[b-zkk5sqwwah] { transition: none; }  }
@media (forced-colors: active) {
    .premium-checkout[b-zkk5sqwwah], .checkout-story[b-zkk5sqwwah], .checkout-payment[b-zkk5sqwwah], .checkout-summary[b-zkk5sqwwah], .checkout-test[b-zkk5sqwwah], .checkout-error[b-zkk5sqwwah], .checkout-result-icon[b-zkk5sqwwah] { background: Canvas; color: CanvasText; box-shadow: none; border-color: CanvasText; }
    .premium-checkout[b-zkk5sqwwah] { --checkout-ink: CanvasText; --checkout-muted: CanvasText; --checkout-line: CanvasText; color-scheme: normal; }
    .checkout-submit[b-zkk5sqwwah], .checkout-back[b-zkk5sqwwah], .checkout-form input[b-zkk5sqwwah] { background: ButtonFace; color: ButtonText; border: 1px solid ButtonText; }
    .checkout-legal a[b-zkk5sqwwah] { color: LinkText; }
}
/* _content/YakoPlan.UI/Components/PremiumConfetti.razor.rz.scp.css */
.premium-confetti[b-otar5el6u1] {
    position: absolute;
    inset: 0 0 auto;
    height: min(100%, 36rem);
    overflow: hidden;
    overflow: clip;
    border-radius: inherit;
    pointer-events: none;
    user-select: none;
    z-index: 5;
    contain: strict;
}

.confetti-flight[b-otar5el6u1] {
    position: absolute;
    top: -1rem;
    left: var(--x);
    width: var(--size);
    height: calc(100% + 2rem);
    opacity: 0;
    animation: confetti-fall-b-otar5el6u1 var(--fall) cubic-bezier(.2, .55, .45, 1) var(--delay) both;
}

.confetti-piece[b-otar5el6u1] {
    display: block;
    width: var(--size);
    height: var(--size);
    background: var(--color);
    border-radius: 2px;
    animation: confetti-tumble-b-otar5el6u1 var(--fall) ease-in-out var(--delay) both;
}

.confetti-shape-1[b-otar5el6u1] { border-radius: 50%; }
.confetti-shape-2[b-otar5el6u1] { clip-path: polygon(50% 0, 62% 34%, 98% 38%, 71% 61%, 80% 98%, 50% 78%, 20% 98%, 29% 61%, 2% 38%, 38% 34%); }
.confetti-shape-3[b-otar5el6u1] { border-radius: 70% 20% 70% 20%; height: calc(var(--size) * 1.5); }

@keyframes confetti-fall-b-otar5el6u1 {
    0% { opacity: 0; transform: translate3d(0, -3%, 0); }
    8% { opacity: .95; }
    72% { opacity: .9; }
    100% { opacity: 0; transform: translate3d(var(--drift), 100%, 0); }
}

@keyframes confetti-tumble-b-otar5el6u1 {
    0% { transform: rotate(var(--turn)) rotateY(0); }
    45% { transform: rotate(calc(var(--turn) + 140deg)) rotateY(180deg); }
    100% { transform: rotate(calc(var(--turn) + 300deg)) rotateY(340deg); }
}

@media (max-width: 600px) {
    .confetti-flight:nth-child(n + 29)[b-otar5el6u1] { display: none; }
}

@media (prefers-reduced-motion: reduce), (forced-colors: active) {
    .premium-confetti[b-otar5el6u1] { display: none; }
    .confetti-flight[b-otar5el6u1], .confetti-piece[b-otar5el6u1] { animation: none; }
}
/* _content/YakoPlan.UI/Components/PremiumFeatureCarousel.razor.rz.scp.css */
.premium-feature-carousel[b-fexw0cy89t] { --premium-preview-height:clamp(10rem,calc(100dvh - 25rem),20rem); display:flex; flex-direction:column; gap:1rem; min-width:0; min-height:0; margin:0; }
.premium-feature-slide[b-fexw0cy89t] { flex:none; display:flex; flex-direction:column; gap:1.15rem; min-height:0; }
.premium-feature-copy[b-fexw0cy89t] { flex:none; min-height:4.8rem; }
.premium-feature-copy h3[b-fexw0cy89t] { margin:0 0 .5rem; color:var(--subscription-text); font-size:clamp(1.35rem,2.2vw,1.8rem); font-weight:700; line-height:1.2; letter-spacing:-.035em; }
.premium-feature-copy p[b-fexw0cy89t] { max-width:40rem; margin:0; color:var(--subscription-muted); font-size:.88rem; line-height:1.55; }
.premium-feature-visual[b-fexw0cy89t] { position:relative; flex:none; height:var(--premium-preview-height); min-height:0; max-height:none; border-radius:var(--custom-radius,12px); overflow:hidden; }
.premium-feature-pane[b-fexw0cy89t] { position:absolute; inset:0; contain:layout paint; animation:premium-feature-enter-b-fexw0cy89t 260ms cubic-bezier(.2,.75,.25,1) both; }
.premium-feature-pane[hidden][b-fexw0cy89t] { display:none; }
/* Warm one completed scene's layout without painting it. Other retained scenes
   stay outside layout so phone navigation never pays for every hidden slide. */
.premium-feature-pane[hidden][data-preview-layout][b-fexw0cy89t] { display:block; visibility:hidden; opacity:0; pointer-events:none; animation:none; }
.premium-feature-pane[hidden][data-preview-layout][b-fexw0cy89t]  * { animation-play-state:paused!important; }
.premium-feature-navigation[b-fexw0cy89t] { display:grid; grid-template-columns:minmax(0,1fr); gap:.65rem; width:100%; max-width:32rem; align-self:center; margin-top:0; min-width:0; }
.premium-feature-arrow[b-fexw0cy89t] { --segment-min-height:var(--feature-arrow-size); display:grid; place-items:center; flex:none; width:var(--feature-arrow-size); min-height:var(--feature-arrow-size); padding:0; border:0; border-radius:var(--custom-radius,7px); background:transparent; color:var(--subscription-text); cursor:pointer; transition:var(--hover-transition); }
.premium-feature-previous[b-fexw0cy89t] { grid-column:1; grid-row:1 / span 3; }
.premium-feature-next[b-fexw0cy89t] { grid-column:5; grid-row:1 / span 3; }
.premium-feature-options > .premium-feature-arrow[b-fexw0cy89t] { align-self:center; justify-self:center; }
.premium-feature-options.segmented-control[b-fexw0cy89t] { --ink:var(--subscription-text); --ink-soft:var(--subscription-muted); --segment-font-size:.78rem; --segment-inline-padding:6px; --segment-min-height:32px; --feature-arrow-size:32px; display:grid!important; grid-template-columns:var(--feature-arrow-size) repeat(3,minmax(0,1fr)) var(--feature-arrow-size); grid-template-rows:repeat(3,minmax(var(--segment-min-height),1fr)); align-items:stretch; width:100%!important; gap:2px; }
.premium-feature-carousel > .premium-feature-navigation > .premium-feature-options.segmented-control > button:not(.premium-feature-arrow)[b-fexw0cy89t] { display:grid!important; grid-template-columns:16px minmax(0,max-content); align-items:center; align-content:center; justify-content:center; justify-items:center; gap:.35rem; min-width:0; font:inherit; font-size:.78rem; line-height:1.3; text-align:center; cursor:pointer; }
.premium-feature-options button[b-fexw0cy89t]  svg { display:block; flex:none; }
.premium-feature-options button span[b-fexw0cy89t] { display:block; white-space:normal; overflow-wrap:anywhere; text-align:center; text-box-trim:trim-both; text-box-edge:cap alphabetic; }
@keyframes premium-feature-enter-b-fexw0cy89t { from { opacity:0; transform:translateX(8px); } to { opacity:1; transform:none; } }
@media (max-width:759px) {
    /* Share the available phone height with the copy, navigation and plan terms.
       Short screens and enlarged text can still scroll instead of clipping. */
    .premium-feature-carousel[b-fexw0cy89t] { gap:.5rem; }
    .premium-feature-copy[b-fexw0cy89t] { min-height:0; }
    .premium-feature-copy h3[b-fexw0cy89t] { margin-bottom:.35rem; font-size:1.3rem; }
    .premium-feature-copy p[b-fexw0cy89t] { font-size:.82rem; line-height:1.45; }
    .premium-feature-slide[b-fexw0cy89t] { flex:1 1 auto; gap:.5rem; }
    .premium-feature-visual[b-fexw0cy89t] { flex:1 1 auto; height:auto; min-height:6rem; }
    .premium-feature-options.segmented-control[b-fexw0cy89t] { --feature-arrow-size:44px; --segment-min-height:44px; --segment-font-size:.72rem; --segment-inline-padding:4px; }
    .premium-feature-carousel > .premium-feature-navigation > .premium-feature-options.segmented-control > button:not(.premium-feature-arrow)[b-fexw0cy89t] { grid-template-columns:14px minmax(0,max-content); align-content:center; justify-items:center; padding:4px!important; font-size:.72rem; gap:4px; text-align:center; }
    .premium-feature-options > button:not(.premium-feature-arrow)[b-fexw0cy89t]  svg { width:14px; height:14px; }
}
@media (min-width:760px) and (max-height:740px) {
    .premium-feature-carousel[b-fexw0cy89t] { gap:.7rem; }
    .premium-feature-copy[b-fexw0cy89t] { min-height:4.5rem; }
    .premium-feature-slide[b-fexw0cy89t] { gap:.75rem; }
    .premium-feature-navigation[b-fexw0cy89t] { gap:.5rem; }
    .premium-feature-options.segmented-control[b-fexw0cy89t] { --segment-min-height:32px; }
}
@media (prefers-reduced-motion:reduce) { .premium-feature-pane[b-fexw0cy89t] { animation:none; } .premium-feature-arrow[b-fexw0cy89t] { transition:none; } }
@media (pointer:coarse) { .premium-feature-options.segmented-control[b-fexw0cy89t] { --feature-arrow-size:44px; --segment-min-height:44px; } }
@media (max-width:359px) {
    .premium-feature-options.segmented-control[b-fexw0cy89t] { --segment-min-height:48px; }
    .premium-feature-carousel > .premium-feature-navigation > .premium-feature-options.segmented-control > button:not(.premium-feature-arrow)[b-fexw0cy89t] { grid-template-columns:minmax(0,1fr); grid-template-rows:14px auto; justify-items:center; padding:2px!important; gap:2px; line-height:1.2; text-align:center; }
}
@media (forced-colors:active) { .premium-feature-copy :is(h3,p)[b-fexw0cy89t] { color:CanvasText; } .premium-feature-arrow[b-fexw0cy89t] { color:ButtonText; } }
/* _content/YakoPlan.UI/Components/PremiumFeaturePreview.razor.rz.scp.css */
/* Fit the actual application surfaces as a whole. Their own styles retain
   planner geometry, typography, controls, card finishes and theme colors. */
.premium-feature-preview[b-la7atak7gb] { position:relative; isolation:isolate; width:100%; height:100%; min-width:0; min-height:0; overflow:hidden; container-type:size; background:var(--paper); color:var(--ink); }
.premium-feature-preview[data-preview-feature="widget"][b-la7atak7gb] { background:radial-gradient(ellipse at 50% 100%,#4b2a23,#211719 78%); }
.premium-preview-workspace[b-la7atak7gb] { --workspace-width:var(--preview-width); --workspace-height:max(var(--preview-height),calc(100cqh * var(--workspace-width) / 100cqw)); position:absolute; top:50%; left:50%; width:var(--workspace-width); height:var(--workspace-height); transform:translate(-50%,-50%) scale(min(calc(100cqw / var(--workspace-width)),calc(100cqh / var(--workspace-height)))); transform-origin:center; }
.premium-feature-preview:is([data-preview-feature="appearance"],[data-preview-feature="themes"]) .premium-preview-workspace[b-la7atak7gb] { height:calc(100cqh * var(--workspace-width) / 100cqw); transform:translate(-50%,-50%) scale(calc(100cqw / var(--workspace-width))); }
@container (max-height:180px) {
    .premium-feature-preview[data-preview-feature="widget"] .premium-preview-workspace[b-la7atak7gb] { --workspace-width:330px; --workspace-height:max(132px,calc(100cqh * var(--workspace-width) / 100cqw)); }
}
@media (max-width:759px) {
    .premium-preview-workspace:has(> .premium-planner-preview)[b-la7atak7gb] { --workspace-width:460px; }
    .premium-feature-preview[data-preview-feature="appearance"] .premium-preview-workspace[b-la7atak7gb] { --workspace-width:400px; }
    /* Fit complete tool and conversation examples inside the compact overview. */
    .premium-preview-workspace:has(> :is(.premium-tools-preview,.premium-canvas-chat-preview))[b-la7atak7gb] { --workspace-width:640px; }
}
/* _content/YakoPlan.UI/Components/PremiumGate.razor.rz.scp.css */
.premium-gate[b-kk2qkz4d0y] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .8rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line, #d7d2c8));
    border-radius: 1rem;
    background: color-mix(in srgb, var(--accent) 7%, var(--surface, #fff));
}

.premium-gate-icon[b-kk2qkz4d0y] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: .75rem;
    color: var(--accent);
    background: color-mix(in srgb, var(--accent) 13%, var(--surface, #fff));
}

.premium-gate-copy[b-kk2qkz4d0y] {
    min-width: 0;
}

.premium-gate h3[b-kk2qkz4d0y],
.premium-gate p[b-kk2qkz4d0y] {
    margin: 0;
}

.premium-gate h3[b-kk2qkz4d0y] {
    font-size: .96rem;
}

.premium-gate p[b-kk2qkz4d0y] {
    margin-top: .2rem;
    color: var(--ink-soft, #66685f);
    font-size: .86rem;
    line-height: 1.45;
}

.premium-gate-action[b-kk2qkz4d0y] {
    white-space: nowrap;
}

@media (max-width: 560px) {
    .premium-gate[b-kk2qkz4d0y] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .premium-gate-action[b-kk2qkz4d0y] {
        grid-column: 1 / -1;
        justify-self: stretch;
        text-align: center;
    }
}
/* _content/YakoPlan.UI/Components/PremiumKeepsake.razor.rz.scp.css */
.premium-keepsake[b-5useylbdnj] {
    position: relative;
    isolation: isolate;
    width: 7.5rem;
    height: 7.25rem;
    display: grid;
    place-items: center;
    flex: none;
}

.keepsake-halo[b-5useylbdnj] {
    position: absolute;
    inset: .8rem 0;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(ellipse, color-mix(in srgb, var(--premium-glow-gold, #ffd477) 23%, transparent), transparent 70%);
}

.premium-keepsake img[b-5useylbdnj] {
    width: 72px;
    height: 96px;
    object-fit: contain;
    filter: drop-shadow(0 6px 12px rgba(12, 12, 28, .2));
    transform-origin: 50% 85%;
    animation: keepsake-welcome-b-5useylbdnj 720ms cubic-bezier(.2, .7, .3, 1) both;
}

.keepsake-star[b-5useylbdnj] {
    position: absolute;
    color: var(--premium-glow-gold, #ffd477);
    font-size: 1.25rem;
    line-height: 1;
    animation: keepsake-sparkle-b-5useylbdnj 800ms ease-out both;
}

.keepsake-star-one[b-5useylbdnj] { top: .8rem; left: .4rem; animation-delay: 140ms; }
.keepsake-star-two[b-5useylbdnj] { top: 1.7rem; right: .2rem; font-size: .85rem; color: var(--premium-glow-mint, #68dfcd); animation-delay: 280ms; }
.keepsake-star-three[b-5useylbdnj] { bottom: .7rem; left: .8rem; font-size: 1rem; color: var(--premium-glow-lilac, #a993ff); animation-delay: 380ms; }

.keepsake-check[b-5useylbdnj] {
    position: absolute;
    right: 1rem;
    bottom: .6rem;
    display: grid;
    place-items: center;
    width: 1.55rem;
    height: 1.55rem;
    border: 2px solid var(--premium-card-a, #251b40);
    border-radius: 50%;
    background: var(--premium-glow-mint, #68dfcd);
    color: #163b38;
    animation: keepsake-sparkle-b-5useylbdnj 450ms ease-out 240ms both;
}

@keyframes keepsake-welcome-b-5useylbdnj {
    0% { opacity: 0; transform: translateY(9px) scale(.88) rotate(-7deg); }
    55% { opacity: 1; transform: translateY(-3px) scale(1.04) rotate(3deg); }
    100% { opacity: 1; transform: none; }
}

@keyframes keepsake-sparkle-b-5useylbdnj {
    0% { opacity: 0; transform: scale(.5) rotate(-25deg); }
    65% { opacity: 1; transform: scale(1.15) rotate(5deg); }
    100% { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .premium-keepsake img[b-5useylbdnj], .keepsake-star[b-5useylbdnj], .keepsake-check[b-5useylbdnj] { animation: none; }
}

@media (forced-colors: active) {
    .keepsake-halo[b-5useylbdnj], .keepsake-star[b-5useylbdnj] { display: none; }
    .keepsake-check[b-5useylbdnj] { background: Canvas; color: CanvasText; border-color: CanvasText; }
}
/* _content/YakoPlan.UI/Components/PremiumPlannerPreview.razor.rz.scp.css */
.premium-planner-preview[b-blr11owfkl] { position:relative; width:100%; height:100%; min-width:0; min-height:0; overflow:hidden; }
.premium-planner-scene.planner-shell[b-blr11owfkl] { position:relative; isolation:isolate; width:100%; height:100%; min-height:0; padding:0; display:block; overflow:hidden; visibility:visible; background:var(--paper); color:var(--ink); }
.premium-planner-atmosphere[b-blr11owfkl] { position:absolute; top:0; bottom:0; left:clamp(0%,calc(var(--preview-label-position,50%) - 22%),56%); width:44%; }
.premium-planner-atmosphere[b-blr11owfkl]  .kawaii-paper-detail { width:140px; max-width:none; }
.premium-planner-atmosphere[b-blr11owfkl]  .kawaii-paper-detail-top { top:4%; right:10%; }
.premium-planner-atmosphere[b-blr11owfkl]  .kawaii-paper-detail-bottom { bottom:4%; left:4%; }
.premium-planner-atmosphere[b-blr11owfkl]  .sakura-petal { width:14px; height:19px; }
.premium-planner-view[b-blr11owfkl] { position:relative; z-index:1; height:100%; min-height:0; }
.planner-theme-preview .premium-planner-view[b-blr11owfkl] { height:calc(100% - 44px); overflow:hidden; }
.premium-planner-view[b-blr11owfkl]  .week-view,
.premium-planner-view[b-blr11owfkl]  .timeline-view { height:100%; min-height:0; }
.premium-planner-view[b-blr11owfkl]  .week-grid { min-height:100%; height:100%; }
.premium-planner-slice[b-blr11owfkl] { position:absolute; inset:0; }
.premium-card-style-atmosphere[b-blr11owfkl] { left:0; width:100%; }
.premium-card-style-tasks[b-blr11owfkl] { position:relative; z-index:1; height:calc(100% - 164px); box-sizing:border-box; padding:12px; }
/* Keep the real task row's intrinsic size. Extra examples fill complete columns. */
.premium-card-style-columns[b-blr11owfkl] { display:flex; flex-flow:column wrap; align-content:flex-start; gap:5px 8px; height:100%; overflow:hidden; }
.premium-card-style-columns[b-blr11owfkl]  > .planner-task { flex:none; width:calc((100% - 24px) / 4); }
.premium-message-style-examples[b-blr11owfkl] { position:absolute; inset:auto 0 0; height:164px; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:repeat(2,minmax(0,1fr)); align-items:center; gap:8px; padding:10px 24px; box-sizing:border-box; border-top:1px solid var(--line); background:transparent; }
.premium-message-style-examples[b-blr11owfkl]  .chat-message { min-width:0; margin:0; }
.premium-message-style-examples[b-blr11owfkl]  .chat-message-content { min-width:0; }
.premium-planner-theme-name[b-blr11owfkl] { position:absolute; z-index:2; bottom:12px; left:var(--preview-label-position); transform:translateX(-50%); padding:5px 12px; border:1px solid var(--line); border-radius:var(--custom-radius,7px); background:var(--surface); color:var(--ink); font:600 18px/1.2 var(--planner-font); }
.premium-planner-preview[data-premium-planner-preview="themes"] .slice-0[b-blr11owfkl] { clip-path:polygon(0 0,30% 0,20% 100%,0 100%); }
.premium-planner-preview[data-premium-planner-preview="themes"] .slice-1[b-blr11owfkl] { clip-path:polygon(30% 0,55% 0,45% 100%,20% 100%); }
.premium-planner-preview[data-premium-planner-preview="themes"] .slice-2[b-blr11owfkl] { clip-path:polygon(55% 0,80% 0,70% 100%,45% 100%); }
.premium-planner-preview[data-premium-planner-preview="themes"] .slice-3[b-blr11owfkl] { clip-path:polygon(80% 0,100% 0,100% 100%,70% 100%); }
@media (max-width:759px) {
    .premium-card-style-tasks[b-blr11owfkl] { height:calc(100% - 140px); }
    .premium-card-style-columns[b-blr11owfkl]  > .planner-task { width:calc((100% - 8px) / 2); }
    .premium-message-style-examples[b-blr11owfkl] { height:140px; grid-template-columns:minmax(0,1fr); gap:6px; padding:6px 12px; }
    .premium-message-style-examples[b-blr11owfkl]  .chat-message { grid-template-columns:32px minmax(0,1fr); gap:8px; }
    .premium-message-style-examples[b-blr11owfkl]  .chat-message.is-mine { grid-template-columns:minmax(0,1fr) 32px; }
    .premium-message-style-examples[b-blr11owfkl]  .chat-message-avatar { width:32px; height:32px; }
    .premium-message-style-examples[b-blr11owfkl]  .chat-message-content { gap:2px; }
    .premium-message-style-examples[b-blr11owfkl]  .chat-message-meta strong { font-size:14px; }
    .premium-message-style-examples[b-blr11owfkl]  .chat-bubble { padding:7px 10px; font-size:14px; }
    .premium-message-style-examples[b-blr11owfkl]  .chat-bubble p { font-size:14px; line-height:1.35; }
    .premium-planner-view[b-blr11owfkl]  .week-grid { height:auto; min-height:0; }
    .premium-planner-preview[data-premium-planner-preview="themes"][b-blr11owfkl] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:2px; }
    .premium-planner-preview[data-premium-planner-preview="themes"] .premium-planner-slice[b-blr11owfkl] { position:relative; inset:auto; min-width:0; min-height:0; clip-path:none; }
    .premium-planner-preview[data-premium-planner-preview="themes"] .premium-planner-atmosphere[b-blr11owfkl] { left:0; width:100%; }
    .premium-planner-preview[data-premium-planner-preview="themes"] .premium-planner-theme-name[b-blr11owfkl] { left:50%; bottom:8px; font-size:16px; }
}
/* _content/YakoPlan.UI/Components/PremiumToolsPreview.razor.rz.scp.css */
/* Only arrange the real controls. Their component and planner styles own the UI. */
.premium-tools-preview[b-kw0jy01uqh] { display:grid; width:100%; height:100%; min-width:0; place-items:center; padding:16px; color:var(--ink); }
.premium-planning-tools[b-kw0jy01uqh] { display:grid; grid-template-columns:minmax(0,460px) minmax(0,310px); align-items:center; gap:24px; width:100%; justify-content:center; }
.premium-planning-task[b-kw0jy01uqh] { display:grid; min-width:0; gap:16px; }
.premium-timing-controls[b-kw0jy01uqh] { width:100%; }
.premium-week-tools[b-kw0jy01uqh] { min-width:0; }
.premium-week-tools h3[b-kw0jy01uqh] { margin:0 0 12px; font:600 1rem/1.3 var(--planner-font); }
.premium-deadline-tools[b-kw0jy01uqh] { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; width:100%; }
.premium-deadline-planner.planner-shell[b-kw0jy01uqh] { position:relative; display:block; width:100%; height:auto; min-height:0; padding:0; background:transparent; }
.premium-deadline-planner[b-kw0jy01uqh]  .week-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); min-height:0; overflow:visible; }
.premium-deadline-planner[b-kw0jy01uqh]  .day-column { min-height:132px; }
.premium-deadline-planner[b-kw0jy01uqh]  .day-column:nth-child(n+4) { display:none; }
.premium-deadline-planner[b-kw0jy01uqh]  .day-column:has(.is-deadline-reminder) { border-right:0; }
.premium-deadline-planner[b-kw0jy01uqh]  .day-header { position:static; }
.premium-reminder-tools[b-kw0jy01uqh] { display:grid; width:100%; min-width:0; }
.premium-deadline-tools > .premium-reminder-tools[b-kw0jy01uqh] { width:min(100%,600px); justify-self:center; }
.premium-connection-tools[b-kw0jy01uqh] { width:100%; align-self:start; }
@media (max-width:759px) {
    .premium-tools-preview[b-kw0jy01uqh] { padding:16px; }
    .premium-planning-tools[b-kw0jy01uqh] { gap:16px; }
}
/* _content/YakoPlan.UI/Components/PremiumWidgetPreview.razor.rz.scp.css */
.premium-widget-preview[b-zstqug2hvq] { position:absolute; inset:0; display:grid; place-items:end center; overflow:hidden; }
.premium-widget-phone[b-zstqug2hvq] { width:308px; height:280px; padding:8px 12px; display:flex; flex-direction:column; gap:9px; border:5px solid #201a1b; border-bottom:0; border-radius:32px 32px 0 0; background:radial-gradient(ellipse at 8% 110%,#eb9b78,transparent 70%),linear-gradient(150deg,#292442,#704965 70%,#9b655f); color:#fffaf4; box-shadow:0 0 0 1px rgb(255 240 231 / .28),0 12px 36px rgb(0 0 0 / .4); }
.premium-widget-status[b-zstqug2hvq] { height:20px; padding-inline:10px; display:flex; align-items:center; justify-content:space-between; font-size:12px; font-weight:700; }
.premium-widget-battery[b-zstqug2hvq] { position:relative; width:16px; height:8px; border:1px solid currentColor; border-radius:3px; }
.premium-widget-battery[b-zstqug2hvq]::before { position:absolute; inset:1px; border-radius:1px; background:currentColor; content:""; }
.premium-widget-battery[b-zstqug2hvq]::after { position:absolute; top:2px; left:100%; width:2px; height:2px; background:currentColor; content:""; }
.premium-widget-tile.planner-shell[b-zstqug2hvq] { min-height:0; padding:5px 9px 7px; border-radius:var(--custom-radius,18px); overflow:hidden; }
.premium-widget-tile .day-column[b-zstqug2hvq] { padding:0; }
.premium-widget-tile .day-header[b-zstqug2hvq] { justify-content:flex-start; }
.premium-widget-tile[b-zstqug2hvq]  .day-label[aria-current="date"] { margin-inline-start:0; border-radius:999px; }
.premium-widget-note[b-zstqug2hvq] { margin-inline-start:8px; color:var(--ink-soft); font-size:.8125rem; text-align:start; }
.premium-widget-launcher-icon[b-zstqug2hvq] { align-self:flex-start; margin-inline-start:8px; border-radius:8px; }
@container (max-height:180px) {
    .premium-widget-phone[b-zstqug2hvq] { width:308px; height:132px; padding:5px 10px; border-radius:24px 24px 0 0; }
    .premium-widget-status[b-zstqug2hvq],.premium-widget-launcher-icon[b-zstqug2hvq],.premium-widget-tile[b-zstqug2hvq]  .planner-task:last-child { display:none; }
    .premium-widget-tile.planner-shell[b-zstqug2hvq] { --planner-day-header-height:34px; padding-block:1px 0; }
    .premium-widget-tile .day-header[b-zstqug2hvq] { padding-block:1px; }
    .premium-widget-tile[b-zstqug2hvq]  .day-label[aria-current="date"] { min-height:31px; }
    .premium-widget-tile .day-tasks[b-zstqug2hvq] { --task-row-spacing:3px; padding-top:4px; }
    .premium-widget-tile[b-zstqug2hvq]  .planner-task { padding-block:4px; }
}
/* _content/YakoPlan.UI/Components/ProfilePictureEditor.razor.rz.scp.css */
.settings-profile-picture .settings-picture-preview-custom[b-0v38qkl9bl] { background:transparent; box-shadow:none; }

.picture-crop-dialog[b-0v38qkl9bl] {
    box-sizing: border-box;
    width: min(460px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    padding: 24px;
    border: 1px solid var(--line, #dedfd8);
    border-radius: 20px;
    background: var(--paper, #fffefa);
    color: var(--ink, #262823);
    box-shadow: 0 24px 80px #0004;
    overflow-y: auto;
    overscroll-behavior: contain;
    font-family: var(--planner-font, var(--yako-font, inherit));
}

.picture-crop-dialog[open][b-0v38qkl9bl] { animation: picture-crop-enter-b-0v38qkl9bl 240ms cubic-bezier(.22, 1, .36, 1); }
.picture-crop-dialog[b-0v38qkl9bl]::backdrop { background: rgba(12,13,10,.58); backdrop-filter: none; -webkit-backdrop-filter: none; animation: picture-crop-backdrop-b-0v38qkl9bl 220ms ease-out both; }
.picture-crop-dialog h2[b-0v38qkl9bl] { margin: 0; font-size: 1.2rem; font-weight: 680; line-height: 1.4; letter-spacing: -.025em; }
.picture-crop-help[b-0v38qkl9bl] { margin: 8px 0 18px; color: var(--ink-soft, #66685f); font-size: .85rem; line-height: 1.5; }
.picture-crop-dialog button[b-0v38qkl9bl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 44px;
    border: 0;
    border-radius: var(--pill-radius);
    font: inherit;
    font-weight: 670;
    text-decoration: none;
    cursor: pointer;
    transition:var(--hover-transition),transform 160ms cubic-bezier(.22, 1, .36, 1);
    -webkit-tap-highlight-color: transparent;
}
.picture-crop-dialog :is(.button,.secondary-button)[b-0v38qkl9bl] { background: var(--pill-fill); color: var(--pill-ink); }
@media (hover: hover) {
    .picture-crop-dialog button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-0v38qkl9bl] { background:var(--hover-background); color:var(--hover-color); }
    .picture-crop-dialog .secondary-button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-0v38qkl9bl] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
    .picture-crop-dialog .button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-0v38qkl9bl] { background:var(--hover-background); color:var(--hover-color); }
}
.picture-crop-dialog button:active:not(:disabled)[b-0v38qkl9bl] { transform: scale(.96); box-shadow: none; }

.picture-crop-stage[b-0v38qkl9bl] {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 14px;
    background: #1c201d;
    touch-action: none;
    cursor: grab;
    user-select: none;
}

.picture-crop-stage:active[b-0v38qkl9bl] { cursor: grabbing; }
.picture-crop-stage[aria-disabled="true"][b-0v38qkl9bl] { cursor: default; }
.picture-crop-image[b-0v38qkl9bl] { position: absolute; max-width: none; pointer-events: none; user-select: none; opacity: 0; transition: opacity 200ms ease; }
.picture-crop-stage[data-crop-ready] .picture-crop-image[b-0v38qkl9bl] { opacity: 1; }
.picture-crop-stage[data-crop-animate] .picture-crop-image[b-0v38qkl9bl] { transition: left 180ms cubic-bezier(.22, 1, .36, 1), top 180ms cubic-bezier(.22, 1, .36, 1), width 180ms cubic-bezier(.22, 1, .36, 1), height 180ms cubic-bezier(.22, 1, .36, 1), opacity 200ms ease; }
.picture-crop-mask[b-0v38qkl9bl] {
    position: absolute;
    inset: 10%;
    border: 3px solid white;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 0 0 0 200vmax #0008;
    pointer-events: none;
    animation: picture-crop-ring-b-0v38qkl9bl 320ms cubic-bezier(.22, 1, .36, 1) both;
}

.picture-crop-dialog[data-crop-shape="rectangle"] .picture-crop-stage[b-0v38qkl9bl] {
    aspect-ratio:var(--picture-crop-aspect-ratio,.75);
    max-width:min(100%,calc(40dvh * var(--picture-crop-aspect-ratio,.75)));
    margin-inline:auto;
}
.picture-crop-dialog[data-crop-shape="rectangle"] .picture-crop-mask[b-0v38qkl9bl] { border-radius:8px; }
.picture-crop-dialog[data-crop-preserve-animation="true"] .picture-crop-stage[b-0v38qkl9bl] { cursor:default; touch-action:pan-y; }
.picture-crop-dialog[data-crop-preserve-animation="true"]:not([data-crop-shape="rectangle"]) .picture-crop-stage[b-0v38qkl9bl] { border-radius:50%; }
.picture-crop-dialog[data-crop-preserve-animation="true"] .picture-crop-image[b-0v38qkl9bl] { inset:0; width:100%; height:100%; object-fit:cover; }

.picture-crop-zoom[b-0v38qkl9bl] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 8px 12px;
    margin-top: 18px;
}
.picture-crop-zoom-heading[b-0v38qkl9bl] { display:flex; grid-column:1 / -1; align-items:center; justify-content:space-between; gap:12px; min-width:0; }
.picture-crop-zoom-heading label[b-0v38qkl9bl] { font-size:.82rem; }
.picture-crop-dialog .picture-crop-icon[b-0v38qkl9bl] { display: grid; place-items: center; width: 44px; min-height: 44px; padding: 0; }
.picture-crop-filename[b-0v38qkl9bl] { margin: 14px 0 0; color: var(--ink-soft, #66685f); font-size: .75rem; overflow-wrap: anywhere; }
.picture-crop-status[b-0v38qkl9bl] { font-size: .82rem; line-height: 1.5; }
.picture-crop-status.is-error[b-0v38qkl9bl] { color: var(--danger, #a53636); }
.picture-crop-actions[b-0v38qkl9bl] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line, #dcd8ce); }
.picture-crop-actions button[b-0v38qkl9bl] { min-height: 44px; padding: 10px 18px; font-size: .84rem; }
.picture-crop-actions .picture-crop-reset[b-0v38qkl9bl] { margin-right: auto; padding-inline: 10px; border-color: transparent; background: transparent; color: var(--ink-soft, #66685f); }
.picture-crop-actions .picture-crop-reset:hover:where(:not([data-touch-input] *)):not(:disabled)[b-0v38qkl9bl] { background:var(--hover-background); color:var(--hover-color); }
.picture-crop-actions .picture-crop-apply[b-0v38qkl9bl] { min-width: 100px; }
.picture-crop-spinner[b-0v38qkl9bl] { width: 14px; height: 14px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: picture-crop-spin-b-0v38qkl9bl 700ms linear infinite; }
.picture-crop-apply:disabled[b-0v38qkl9bl] { opacity: .65; }
.picture-crop-dialog :is(button, input, [tabindex]):focus-visible[b-0v38qkl9bl] { outline: 3px solid var(--accent, #c76345); outline-offset: 3px; }
.picture-crop-stage:focus-visible[b-0v38qkl9bl] { outline-offset: -4px; }
.picture-crop-dialog :is(button, input):disabled[b-0v38qkl9bl] { opacity: .5; cursor: default; transform: none; }

@media (max-width: 480px), (max-height: 740px) {
    .picture-crop-dialog[b-0v38qkl9bl] { padding: 18px; }
    .picture-crop-stage[b-0v38qkl9bl] { max-width: min(100%, 40dvh); margin-inline: auto; }
    .picture-crop-help[b-0v38qkl9bl] { margin-bottom: 12px; }
    .picture-crop-actions[b-0v38qkl9bl] { margin-top: 16px; }
}

@keyframes picture-crop-enter-b-0v38qkl9bl { from { opacity: 0; transform: translateY(10px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes picture-crop-backdrop-b-0v38qkl9bl { from { opacity: 0; } to { opacity: 1; } }
@keyframes picture-crop-ring-b-0v38qkl9bl { from { opacity: 0; } to { opacity: 1; } }
@keyframes picture-crop-spin-b-0v38qkl9bl { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .picture-crop-dialog[b-0v38qkl9bl], .picture-crop-dialog[b-0v38qkl9bl]::backdrop, .picture-crop-dialog *[b-0v38qkl9bl] { transition: none !important; animation: none !important; }
    .picture-crop-dialog button:active[b-0v38qkl9bl] { transform: none; }
}
/* _content/YakoPlan.UI/Components/RichDescriptionEditor.razor.rz.scp.css */
.rich-description-editor[b-1zgzqdb8h8] { min-width:0; min-height:0; text-align:start; }
.rich-description-editor[b-1zgzqdb8h8]  .task-description-editor,
.rich-description-editor[b-1zgzqdb8h8]  .task-description-editor[data-description-ready] > [data-task-description-host] { flex:initial; }
.rich-description-editor[b-1zgzqdb8h8]  .task-description-heading { flex-direction:column; align-items:stretch; gap:8px; }
.rich-description-editor[b-1zgzqdb8h8]  .task-description-heading .task-description-toolbar { width:100%; flex-wrap:wrap; overflow:visible; margin-inline:0; }
.rich-description-editor[b-1zgzqdb8h8]  .task-description-heading .task-description-toolbar > button { flex:1 0 24px; width:24px; min-width:24px; max-width:36px; }
.rich-description-editor[b-1zgzqdb8h8]  .task-description-source,
.rich-description-editor[b-1zgzqdb8h8]  .task-description-input { min-height:72px; max-height:200px; overflow:auto; }
/* _content/YakoPlan.UI/Components/RollingClock.razor.rz.scp.css */
.rolling-clock[b-ljt6ttxma1] { position:relative; display:inline-grid; vertical-align:baseline; }
.rolling-clock-source[b-ljt6ttxma1], .rolling-clock-digits[b-ljt6ttxma1] { grid-area:1 / 1; }
.rolling-clock-digits[b-ljt6ttxma1] { display:flex; justify-content:center; align-items:center; letter-spacing:normal; }
.rolling-clock:has(> .rolling-clock-digits[data-number-ready]) > .rolling-clock-source[b-ljt6ttxma1] { position:absolute; inset:0; opacity:0; pointer-events:none; }

/* The complete reel sets the slot width, including fonts with proportional digits. */
.rolling-clock-digits[b-ljt6ttxma1]  .canvas-number-digit { flex:none; }
.rolling-clock-digits[b-ljt6ttxma1]  .has-number-reel { display:grid; padding-inline:.025em; }
.rolling-clock-digits[b-ljt6ttxma1]  .has-number-reel > span { grid-area:1 / 1; }
.rolling-clock-digits[b-ljt6ttxma1]  .canvas-number-reel { position:static; }
.rolling-clock-digits[b-ljt6ttxma1]  .canvas-number-reel,
.rolling-clock-digits[b-ljt6ttxma1]  .canvas-number-reel > span { text-align:center; }

/* Session clocks retain the editable time's glyph widths and tracking. */
.rolling-clock-natural[b-ljt6ttxma1] { display:grid; width:max-content; height:1.1em; margin-inline:auto; align-items:center; }
.rolling-clock-natural .rolling-clock-digits[b-ljt6ttxma1]  .canvas-number-digit { letter-spacing:normal; margin-inline-end:var(--rolling-clock-letter-spacing,0px); }
.rolling-clock-natural .rolling-clock-digits[b-ljt6ttxma1]  .has-number-reel { display:inline-block; padding-inline:0; }
.rolling-clock-natural .rolling-clock-digits[b-ljt6ttxma1]  .has-number-reel > span:first-child { width:max-content; }
.rolling-clock-natural .rolling-clock-digits[b-ljt6ttxma1]  .canvas-number-reel { position:absolute; }
/* _content/YakoPlan.UI/Components/SafetyReportButton.razor.rz.scp.css */
.safety-report-button[b-5pwbzvsdin] {
    display:inline-grid;
    place-items:center;
    flex:none;
    width:32px;
    height:32px;
    padding:0;
    border:0;
    border-radius:8px;
    background:transparent;
    color:var(--ink-soft);
    cursor:pointer;
    transition:var(--hover-transition);
}

.safety-report-button:hover:where(:not([data-touch-input] *))[b-5pwbzvsdin] { background:var(--hover-background); color:var(--hover-color); }
.safety-report-button:focus-visible[b-5pwbzvsdin] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }

@media (pointer:coarse) {
    .safety-report-button[b-5pwbzvsdin] { width:44px; height:44px; }
}

@media (prefers-reduced-motion:reduce) {
    .safety-report-button[b-5pwbzvsdin] { transition:none; }
}
/* _content/YakoPlan.UI/Components/SakuraAtmosphere.razor.rz.scp.css */
.sakura-atmosphere[b-iyhw44r6la] {
    position: fixed;
    inset: 0 0 auto;
    top: var(--planner-paint-top, 0px);
    height: max(100%, var(--planner-paint-height, 0px));
    z-index: 0;
    overflow: hidden;
    clip-path: inset(0 0 0 64%);
    pointer-events: none;
    user-select: none;
    opacity: .78;
}

.sakura-parallax-paint[b-iyhw44r6la] { position:absolute; inset:0; }
.sakura-parallax-paint[data-theme-parallax-active][b-iyhw44r6la] { inset:-24px; }
.sakura-parallax-paint:not([data-theme-parallax-active])[b-iyhw44r6la] { transform:none!important; will-change:auto!important; }

.sakura-petal[b-iyhw44r6la] {
    position: absolute;
    top: -2rem;
    left: var(--petal-left);
    width: var(--petal-size);
    height: calc(var(--petal-size) * 1.3333);
    fill: var(--petal-color, #f1bbcf);
    opacity: 0;
    transform-origin: 50% 40%;
    animation: sakura-fall-b-iyhw44r6la var(--petal-duration) linear var(--petal-delay) infinite;
    will-change: transform, opacity;
}

.sakura-petal-vein[b-iyhw44r6la] { fill:none; stroke:#fff2f6; stroke-width:.75; stroke-linecap:round; opacity:.38; }

/* Static artwork rides eight small surfaces; only transform and opacity change. */
.sakura-petal:nth-child(1)[b-iyhw44r6la] { --petal-left: 71%; --petal-size: .5rem; --petal-duration: 23s; --petal-delay: -3s; --petal-drift: -70px; --petal-sway: 14px; --petal-angle: 35deg; --petal-turn: 190deg; --petal-alpha: .28; --petal-color: #d49caf; }
.sakura-petal:nth-child(2)[b-iyhw44r6la] { --petal-left: 89%; --petal-size: .85rem; --petal-duration: 19s; --petal-delay: -12s; --petal-drift: -120px; --petal-sway: 25px; --petal-angle: -25deg; --petal-turn: -220deg; --petal-alpha: .47; }
.sakura-petal:nth-child(3)[b-iyhw44r6la] { --petal-left: 96%; --petal-size: .6rem; --petal-duration: 25s; --petal-delay: -8s; --petal-drift: -155px; --petal-sway: 18px; --petal-angle: 80deg; --petal-turn: 260deg; --petal-alpha: .32; --petal-color: #d9a6bc; }
.sakura-petal:nth-child(4)[b-iyhw44r6la] { --petal-left: 78%; --petal-size: 1rem; --petal-duration: 21s; --petal-delay: -17s; --petal-drift: -90px; --petal-sway: 28px; --petal-angle: 140deg; --petal-turn: -180deg; --petal-alpha: .52; --petal-color: #f5c7d6; }
.sakura-petal:nth-child(5)[b-iyhw44r6la] { --petal-left: 84%; --petal-size: .45rem; --petal-duration: 27s; --petal-delay: -6s; --petal-drift: -140px; --petal-sway: 12px; --petal-angle: -65deg; --petal-turn: 240deg; --petal-alpha: .26; --petal-color: #d49caf; }
.sakura-petal:nth-child(6)[b-iyhw44r6la] { --petal-left: 98%; --petal-size: 1.1rem; --petal-duration: 18s; --petal-delay: -13s; --petal-drift: -110px; --petal-sway: 30px; --petal-angle: 15deg; --petal-turn: 200deg; --petal-alpha: .55; --petal-color: #f5c7d6; }
.sakura-petal:nth-child(7)[b-iyhw44r6la] { --petal-left: 92%; --petal-size: .7rem; --petal-duration: 22s; --petal-delay: -20s; --petal-drift: -180px; --petal-sway: 20px; --petal-angle: -120deg; --petal-turn: -270deg; --petal-alpha: .39; }
.sakura-petal:nth-child(8)[b-iyhw44r6la] { --petal-left: 81%; --petal-size: .55rem; --petal-duration: 24s; --petal-delay: -10s; --petal-drift: -65px; --petal-sway: 16px; --petal-angle: 60deg; --petal-turn: -210deg; --petal-alpha: .3; --petal-color: #d9a6bc; }

@media (max-width: 800px) {
    /* Let drifting petals leave through the viewport edge on phones. */
    .sakura-atmosphere[b-iyhw44r6la] { clip-path: none; }
}

@keyframes sakura-fall-b-iyhw44r6la {
    0% {
        transform: translate3d(0, 0, 0) rotate(var(--petal-angle)) scaleX(.8);
        opacity: 0;
    }
    12% {
        opacity: var(--petal-alpha);
    }
    26% {
        transform: translate3d(calc(var(--petal-drift) * .26 + var(--petal-sway)), calc(var(--planner-paint-height, 100vh) * .286), 0) rotate(calc(var(--petal-angle) + var(--petal-turn) * .26)) scaleX(.48);
        opacity: var(--petal-alpha);
    }
    50% {
        transform: translate3d(calc(var(--petal-drift) * .5 - var(--petal-sway)), calc(var(--planner-paint-height, 100vh) * .55), 0) rotate(calc(var(--petal-angle) + var(--petal-turn) * .5)) scaleX(1);
        opacity: calc(var(--petal-alpha) * .9);
    }
    78% {
        transform: translate3d(calc(var(--petal-drift) * .78 + var(--petal-sway) * .35), calc(var(--planner-paint-height, 100vh) * .858), 0) rotate(calc(var(--petal-angle) + var(--petal-turn) * .78)) scaleX(.62);
        opacity: calc(var(--petal-alpha) * .65);
    }
    100% {
        transform: translate3d(var(--petal-drift), calc(var(--planner-paint-height, 100vh) * 1.1), 0) rotate(calc(var(--petal-angle) + var(--petal-turn))) scaleX(.9);
        opacity: 0;
    }
}

/* Resolve the built-in paths once instead of evaluating nested custom-property
   calculations while editing or placing canvas items. The size container uses
   the same keyboard-stable paint height as the fallback above. Older browsers
   retain that fallback, and previews keep their still artwork. */
@supports (container-type: size) and (height: 1cqh) {
    @media screen and (prefers-reduced-motion: no-preference) and (forced-colors: none) {
        .sakura-atmosphere:not(.is-preview)[b-iyhw44r6la] { container-type: size; }
        .sakura-atmosphere:not(.is-preview) .sakura-petal:nth-child(1)[b-iyhw44r6la] { animation-name: sakura-fall-1-b-iyhw44r6la; }
        .sakura-atmosphere:not(.is-preview) .sakura-petal:nth-child(2)[b-iyhw44r6la] { animation-name: sakura-fall-2-b-iyhw44r6la; }
        .sakura-atmosphere:not(.is-preview) .sakura-petal:nth-child(3)[b-iyhw44r6la] { animation-name: sakura-fall-3-b-iyhw44r6la; }
        .sakura-atmosphere:not(.is-preview) .sakura-petal:nth-child(4)[b-iyhw44r6la] { animation-name: sakura-fall-4-b-iyhw44r6la; }
        .sakura-atmosphere:not(.is-preview) .sakura-petal:nth-child(5)[b-iyhw44r6la] { animation-name: sakura-fall-5-b-iyhw44r6la; }
        .sakura-atmosphere:not(.is-preview) .sakura-petal:nth-child(6)[b-iyhw44r6la] { animation-name: sakura-fall-6-b-iyhw44r6la; }
        .sakura-atmosphere:not(.is-preview) .sakura-petal:nth-child(7)[b-iyhw44r6la] { animation-name: sakura-fall-7-b-iyhw44r6la; }
        .sakura-atmosphere:not(.is-preview) .sakura-petal:nth-child(8)[b-iyhw44r6la] { animation-name: sakura-fall-8-b-iyhw44r6la; }

        @keyframes sakura-fall-1-b-iyhw44r6la {
            0% { transform: translate3d(0, 0, 0) rotate(35deg) scaleX(.8); opacity: 0; }
            12% { opacity: 0.28; }
            26% { transform: translate3d(-4.2px, 28.6cqh, 0) rotate(84.4deg) scaleX(.48); opacity: 0.28; }
            50% { transform: translate3d(-49px, 55cqh, 0) rotate(130deg) scaleX(1); opacity: 0.252; }
            78% { transform: translate3d(-49.7px, 85.8cqh, 0) rotate(183.2deg) scaleX(.62); opacity: 0.182; }
            100% { transform: translate3d(-70px, 110cqh, 0) rotate(225deg) scaleX(.9); opacity: 0; }
        }

        @keyframes sakura-fall-2-b-iyhw44r6la {
            0% { transform: translate3d(0, 0, 0) rotate(-25deg) scaleX(.8); opacity: 0; }
            12% { opacity: 0.47; }
            26% { transform: translate3d(-6.2px, 28.6cqh, 0) rotate(-82.2deg) scaleX(.48); opacity: 0.47; }
            50% { transform: translate3d(-85px, 55cqh, 0) rotate(-135deg) scaleX(1); opacity: 0.423; }
            78% { transform: translate3d(-84.85px, 85.8cqh, 0) rotate(-196.6deg) scaleX(.62); opacity: 0.3055; }
            100% { transform: translate3d(-120px, 110cqh, 0) rotate(-245deg) scaleX(.9); opacity: 0; }
        }

        @keyframes sakura-fall-3-b-iyhw44r6la {
            0% { transform: translate3d(0, 0, 0) rotate(80deg) scaleX(.8); opacity: 0; }
            12% { opacity: 0.32; }
            26% { transform: translate3d(-22.3px, 28.6cqh, 0) rotate(147.6deg) scaleX(.48); opacity: 0.32; }
            50% { transform: translate3d(-95.5px, 55cqh, 0) rotate(210deg) scaleX(1); opacity: 0.288; }
            78% { transform: translate3d(-114.6px, 85.8cqh, 0) rotate(282.8deg) scaleX(.62); opacity: 0.208; }
            100% { transform: translate3d(-155px, 110cqh, 0) rotate(340deg) scaleX(.9); opacity: 0; }
        }

        @keyframes sakura-fall-4-b-iyhw44r6la {
            0% { transform: translate3d(0, 0, 0) rotate(140deg) scaleX(.8); opacity: 0; }
            12% { opacity: 0.52; }
            26% { transform: translate3d(4.6px, 28.6cqh, 0) rotate(93.2deg) scaleX(.48); opacity: 0.52; }
            50% { transform: translate3d(-73px, 55cqh, 0) rotate(50deg) scaleX(1); opacity: 0.468; }
            78% { transform: translate3d(-60.4px, 85.8cqh, 0) rotate(-0.4deg) scaleX(.62); opacity: 0.338; }
            100% { transform: translate3d(-90px, 110cqh, 0) rotate(-40deg) scaleX(.9); opacity: 0; }
        }

        @keyframes sakura-fall-5-b-iyhw44r6la {
            0% { transform: translate3d(0, 0, 0) rotate(-65deg) scaleX(.8); opacity: 0; }
            12% { opacity: 0.26; }
            26% { transform: translate3d(-24.4px, 28.6cqh, 0) rotate(-2.6deg) scaleX(.48); opacity: 0.26; }
            50% { transform: translate3d(-82px, 55cqh, 0) rotate(55deg) scaleX(1); opacity: 0.234; }
            78% { transform: translate3d(-105px, 85.8cqh, 0) rotate(122.2deg) scaleX(.62); opacity: 0.169; }
            100% { transform: translate3d(-140px, 110cqh, 0) rotate(175deg) scaleX(.9); opacity: 0; }
        }

        @keyframes sakura-fall-6-b-iyhw44r6la {
            0% { transform: translate3d(0, 0, 0) rotate(15deg) scaleX(.8); opacity: 0; }
            12% { opacity: 0.55; }
            26% { transform: translate3d(1.4px, 28.6cqh, 0) rotate(67deg) scaleX(.48); opacity: 0.55; }
            50% { transform: translate3d(-85px, 55cqh, 0) rotate(115deg) scaleX(1); opacity: 0.495; }
            78% { transform: translate3d(-75.3px, 85.8cqh, 0) rotate(171deg) scaleX(.62); opacity: 0.3575; }
            100% { transform: translate3d(-110px, 110cqh, 0) rotate(215deg) scaleX(.9); opacity: 0; }
        }

        @keyframes sakura-fall-7-b-iyhw44r6la {
            0% { transform: translate3d(0, 0, 0) rotate(-120deg) scaleX(.8); opacity: 0; }
            12% { opacity: 0.39; }
            26% { transform: translate3d(-26.8px, 28.6cqh, 0) rotate(-190.2deg) scaleX(.48); opacity: 0.39; }
            50% { transform: translate3d(-110px, 55cqh, 0) rotate(-255deg) scaleX(1); opacity: 0.351; }
            78% { transform: translate3d(-133.4px, 85.8cqh, 0) rotate(-330.6deg) scaleX(.62); opacity: 0.2535; }
            100% { transform: translate3d(-180px, 110cqh, 0) rotate(-390deg) scaleX(.9); opacity: 0; }
        }

        @keyframes sakura-fall-8-b-iyhw44r6la {
            0% { transform: translate3d(0, 0, 0) rotate(60deg) scaleX(.8); opacity: 0; }
            12% { opacity: 0.3; }
            26% { transform: translate3d(-0.9px, 28.6cqh, 0) rotate(5.4deg) scaleX(.48); opacity: 0.3; }
            50% { transform: translate3d(-48.5px, 55cqh, 0) rotate(-45deg) scaleX(1); opacity: 0.27; }
            78% { transform: translate3d(-45.1px, 85.8cqh, 0) rotate(-103.8deg) scaleX(.62); opacity: 0.195; }
            100% { transform: translate3d(-65px, 110cqh, 0) rotate(-150deg) scaleX(.9); opacity: 0; }
        }
    }
}

/* Keep the original petals as a still, contained thumbnail composition. */
.sakura-atmosphere.is-preview[b-iyhw44r6la] { position:absolute; inset:0; height:100%; clip-path:none; }
.is-preview .sakura-petal[b-iyhw44r6la] {
    top:var(--preview-petal-top);
    opacity:calc(var(--petal-alpha) + .2);
    transform:rotate(var(--petal-angle));
    animation:none;
    will-change:auto;
}
.is-preview .sakura-petal:nth-child(1)[b-iyhw44r6la] { --petal-left:68%; --petal-size:5px; --preview-petal-top:5%; }
.is-preview .sakura-petal:nth-child(2)[b-iyhw44r6la] { --petal-left:88%; --petal-size:8px; --preview-petal-top:15%; }
.is-preview .sakura-petal:nth-child(3)[b-iyhw44r6la] { --petal-left:78%; --petal-size:6px; --preview-petal-top:30%; }
.is-preview .sakura-petal:nth-child(4)[b-iyhw44r6la] { --petal-left:84%; --petal-size:10px; --preview-petal-top:42%; }
.is-preview .sakura-petal:nth-child(5)[b-iyhw44r6la] { --petal-left:62%; --petal-size:5px; --preview-petal-top:53%; }
.is-preview .sakura-petal:nth-child(6)[b-iyhw44r6la] { --petal-left:81%; --petal-size:9px; --preview-petal-top:65%; }
.is-preview .sakura-petal:nth-child(7)[b-iyhw44r6la] { --petal-left:68%; --petal-size:7px; --preview-petal-top:78%; }
.is-preview .sakura-petal:nth-child(8)[b-iyhw44r6la] { --petal-left:92%; --petal-size:5px; --preview-petal-top:88%; }

@media (prefers-reduced-motion: reduce), (forced-colors: active), print {
    .sakura-parallax-paint[data-theme-parallax-active][b-iyhw44r6la] { inset:0; transform:none!important; will-change:auto!important; }
    .sakura-atmosphere:not(.is-preview)[b-iyhw44r6la] { display: none; }
    .sakura-petal[b-iyhw44r6la] { animation: none; }
}
@media (forced-colors: active), print { .sakura-atmosphere.is-preview[b-iyhw44r6la] { display:none; } }
/* _content/YakoPlan.UI/Components/SharedCalendarMembers.razor.rz.scp.css */
.calendar-shared-members[b-2ppcpjo2bz] { display: flex; align-items: center; gap: 5px; min-width: 0; min-height: 24px; color: var(--ink-soft, #66685f); font-size: .6875rem; font-weight: 400; line-height: 1.3; text-align: left; }
.calendar-shared-label[b-2ppcpjo2bz] { flex: none; white-space: nowrap; }
.calendar-shared-people[b-2ppcpjo2bz] { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 0; min-width: 0; }
.calendar-member-picture[b-2ppcpjo2bz] { position: relative; display: inline-grid; flex: none; place-items: center; box-sizing: border-box; width: 22px; height: 22px; border: 1px solid var(--surface, #fffdf8); font-size: .5625rem; line-height: 1; text-align: center; }
.calendar-member-picture + .calendar-member-picture[b-2ppcpjo2bz] { margin-left: -4px; }
.calendar-member-picture img[b-2ppcpjo2bz] { width: 100%; height: 100%; object-fit: cover; }
.calendar-member-overflow[b-2ppcpjo2bz] { flex: none; margin-left: 3px; color: var(--ink-soft, #66685f); font-size: .625rem; font-variant-numeric: tabular-nums; }
.calendar-shared-members-compact[b-2ppcpjo2bz] { min-height: 22px; gap: 4px; font-size: .625rem; }
.calendar-shared-members-compact .calendar-member-picture[b-2ppcpjo2bz] { width: 20px; height: 20px; }
@media (forced-colors: active) { .calendar-member-picture[b-2ppcpjo2bz] { border-color: CanvasText; } }
/* _content/YakoPlan.UI/Components/SocialNotificationPreview.razor.rz.scp.css */
.social-notification-preview[b-z3tof9q2lm] { display:grid; grid-template-columns:44px minmax(0,1fr); gap:8px; align-items:start; min-width:0; }
/* _content/YakoPlan.UI/Components/TaskAppearancePicker.razor.rz.scp.css */
.task-appearance-preview-shell[b-chrzp021oo] { position:sticky; top:-16px; z-index:2; padding:16px 0 12px; margin:-16px 0 -12px; }
.task-appearance-picker[b-chrzp021oo] { display:grid; gap:14px; min-width:0; color:var(--ink,#262823); }
.task-appearance-picker [hidden][b-chrzp021oo] { display:none!important; }
.task-appearance-style-drawer[b-chrzp021oo] { min-width:0; padding-top:8px; border-top:1px solid var(--line,#dcd8ce); }
.task-appearance-style-drawer > summary[b-chrzp021oo] { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; cursor:pointer; list-style:none; color:var(--ink,#262823); font-size:.8rem; line-height:1.4; font-weight:650; border-radius:5px; }
.task-appearance-style-drawer > summary[b-chrzp021oo]::-webkit-details-marker { display:none; }
.task-appearance-style-drawer > summary:hover:where(:not([data-touch-input] *))[b-chrzp021oo] { background:var(--hover-background); color:var(--hover-color); }
.task-appearance-style-drawer > summary:focus-visible[b-chrzp021oo] { outline:2px solid var(--focus,#225ecc); outline-offset:2px; }
.task-appearance-style-drawer-content[b-chrzp021oo] { display:grid; gap:14px; padding-top:9px; }
@media (prefers-reduced-motion:no-preference) {
    .task-appearance-style-drawer > summary[b-chrzp021oo] { transition:var(--hover-transition),translate 180ms ease; }
    .task-appearance-style-drawer > summary:hover:where(:not([data-touch-input] *))[b-chrzp021oo] { background:var(--hover-background); color:var(--hover-color); }
    .task-appearance-style-drawer[open] > .task-appearance-style-drawer-content[b-chrzp021oo] { animation:card-style-drawer-enter-b-chrzp021oo 220ms ease-out; }
    @supports (interpolate-size:allow-keywords) and selector(details::details-content) {
        .task-appearance-style-drawer[b-chrzp021oo] { interpolate-size:allow-keywords; }
        .task-appearance-style-drawer[b-chrzp021oo]::details-content { block-size:0; overflow:clip; opacity:0; transition:block-size 260ms cubic-bezier(.2,.8,.2,1),opacity 180ms ease,content-visibility 260ms; transition-behavior:allow-discrete; }
        .task-appearance-style-drawer[open][b-chrzp021oo]::details-content { block-size:auto; opacity:1; }
    }
}
@keyframes card-style-drawer-enter-b-chrzp021oo { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
/* Keep the full task available without covering the appearance controls. */
.task-appearance-preview[b-chrzp021oo] { min-width:0; max-height:min(180px,25dvh); overflow:auto; overscroll-behavior:contain; }
.task-appearance-preview:focus-visible[b-chrzp021oo] { box-shadow:0 0 0 2px var(--focus,#225ecc); }
.task-appearance-preview[b-chrzp021oo]  :is(.planner-task,.chat-bubble,.managed-calendar-card) { isolation:isolate; pointer-events:none; }
.task-appearance-preview[b-chrzp021oo]  .task-inline-video .canvas-video-controls { display:none; }
@media (prefers-reduced-motion:no-preference) {
    .task-appearance-preview[b-chrzp021oo] { transition:box-shadow 160ms ease; }
    .task-appearance-preview[b-chrzp021oo]  :is(.planner-task,.chat-bubble,.managed-calendar-card) { transition:background-color 240ms ease-out,border-color 240ms ease-out,color 240ms ease-out; }
    .task-appearance-preview[b-chrzp021oo]  :is(.planner-task,.chat-bubble,.managed-calendar-card):has(> [data-task-appearance-transition]) { transition-property:border-color,color; }
}
.task-appearance-base-controls[b-chrzp021oo] { min-width:0; }
.task-appearance-default-presence[b-chrzp021oo] { display:grid; grid-template-rows:0fr; min-height:0; margin-block:0; opacity:0; visibility:hidden; }
.task-appearance-default-presence:is(.is-visible:not([data-appearance-action-state]),[data-appearance-action-state="visible"])[b-chrzp021oo] { grid-template-rows:1fr; margin-block-end:14px; opacity:1; visibility:visible; }
.task-appearance-default[b-chrzp021oo] { --appearance-action-gap:6px; display:flex; align-items:stretch; flex-wrap:nowrap; gap:var(--appearance-action-gap); min-width:0; min-height:0; overflow:clip; overflow-clip-margin:4px; }
.task-appearance-reset-presence[b-chrzp021oo] { display:grid; grid-template-columns:minmax(0,0fr); min-width:0; overflow:clip; overflow-clip-margin:4px; opacity:0; visibility:hidden; }
.task-appearance-reset-presence:not(:first-child)[b-chrzp021oo] { margin-inline-start:calc(-1 * var(--appearance-action-gap)); }
.task-appearance-reset-presence:is(.is-visible:not([data-appearance-action-state]),[data-appearance-action-state="visible"])[b-chrzp021oo] { grid-template-columns:minmax(0,1fr); opacity:1; visibility:visible; margin-inline-start:0; }
.task-appearance-reset-presence > button[b-chrzp021oo] { overflow:hidden; }
@media (prefers-reduced-motion:no-preference) {
    .task-appearance-default-presence[b-chrzp021oo] { transition:grid-template-rows 220ms cubic-bezier(.2,.7,.2,1),margin 220ms cubic-bezier(.2,.7,.2,1),opacity 180ms ease,visibility 220ms; }
    .task-appearance-reset-presence[b-chrzp021oo] { transition:grid-template-columns 220ms cubic-bezier(.2,.7,.2,1),margin 220ms cubic-bezier(.2,.7,.2,1),opacity 180ms ease,visibility 220ms; }
}
.task-appearance-default button[b-chrzp021oo] { flex:0 1 auto; min-width:0; min-height:36px; padding:7px 8px; border:1px solid var(--line,#dcd8ce); border-radius:8px; background:var(--surface,#fffdf8); color:var(--ink,#262823); font:600 .75rem/1.35 var(--planner-font); cursor:pointer; }
.task-appearance-default button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-chrzp021oo] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
.task-appearance-default button:focus-visible[b-chrzp021oo] { outline:2px solid var(--focus,#225ecc); outline-offset:2px; }
.task-appearance-default button:disabled[b-chrzp021oo] { opacity:.65; cursor:default; }
/* Reserve both labels so slider feedback cannot change the action row's size. */
.task-appearance-default button[data-task-style-default="save"][b-chrzp021oo] { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; align-content:center; }
.task-appearance-default button[data-task-style-default="save"][b-chrzp021oo]::before,
.task-appearance-default button[data-task-style-default="save"][b-chrzp021oo]::after,
.task-appearance-default [data-task-style-default-label][b-chrzp021oo] { grid-area:1 / 1; min-width:0; }
.task-appearance-default button[data-task-style-default="save"][b-chrzp021oo]::before { content:attr(data-default-label); visibility:hidden; pointer-events:none; }
.task-appearance-default button[data-task-style-default="save"][b-chrzp021oo]::after { content:attr(data-active-label); visibility:hidden; pointer-events:none; }
.task-appearance-default button[data-task-style-default="save"] .task-feature-lock[b-chrzp021oo] { grid-area:1 / 2; }
.task-appearance-default .task-appearance-default-reset[b-chrzp021oo] { border-color:transparent; background:transparent; color:var(--ink-soft,#66685f); font-weight:400; }
.task-appearance-default--calendar[b-chrzp021oo] { --appearance-action-gap:4px; }
.task-appearance-default--calendar button[b-chrzp021oo] { padding-inline:6px; overflow-wrap:anywhere; }
@media (max-width:420px) {
    .task-appearance-default--calendar button[b-chrzp021oo] { padding-inline:4px; }
}
@media (max-width:380px) {
    .task-appearance-default button[b-chrzp021oo] { padding-inline:4px; }
}
.task-appearance-styles[b-chrzp021oo], .task-appearance-effects[b-chrzp021oo], .task-appearance-transparency[b-chrzp021oo] { min-width:0; margin:0; padding:0; border:0; }
.task-appearance-styles legend[b-chrzp021oo] { margin:0 0 9px; padding:0; color:var(--ink,#262823); font-size:.8rem; line-height:1.4; font-weight:650; }
.task-appearance-style-grid[b-chrzp021oo] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.task-appearance-choice[b-chrzp021oo] { position:relative; display:grid; align-content:start; min-width:0; padding:7px; border:1px solid var(--line,#dcd8ce); border-radius:13px; background:var(--surface,#fffdf8); cursor:pointer; transition:var(--hover-transition); }
.task-appearance-choice:hover:where(:not([data-touch-input] *))[b-chrzp021oo] { border-color:var(--hover-border); background:var(--hover-background); color:var(--hover-color); }
.task-appearance-choice:has(input:checked)[b-chrzp021oo] { border-color:var(--accent,#c76345); background:color-mix(in srgb,var(--accent,#c76345) 7%,var(--surface,#fffdf8)); box-shadow:0 0 0 1px var(--accent,#c76345); }
.task-appearance-choice:has(input:focus-visible)[b-chrzp021oo], .task-appearance-motion-control:has(input:focus-visible)[b-chrzp021oo] { outline:3px solid var(--focus,#225ecc); outline-offset:3px; }
.task-appearance-choice > input[b-chrzp021oo], .task-appearance-motion-control > input[b-chrzp021oo] { position:absolute; width:1px; height:1px; overflow:hidden; margin:-1px; padding:0; clip-path:inset(50%); white-space:nowrap; }
.task-appearance-sample[b-chrzp021oo] { --task-color:var(--surface,#fffdf8); --task-color-ink:var(--task-theme-ink,#262823); --task-glow-near:4px; --task-glow-far:8px; --task-glow-spread:0px; position:relative; display:flex; align-items:center; min-height:68px; padding:12px; border-radius:8px; background:var(--task-color); color:var(--task-color-ink); }
.task-appearance-sample-content[b-chrzp021oo] { position:relative; display:flex; align-items:center; gap:8px; width:100%; }
.task-appearance-sample-check[b-chrzp021oo] { flex:none; width:13px; height:13px; border:1.5px solid currentColor; border-radius:50%; opacity:.6; }
.task-appearance-sample-lines[b-chrzp021oo] { display:grid; width:100%; gap:7px; }
.task-appearance-sample-lines i[b-chrzp021oo] { width:82%; height:4px; border-radius:3px; background:currentColor; opacity:.65; }
.task-appearance-sample-lines i + i[b-chrzp021oo] { width:54%; height:3px; opacity:.4; }
.task-appearance-choice-name[b-chrzp021oo] { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 8px; min-height:30px; padding:7px 3px 0; font-size:.78rem; font-weight:600; line-height:1.35; overflow-wrap:anywhere; }
.task-appearance-choice-name > span:first-child[b-chrzp021oo] { flex:1 0 min(100%,7ch); }
.task-appearance-choice-check[b-chrzp021oo] { margin-left:auto; }
/* The live task preview moves; gallery samples animate only while being explored. */
.task-appearance-sample[b-chrzp021oo]::before, .task-appearance-sample[b-chrzp021oo]::after, .task-appearance-sample[b-chrzp021oo]  .task-card-light, .task-appearance-sample[b-chrzp021oo]  .task-card-light::before, .task-appearance-sample[b-chrzp021oo]  .task-card-light::after { animation-play-state:paused; }
.task-appearance-choice:is(:hover:where(:not([data-touch-input] *)),:focus-within) .task-appearance-sample[b-chrzp021oo]::before, .task-appearance-choice:is(:hover:where(:not([data-touch-input] *)),:focus-within) .task-appearance-sample[b-chrzp021oo]::after, .task-appearance-choice:is(:hover:where(:not([data-touch-input] *)),:focus-within)[b-chrzp021oo]  .task-card-light, .task-appearance-choice:is(:hover:where(:not([data-touch-input] *)),:focus-within)[b-chrzp021oo]  .task-card-light::before, .task-appearance-choice:is(:hover:where(:not([data-touch-input] *)),:focus-within)[b-chrzp021oo]  .task-card-light::after { animation-play-state:running; }
.task-appearance-effects[b-chrzp021oo] { display:grid; gap:13px; padding-top:13px; border-top:1px solid var(--line,#dcd8ce); }
.task-appearance-accent-row[b-chrzp021oo], .task-appearance-accent-controls[b-chrzp021oo] { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; }
.task-appearance-accent-row[b-chrzp021oo] { min-height:31px; font-size:.78rem; font-weight:550; }
.task-appearance-accent-controls[b-chrzp021oo] { justify-content:flex-end; gap:8px; }
.task-appearance-auto[b-chrzp021oo] { display:flex; align-items:center; gap:5px; cursor:pointer; font-size:.75rem; font-weight:400; }
.task-appearance-auto input[b-chrzp021oo] { width:14px; height:14px; margin:0; accent-color:var(--accent,#c76345); }
.task-appearance-auto-swatch[b-chrzp021oo] { display:block; width:29px; height:29px; flex:none; border:1px solid color-mix(in srgb,var(--ink,#262823) 15%,transparent); border-radius:8px; background:var(--task-finish-accent,var(--task-finish-glint,#A996ED)); }
.task-appearance-accent-inputs[b-chrzp021oo] { display:flex; align-items:center; gap:5px; padding:3px 6px 3px 3px; border:1px solid var(--line,#dcd8ce); border-radius:8px; background:var(--paper,#f7f5ef); }
.task-appearance-accent-inputs[b-chrzp021oo]  .task-appearance-secondary-picker { flex:none; }
.task-appearance-accent-inputs[b-chrzp021oo]  .board-color-trigger { justify-content:center; width:30px; min-height:30px; padding:4px; gap:0; border:0; }
.task-appearance-accent-inputs[b-chrzp021oo]  .forever-board-swatch { width:22px; height:22px; flex:none; }
.task-appearance-accent-inputs[b-chrzp021oo]  .board-color-trigger:focus-visible { outline:2px solid var(--focus,#225ecc); outline-offset:2px; }
@media (pointer:coarse), (max-width:800px) {
    .task-appearance-accent-inputs[b-chrzp021oo]  .board-color-trigger { width:44px; min-height:44px; }
}
.task-appearance-accent-inputs > input[type=text][b-chrzp021oo] { width:65px; min-width:0; padding:1px 0; border:0; background:transparent; color:var(--ink,#262823); font:500 .74rem/1.4 var(--planner-font); font-variant-numeric:tabular-nums; }
.task-appearance-accent-inputs:has(> input:focus-visible)[b-chrzp021oo] { outline:2px solid var(--focus,#225ecc); outline-offset:2px; }
.task-appearance-accent-inputs > input:focus-visible[b-chrzp021oo] { outline:0; }
.task-appearance-accent-inputs:has(> input[aria-invalid=true])[b-chrzp021oo] { border-color:var(--danger,#b7473b); }
.task-appearance-error[b-chrzp021oo] { margin:-5px 0 0; color:var(--danger,#b7473b); font-size:.74rem; }
.task-appearance-range[b-chrzp021oo] { display:grid; gap:1px; min-width:0; }
.task-appearance-range > span:first-child[b-chrzp021oo] { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:.78rem; font-weight:550; }
.task-appearance-range-ends[b-chrzp021oo] { display:flex; justify-content:space-between; color:var(--ink-soft,#66685f); font-size:.68rem; line-height:1.1; }
.task-appearance-transparency[b-chrzp021oo] { display:grid; grid-column:1 / -1; grid-row:5; margin-top:-8px; }
.task-appearance-transparency[b-chrzp021oo]  .slider-number-field { margin-inline-start:auto; }
.task-appearance-transparency-range[b-chrzp021oo] { display:grid; gap:0; min-width:0; color:var(--ink-soft,#66685f); font-size:.8125rem; font-weight:400; }
.task-appearance-transparency-range > span:first-child[b-chrzp021oo] { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.task-appearance-motion[b-chrzp021oo] { position:relative; display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:37px; border-radius:5px; font-size:.78rem; font-weight:550; }
.task-appearance-motion-control[b-chrzp021oo] { position:relative; display:block; flex:none; border-radius:20px; cursor:pointer; }
.task-appearance-motion small[b-chrzp021oo] { display:block; margin-top:3px; color:var(--ink-soft,#66685f); font-size:.69rem; font-weight:400; line-height:1.4; }
.task-appearance-switch[b-chrzp021oo] { display:block; position:relative; flex:none; width:32px; height:19px; border:1px solid var(--line,#dcd8ce); border-radius:20px; background:var(--paper-deep,#eeebe2); transition:background-color 140ms ease,border-color 140ms ease; }
.task-appearance-switch[b-chrzp021oo]::before { content:""; position:absolute; top:2px; left:2px; width:13px; height:13px; border-radius:50%; background:var(--ink-soft,#66685f); transition:transform 140ms ease,background-color 140ms ease; }
input:checked + .task-appearance-switch[b-chrzp021oo] { border-color:var(--accent,#c76345); background:var(--accent,#c76345); }
input:checked + .task-appearance-switch[b-chrzp021oo]::before { transform:translateX(13px); background:#fff; }
.task-appearance-styles:disabled[b-chrzp021oo], .task-appearance-effects:disabled[b-chrzp021oo], .task-appearance-transparency:disabled[b-chrzp021oo] { opacity:.6; }
.task-appearance-styles:disabled label[b-chrzp021oo], .task-appearance-effects:disabled label[b-chrzp021oo], .task-appearance-effects:disabled input[b-chrzp021oo], .task-appearance-transparency:disabled label[b-chrzp021oo], .task-appearance-transparency:disabled input[b-chrzp021oo] { cursor:default; }
.task-appearance-reduced-motion[b-chrzp021oo] { display:none; margin:0; color:var(--ink-soft,#66685f); font-size:.72rem; line-height:1.45; }
@media (max-width:600px) {
    .task-appearance-style-grid[b-chrzp021oo] { gap:8px; }
}
@media (max-width:380px) {
    .task-appearance-choice[b-chrzp021oo] { padding:6px; }
    .task-appearance-accent-row[b-chrzp021oo] { flex-wrap:wrap; }
    .task-appearance-accent-controls[b-chrzp021oo] { margin-left:auto; }
}
@media (prefers-reduced-motion:reduce) {
    .task-appearance-picker[b-chrzp021oo]  *, .task-appearance-picker[b-chrzp021oo]  *::before, .task-appearance-picker[b-chrzp021oo]  *::after { animation:none!important; transition:none!important; }
    .task-appearance-reduced-motion[b-chrzp021oo] { display:block; }
}
@media (forced-colors:active) {
    .task-appearance-preview:focus-visible[b-chrzp021oo] { outline:2px solid Highlight!important; outline-offset:2px!important; }
    .task-appearance-choice:has(input:checked)[b-chrzp021oo] { outline:2px solid Highlight; }
    .task-appearance-choice:has(input:checked) .task-appearance-choice-check[b-chrzp021oo] { border-color:Highlight; background:Highlight; }
    .task-appearance-choice:has(input:checked) .task-appearance-choice-check[b-chrzp021oo]::after { border-color:HighlightText; }
    .task-appearance-sample[b-chrzp021oo] { background:Canvas; color:CanvasText; }
    input:checked + .task-appearance-switch[b-chrzp021oo] { background:Highlight; border-color:Highlight; }
    input:checked + .task-appearance-switch[b-chrzp021oo]::before { background:HighlightText; }
}
/* _content/YakoPlan.UI/Components/TaskAssigneePicker.razor.rz.scp.css */
.task-assignee-picker[b-y1fbmcn9dr] { display:grid; gap:2px; max-height:min(22rem,55dvh); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:3px; margin:-3px; }
.task-assignee-picker .task-assignee-option[b-y1fbmcn9dr] { display:flex; align-items:center; gap:10px; width:100%; min-height:44px; padding:7px 9px; text-align:start; font:400 .84rem/1.4 var(--planner-font); }
.task-assignee-option-avatar[b-y1fbmcn9dr] { flex:0 0 1.75rem; width:1.75rem; height:1.75rem; font-size:.6875rem; }
.task-assignee-option-avatar img[b-y1fbmcn9dr] { display:block; width:100%; height:100%; object-fit:cover; }
.task-assignee-option-name[b-y1fbmcn9dr] { flex:1; min-width:0; overflow-wrap:anywhere; }
.task-assignee-option:focus-visible[b-y1fbmcn9dr] { outline:2px solid var(--focus,var(--accent,#c76345)); outline-offset:1px; }
.task-assignee-option:disabled[b-y1fbmcn9dr] { opacity:.6; cursor:default; }
@media (prefers-reduced-motion:reduce) { .task-assignee-check[b-y1fbmcn9dr], .task-assignee-option[b-y1fbmcn9dr] { transition:none; } }

.task-assignee-option[aria-pressed="true"][b-y1fbmcn9dr] { background:var(--accent-soft,#f1d9cf); color:var(--accent-deep,#9f422b); }
/* _content/YakoPlan.UI/Components/TaskCalendarPicker.razor.rz.scp.css */
.task-calendar-container[b-gdehg632fn] { min-width: 0; outline: none; }
.task-calendar-picker[b-gdehg632fn] { display: grid; gap: 6px; min-width: 0; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line, #dcd8ce); color: var(--ink-soft, #66685f); font: 400 .75rem/1.4 var(--planner-font); }
.task-calendar-checklist[b-gdehg632fn] { --calendar-choice-surrounding-ink:var(--ink,#262823); display: flex; flex-direction: column; gap: 2px; box-sizing: border-box; max-height: 11rem; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; scroll-padding-block: 4px; padding: 2px; color: var(--ink, #262823); font: 400 .875rem/1.4 var(--planner-font); }
.task-calendar-choice[b-gdehg632fn] { position:relative; display: flex; flex: none; align-items: center; gap: 9px; box-sizing: border-box; min-width: 0; min-height: 40px; padding: 4px 7px; border:1px solid var(--line,#dcd8ce); border-radius: 10px; color:var(--ink-soft,#66685f); cursor: pointer; transition:var(--hover-transition); }
.task-calendar-choice-copy[b-gdehg632fn] { display: grid; flex: 1; gap: 3px; min-width: 0; text-align: left; }
.task-calendar-choice-title[b-gdehg632fn] { display: flex; align-items: center; gap: 8px; min-width: 0; }
.task-calendar-name[b-gdehg632fn] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-calendar-icon[b-gdehg632fn] { display: flex; flex: none; color:inherit; }
.task-calendar-icon[b-gdehg632fn]  svg { flex: none; width: 16px; height: 16px; }
.task-calendar-choice:not(.calendar-card-surface):has(input:checked)[b-gdehg632fn] { background: var(--accent-soft, #f1d9cf); color:var(--accent-deep,#9f422b); }
.task-calendar-choice:hover:where(:not([data-touch-input] *)):not(:has(input:disabled,:checked))[b-gdehg632fn] { background:var(--hover-background); color:var(--hover-color); }
.task-calendar-choice.calendar-card-surface[b-gdehg632fn] { background: transparent; }
.task-calendar-choice.calendar-card-surface:has(input:checked)[b-gdehg632fn] { outline: 2px solid var(--planner-action-fill, var(--accent, #c76345)); outline-offset: -2px; }
.task-calendar-choice.calendar-card-surface[b-gdehg632fn]::after { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:transparent; pointer-events:none; transition:var(--hover-transition); }
.task-calendar-choice.calendar-card-surface:hover:where(:not([data-touch-input] *)):not(:has(input:disabled,:checked))[b-gdehg632fn]::after { background:var(--hover-background); }
.task-calendar-choice:has(input:disabled)[b-gdehg632fn] { opacity: .5; cursor: default; }
.task-calendar-choice input[type="radio"][b-gdehg632fn] { position:absolute; width:1px; height:1px; min-height:0; margin:0; padding:0; overflow:hidden; clip-path:inset(50%); opacity:0; }
.task-calendar-choice:has(input:focus-visible)[b-gdehg632fn], .task-calendar-choice.calendar-card-surface:has(input:focus-visible)[b-gdehg632fn] { outline: 2px solid var(--focus, #66685f); outline-offset: -2px; }
.task-calendar-choice input:focus-visible ~ .planner-checkmark[b-gdehg632fn] { --planner-checkmark-border:var(--focus,var(--accent,#c76345)); }
.task-calendar-empty[b-gdehg632fn] { margin: 6px 0 0; color: var(--ink-soft, #66685f); font: 400 .75rem/1.4 var(--planner-font); }
@media (max-width: 600px), (pointer: coarse) {
    .task-calendar-choice[b-gdehg632fn] { min-height: 48px; padding-block: 10px; }
}
@media (forced-colors: active) {
    .task-calendar-picker[b-gdehg632fn] { border-color: ButtonText; }
    .task-calendar-choice:has(input:checked)[b-gdehg632fn], .task-calendar-choice.calendar-card-surface:has(input:checked)[b-gdehg632fn] { outline:1px solid Highlight; outline-offset:-1px; }
}
@media (prefers-reduced-motion:reduce) { .task-calendar-choice[b-gdehg632fn], .task-calendar-choice.calendar-card-surface[b-gdehg632fn]::after { transition:none; } }
/* _content/YakoPlan.UI/Components/TaskCommentAlertBadge.razor.rz.scp.css */
button.task-comment-alert[b-er4uz9dmhs] {
    cursor: pointer;
    transition:var(--hover-transition);
}

button.task-comment-alert:hover:where(:not([data-touch-input] *))[b-er4uz9dmhs] { background:var(--hover-background); border-color:var(--hover-border); color:var(--hover-color); }

button.task-comment-alert:focus-visible[b-er4uz9dmhs] {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    button.task-comment-alert[b-er4uz9dmhs] { transition: none; }
}
/* _content/YakoPlan.UI/Components/TaskCopyDialog.razor.rz.scp.css */
.task-copy-dialog[b-qybhy2yy8r] { position:fixed; inset:auto; margin:0; box-sizing:border-box; display:flex; flex-direction:column; gap:6px; width:min(390px,calc(100vw - 16px)); max-height:calc(100dvh - 16px); overflow:hidden; color:var(--ink,#262823); font-family:var(--planner-font); }
.task-copy-dialog:not([data-open="true"])[b-qybhy2yy8r] { display:none; }
.task-copy-dialog[b-qybhy2yy8r]::backdrop { background:transparent; pointer-events:none; }
.task-copy-dialog header[b-qybhy2yy8r] { display:flex; flex:none; align-items:center; justify-content:space-between; gap:8px; padding:2px 5px; }
.task-copy-dialog h2[b-qybhy2yy8r] { margin:0; font:500 .875rem/1.4 var(--planner-font); }
.task-copy-dialog .task-copy-close[b-qybhy2yy8r] { flex:none; width:30px; min-height:30px; padding:5px; justify-content:center; }
.task-copy-calendars[b-qybhy2yy8r] { min-height:0; max-height:16rem; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.task-copy-dialog .task-copy-help[b-qybhy2yy8r], .task-copy-dialog .task-copy-error[b-qybhy2yy8r] { flex:none; margin:0; padding:2px 7px; color:var(--ink-soft,#66685f); font:400 .6875rem/1.5 var(--planner-font); }
.task-copy-dialog .task-copy-error[b-qybhy2yy8r] { color:var(--danger,#a33a34); }
.task-copy-dialog footer[b-qybhy2yy8r] { flex:none; padding-top:5px; border-top:1px solid var(--line,#dcd8ce); }
.task-copy-dialog .task-copy-confirm[b-qybhy2yy8r] { min-height:40px; color:var(--accent-deep,#9f422b); }
/* The toolbar copy panel is not a .profile-menu, so it owns the menu button finish. */
.task-copy-dialog.task-quick-settings :is(.calendar-filter-option,.task-copy-confirm)[b-qybhy2yy8r] { width:100%; min-height:38px; padding:4px 7px; display:flex; align-items:center; gap:9px; border:0; border-radius:10px; background:transparent; color:var(--ink-soft,#66685f); font:inherit; text-align:left; cursor:pointer; transition:var(--hover-transition); }
.task-copy-dialog.task-quick-settings .calendar-filter-option[b-qybhy2yy8r] { min-height:40px; }
.task-copy-dialog.task-quick-settings .calendar-filter-details[b-qybhy2yy8r] { flex:1; }
.task-copy-dialog.task-quick-settings :is(.calendar-filter-option,.task-copy-confirm):not(:disabled):hover:where(:not([data-touch-input] *))[b-qybhy2yy8r] { background:var(--hover-background); color:var(--hover-color); }
.task-copy-dialog.task-quick-settings .calendar-filter-option[aria-pressed="true"][b-qybhy2yy8r] { background:var(--accent-soft,#f1d9cf); color:var(--accent-deep,#9f422b); }
.task-copy-dialog.task-quick-settings .task-copy-confirm[b-qybhy2yy8r] { color:var(--accent-deep,#9f422b); font-weight:500; }
.task-copy-dialog.task-quick-settings .task-copy-close[b-qybhy2yy8r] { height:30px; min-height:30px; padding:0; display:grid; place-items:center; border:0; border-radius:50%; background:transparent; color:var(--ink-soft,#66685f); cursor:pointer; }
.task-copy-dialog.task-quick-settings .task-copy-close:hover:where(:not([data-touch-input] *))[b-qybhy2yy8r] { background:var(--hover-background); color:var(--hover-color); }
.task-copy-dialog button:disabled[b-qybhy2yy8r] { opacity:.5; cursor:default; }
@media (max-width:600px), (pointer:coarse) {
    .task-copy-dialog .calendar-filter-option[b-qybhy2yy8r], .task-copy-dialog .task-copy-confirm[b-qybhy2yy8r],
    .task-copy-dialog.task-quick-settings :is(.calendar-filter-option,.task-copy-confirm)[b-qybhy2yy8r] { min-height:44px; }
    .task-copy-dialog.task-quick-settings .task-copy-close[b-qybhy2yy8r] { width:44px; height:44px; min-height:44px; }
}
@media (forced-colors:active) { .task-copy-dialog.task-quick-settings .calendar-filter-option[aria-pressed="true"][b-qybhy2yy8r] { outline:2px solid Highlight; outline-offset:-2px; } }
/* _content/YakoPlan.UI/Components/TaskEditHistoryPanel.razor.rz.scp.css */
.task-edit-history[b-2558aurtk2] { display: grid; gap: .75rem; }
.task-edit-history-disclosure[b-2558aurtk2] { min-width: 0; }
.task-edit-history-disclosure > summary[b-2558aurtk2] { list-style: none; }
.task-edit-history-disclosure > summary[b-2558aurtk2]::-webkit-details-marker { display: none; }
.task-edit-history h3[b-2558aurtk2], .task-edit-history p[b-2558aurtk2] { margin: 0; }
.task-edit-version[b-2558aurtk2] { border-top: 1px solid var(--border); padding-block: .75rem; overflow-wrap: anywhere; }
.task-edit-version summary[b-2558aurtk2] { cursor: pointer; }
.task-edit-version time[b-2558aurtk2] { display: block; font-size: .85em; opacity: .75; }
.task-edit-version p[b-2558aurtk2], .task-edit-version button[b-2558aurtk2] { margin-top: .75rem; }
.task-edit-version-description[b-2558aurtk2] { white-space: pre-wrap; }
/* _content/YakoPlan.UI/Components/TaskTitleContent.razor.rz.scp.css */
.task-title-rich[b-5vcnqqtwml] { display:inline; }
.task-title-paragraph[b-5vcnqqtwml], .task-title-list[b-5vcnqqtwml] { display:block; margin:0; }
.task-title-paragraph[b-5vcnqqtwml] { min-height:1em; }
.task-title-paragraph:empty[b-5vcnqqtwml]::after { content:'\a0'; }
.task-title-list-item[b-5vcnqqtwml] { display:flex; align-items:baseline; gap:.35em; }
.task-title-list-marker[b-5vcnqqtwml] { flex:none; min-width:1em; text-align:end; }
.task-title-list-content[b-5vcnqqtwml] { min-width:0; }
.task-title-run.is-bold[b-5vcnqqtwml] { font-weight:bold; }
.task-title-run.is-italic[b-5vcnqqtwml] { font-style:italic; }
.task-title-run.is-underlined[b-5vcnqqtwml] { text-decoration-line:underline; }
.task-title-run.is-struck[b-5vcnqqtwml] { text-decoration-line:line-through; }
.task-title-run.is-underlined.is-struck[b-5vcnqqtwml] { text-decoration-line:underline line-through; }

.task-title-attachment[data-task-inline-attachment][b-5vcnqqtwml] {
    display:inline-flex;
    align-items:center;
    gap:.25em;
    max-width:100%;
    padding:.12em .35em;
    border:1px solid var(--line);
    border-radius:var(--component-radius,10px);
    vertical-align:bottom;
    font:inherit;
    line-height:1.2;
    user-select:none;
}

.task-title-attachment[b-5vcnqqtwml]  svg { flex:none; width:1em; height:1em; }
.task-inline-attachment-name[b-5vcnqqtwml] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.task-title-gif[data-description-gif][b-5vcnqqtwml], .task-title-image[data-task-inline-image][b-5vcnqqtwml] {
    display:inline-block;
    vertical-align:bottom;
    white-space:normal;
    user-select:none;
}

.task-title-gif[data-description-gif][b-5vcnqqtwml]  img, .task-title-image[data-task-inline-image][b-5vcnqqtwml]  img {
    border-radius:inherit;
    pointer-events:none;
}

.task-title-gif[data-description-gif] > span:not([hidden])[b-5vcnqqtwml], .task-title-image[data-task-inline-image] > span:not([hidden])[b-5vcnqqtwml] {
    display:inline;
    padding:0;
    border:0;
    font:inherit;
}

.task-title-gif[data-description-gif][b-5vcnqqtwml]  [hidden], .task-title-image[data-task-inline-image][b-5vcnqqtwml]  [hidden] { display:none; }
/* _content/YakoPlan.UI/Components/ThemePictureBackground.razor.rz.scp.css */
.theme-picture-background[b-59vcn62120] { position:fixed; inset:0 0 auto; top:var(--planner-paint-top,0px); height:max(100%,var(--planner-paint-height,0px)); z-index:0; overflow:hidden; border-radius:var(--planner-frame-radius,0); pointer-events:none; background:var(--picture-background); }
.theme-picture-background.is-contained[b-59vcn62120] { position:absolute; inset:0; height:auto; border-radius:inherit; }
.theme-picture-paint[b-59vcn62120] { position:absolute; inset:0; border-radius:inherit; background:var(--picture-background); }
.theme-picture-paint[data-theme-parallax-active][b-59vcn62120] { inset:-24px; }
.theme-picture-paint:not([data-theme-parallax-active])[b-59vcn62120] { transform:none!important; will-change:auto!important; }
.theme-picture-background[b-59vcn62120]  .appearance-picture-media { opacity:var(--picture-opacity,.4); }
@media (forced-colors:active),print { .theme-picture-background[b-59vcn62120] { display:none; } }
@media (prefers-reduced-motion:reduce), (forced-colors:active), print {
    .theme-picture-paint[data-theme-parallax-active][b-59vcn62120] { inset:0; transform:none!important; will-change:auto!important; }
}
/* _content/YakoPlan.UI/Components/UserProfileAvatar.razor.rz.scp.css */
.user-profile-avatar-control[b-6assgji41j] { display:grid; place-items:center; width:44px; height:44px; padding:5px; border:0; border-radius:50%; background:transparent; cursor:pointer; }
.user-profile-avatar-control:disabled[b-6assgji41j] { cursor:default; }
/* _content/YakoPlan.UI/Components/UserProfileCard.razor.rz.scp.css */
.user-profile-card[b-r59sor6vhq] { --profile-action-outset:7px; position:relative; display:grid; align-content:start; gap:20px; min-width:0; color:var(--ink,#262823); }
.user-profile-identity[b-r59sor6vhq] { display:grid; grid-template-columns:80px minmax(0,1fr); align-items:start; gap:16px; min-width:0; }
.user-profile-avatar[b-r59sor6vhq] { flex:none; width:80px; height:80px; font-size:1.625rem; }
.user-profile-details[b-r59sor6vhq] { min-width:0; }
.user-profile-name[b-r59sor6vhq] { position:relative; display:flex; align-items:center; gap:6px; min-width:0; }
.user-profile-name:has(:is(.user-profile-chat,.user-profile-calendar-invite))[b-r59sor6vhq] { padding-inline-end:44px; }
.user-profile-name:has(.user-profile-chat):has(.user-profile-calendar-invite)[b-r59sor6vhq] { padding-inline-end:88px; }
.user-profile-card :is(.user-profile-chat,.user-profile-calendar-invite)[b-r59sor6vhq] { position:absolute; inset-inline-end:calc(-1 * var(--profile-action-outset)); top:-9px; display:grid; place-items:center; padding:0; border:0; background:transparent; color:var(--ink-soft,#66685f); cursor:pointer; transition:var(--hover-transition); }
.user-profile-name:has(.user-profile-calendar-invite) .user-profile-chat[b-r59sor6vhq] { inset-inline-end:calc(44px - var(--profile-action-outset)); }
.user-profile-card :is(.user-profile-chat,.user-profile-calendar-invite,.user-profile-remove-toggle,.user-profile-report)[b-r59sor6vhq] { width:44px; min-width:44px; height:44px; border-radius:9px; }
:is(.user-profile-chat,.user-profile-calendar-invite):hover:where(:not([data-touch-input] *)):not(:disabled)[b-r59sor6vhq] { background:var(--hover-background); color:var(--hover-color); }
.user-profile-details h3[b-r59sor6vhq] { margin:0; font:700 1.25rem/1.3 var(--planner-font); letter-spacing:-.025em; overflow-wrap:anywhere; }
.user-profile-name h3[b-r59sor6vhq] { min-width:0; }
.user-profile-premium[b-r59sor6vhq] { display:inline-flex; flex:none; align-items:center; justify-content:center; width:26px; height:26px; }
.user-profile-premium img[b-r59sor6vhq] { display:block; width:24px; height:24px; object-fit:contain; }
.user-profile-premium:focus-visible[b-r59sor6vhq] { outline:none!important; }
.user-profile-uid-row[b-r59sor6vhq] { flex-direction:column; align-items:flex-start; gap:0; margin-top:2px; }
.user-profile-card .profile-uid-copy[b-r59sor6vhq] { --popup-readable-target:28px; min-height:28px; margin-inline-start:0; justify-self:center; }
.user-profile-uid-copy-group[b-r59sor6vhq] { display:grid; grid-template-columns:15px minmax(0,1fr); align-items:center; gap:6px; min-width:0; }
.user-profile-uid[b-r59sor6vhq] { color:var(--ink-soft,#66685f); font-size:.8125rem; line-height:1.5; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; user-select:all; }
.user-profile-daily-streak[b-r59sor6vhq] { display:grid; grid-template-columns:15px minmax(0,1fr); align-items:center; gap:6px; color:var(--ink-soft,#66685f); font-size:.8125rem; line-height:1.5; font-variant-numeric:tabular-nums; white-space:nowrap; }
.user-profile-daily-streak svg[b-r59sor6vhq] { color:#d87920; justify-self:center; }
.user-profile-joined[b-r59sor6vhq] { display:grid; grid-template-columns:15px minmax(0,1fr); align-items:center; gap:6px; margin:4px 0 0; color:var(--ink-soft,#66685f); font-size:.75rem; line-height:1.5; }
.user-profile-card[b-r59sor6vhq]  svg { display:block; flex-shrink:0; }
.user-profile-relationship[b-r59sor6vhq] { grid-column:2; justify-self:stretch; min-width:0; max-width:100%; }
.user-profile-safety[b-r59sor6vhq] { grid-column:1 / -1; min-width:0; }
.user-profile-safety-actions[b-r59sor6vhq] { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.user-profile-safety-actions > button[b-r59sor6vhq] { display:inline-flex; align-items:center; justify-content:center; gap:6px; }
.user-profile-safety .user-profile-remove-note[b-r59sor6vhq] { margin-block:10px; overflow-wrap:anywhere; }
.user-profile-friendship-row[b-r59sor6vhq] { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.user-profile-removal-actions[b-r59sor6vhq] { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:0; margin-inline-end:calc(-1 * var(--profile-action-outset)); }
.user-profile-card :is(.user-profile-remove-toggle,.user-profile-report)[b-r59sor6vhq] { flex:none; display:inline-grid; place-items:center; min-height:44px; padding:0; border:1px solid transparent; background:transparent; color:var(--ink-soft,#66685f); cursor:pointer; transition:var(--hover-transition),opacity 140ms ease; }
:is(.user-profile-remove-toggle,.user-profile-report):hover:where(:not([data-touch-input] *)):not(:disabled)[b-r59sor6vhq] { background:var(--hover-background); color:var(--hover-color); }
.user-profile-removal-actions .user-profile-remove-confirm[b-r59sor6vhq] { padding-inline:12px; border:0; background:var(--pill-fill); color:var(--pill-ink); font-size:.78rem; animation:user-profile-remove-enter-b-r59sor6vhq 180ms cubic-bezier(.22,1,.36,1) both; }
.user-profile-remove-note[b-r59sor6vhq] { margin:0; font-size:.8125rem; line-height:1.5; color:var(--ink-soft,#66685f); }
.user-profile-removal-actions button[b-r59sor6vhq] { transition:var(--hover-transition),opacity 140ms ease,transform 140ms cubic-bezier(.22,1,.36,1); }
.user-profile-card .user-profile-removal-actions button:focus-visible[b-r59sor6vhq] { outline-offset:2px; }
.user-profile-card .user-profile-removal-actions button:disabled[b-r59sor6vhq] { opacity:.45; }
.user-profile-removal-actions button:active:not(:disabled)[b-r59sor6vhq] { transform:translateY(0) scale(.96); box-shadow:none; }
.user-profile-remove-confirm:hover:where(:not([data-touch-input] *)):not(:disabled)[b-r59sor6vhq] { color:var(--danger,#a33a34); }
.user-profile-success[b-r59sor6vhq] { display:flex; align-items:center; gap:8px; margin:10px 0 0; font-size:.8125rem; line-height:1.5; color:var(--ink,#262823); }
.user-profile-success[b-r59sor6vhq]  svg { color:var(--accent-deep,var(--accent,#c76345)); }
@keyframes user-profile-remove-enter-b-r59sor6vhq { from { opacity:0; translate:0 5px; } to { opacity:1; translate:0 0; } }
.user-profile-status[b-r59sor6vhq] { display:flex; align-items:center; justify-content:flex-start; gap:8px; margin:0; color:var(--ink-soft,#66685f); font-size:.8125rem; line-height:1.5; }
.user-profile-friends-since[b-r59sor6vhq] { display:grid; gap:3px; color:var(--ink-soft,#66685f); font-size:.8125rem; line-height:1.5; text-align:left; }
.user-profile-friends-since time[b-r59sor6vhq] { color:var(--ink,#262823); font-size:.875rem; font-weight:500; }
.user-profile-card button[b-r59sor6vhq] { min-height:44px; max-width:100%; white-space:normal; font-size:.8125rem; }
.user-profile-friend-button[b-r59sor6vhq] { display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 15px; border:0; border-radius:var(--pill-radius); background:var(--pill-fill); color:var(--pill-ink); font:600 .8125rem/1.4 var(--planner-font); cursor:pointer; }
.user-profile-friend-button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-r59sor6vhq] { background:var(--hover-background); color:var(--hover-color); }
.user-profile-friend-button .user-profile-progress[b-r59sor6vhq] { border-color:currentColor; border-top-color:transparent; }
.user-profile-card button:focus-visible[b-r59sor6vhq] { outline:2px solid var(--accent,#c76345); outline-offset:3px; }
.user-profile-card button:disabled[b-r59sor6vhq] { opacity:.5; cursor:default; }
.user-profile-notice[b-r59sor6vhq], .user-profile-loading[b-r59sor6vhq] { display:flex; align-items:center; gap:8px; margin:0; color:var(--ink-soft,#66685f); font-size:.8125rem; line-height:1.5; }
.user-profile-loading[b-r59sor6vhq] { justify-content:center; min-height:180px; }
.user-profile-error[b-r59sor6vhq] { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.user-profile-error p[b-r59sor6vhq], .user-profile-error-text[b-r59sor6vhq] { margin:0; color:var(--danger,#a33a34); font-size:.8125rem; line-height:1.5; }
.user-profile-progress[b-r59sor6vhq] { display:inline-block; flex:none; width:14px; height:14px; border:2px solid var(--line,#dcd8ce); border-top-color:var(--accent,#c76345); border-radius:50%; animation:user-profile-spin-b-r59sor6vhq .8s linear infinite; }
@keyframes user-profile-spin-b-r59sor6vhq { to { transform:rotate(360deg); } }
/* Match the popup header's closer inset and 44px close button on phones. */
@media (max-width:700px) { .user-profile-card[b-r59sor6vhq] { --profile-action-outset:2px; } }
@media (max-width:480px) { .user-profile-identity[b-r59sor6vhq] { grid-template-columns:64px minmax(0,1fr); gap:12px; } .user-profile-avatar[b-r59sor6vhq] { width:64px; height:64px; font-size:1.375rem; } }
@media (prefers-reduced-motion:reduce) { .user-profile-progress[b-r59sor6vhq],.user-profile-remove-confirm[b-r59sor6vhq] { animation:none!important; } .user-profile-removal-actions button[b-r59sor6vhq] { transition:none; transform:none!important; } }
@media (forced-colors:active) { .user-profile-avatar[b-r59sor6vhq] { border:1px solid CanvasText; } .user-profile-progress[b-r59sor6vhq] { border-color:CanvasText; } .user-profile-friend-button[b-r59sor6vhq] { border-color:ButtonText; } .user-profile-daily-streak svg[b-r59sor6vhq] { color:CanvasText; } }
/* _content/YakoPlan.UI/Components/UserSafetyReports.razor.rz.scp.css */
.safety-report-form[b-qfd6ugfnhk] {
    display:grid;
    gap:16px;
    min-width:0;
}

.safety-report-form p[b-qfd6ugfnhk] { margin:0; color:var(--ink-soft); line-height:1.5; }
.safety-report-field[b-qfd6ugfnhk] { display:grid; gap:6px; min-width:0; color:var(--ink); font-size:.875rem; font-weight:600; }
.safety-report-field select[b-qfd6ugfnhk] { padding-inline-start:12px; }
.safety-report-field textarea[b-qfd6ugfnhk] { width:100%; min-width:0; padding:10px 12px; resize:vertical; border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--ink); font:400 .9rem/1.5 var(--planner-font); }
.safety-report-field textarea:focus-visible[b-qfd6ugfnhk] { outline:2px solid var(--focus,var(--accent)); outline-offset:2px; }
.safety-report-form :is(select,textarea)[b-qfd6ugfnhk] { transition:var(--hover-transition); }
.safety-report-actions[b-qfd6ugfnhk] { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.safety-report-actions .pill-control[b-qfd6ugfnhk] { padding:8px 14px; min-height:40px; }
.safety-report-receipt[b-qfd6ugfnhk] { display:grid; gap:4px; overflow-wrap:anywhere; }
.safety-report-receipt code[b-qfd6ugfnhk] { color:var(--ink); user-select:all; }

@media (prefers-reduced-motion:reduce) {
    .safety-report-form :is(select,textarea)[b-qfd6ugfnhk] { transition:none; }
}
/* _content/YakoPlan.UI/Components/VoiceCaptureControl.razor.rz.scp.css */
.voice-capture-control[b-hdd9ubjviq] { display:flex; flex:none; align-items:center; flex-wrap:wrap; min-width:0; max-width:100%; gap:6px; }
.voice-capture-control[hidden][b-hdd9ubjviq] { display:none; }
.voice-capture-control:not(.is-compact).is-capturing[b-hdd9ubjviq] { flex-basis:100%; }
.voice-capture-control button[b-hdd9ubjviq] { display:inline-flex; align-items:center; justify-content:center; flex:none; width:40px; min-height:44px; padding:0; border:0; border-radius:10px; background:transparent; color:var(--ink-soft,#66685f); cursor:pointer; transition:var(--hover-transition); }
.voice-capture-control button:disabled[b-hdd9ubjviq] { opacity:.4; cursor:default; }
.voice-capture-control button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-hdd9ubjviq] { background:var(--hover-background); color:var(--hover-color); }
.voice-capture-control button:focus-visible[b-hdd9ubjviq] { outline:2px solid var(--accent,#cb775b); outline-offset:2px; }
.voice-capture-progress[b-hdd9ubjviq] { display:flex; align-items:center; gap:10px; flex:1; min-width:0; }
.voice-capture-wave[b-hdd9ubjviq] { display:flex; align-items:center; justify-content:center; flex:1; gap:3px; min-width:32px; max-width:110px; height:30px; color:var(--ink-soft,#66685f); }
.voice-capture-wave > span[b-hdd9ubjviq] { width:3px; height:24px; border-radius:3px; background:currentColor; transform:scaleY(var(--voice-level,.16)); transition:transform 95ms ease-out; }
.voice-capture-timer[b-hdd9ubjviq] { flex:none; font-size:.8rem; font-variant-numeric:tabular-nums; color:var(--ink,#292a25); white-space:nowrap; }
.voice-capture-timer-limit[b-hdd9ubjviq] { font-size:.7rem; color:var(--ink-soft,#66685f); }
.voice-capture-control .voice-capture-stop[b-hdd9ubjviq] { background:var(--ink,#292a25); color:var(--surface,#fffdf8); border-radius:50%; }
.voice-capture-stop > span[b-hdd9ubjviq] { width:12px; height:12px; border-radius:3px; background:currentColor; }
.voice-capture-status[b-hdd9ubjviq] { flex-basis:100%; font-size:.75rem; color:var(--ink-soft,#66685f); line-height:1.4; }
.voice-capture-control.is-compact[b-hdd9ubjviq] { flex:0 1 auto; flex-wrap:nowrap; gap:4px; }
.is-compact .voice-capture-progress[b-hdd9ubjviq] { flex:0 1 auto; gap:4px; min-height:40px; }
.is-compact .voice-capture-wave[b-hdd9ubjviq] { flex:1 1 160px; min-width:26px; max-width:none; height:32px; gap:3px; overflow:hidden; }
.is-compact .voice-capture-wave > span[b-hdd9ubjviq] { flex:1 1 3px; min-width:0; max-width:6px; height:28px; transform:scaleY(clamp(.24,var(--voice-level,.24),1)); }
.is-compact .voice-capture-timer[b-hdd9ubjviq] { font-size:.75rem; }
.is-compact .voice-capture-timer-limit[b-hdd9ubjviq] { font-size:.65rem; }
.is-compact .voice-capture-status[b-hdd9ubjviq] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:600px) { .is-compact .voice-capture-wave[b-hdd9ubjviq] { gap:1px; } }
@media (prefers-reduced-motion:no-preference) {
    .is-compact :is(.voice-capture-progress,.voice-capture-microphone)[b-hdd9ubjviq] { animation:voice-capture-compact-enter-b-hdd9ubjviq 160ms ease-out both; }
}
@keyframes voice-capture-compact-enter-b-hdd9ubjviq { from { opacity:0; } to { opacity:1; } }
@media (prefers-reduced-motion:reduce) { .voice-capture-control button[b-hdd9ubjviq],.voice-capture-wave > span[b-hdd9ubjviq] { transition:none; } }
@media (forced-colors:active) { .voice-capture-control button[b-hdd9ubjviq] { border:1px solid ButtonText; } }
/* _content/YakoPlan.UI/Components/VoiceCaptureOverlay.razor.rz.scp.css */
.voice-capture-overlay[b-12e2c34jas] { position:fixed; z-index:110; top:var(--voice-top,64px); left:var(--voice-left,auto); right:var(--voice-right,18px); width:288px; max-width:calc(100vw - 24px); max-height:var(--voice-max-height,calc(100dvh - 90px)); overflow:auto; box-sizing:border-box; padding:12px; border:1px solid var(--line,#dcd8ce); border-radius:22px; background:var(--surface,#fffdf8); color:var(--ink,#292a25); box-shadow:0 8px 24px rgb(20 18 15 / .13),0 24px 64px rgb(20 18 15 / .09); transform-origin:var(--voice-origin,85%) top; }
.voice-capture-sr-only[b-12e2c34jas] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.voice-capture-overlay.is-text-mode[b-12e2c34jas] { width:360px; padding:16px; }
.ai-capture-title[b-12e2c34jas] { margin:0; font-size:1.05rem; line-height:1.4; font-weight:650; }
.ai-capture-help[b-12e2c34jas] { margin:6px 0 12px; color:var(--ink-soft,#66685f); font-size:.85rem; line-height:1.5; }
.ai-capture-form[b-12e2c34jas] { display:grid; gap:10px; }
.ai-capture-form textarea[b-12e2c34jas] { box-sizing:border-box; width:100%; min-height:130px; max-height:45dvh; resize:vertical; padding:10px 12px; border:1px solid var(--line,#dcd8ce); border-radius:12px; color:inherit; background:var(--paper,#f7f5ef); font:inherit; font-size:1rem; line-height:1.5; }
.ai-capture-form textarea:disabled[b-12e2c34jas] { opacity:.7; }
.ai-capture-form footer[b-12e2c34jas] { display:flex; justify-content:flex-end; }
.ai-capture-submit[b-12e2c34jas] { padding:0 16px; border-radius:12px; color:var(--surface,#fffdf8); background:var(--ink,#292a25); }
.ai-capture-submit:not(:disabled):hover:where(:not([data-touch-input] *))[b-12e2c34jas] { background:var(--hover-background); color:var(--hover-color); }
.ai-capture-privacy[b-12e2c34jas] { margin:4px 6px 0; color:var(--ink-soft,#66685f); font-size:.72rem; line-height:1.5; }
.voice-capture-state[b-12e2c34jas] { display:flex; align-items:center; gap:14px; min-height:54px; padding:4px 6px 4px 17px; border:1px solid var(--line,#dcd8ce); border-radius:32px; background:var(--paper,#f7f5ef); }
.voice-capture-wave[b-12e2c34jas] { display:flex; align-items:center; justify-content:center; gap:3px; flex:1; height:30px; min-width:48px; color:var(--ink-soft,#66685f); }
.voice-capture-wave > span[b-12e2c34jas] { width:3px; height:24px; border-radius:3px; background:currentColor; transform:scaleY(var(--voice-level,.16)); transition:transform 95ms ease-out,opacity 160ms ease; opacity:.8; }
.voice-capture-wave.is-waiting > span[b-12e2c34jas] { animation:voice-waiting-b-12e2c34jas 1.3s ease-in-out infinite; animation-delay:calc(var(--bar) * 65ms); }
.voice-capture-timer[b-12e2c34jas] { display:grid; gap:1px; flex-shrink:0; font-size:.84rem; font-variant-numeric:tabular-nums; line-height:1.2; }
.voice-capture-timer > span[b-12e2c34jas] { color:var(--ink-soft,#66685f); font-size:.62rem; }
.voice-capture-overlay button[b-12e2c34jas] { display:inline-flex; align-items:center; justify-content:center; min-height:44px; border:0; font:inherit; cursor:pointer; transition:var(--hover-transition),transform 160ms ease,opacity 160ms ease; }
.voice-capture-overlay button:active[b-12e2c34jas] { transform:scale(.93); }
.voice-capture-overlay :is(button,summary,input,textarea):focus-visible[b-12e2c34jas] { outline:2px solid var(--focus,#66685f); outline-offset:3px; }
.voice-capture-overlay button:disabled[b-12e2c34jas] { cursor:default; opacity:.5; }
.voice-capture-done[b-12e2c34jas] { width:44px; flex:0 0 44px; border-radius:50%; color:var(--surface,#fffdf8); background:var(--ink,#292a25); animation:voice-control-in-b-12e2c34jas 180ms ease-out; }
.voice-capture-done > span[b-12e2c34jas] { width:12px; height:12px; border-radius:3px; background:currentColor; }
.voice-capture-done:hover:where(:not([data-touch-input] *))[b-12e2c34jas] { background:var(--hover-background); color:var(--hover-color); }
.voice-capture-controls[b-12e2c34jas] { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-left:6px; }
.voice-capture-status[b-12e2c34jas] { margin:0; min-width:0; color:var(--ink-soft,#66685f); font-size:.79rem; line-height:1.4; }
.voice-capture-cancel[b-12e2c34jas] { flex-shrink:0; padding:0 10px; border-radius:12px; background:transparent; color:var(--ink,#292a25); font-size:.8rem!important; }
.voice-capture-cancel:hover:where(:not([data-touch-input] *))[b-12e2c34jas] { background:var(--hover-background); color:var(--hover-color); }
.voice-capture-info[b-12e2c34jas] { padding:0 6px; color:var(--ink-soft,#66685f); font-size:.72rem; line-height:1.5; }
.voice-capture-info summary[b-12e2c34jas] { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:28px; list-style:none; cursor:pointer; border-radius:5px; }
.voice-capture-info summary[b-12e2c34jas]::-webkit-details-marker { display:none; }
.voice-capture-info[b-12e2c34jas]::details-content { block-size:0; overflow:clip; interpolate-size:allow-keywords; transition:block-size 200ms ease,content-visibility 200ms allow-discrete; }
.voice-capture-info[open][b-12e2c34jas]::details-content { block-size:auto; }
.voice-capture-info summary[b-12e2c34jas]  svg { transition:transform 180ms ease; }
.voice-capture-info p[b-12e2c34jas] { margin:8px 0; animation:voice-control-in-b-12e2c34jas 180ms ease-out; }
.voice-capture-overlay > footer:empty[b-12e2c34jas] { display:none; }
.voice-capture-overlay > footer[b-12e2c34jas] { display:flex; justify-content:flex-end; padding-top:6px; }
.voice-capture-clarification[b-12e2c34jas] { display:grid; gap:10px; margin:4px; animation:voice-control-in-b-12e2c34jas 180ms ease-out; }
.voice-capture-clarification label[b-12e2c34jas] { font-size:.9rem; line-height:1.5; }
.voice-capture-clarification input[b-12e2c34jas] { box-sizing:border-box; width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--line,#dcd8ce); border-radius:10px; color:inherit; background:var(--paper,#f7f5ef); font-size:1rem; }
.voice-capture-clarification footer[b-12e2c34jas] { display:flex; justify-content:flex-end; }
@keyframes voice-waiting-b-12e2c34jas { 0%,100% { transform:scaleY(.16); opacity:.35; } 50% { transform:scaleY(.55); opacity:.8; } }
@keyframes voice-control-in-b-12e2c34jas { from { opacity:0; transform:translateY(3px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:reduce) { .voice-capture-overlay *[b-12e2c34jas], .voice-capture-info summary[b-12e2c34jas]  svg { animation:none!important; transition:none!important; } }
/* _content/YakoPlan.UI/Views/AccountStorageFilesView.razor.rz.scp.css */
.storage-library[b-in9e1hhew4] { margin-top: 1.5rem; padding: 12px; border: 1px solid var(--line, #dcd8ce); border-radius: 14px; background: var(--surface, #fffdf8); }
.storage-library button[b-in9e1hhew4] { min-height: 44px; cursor: pointer; }
.storage-library button:disabled[b-in9e1hhew4] { cursor: default; opacity: .48; }
.storage-view-toggle[b-in9e1hhew4] { display: flex; flex: none; gap: 2px; }
.storage-view-toggle button[b-in9e1hhew4] { display: grid; place-items: center; width: 44px; min-height: 44px; padding: 0; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--ink-soft, #66685f); }
.storage-view-toggle button[aria-pressed="true"][b-in9e1hhew4] { border-color: var(--line, #dcd8ce); background: var(--surface, #fffdf8); color: var(--ink, #262823); box-shadow: 0 1px 3px rgba(24, 22, 18, .06); }
.storage-toolbar[b-in9e1hhew4] { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr) minmax(0,1fr) auto; gap: .75rem; margin-bottom: 0; padding-bottom: 12px; border-bottom: 1px solid var(--line, #dcd8ce); }
.storage-toolbar .storage-view-toggle[b-in9e1hhew4] { align-self: end; justify-self: end; }
.storage-search[b-in9e1hhew4] { grid-column: 1 / -1; display: flex; align-items: center; gap: .6rem; padding: 0 .85rem; min-height: 44px; border: 1px solid var(--line, #dcd8ce); border-radius: 11px; background: var(--surface, #fffdf8); color: var(--ink-soft, #66685f); }
.storage-search:has(:focus-visible)[b-in9e1hhew4] { outline: 2px solid var(--accent, #c76345); outline-offset: 2px; }
.storage-search[b-in9e1hhew4]  svg { flex: none; }
.storage-search input[b-in9e1hhew4] { width: 100%; min-width: 0; min-height: 42px; padding: .6rem 0; border: 0; outline: 0; background: transparent; color: var(--ink, #262823); font: inherit; font-size: .82rem; }
.storage-search input[b-in9e1hhew4]::placeholder { color: var(--ink-soft, #66685f); opacity: 1; }
.storage-filter[b-in9e1hhew4] { display: flex; flex-direction: column; gap: .35rem; min-width: 0; color: var(--ink-soft, #66685f); font-size: .72rem; }
.storage-filter select[b-in9e1hhew4] { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: .5rem .55rem; border: 1px solid var(--line, #dcd8ce); border-radius: 9px; background-color: var(--surface, #fffdf8); color: var(--ink, #262823); font: inherit; font-size: .76rem; }
.storage-action[b-in9e1hhew4] { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-width: 44px; padding: .5rem .65rem; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--ink-soft, #66685f); font: inherit; font-size: .75rem; }
.storage-filter select[data-planner-select][b-in9e1hhew4] { padding-inline-end: 30px; }
.storage-delete[b-in9e1hhew4] { color: var(--danger, #a33a34); }
.storage-confirmation[b-in9e1hhew4] { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: .8rem; padding: 1rem; margin: 1rem 0; border: 1px solid color-mix(in srgb, var(--danger, #a33a34) 40%, var(--line, #dcd8ce)); border-radius: 13px; background: color-mix(in srgb, var(--danger, #a33a34) 5%, var(--surface, #fffdf8)); }
.storage-confirmation-icon[b-in9e1hhew4] { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: color-mix(in srgb, var(--danger, #a33a34) 10%, transparent); color: var(--danger, #a33a34); }
.storage-confirmation h5[b-in9e1hhew4] { margin: .2rem 0 .4rem; font-size: .9rem; overflow-wrap: anywhere; }
.storage-confirmation p[b-in9e1hhew4] { margin: 0; color: var(--ink-soft, #66685f); font-size: .77rem; line-height: 1.6; }
.storage-confirmation ul[b-in9e1hhew4] { max-height: 8rem; overflow: auto; padding-inline-start: 1.1rem; margin: .6rem 0; font-size: .74rem; line-height: 1.6; overflow-wrap: anywhere; }
.storage-confirmation-actions[b-in9e1hhew4] { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .8rem; }
.storage-confirmation-actions button[b-in9e1hhew4] { font-size: .77rem; }
.storage-confirmation:focus-visible[b-in9e1hhew4] { outline: 2px solid var(--accent, #c76345); outline-offset: 3px; }
.storage-selection-bar[b-in9e1hhew4] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; margin: 0 0 12px; padding-block: 4px; border-bottom: 1px solid var(--line, #dcd8ce); }
.storage-select-all[b-in9e1hhew4] { display: flex; align-items: center; gap: .55rem; min-height: 44px; color: var(--ink-soft, #66685f); font-size: .76rem; cursor: pointer; }
.storage-select-all:has(:focus-visible)[b-in9e1hhew4] { outline: 2px solid var(--accent, #c76345); outline-offset: 3px; }
.storage-select-all:has(:disabled)[b-in9e1hhew4] { cursor: default; opacity: .48; }
.storage-library input[type="checkbox"][b-in9e1hhew4] { width: 18px; height: 18px; margin: 0; flex: none; accent-color: var(--accent, #c76345); cursor: pointer; }
.storage-library input[type="checkbox"]:disabled[b-in9e1hhew4] { cursor: default; }
.storage-selection-actions[b-in9e1hhew4] { display: flex; flex-wrap: wrap; gap: .3rem; }
.storage-pagination[b-in9e1hhew4] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; padding-top: .75rem; margin-top: .75rem; border-top: 1px solid var(--line, #dcd8ce); color: var(--ink-soft, #66685f); font-size: .74rem; font-variant-numeric: tabular-nums; }
.storage-pagination > div[b-in9e1hhew4] { display: flex; gap: .3rem; }
.storage-empty > strong[b-in9e1hhew4] { margin-top: .2rem; color: var(--ink, #262823); font-size: .9rem; font-weight: 600; }
.storage-empty[b-in9e1hhew4], .storage-files-loading[b-in9e1hhew4] { display: flex; align-items: center; flex-direction: column; gap: .55rem; padding: 2.25rem 1rem; margin-top: .9rem; border: 1px dashed var(--line, #dcd8ce); border-radius: 14px; color: var(--ink-soft, #66685f); text-align: center; }
.storage-empty p[b-in9e1hhew4], .storage-files-loading p[b-in9e1hhew4] { max-width: 40ch; margin: 0; font-size: .8rem; line-height: 1.6; }
.storage-confirmation[b-in9e1hhew4], .storage-empty[b-in9e1hhew4], .storage-files-loading[b-in9e1hhew4], .storage-note[b-in9e1hhew4] { animation: storage-surface-enter-b-in9e1hhew4 220ms cubic-bezier(.22,1,.36,1); }
.storage-library[b-in9e1hhew4]  .file-card-grid { transition: opacity 180ms ease; }
.storage-library[aria-busy="true"][b-in9e1hhew4]  .file-card-grid { opacity: .6; }
.storage-empty .secondary-button[b-in9e1hhew4] { margin-top: .35rem; font-size: .78rem; }
.storage-note[b-in9e1hhew4] { margin: .5rem 0; color: var(--ink-soft, #66685f); font-size: .74rem; line-height: 1.6; }
.storage-viewer[b-in9e1hhew4] { box-sizing: border-box; position: fixed; inset: 0; display: none; grid-template-rows: minmax(0, 1fr); width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: max(64px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(64px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left)); overflow: hidden; border: 0; border-radius: 0; background: transparent; color: #f5f6fa; box-shadow: none; outline: none; font-family: var(--planner-font); }
.storage-viewer[open][b-in9e1hhew4] { display: grid; }
.storage-viewer[b-in9e1hhew4], .storage-viewer[b-in9e1hhew4]  * { -webkit-user-select: none; user-select: none; }
.storage-viewer[b-in9e1hhew4]::backdrop { background: rgb(0 0 0 / .8); }
.storage-viewer > [data-storage-preview-message][b-in9e1hhew4] { display: contents; }
.storage-viewer-actions[b-in9e1hhew4] { position: fixed; top: max(12px, env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right)); z-index: 1; display: flex; align-items: center; gap: 4px; }
.storage-viewer-actions button[b-in9e1hhew4] { display: grid; flex: none; place-items: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; background: transparent; color: rgb(255 255 255 / .8); cursor: pointer; transition:var(--hover-transition); }
.storage-viewer-actions button:focus-visible[b-in9e1hhew4] { outline: 2px solid #ddd1ff; outline-offset: 2px; }
.storage-viewer-actions button:disabled[b-in9e1hhew4] { opacity: .4; cursor: default; }
.storage-viewer-stage[b-in9e1hhew4] { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-width: 0; min-height: 0; }
.storage-viewer-stage img[b-in9e1hhew4] { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; min-width: 0; min-height: 0; object-fit: contain; }
.storage-viewer-stage p[b-in9e1hhew4] { font-size: .85rem; }
.storage-viewer-stage video[b-in9e1hhew4] { display: block; width: min(100%, 1100px); max-height: 100%; min-height: 150px; background: #111; }
.storage-viewer-stage audio[b-in9e1hhew4] { width: min(100%, 480px); }
.storage-viewer-stage iframe[b-in9e1hhew4] { width: min(100%, 1100px); height: 100%; border: 0; background: #fff; }
.storage-viewer-file[b-in9e1hhew4] { display: flex; flex-direction: column; align-items: center; gap: 16px; width: min(100%, 540px); max-height: 100%; padding: 16px; overflow: auto; text-align: center; overflow-wrap: anywhere; }
.storage-viewer-file strong[b-in9e1hhew4] { max-width: 100%; }
.storage-viewer-file p[b-in9e1hhew4] { margin: 0; }
.storage-viewer-open[b-in9e1hhew4] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid currentColor; border-radius: 8px; color: inherit; text-decoration: none; }
.storage-viewer-open:focus-visible[b-in9e1hhew4] { outline: 2px solid #ddd1ff; outline-offset: 3px; }
.storage-viewer[data-image-viewer-motion="opening"] .storage-viewer-stage[b-in9e1hhew4] { animation: storage-image-open-b-in9e1hhew4 180ms ease-out both; }
.storage-viewer[data-image-viewer-motion="closing"] .storage-viewer-stage[b-in9e1hhew4] { animation: storage-image-close-b-in9e1hhew4 180ms ease-in both; }
.storage-viewer[data-image-viewer-motion="opening"][b-in9e1hhew4]::backdrop { animation: storage-image-backdrop-in-b-in9e1hhew4 180ms ease-out both; }
.storage-viewer[data-image-viewer-motion="closing"][b-in9e1hhew4]::backdrop { animation: storage-image-backdrop-out-b-in9e1hhew4 180ms ease-in both; }
.storage-viewer[data-image-viewer-motion="opening"] .storage-viewer-actions[b-in9e1hhew4], .storage-viewer[data-image-viewer-motion="opening"][b-in9e1hhew4]  [data-image-zoom-controls] { animation: storage-image-fade-in-b-in9e1hhew4 180ms ease-out both; }
.storage-viewer[data-image-viewer-motion="closing"] .storage-viewer-actions[b-in9e1hhew4], .storage-viewer[data-image-viewer-motion="closing"][b-in9e1hhew4]  [data-image-zoom-controls] { animation: storage-image-fade-out-b-in9e1hhew4 180ms ease-in both; }
.storage-viewer[data-image-viewer-motion="closing"] .storage-viewer-stage[b-in9e1hhew4], .storage-viewer[data-image-viewer-motion="closing"] .storage-viewer-actions[b-in9e1hhew4], .storage-viewer[data-image-viewer-motion="closing"][b-in9e1hhew4]  [data-image-zoom-controls] { pointer-events: none; }
@keyframes storage-image-open-b-in9e1hhew4 { from { opacity: var(--image-viewer-from-opacity, 0); transform: var(--image-viewer-from-transform, scale(.96)); } to { opacity: 1; transform: none; } }
@keyframes storage-image-close-b-in9e1hhew4 { from { opacity: var(--image-viewer-from-opacity, 1); transform: var(--image-viewer-from-transform, none); } to { opacity: 0; transform: scale(.96); } }
@keyframes storage-image-fade-in-b-in9e1hhew4 { from { opacity: var(--image-viewer-from-opacity, 0); } to { opacity: 1; } }
@keyframes storage-image-fade-out-b-in9e1hhew4 { from { opacity: var(--image-viewer-from-opacity, 1); } to { opacity: 0; } }
@keyframes storage-image-backdrop-in-b-in9e1hhew4 { from { opacity: var(--image-viewer-from-backdrop-opacity, 0); } to { opacity: 1; } }
@keyframes storage-image-backdrop-out-b-in9e1hhew4 { from { opacity: var(--image-viewer-from-backdrop-opacity, 1); } to { opacity: 0; } }
@media (hover: hover) { .storage-viewer-actions button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-in9e1hhew4] { background:var(--hover-background); color:var(--hover-color); } }
@media (max-width: 540px) { .storage-viewer[b-in9e1hhew4] { padding: max(56px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(56px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); } }
@media (forced-colors: active) { .storage-viewer-actions button[b-in9e1hhew4] { background: Canvas; color: CanvasText; } .storage-viewer-actions button:focus-visible[b-in9e1hhew4] { outline-color: Highlight; } }
.storage-library :is(button, select):focus-visible[b-in9e1hhew4] { outline: 2px solid var(--accent, #c76345); outline-offset: 3px; }
.storage-action:hover:where(:not([data-touch-input] *)):not(:disabled)[b-in9e1hhew4], .storage-view-toggle button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-pressed="true"])[b-in9e1hhew4] { background:var(--hover-background); color:var(--hover-color); }
.storage-delete:hover:where(:not([data-touch-input] *)):not(:disabled)[b-in9e1hhew4] { color:var(--danger,#a33a34); }
.storage-library[b-in9e1hhew4] { animation: storage-surface-enter-b-in9e1hhew4 240ms cubic-bezier(.22,1,.36,1); }
.storage-library :is(button,select,.storage-search)[b-in9e1hhew4] { transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 180ms ease, opacity 160ms ease, transform 160ms cubic-bezier(.22,1,.36,1); }
.storage-search:has(:focus-visible)[b-in9e1hhew4] { background: color-mix(in srgb, var(--accent, #c76345) 4%, var(--surface, #fffdf8)); }
.storage-toolbar[b-in9e1hhew4], .storage-selection-bar[b-in9e1hhew4], .storage-pagination[b-in9e1hhew4] { animation: storage-surface-enter-b-in9e1hhew4 220ms cubic-bezier(.22,1,.36,1); }
.storage-selection-actions[b-in9e1hhew4] { transition: opacity 160ms ease; }
.storage-selection-actions:has(button:not(:disabled))[b-in9e1hhew4] { animation: storage-actions-ready-b-in9e1hhew4 220ms cubic-bezier(.22,1,.36,1); }
.storage-library button:active:not(:disabled)[b-in9e1hhew4] { transform: scale(.94); }
@keyframes storage-surface-enter-b-in9e1hhew4 { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes storage-actions-ready-b-in9e1hhew4 { from { opacity: .5; transform: translateY(2px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
    .storage-library[b-in9e1hhew4], .storage-library *[b-in9e1hhew4] { animation: none !important; transition: none !important; }
    .storage-viewer[b-in9e1hhew4]::backdrop, .storage-viewer[b-in9e1hhew4]  [data-image-zoom-controls] { animation: none !important; }
    .storage-library button[b-in9e1hhew4] { transform: none !important; }
}
@media (max-width: 520px) {
    .storage-toolbar[b-in9e1hhew4] { grid-template-columns: 1fr 1fr; gap: .6rem; }
    .storage-pagination > div[b-in9e1hhew4] { margin-inline-start: auto; }
    .storage-confirmation[b-in9e1hhew4] { grid-template-columns: minmax(0, 1fr); }
    .storage-confirmation-icon[b-in9e1hhew4] { display: none; }
}
/* _content/YakoPlan.UI/Views/AccountStorageView.razor.rz.scp.css */
.account-storage[b-kdpverv3r2] { margin-block: 1.5rem; padding-block: 1.25rem; border-block: 1px solid var(--line, #dcd8ce); color: var(--ink, #262823); }
.account-storage button[b-kdpverv3r2] { min-height: 44px; cursor: pointer; }
.account-storage button:disabled[b-kdpverv3r2] { cursor: default; opacity: .48; }
.storage-files-drawer[b-kdpverv3r2] { margin-top: 1rem; overflow: hidden; border: 1px solid var(--line, #dcd8ce); border-radius: 14px; background: var(--surface, #fffdf8); }
.storage-files-heading[b-kdpverv3r2] { margin: 0; font: inherit; }
.storage-files-toggle[b-kdpverv3r2] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; width: 100%; min-height: 48px; padding: .75rem; border: 0; background: transparent; color: var(--ink, #262823); font: 600 .85rem/1.4 var(--planner-font, inherit); text-align: start; transition:var(--hover-transition); }
.storage-files-toggle:hover:where(:not([data-touch-input] *))[b-kdpverv3r2] { background:var(--hover-background); color:var(--hover-color); }
.storage-files-toggle:focus-visible[b-kdpverv3r2] { box-shadow: inset 0 0 0 1px var(--focus, #66685f); }
.storage-files-toggle[b-kdpverv3r2]  svg { flex: none; transition: transform 240ms cubic-bezier(.22,1,.36,1); }
.storage-files-drawer-body[b-kdpverv3r2] { display: grid; grid-template-rows: 0fr; opacity: 0; visibility: hidden; transition: grid-template-rows 260ms cubic-bezier(.22,1,.36,1), opacity 180ms ease, visibility 0s linear 260ms; }
.storage-files-drawer-body.is-open[b-kdpverv3r2] { grid-template-rows: 1fr; opacity: 1; visibility: visible; transition-delay: 0s; }
.storage-files-drawer-content[b-kdpverv3r2] { min-height: 0; overflow: hidden; }
.storage-files-drawer-content[b-kdpverv3r2]  .storage-library { margin-top: 0; border: 0; border-top: 1px solid var(--line, #dcd8ce); border-radius: 0; }
@media (prefers-reduced-motion: no-preference) {
    .storage-files-drawer-content[b-kdpverv3r2]  .storage-files { animation: storage-files-appear-b-kdpverv3r2 180ms ease-out; }
}
@keyframes storage-files-appear-b-kdpverv3r2 { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
    .storage-files-toggle[b-kdpverv3r2], .storage-files-toggle[b-kdpverv3r2]  svg, .storage-files-drawer-body[b-kdpverv3r2] { transition: none; }
}
.storage-usage[b-kdpverv3r2] { padding: 1rem 1.1rem 0; border: 1px solid var(--line, #dcd8ce); border-radius: 14px; background: color-mix(in srgb, var(--surface, #fffdf8) 85%, transparent); }
.storage-usage-line[b-kdpverv3r2] { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 1rem; font-size: .82rem; }
.storage-usage-line strong[b-kdpverv3r2] { font-size: .95rem; font-variant-numeric: tabular-nums; }
.storage-usage-line strong span[b-kdpverv3r2] { color: var(--ink-soft, #66685f); font-size: .8rem; font-weight: 400; }
.account-storage progress[b-kdpverv3r2] { display: block; width: 100%; height: 7px; margin: .8rem 0; overflow: hidden; border: 0; border-radius: 999px; background: var(--paper-deep, #eeebe2); accent-color: var(--accent, #c76345); }
.account-storage progress[b-kdpverv3r2]::-webkit-progress-bar { border-radius: 999px; background: var(--paper-deep, #eeebe2); }
.account-storage progress[b-kdpverv3r2]::-webkit-progress-value { border-radius: 999px; background: var(--accent, #c76345); }
.account-storage progress[b-kdpverv3r2]::-moz-progress-bar { border-radius: 999px; background: var(--accent, #c76345); }
.storage-usage-foot[b-kdpverv3r2] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .35rem 1rem; color: var(--ink-soft, #66685f); font-size: .74rem; }
.storage-usage-details[b-kdpverv3r2] { margin-top: .6rem; }
.storage-usage-details summary[b-kdpverv3r2] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; min-height: 44px; border-radius: 5px; list-style: none; cursor: pointer; color: var(--ink-soft, #66685f); font-size: .74rem; }
.storage-usage-details summary[b-kdpverv3r2]::-webkit-details-marker { display: none; }
.storage-usage-details summary:focus-visible[b-kdpverv3r2] { outline: 2px solid var(--accent, #c76345); outline-offset: 2px; }
.storage-usage-details summary[b-kdpverv3r2] { transition:var(--hover-transition); }
.storage-usage-details summary:hover:where(:not([data-touch-input] *))[b-kdpverv3r2] { background:var(--hover-background); color:var(--hover-color); }
.storage-usage-details summary[b-kdpverv3r2]  svg { transition: transform 240ms cubic-bezier(.22,1,.36,1); }
.storage-usage-details[open] summary[b-kdpverv3r2] { color: var(--ink, #262823); }
@supports (interpolate-size: allow-keywords) {
    .storage-usage-details[b-kdpverv3r2] { interpolate-size: allow-keywords; }
    .storage-usage-details[b-kdpverv3r2]::details-content { display: flow-root; block-size: 0; opacity: 0; overflow: clip; transition: block-size 260ms cubic-bezier(.22,1,.36,1), opacity 180ms ease, content-visibility 260ms; transition-behavior: allow-discrete; }
    .storage-usage-details[open][b-kdpverv3r2]::details-content { block-size: auto; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .storage-usage-details summary[b-kdpverv3r2], .storage-usage-details summary[b-kdpverv3r2]  svg, .storage-usage-details[b-kdpverv3r2]::details-content { transition: none; }
}
.account-storage-breakdown[b-kdpverv3r2] { display: grid; gap: .45rem; margin: .2rem 0 .7rem; padding-top: .65rem; border-top: 1px solid var(--line, #dcd8ce); font-size: .76rem; }
.account-storage-breakdown div[b-kdpverv3r2] { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.account-storage-breakdown dt[b-kdpverv3r2] { flex: 1 1 12rem; }
.account-storage-breakdown dd[b-kdpverv3r2] { margin: 0; font-variant-numeric: tabular-nums; }
.storage-usage-details p[b-kdpverv3r2], .storage-note[b-kdpverv3r2] { margin: .5rem 0; color: var(--ink-soft, #66685f); font-size: .74rem; line-height: 1.6; }
.storage-notice[b-kdpverv3r2] { display: flex; align-items: flex-start; gap: .6rem; padding: .8rem 1rem; border: 1px solid var(--line, #dcd8ce); border-radius: 12px; font-size: .8rem; line-height: 1.6; }
.storage-notice[b-kdpverv3r2]  svg { flex: none; margin-top: .15rem; color: var(--accent, #c76345); }
.storage-skeleton > span:not(.sr-only)[b-kdpverv3r2] { display: block; height: .65rem; margin-block: .5rem; border-radius: 999px; background: var(--paper-deep, #eeebe2); }
.storage-skeleton > span:last-child[b-kdpverv3r2] { width: 60%; }

@media (max-width: 520px) {
    .storage-usage[b-kdpverv3r2] { padding-inline: .85rem; }
}
/* _content/YakoPlan.UI/Views/CalendarManagementView.razor.rz.scp.css */
.calendar-management[b-7nz4klwge2] {
    margin-top: 0;
}

.managed-calendar-list[b-7nz4klwge2] {
    gap: 6px;
}

.managed-calendar-group-title[b-7nz4klwge2] {
    margin: 0;
    padding: 14px 8px 5px;
    color: var(--ink, #262823);
    font: 600 .9rem/1.4 var(--planner-font);
}

.managed-calendar-group + .managed-calendar-group[b-7nz4klwge2] {
    margin-top: 10px;
    border-top: 1px solid var(--line, #dcd8ce);
}

.managed-calendar-section[b-7nz4klwge2] {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.managed-calendar-section > header h3[b-7nz4klwge2] {
    margin: 0;
    font-size: .95rem;
}

.managed-calendar-section > header .secondary-button[b-7nz4klwge2] {
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    line-height: 1;
    white-space: nowrap;
}

.new-calendar-label[b-7nz4klwge2] {
    position: relative;
    top: -1px;
}
.calendar-new-placeholder[b-7nz4klwge2] { visibility: hidden; pointer-events: none; }

.managed-calendar-section > header .secondary-button[b-7nz4klwge2]  svg {
    display: block;
    flex-shrink: 0;
}

.managed-calendar-card[b-7nz4klwge2],
.managed-calendar-card.has-calendar-filter[b-7nz4klwge2] {
    min-height: 56px;
    padding: 6px 8px;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    grid-template-rows: minmax(44px, auto);
    gap: 6px;
    border-width: 1px;
    border-style: solid;
}

.managed-calendar-card.has-calendar-filter[b-7nz4klwge2] {
    grid-template-columns: 28px 24px minmax(0, 1fr) auto;
}

.managed-calendar-card:has(.managed-calendar-filter input:checked)[b-7nz4klwge2] {
    background: var(--accent-soft, #f1d9cf);
}

.calendar-management[b-7nz4klwge2] { --calendar-name-size: max(16px, .98rem); }
.managed-calendar-card[b-7nz4klwge2] { position: relative; }
.managed-calendar-card.is-editing[b-7nz4klwge2] { border-radius: 6px; }
/* Anchor the name to the row's first line as the other fields unfold below it. */
.managed-calendar-card > .managed-calendar-copy[b-7nz4klwge2] {
    align-self: start;
    padding-block: max(0px, calc((44px - var(--calendar-name-size) * 1.4) / 2));
}
.managed-calendar-card > .managed-calendar-copy:has(> .calendar-shared-members)[b-7nz4klwge2] {
    padding-block: 0;
}
.managed-calendar-card > .managed-calendar-icon[b-7nz4klwge2] { align-self: center; margin-top: 0; }
.managed-calendar-card > .managed-calendar-actions[b-7nz4klwge2] { align-self: center; }
.managed-calendar-name[b-7nz4klwge2] { position: relative; min-width: 0; flex: 1; }
.managed-calendar-name[b-7nz4klwge2],
.managed-calendar-copy[b-7nz4klwge2]  .calendar-shared-members { margin-inline-start: 16px; }
.managed-calendar-card.is-editing > .managed-calendar-copy[b-7nz4klwge2]  .calendar-shared-members { margin-block-start: 8px; }
.calendar-management .managed-calendar-name :is(h4, .inline-calendar-name)[b-7nz4klwge2] {
    font: 500 var(--calendar-name-size)/1.4 var(--planner-font);
}
.managed-calendar-card.is-editing .managed-calendar-name h4[b-7nz4klwge2] { visibility: hidden; }
.managed-calendar-copy .inline-calendar-name[b-7nz4klwge2] {
    position: absolute;
    inset-inline-start: -9px;
    top: 50%;
    translate: 0 -50%;
    width: calc(100% + 16px);
    padding-block: 0;
}
.managed-calendar-card[b-7nz4klwge2],
.managed-calendar-sharing-content[b-7nz4klwge2]  .sharing-create-card,
.managed-calendar-sharing-inner[b-7nz4klwge2] {
    scroll-margin-block: 12px;
}
.managed-calendar-icon.inline-calendar-icon[b-7nz4klwge2] {
    position: relative;
    box-sizing: border-box;
    width: 34px;
    height: 34px;
    border: 1px solid var(--accent, #c76345);
    border-radius: 6px;
    background: color-mix(in srgb, var(--surface, #fffdf8) 55%, transparent);
    transition: var(--hover-transition);
}
.inline-calendar-icon:hover:where(:not([data-touch-input] *))[b-7nz4klwge2] {
    background: var(--hover-background);
    border-color: var(--hover-border);
}
.inline-calendar-icon:has(select[aria-expanded="true"])[b-7nz4klwge2] {
    background: var(--open-background);
    border-color: var(--open-border);
}
.inline-calendar-icon select[b-7nz4klwge2] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    opacity: 0;
    cursor: pointer;
}
.inline-calendar-icon:has(select:focus-visible):where([data-keyboard-navigation] *)[b-7nz4klwge2] { outline: 2px solid var(--accent); outline-offset: 3px; }
/* The hidden picker must not create another grid row beneath the icon. */
.inline-calendar-icon[b-7nz4klwge2]  .calendar-icon-color-picker {
    position: absolute;
    width: 0;
    height: 0;
}
.inline-calendar-icon[b-7nz4klwge2]  .calendar-icon-color-picker .board-color-popover { width: min(390px, calc(100vw - 16px)); max-width: calc(100vw - 16px); }
.managed-calendar-copy > .inline-calendar-fields[b-7nz4klwge2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    gap: 15px;
    align-items: start;
}
.managed-calendar-copy .inline-calendar-description[b-7nz4klwge2] { margin-block: -6px; padding-block: 4px; }
.managed-calendar-copy .inline-calendar-name[b-7nz4klwge2],
.managed-calendar-copy .inline-calendar-description[b-7nz4klwge2] {
    min-height: max(34px, calc(var(--calendar-name-size) * 1.4 + 2px));
}
.managed-calendar-copy .inline-calendar-description[b-7nz4klwge2] {
    max-height: 10rem;
    overflow-y: auto;
}
.managed-calendar-card.is-editing .managed-calendar-actions[b-7nz4klwge2] { padding-top: 0; }
.managed-calendar-actions .inline-calendar-cancel[b-7nz4klwge2] { padding: 0; margin: 0; }
.managed-calendar-icon-action[data-premium-required][b-7nz4klwge2] { position: relative; }
@media (prefers-reduced-motion: no-preference) {
    .managed-calendar-copy .inline-calendar-description[b-7nz4klwge2],
    .managed-calendar-actions .inline-calendar-save[b-7nz4klwge2],
    .managed-calendar-actions .inline-calendar-cancel[b-7nz4klwge2] {
        animation: calendar-edit-enter-b-7nz4klwge2 180ms cubic-bezier(.22, 1, .36, 1) both;
    }

    .managed-calendar-copy .inline-calendar-description[b-7nz4klwge2] { animation-delay: 25ms; }
    .managed-calendar-actions .inline-calendar-save[b-7nz4klwge2] { animation-delay: 40ms; }
    .managed-calendar-actions .inline-calendar-cancel[b-7nz4klwge2] { animation-delay: 55ms; }
    .managed-calendar-card:not(.is-editing) > .managed-calendar-actions[b-7nz4klwge2],
    .managed-calendar-card:not(.is-editing) > .managed-calendar-copy > p[b-7nz4klwge2] {
        animation: calendar-edit-return-b-7nz4klwge2 180ms cubic-bezier(.22, 1, .36, 1) both;
    }
}

/* The outgoing controls are inert artwork while the real row is already usable. */
.managed-calendar-card.calendar-inline-exit[b-7nz4klwge2] {
    position: absolute;
    inset: -1px auto auto -1px;
    z-index: 2;
    margin: 0;
    pointer-events: none;
    animation: none;
    background: transparent;
    border-color: transparent;
}
.calendar-inline-exit .managed-calendar-badges[b-7nz4klwge2],
.calendar-inline-exit .managed-calendar-copy > small[b-7nz4klwge2] { visibility: hidden; }
.calendar-inline-exit .inline-calendar-name[b-7nz4klwge2] { color: transparent; background: transparent; caret-color: transparent; }
.calendar-inline-exit[b-7nz4klwge2]::before,
.calendar-inline-exit *[b-7nz4klwge2] { animation: none !important; transition: none !important; }

@keyframes calendar-edit-enter-b-7nz4klwge2 {
    from { opacity: 0; translate: 0 3px; }
    to { opacity: 1; translate: 0 0; }
}

@keyframes calendar-edit-return-b-7nz4klwge2 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.managed-calendar-icon[b-7nz4klwge2] {
    width: 34px;
    height: 28px;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.managed-calendar-card:hover:where(:not([data-touch-input] *)) .managed-calendar-icon[b-7nz4klwge2] {
    transform: none;
    box-shadow: none;
}

.managed-calendar-copy > header[b-7nz4klwge2] {
    gap: 3px 6px;
}

.managed-calendar-copy h4[b-7nz4klwge2] {
    margin: 0;
    max-width: 100%;
    color: var(--ink, #262823);
    font: 500 .86rem/1.4 var(--planner-font);
}

.managed-calendar-copy > p[b-7nz4klwge2] {
    color: var(--ink-soft, #66685f);
    font: 400 .78rem/1.5 var(--planner-font);
}

.managed-calendar-copy > small[b-7nz4klwge2],
.managed-calendar-copy > p[b-7nz4klwge2] {
    margin-top: 2px;
    overflow-wrap: anywhere;
}

.managed-calendar-badges:empty[b-7nz4klwge2] {
    display: none;
}

.managed-calendar-badges > span[b-7nz4klwge2] {
    padding: 1px 5px;
    font-weight: 500;
}

.managed-calendar-card .managed-calendar-actions[b-7nz4klwge2],
.managed-calendar-card.has-calendar-filter .managed-calendar-actions[b-7nz4klwge2] {
    grid-column: auto;
    gap: 0;
    max-width: 184px;
}

.managed-calendar-card.archived[b-7nz4klwge2] {
    grid-template-columns: 24px minmax(0, 1fr) max-content;
}

.managed-calendar-card.archived > .managed-calendar-actions[b-7nz4klwge2] {
    grid-column: 3;
    grid-row: 1;
    flex-wrap: nowrap;
    justify-content: flex-end;
    max-width: none;
    gap: 6px;
}

.managed-calendar-card.archived > .managed-calendar-actions button[b-7nz4klwge2] {
    white-space: nowrap;
}

.managed-calendar-actions .managed-calendar-icon-action[b-7nz4klwge2],
.managed-calendar-actions .managed-calendar-drag-handle[b-7nz4klwge2] {
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    justify-content: center;
    border-color: transparent;
}

.managed-calendar-actions .managed-calendar-drag-handle[b-7nz4klwge2] {
    width: 32px;
    min-width: 32px;
}

.managed-calendar-actions[b-7nz4klwge2]  .managed-calendar-icon-action > svg {
    width: 20px;
    height: 20px;
}

.managed-calendar-actions .managed-calendar-archive[b-7nz4klwge2] {
    margin-block: 0;
    margin-inline-start: 8px;
}

.managed-calendar-card .managed-calendar-actions .managed-calendar-icon-action[b-7nz4klwge2] {
    transform: none;
}

.managed-calendar-actions button:focus-visible[b-7nz4klwge2],
.managed-calendar-filter input:focus-visible[b-7nz4klwge2] {
    outline: 2px solid var(--accent, #c76345);
    outline-offset: 2px;
}

.managed-calendar-actions .managed-calendar-share[aria-expanded="true"][b-7nz4klwge2] {
    border-color: var(--open-border);
    background: var(--open-background);
    color: var(--open-color);
    box-shadow: none;
}

.managed-calendar-card:has(> .managed-calendar-sharing-drawer)[b-7nz4klwge2] {
    row-gap: 0;
}

.managed-calendar-card:has(> .managed-calendar-sharing-drawer.is-open)[b-7nz4klwge2],
.managed-calendar-card.has-calendar-filter:has(> .managed-calendar-sharing-drawer.is-open)[b-7nz4klwge2] {
    background: transparent;
}

.managed-calendar-card.has-calendar-filter:has(.managed-calendar-filter input:checked):has(> .managed-calendar-sharing-drawer.is-open)[b-7nz4klwge2] {
    background: var(--accent-soft, #f1d9cf);
}

.managed-calendar-sharing-drawer[b-7nz4klwge2] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-rows: 0fr;
    visibility: hidden;
    opacity: 0;
    transition: grid-template-rows 220ms ease, opacity 180ms ease, visibility 220ms;
}

.managed-calendar-sharing-drawer.is-open[b-7nz4klwge2] {
    grid-template-rows: 1fr;
    visibility: visible;
    opacity: 1;
}

.managed-calendar-sharing-inner[b-7nz4klwge2] {
    min-height: 0;
    overflow: hidden;
}

.managed-calendar-sharing-content[b-7nz4klwge2] {
    padding: 8px 4px 4px;
    border-top: 1px solid var(--line, #dcd8ce);
}

@media (prefers-reduced-motion: reduce) {
    .managed-calendar-sharing-drawer[b-7nz4klwge2] { transition: none; }
}

/* Confirmations may use the row width without squeezing the calendar name. */
.calendar-archive-drawer[b-7nz4klwge2] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-rows: 1fr;
    min-height: 0;
}
.calendar-archive-drawer-inner[b-7nz4klwge2] { min-height: 0; overflow: hidden; }
.calendar-archive-drawer .calendar-archive-confirmation[b-7nz4klwge2] { animation: none; }
@media (prefers-reduced-motion: no-preference) {
    .calendar-archive-drawer[b-7nz4klwge2] { animation: calendar-archive-expand-b-7nz4klwge2 220ms cubic-bezier(.22, 1, .36, 1) both; }
    .calendar-archive-confirmation > button[b-7nz4klwge2] { animation: calendar-edit-return-b-7nz4klwge2 180ms ease-out both; }
    .calendar-archive-confirmation > button + button[b-7nz4klwge2] { animation-delay: 35ms; }
}
@keyframes calendar-archive-expand-b-7nz4klwge2 {
    from { grid-template-rows: 0fr; opacity: 0; }
    to { grid-template-rows: 1fr; opacity: 1; }
}
.managed-calendar-card .managed-calendar-actions:has(.calendar-delete-confirmation)[b-7nz4klwge2],
.managed-calendar-card .managed-calendar-actions.calendar-archive-confirmation[b-7nz4klwge2] {
    grid-column: 1 / -1;
    grid-row: auto;
    flex-wrap: wrap;
    max-width: none;
    gap: 6px;
}

@media (max-width: 430px) {
    .managed-calendar-card[b-7nz4klwge2],
    .managed-calendar-card.has-calendar-filter[b-7nz4klwge2] {
        padding-inline: 4px;
        column-gap: 4px;
    }

    .managed-calendar-section > header[b-7nz4klwge2] {
        gap: 6px;
    }

    .managed-calendar-section > header h3[b-7nz4klwge2] {
        font-size: .86rem;
    }
}

@media (max-width: 600px) {
    .managed-calendar-card.is-editing[b-7nz4klwge2] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .managed-calendar-card.has-calendar-filter.is-editing[b-7nz4klwge2] {
        grid-template-columns: 28px 34px minmax(0, 1fr);
    }

    .managed-calendar-card.is-editing > .managed-calendar-copy[b-7nz4klwge2],
    .managed-calendar-card.is-editing .inline-calendar-fields[b-7nz4klwge2] {
        display: contents;
    }

    .managed-calendar-card.is-editing .managed-calendar-name[b-7nz4klwge2] {
        grid-column: 2 / -1;
        grid-row: 1;
        margin-inline-start: 0;
    }

    .managed-calendar-card.has-calendar-filter.is-editing .managed-calendar-name[b-7nz4klwge2] {
        grid-column: 3 / -1;
    }

    .managed-calendar-card.is-editing .managed-calendar-name h4[b-7nz4klwge2],
    .managed-calendar-card.is-editing .managed-calendar-badges:empty[b-7nz4klwge2] {
        display: none;
    }

    .managed-calendar-card.is-editing .inline-calendar-name[b-7nz4klwge2] {
        position: static;
        display: block;
        translate: none;
        width: 100%;
        box-sizing: border-box;
    }

    .managed-calendar-card.is-editing .inline-calendar-description[b-7nz4klwge2] {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        margin: 0;
        box-sizing: border-box;
    }

    .managed-calendar-card.is-editing .managed-calendar-badges[b-7nz4klwge2],
    .managed-calendar-card.is-editing > .managed-calendar-copy > small[b-7nz4klwge2],
    .managed-calendar-card.is-editing[b-7nz4klwge2]  .calendar-shared-members {
        grid-column: 1 / -1;
        margin-inline-start: 0;
    }

    .managed-calendar-card.is-editing .managed-calendar-actions[b-7nz4klwge2] {
        grid-column: 1 / -1;
        justify-self: end;
    }

    .managed-calendar-section > header[b-7nz4klwge2] {
        display: grid;
        grid-template-columns: minmax(0, max-content) auto minmax(max-content, 1fr);
        gap: 6px;
        --calendar-section-heading-size: .95rem;
        --calendar-section-action-size: .8rem;
    }

    .managed-calendar-section > header h3[b-7nz4klwge2] {
        min-width: 0;
        font-size: var(--calendar-section-heading-size);
    }

    .managed-calendar-section > header .calendar-section-toggle[b-7nz4klwge2] {
        min-height: 44px;
        gap: 4px;
    }

    .managed-calendar-section > header .secondary-button[b-7nz4klwge2] {
        min-height: 44px;
        font-size: var(--calendar-section-action-size);
    }
}

/* Drag the row itself; expose the equivalent reorder control only to keyboard users. */
.managed-calendar-actions .managed-calendar-drag-handle:not(:focus-visible)[b-7nz4klwge2] {
    position: absolute;
    width: 1px;
    min-width: 0;
    height: 1px;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.managed-calendar-actions .managed-calendar-drag-handle:focus-visible[b-7nz4klwge2] {
    width: auto;
    max-width: 160px;
    padding: 0 8px;
}

.calendar-section-toggle[b-7nz4klwge2] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}
.calendar-section-toggle:focus-visible[b-7nz4klwge2] { outline: 2px solid var(--accent, #c76345); outline-offset: 3px; border-radius: 3px; }
.calendar-section-toggle[b-7nz4klwge2]  svg { flex-shrink: 0;  }
.calendar-section-drawer[b-7nz4klwge2] { display: grid; grid-template-rows: 0fr; visibility: hidden; opacity: 0; transition: grid-template-rows 220ms ease, opacity 180ms ease, visibility 220ms; }
.calendar-section-drawer.is-open[b-7nz4klwge2] { grid-template-rows: 1fr; visibility: visible; opacity: 1; }
.calendar-section-drawer-inner[b-7nz4klwge2] { min-height: 0; overflow: hidden; }
.managed-calendar-archive > header[b-7nz4klwge2] { padding-top: 10px; border-top: 1px solid var(--line, #dcd8ce); }
.managed-calendar-appearance.task-quick-settings[b-7nz4klwge2] {
    min-width: 0;
    width: min(390px, calc(100vw - 16px));
    margin: 0;
    padding: 16px;
    right: auto;
}
.managed-calendar-appearance > header[b-7nz4klwge2] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.managed-calendar-appearance > header h4[b-7nz4klwge2] { margin: 0; font-size: .95rem; }
.managed-calendar-appearance .calendar-card-preview[b-7nz4klwge2] { grid-template-columns: 24px minmax(0, 1fr); }
.managed-calendar-appearance .calendar-card-preview h4[b-7nz4klwge2] { margin: 0; font-size: var(--calendar-name-size); }
.managed-calendar-appearance .calendar-card-preview .managed-calendar-copy[b-7nz4klwge2] { align-self: center; padding-block: 0; margin-inline-start: 16px; }
.managed-calendar-appearance .calendar-card-preview .managed-calendar-icon[b-7nz4klwge2] { translate: 0 2px; }
@media (max-width: 800px) {
    .managed-calendar-appearance.task-quick-settings[b-7nz4klwge2] { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .calendar-section-drawer[b-7nz4klwge2], .calendar-section-toggle[b-7nz4klwge2]  svg { transition: none; }
}
/* _content/YakoPlan.UI/Views/CustomThemeEditor.razor.rz.scp.css */
.custom-theme-editor[b-x9hk58chb4] { display:grid; grid-template-rows:minmax(0,1fr) auto; min-width:0; min-height:0; height:100%; }
.custom-editor-steps[b-x9hk58chb4] { margin-bottom: .35rem; }
.custom-editor-steps ol[b-x9hk58chb4] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem; margin: 0; padding: 0; list-style: none; }
.custom-editor-steps li[b-x9hk58chb4] { min-width: 0; }
.custom-editor-steps button[b-x9hk58chb4] { width: 100%; min-height: 2.75rem; padding: .25rem .2rem; display: flex; align-items: center; justify-content: center; gap: .45rem; border: 0; background: transparent; color: var(--ink-soft); font: inherit; font-size: .8rem; cursor: pointer; transition:var(--hover-transition); }
.custom-editor-step-number[b-x9hk58chb4] { display: grid; place-items: center; width: 1.65rem; height: 1.65rem; border: 1px solid var(--line); border-radius: 50%; font-size: .75rem; font-variant-numeric: tabular-nums; transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, transform 200ms cubic-bezier(.2,.8,.2,1); }
.custom-editor-steps button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-x9hk58chb4] { background:var(--hover-background); color:var(--hover-color); }
.custom-editor-steps button[aria-current="step"][b-x9hk58chb4] { color: var(--ink); font-weight: 650; }
.custom-editor-steps button[aria-current="step"] .custom-editor-step-number[b-x9hk58chb4] { border-color: var(--accent); background: var(--accent); color: var(--custom-accent-ink, var(--paper, #fff)); transform: scale(1.08); }
.custom-editor-steps button:focus-visible[b-x9hk58chb4] { outline: 3px solid var(--focus, var(--accent)); outline-offset: 2px; }
.custom-editor-steps button:disabled[b-x9hk58chb4] { opacity: .5; cursor: default; }
.custom-editor-workspace[b-x9hk58chb4] { display:grid; grid-template-columns:minmax(0,1fr); gap:.85rem; align-content:start; align-items:start; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; scroll-padding-block:1rem; padding:1rem 1rem .75rem; }
.custom-editor-preview[b-x9hk58chb4] { min-width: 0; }
.custom-editor-fields[b-x9hk58chb4] { padding: 0; margin: 0; border: 0; min-width: 0; }
.custom-editor-step-panel[b-x9hk58chb4] { position:relative; padding: .25rem 0; border: 0; background: transparent; --custom-step-offset: 10px; animation: custom-editor-step-in-b-x9hk58chb4 240ms cubic-bezier(.2,.8,.2,1); }
.custom-editor-step-panel[data-step-direction="backward"][b-x9hk58chb4] { --custom-step-offset: -10px; }
.custom-editor-step-panel h3:not(.sr-only)[b-x9hk58chb4] { margin: 0 0 .8rem; font-size: 1.05rem; font-weight: 650; line-height: 1.4; }
.custom-editor-step-panel h3:focus[b-x9hk58chb4], .custom-theme-editor:focus[b-x9hk58chb4] { outline: none; }
.custom-editor-step-panel[data-custom-theme-panel="effects"] > h3[b-x9hk58chb4] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.custom-editor-name[b-x9hk58chb4] { margin:0; }
.custom-editor-basics[b-x9hk58chb4], .custom-editor-color-grid[b-x9hk58chb4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1rem; }
.custom-editor-basics[b-x9hk58chb4] { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); align-items:start; }
.custom-editor-basics .custom-editor-field > span:first-child[b-x9hk58chb4] { min-height:2rem; }
.custom-editor-color-grid[b-x9hk58chb4] { align-items:start; }
.custom-editor-background-colors[b-x9hk58chb4] { margin-bottom:.65rem; }
.custom-editor-reveal[b-x9hk58chb4] { display:grid; grid-template-rows:0fr; min-width:0; opacity:0; visibility:hidden; transition:grid-template-rows 220ms ease,opacity 180ms ease,visibility 220ms; }
.custom-editor-reveal.is-visible[b-x9hk58chb4] { grid-template-rows:1fr; opacity:1; visibility:visible; }
.custom-editor-reveal-body[b-x9hk58chb4] { min-height:0; min-width:0; overflow:hidden; transform:translateY(-4px); transition:transform 220ms ease; }
.custom-editor-reveal.is-visible > .custom-editor-reveal-body[b-x9hk58chb4] { transform:none; }
@media (prefers-reduced-motion:reduce) { .custom-editor-reveal[b-x9hk58chb4],.custom-editor-reveal-body[b-x9hk58chb4] { transition:none; } }
.custom-editor-primary-colors[b-x9hk58chb4] { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:800px) { .custom-editor-primary-colors[b-x9hk58chb4] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.custom-editor-field[b-x9hk58chb4] { display: flex; flex-direction: column; gap: .45rem; min-width: 0; font-size: .85rem; color: var(--ink-soft); }
.custom-editor-field input[type="text"][b-x9hk58chb4], .custom-editor-field select[b-x9hk58chb4] { width: 100%; min-width: 0; min-height: 2.8rem; border: 1px solid var(--line); border-radius: .6rem; background-color: var(--surface); color: var(--ink); padding: .6rem .7rem; font: inherit; }
.custom-editor-field select[b-x9hk58chb4] { padding-right: 2rem; }
.custom-editor-field output[b-x9hk58chb4] { float: right; color: var(--ink); font-variant-numeric: tabular-nums; }
.custom-editor-segments[b-x9hk58chb4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; margin-bottom: 1rem; }
.custom-editor-segments label:has(input[value="aurora"])[b-x9hk58chb4] { display:none; }
.custom-editor-segments label[b-x9hk58chb4] { position: relative; cursor: pointer; }
.custom-editor-segments input[b-x9hk58chb4] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.custom-editor-segments span[b-x9hk58chb4] { display: block; min-height: 2.8rem; padding: .7rem .4rem; text-align: center; border: 1px solid var(--line); border-radius: .6rem; font-size: .85rem; background: var(--surface); transition: border-color 160ms ease, color 160ms ease, box-shadow 160ms ease; }
.custom-editor-segments input:checked + span[b-x9hk58chb4] { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); color: var(--accent); }
.custom-editor-segments input:focus-visible + span[b-x9hk58chb4] { outline: 3px solid var(--focus, var(--accent)); outline-offset: 2px; }
.custom-editor-secondary[b-x9hk58chb4] { max-width: 15rem; margin-bottom: .65rem; animation: custom-editor-options-in-b-x9hk58chb4 180ms ease-out; }
.custom-editor-check[b-x9hk58chb4] { display: flex; align-items: center; gap: .7rem; min-height: 2.8rem; font-size: .9rem; cursor: pointer; }
.custom-editor-effects-toggles[b-x9hk58chb4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem 1rem; }
.custom-editor-effects-toggles .custom-editor-check[b-x9hk58chb4] { min-width:0; padding:.25rem; font-weight:550; }
@media (max-width:480px) { .custom-editor-effects-toggles[b-x9hk58chb4] { column-gap:.65rem; } .custom-editor-effects-toggles .custom-editor-check[b-x9hk58chb4] { gap:.45rem; font-size:.85rem; } }
.custom-editor-check input:not(.planner-switch)[b-x9hk58chb4] { width: 1.1rem; height: 1.1rem; flex-shrink: 0; accent-color: var(--accent); }
.custom-editor-help[b-x9hk58chb4] { margin: .1rem 0 .5rem 1.8rem; color: var(--ink-soft); font-size: .8rem; line-height: 1.6; }
.custom-editor-step-panel[data-custom-theme-panel="effects"] > .custom-editor-help[b-x9hk58chb4],
.custom-editor-step-panel[data-custom-theme-panel="effects"] > .custom-editor-reveal:has(.custom-editor-help)[b-x9hk58chb4] { display:none; }
.custom-editor-advanced[b-x9hk58chb4] { margin:.4rem 0 0; padding:.25rem 0; }
.custom-editor-additional-colors[b-x9hk58chb4] { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:680px) { .custom-editor-additional-colors[b-x9hk58chb4] { grid-template-columns:1fr; } }
/* Keep the color-step order correct even in an editor already open during hot reload. */
.custom-editor-step-panel[data-custom-theme-panel="colors"][b-x9hk58chb4] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem 1rem; align-items:start; }
.custom-editor-step-panel[data-custom-theme-panel="colors"] > .custom-editor-primary-colors[b-x9hk58chb4],
.custom-editor-text-color[b-x9hk58chb4] { display:contents; }
.custom-editor-step-panel[data-custom-theme-panel="colors"] > .custom-editor-advanced[b-x9hk58chb4] { grid-column:1 / -1; order:1; margin:0; padding:0; }
.custom-editor-step-panel[data-custom-theme-panel="colors"][b-x9hk58chb4]  .theme-readability[data-readability-field="text"] { grid-column:1 / -1; order:2; display:flex; align-items:center; flex-wrap:wrap; gap:.5rem .9rem; margin-top:0; }
.custom-editor-step-panel[data-custom-theme-panel="colors"][b-x9hk58chb4]  .theme-readability > [role="status"] { display:flex; align-items:center; flex:1; flex-wrap:wrap; gap:.35rem .9rem; }
.custom-editor-step-panel[data-custom-theme-panel="colors"][b-x9hk58chb4]  .theme-readability-heading { justify-content:flex-start; flex:none; }
.custom-editor-step-panel[data-custom-theme-panel="colors"][b-x9hk58chb4]  .theme-readability p { margin:0; flex:1; min-width:14rem; }
.custom-editor-step-panel[data-custom-theme-panel="colors"][b-x9hk58chb4]  .theme-readability-colors { flex:none; margin-left:0; }
@media (max-width:800px) { .custom-editor-step-panel[data-custom-theme-panel="colors"][b-x9hk58chb4] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:360px) { .custom-editor-step-panel[data-custom-theme-panel="colors"][b-x9hk58chb4] { grid-template-columns:1fr; } }
.custom-editor-error[b-x9hk58chb4] { color: var(--danger, #b43e46); font-size: .9rem; line-height: 1.6; }
.custom-editor-navigation[b-x9hk58chb4] { min-width:0; padding:.4rem 1rem .75rem; border-top:1px solid var(--line); background:transparent; }
.custom-editor-actions[b-x9hk58chb4] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; }
.custom-editor-actions button[b-x9hk58chb4] { min-height: 2.8rem; min-width: 5.5rem; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; }
.custom-editor-actions button[b-x9hk58chb4] { transition:var(--hover-transition),transform 160ms cubic-bezier(.2,.8,.2,1),opacity 160ms ease; }
.custom-editor-actions button[b-x9hk58chb4]  .icon { transition: transform 160ms ease; }
.custom-editor-actions button:active:not(:disabled)[b-x9hk58chb4] { transform: scale(.97); }
.custom-editor-steps button:active:not(:disabled) .custom-editor-step-number[b-x9hk58chb4] { transform: scale(.94); }
.custom-editor-actions button:disabled[b-x9hk58chb4] { opacity: .45; cursor: default; }
.custom-editor-progress[b-x9hk58chb4] { text-align: center; color: var(--ink-soft); font-size: .78rem; font-variant-numeric: tabular-nums; }
.custom-editor-fields:disabled[b-x9hk58chb4] { opacity: .7; }
@media (max-width: 680px) {
    .custom-editor-workspace[b-x9hk58chb4] { grid-template-rows:auto minmax(0,1fr); align-content:stretch; overflow:hidden; padding:.75rem; }
    .custom-editor-fields[b-x9hk58chb4] { align-self:stretch; min-height:0; overflow:auto; overscroll-behavior:contain; scroll-padding-block:.5rem; padding-bottom:.5rem; }
    .custom-editor-navigation[b-x9hk58chb4] { padding:.35rem .75rem .65rem; }
    .custom-editor-preview[b-x9hk58chb4]  .custom-preview-scroll { max-height:min(12rem,30dvh); }
    .custom-editor-step-panel h3[b-x9hk58chb4] { scroll-margin-top: 1rem; }
}
@media (max-width: 480px) {
    .custom-editor-basics[b-x9hk58chb4] { grid-template-columns: 1fr; }
    .custom-editor-color-grid[b-x9hk58chb4] { gap: .85rem .65rem; }
    .custom-editor-secondary[b-x9hk58chb4] { max-width: none; }
    .custom-editor-steps button[b-x9hk58chb4] { font-size: .7rem; }
    .custom-editor-actions[b-x9hk58chb4] { gap:.4rem; }
    .custom-editor-actions button[b-x9hk58chb4] { min-width:0; padding-inline:.85rem; }
}
@media (max-width: 360px) { .custom-editor-color-grid[b-x9hk58chb4] { grid-template-columns: 1fr; } }
@media (hover: hover) and (pointer: fine) {
    .custom-editor-actions button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-x9hk58chb4] { background:var(--hover-background); color:var(--hover-color); }
    .custom-editor-actions button:active:not(:disabled)[b-x9hk58chb4] { transform: scale(.97); }
}
/* Transforms finish at none so fixed color popovers keep their viewport origin. */
@keyframes custom-editor-step-in-b-x9hk58chb4 { from { opacity: .4; transform: translateX(var(--custom-step-offset)); } to { opacity: 1; transform: none; } }
@keyframes custom-editor-options-in-b-x9hk58chb4 { from { opacity: .35; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
    .custom-editor-step-panel[b-x9hk58chb4], .custom-editor-secondary[b-x9hk58chb4] { animation: none; }
    .custom-editor-steps button[b-x9hk58chb4], .custom-editor-step-number[b-x9hk58chb4], .custom-editor-segments span[b-x9hk58chb4],
    .custom-editor-actions button[b-x9hk58chb4],
    .custom-editor-actions button[b-x9hk58chb4]  .icon { transition: none; }
    .custom-editor-actions button:not(:disabled)[b-x9hk58chb4], .custom-editor-steps button .custom-editor-step-number[b-x9hk58chb4] { transform:none; }
}
@media (forced-colors: active) {
    .custom-editor-steps button[aria-current="step"] .custom-editor-step-number[b-x9hk58chb4] { color: HighlightText; background: Highlight; }
}
.custom-editor-picture[b-x9hk58chb4] { margin:1.25rem 0 0; padding:0; }
.custom-editor-picture h4[b-x9hk58chb4] { font-size:.95rem; font-weight:650; margin:0 0 .8rem; }
.custom-editor-picture[b-x9hk58chb4]  .appearance-picture-picker > .appearance-picture-help:not([role]),
.custom-editor-picture[b-x9hk58chb4]  .appearance-picture-library-heading,
.custom-editor-picture[b-x9hk58chb4]  .appearance-picture-empty { display:none; }
/* _content/YakoPlan.UI/Views/CustomThemePreview.razor.rz.scp.css */
/* Typed preview values interpolate once and flow to every component. */
@property --custom-preview-background { syntax: "<color>"; inherits: true; initial-value: #000000; }
@property --custom-preview-background-secondary { syntax: "<color>"; inherits: true; initial-value: #000000; }
@property --custom-preview-surface { syntax: "<color>"; inherits: true; initial-value: #000000; }
@property --custom-preview-text { syntax: "<color>"; inherits: true; initial-value: #000000; }
@property --custom-preview-muted { syntax: "<color>"; inherits: true; initial-value: #000000; }
@property --custom-preview-accent { syntax: "<color>"; inherits: true; initial-value: #000000; }
@property --custom-preview-accent-ink { syntax: "<color>"; inherits: true; initial-value: #000000; }
@property --custom-preview-border { syntax: "<color>"; inherits: true; initial-value: #000000; }
@property --custom-preview-success { syntax: "<color>"; inherits: true; initial-value: #000000; }
@property --custom-preview-danger { syntax: "<color>"; inherits: true; initial-value: #000000; }
@property --custom-preview-radius { syntax: "<length>"; inherits: true; initial-value: 12px; }

.custom-theme-preview[b-5hc3nh8hkl] { min-width: 0; }
.custom-preview-viewport[b-5hc3nh8hkl] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    clip-path: inset(0);
    /* Shared components consume the draft radius without rounding the page. */
    --custom-radius: var(--custom-preview-radius, 12px);
    background: var(--paper);
    color: var(--ink);
    scrollbar-color: var(--line) var(--paper);
    scrollbar-width: thin;
    --sage: var(--success);
    --ink-faint: var(--ink-soft);
    --surface-hover: color-mix(in srgb, var(--surface) 90%, var(--ink));
    --line-strong: color-mix(in srgb, var(--line) 75%, var(--ink));
}
.custom-preview-viewport[b-5hc3nh8hkl]::after { content:""; position:absolute; inset:0; z-index:2; border-radius:inherit; box-shadow:inset 0 0 0 1px var(--line); pointer-events:none; opacity:1; transition:opacity 240ms ease; }
.custom-preview-viewport.has-rainbow-border[b-5hc3nh8hkl]::after { opacity:0; }
@media (prefers-reduced-motion:reduce) { .custom-preview-viewport[b-5hc3nh8hkl]::after { transition:none; } }
.custom-preview-scroll[b-5hc3nh8hkl] { position: relative; max-height: 20rem; overflow: auto; scrollbar-color: var(--line) var(--paper); scrollbar-width: thin; }
.custom-preview-scroll:focus-visible[b-5hc3nh8hkl] { outline: 2px solid var(--focus); outline-offset: -3px; }
/* Fade a persistent gradient over the solid color in both directions. */
.custom-preview-viewport[b-5hc3nh8hkl]  .custom-theme-paint { background:var(--custom-preview-background); }
.custom-preview-viewport[b-5hc3nh8hkl]  .custom-theme-paint::before,
.custom-preview-viewport[b-5hc3nh8hkl]  .custom-theme-paint::after { content:""; position:absolute; inset:0; opacity:0; transition:opacity 240ms ease; }
.custom-preview-viewport[b-5hc3nh8hkl]  .custom-theme-wash { background:linear-gradient(220deg,var(--custom-preview-background),var(--custom-preview-background-secondary)); }
.custom-preview-viewport[b-5hc3nh8hkl]  .custom-theme-paint::before { background:linear-gradient(135deg,var(--custom-preview-background),var(--custom-preview-background-secondary)); }
.custom-preview-viewport[b-5hc3nh8hkl]  .custom-theme-paint::after { background:radial-gradient(ellipse at 15% 10%,color-mix(in srgb,var(--custom-preview-accent) 24%,transparent),transparent 65%); }
.custom-preview-viewport[b-5hc3nh8hkl]  .custom-theme-atmosphere:is([data-background="gradient"],[data-background="aurora"]) .custom-theme-paint::before,
.custom-preview-viewport[b-5hc3nh8hkl]  .custom-theme-atmosphere[data-background="aurora"] .custom-theme-paint::after { opacity:1; }
@media (prefers-reduced-motion:reduce) { .custom-preview-viewport[b-5hc3nh8hkl]  .custom-theme-paint::before,.custom-preview-viewport[b-5hc3nh8hkl]  .custom-theme-paint::after { transition:none; } }
.custom-preview-planner.planner-shell[b-5hc3nh8hkl] { position: relative; min-height: 0; padding: 0; display: block; background: transparent; zoom: .8; }
.custom-preview-planner .planner-topbar[b-5hc3nh8hkl] { position: relative; top: auto; min-height: 72px; padding: 10px 16px; gap: 14px; background: transparent; }
.custom-preview-period[b-5hc3nh8hkl] { display: flex; align-items: center; justify-content: center; gap: 6px; font: 700 1.25rem/1.2 var(--planner-heading); letter-spacing: -.02em; }
.custom-preview-planner .topbar-avatar[b-5hc3nh8hkl] { display: grid; place-items: center; background: var(--accent); color: var(--custom-preview-accent-ink); }
.custom-preview-planner .week-grid[b-5hc3nh8hkl] { min-height: 260px; overflow: visible; }
.custom-preview-planner .inline-day-note-input[b-5hc3nh8hkl] { color: var(--ink-soft); }

/* Share the real planner's typography, grid, task rows, and phone layout.
   Only the viewport height and scale are reduced for the editor. */
@media (min-width: 801px) {
    .custom-preview-planner .week-grid[b-5hc3nh8hkl] { grid-template-rows: repeat(2, minmax(130px, 1fr)); }
    .custom-preview-planner .day-header[b-5hc3nh8hkl] { margin-inline: -6px; padding-inline: 9px; }
    .custom-preview-planner .day-tasks[b-5hc3nh8hkl] { padding-top: 5px; }
}
@media (max-width: 800px) {
    .custom-preview-scroll[b-5hc3nh8hkl] { max-height: 19rem; }
    .custom-preview-planner.planner-shell[b-5hc3nh8hkl] { zoom: .85; }
    .custom-preview-planner .planner-topbar[b-5hc3nh8hkl] { min-height: 62px; padding: 8px 12px; gap: 8px; }
    .custom-preview-planner .range-title > span[b-5hc3nh8hkl], .custom-preview-planner .custom-preview-today[b-5hc3nh8hkl],
    .custom-preview-planner .notification-trigger[b-5hc3nh8hkl], .custom-preview-planner .topbar-avatar[b-5hc3nh8hkl] { display: none; }
    .custom-preview-period[b-5hc3nh8hkl] { font-size: 1.05rem; }
    .custom-preview-planner .day-column[b-5hc3nh8hkl] { padding-inline: 12px; }
}

/* Library buttons contain a noninteractive thumbnail of the same week. */
.compact .custom-preview-viewport[b-5hc3nh8hkl] { border: 0; }
.compact .custom-preview-viewport[b-5hc3nh8hkl]::after { display:none; }
.compact .custom-preview-scroll[b-5hc3nh8hkl] { height: 8.5rem; overflow: hidden; }
.compact .custom-preview-planner[b-5hc3nh8hkl] { zoom: .38; min-width: 780px; }
.compact .week-grid[b-5hc3nh8hkl] { display: grid; grid-template-columns: repeat(6, minmax(130px, 1fr)); grid-template-rows: repeat(2, minmax(130px, 1fr)); }
.compact .day-column[b-5hc3nh8hkl] { padding-inline: 6px; border-right: 1px solid var(--line); border-bottom: 0; }
.compact .week-grid .combined-saturday[b-5hc3nh8hkl] { grid-column: 6; grid-row: 1; border: 0; }
.compact .week-grid .combined-sunday[b-5hc3nh8hkl] { grid-column: 6; grid-row: 2; border: 0; border-top: 1px solid var(--line); }
.compact .day-header[b-5hc3nh8hkl] { margin-inline: -6px; padding-inline: 9px; }

@media (prefers-reduced-motion: no-preference) {
    .custom-theme-preview:not(.compact) .custom-preview-viewport[b-5hc3nh8hkl] {
        transition: --custom-preview-background 240ms ease, --custom-preview-background-secondary 240ms ease, --custom-preview-surface 240ms ease, --custom-preview-text 240ms ease, --custom-preview-muted 240ms ease, --custom-preview-accent 240ms ease, --custom-preview-accent-ink 240ms ease, --custom-preview-border 240ms ease, --custom-preview-success 240ms ease, --custom-preview-danger 240ms ease, --custom-preview-radius 200ms ease;
    }
}
/* _content/YakoPlan.UI/Views/IntegrationsSampleView.razor.rz.scp.css */
.calendar-sample-controls[b-0in7yf5ke2] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.calendar-sample-controls p[b-0in7yf5ke2] { flex: 1 1 220px; margin: 0; color: var(--ink-soft); font-size: .8125rem; }
.calendar-sample-controls button[b-0in7yf5ke2] { flex-shrink: 0; }
/* _content/YakoPlan.UI/Views/IntegrationsView.razor.rz.scp.css */
.integrations-view .section-heading[b-dxil7n57d5] { margin-bottom: 14px; gap: 12px; }
.integrations-view .section-heading h2[b-dxil7n57d5] { text-align: start; }
.integration-connections[b-dxil7n57d5] { gap: 8px; }
.integration-group-heading[b-dxil7n57d5] { margin-bottom: 8px; font-size: .9rem; }
.integration-connection-card[b-dxil7n57d5] { border-radius: 12px; }
.integration-connection-card.is-arriving[b-dxil7n57d5] { display: grid; grid-template-rows: 1fr; }
.integration-connection-drawer[b-dxil7n57d5] { min-height: 0; }
.integration-results-panel:not(.is-open) .integration-loading span[b-dxil7n57d5] { animation: none; }
.integration-connection-summary[b-dxil7n57d5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 3px 10px;
    padding: 12px;
    cursor: pointer;
    list-style: none;
}
.integration-connection-summary[b-dxil7n57d5]::-webkit-details-marker { display: none; }
.integration-connection-summary:hover:where(:not([data-touch-input] *))[b-dxil7n57d5] { background-color:var(--hover-background); color:var(--hover-color); }
.integration-connection-summary:focus-visible[b-dxil7n57d5],
.integration-calendar-toggle:focus-visible[b-dxil7n57d5] { outline: 2px solid var(--focus, #66685f); outline-offset: -3px; border-radius: 8px; }
.integration-connection-title[b-dxil7n57d5] { flex: 1; gap: 9px; }
.integration-provider-icon[b-dxil7n57d5] { width: 32px; height: 32px; border-radius: 9px; }
.integration-connection-title h4[b-dxil7n57d5] { font-size: .875rem; overflow-wrap: anywhere; }
.integration-connection-title p[b-dxil7n57d5] { margin: 1px 0 0; font-size: .75rem; }
.integration-connection-summary > .integration-state[b-dxil7n57d5] {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
    margin: 0;
    padding: 1px 5px;
    font-size: .625rem;
    line-height: 1.3;
}
.integration-connection-summary[b-dxil7n57d5]  > svg { grid-column: 2; grid-row: 1 / 3; }
.integration-connection-summary[b-dxil7n57d5]  > svg,
.integration-calendar-toggle[b-dxil7n57d5]  > svg { flex-shrink: 0; transition: transform 160ms ease; }
.integration-connection-drawer[open] > summary[b-dxil7n57d5]  > svg,
.integration-status-grid[b-dxil7n57d5] { padding: 0 12px 10px; gap: 12px; }
.integration-status-grid div[b-dxil7n57d5] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.integration-status-grid span[b-dxil7n57d5], .integration-status-grid strong[b-dxil7n57d5] { font-size: .75rem; }
.integration-sync-help[b-dxil7n57d5] { margin: 10px 12px; color: var(--ink-soft, #66685f); font-size: .8125rem; line-height: 1.5; }
.integration-calendar-list[b-dxil7n57d5] { padding: 0 12px; }
.integration-calendar-row[b-dxil7n57d5] { display: block; min-height: 0; padding: 4px 0; }
.integration-calendar-heading[b-dxil7n57d5] { display: grid; grid-template-columns: 28px 32px minmax(0, 1fr) 36px 36px; align-items: center; gap: 4px; min-height: 48px; }
.integration-calendar-toggle[b-dxil7n57d5] { display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 44px; padding: 6px; border: 0; border-radius: 8px; background: transparent; color: var(--ink, #262823); text-align: start; cursor: pointer; }
.integration-calendar-toggle:hover:where(:not([data-touch-input] *))[b-dxil7n57d5] { background-color:var(--hover-background); color:var(--hover-color); }
.integration-calendar-toggle > span:first-child[b-dxil7n57d5] { display: grid; flex: 1; min-width: 0; gap: 1px; }
.integration-calendar-toggle strong[b-dxil7n57d5] { font: 550 .875rem/1.4 var(--planner-font); overflow-wrap: anywhere; }
.integration-calendar-toggle small[b-dxil7n57d5] { color: var(--ink-soft, #66685f); font: 400 .75rem/1.4 var(--planner-font); }
.integration-calendar-heading[b-dxil7n57d5]  .board-color-trigger { display: grid; place-items: center; width: 32px; height: 36px; min-height: 36px; padding: 0; border: 0; border-radius: 8px; background: transparent; }
.integration-calendar-heading[b-dxil7n57d5]  .board-color-trigger:hover:where(:not([data-touch-input] *)) { background:var(--hover-background); color:var(--hover-color); }
.integration-calendar-heading[b-dxil7n57d5]  .board-color-trigger > span:not(.forever-board-swatch),
.integration-calendar-heading[b-dxil7n57d5]  .board-color-trigger > svg { display: none; }
.integration-calendar-heading[b-dxil7n57d5]  .forever-board-swatch { width: 18px; height: 18px; border-radius: 6px; }
.integration-calendar-controls[b-dxil7n57d5] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 4px 6px 10px 60px; }
.integration-calendar-controls .secondary-button[b-dxil7n57d5], .integration-actions .button[b-dxil7n57d5], .integration-actions .secondary-button[b-dxil7n57d5] { min-height: 36px; padding: 6px 12px; }
.integration-write-access[b-dxil7n57d5] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 12px; border-top: 1px solid var(--line, #dcd8ce); }
.integration-write-access p[b-dxil7n57d5] { flex: 1 1 220px; margin: 0; color: var(--ink-soft, #66685f); font-size: .75rem; line-height: 1.5; }
.integration-actions[b-dxil7n57d5] { display: flex; flex-wrap: wrap; align-items: center; padding: 10px 12px; gap: 0 8px; }
.integration-primary-actions[b-dxil7n57d5] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
.integration-actions .integration-disconnect-button[b-dxil7n57d5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 44px;
    margin: 0;
    margin-inline-start: auto;
    padding: 8px 12px;
    border: 0;
    border-radius: var(--pill-radius);
    background: var(--pill-fill);
    color: var(--pill-ink);
    font-size: .8125rem;
    line-height: 1.4;
}
.integration-disconnect-button[b-dxil7n57d5]  svg { flex-shrink: 0; }
.integration-actions .integration-disconnect-button:not(:disabled):hover:where(:not([data-touch-input] *))[b-dxil7n57d5] {
    background: var(--hover-background);
    color: var(--pill-ink);
}
.integration-disconnect-button:focus-visible[b-dxil7n57d5],
.integration-disconnect-warning .secondary-button:focus-visible[b-dxil7n57d5] { outline: 2px solid var(--focus, #66685f); outline-offset: 3px; }
.integration-disconnect-button:disabled[b-dxil7n57d5],
.integration-disconnect-warning .secondary-button:disabled[b-dxil7n57d5] { opacity: .5; cursor: default; }
.integration-disconnect-panel[b-dxil7n57d5] { flex-basis: 100%; min-width: 0; }
.integration-drawer[b-dxil7n57d5],
.integration-disconnect-panel[b-dxil7n57d5] { display: grid; grid-template-rows: 0fr; opacity: 0; visibility: hidden; }
.integration-drawer.is-open[b-dxil7n57d5],
.integration-disconnect-panel.is-open[b-dxil7n57d5] { grid-template-rows: 1fr; opacity: 1; visibility: visible; }
.integration-drawer-inner[b-dxil7n57d5],
.integration-disconnect-panel-inner[b-dxil7n57d5] { min-height: 0; overflow: hidden; }
.integration-disconnect-panel-inner[b-dxil7n57d5],
.integration-calendar-disconnect-panel > .integration-drawer-inner[b-dxil7n57d5] { transform: translateY(-6px); }
.integration-disconnect-panel.is-open > .integration-disconnect-panel-inner[b-dxil7n57d5],
.integration-calendar-disconnect-panel.is-open > .integration-drawer-inner[b-dxil7n57d5] { transform: none; }
.integration-disconnect-warning[b-dxil7n57d5] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 10px 5px 5px; }
.integration-disconnect-warning p[b-dxil7n57d5] { display: flex; align-items: flex-start; flex: 1 1 220px; gap: 8px; min-width: 0; margin: 0; color: var(--danger, #a33a34); font-size: .8125rem; line-height: 1.5; }
.integration-disconnect-warning p[b-dxil7n57d5]  svg { flex-shrink: 0; margin-top: 1px; }
.integration-disconnect-warning p > span[b-dxil7n57d5] { min-width: 0; overflow-wrap: anywhere; }
.integration-disconnect-warning .secondary-button[b-dxil7n57d5] { flex-shrink: 0; min-height: 44px; margin-inline-start: auto; }
.integration-connection-card.is-disconnecting[b-dxil7n57d5],
.integration-calendar-row.is-disconnecting[b-dxil7n57d5] { opacity: .65; }
@media (prefers-reduced-motion: no-preference) {
    .integration-results-panel.is-open.is-arriving[b-dxil7n57d5] { animation: integration-connection-group-arrive-b-dxil7n57d5 280ms cubic-bezier(.22,1,.36,1); }
    .integration-connection-card.is-arriving[b-dxil7n57d5] { animation: integration-connection-arrive-b-dxil7n57d5 280ms cubic-bezier(.22,1,.36,1); }
    .integration-connection-card[b-dxil7n57d5],
    .integration-calendar-row[b-dxil7n57d5] { transition: opacity 140ms ease; }
    .integration-provider-card > .integration-connect[b-dxil7n57d5] { transition: var(--hover-transition), opacity 160ms ease; }
    .integration-disconnect-button[b-dxil7n57d5] { transition:var(--hover-transition); }
    .integration-drawer[b-dxil7n57d5],
    .integration-disconnect-panel[b-dxil7n57d5] { transition: grid-template-rows 220ms cubic-bezier(.22, 1, .36, 1), opacity 180ms ease, visibility 220ms; }
    .integration-disconnect-panel-inner[b-dxil7n57d5],
    .integration-calendar-disconnect-panel > .integration-drawer-inner[b-dxil7n57d5] { transition: transform 220ms cubic-bezier(.22, 1, .36, 1); }
}
@keyframes integration-connection-group-arrive-b-dxil7n57d5 {
    from { grid-template-rows: 0fr; opacity: 0; }
    to { grid-template-rows: 1fr; opacity: 1; }
}
@keyframes integration-connection-arrive-b-dxil7n57d5 {
    from { grid-template-rows: 0fr; opacity: 0; margin-top: -8px; }
    to { grid-template-rows: 1fr; opacity: 1; margin-top: 0; }
}
@supports (transition-behavior: allow-discrete) {
    @media (prefers-reduced-motion: no-preference) {
        .integrations-view[b-dxil7n57d5]  .board-color-popover {
            opacity: 0;
            transform: translateY(4px);
            pointer-events: none;
            transition: opacity 150ms ease, transform 150ms ease, display 150ms allow-discrete, overlay 150ms allow-discrete;
            animation: none;
        }
        .integrations-view[b-dxil7n57d5]  .board-color-popover:popover-open,
        .integrations-view[b-dxil7n57d5]  .board-color-popover[data-fallback]:not([hidden]) { opacity: 1; transform: none; pointer-events: auto; }
        @starting-style {
            .integrations-view[b-dxil7n57d5]  .board-color-popover:popover-open,
            .integrations-view[b-dxil7n57d5]  .board-color-popover[data-fallback]:not([hidden]) { opacity: 0; transform: translateY(4px); }
        }
    }
}
.integration-error[b-dxil7n57d5] { margin: 0 12px 10px; padding: 9px; }
.integration-add-section[b-dxil7n57d5] { margin-top: 18px; }
.integration-provider-grid[b-dxil7n57d5] { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.integration-provider-card[b-dxil7n57d5] { padding: 12px; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 10px; }
.integration-provider-card > .integration-connect[b-dxil7n57d5] {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 16px;
    line-height: 1;
    white-space: nowrap;
}
.integration-connect[b-dxil7n57d5]  svg { display: block; flex-shrink: 0; }
.integration-provider-card h4[b-dxil7n57d5] { font-size: .875rem; }
.integration-provider-card p[b-dxil7n57d5] { margin-top: 3px; font-size: .75rem; }
.integration-allowance[b-dxil7n57d5] { font-size: .75rem; }
.ical-subscription-card[b-dxil7n57d5] { margin-top: 10px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.ical-subscription-toggle[b-dxil7n57d5] { padding: 12px; gap: 10px; }
.ical-subscription-fields[b-dxil7n57d5] { padding: 0 12px 12px; }
.ical-subscription-form[b-dxil7n57d5] { gap: 10px; }
@keyframes integration-reveal-b-dxil7n57d5 { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: none; } }
@container calendar-connections (max-width: 480px) {
    .integration-primary-actions[b-dxil7n57d5] { flex-basis: 100%; margin-bottom: 6px; }
    .integration-calendar-controls[b-dxil7n57d5] { padding-inline-start: 6px; }
    .integration-status-grid[b-dxil7n57d5] { grid-template-columns: 1fr; gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
    .integration-calendar-controls[b-dxil7n57d5] { animation: none; }
    .integration-connection-summary[b-dxil7n57d5]  > svg, .integration-calendar-toggle[b-dxil7n57d5]  > svg { transition: none; }
}

.integration-connection-summary[b-dxil7n57d5] { width: 100%; border: 0; background: transparent; color: inherit; text-align: start; font: inherit; }
.integration-icon-button[b-dxil7n57d5] { display: inline-grid; place-items: center; min-width: 28px; width: 36px; min-height: 44px; padding: 0; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--ink-soft, #66685f); cursor: pointer; transition:var(--hover-transition); }
.integration-icon-button:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-pressed="true"])[b-dxil7n57d5] { background:var(--hover-background); color:var(--hover-color); }
.integration-icon-button[aria-pressed="true"][b-dxil7n57d5] { color: var(--ink, #262823); background: var(--paper-deep, #eeebe2); border-color: var(--accent, #c76345); }
.integration-icon-button:focus-visible[b-dxil7n57d5] { outline: 2px solid var(--focus, #66685f); outline-offset: -2px; }
.integration-icon-button:disabled[b-dxil7n57d5] { opacity: .4; cursor: default; }
.managed-calendar-drag-handle[b-dxil7n57d5] { width: 28px; cursor: grab; touch-action: none; }

/* Match the calendar manager's selection, calendar icon, name and trailing actions. */
.integration-connections[b-dxil7n57d5] { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.integration-connection-card[b-dxil7n57d5] { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.integration-connection-card + .integration-connection-card[b-dxil7n57d5] { border-top: 1px solid var(--line, #dcd8ce); }
.integration-calendar-list[b-dxil7n57d5] { display: grid; gap: 6px; padding: 0; }
.integration-calendar-row[b-dxil7n57d5] { padding: 0; border: 0; border-radius: 8px; cursor: default; }
.integration-calendar-row.is-selected[b-dxil7n57d5] { background: var(--accent-soft, #f1d9cf); }
.integration-calendar-heading[b-dxil7n57d5] { min-height: 56px; padding: 6px 8px; grid-template-columns: 28px 24px minmax(0, 1fr) max-content 32px; gap: 6px; }
.integration-calendar-selection[b-dxil7n57d5] { display: grid; place-items: center; min-height: 44px; margin: 0; }
.integration-calendar-selection input[b-dxil7n57d5] { width: 17px; height: 17px; margin: 0; accent-color: var(--accent, #c76345); cursor: pointer; }
.integration-calendar-toggle[b-dxil7n57d5] { padding: 0; }
.integration-calendar-toggle:hover:where(:not([data-touch-input] *))[b-dxil7n57d5] { background:var(--hover-background); color:var(--hover-color); }
.integration-calendar-toggle strong[b-dxil7n57d5] { font-weight: 500; }
.integration-calendar-color[b-dxil7n57d5] { position: relative; width: 24px; height: 44px; }
.integration-calendar-color[b-dxil7n57d5]  > svg,
.integration-calendar-color[b-dxil7n57d5]  > .provider-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; }
.integration-calendar-color[b-dxil7n57d5]  .board-color-trigger { width: 24px; height: 44px; min-height: 44px; }
.integration-calendar-color[b-dxil7n57d5]  .forever-board-swatch { visibility: hidden; }
.integration-calendar-heading > .integration-icon-button[b-dxil7n57d5] { width: 32px; border: 0; }
.integration-calendar-heading > .integration-disconnect-calendar[b-dxil7n57d5] { grid-column: 5; }
.integration-calendar-heading > .integration-icon-button[aria-pressed="true"][b-dxil7n57d5] { color: var(--accent, #c76345); background: transparent; }
.integration-write-toggle[b-dxil7n57d5] { grid-column: 4; display: grid; place-items: center; min-width: 64px; min-height: 44px; padding: 0 4px; color: var(--ink-soft, #66685f); cursor: pointer; transition:var(--hover-transition); }
/* Center the switch itself with the adjacent icon; its caption sits above. */
.integration-write-toggle > *[b-dxil7n57d5] { grid-area: 1 / 1; }
.integration-write-label[b-dxil7n57d5] { font: 500 .6875rem/1 var(--planner-font); white-space: nowrap; transform: translateY(calc(-.75rem - .5em - 2px)); }
.integration-write-toggle:hover:where(:not([data-touch-input] *)):not(:has(input:disabled))[b-dxil7n57d5] { background:var(--hover-background); color:var(--hover-color); }
.integration-write-toggle:has(input:disabled)[b-dxil7n57d5] { cursor: default; }
@media (prefers-reduced-motion: reduce) { .integration-icon-button[b-dxil7n57d5], .integration-write-toggle[b-dxil7n57d5] { transition: none; } }
.integration-calendar-disconnect-confirm[b-dxil7n57d5] { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; padding: 8px; }
.integration-calendar-disconnect-confirm p[b-dxil7n57d5] { flex-basis: 100%; margin: 0; font-size: .8125rem; }

.integration-calendar-row[b-dxil7n57d5] { position: relative; }
.integration-calendar-row > .managed-calendar-drag-handle:not(:focus-visible)[b-dxil7n57d5] { position: absolute; width: 1px; min-width: 0; height: 1px; min-height: 0; margin: 0; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.integration-calendar-row > .managed-calendar-drag-handle:focus-visible[b-dxil7n57d5] { width: auto; min-height: 32px; margin: 4px 8px; padding: 0 8px; }

.integration-connection-heading[b-dxil7n57d5] { display: flex; align-items: center; gap: 8px; padding-inline-start: 8px; }
.integration-connection-heading > .integration-connection-summary[b-dxil7n57d5] { flex: 1; min-width: 0; padding-inline-start: 0; }
.integration-account-color[b-dxil7n57d5] { flex: 0 0 32px; width: 32px; }
.integration-account-color[b-dxil7n57d5]  .board-color-trigger { display: grid; place-items: center; width: 32px; height: 44px; padding: 0; border: 0; border-radius: 8px; background: transparent; }
.integration-account-color[b-dxil7n57d5]  .board-color-trigger > span:not(.forever-board-swatch),
.integration-account-color[b-dxil7n57d5]  .board-color-trigger > svg { display: none; }
.integration-account-color[b-dxil7n57d5]  .board-color-trigger:hover:where(:not([data-touch-input] *)) { background:var(--hover-background); color:var(--hover-color); }

.integration-calendar-name[b-dxil7n57d5] { display: grid; align-content: center; min-width: 0; min-height: 44px; gap: 1px; }
.integration-calendar-name strong[b-dxil7n57d5] { font: 500 .875rem/1.4 var(--planner-font); overflow-wrap: anywhere; }
.integration-calendar-name small[b-dxil7n57d5] { color: var(--ink-soft, #66685f); font-size: .75rem; }
.integrations-view[data-calendar-drag-active] .integration-calendar-row[b-dxil7n57d5] { cursor: grabbing; user-select: none; }
/* _content/YakoPlan.UI/Views/PublicCalendarView.razor.rz.scp.css */
.shared-calendar-page[b-dtet0v7rch] { min-height:100dvh; width:min(calc(100% - 40px),var(--content)); margin:0 auto; padding:32px 0 55px; }
.shared-calendar-loading[b-dtet0v7rch] { min-height:70dvh; display:grid; place-content:center; grid-template-columns:repeat(3,10px); gap:8px; }
.shared-calendar-loading span[b-dtet0v7rch] { width:10px; height:10px; border-radius:50%; background:var(--accent); animation:shared-pulse-b-dtet0v7rch 1.1s ease-in-out infinite alternate; }
.shared-calendar-loading span:nth-child(2)[b-dtet0v7rch] { animation-delay:.18s; }
.shared-calendar-loading span:nth-child(3)[b-dtet0v7rch] { animation-delay:.36s; }
.shared-calendar-state[b-dtet0v7rch] { min-height:75dvh; max-width:650px; margin:0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.shared-calendar-state h1[b-dtet0v7rch] { font-size:clamp(2.3rem,7vw,4.4rem); }
.shared-calendar-state p[b-dtet0v7rch] { margin:20px auto 28px; color:var(--ink-soft); }
.shared-calendar-header[b-dtet0v7rch] { min-height:106px; display:grid; grid-template-columns:auto 1fr auto; gap:28px; align-items:center; border-bottom:1px solid var(--line); }
.shared-calendar-header > div[b-dtet0v7rch] { position:relative; padding-left:19px; }
.shared-calendar-header h1[b-dtet0v7rch] { font-size:clamp(1.55rem,3vw,2.35rem); }
.shared-calendar-header p[b-dtet0v7rch] { margin-top:4px; color:var(--ink-soft); font-size:.78rem; }
.shared-calendar-swatch[b-dtet0v7rch] { position:absolute; left:0; top:3px; bottom:3px; width:5px; border-radius:5px; background:var(--calendar-color); }
.shared-calendar-header nav[b-dtet0v7rch] { display:flex; align-items:center; gap:5px; }
.shared-calendar-header nav button[b-dtet0v7rch] { min-width:40px; min-height:40px; padding:0 12px; border:0; border-radius:var(--pill-radius); background:var(--pill-fill); color:var(--pill-ink); cursor:pointer; }
.shared-calendar-header nav button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-dtet0v7rch] { background:var(--hover-background); color:var(--hover-color); }
.shared-calendar-header nav button:nth-child(2)[b-dtet0v7rch] { font-size:.8rem; font-weight:650; }
.shared-week[b-dtet0v7rch] { padding:45px 0 30px; }
.shared-week-title[b-dtet0v7rch] { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:25px; }
.shared-week-title h2[b-dtet0v7rch] { font-size:clamp(1.65rem,4vw,2.65rem); }
.shared-week-title p[b-dtet0v7rch] { color:var(--ink-soft); font-size:.76rem; text-align:right; }
.shared-week-grid[b-dtet0v7rch] { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); border:1px solid var(--line); border-radius:14px; overflow:hidden; background:var(--surface); }
.shared-day[b-dtet0v7rch] { min-height:350px; padding:13px 9px 20px; border-right:1px solid var(--line); }
.shared-day:last-child[b-dtet0v7rch] { border-right:0; }
.shared-day.today[b-dtet0v7rch] { background:color-mix(in srgb,var(--accent-soft) 34%,var(--surface)); }
.shared-day > header[b-dtet0v7rch] { display:flex; align-items:baseline; justify-content:space-between; padding:1px 3px 12px; color:var(--ink-soft); text-transform:uppercase; font-size:.62rem; letter-spacing:.08em; }
.shared-day > header strong[b-dtet0v7rch] { color:var(--ink); font-size:.86rem; }
.shared-day-empty[b-dtet0v7rch] { margin:20px 3px; color:var(--ink-soft); font-size:.69rem; }
.shared-item[b-dtet0v7rch] { margin-top:8px; padding:9px 8px; border-radius:7px; background:var(--paper); overflow-wrap:anywhere; }
.shared-item > span[b-dtet0v7rch] { display:block; color:var(--ink-soft); font-size:.58rem; text-transform:uppercase; letter-spacing:.055em; }
.shared-item > strong[b-dtet0v7rch] { display:block; margin-top:3px; font-size:.72rem; line-height:1.32; }
.shared-item:has(> .safety-report-button)[b-dtet0v7rch] { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:4px; }
.shared-item[b-dtet0v7rch]  > .safety-report-button { grid-column:2; grid-row:1 / 3; align-self:start; }
.shared-item > p[b-dtet0v7rch] { grid-column:1 / -1; }
.shared-item > p[b-dtet0v7rch] { margin-top:5px; color:var(--ink-soft); font-size:.62rem; line-height:1.35; }
.shared-item > .shared-item-assignee[b-dtet0v7rch] { font-weight:650; }
.shared-event[b-dtet0v7rch] { border-left:3px solid var(--sage); border-radius:3px 7px 7px 3px; background:transparent; }
.shared-task[b-dtet0v7rch] { position:relative; padding-left:21px; }
.shared-task[b-dtet0v7rch]::before { content:""; position:absolute; left:8px; top:12px; width:7px; height:7px; border:1px solid var(--ink-soft); border-radius:50%; }
.shared-task.completed[b-dtet0v7rch] { color:var(--ink-soft); }
.shared-task.completed[b-dtet0v7rch]::before { background:var(--sage); border-color:var(--sage); }
.shared-calendar-footer[b-dtet0v7rch] { min-height:100px; display:flex; justify-content:space-between; gap:25px; align-items:center; border-top:1px solid var(--line); color:var(--ink-soft); font-size:.78rem; }
.shared-calendar-footer-actions[b-dtet0v7rch] { display:flex; align-items:center; gap:10px; }
.shared-calendar-footer a[b-dtet0v7rch] { color:var(--ink); font-weight:650; }
@keyframes shared-pulse-b-dtet0v7rch { to { transform:translateY(-7px); opacity:.35; } }

@media (max-width: 900px) {
    .shared-week-grid[b-dtet0v7rch] { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .shared-day[b-dtet0v7rch] { border-bottom:1px solid var(--line); }
    .shared-day:nth-child(4n)[b-dtet0v7rch] { border-right:0; }
}

@media (max-width: 650px) {
    .shared-calendar-page[b-dtet0v7rch] { width:min(calc(100% - 28px),var(--content)); padding-top:18px; }
    .shared-calendar-header[b-dtet0v7rch] { grid-template-columns:1fr auto; gap:15px; }
    .shared-calendar-header > .brand[b-dtet0v7rch] { grid-column:1 / -1; }
    .shared-calendar-header nav button[b-dtet0v7rch] { min-width:38px; min-height:38px; padding-inline:10px; }
    .shared-week-title[b-dtet0v7rch] { display:block; }
    .shared-week-title p[b-dtet0v7rch] { margin-top:8px; text-align:left; }
    .shared-week-grid[b-dtet0v7rch] { grid-template-columns:1fr; border-radius:10px; }
    .shared-day[b-dtet0v7rch] { min-height:0; border-right:0; }
    .shared-day:nth-child(4n)[b-dtet0v7rch] { border-right:0; }
    .shared-calendar-footer[b-dtet0v7rch] { padding:24px 0; display:grid; }
}
/* _content/YakoPlan.UI/Views/SettingsView.razor.rz.scp.css */
.settings-center-today[b-e6zvnx2u7i] {
    grid-column: 1 / -1;
    display: grid;
    gap: .4rem;
    min-width: 0;
}

.settings-center-today > p[b-e6zvnx2u7i] {
    margin: 0 2px;
    color: var(--ink-soft, #66685f);
    font-size: .8125rem;
    line-height: 1.5;
}

.settings-center-today-locked[b-e6zvnx2u7i] {
    text-align: start;
}

.settings-chat-notifications[b-e6zvnx2u7i],
.settings-notification-delivery[b-e6zvnx2u7i] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.settings-chat-notifications[b-e6zvnx2u7i] {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 20px;
}

.settings-chat-notifications > .segmented-control[b-e6zvnx2u7i] {
    box-sizing: border-box;
}

.settings-chat-notifications > h2[b-e6zvnx2u7i],
.settings-notification-delivery > h2[b-e6zvnx2u7i] {
    margin: 0;
    font-size: 1rem;
}

.settings-chat-notifications > p[b-e6zvnx2u7i] {
    margin: 0;
    color: var(--ink-soft, #66685f);
    font-size: .8125rem;
    line-height: 1.5;
}

.settings-chat-notifications > .settings-toggle-grid[b-e6zvnx2u7i],
.settings-notification-delivery > .settings-toggle-grid[b-e6zvnx2u7i] {
    margin-top: 0;
}
/* _content/YakoPlan.UI/Views/SharedCalendarsView.razor.rz.scp.css */
.sharing-view[b-vzjnsvcfy9] { position:relative; }
.sharing-view :is(.sharing-create-option,.sharing-record-action.pill-control,.sharing-record-confirmation .pill-control,.created-share .pill-control)[b-vzjnsvcfy9] { border:0; border-radius:var(--pill-radius); background:var(--pill-fill); color:var(--pill-ink); }
.sharing-view .sharing-create-option[aria-pressed="true"][b-vzjnsvcfy9] { --hover-background:var(--solid-accent-hover-background); --hover-color:var(--solid-accent-hover-color); background:var(--pill-fill); color:var(--pill-ink); box-shadow:none; }
.sharing-view .sharing-create-option[aria-pressed="true"]:hover:where(:not([data-touch-input] *)):not(:disabled)[b-vzjnsvcfy9] { background:var(--hover-background); color:var(--hover-color); }
.sharing-view :is(.sharing-record-confirmation .pill-control,.created-share .pill-control):hover:where(:not([data-touch-input] *)):not(:disabled)[b-vzjnsvcfy9] { background:var(--hover-background); color:var(--hover-color); }
.sharing-view .sharing-record-confirmation .pill-control-danger:hover:where(:not([data-touch-input] *)):not(:disabled)[b-vzjnsvcfy9] { color:var(--danger,#a33a34); }

.sharing-plan-note[b-vzjnsvcfy9] {
    margin: 0 0 1.25rem;
    line-height: 1.6;
}

.sharing-view-embedded[b-vzjnsvcfy9] {
    --sharing-invitation-columns: minmax(0, 1.2fr) minmax(0, 1.3fr) auto;
    width: 100%;
    margin: 0;
    padding: 0;
    container: calendar-sharing / inline-size;
}

.sharing-view-embedded .compact-empty[b-vzjnsvcfy9] {
    min-height: 0;
    padding: 16px;
}

.sharing-calendar-select[b-vzjnsvcfy9] { position:relative; min-width:0; }
.sharing-calendar-select.has-selection select[b-vzjnsvcfy9] { padding-inline-start:40px; }
.sharing-calendar-selected-icon[b-vzjnsvcfy9] { position:absolute; inset-inline-start:12px; top:50%; transform:translateY(-50%); display:flex; align-items:center; color:var(--calendar-color,var(--ink,#262823)); pointer-events:none; }

.sharing-recipient-switch[b-vzjnsvcfy9] { display:flex; flex-wrap:wrap; gap:4px; min-width:0; }
.sharing-recipient-option[b-vzjnsvcfy9] { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:30px; padding:4px 10px; border:0; border-radius:var(--pill-radius); background:var(--pill-fill); color:var(--pill-ink); font:inherit; font-size:.8125rem; font-weight:500; cursor:pointer; transition:var(--hover-transition),box-shadow 140ms ease,transform 140ms ease; }
.sharing-recipient-option[aria-pressed="true"][b-vzjnsvcfy9] { --hover-background:var(--solid-accent-hover-background); --hover-color:var(--solid-accent-hover-color); font-weight:700; }
.sharing-recipient-option:hover:where(:not([data-touch-input] *)):not(:disabled)[b-vzjnsvcfy9] { background:var(--hover-background); color:var(--hover-color); }
.sharing-recipient-option:active:not(:disabled)[b-vzjnsvcfy9] { background:color-mix(in srgb,var(--accent,#c76345) 14%,var(--surface,#fffdf8)); box-shadow:inset 0 1px 3px color-mix(in srgb,var(--ink,#262823) 14%,transparent); transform:scale(.97); }
.sharing-recipient-option:focus-visible[b-vzjnsvcfy9] { outline:2px solid var(--focus,#225ecc); outline-offset:2px; }
#sharing-recipient-panel[b-vzjnsvcfy9] { min-width:0; min-height:var(--popup-readable-field,44px); }

.sharing-invitation-form[data-recipient-mode="friends"][b-vzjnsvcfy9] { --sharing-recipient-animation:sharing-friends-enter; }
.sharing-invitation-form[data-recipient-mode="address"][b-vzjnsvcfy9] { --sharing-recipient-animation:sharing-address-enter; }
.sharing-invitation-form #sharing-recipient-panel[b-vzjnsvcfy9],
.sharing-invitation-form > .sharing-inline-fields[b-vzjnsvcfy9],
.sharing-invitation-form > .sharing-submit[b-vzjnsvcfy9] { animation:var(--sharing-recipient-animation) 240ms cubic-bezier(.22,1,.36,1); }
/* Separate names restart the motion without remounting the picker or its draft. */
@keyframes sharing-friends-enter-b-vzjnsvcfy9 { from { opacity:0; transform:translateY(6px); } to { transform:translateY(0); } }
@keyframes sharing-address-enter-b-vzjnsvcfy9 { from { opacity:0; transform:translateY(6px); } to { transform:translateY(0); } }

@media (hover:none), (pointer:coarse) { .sharing-recipient-option[b-vzjnsvcfy9] { min-height:44px; } }
@media (prefers-reduced-motion:reduce) { .sharing-recipient-option[b-vzjnsvcfy9] { transition:none; } .sharing-recipient-option:hover:where(:not([data-touch-input] *)):not(:disabled)[b-vzjnsvcfy9],.sharing-recipient-option:active:not(:disabled)[b-vzjnsvcfy9] { transform:none; } }
@media (prefers-reduced-motion:reduce) {
    .sharing-invitation-form #sharing-recipient-panel[b-vzjnsvcfy9],
    .sharing-invitation-form > .sharing-inline-fields[b-vzjnsvcfy9],
    .sharing-invitation-form > .sharing-submit[b-vzjnsvcfy9] { animation:none; }
}
@media (forced-colors:active) { .sharing-recipient-option[aria-pressed="true"][b-vzjnsvcfy9] { background:Highlight; color:HighlightText; outline:1px solid Highlight; outline-offset:-2px; } }

/* Match Add friend's acknowledgement without changing the button width. */
.sharing-invitation-send[b-vzjnsvcfy9] { display:inline-flex; align-items:center; justify-content:center; gap:6px; }
.sharing-send-symbol[b-vzjnsvcfy9] { position:relative; display:grid; place-items:center; width:16px; height:16px; flex:none; }
.sharing-send-symbol > span[b-vzjnsvcfy9] { grid-area:1 / 1; transition:opacity 180ms ease,transform 240ms cubic-bezier(.22,1,.36,1); }
.sharing-send-progress[b-vzjnsvcfy9] { display:inline-block; width:14px; height:14px; border:2px solid var(--line,#dcd8ce); border-top-color:var(--accent,#c76345); border-radius:50%; animation:none; }
.sharing-send-check[b-vzjnsvcfy9],.sharing-send-progress[b-vzjnsvcfy9] { opacity:0; transform:scale(.6); }
.sharing-send-label[b-vzjnsvcfy9] { display:grid; overflow:hidden; }
.sharing-send-label > span[b-vzjnsvcfy9] { grid-area:1 / 1; white-space:nowrap; transition:opacity 180ms ease,transform 240ms cubic-bezier(.22,1,.36,1); }
.sharing-send-sent[b-vzjnsvcfy9] { opacity:0; transform:translateY(8px); }
.sharing-invitation-send.is-sent .sharing-send-normal[b-vzjnsvcfy9] { opacity:0; transform:translateY(-8px); }
.sharing-invitation-send.is-sent .sharing-send-sent[b-vzjnsvcfy9],.sharing-invitation-send.is-sent .sharing-send-check[b-vzjnsvcfy9] { opacity:1; transform:none; }
.sharing-invitation-send.is-sent .sharing-send-plus[b-vzjnsvcfy9],.sharing-invitation-send[aria-busy="true"] .sharing-send-plus[b-vzjnsvcfy9] { opacity:0; transform:scale(.6); }
.sharing-invitation-send[aria-busy="true"] .sharing-send-progress[b-vzjnsvcfy9] { opacity:1; transform:none; animation:sharing-send-spin-b-vzjnsvcfy9 .8s linear infinite; }
.sharing-view .sharing-invitation-send.is-sent:disabled[b-vzjnsvcfy9] { opacity:1; background:var(--pill-fill); color:var(--pill-ink); }
.sharing-send-check[b-vzjnsvcfy9]  path { stroke-dasharray:32; stroke-dashoffset:32; transition:stroke-dashoffset 280ms cubic-bezier(.22,1,.36,1); }
.sharing-invitation-send.is-sent .sharing-send-check[b-vzjnsvcfy9]  path { stroke-dashoffset:0; }
@keyframes sharing-send-spin-b-vzjnsvcfy9 { to { transform:rotate(360deg); } }
@keyframes sharing-send-confirm-b-vzjnsvcfy9 { 0% { box-shadow:0 0 0 0 color-mix(in srgb,var(--pill-fill) 30%,transparent); } 65% { box-shadow:0 0 0 5px transparent; } 100% { box-shadow:0 0 0 0 transparent; } }
@media (prefers-reduced-motion:no-preference) { .sharing-invitation-send.is-sent[b-vzjnsvcfy9] { animation:sharing-send-confirm-b-vzjnsvcfy9 380ms cubic-bezier(.22,1,.36,1); } }
@media (prefers-reduced-motion:reduce) { .sharing-invitation-send[b-vzjnsvcfy9],.sharing-invitation-send *[b-vzjnsvcfy9],.sharing-invitation-send[b-vzjnsvcfy9]  svg { animation:none!important; transition:none!important; } }
@media (forced-colors:active) { .sharing-view .sharing-invitation-send.is-sent:disabled[b-vzjnsvcfy9] { background:Highlight; color:HighlightText; border-color:Highlight; } }

.sharing-member-role[b-vzjnsvcfy9] {
    min-width: 0;
}

.sharing-member-details[b-vzjnsvcfy9] {
    --popup-readable-target: 32px;
    --popup-readable-field: 32px;
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 12px;
}

.sharing-member-details > .sharing-record-copy[b-vzjnsvcfy9] { flex:0 1 auto; }
.sharing-member-details > .sharing-member-role[b-vzjnsvcfy9] { flex:none; }

.sharing-member-actions[b-vzjnsvcfy9] {
    --popup-readable-target: 32px;
    --popup-readable-field: 32px;
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 6px;
}

.sharing-view .sharing-record-action[b-vzjnsvcfy9] {
    transition:var(--hover-transition),box-shadow 160ms ease,transform 160ms cubic-bezier(.22,1,.36,1);
}

.sharing-view .sharing-record-action[b-vzjnsvcfy9]  svg {
    flex: none;
    transition: transform 180ms cubic-bezier(.22,1,.36,1);
}

.sharing-view .sharing-record-action:hover:where(:not([data-touch-input] *)):not(:disabled)[b-vzjnsvcfy9] {
    background: var(--hover-background);
    color: var(--danger,#a33a34);
}

.sharing-view .sharing-record-replace:hover:where(:not([data-touch-input] *)):not(:disabled)[b-vzjnsvcfy9] {
    background: var(--hover-background);
    color: var(--hover-color);
}

.sharing-view .sharing-record-action:active:not(:disabled)[b-vzjnsvcfy9] {
    box-shadow: inset 0 1px 3px color-mix(in srgb, var(--ink,#262823) 14%, transparent);
    transform: scale(.96);
}

@media (prefers-reduced-motion:reduce) {
    .sharing-view .sharing-record-action[b-vzjnsvcfy9],
    .sharing-view .sharing-record-action[b-vzjnsvcfy9]  svg { transition:none!important; transform:none!important; }
}

.sharing-view .sharing-member-row[b-vzjnsvcfy9] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    min-height: 62px;
    padding: 8px 0;
    gap: 6px 9px;
    border-bottom: 1px solid color-mix(in srgb, var(--line, #dcd8ce) 70%, transparent);
}

.sharing-view .sharing-member-profile[b-vzjnsvcfy9] {
    --popup-readable-target: 44px;
    position: relative;
    display: grid;
    place-items: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    /* The hit area grows around the picture without adding space to the row. */
    margin: -4px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    transition:var(--profile-hover-transition),transform 160ms cubic-bezier(.22,1,.36,1);
}

.sharing-view .sharing-member-profile .sharing-avatar[b-vzjnsvcfy9] { width:36px; height:36px; font-size:.8125rem; }
.sharing-member-profile:focus-visible[b-vzjnsvcfy9] { outline:2px solid var(--focus,#225ecc); outline-offset:3px; }
.sharing-member-profile:active:not(:disabled)[b-vzjnsvcfy9] { transform:scale(.96); }
.sharing-member-profile:disabled[b-vzjnsvcfy9] { cursor:default; }
@media (prefers-reduced-motion:reduce) { .sharing-view .sharing-member-profile[b-vzjnsvcfy9] { transition:none!important; transform:none!important; } }

.sharing-view .sharing-member-row .sharing-record-copy :is(strong,span)[b-vzjnsvcfy9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sharing-view .sharing-member-actions > .sharing-member-disconnect[b-vzjnsvcfy9] {
    flex: none;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    padding: 0;
    margin: 0;
}

@media (hover:none), (pointer:coarse) {
    .sharing-member-details[b-vzjnsvcfy9],
    .sharing-member-actions[b-vzjnsvcfy9] {
        --popup-readable-target: 44px;
        --popup-readable-field: 44px;
    }
    .sharing-view .sharing-member-actions > .sharing-member-disconnect[b-vzjnsvcfy9] {
        width: 44px;
        min-width: 44px;
        min-height: 44px;
    }
}

.sharing-availability[b-vzjnsvcfy9] { min-width:0; padding:18px; border:1px solid var(--line,#dcd8ce); border-radius:14px; background:var(--surface-muted,#f5f2eb); }
.sharing-availability h3[b-vzjnsvcfy9] { margin:0; color:var(--ink,#262823); font-size:.9375rem; }
.sharing-availability p[b-vzjnsvcfy9] { margin:8px 0 16px; color:var(--ink-soft,#66685f); font-size:.875rem; line-height:1.5; }
.sharing-availability button[b-vzjnsvcfy9] { min-height:44px; max-width:100%; white-space:normal; }
.sharing-availability button:focus-visible[b-vzjnsvcfy9] { outline:2px solid var(--focus,var(--accent,#c76345)); outline-offset:3px; }

/* Keep the calendar drawer as light as the surrounding calendar list. */
.sharing-view-embedded .sharing-create-card[b-vzjnsvcfy9] {
    margin: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.sharing-view-embedded .sharing-create-switch[b-vzjnsvcfy9] {
    --popup-readable-target: 30px;
    display: flex;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 3px;
    border: 0;
    border-radius: var(--pill-radius);
    background: transparent;
}

.sharing-view-embedded .sharing-create-option[b-vzjnsvcfy9] {
    min-height: 30px;
    padding: 0 10px;
    gap: 7px;
    border: 0;
    border-radius: var(--pill-radius);
    background: var(--pill-fill);
    color: var(--pill-ink);
    font-size: .8125rem !important;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    transform: none;
    transition:var(--hover-transition),box-shadow 140ms ease;
}

.sharing-view-embedded .sharing-create-option[aria-pressed="true"][b-vzjnsvcfy9] {
    background: var(--pill-fill);
    box-shadow: none;
    color: var(--pill-ink);
}

.sharing-view-embedded .sharing-create-option:hover:where(:not([data-touch-input] *)):not(:disabled):not([aria-pressed="true"])[b-vzjnsvcfy9] {
    background: var(--hover-background);
    box-shadow: none;
    color: var(--hover-color);
}

.sharing-view-embedded .sharing-create-option:focus-visible[b-vzjnsvcfy9] {
    outline: 2px solid var(--focus, #225ecc);
    outline-offset: 2px;
}

@media (hover: none), (pointer: coarse) {
    .sharing-view-embedded .sharing-create-switch[b-vzjnsvcfy9] { --popup-readable-target: 44px; }
    .sharing-view-embedded .sharing-create-option[b-vzjnsvcfy9] { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
    .sharing-view-embedded .sharing-create-option[b-vzjnsvcfy9] { transition: none; }
}

@media (forced-colors: active) {
    .sharing-view-embedded .sharing-create-option[aria-pressed="true"][b-vzjnsvcfy9] {
        outline: 1px solid Highlight;
        outline-offset: -1px;
        color: HighlightText;
        background: Highlight;
        box-shadow: none;
    }
}

.sharing-view .sharing-create-panel[b-vzjnsvcfy9] {
    animation: sharing-mode-enter-b-vzjnsvcfy9 220ms cubic-bezier(.22, 1, .36, 1);
}

@keyframes sharing-mode-enter-b-vzjnsvcfy9 {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .sharing-view .sharing-create-panel[b-vzjnsvcfy9] { animation: none; }
}

.sharing-view-embedded .sharing-create-panel[b-vzjnsvcfy9] {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 12px 0 18px;
}

.sharing-view-embedded .sharing-action-heading[b-vzjnsvcfy9] {
    display: block;
}

.sharing-view-embedded .sharing-action-heading > span[b-vzjnsvcfy9] {
    display: none;
}

/* The mode button already names the form; keep its heading for navigation. */
.sharing-view-embedded .sharing-action-heading h2[b-vzjnsvcfy9] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.sharing-view-embedded .sharing-action-heading p[b-vzjnsvcfy9] {
    max-width: 68ch;
    margin: 0;
    font-size: .75rem;
    line-height: 1.5;
}

.sharing-view-embedded .sharing-action-heading p + p[b-vzjnsvcfy9] {
    margin-top: 6px;
}

.sharing-view-embedded .sharing-form[b-vzjnsvcfy9] {
    gap: 12px;
}

.sharing-view-embedded .sharing-invitation-form[b-vzjnsvcfy9] {
    grid-template-columns: var(--sharing-invitation-columns);
    align-items: start;
}

.sharing-view-embedded .sharing-inline-fields[b-vzjnsvcfy9] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.sharing-view-embedded .sharing-field[b-vzjnsvcfy9] {
    gap: 5px;
}

.sharing-view-embedded .sharing-field > span[b-vzjnsvcfy9] {
    font-weight: 500;
}

.sharing-view-embedded .sharing-invitation-form .sharing-field > span[b-vzjnsvcfy9] {
    line-height: 1.5;
}

.sharing-view-embedded .sharing-form input:not([type="checkbox"])[b-vzjnsvcfy9],
.sharing-view-embedded .sharing-form select[b-vzjnsvcfy9] {
    min-height: 44px;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: .8125rem;
}

.sharing-view-embedded .sharing-submit[b-vzjnsvcfy9] {
    min-height: 44px !important;
    margin: 0;
    padding: 8px 14px !important;
    border-radius: var(--pill-radius);
    font-weight: 500;
    white-space: normal;
}

.sharing-view-embedded .sharing-invitation-form > .sharing-submit[b-vzjnsvcfy9] {
    grid-column: 3;
    grid-row: 1;
    /* Reserve the dropdown labels' line box and field gap. */
    margin-block-start: calc(1.125rem + 5px);
    padding-inline: 10px !important;
    gap: 4px;
}

.sharing-view-embedded .sharing-validation[b-vzjnsvcfy9] {
    grid-column: 1 / -1;
}

.sharing-view-embedded .sharing-public-fields[b-vzjnsvcfy9] {
    max-width: 240px;
}

.sharing-public-heading[b-vzjnsvcfy9] {
    text-align: center;
}

.sharing-public-heading p[b-vzjnsvcfy9],
.sharing-view-embedded .sharing-public-heading p[b-vzjnsvcfy9] {
    margin-inline: auto;
}

.sharing-public-form[b-vzjnsvcfy9] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    width: min(100%, 480px);
    margin-inline: auto;
}

.sharing-public-form > .sharing-submit[b-vzjnsvcfy9] {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    min-height: 44px !important;
    justify-content: center;
    margin: 0;
}

.sharing-public-form > .sharing-validation[b-vzjnsvcfy9] {
    grid-column: 1 / -1;
    grid-row: 2;
}

.sharing-view .sharing-public-form :is(select, .sharing-submit)[b-vzjnsvcfy9] {
    box-sizing: border-box;
    height: 48px;
    min-height: 48px !important;
}

.sharing-view-embedded .sharing-visibility legend[b-vzjnsvcfy9] {
    font-size: .8125rem;
    font-weight: 500;
}

.sharing-view-embedded .sharing-visibility > p[b-vzjnsvcfy9] {
    max-width: 74ch;
    font-size: .75rem;
    line-height: 1.5;
}

.sharing-view-embedded .sharing-visibility-options[b-vzjnsvcfy9] {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-top: 8px;
}

.sharing-view-embedded .sharing-visibility-option[b-vzjnsvcfy9] {
    min-height: 44px;
    padding: 8px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    align-items: center;
}

.sharing-view-embedded .sharing-visibility-option:has(input:checked)[b-vzjnsvcfy9] {
    border: 0;
    background: transparent;
}

.sharing-view-embedded .sharing-visibility-option:hover:where(:not([data-touch-input] *))[b-vzjnsvcfy9] {
    background: var(--hover-background);
    color: var(--hover-color);
}

.sharing-view-embedded .sharing-visibility-option strong[b-vzjnsvcfy9] {
    font-size: .8125rem;
    font-weight: 500;
}

.sharing-view-embedded .sharing-visibility-option small[b-vzjnsvcfy9],
.sharing-view-embedded .sharing-access-reminder[b-vzjnsvcfy9] {
    font-size: .75rem;
}

.sharing-view-embedded .sharing-visibility-option input[b-vzjnsvcfy9] {
    margin: 0;
}

.sharing-view-embedded .sharing-records[b-vzjnsvcfy9] {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.sharing-view-embedded .sharing-record-card[b-vzjnsvcfy9] {
    padding: 10px 0;
    border: 0;
    border-top: 1px solid var(--line, #dcd8ce);
}

.sharing-view-embedded .sharing-record-card + .sharing-record-card[b-vzjnsvcfy9] {
    border-inline-start: 0;
}

.sharing-view-embedded .sharing-record-heading[b-vzjnsvcfy9] {
    min-height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    justify-content: flex-start;
    gap: 8px;
}

.sharing-view-embedded .sharing-record-heading > div > span[b-vzjnsvcfy9] {
    display: none;
}

.sharing-view-embedded .sharing-record-heading h2[b-vzjnsvcfy9] {
    white-space: normal;
    font-size: .8125rem;
    font-weight: 600;
}

.sharing-view-embedded .sharing-record-count[b-vzjnsvcfy9] {
    min-width: 0;
    height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    font-size: .75rem;
}

.sharing-view-embedded .sharing-record-list[b-vzjnsvcfy9] {
    padding: 0;
}

.sharing-view-embedded .sharing-record-list article[b-vzjnsvcfy9] {
    min-height: 52px;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    padding: 6px 0;
    gap: 6px 8px;
}

.sharing-view-embedded .sharing-record-copy strong[b-vzjnsvcfy9] {
    font-weight: 500;
    white-space: normal;
    overflow-wrap: anywhere;
}

.sharing-view-embedded .sharing-avatar[b-vzjnsvcfy9],
.sharing-view-embedded .sharing-record-icon[b-vzjnsvcfy9] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.sharing-view-embedded .sharing-record-icon[b-vzjnsvcfy9] {
    background: var(--paper-deep, #eeebe2);
    color: var(--ink-soft, #66685f);
    font-weight: 500;
}

.sharing-invitation-icon[b-vzjnsvcfy9]  svg {
    /* Balance the share symbol's two circles on the right. */
    transform: translateX(-1px);
}

.sharing-view-embedded .sharing-record-empty[b-vzjnsvcfy9] {
    min-height: 0;
    padding: 2px 0 4px;
    justify-content: flex-start;
}

.sharing-view-embedded .sharing-record-empty[b-vzjnsvcfy9]  svg {
    display: none;
}

.sharing-view-embedded .sharing-record-action[b-vzjnsvcfy9],
.sharing-view-embedded .sharing-record-confirmation button[b-vzjnsvcfy9],
.sharing-view-embedded .created-share button[b-vzjnsvcfy9] {
    min-height: 44px;
    font-size: .75rem;
}

.sharing-view-embedded .created-share[b-vzjnsvcfy9] {
    border: 0;
    border-radius: 8px;
}

.sharing-view-embedded .sharing-availability[b-vzjnsvcfy9] {
    padding: 12px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.sharing-view-embedded .sharing-availability h3[b-vzjnsvcfy9] {
    font-size: .8125rem;
    font-weight: 600;
}

.sharing-view-embedded button:focus-visible[b-vzjnsvcfy9] {
    outline: 2px solid var(--accent, #c76345);
    outline-offset: 2px;
}

@media (max-width: 600px) {
    .sharing-view-embedded .sharing-create-switch[b-vzjnsvcfy9],
    .sharing-view-embedded .sharing-recipient-switch[b-vzjnsvcfy9] {
        display: flex !important;
        margin-inline: auto;
    }
}

@container calendar-sharing (width > 700px) {
    /* Share tracks so the option groups sit directly above their fields. */
    .sharing-view-embedded .sharing-create-card:has(.sharing-invitation-form)[b-vzjnsvcfy9] {
        display: grid;
        grid-template-columns: var(--sharing-invitation-columns);
        grid-template-rows: auto auto;
        gap: 12px;
    }

    .sharing-view-embedded .sharing-create-card:has(.sharing-invitation-form) > .sharing-create-switch[b-vzjnsvcfy9] {
        position: relative;
        z-index: 1;
        grid-column: 2 / -1;
        grid-row: 1;
        align-self: center;
        justify-self: start;
        margin-inline: 0;
    }

    .sharing-view-embedded .sharing-create-panel:has(> .sharing-invitation-form)[b-vzjnsvcfy9] {
        display: contents;
    }

    .sharing-view-embedded .sharing-invitation-form[b-vzjnsvcfy9] {
        grid-column: 1 / -1;
        grid-row: 1 / span 2;
        grid-template-columns: subgrid;
        grid-template-rows: subgrid;
        padding-bottom: 18px;
        animation: sharing-mode-enter-b-vzjnsvcfy9 220ms cubic-bezier(.22, 1, .36, 1);
    }

    .sharing-view-embedded .sharing-recipient-row[b-vzjnsvcfy9] {
        grid-column: 1;
        grid-row: 1 / span 2;
        grid-template-rows: subgrid;
        row-gap: inherit;
    }

    .sharing-view-embedded .sharing-inline-fields[b-vzjnsvcfy9] {
        grid-column: 2;
        grid-row: 2;
    }

    .sharing-view-embedded .sharing-invitation-form > .sharing-submit[b-vzjnsvcfy9] {
        grid-row: 2;
    }

    @media (prefers-reduced-motion: reduce) {
        .sharing-view-embedded .sharing-invitation-form[b-vzjnsvcfy9] { animation: none; }
    }
}

@container calendar-sharing (max-width: 700px) {
    .sharing-view-embedded .sharing-invitation-form[b-vzjnsvcfy9] {
        grid-template-columns: minmax(0, 1fr) auto;
        column-gap: 8px;
    }

    .sharing-view-embedded .sharing-invitation-form > .sharing-recipient-row[b-vzjnsvcfy9] {
        grid-column: 1 / -1;
    }

    .sharing-view-embedded .sharing-invitation-form > .sharing-inline-fields[b-vzjnsvcfy9] {
        grid-column: 1;
        grid-row: 2;
    }

    .sharing-view-embedded .sharing-invitation-form > .sharing-submit[b-vzjnsvcfy9] {
        grid-column: 2;
        grid-row: 2;
    }

    .sharing-view-embedded .sharing-record-list article[b-vzjnsvcfy9] {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .sharing-view-embedded .sharing-record-action[b-vzjnsvcfy9],
    .sharing-view-embedded .sharing-record-actions[b-vzjnsvcfy9] {
        grid-column: 2;
        margin-inline-start: -6px;
        justify-self: start;
    }

    .sharing-view-embedded .sharing-record-actions .sharing-record-action[b-vzjnsvcfy9] {
        margin: 0;
    }
}

/* Member controls share the identity row even in the narrow calendar drawer. */
.sharing-view-embedded .sharing-record-list .sharing-member-row[b-vzjnsvcfy9],
.sharing-view-embedded > .sharing-member-row[b-vzjnsvcfy9] {
    grid-template-columns: 36px minmax(0, 1fr) auto;
    min-height: 52px;
    padding: 6px 0;
    gap: 6px 8px;
}

@container calendar-sharing (max-width: 360px) {
    .sharing-view-embedded .sharing-create-option[b-vzjnsvcfy9] {
        padding-inline: 6px;
        gap: 5px;
        font-size: .75rem !important;
    }
}
/* _content/YakoPlan.UI/Views/SharedCanvasView.razor.rz.scp.css */
.shared-forever-canvas[b-o4z503p4xy] { max-width:100%; padding:1rem; min-height:100dvh; color:var(--ink); font-family:var(--planner-font); }
.shared-forever-canvas-heading[b-o4z503p4xy] { display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin:0 0 .75rem; }
.shared-forever-canvas-heading h1[b-o4z503p4xy] { margin:0; font:500 1.4rem var(--planner-heading); }
.shared-forever-canvas > p[b-o4z503p4xy] { max-width:60rem; line-height:1.6; }
.shared-forever-canvas-actions[b-o4z503p4xy] { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; margin-block:1rem; }
.shared-forever-canvas-actions a[b-o4z503p4xy], .shared-forever-canvas-actions button[b-o4z503p4xy] { min-height:44px; }
.shared-forever-canvas[b-o4z503p4xy]  .forever-board.is-contained .forever-board-canvas { min-height:min(75dvh,900px); }
/* _content/YakoPlan.UI/Views/SubscriptionView.razor.rz.scp.css */
.subscription-page[b-ivh4z356s8] {
    --subscription-text:#fffaf4;
    --subscription-muted:#d5c8c1;
    --subscription-peach:#ffb582;
    --subscription-mint:#a8d8c6;
    --subscription-lilac:#d3bcf2;
    position:relative;
    width:min(100% - 2rem,68.75rem);
    margin:0 auto;
    padding:1.5rem 0;
    color:var(--subscription-text);
}
.subscription-page[b-ivh4z356s8],.subscription-page *[b-ivh4z356s8] { box-sizing:border-box; }
.subscription-page.subscription-embedded[b-ivh4z356s8] { width:100%; height:100%; min-height:0; padding:0; }
.subscription-scene[b-ivh4z356s8] { min-height:0; animation:subscription-scene-enter-b-ivh4z356s8 300ms cubic-bezier(.2,.75,.25,1) both; }
.subscription-scene-back[b-ivh4z356s8] { --scene-offset:-10px; }
.subscription-embedded > .subscription-scene[b-ivh4z356s8] { height:100%; }
.subscription-back[b-ivh4z356s8] { display:inline-flex; align-items:center; gap:.3rem; min-height:36px; margin:0 0 .75rem; padding:.4rem; border-radius:var(--custom-radius,7px); color:var(--subscription-muted); font-size:.85rem; text-decoration:none; transition:var(--hover-transition); }
.subscription-back:hover:where(:not([data-touch-input] *))[b-ivh4z356s8] { background:var(--hover-background); color:var(--hover-color); }
.subscription-card[b-ivh4z356s8] { display:grid; grid-template-columns:18.5rem minmax(0,1fr); min-height:min(43rem,calc(100dvh - 7rem)); border:1px solid rgb(255 221 196 / .2); border-radius:var(--custom-radius,18px); background:linear-gradient(130deg,#070606,#211007); overflow:hidden; }
.subscription-embedded .subscription-card[b-ivh4z356s8] { height:100%; min-height:0; border:0; border-radius:0; background:transparent; }
.subscription-scroll[b-ivh4z356s8] { display:contents; }
.subscription-content[b-ivh4z356s8] { grid-column:2; grid-row:1 / span 2; }
.subscription-purchase[b-ivh4z356s8] { grid-column:1; grid-row:1; }
.subscription-checkout.subscription-information[b-ivh4z356s8] { grid-column:1; grid-row:2; justify-content:flex-start; padding-top:0; background:transparent; }
.subscription-content[b-ivh4z356s8] { display:flex; flex-direction:column; gap:1.4rem; min-width:0; min-height:0; padding:1.5rem; }
.subscription-content[b-ivh4z356s8]  .premium-feature-carousel { flex:1; }
.subscription-heading h1[b-ivh4z356s8],.subscription-heading h2[b-ivh4z356s8] { margin:0 0 .35rem; font-size:clamp(1.3rem,2vw,1.6rem); font-weight:700; letter-spacing:-.035em; line-height:1.2; color:var(--subscription-text); }
.subscription-heading :is(h1,h2):focus[b-ivh4z356s8] { outline:none; }
.subscription-heading p[b-ivh4z356s8] { margin:0; color:var(--subscription-muted); font-size:.8rem; line-height:1.5; }
.subscription-welcome[b-ivh4z356s8] { display:flex; align-items:center; gap:.7rem; }
.subscription-welcome[b-ivh4z356s8]  .premium-keepsake { width:3rem; height:3.8rem; }
.subscription-welcome[b-ivh4z356s8]  .premium-keepsake img { width:2.6rem; height:3.5rem; }
.subscription-welcome[b-ivh4z356s8]  .keepsake-star { display:none; }
.subscription-checkout[b-ivh4z356s8] { --ink:var(--subscription-text); --ink-soft:var(--subscription-muted); --accent:#ffb582; --planner-action-fill:#ffb582; --planner-action-ink:#29180f; --focus:#ffd6b5; display:flex; flex-direction:column; justify-content:center; align-items:stretch; gap:1.2rem; min-height:0; min-width:0; padding:1.5rem; border-right:1px solid rgb(255 221 196 / .16); background:rgb(6 5 5 / .24); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgb(255 181 130 / .4) transparent; overflow-wrap:anywhere; }
.subscription-plan-identity[b-ivh4z356s8] { display:flex; align-items:center; gap:.65rem; }
.subscription-plan-identity img[b-ivh4z356s8] { flex:none; width:48px; height:66px; object-fit:contain; }
.subscription-plan-identity strong[b-ivh4z356s8] { font-size:1rem; font-weight:700; letter-spacing:-.025em; }
.subscription-plan-identity p[b-ivh4z356s8] { margin:.3rem 0 0; color:var(--subscription-muted); font-size:.75rem; line-height:1.5; }
.subscription-price[b-ivh4z356s8] { display:flex; flex-wrap:wrap; align-items:baseline; gap:.4rem; margin:0; }
.subscription-price strong[b-ivh4z356s8] { color:var(--subscription-text); font-size:2.6rem; line-height:1.1; letter-spacing:-.055em; font-weight:750; }
.subscription-price span[b-ivh4z356s8] { color:var(--subscription-muted); font-size:.8rem; }
.subscription-price-note[b-ivh4z356s8] { margin:.4rem 0 0; color:var(--subscription-muted); font-size:.72rem; line-height:1.5; }
.subscription-dock-logo[b-ivh4z356s8] { display:none; }
.subscription-actions[b-ivh4z356s8] { display:grid; gap:.65rem; }
.subscription-actions > p[b-ivh4z356s8] { margin:0; color:var(--subscription-muted); font-size:.78rem; line-height:1.5; }
.subscription-actions .subscription-primary[b-ivh4z356s8],.subscription-primary[b-ivh4z356s8] { width:100%; min-height:46px; padding:.7rem 1rem; border:0; border-radius:var(--pill-radius); background:var(--pill-fill); color:var(--pill-ink); font-weight:700; font-size:.84rem; text-align:center; text-decoration:none; transition:var(--hover-transition); }
.subscription-primary:hover:where(:not([data-touch-input] *)):not(:disabled)[b-ivh4z356s8] { background:var(--solid-accent-hover-background); color:var(--solid-accent-hover-color); }
.subscription-primary:focus-visible[b-ivh4z356s8],.subscription-paid-option:focus-visible[b-ivh4z356s8] { outline:2px solid var(--focus); outline-offset:3px; }
.subscription-primary:disabled[b-ivh4z356s8],.subscription-paid-option:disabled[b-ivh4z356s8] { opacity:.5; cursor:default; }
.subscription-actions .subscription-paid-option[b-ivh4z356s8] { min-height:42px; width:100%; padding:.6rem 1rem; border:1px solid rgb(255 221 196 / .25); border-radius:var(--custom-radius,7px); background:transparent; color:var(--subscription-text); font-size:.8rem; font-weight:600; text-align:center; transition:var(--hover-transition); }
.subscription-paid-option:hover:where(:not([data-touch-input] *)):not(:disabled)[b-ivh4z356s8] { background:var(--hover-background); color:var(--hover-color); border-color:var(--hover-border); }
.subscription-actions .subscription-trial-note[b-ivh4z356s8] { font-size:.72rem; text-align:center; }
.subscription-renewal[b-ivh4z356s8] { font-size:.7rem; line-height:1.5; color:var(--subscription-muted); }
.subscription-renewal p[b-ivh4z356s8] { margin:0; }
.subscription-renewal:empty[b-ivh4z356s8] { display:none; }
.subscription-status[b-ivh4z356s8] { display:grid; gap:.3rem; line-height:1.5; }
.subscription-status strong[b-ivh4z356s8] { color:var(--subscription-text); font-size:.95rem; }
.subscription-status span[b-ivh4z356s8] { color:var(--subscription-muted); font-size:.77rem; }
.subscription-status[data-premium="true"] strong[b-ivh4z356s8] { color:var(--subscription-mint); }
.subscription-status[data-billing-status="free"][b-ivh4z356s8] { display:none; }
.subscription-feedback[b-ivh4z356s8],.subscription-notice[b-ivh4z356s8] { margin:0; color:var(--subscription-text); font-size:.78rem; line-height:1.5; }
.subscription-feedback[b-ivh4z356s8] { color:var(--subscription-mint); }
.subscription-details[b-ivh4z356s8] { border-top:1px solid rgb(255 221 196 / .18); font-size:.75rem; }
.subscription-details summary[b-ivh4z356s8] { display:flex; align-items:center; justify-content:space-between; gap:.5rem; min-height:42px; padding:.5rem; margin:0 -.5rem; border-radius:var(--custom-radius,7px); color:var(--subscription-muted); font-size:.77rem; font-weight:600; list-style:none; cursor:pointer; transition:var(--hover-transition); }
.subscription-details summary[b-ivh4z356s8]::-webkit-details-marker { display:none; }
.subscription-details summary:hover:where(:not([data-touch-input] *))[b-ivh4z356s8] { background:var(--hover-background); color:var(--hover-color); }
.subscription-details summary:focus-visible[b-ivh4z356s8] { outline:2px solid var(--focus); outline-offset:2px; }
.subscription-terms[b-ivh4z356s8] { color:var(--subscription-muted); font-size:.73rem; line-height:1.55; animation:subscription-details-enter-b-ivh4z356s8 180ms ease-out; }
.subscription-terms p[b-ivh4z356s8] { margin:0 0 .8rem; }
.subscription-terms > div[b-ivh4z356s8] { display:flex; flex-wrap:wrap; gap:.65rem; }
.subscription-terms a[b-ivh4z356s8] { color:inherit; text-underline-offset:.2em; transition:var(--hover-transition); }
.subscription-terms a:hover:where(:not([data-touch-input] *))[b-ivh4z356s8] { background:var(--hover-background); color:var(--hover-color); }
.subscription-secondary-actions[b-ivh4z356s8] { display:flex; flex-wrap:wrap; gap:.2rem .8rem; margin-top:.6rem; }
.subscription-secondary-actions button[b-ivh4z356s8] { min-height:38px; padding:.3rem; border:0; border-radius:var(--custom-radius,7px); background:transparent; color:var(--subscription-muted); font:inherit; font-size:.75rem; text-decoration:underline; text-underline-offset:.2em; cursor:pointer; transition:var(--hover-transition); }
.subscription-secondary-actions button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-ivh4z356s8] { background:var(--hover-background); color:var(--hover-color); }
.subscription-secondary-actions button:focus-visible[b-ivh4z356s8] { outline:2px solid var(--focus); outline-offset:2px; }
.subscription-secondary-actions button:disabled[b-ivh4z356s8] { opacity:.5; cursor:default; }
.subscription-embedded:has([data-premium-checkout])[b-ivh4z356s8] { overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.subscription-embedded[b-ivh4z356s8]  .premium-checkout { min-height:100%; border:0; border-radius:0; box-shadow:none; }
.subscription-embedded[b-ivh4z356s8]  .checkout-story,.subscription-embedded[b-ivh4z356s8]  .checkout-payment { border-radius:0; }
@keyframes subscription-scene-enter-b-ivh4z356s8 { from { opacity:0; transform:translateX(var(--scene-offset,10px)); } to { opacity:1; transform:none; } }
@keyframes subscription-details-enter-b-ivh4z356s8 { from { opacity:0; } to { opacity:1; } }
@media (min-width:760px) and (max-height:740px) {
    .subscription-content[b-ivh4z356s8] { gap:1rem; padding:1.1rem 1.4rem; }
    .subscription-heading h1[b-ivh4z356s8],.subscription-heading h2[b-ivh4z356s8] { font-size:1.3rem; }
    .subscription-checkout[b-ivh4z356s8] { gap:.9rem; padding:1.1rem 1.3rem; }
    .subscription-price strong[b-ivh4z356s8] { font-size:2.2rem; }
}
@media (max-width:759px) {
    .subscription-page[b-ivh4z356s8] { display:flex; flex-direction:column; width:100%; height:100dvh; min-height:0; padding:0; overflow:hidden; }
    .subscription-scene[b-ivh4z356s8],.subscription-embedded .subscription-scene[b-ivh4z356s8] { flex:1; height:100%; min-height:0; }
    .subscription-embedded:has([data-premium-checkout])[b-ivh4z356s8] { overflow:hidden; }
    .subscription-embedded[b-ivh4z356s8]  .premium-checkout { height:100%; min-height:0; }
    .subscription-page.subscription-embedded[b-ivh4z356s8] { overflow:hidden; }
    .subscription-card[b-ivh4z356s8],.subscription-embedded .subscription-card[b-ivh4z356s8] { height:100%; min-height:0; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; }
    .subscription-scroll[b-ivh4z356s8] { display:flex; flex-direction:column; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
    .subscription-content[b-ivh4z356s8] { flex:1 0 auto; gap:.5rem; padding:.75rem 1rem .5rem; }
    .subscription-heading h1[b-ivh4z356s8],.subscription-heading h2[b-ivh4z356s8] { font-size:1.4rem; }
    .subscription-checkout[b-ivh4z356s8] { gap:.85rem; padding:1.1rem 1rem max(1.1rem,env(safe-area-inset-bottom)); border-right:0; border-top:1px solid rgb(255 221 196 / .18); overflow:visible; }
    .subscription-checkout.subscription-information[b-ivh4z356s8] { flex:none; gap:.35rem; padding:.25rem 1rem; border-top:0; }
    .subscription-trial-note[b-ivh4z356s8] { margin:0; font-size:.75rem; line-height:1.45; }
    .subscription-purchase[b-ivh4z356s8] { grid-column:1; grid-row:2; display:grid; grid-template-columns:minmax(0,1fr) minmax(10rem,1.35fr); align-items:center; gap:.5rem .8rem; padding:.7rem 1rem max(.7rem,env(safe-area-inset-bottom)); background:#160e0a; }
    .subscription-purchase .subscription-plan-identity[b-ivh4z356s8] { display:none; }
    .subscription-purchase .subscription-pricing[b-ivh4z356s8] { display:grid; grid-template-columns:32px minmax(0,1fr); align-items:center; column-gap:.5rem; }
    .subscription-purchase .subscription-dock-logo[b-ivh4z356s8] { display:block; grid-column:1; grid-row:1 / span 2; width:64px; height:64px; max-width:none; margin-inline:-16px; object-fit:contain; pointer-events:none; }
    .subscription-purchase .subscription-price[b-ivh4z356s8] { grid-column:2; gap:.2rem; }
    .subscription-purchase .subscription-price-note[b-ivh4z356s8] { grid-column:2; margin:.1rem 0 0; }
    .subscription-purchase .subscription-price strong[b-ivh4z356s8] { font-size:1.55rem; }
    .subscription-purchase .subscription-price span[b-ivh4z356s8] { font-size:.72rem; }
    .subscription-actions[b-ivh4z356s8] { gap:.4rem; }
    .subscription-purchase:not(:has(.subscription-pricing)) .subscription-actions[b-ivh4z356s8] { grid-column:1 / -1; }
    .subscription-plan-identity img[b-ivh4z356s8] { width:38px; height:48px; }
    .subscription-plan-identity[b-ivh4z356s8] { gap:.6rem; }
    .subscription-plan-identity strong[b-ivh4z356s8] { font-size:.95rem; }
    .subscription-price strong[b-ivh4z356s8] { font-size:2rem; }
}
@media (prefers-reduced-motion:reduce) { .subscription-scene[b-ivh4z356s8],.subscription-terms[b-ivh4z356s8] { animation:none; } .subscription-back[b-ivh4z356s8],.subscription-primary[b-ivh4z356s8],.subscription-paid-option[b-ivh4z356s8],.subscription-details summary[b-ivh4z356s8],.subscription-secondary-actions button[b-ivh4z356s8],.subscription-terms a[b-ivh4z356s8] { transition:none; } }
@media (forced-colors:active) { .subscription-page[b-ivh4z356s8] { --subscription-text:CanvasText; --subscription-muted:CanvasText; --subscription-mint:CanvasText; } .subscription-card[b-ivh4z356s8],.subscription-checkout[b-ivh4z356s8] { background:Canvas; border-color:CanvasText; } .subscription-details[b-ivh4z356s8] { border-color:CanvasText; } .subscription-actions .subscription-primary[b-ivh4z356s8] { background:Highlight; color:HighlightText; } }
/* _content/YakoPlan.UI/Views/ThemeColorField.razor.rz.scp.css */
.theme-color-field[b-caw2qt5wo6] { min-width: 0; display: flex; flex-direction: column; --theme-color-control-size: var(--popup-readable-field, 2.8rem); }
.theme-color-field > label[b-caw2qt5wo6] { display: block; margin-bottom: .45rem; font-size: .85rem; color: var(--ink-soft); }
.theme-color-inputs[b-caw2qt5wo6] { display: flex; align-items: stretch; gap: .5rem; margin-top: auto; }
.theme-color-inputs[b-caw2qt5wo6]  .theme-color-picker { flex: 0 0 var(--theme-color-control-size); }
.theme-color-inputs[b-caw2qt5wo6]  .theme-color-picker .board-color-trigger { width: var(--theme-color-control-size); min-height: var(--theme-color-control-size); height: var(--theme-color-control-size); gap: 0; padding: 0; border: 0; border-radius: .55rem; background: transparent; cursor: pointer; }
.theme-color-inputs[b-caw2qt5wo6]  .theme-color-picker .board-color-trigger > span:not(.forever-board-swatch) { display: none; }
.theme-color-inputs[b-caw2qt5wo6]  .theme-color-picker .forever-board-swatch { box-sizing: border-box; width: 100%; height: 100%; flex: 0 0 100%; border-radius: inherit; }
.theme-color-inputs[b-caw2qt5wo6]  .theme-color-picker .board-color-trigger > :is(.icon, svg) { display: none; }
.theme-color-inputs input[type="text"][b-caw2qt5wo6] { box-sizing: border-box; width: 100%; min-width: 0; min-height: var(--theme-color-control-size); height: var(--theme-color-control-size); padding: .45rem .6rem; border: 1px solid var(--line); border-radius: .55rem; background: var(--surface); color: var(--ink); font: .85rem ui-monospace, monospace; }
.theme-color-inputs input[aria-invalid="true"][b-caw2qt5wo6] { border-color: var(--danger, #b43e46); }
.theme-color-inputs input:focus-visible[b-caw2qt5wo6] { outline: 3px solid var(--focus, var(--accent)); outline-offset: 2px; }
.theme-color-inputs[b-caw2qt5wo6]  .theme-color-picker .board-color-trigger:focus-visible { outline: 3px solid var(--focus, var(--accent)); outline-offset: 2px; }
/* _content/YakoPlan.UI/Views/ThemeControlsPicker.razor.rz.scp.css */
.theme-controls-picker[b-7iai4jz1k3] { min-width:0; margin:1rem 0 0; padding:0; border:0; }
.theme-controls-picker legend[b-7iai4jz1k3] { padding:0; color:var(--ink); font-size:.9rem; font-weight:600; }
.theme-controls-help[b-7iai4jz1k3] { display:none; }
.theme-controls-choices[b-7iai4jz1k3] { margin-top:.65rem; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; max-width:24rem; }
.theme-controls-choice[b-7iai4jz1k3] { display:grid; gap:.55rem; min-width:0; padding:.6rem; border:1px solid var(--line); border-radius:.65rem; background:var(--surface); color:var(--ink); cursor:pointer; }
.theme-controls-choice:has(input:checked)[b-7iai4jz1k3] { border-color:var(--ink); box-shadow:inset 0 0 0 1px var(--ink); }
.theme-controls-choice:has(input:focus-visible)[b-7iai4jz1k3] { outline:3px solid var(--focus,var(--ink)); outline-offset:3px; }
.theme-controls-swatch[b-7iai4jz1k3] { display:flex; gap:.75rem; height:4rem; padding:.65rem; border:1px solid color-mix(in srgb,CanvasText 30%,Canvas); border-radius:.35rem; background:Canvas; color:CanvasText; color-scheme:light; }
.theme-controls-swatch[data-control-style-preview="dark"][b-7iai4jz1k3] { color-scheme:dark; }
.theme-controls-menu[b-7iai4jz1k3] { display:grid; align-content:center; gap:.4rem; flex:1; }
.theme-controls-menu span[b-7iai4jz1k3] { display:block; width:75%; height:.2rem; border-radius:1rem; background:currentColor; opacity:.6; }
.theme-controls-menu span:nth-child(2)[b-7iai4jz1k3] { width:55%; }
.theme-controls-menu span:last-child[b-7iai4jz1k3] { width:65%; }
.theme-controls-caption[b-7iai4jz1k3] { display:flex; align-items:center; gap:.5rem; min-height:1.5rem; font-size:.85rem; }
.theme-controls-caption input[b-7iai4jz1k3] { width:1rem; height:1rem; margin:0; flex:none; accent-color:var(--ink); }
.theme-controls-picker:disabled .theme-controls-choice[b-7iai4jz1k3] { cursor:default; }
@media (forced-colors:active) {
    .theme-controls-choice:has(input:checked)[b-7iai4jz1k3] { border-color:Highlight; outline:2px solid Highlight; }
    .theme-controls-choice:has(input:focus-visible)[b-7iai4jz1k3] { outline:3px dashed Highlight; }
}
/* _content/YakoPlan.UI/Views/ThemeReadability.razor.rz.scp.css */
.theme-readability[b-3psmhuqseb] { display:grid; gap:.45rem; margin-top:.7rem; color:light-dark(#9d5058,#ecabb3); }
.theme-readability[data-readability="good"][b-3psmhuqseb] { color:light-dark(#826921,#e5ce8d); }
.theme-readability[data-readability="great"][b-3psmhuqseb] { color:light-dark(#447457,#a2d3b4); }
.theme-readability-heading[b-3psmhuqseb] { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:.25rem .6rem; }
.theme-readability-heading strong[b-3psmhuqseb] { font-size:.82rem; }
.theme-readability-heading > span[b-3psmhuqseb] { font-size:.8rem; font-weight:600; font-variant-numeric:tabular-nums; }
.theme-readability p[b-3psmhuqseb] { margin:.4rem 0 0; color:inherit; font-size:.78rem; line-height:1.5; }
.theme-readability-colors[b-3psmhuqseb] { display:flex; align-items:center; flex-wrap:wrap; gap:.35rem; margin-left:-.3rem; }
.theme-readability-color[b-3psmhuqseb] { display:grid; place-items:center; flex:none; width:2rem; height:2rem; padding:0; border:0; border-radius:50%; background:transparent; cursor:pointer; }
.theme-readability-color > span[b-3psmhuqseb] { width:1.15rem; height:1.15rem; border:1px solid color-mix(in srgb,var(--ink) 35%,transparent); border-radius:50%; background:var(--suggested-color); box-shadow:0 1px 2px #0002; transition:transform 160ms ease,box-shadow 160ms ease; }
.theme-readability-color[aria-pressed="true"] > span[b-3psmhuqseb] { outline:2px solid var(--ink); outline-offset:3px; }
.theme-readability-color:focus-visible[b-3psmhuqseb] { outline:2px solid var(--focus); outline-offset:2px; }
.theme-readability-color:disabled[b-3psmhuqseb] { opacity:.5; cursor:default; }
.theme-readability .theme-readability-suggestion-help[b-3psmhuqseb] { color:var(--ink-soft); }
.theme-readability.is-inline[b-3psmhuqseb] { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem .9rem; }
.theme-readability.is-inline .theme-readability-status[b-3psmhuqseb] { display:flex; align-items:center; flex:1; flex-wrap:wrap; gap:.35rem .9rem; }
.theme-readability.is-inline .theme-readability-heading[b-3psmhuqseb] { justify-content:flex-start; flex:none; }
.theme-readability.is-inline p[b-3psmhuqseb] { margin:0; flex:1; min-width:14rem; }
.theme-readability.is-inline .theme-readability-colors[b-3psmhuqseb] { flex:none; margin-left:0; }
@media (hover:hover) and (pointer:fine) {
    .theme-readability-color:hover:where(:not([data-touch-input] *)):not(:disabled)[b-3psmhuqseb] { background:var(--hover-background); color:var(--hover-color); }
}
@media (prefers-reduced-motion:reduce) { .theme-readability-color > span[b-3psmhuqseb] { transition:none; } }
@media (forced-colors:active) { .theme-readability-color > span[b-3psmhuqseb] { forced-color-adjust:none; } }
/* _content/YakoPlan.UI/Views/ThemesView.razor.rz.scp.css */
.themes-view[b-4uldpsxtyz] {
    width: 100%;
    max-width: 48rem;
    margin-inline: auto;
    color: var(--ink, #262823);
}

.themes-view.is-editing[b-4uldpsxtyz] { display:flex; flex-direction:column; height:100%; min-height:0; }
.themes-view.is-returning-to-library[b-4uldpsxtyz] { animation:themes-library-return-b-4uldpsxtyz 100ms ease-out; }
@keyframes themes-library-return-b-4uldpsxtyz { from { opacity:0; transform:translateX(-10px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce) { .themes-view.is-returning-to-library[b-4uldpsxtyz] { animation:none; } }
.themes-background-picture[b-4uldpsxtyz] { margin:0 0 2rem; }
.themes-background-picture h2[b-4uldpsxtyz] { margin:0 0 .9rem; font-size:1rem; font-weight:650; }
.themes-view.is-editing[b-4uldpsxtyz]  .custom-theme-editor { flex:1; min-height:0; }
.themes-view.is-editing[b-4uldpsxtyz]  .custom-theme-editor { animation:themes-editor-enter-b-4uldpsxtyz 100ms ease-out; }
@keyframes themes-editor-enter-b-4uldpsxtyz { from { opacity:0; transform:translateX(10px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce) { .themes-view.is-editing[b-4uldpsxtyz]  .custom-theme-editor { animation:none; } }

.themes-drafts[b-4uldpsxtyz] { margin:1.25rem 0; }
.themes-drafts h3[b-4uldpsxtyz] { margin:0 0 .4rem; font-size:1rem; font-weight:650; }
.themes-draft[b-4uldpsxtyz] { display:flex; align-items:center; gap:.6rem; padding:.7rem 0; border-bottom:1px solid var(--line); }
.themes-draft > span[b-4uldpsxtyz] { flex:1; min-width:0; overflow-wrap:anywhere; font-size:.9rem; }
.themes-draft .secondary-button[b-4uldpsxtyz] { flex:none; min-height:2.75rem; font-size:.8rem; }
.themes-draft-discard[b-4uldpsxtyz] { display:grid; place-items:center; flex:none; width:2.75rem; height:2.75rem; padding:0; border:0; border-radius:.5rem; background:transparent; color:var(--ink-soft); }
.themes-draft-discard:hover:where(:not([data-touch-input] *))[b-4uldpsxtyz] { background:var(--hover-background); color:var(--danger); }
.themes-draft-discard:focus-visible[b-4uldpsxtyz] { outline:2px solid var(--focus); outline-offset:2px; }
@media (max-width:480px) {
    .themes-draft[b-4uldpsxtyz] { flex-wrap:wrap; gap:.4rem; }
    .themes-draft > span[b-4uldpsxtyz] { flex-basis:100%; }
}

.themes-section[b-4uldpsxtyz] {
    min-width: 0;
    margin: 0 0 1.8rem;
    padding: 0;
    border: 0;
}

.themes-section[data-themes-section="mode"][b-4uldpsxtyz] { margin-bottom:.75rem; }

.themes-section legend[b-4uldpsxtyz] {
    margin: 0 0 .9rem;
    padding: 0;
    font-size: 1rem;
    font-weight: 680;
    letter-spacing: -.015em;
}

.themes-mode-grid[b-4uldpsxtyz],
.themes-accent-grid[b-4uldpsxtyz] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .7rem;
}

.themes-accent-grid[b-4uldpsxtyz] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.themes-mode-card[b-4uldpsxtyz] { --theme-preview-height:clamp(6.5rem, 16vw, 9rem); --theme-preview-inset:calc(.55rem + 1px); --theme-toggle-height:2rem; position:relative; min-width:0; }
.themes-mode-card > .themes-choice[b-4uldpsxtyz] { box-sizing:border-box; width:100%; height:100%; }
.themes-completion-toggle[b-4uldpsxtyz] {
    position:absolute;
    inset-inline:var(--theme-preview-inset);
    top:calc(var(--theme-preview-inset) + var(--theme-preview-height) - var(--theme-toggle-height));
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.25rem;
    box-sizing:border-box;
    height:var(--theme-toggle-height);
    min-height:0!important; /* The extended hit area below retains the popup's 44px target. */
    padding:0 .25rem;
    border:1px solid transparent;
    border-radius:0 0 .5rem .5rem;
    background:rgb(0 0 0 / .3);
    clip-path:inset(calc(var(--theme-toggle-height) - var(--theme-preview-height)) 0 0 round 0 0 .5rem .5rem);
    color:#fff;
    font:inherit;
    font-size:.72rem;
    cursor:pointer;
    transition:var(--hover-transition);
}
.themes-completion-toggle[b-4uldpsxtyz]::after { content:""; position:absolute; inset:-.75rem 0 0; }
.themes-completion-toggle:hover:where(:not([data-touch-input] *)):not(:disabled)[b-4uldpsxtyz] {
    background: var(--hover-background);
    border-color: var(--hover-border);
    color: var(--hover-color);
}
.themes-completion-toggle:focus-visible[b-4uldpsxtyz] { border-color:#fff; }
.themes-completion-toggle:disabled[b-4uldpsxtyz] { cursor:default; opacity:.5; }
.themes-completion-toggle > span:first-child[b-4uldpsxtyz] { position:relative; z-index:1; text-shadow:0 1px 3px #000; }
.themes-completion-preview[b-4uldpsxtyz] {
    position:relative;
    display:block;
    flex:0 0 2rem;
    min-width:0;
    height:100%;
    overflow:visible;
    border-radius:.45rem;
    pointer-events:none;
}
.themes-completion-preview[b-4uldpsxtyz]::before {
    content:"";
    position:absolute;
    left:calc(50% - 12px);
    top:calc(50% - 12px);
    width:24px;
    height:24px;
    border:1px solid currentColor;
    border-radius:50%;
    opacity:.35;
}
.themes-completion-toggle[aria-pressed="true"] .themes-completion-preview[b-4uldpsxtyz]::before {
    border:0;
    background:var(--task-completion-art) center/contain no-repeat;
    opacity:1;
}
.themes-completion-preview[b-4uldpsxtyz]  .task-completion-burst { transform:scale(1); }
@media (prefers-reduced-motion:reduce) { .themes-completion-toggle[b-4uldpsxtyz] { transition:none; } }

.themes-choice[b-4uldpsxtyz] {
    position: relative;
    display: block;
    min-width: 0;
    border: 1px solid var(--line, #dcd8ce);
    border-radius: .85rem;
    padding: .55rem;
    background: var(--surface, #fffdf8);
    cursor: pointer;
    transition:var(--hover-transition),box-shadow 140ms ease;
}

.themes-choice:hover:where(:not([data-touch-input] *)):not(:has(input:checked,input:disabled))[b-4uldpsxtyz] {
    background: var(--hover-background);
    border-color: var(--hover-border);
    color: var(--hover-color);
}

.themes-choice:has(input:checked)[b-4uldpsxtyz] {
    border-color: var(--accent, #c76345);
    box-shadow: 0 0 0 1px var(--accent, #c76345);
}

.themes-choice:has(input:focus-visible)[b-4uldpsxtyz],
.themes-locked-choice:focus-visible[b-4uldpsxtyz] {
    outline: 3px solid var(--focus, #9b4c34);
    outline-offset: 4px;
}

.themes-choice input[b-4uldpsxtyz] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.themes-choice-label[b-4uldpsxtyz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
    min-height: 2.4rem;
    padding: .2rem .25rem 0;
    font-size: .86rem;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.themes-locked-choice[b-4uldpsxtyz] {
    color: inherit;
    font: inherit;
    text-align: start;
}

.themes-choice-lock[b-4uldpsxtyz] {
    display: inline-flex;
    flex: 0 0 1rem;
}

.themes-choice-indicator[b-4uldpsxtyz] {
    box-sizing: border-box;
    flex: 0 0 1rem;
    width: 1rem;
    height: 1rem;
    border: 1.5px solid var(--muted, #888a80);
    border-radius: 50%;
}

input:checked ~ .themes-choice-label .themes-choice-indicator[b-4uldpsxtyz] {
    border: 4px solid var(--accent, #c76345);
    background: var(--surface, #fffdf8);
}

.themes-mode-preview[b-4uldpsxtyz] {
    --preview-paper: #f7f5ef;
    --preview-surface: #fffdf8;
    --preview-line: #dcd8ce;
    --preview-ink: #262823;
    --preview-radius: 2px;
    position: relative;
    isolation: isolate;
    display: flex;
    height: var(--theme-preview-height, clamp(6.5rem, 16vw, 9rem));
    overflow: hidden;
    border: 1px solid var(--preview-line);
    border-radius: .5rem;
    background: var(--preview-paper);
}

.themes-mode-preview[data-preview-mode="dark"][b-4uldpsxtyz] {
    --preview-paper: #1c1c1c;
    --preview-surface: #262626;
    --preview-line: #3d3d3d;
    --preview-ink: #fff;
}

.themes-mode-preview[data-preview-mode="sakura"][b-4uldpsxtyz] {
    --preview-paper: #19141c;
    --preview-surface: #231b27;
    --preview-line: #4b3652;
    --preview-accent: #d9739e;
    --preview-ink: #fff;
}

.themes-mode-preview[data-preview-mode="kawaii"][b-4uldpsxtyz] {
    --preview-paper: #fff0f5;
    --preview-surface: #fffafd;
    --preview-line: #e4bdce;
    --preview-accent: #efa9c4;
    --preview-ink: #563348;
    --preview-radius: 3px;
}

.themes-mode-preview[data-preview-mode="premium"][b-4uldpsxtyz] {
    --preview-surface: #141011;
    --preview-line: rgb(255 248 242 / .17);
    --preview-accent: #ff8a3d;
    --preview-ink: #fff8ec;
    /* The shared Premium space painting supplies the backdrop and lit edge. */
}

.themes-palette-help[b-4uldpsxtyz] {
    margin: 0 0 .9rem;
    color: var(--ink-soft, #66685f);
    font-size: .87rem;
    line-height: 1.6;
}

.themes-mode-preview[data-preview-mode="system"][b-4uldpsxtyz] {
    --preview-paper: linear-gradient(110deg, #f7f5ef 49.5%, #1c1c1c 50%);
    --preview-line: #8e8b83;
}
.themes-mode-preview[data-preview-mode="system"] .themes-preview-column:nth-child(n+2)[b-4uldpsxtyz] { --preview-surface:#262626; --preview-ink:#fff; }
.themes-preview-art[b-4uldpsxtyz] { position:absolute; inset:0; overflow:hidden; pointer-events:none; }

.themes-preview-planner[b-4uldpsxtyz] {
    position:relative;
    z-index:1;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    padding: .5rem .4rem;
}

.themes-preview-toolbar[b-4uldpsxtyz] { display:flex; align-items:center; justify-content:space-between; gap:.3rem; margin-bottom:5px; }
.themes-preview-heading[b-4uldpsxtyz] {
    display: block;
    width: 45%;
    height: 3px;
    border-radius: 1rem;
    background: color-mix(in srgb,var(--preview-ink) 55%,transparent);
}
.themes-preview-switch[b-4uldpsxtyz] { width:30%; height:6px; border:1px solid var(--preview-line); border-radius:2px; background:linear-gradient(90deg,var(--preview-accent) 33%,transparent 33%); }

.themes-preview-columns[b-4uldpsxtyz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    flex: 1;
    min-height: 0;
    border-top: 1px solid var(--preview-line);
}

.themes-preview-column[b-4uldpsxtyz] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap:4px;
    padding:4px 3px;
}

.themes-preview-column + .themes-preview-column[b-4uldpsxtyz] { border-left: 1px solid var(--preview-line); }
.themes-preview-column.is-today[b-4uldpsxtyz] { background:color-mix(in srgb,var(--preview-accent) 7%,transparent); }
.themes-preview-day[b-4uldpsxtyz] { flex:none; width:55%; height:2px; margin:0 auto 2px; border-radius:1px; background:color-mix(in srgb,var(--preview-ink) 45%,transparent); }
.themes-preview-column.is-today .themes-preview-day[b-4uldpsxtyz] { background:var(--preview-accent); }

.themes-preview-task[b-4uldpsxtyz],
.themes-preview-event[b-4uldpsxtyz] {
    display: block;
    position:relative;
    flex-shrink: 0;
    width: 100%;
    height:clamp(10px,1.6vw,16px);
    border-radius:var(--preview-radius);
    background:color-mix(in srgb,var(--preview-accent) 18%,var(--preview-surface));
}
.themes-preview-task[b-4uldpsxtyz]::before { content:""; position:absolute; left:3px; top:calc(50% - 2px); width:4px; height:4px; border:1px solid var(--preview-accent); border-radius:50%; }
.themes-preview-task[b-4uldpsxtyz]::after, .themes-preview-event[b-4uldpsxtyz]::after { content:""; position:absolute; left:9px; right:3px; top:3px; height:2px; border-radius:1px; background:color-mix(in srgb,var(--preview-ink) 65%,transparent); box-shadow:0 4px 0 color-mix(in srgb,var(--preview-ink) 25%,transparent); }
.themes-preview-task.is-later[b-4uldpsxtyz] { margin-top:8px; }

.themes-preview-event[b-4uldpsxtyz] {
    margin-top:2px;
    background:var(--preview-accent);
}
.themes-preview-event[b-4uldpsxtyz]::after { left:3px; background:#19141c; box-shadow:0 4px 0 color-mix(in srgb,#19141c 35%,transparent); }

/* Light and dark use the same accent swatches, including in Premium menus. */
.themes-accent-choice[b-4uldpsxtyz] {
    --choice-accent: var(--choice-accent-dark);
}
.themes-accent-choice[data-accent="foxglove"][b-4uldpsxtyz] { --choice-accent-dark:#e58768; }
.themes-accent-choice[data-accent="sage"][b-4uldpsxtyz] { --choice-accent-dark:#91ae96; }
.themes-accent-choice[data-accent="harbor"][b-4uldpsxtyz] { --choice-accent-dark:#efa9c4; }
.themes-accent-choice[data-accent="iris"][b-4uldpsxtyz] { --choice-accent-dark:#c0a0cb; }
.themes-accent-choice[data-accent="custom-d9739e"][b-4uldpsxtyz] { --choice-accent-dark:#d9739e; }
.themes-accent-grid:is([data-preview-mode="dark"],[data-preview-mode="premium"],[data-preview-mode="sakura"]) .themes-accent-choice[b-4uldpsxtyz] {
    --choice-accent: var(--choice-accent-dark);
}
.themes-accent-grid[data-preview-mode="premium"] .themes-accent-choice[data-accent="foxglove"][b-4uldpsxtyz] { --choice-accent:#ff8a3d; }
@media (prefers-color-scheme:dark) {
    .themes-accent-grid[data-preview-mode="system"] .themes-accent-choice[b-4uldpsxtyz] {
        --choice-accent: var(--choice-accent-dark);
    }
}
.themes-accent-choice:hover:where(:not([data-touch-input] *)):not(:has(input:checked,input:disabled))[b-4uldpsxtyz] { background:var(--hover-background); border-color:var(--hover-border); color:var(--hover-color); }
.themes-accent-choice:has(input:checked)[b-4uldpsxtyz] { border-color:var(--choice-accent); }
.themes-accent-choice:has(input:checked)[b-4uldpsxtyz] { box-shadow:0 0 0 1px var(--choice-accent); }
.themes-accent-choice input:checked ~ .themes-choice-label .themes-choice-indicator[b-4uldpsxtyz] { border-color:var(--choice-accent); }

.themes-accent-preview[b-4uldpsxtyz] {
    display:block;
    height:2.75rem;
    border-radius:.45rem;
    background:var(--choice-accent);
    pointer-events:none;
}

.themes-custom-accent[data-selected="true"][b-4uldpsxtyz] { border-color:var(--accent-deep,var(--accent)); box-shadow:0 0 0 1px var(--accent-deep,var(--accent)); }
.themes-custom-accent:has(:focus-visible)[b-4uldpsxtyz] { outline:3px solid var(--focus,var(--accent)); outline-offset:4px; }
.themes-custom-accent[b-4uldpsxtyz]  .themes-custom-accent-picker { display:block; width:100%; }
.themes-custom-accent[b-4uldpsxtyz]  .board-color-trigger { display:grid; grid-template-columns:minmax(0,1fr) 1rem; grid-template-rows:2.75rem 2.4rem; align-items:center; gap:0 .4rem; width:100%; min-width:0; min-height:0; padding:0; border:0; border-radius:0; background:transparent; color:inherit; font:inherit; }
.themes-custom-accent[b-4uldpsxtyz]  .board-color-trigger .forever-board-swatch { grid-column:1 / -1; box-sizing:border-box; width:100%; height:2.75rem; border-radius:.45rem; }
.themes-custom-accent[b-4uldpsxtyz]  .board-color-trigger > span:not(.forever-board-swatch) { justify-self:start; min-width:0; padding:.2rem .25rem 0; font-size:.86rem; font-weight:600; line-height:1.35; overflow-wrap:anywhere; }
.themes-custom-accent[b-4uldpsxtyz]  .board-color-trigger > svg { width:1rem; height:1rem; }
.themes-custom-accent[b-4uldpsxtyz]  .board-color-trigger:focus-visible { outline:none; }

.themes-section:disabled .themes-choice[b-4uldpsxtyz] { opacity: .6; cursor: default; }

.themes-save-status[b-4uldpsxtyz] {
    min-height: 1.25rem;
    margin: 1.5rem 0 0;
    color: var(--ink-soft, #66685f);
    font-size: .78rem;
    line-height: 1.6;
}

.themes-message[b-4uldpsxtyz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .75rem;
    margin: 0 0 1.5rem;
    padding: 1rem;
    border: 1px solid var(--line, #dcd8ce);
    border-radius: .75rem;
    background: var(--surface-muted, #eeece5);
}
.themes-message p[b-4uldpsxtyz] { margin: 0; font-size: .9rem; line-height: 1.5; }
.themes-save-error[b-4uldpsxtyz] { margin: 1.5rem 0 0; }
.themes-loading[b-4uldpsxtyz] { display: grid; gap: 1rem; }
.themes-loading span[b-4uldpsxtyz] { height: 8rem; background: var(--surface-muted, #eeece5); border-radius: .85rem; }

.themes-library[b-4uldpsxtyz] { margin: 0 0 1.8rem; padding: 1.5rem 0; border-block: 1px solid var(--line); }
.themes-library-heading[b-4uldpsxtyz] { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: .9rem; }
.themes-library-heading h2[b-4uldpsxtyz] { margin: 0; font-size: 1rem; font-weight: 680; letter-spacing: -.015em; }
.themes-library-heading > span[b-4uldpsxtyz] { color: var(--ink-soft); font-size: .75rem; }
.themes-library-help[b-4uldpsxtyz] { margin: .5rem 0 1rem; color: var(--ink-soft); font-size: .85rem; line-height: 1.6; }
.themes-library-actions[b-4uldpsxtyz] { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1rem; }
.themes-library-actions button[b-4uldpsxtyz], .themes-import-button[b-4uldpsxtyz] { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 2.8rem; }
.themes-library-actions > .secondary-button[b-4uldpsxtyz] { box-sizing:border-box; min-width:10.75rem; }
.themes-action-text[b-4uldpsxtyz],
.themes-background-picture[b-4uldpsxtyz]  .appearance-picture-upload > span:not(.task-feature-lock) {
    display:block;
    line-height:1;
    text-box-trim:trim-both;
    text-box-edge:cap alphabetic;
}
.themes-import-button[b-4uldpsxtyz] { position: relative; overflow: hidden; cursor: pointer; }
.themes-import-button[data-premium-required][b-4uldpsxtyz] { overflow:visible; }
.themes-import-button[b-4uldpsxtyz]  input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.themes-import-button:has(:focus-visible)[b-4uldpsxtyz] { outline: 3px solid var(--focus, var(--accent)); outline-offset: 3px; }
.themes-import-button.disabled[b-4uldpsxtyz] { opacity: .5; cursor: default; }
.themes-import-button.disabled[b-4uldpsxtyz]  input { cursor: default; }
.themes-library-grid[b-4uldpsxtyz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.themes-library-card[b-4uldpsxtyz] { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: .9rem; background: var(--surface); }
.themes-library-card.selected[b-4uldpsxtyz] { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.themes-library-select[b-4uldpsxtyz] { display: block; width: 100%; padding: .6rem; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.themes-library-select:focus-visible[b-4uldpsxtyz] { outline: 3px solid var(--focus, var(--accent)); outline-offset: -3px; }
.themes-library-select:disabled[b-4uldpsxtyz] { cursor: default; }
.themes-library-name[b-4uldpsxtyz] { display: flex; gap: .7rem; align-items: center; justify-content: space-between; padding: .8rem .25rem .25rem; font-size: .9rem; font-weight: 600; }
.themes-library-name > span:first-child[b-4uldpsxtyz] { overflow-wrap: anywhere; }
.themes-library-indicator[b-4uldpsxtyz] { flex: 0 0 1.1rem; width: 1.1rem; height: 1.1rem; display: grid; place-items: center; font-size: .75rem; border: 1px solid var(--line); border-radius: 50%; }
.selected .themes-library-indicator[b-4uldpsxtyz] { background: var(--accent); border-color: var(--accent); color: var(--surface); }
.themes-library-card-actions[b-4uldpsxtyz] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: .25rem .4rem .4rem; gap: .15rem; }
.themes-library-card-actions button[b-4uldpsxtyz] { border: 0; background: transparent; color: var(--ink-soft); min-width: 0; min-height: 2.8rem; padding: .4rem .15rem; border-radius: .4rem; font-size: .72rem; overflow-wrap: anywhere; cursor: pointer; }
.themes-library-card-actions button:hover:where(:not([data-touch-input] *)):not(:disabled)[b-4uldpsxtyz] { background:var(--hover-background); color:var(--hover-color); }
.themes-library-card-actions button.themes-library-delete:hover:where(:not([data-touch-input] *)):not(:disabled)[b-4uldpsxtyz] { background:var(--hover-background); color:var(--danger); }
.themes-library-card-actions button:disabled[b-4uldpsxtyz] { opacity: .5; cursor: default; }
.themes-library-error[b-4uldpsxtyz] { color: var(--danger, #b43e46); font-size: .88rem; line-height: 1.6; }

@media (max-width: 640px) {
    .themes-mode-grid[b-4uldpsxtyz] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.themes-strength-label[b-4uldpsxtyz] { display:flex; align-items:center; justify-content:space-between; gap:1rem; color:var(--ink); }
.themes-card-backgrounds-heading[b-4uldpsxtyz] { display:flex; align-items:center; justify-content:space-between; gap:1rem; width:100%; }
.themes-card-backgrounds-heading .themes-strength-label[b-4uldpsxtyz] { gap:.65rem; font-weight:400; letter-spacing:normal; }
.themes-section .themes-card-backgrounds-heading[b-4uldpsxtyz] { margin-bottom:.25rem; }
.themes-corner-radius[b-4uldpsxtyz] { margin-top:.75rem; }
.themes-corner-radius > label[b-4uldpsxtyz] { margin-bottom:.25rem; font-size:1rem; font-weight:680; letter-spacing:-.015em; }
.themes-corner-radius .planner-setting-value[b-4uldpsxtyz] { font-weight:400; letter-spacing:normal; }

@media (max-width: 480px) {
    .themes-mode-card[b-4uldpsxtyz] { --theme-preview-inset:.45rem; }
    .themes-library-actions[b-4uldpsxtyz] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .themes-library-actions > .secondary-button[b-4uldpsxtyz] { min-width:0; width:100%; padding-inline:.5rem; gap:.35rem; font-size:.85rem; }
    .themes-library-grid[b-4uldpsxtyz] { grid-template-columns: 1fr; }
    .themes-mode-grid[b-4uldpsxtyz] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
    .themes-accent-grid[b-4uldpsxtyz] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .themes-choice[b-4uldpsxtyz] { padding: .4rem; border-radius: .7rem; }
    .themes-choice-label[b-4uldpsxtyz] { font-size: .8rem; padding-inline: .1rem; }
    .themes-preview-planner[b-4uldpsxtyz] { padding-inline: .45rem; }
}

@media (prefers-reduced-motion: reduce) {
    .themes-choice[b-4uldpsxtyz] { transition: none; }
}

@media (forced-colors: active) {
    .themes-choice:has(input:checked)[b-4uldpsxtyz] { outline: 2px solid Highlight; }
    input:checked ~ .themes-choice-label .themes-choice-indicator[b-4uldpsxtyz] { border-color: Highlight; }
}
/* _content/YakoPlan.UI/Views/TimelineView.razor.rz.scp.css */
.timeline-view[b-7fqg0quzrf] { --timeline-hour:96px; --timeline-gutter:max(36px,2.25rem); --timeline-header-height:var(--planner-day-header-height,48px); display:flex; flex-direction:column; min-width:0; min-height:0; width:100%; color:var(--ink,#262823); }
.timeline-view[data-timeline-hour12="true"][b-7fqg0quzrf] { --timeline-gutter:max(58px,3.625rem); }
.timeline-tutorial[b-7fqg0quzrf] { position:absolute; z-index:8; left:50%; top:calc((100% - 9px) / 2); transform:translate(-50%,-50%); width:min(18rem,calc(var(--timeline-tutorial-viewport-width,100%) - 24px)); min-width:0; max-height:calc(100% - 21px); overflow-y:auto; padding:6px; border-radius:var(--custom-radius,7px); background:var(--surface,#fffdf8); }
.timeline-tutorial[b-7fqg0quzrf] { cursor:grab; touch-action:pan-x pan-y pinch-zoom; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
.timeline-tutorial[hidden][b-7fqg0quzrf] { display:none; }
.timeline-view[data-timeline-tutorial]:not([data-timeline-task-docked]) .timeline-anytime[b-7fqg0quzrf] { min-height:150px; }
.timeline-view[data-timeline-task-docked] .timeline-tutorial[b-7fqg0quzrf] { visibility:hidden; }
.timeline-tutorial-card[b-7fqg0quzrf] { width:100%; min-height:40px; color:var(--ink,#262823); font:inherit; text-align:left; cursor:grab; touch-action:pan-x pan-y pinch-zoom; user-select:none; -webkit-user-select:none; }
.timeline-tutorial-touch[b-7fqg0quzrf] { display:none; }
@media (max-width:800px), (hover:none), (pointer:coarse) {
    .timeline-tutorial-pointer[b-7fqg0quzrf] { display:none; }
    .timeline-tutorial-touch[b-7fqg0quzrf] { display:inline; }
}
.timeline-tutorial-card:focus-visible[b-7fqg0quzrf] { outline:2px solid var(--focus,#225ecc); outline-offset:-2px; }
.timeline-tutorial-card[aria-pressed="true"][b-7fqg0quzrf] { background:var(--accent-soft,#f1d9cf); outline:2px solid var(--accent,#c76345); outline-offset:-2px; }
.timeline-tutorial p[b-7fqg0quzrf] { margin:4px 3px 8px; color:var(--ink-soft,#66685f); font-size:.75rem; line-height:1.5; }
.timeline-view[data-tutorial-dragging] .timeline-tutorial > .timeline-tutorial-card[b-7fqg0quzrf] { opacity:.3; }
.timeline-view[data-tutorial-landed] .timeline-tutorial[b-7fqg0quzrf] { visibility:hidden; }
.timeline-tutorial-placement[hidden][b-7fqg0quzrf] { display:none; }
.timeline-entry.timeline-tutorial-placement[b-7fqg0quzrf] { left:3px; width:calc(100% - 6px); pointer-events:none; animation:none; }
.timeline-view[b-7fqg0quzrf]  .timeline-tutorial-ghost { position:fixed; z-index:2000; margin:0; pointer-events:none; transform:none; transition:none; cursor:grabbing; }
.timeline-view[b-7fqg0quzrf]  .timeline-tutorial-ghost { background:var(--surface,#fffdf8); }
.timeline-view:is([data-tutorial-selected],[data-tutorial-dragging]) .timeline-slot:is(:hover:where(:not([data-touch-input] *)),:focus-visible) span[b-7fqg0quzrf], .timeline-slot.is-tutorial-target span[b-7fqg0quzrf] { opacity:1; background:var(--accent-soft,#f1d9cf); outline:2px dashed var(--accent,#c76345); outline-offset:-3px; }
.timeline-view[data-timeline-initializing]:not([data-timeline-ready])[b-7fqg0quzrf] { visibility:hidden; }
.timeline-view[data-timeline-initializing]:not([data-timeline-ready]) .timeline-anytime-day[b-7fqg0quzrf] { opacity:0; visibility:hidden; transition:none; }
.timeline-scroll[b-7fqg0quzrf] { flex:1; min-height:0; overflow:auto; overflow-anchor:none; overscroll-behavior:contain; scrollbar-gutter:stable; position:relative; scroll-padding-left:var(--timeline-gutter); }
.timeline-canvas[b-7fqg0quzrf] { min-width:calc(var(--timeline-gutter) + var(--timeline-days) * 142px); }
.timeline-head[b-7fqg0quzrf], .timeline-anytime[b-7fqg0quzrf], .timeline-hours[b-7fqg0quzrf] { display:grid; grid-template-columns:var(--timeline-gutter) repeat(var(--timeline-days),minmax(0,1fr)); }
.timeline-days-clip[b-7fqg0quzrf] { grid-column:2 / -1; min-width:0; min-height:0; display:grid; grid-template-columns:repeat(var(--timeline-days),minmax(0,1fr)); }
.timeline-anytime-days[b-7fqg0quzrf] { grid-template-rows:minmax(0,1fr); }
.timeline-hour-days[b-7fqg0quzrf] { height:100%; }
.timeline-corner[b-7fqg0quzrf],.timeline-anytime-gutter[b-7fqg0quzrf],.timeline-ruler[b-7fqg0quzrf] { box-sizing:border-box; width:var(--timeline-gutter); min-width:var(--timeline-gutter); max-width:var(--timeline-gutter); border-right:1px solid var(--line,#dcd8ce); }
.timeline-head[b-7fqg0quzrf] { position:sticky; top:0; z-index:8; background:transparent; }
/* Sticky day notes and task drafts are already visible. Reserved header space
   would make the browser scroll their carets upward on focus and every keystroke. */
.timeline-scroll:has(.timeline-head .inline-day-note-input:focus)[b-7fqg0quzrf],
.timeline-scroll:has(.timeline-anytime .inline-task-entry textarea:focus)[b-7fqg0quzrf] { scroll-padding-top:0!important; }
.timeline-corner[b-7fqg0quzrf] { position:sticky; left:0; z-index:10; display:grid; place-items:center; color:var(--ink-soft,#66685f); background:transparent; }
.timeline-corner[b-7fqg0quzrf]::before { content:""; position:absolute; inset:0; background:inherit; pointer-events:none; }
.timeline-corner[b-7fqg0quzrf]  svg { position:relative; display:block; }
.timeline-day-heading[b-7fqg0quzrf] { min-width:0; border-left:1px solid var(--line,#dcd8ce); }
.timeline-day-heading.is-today[b-7fqg0quzrf] { border-bottom-color:var(--accent,#c76345); }
/* Match Week's open structural surfaces. Task cards retain the shared theme
   transparency instead of sitting on another opaque layer. */
.timeline-anytime[b-7fqg0quzrf] { position:sticky; top:var(--timeline-header-height); z-index:6; height:var(--timeline-anytime-height,auto); min-height:72px; background:transparent; }
.timeline-anytime-gutter[b-7fqg0quzrf] { position:sticky; left:0; z-index:4; background:transparent; }
/* Each day's list scrolls and contains only vertically, so a sideways swipe
   that starts on it still reaches .timeline-scroll and moves the week. */
.timeline-anytime-day[b-7fqg0quzrf] { min-width:0; min-height:0; padding:0 6px 9px; border-left:1px solid var(--line,#dcd8ce); max-height:var(--timeline-anytime-height,209px); overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; transition:opacity 140ms ease,visibility 0s,background-color 160ms ease; }
/* A controlled row sizes its scroll cells through grid layout. Its height need
   not be inherited into every task card as a changing custom property. */
.timeline-anytime[data-timeline-height-controlled][b-7fqg0quzrf] { min-height:0; grid-template-rows:minmax(0,1fr); }
.timeline-anytime[data-timeline-height-controlled] .timeline-anytime-day[b-7fqg0quzrf] { max-height:none; }
.timeline-view[data-timeline-task-docked] .timeline-anytime[b-7fqg0quzrf] { z-index:9; }
.timeline-view[data-timeline-task-docked] .timeline-anytime-day[b-7fqg0quzrf] { padding-block:0; overflow:hidden; pointer-events:none; border-left-color:transparent; }
.timeline-view[data-timeline-task-docked][b-7fqg0quzrf]  .timeline-anytime-day > * { opacity:0!important; visibility:hidden; }
.timeline-task-divider[b-7fqg0quzrf] { position:absolute; z-index:9; bottom:-11px; left:0; right:0; height:20px; border:0; pointer-events:none; cursor:ns-resize; touch-action:none; -webkit-tap-highlight-color:transparent; }
.timeline-task-divider[b-7fqg0quzrf]::before { content:""; position:absolute; top:8px; left:0; right:0; height:1px; background:var(--line,#dcd8ce); pointer-events:none; transition:opacity 160ms ease; }
.timeline-view[data-timeline-task-docked]:not([data-timeline-task-resizing]) .timeline-task-divider[b-7fqg0quzrf]::before { opacity:0; }
/* Native sticky positioning keeps the label, grip and hit area together during
   compositor scrolling. Only the viewport width changes on resize. */
.timeline-task-divider-follow[b-7fqg0quzrf] { position:sticky; left:0; display:block; width:var(--timeline-viewport-width,100%); max-width:100%; height:100%; }
/* Reuse the stacked Sunday grip's narrow 20px overlay, centered on this boundary
   so the day notes stay clear. It reserves no row or neighboring hit area. */
.timeline-task-divider-follow[b-7fqg0quzrf]::before { content:""; position:absolute; left:50%; top:0; width:64px; height:20px; pointer-events:auto; transform:translateX(-50%); }
.timeline-task-divider-follow[b-7fqg0quzrf]::after { content:""; position:absolute; top:8px; left:50%; width:40px; height:3px; border-radius:3px; background:var(--ink-soft,#66685f); opacity:.38; transform:translateX(-50%) scaleX(calc(1 + var(--handle-grow,0))); pointer-events:none; transition:transform 240ms cubic-bezier(.22,1.4,.36,1),background-color 160ms ease,opacity 160ms ease; }
/* Hover and keyboard focus only widen the handle a little; the line keeps its colour. */
.timeline-task-divider:hover:where(:not([data-touch-input] *))[b-7fqg0quzrf],.timeline-task-divider:focus-visible[b-7fqg0quzrf] { --handle-grow:.2; }
.timeline-task-divider:hover:where(:not([data-touch-input] *)) .timeline-task-divider-follow[b-7fqg0quzrf]::after,.timeline-task-divider:focus-visible .timeline-task-divider-follow[b-7fqg0quzrf]::after { opacity:.62; }
.timeline-task-divider:focus-visible[b-7fqg0quzrf] { outline:0; }
.timeline-task-divider:focus-visible .timeline-task-divider-follow[b-7fqg0quzrf]::after { outline:2px solid var(--focus,#225ecc); outline-offset:4px; }
.timeline-view[data-timeline-task-resizing][b-7fqg0quzrf] { user-select:none; -webkit-user-select:none; cursor:ns-resize; }
.timeline-view[data-timeline-task-resizing] .timeline-task-divider-follow[b-7fqg0quzrf]::after { opacity:1; background:var(--accent,#c76345); transform:translateX(-50%) scaleX(1.2); }
.timeline-view[data-timeline-task-docked] .timeline-task-divider-follow[b-7fqg0quzrf]::after { background:var(--accent,#c76345); opacity:calc(.58 + var(--timeline-magnet-pull,0) * .42); transform:translateX(-50%) scaleX(calc(1 + var(--handle-grow,0) + var(--timeline-magnet-pull,0) * .2)); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#c76345) 10%,transparent),0 0 calc(8px + var(--timeline-magnet-pull,0) * 16px) color-mix(in srgb,var(--accent,#c76345) 24%,transparent); }
.timeline-all-day-event[b-7fqg0quzrf] { width:100%; display:flex; align-items:center; gap:6px; min-height:30px; padding:5px; border:0; background:transparent; color:var(--ink,#262823); font:inherit; font-size:.73rem; text-align:left; cursor:pointer; }
/* Keep the ruler below the sticky rows without a scrolling clip mask. The grid
   stays painted normally as new day columns enter the viewport. */
.timeline-hours[b-7fqg0quzrf] { height:2304px; position:relative; isolation:isolate; }
/* Resizing Any time moves the whole hour grid each frame. Its own layer moves
   without repainting every column and task until the height settles. */
.timeline-view:is([data-timeline-task-resizing],[data-timeline-task-settling]) .timeline-hours[b-7fqg0quzrf] { will-change:transform; }
.timeline-ruler[b-7fqg0quzrf] { position:sticky; left:0; z-index:10; background:transparent; }
.timeline-day:has(.timeline-draft:not([hidden]))[b-7fqg0quzrf] { z-index:7; }
.timeline-draft[hidden][b-7fqg0quzrf] { display:none; }
.timeline-ruler time[b-7fqg0quzrf] { position:absolute; right:4px; transform:translateY(-50%); font-size:.67rem; font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--ink-soft,#66685f); }
.timeline-ruler time:first-child[b-7fqg0quzrf] { transform:translateY(4px); }
.timeline-day[b-7fqg0quzrf] { position:relative; min-width:0; border-left:1px solid var(--line,#dcd8ce); background-image:linear-gradient(to bottom,color-mix(in srgb,var(--line,#dcd8ce) 75%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--line,#dcd8ce) 30%,transparent) 1px,transparent 1px); background-size:100% 96px,100% 48px; }
.timeline-day.is-today[b-7fqg0quzrf] { background-color:color-mix(in srgb,var(--accent,#c76345) 3%,transparent); }
/* The sticky gutter already draws this boundary; avoid a second adjacent line. */
.timeline-heading-days > .timeline-day-heading:first-child[b-7fqg0quzrf], .timeline-anytime-days > .timeline-anytime-day:first-child[b-7fqg0quzrf], .timeline-hour-days > .timeline-day:first-child[b-7fqg0quzrf] { border-left-color:transparent; }
.timeline-slot[b-7fqg0quzrf] { position:absolute; left:0; width:100%; height:24px; padding:0; border:0; background:transparent; color:var(--accent-deep,#9f422b); cursor:crosshair; text-align:left; scroll-margin-top:calc(var(--timeline-header-height) + 60px); }
.timeline-slot span[b-7fqg0quzrf] { pointer-events:none; position:absolute; top:1px; left:3px; right:3px; z-index:1; height:45px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; overflow:hidden; padding:0 10px; border:1px dashed color-mix(in srgb,var(--accent,#c76345) 65%,transparent); border-radius:7px; background:color-mix(in srgb,var(--accent-soft,#f1d9cf) 72%,transparent); opacity:0; font:500 .72rem/1.25 var(--planner-font); }
.timeline-slot span[b-7fqg0quzrf]::after { content:attr(data-timeline-drag-hint); white-space:pre-line; color:var(--ink-soft,#66685f); font-size:.61rem; font-weight:400; line-height:1.2; }
:where(.timeline-view:not([data-timeline-touch-input])) .timeline-slot[data-timeline-hover-preview] span[b-7fqg0quzrf],.timeline-slot[data-timeline-touch-preview] span[b-7fqg0quzrf] { opacity:1; }
/* Keep focus in place, but show its preview only when no pointer preview owns the timeline. */
:where(.timeline-view:not(:has(.timeline-slot:is([data-timeline-hover-preview],[data-timeline-touch-preview])))) .timeline-slot:focus-visible span[b-7fqg0quzrf] { opacity:1; }
.timeline-view[data-timeline-touch-input] .timeline-slot span[b-7fqg0quzrf] { transition:none; }
.timeline-view[data-task-drag-active] .timeline-slot span[b-7fqg0quzrf],.timeline-view[data-task-pointer-drag] .timeline-slot span[b-7fqg0quzrf] { opacity:0; }
.timeline-day[data-drop-active][b-7fqg0quzrf] { background-color:color-mix(in srgb,var(--accent,#c76345) 5%,transparent); }
.timeline-hours[b-7fqg0quzrf]  .timeline-drop-preview, .timeline-day[b-7fqg0quzrf]  .timeline-drop-preview { position:absolute; z-index:6; left:3px; right:3px; pointer-events:none; border:1px dashed var(--accent,#c76345); border-left:3px solid var(--accent,#c76345); border-radius:7px; background:color-mix(in srgb,var(--accent-soft,#f1d9cf) 70%,transparent); box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#c76345) 8%,transparent); contain:layout style; }
.timeline-hours[b-7fqg0quzrf]  .timeline-drop-time, .timeline-day[b-7fqg0quzrf]  .timeline-drop-time { display:block; width:max-content; max-width:100%; padding:3px 6px; overflow:hidden; border-radius:4px; background:var(--accent,#c76345); color:var(--on-accent,#fff); font:500 .68rem/1.3 var(--planner-font); font-variant-numeric:tabular-nums; white-space:nowrap; }
.timeline-slot:focus-visible[b-7fqg0quzrf] { z-index:3; outline:none; }
.timeline-slot:focus-visible span[b-7fqg0quzrf] { outline:2px solid var(--focus); outline-offset:-2px; }
.timeline-slot:last-of-type span[b-7fqg0quzrf] { height:21px; }
.timeline-slot:last-of-type span[b-7fqg0quzrf]::after { display:none; }
.timeline-slot.timeline-slot-surface[b-7fqg0quzrf] { top:0; height:100%; }
.timeline-slot.timeline-slot-surface:focus-visible[b-7fqg0quzrf] { z-index:0; }
.timeline-slot.timeline-slot-surface span[b-7fqg0quzrf] { height:45px; scroll-margin-top:calc(var(--timeline-header-height) + 60px); }
.timeline-slot.timeline-slot-surface span[b-7fqg0quzrf]::after { display:block; }
.timeline-entry[b-7fqg0quzrf] { position:absolute; z-index:2; min-width:0; container:timeline-task / size; animation:timeline-entry-enter-b-7fqg0quzrf 220ms cubic-bezier(.22,.8,.25,1) both; }
.timeline-view[data-timeline-compact="true"] .timeline-entry[b-7fqg0quzrf] { animation:none; }
.timeline-entry:hover:where(:not([data-touch-input] *))[b-7fqg0quzrf],.timeline-entry:focus-within[b-7fqg0quzrf] { z-index:4; }
.timeline-entry-resize[b-7fqg0quzrf] { position:absolute; z-index:5; left:3px; right:3px; width:calc(100% - 6px); height:8px; min-height:0; margin:0; padding:0; border:0; border-radius:4px; background:transparent; color:var(--ink-soft,#66685f); cursor:ns-resize; touch-action:pan-x pan-y pinch-zoom; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
.timeline-entry-resize[data-timeline-resize="start"][b-7fqg0quzrf] { top:-3px; }
.timeline-entry-resize[data-timeline-resize="end"][b-7fqg0quzrf] { bottom:-3px; }
.timeline-entry-resize[b-7fqg0quzrf]::after { content:""; position:absolute; top:50%; left:50%; width:22px; max-width:60%; height:2px; border-radius:2px; background:currentColor; opacity:0; transform:translate(-50%,-50%); transition:opacity 120ms ease,background-color 120ms ease,transform 160ms ease; }
.timeline-entry:hover:where(:not([data-touch-input] *)) .timeline-entry-resize[b-7fqg0quzrf]::after,.timeline-entry:focus-within .timeline-entry-resize[b-7fqg0quzrf]::after,.timeline-draft:hover:where(:not([data-touch-input] *)) .timeline-entry-resize[b-7fqg0quzrf]::after,.timeline-draft:focus-within .timeline-entry-resize[b-7fqg0quzrf]::after { opacity:.55; }
.timeline-entry-resize:hover:where(:not([data-touch-input] *))[b-7fqg0quzrf]::after,.timeline-entry-resize:focus-visible[b-7fqg0quzrf]::after { color:var(--accent,#c76345); opacity:1; transform:translate(-50%,-50%) scaleX(1.2); }
.timeline-entry-resize:focus-visible[b-7fqg0quzrf] { outline:2px solid var(--focus,#225ecc); outline-offset:1px; }
.timeline-view[data-timeline-resizing][b-7fqg0quzrf],.timeline-view[data-timeline-resizing] *[b-7fqg0quzrf],.timeline-view[data-timeline-resizing][b-7fqg0quzrf]  * { cursor:ns-resize!important; user-select:none; -webkit-user-select:none; }
.timeline-view[data-timeline-resizing] .timeline-slot span[b-7fqg0quzrf] { opacity:0; }
.timeline-entry[data-timeline-entry-resizing][b-7fqg0quzrf],.timeline-draft[data-timeline-entry-resizing][b-7fqg0quzrf] { z-index:7; animation:none; transition:none; }
.timeline-entry[data-timeline-entry-resizing][b-7fqg0quzrf]  .planner-task { box-shadow:0 0 0 1px var(--accent,#c76345),0 4px 16px #0002; transition:none; }
.timeline-entry[data-timeline-entry-resizing] .timeline-entry-resize[b-7fqg0quzrf]::after,.timeline-draft[data-timeline-entry-resizing] .timeline-entry-resize[b-7fqg0quzrf]::after { opacity:1; color:var(--accent,#c76345); }
.timeline-entry[b-7fqg0quzrf]  .timeline-resize-time,.timeline-draft[b-7fqg0quzrf]  .timeline-resize-time { position:absolute; z-index:8; left:50%; top:-25px; transform:translateX(-50%); width:max-content; max-width:calc(100vw - 80px); padding:3px 7px; border-radius:5px; background:var(--accent,#c76345); color:var(--on-accent,#fff); box-shadow:0 2px 6px #0002; font:500 .68rem/1.4 var(--planner-font); font-variant-numeric:tabular-nums; white-space:nowrap; pointer-events:none; }
.timeline-entry[b-7fqg0quzrf]  .timeline-resize-time[data-edge="end"],.timeline-draft[b-7fqg0quzrf]  .timeline-resize-time[data-edge="end"] { top:auto; bottom:-25px; }
.timeline-entry[b-7fqg0quzrf]  .timeline-resize-time[data-edge="start"][data-inside],.timeline-draft[b-7fqg0quzrf]  .timeline-resize-time[data-edge="start"][data-inside] { top:2px; }
.timeline-entry[b-7fqg0quzrf]  .timeline-resize-time[data-edge="end"][data-inside],.timeline-draft[b-7fqg0quzrf]  .timeline-resize-time[data-edge="end"][data-inside] { bottom:2px; }
.timeline-entry[b-7fqg0quzrf]  .planner-task { --task-check-size:24px; height:100%; min-height:100cqh; align-items:center; grid-template-columns:24px minmax(0,1fr); gap:8px; padding:3px 4px; border:1px solid color-mix(in srgb,var(--accent,#c76345) 22%,var(--line,#dcd8ce)); border-radius:var(--custom-radius,7px); background:var(--surface,#fffdf8); overflow:hidden; box-shadow:0 2px 3px #00000005; transition:var(--hover-transition); }

.timeline-entry[b-7fqg0quzrf]  .planner-task.is-colored { background:var(--task-color); border-color:var(--task-color); }
.timeline-entry[b-7fqg0quzrf]  .task-title { font-size:.76rem; line-height:1.35; }
.timeline-entry[b-7fqg0quzrf]  .task-check { align-self:center; justify-self:center; width:var(--task-check-size); min-height:0; height:var(--task-check-size); margin:0; }
.timeline-entry[b-7fqg0quzrf]  .task-check .task-check-ring { width:var(--task-check-size); height:var(--task-check-size); }
.timeline-entry[b-7fqg0quzrf]  .task-creator { order:-1; }
.timeline-entry.is-compact[b-7fqg0quzrf]  .planner-task { --task-check-size:14px; padding:1px 5px; }
.timeline-entry.is-compact[b-7fqg0quzrf]  .task-title { font-size:.7rem; line-height:1.3; }
.timeline-entry.is-deadline[b-7fqg0quzrf]  .planner-task { border-style:dashed; }
.timeline-entry.is-deadline.is-overlapping[b-7fqg0quzrf]  .deadline-reminder-label { display:none; }
.timeline-deadline-line[b-7fqg0quzrf] { position:absolute; z-index:1; top:var(--timeline-deadline-offset,0px); left:0; right:0; border-top:1px solid var(--accent,#c76345); color:var(--accent-deep,#9f422b); pointer-events:none; }
.timeline-deadline-line[b-7fqg0quzrf]  svg { position:absolute; left:0; top:-6px; background:var(--surface,#fffdf8); }
.timeline-event[b-7fqg0quzrf] { height:100%; width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:3px; overflow:hidden; padding:7px 9px; border:1px solid color-mix(in srgb,var(--sage,#55745b) 30%,var(--line,#dcd8ce)); border-left:3px solid var(--sage,#55745b); border-radius:7px; background:color-mix(in srgb,var(--sage,#55745b) 12%,var(--surface,#fffdf8)); color:var(--ink,#262823); font:inherit; text-align:left; cursor:pointer; }
.timeline-event strong[b-7fqg0quzrf] { font-size:.74rem; font-weight:500; line-height:1.3; }
.timeline-event time[b-7fqg0quzrf] { font-size:.61rem; white-space:nowrap; }
.timeline-entry.is-short .timeline-event strong[b-7fqg0quzrf] { white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
.timeline-now-line[b-7fqg0quzrf] { position:absolute; left:0; right:0; z-index:5; border-top:1px solid var(--accent,#c76345); pointer-events:none; }
.timeline-now-line > span[b-7fqg0quzrf] { position:absolute; left:-4px; top:-4px; width:7px; height:7px; border-radius:50%; background:var(--accent,#c76345); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#c76345) 14%,transparent); }
.timeline-draft[b-7fqg0quzrf] { position:absolute; z-index:7; left:3px; box-sizing:border-box; width:calc(100% - 6px); min-width:0; padding:4px; border:1px solid var(--accent,#c76345); border-radius:7px; background:var(--surface,#fffdf8); box-shadow:0 6px 20px #00000020; animation:timeline-draft-enter-b-7fqg0quzrf 180ms cubic-bezier(.22,.8,.25,1) both; }
.timeline-day:last-child .timeline-draft[b-7fqg0quzrf] { left:auto; right:3px; }
.timeline-draft header[b-7fqg0quzrf] { display:flex; align-items:center; justify-content:space-between; gap:3px; padding-left:3px; color:var(--accent-deep,#9f422b); }
.timeline-draft header time[b-7fqg0quzrf] { min-width:0; font-size:.65rem; font-variant-numeric:tabular-nums; }
.timeline-draft header button[b-7fqg0quzrf] { display:grid; place-items:center; flex:none; width:24px; height:24px; min-height:24px; padding:0; background:transparent; border:0; border-radius:5px; color:var(--ink-soft,#66685f); cursor:pointer; }
.timeline-draft header button:hover:where(:not([data-touch-input] *))[b-7fqg0quzrf] { background:var(--hover-background); color:var(--hover-color); }
.timeline-draft[b-7fqg0quzrf]  .inline-add { display:none; }
.timeline-draft[b-7fqg0quzrf]  .inline-task-draft { margin-top:1px; min-height:30px; padding:3px; border:0; background:transparent; grid-template-columns:16px minmax(0,1fr); column-gap:5px; }
.timeline-draft[b-7fqg0quzrf]  .task-draft-check { --task-check-size:16px; width:16px; height:16px; min-height:16px; border:0; }
.timeline-draft[b-7fqg0quzrf]  .task-draft-check .task-check-ring { display:block; width:16px; height:16px; border:1px solid var(--ink-soft,#66685f); border-radius:50%; }
.timeline-draft[b-7fqg0quzrf]  .inline-task-draft textarea { padding:3px 0; font-size:.76rem; line-height:1.4; }
.timeline-draft[b-7fqg0quzrf]  .task-calendar-picker { margin-top:4px; padding-top:4px; }
.timeline-draft[b-7fqg0quzrf]  .task-calendar-checklist { gap:1px; padding:0; max-height:9rem; font-size:.72rem; }
.timeline-draft[b-7fqg0quzrf]  .task-calendar-choice { min-height:32px; padding:5px 3px; gap:4px; border-radius:4px; }
.timeline-draft[b-7fqg0quzrf]  .task-calendar-choice-title { gap:4px; }
.timeline-draft[b-7fqg0quzrf]  .task-calendar-choice input[type="radio"] { width:15px; height:15px; }
.timeline-draft[b-7fqg0quzrf]  .task-calendar-icon svg { width:13px; height:13px; }
.timeline-view[data-timeline-selecting][b-7fqg0quzrf] { cursor:crosshair; user-select:none; -webkit-user-select:none; }
.timeline-view[data-timeline-selecting] .timeline-slot span[b-7fqg0quzrf] { opacity:0; }
.timeline-day:has(.timeline-draft:not([hidden])) .timeline-slot span[b-7fqg0quzrf] { opacity:0; }
.timeline-day[b-7fqg0quzrf]  .timeline-selection-preview { position:absolute; z-index:6; left:3px; right:3px; box-sizing:border-box; pointer-events:none; border:1px solid var(--accent,#c76345); border-left-width:3px; border-radius:7px; background:color-mix(in srgb,var(--accent-soft,#f1d9cf) 75%,transparent); box-shadow:0 3px 12px #0002; contain:layout style; }
.timeline-day[b-7fqg0quzrf]  .timeline-selection-preview span { position:absolute; top:3px; left:4px; right:3px; width:fit-content; max-width:calc(100% - 7px); padding:2px 3px; border-radius:3px; background:var(--surface,#fffdf8); color:var(--accent-deep,#9f422b); font:500 .68rem/1.4 var(--planner-font); font-variant-numeric:tabular-nums; }
/* Pointer-driven previews track the current frame without position/size tweening. */
.timeline-draft[b-7fqg0quzrf]  .inline-task-feedback { padding:5px; }
@keyframes timeline-entry-enter-b-7fqg0quzrf { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@keyframes timeline-draft-enter-b-7fqg0quzrf { from { opacity:0; transform:translateY(3px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } }
@media(max-width:760px) {
    .timeline-view[b-7fqg0quzrf] { --timeline-gutter:max(32px,2rem); --timeline-header-height:var(--planner-day-header-height,44px); }
    .timeline-view[data-timeline-hour12="true"][b-7fqg0quzrf] { --timeline-gutter:max(52px,3.25rem); }
    .timeline-canvas[b-7fqg0quzrf] { min-width:calc(var(--timeline-gutter) + var(--timeline-days) * 158px); }
    .timeline-ruler time[b-7fqg0quzrf] { right:3px; font-size:.6rem; }
}
@media(prefers-reduced-motion:reduce) {
    *[b-7fqg0quzrf],*[b-7fqg0quzrf]::before,*[b-7fqg0quzrf]::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
    .timeline-entry[b-7fqg0quzrf]  .planner-task { transition:none; }
    .timeline-view[b-7fqg0quzrf]  .timeline-drop-preview,.timeline-view[b-7fqg0quzrf]  .timeline-selection-preview { animation:none!important; transition:none!important; }
}
@media(pointer:coarse) {
    .timeline-draft header button[b-7fqg0quzrf] { min-width:28px; min-height:28px; }
    .timeline-draft[b-7fqg0quzrf]  .task-calendar-choice { min-height:44px; }
    .timeline-draft[b-7fqg0quzrf]  .inline-task-draft textarea { font-size:16px; }
    .timeline-entry-resize[b-7fqg0quzrf] { height:12px; }
    .timeline-entry-resize[data-timeline-resize="start"][b-7fqg0quzrf] { top:-5px; }
    .timeline-entry-resize[data-timeline-resize="end"][b-7fqg0quzrf] { bottom:-5px; }
    .timeline-entry-resize[b-7fqg0quzrf]::after { opacity:.45; }
}