.d-app.ux-planner .color-picker{border:0;gap:14px;min-width:0;margin:0;padding:0;display:grid}.d-app.ux-planner .color-picker-plane{border:1px solid var(--line);background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), hsl(var(--picker-hue) 100% 50%);cursor:crosshair;touch-action:none;border-radius:14px;height:160px;min-height:96px;max-height:28dvh;position:relative}.d-app.ux-planner .color-picker-marker{left:var(--picker-s);top:var(--picker-y);pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0008,0 1px 5px #0005}.d-app.ux-planner .color-picker-tone{gap:8px;min-width:0;display:grid}.d-app.ux-planner .color-picker-tone input[type=range]{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:20px;width:100%;height:28px;min-height:28px;padding:6px 0}.d-app.ux-planner .color-picker-tone input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:20px;height:12px}.d-app.ux-planner .color-picker-tone input[type=range]::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:20px;height:12px}.d-app.ux-planner .color-picker-tone input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface);background:var(--ink);width:22px;height:22px;box-shadow:0 0 0 1px var(--line);border-radius:50%;margin-top:-5px}.d-app.ux-planner .color-picker-tone input[type=range]::-moz-range-thumb{border:3px solid var(--surface);background:var(--ink);width:16px;height:16px;box-shadow:0 0 0 1px var(--line);border-radius:50%}.d-app.ux-planner .color-picker-value{align-items:center;gap:14px;min-width:0;display:flex}.d-app.ux-planner .color-picker-value>.form-field{flex:1}.d-app.ux-planner .color-picker-preview{border:1px solid var(--line);width:44px;height:44px;box-shadow:inset 0 0 0 3px var(--surface);border-radius:50%;flex-shrink:0}.d-app.ux-planner .color-picker-presets{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.d-app.ux-planner .color-picker-presets button{background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;padding:5px;display:grid}.d-app.ux-planner .color-picker-presets button>span{border:1px solid var(--line);background:var(--swatch);border-radius:50%;width:30px;height:30px}.d-app.ux-planner .color-picker-presets button[aria-pressed=true]{border-color:var(--mint-dark);background:var(--mint)}.d-app.ux-planner .color-picker[data-disabled]{opacity:.6}@media (prefers-reduced-motion:no-preference){.d-app.ux-planner .color-picker-presets button{transition:background .14s,border-color .14s}}
.d-app.ux-planner .task-label-picker{gap:8px;min-width:0;display:grid}.d-app.ux-planner .task-label-picker-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.d-app.ux-planner .task-label-picker-actions .text-button{align-items:center;gap:6px;min-height:44px;padding:8px 0;font-size:13px;display:inline-flex}.d-app.ux-planner .task-label-picker-actions svg{flex-shrink:0;width:16px;height:16px}.d-app.ux-planner .task-label-settings-list{gap:12px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.d-app.ux-planner .task-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.d-app.ux-planner .task-label-name{overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:650}.d-app.ux-planner .task-label-row>.planner-surface-actions{flex:none}
.d-app.ux-planner{--panel-padding:16px;--panel-inner-padding:12px;--panel-gap:12px;--panel-stack-gap:16px;--panel-action-gap:8px;--panel-actions-inset:8px;--panel-radius:18px;--panel-inner-radius:12px;--panel-surface:var(--surface);--panel-inset-surface:color-mix(in srgb, var(--background) 60%, var(--surface));--panel-positive-surface:color-mix(in srgb, var(--mint) 60%, var(--surface));--panel-warning-surface:color-mix(in srgb, var(--d-yellow) 60%, var(--surface))}.d-app.ux-planner .planner-surface{align-content:start;gap:var(--panel-gap);min-width:0;padding:var(--panel-padding);border:1px solid var(--line);border-radius:var(--panel-radius);background:var(--panel-surface);color:var(--ink);margin:0;display:grid}.d-app.ux-planner .planner-surface-header{justify-content:space-between;align-items:flex-start;gap:var(--panel-gap);flex-wrap:wrap;min-width:0;display:flex}.d-app.ux-planner .planner-surface-heading{gap:var(--panel-gap);flex:180px;min-width:0;display:grid}.d-app.ux-planner .planner-surface-title-row{align-items:center;gap:8px;min-width:0;display:flex}.d-app.ux-planner .planner-surface-title-row>.hint-anchor{flex-shrink:0}.d-app.ux-planner .planner-surface-title{align-items:center;gap:var(--panel-gap);letter-spacing:-.025em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:20px;line-height:1.4;display:flex}.d-app.ux-planner .planner-surface-title>svg{width:20px;height:20px;color:var(--mint-dark);flex-shrink:0}.d-app.ux-planner .planner-surface-description,.d-app.ux-planner .planner-surface-footer{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.65}.d-app.ux-planner .planner-surface-body{align-content:start;gap:var(--panel-gap);min-width:0;display:grid}.d-app.ux-planner .planner-surface-actions,.d-app.ux-planner .planner-subcard-actions{align-items:center;gap:var(--panel-action-gap);flex-wrap:wrap;min-width:0;display:flex}.d-app.ux-planner .planner-surface-actions .button,.d-app.ux-planner .planner-subcard-actions .button{min-height:44px;padding:10px 14px;font-size:14px}.d-app.ux-planner :is(.planner-surface-actions,.planner-subcard-actions) .icon-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px}.d-app.ux-planner .planner-subcard{align-content:start;gap:var(--panel-gap);min-width:0;padding:var(--panel-inner-padding);border:1px solid var(--line);border-radius:var(--panel-inner-radius);background:var(--panel-inset-surface);color:var(--ink);display:grid}.d-app.ux-planner .planner-subcard-copy{gap:8px;min-width:0;display:grid}.d-app.ux-planner .planner-subcard-title{overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:700;line-height:1.6}.d-app.ux-planner .planner-subcard-meta{min-width:0;color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0;font-size:12px;line-height:1.6;display:flex}.d-app.ux-planner .planner-meta-duration{white-space:nowrap;font-variant-numeric:tabular-nums}.d-app.ux-planner .planner-meta-tag{align-items:center;gap:6px;min-width:0;max-width:100%;display:inline-flex}.d-app.ux-planner .planner-meta-tag:before{content:"";background:var(--planner-tag-color,var(--mint-dark));border-radius:50%;flex:0 0 7px;width:7px;height:7px}.d-app.ux-planner .planner-subcard-actions{padding-top:var(--panel-actions-inset);border-top:1px solid var(--line)}.d-app.ux-planner .planner-feedback,.d-app.ux-planner .planner-empty-state{padding:var(--panel-inner-padding);border-radius:var(--panel-inner-radius);background:var(--panel-inset-surface);color:var(--muted);overflow-wrap:anywhere;gap:8px;margin:0;font-size:13px;line-height:1.65;display:grid}.d-app.ux-planner .planner-feedback.is-success{background:var(--panel-positive-surface);color:var(--ink)}.d-app.ux-planner .planner-feedback.is-error{background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--danger)}.d-app.ux-planner .planner-feedback .text-button{justify-self:start;min-height:44px;padding:8px 0}.d-app.ux-planner .planner-inbox-capture{gap:var(--panel-action-gap);grid-template-columns:minmax(0,1fr) 48px;min-width:0;display:grid}.d-app.ux-planner .planner-inbox-capture>input{width:100%;min-width:0;font-size:15px}.d-app.ux-planner .planner-inbox-capture>.button{place-items:center;width:48px;min-width:48px;min-height:48px;padding:12px;display:grid}.d-app.ux-planner .planner-event-edit svg,.d-app.ux-planner .planner-inbox-capture>.button svg{width:20px;height:20px}.d-app.ux-planner .planner-inbox-items,.d-app.ux-planner .planner-event-items{gap:var(--panel-gap);min-width:0;margin:0;padding:0;list-style:none;display:grid}.d-app.ux-planner .planner-inbox-items .planner-subcard-actions>.button{flex:130px}.d-app.ux-planner .planner-inbox-expand{justify-self:start;min-height:44px;padding:8px 0}.d-app.ux-planner .planner-event-item{text-align:left;width:100%;font:inherit;cursor:pointer;grid-template-columns:minmax(0,1fr) 44px;align-items:center}.d-app.ux-planner .planner-event-item:hover{border-color:var(--mint-dark)}.d-app.ux-planner .planner-event-edit{width:44px;height:44px;color:var(--muted);place-items:center;display:grid}.d-app.ux-planner .inbox-placement{padding:var(--panel-inner-padding);border-radius:var(--panel-inner-radius);background:var(--panel-positive-surface);color:var(--ink);font-size:14px;line-height:1.7}.d-app.ux-planner .inbox-placement.is-error{background:var(--panel-warning-surface)}.d-app.ux-planner .inbox-placement p{margin-top:8px}.d-app.ux-planner .inbox-timing summary{cursor:pointer;min-height:44px;padding-block:10px;font-size:14px}.d-app.ux-planner .inbox-timing>div{padding-top:var(--panel-gap)}@media (min-width:721px){.d-app.ux-planner{--panel-padding:20px;--panel-stack-gap:20px;--panel-inner-padding:14px;--panel-action-gap:12px;--panel-actions-inset:12px}}@media (min-width:1200px){.d-app.ux-planner{--panel-padding:24px}}.d-app.ux-planner .planner-section-body,.d-app.ux-planner .planner-section-state{min-width:0;min-block-size:240px}.d-app.ux-planner .planner-section-state{text-align:center;color:var(--muted);place-content:center;justify-items:center;gap:16px;display:grid}.d-app.ux-planner .planner-section-state>p{margin:0}