/* Original web adaptation of HIG principles. Not a native Apple UI kit. */
:root{color:#1c1c1e;background:#f2f2f7;--ink:#1c1c1e;--green:#0066cc;--muted:#636366;--border:#d1d1d6;--surface:#fff;--soft:#e9e9ef;--danger:#b3261e;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
button{border-radius:12px;font-weight:600;min-height:44px}button:hover{background:#e9e9ef}.primary{background:#0066cc;border-color:transparent;color:#fff}.primary:hover{background:#0054a8}:where(button,input,select,textarea,summary):focus-visible{outline-color:#0066cc}
#app{max-width:1440px}header{border-bottom:0;height:64px}.brand{font-size:18px}.brand span{border:0;color:#636366;font-size:13px;margin-left:10px;padding-left:0}.page-title{margin-top:24px}.page-title h1{font-weight:700;letter-spacing:-1px}.page-title .eyebrow,.page-subtitle{display:none}.role-sidebar{border-color:#dedee4}.role-heading h2{font-size:13px;color:#636366}.all-boards.selected{background:#e0ebfa;color:#0054a8;border-color:transparent}.board-tile.selected{background:#e0ebfa;border-color:transparent}.board-tile{border-radius:10px}.board-options{color:#636366}.owner-tools{border:0}.board-heading h2{font-size:17px}.column>h2{border-top:0;font-size:13px;letter-spacing:0}.column>h2 span{background:#e5e5ea;color:#636366}.task{border:0;border-radius:16px;box-shadow:0 1px 3px #0000000a}.task .description{color:#636366}.task .task-role{color:#636366}.photo{background:#e5e5ea}.task-actions{border-color:#e5e5ea}.dot{background:#8e8e93}.dot.doing{background:#b47800}.dot.done{background:#278443}.ghost{color:#0054a8}.quiet{color:#636366}
#task-wizard{background:#f2f2f7;color:#1c1c1e;box-shadow:0 24px 80px #00000026;border-radius:24px}#task-wizard::backdrop{background:#00000050;backdrop-filter:none}.wizard-brand{font-size:17px;font-weight:600;letter-spacing:-.25px}.wizard-brand>span{color:#636366}.wizard-close{background:#e5e5ea;color:#636366;font-size:26px}.wizard-close:hover{background:#d1d1d6}.wizard-progress{gap:6px}.wizard-progress span{background:#dcdce2;height:3px}.wizard-progress .complete{background:#0066cc}.wizard-main{padding-top:30px}.wizard-kicker{font-size:13px!important;font-weight:500;letter-spacing:0;text-transform:none;color:#636366}#task-wizard h2{font-weight:700;letter-spacing:-.75px;font-size:30px}.wizard-lead{font-size:16px!important;line-height:1.45;color:#636366}.wizard-people{gap:0;border-radius:16px;overflow:hidden;background:#fff}.person-choice{border:0;border-radius:0;background:#fff;color:#1c1c1e;min-height:76px;position:relative;padding:16px}.person-choice:not(:last-child):after{content:'';position:absolute;left:74px;right:0;bottom:0;height:1px;background:#e5e5ea}.person-choice:hover,.person-choice.chosen{background:#e8f1fc}.person-avatar,.person-avatar.tone-1,.person-avatar.tone-2{background:#eaf2ff;color:#0054a8;border-radius:50%;font-size:17px}.person-arrow{color:#8e8e93}.wizard-add-person{font-size:15px;color:#0054a8}.wizard-media-choices{grid-template-columns:1fr;gap:0;border-radius:16px;overflow:hidden;background:#fff}.media-choice{min-height:82px;display:grid;grid-template-columns:36px 1fr;column-gap:16px;row-gap:3px;padding:16px;border:0;border-radius:0;background:white;color:#1c1c1e}.media-choice:first-child{border-bottom:1px solid #e5e5ea}.media-choice svg{grid-row:1/3;align-self:center;margin:0;color:#0066cc;width:28px;height:28px}.media-choice strong{font-size:17px}.media-choice>span{font-size:14px;color:#636366}.media-choice:hover{background:#e8f1fc}.without-photo{background:#fff;border:0;border-radius:16px;color:#0054a8;font-size:17px}.wizard-footer{background:#f2f2f7;border-top:0}.wizard-footer .primary{font-size:17px;border-radius:14px;font-weight:600;min-height:52px}.wizard-back{color:#0054a8;font-size:16px;min-width:52px}.wizard-small{font-size:13px;color:#636366}#wizard-description{color:#1c1c1e;border-color:#d1d1d6;font-size:17px;line-height:1.5;border-radius:14px 14px 0 0}#wizard-description:focus{border-color:#0066cc;box-shadow:inset 0 0 0 1px #0066cc}#wizard-description::placeholder{color:#737378}.wizard-writing-tools{border-color:#d1d1d6;border-radius:0 0 14px 14px}.voice-button{background:#eaf2ff;color:#0054a8;font-size:15px}.wizard-char-count{font-size:12px;color:#636366}.voice-help,.wizard-privacy{font-size:13px;color:#636366}.deadline-toggle{font-size:15px;color:#0054a8}.deadline-toggle .wizard-small{font-size:13px;color:#636366}.wizard-photo-chip{background:#e5e5ea;color:#636366}.original-text{color:#0054a8}.success-mark{background:#e5f4e9;color:#278443}.guide-link{color:#0054a8}.guide-link span,.guide-note{color:#636366}.wizard-workspace #new-task{box-shadow:0 3px 12px #00000014}
@media(max-width:600px){#app{padding-inline:20px}header{height:56px}.page-title{margin-top:20px}.wizard-workspace .page-title{padding-bottom:4px}.wizard-workspace .page-title h1{font-size:34px}.wizard-workspace .board-tile,.wizard-workspace .all-boards{min-height:48px;border-radius:10px}.wizard-workspace .role-open-count{top:15px}.tabs{background:#e3e3e9;border:0;border-radius:10px;padding:3px;gap:2px}.tabs button{border:0;border-radius:8px;color:#636366;background:transparent;font-size:14px}.tabs button[aria-selected=true]{background:white;color:#1c1c1e;box-shadow:0 1px 4px #0000001f}.wizard-workspace #new-task{left:20px;right:20px;width:calc(100% - 40px);font-size:17px;border-radius:14px}#task-wizard{border-radius:0;box-shadow:none}.wizard-top{padding:16px 20px 10px}.wizard-main{padding:28px 20px 16px}.wizard-progress{margin-inline:20px}.wizard-footer{padding-inline:20px}.wizard-kicker{margin-bottom:8px}.wizard-lead{margin-bottom:24px}.board-options>summary{font-size:14px}}
@media(max-width:600px){.wizard-workspace .board-options{width:100%;flex-basis:100%}.wizard-workspace .board-options>summary{white-space:nowrap}.wizard-workspace .board-tile,.wizard-workspace .all-boards{height:52px;min-height:52px}.wizard-workspace .all-boards{flex-direction:row}.wizard-workspace .board-tile{padding-block:12px}.wizard-workspace .board-grid{align-items:center}.task-actions .primary{background:#eaf2ff;color:#0054a8}.task-actions .primary:hover{background:#dceaff}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}