:root,:root[data-theme=dark]{--task-bg: rgba(10, 132, 255, .2);--task-fg: #9CCBFF;--reminder-bg: rgba(227, 179, 65, .2);--reminder-fg: #F0CD7A;--meeting-bg: rgba(163, 113, 247, .22);--meeting-fg: #D2B8FF;--agenda-bg: rgba(46, 160, 140, .22);--agenda-fg: #7FD8C4;--note-bg: rgba(139, 148, 158, .2);--note-fg: #C9D1D9;--holiday-bg: rgba(248, 81, 73, .14);--holiday-fg: #FF9B95;--cell: rgba(255, 255, 255, .025)}:root[data-theme=light]{--task-bg: #E3EFFE;--task-fg: #0B4FA8;--reminder-bg: #FBF0D5;--reminder-fg: #7A5300;--meeting-bg: #EFE7FD;--meeting-fg: #5B2DB0;--agenda-bg: #DDF4EE;--agenda-fg: #0C6150;--note-bg: #EEF0F3;--note-fg: #424A55;--holiday-bg: #FDE9E8;--holiday-fg: #A4161F;--cell: rgba(15, 23, 42, .025)}.t-task{--tbg: var(--task-bg);--tfg: var(--task-fg)}.t-reminder{--tbg: var(--reminder-bg);--tfg: var(--reminder-fg)}.t-meeting{--tbg: var(--meeting-bg);--tfg: var(--meeting-fg)}.t-agenda{--tbg: var(--agenda-bg);--tfg: var(--agenda-fg)}.t-note{--tbg: var(--note-bg);--tfg: var(--note-fg)}.cal-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:-8px}.cal-title{margin:0 auto 0 0;font-size:1.2rem;font-weight:600;letter-spacing:-.02em;min-width:0}.cal-nav{display:flex;align-items:center;gap:2px}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:calc(var(--r-ctl) + 2px);background:var(--sunken);border:1px solid var(--line-soft)}.seg button{height:28px;padding:0 12px;border:0;border-radius:var(--r-ctl);background:transparent;color:var(--muted);font-weight:500;cursor:pointer}.seg button:hover{color:var(--text)}.seg button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #0000001f}.icon-btn.sm{width:28px;height:28px}@media(max-width:640px){.cal-title{flex-basis:100%;font-size:1.133rem}.cal-head{gap:8px}.cal-nav{margin-right:auto}.seg button{padding:0 9px}.cal-nav .icon-btn{width:30px}}.entry{display:flex;align-items:flex-start;gap:6px;min-width:0;width:100%;border:0;border-radius:6px;background:var(--tbg);color:var(--tfg);font:inherit;font-size:.8rem;line-height:1.35;text-align:left;cursor:pointer}.entry:hover{filter:brightness(1.08)}:root[data-theme=light] .entry:hover{filter:brightness(.97)}.entry.shared{background:transparent;box-shadow:inset 0 0 0 1.5px var(--tbg)}.entry.done .entry-title{text-decoration:line-through;opacity:.7}.entry-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0;flex:1}.entry-time{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.entry-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-title.wrap{white-space:normal;overflow-wrap:anywhere}.countdown{display:inline-flex;align-items:center;gap:3px;font-size:.733rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--warn)}.countdown.big{margin:0;font-size:.867rem}.tick{flex:none;display:grid;place-items:center;width:16px;height:16px;margin-top:1px;padding:0;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:inherit;cursor:pointer}.tick.on{background:var(--ok);border-color:var(--ok);color:#fff}.holiday{font-size:.733rem;font-weight:500;line-height:1.35;padding:1px 6px;border-radius:6px;background:var(--holiday-bg);color:var(--holiday-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holiday-region{font-weight:400;opacity:.85}.month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;padding:0;border-radius:var(--r-card);overflow:hidden;background:var(--line-soft)}.month-wd{padding:8px 8px 6px;font-size:.733rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--panel)}.month-day{min-height:112px;padding:4px;display:flex;flex-direction:column;gap:3px;min-width:0;background:var(--panel);cursor:pointer}.month-day:hover{background:linear-gradient(var(--hover),var(--hover)),var(--panel)}.month-day.weekend{background:linear-gradient(var(--cell),var(--cell)),var(--panel)}.month-day.other>*{opacity:.45}.month-num{align-self:flex-start;min-width:26px;height:26px;padding:0 6px;border:0;border-radius:13px;background:transparent;font-size:.8rem;font-weight:500;cursor:pointer;font-variant-numeric:tabular-nums}.month-num:hover{background:var(--hover)}.month-day.today .month-num{background:var(--accent);color:var(--on-accent)}.month-wide{display:grid;gap:3px;min-width:0}.chip-line{padding:2px 6px;align-items:center}.chip-line .countdown{margin-left:auto;font-size:.7rem}.more{border:0;background:transparent;padding:0 6px;text-align:left;font-size:.733rem;color:var(--muted);cursor:pointer}.more:hover{color:var(--text)}.month-dots{display:none}@media(max-width:640px){.month-wd{padding:6px 2px;text-align:center;font-size:.667rem;letter-spacing:0}.month-day{min-height:64px;padding:3px 2px;align-items:center}.month-num{align-self:center;min-width:24px;height:24px;padding:0 4px}.month-wide{display:none}.month-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.dot-type{width:7px;height:7px;border-radius:50%;background:var(--tfg)}.dot-type.done{opacity:.4}.dots-more{font-size:.667rem;color:var(--muted);line-height:7px}.month-day.is-holiday{box-shadow:inset 0 3px 0 var(--holiday-fg)}}.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.week-day{border-radius:var(--r-card);padding:8px;display:flex;flex-direction:column;gap:4px;min-width:0;min-height:220px}.week-day.today{border-color:var(--accent)}.week-head{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:2px}.week-date{border:0;background:transparent;padding:2px 4px;border-radius:6px;cursor:pointer;font-size:.867rem}.week-date:hover{background:var(--hover)}.week-day.today .week-date strong{color:var(--accent-text)}.row-line{padding:5px 7px}.nothing{margin:2px 4px}@media(max-width:1180px){.week{grid-template-columns:1fr}.week-day{min-height:0}}.day{display:grid;gap:10px}.day-top{border-radius:var(--r-card);padding:10px;display:grid;gap:6px}.day-grid{--hour-col: 56px;position:relative;border-radius:var(--r-card);overflow:hidden}.day-hour{position:absolute;left:0;right:0;display:block;padding:0;border:0;border-top:1px solid var(--line-soft);background:transparent;text-align:left;cursor:pointer}.day-hour:first-child{border-top:0}.day-hour:hover{background:var(--hover)}.day-hour-label{display:block;width:var(--hour-col);padding:4px 8px;font-size:.733rem;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.block{position:absolute;padding:4px 7px;overflow:hidden;z-index:1;border-left:3px solid var(--tfg);border-radius:4px 6px 6px 4px}.block .entry-title{white-space:normal}.now-line{position:absolute;left:calc(var(--hour-col) - 6px);right:0;height:0;border-top:2px solid var(--bad);z-index:2;pointer-events:none}.now-line:before{content:"";position:absolute;left:-4px;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--bad)}.type-chips{display:flex;flex-wrap:wrap;gap:6px}.type-chip{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-weight:500;cursor:pointer}.type-chip:hover{color:var(--text)}.type-chip.on{background:var(--tbg);color:var(--tfg);border-color:var(--tfg)}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;font-size:.867rem}.switch input{width:18px;height:18px;accent-color:var(--accent)}.when{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px}.when.one{grid-template-columns:1fr}@media(max-width:420px){.when{grid-template-columns:1fr 1fr}.when .field:first-child{grid-column:1 / -1}}.field textarea{width:100%;padding:8px 12px;font:inherit;font-size:16px;color:var(--text);resize:vertical;background:var(--hover);border:1px solid var(--line);border-radius:var(--r-ctl)}.field textarea:focus{outline:none;border-color:var(--accent)}.field input[type=date],.field input[type=time]{min-width:0}.lock-line{margin:0;display:flex;align-items:flex-start;gap:6px;font-size:.8rem;color:var(--muted)}.lock-line svg{flex:none;margin-top:2px}.holiday-note{margin:0;color:var(--holiday-fg)}.modal-actions.spread{justify-content:space-between;align-items:center}.read{display:grid;gap:6px}.read-title{font-size:1.067rem;font-weight:600}.read-title.done{text-decoration:line-through;opacity:.7}.read-notes{white-space:pre-wrap;padding:10px 12px;border-radius:var(--r-ctl);background:var(--hover);font-size:.867rem}.week-day .holiday,.day-top .holiday{white-space:normal}:root,:root[data-accent=pink]{--a: #D0246E;--a-tint: #F472B6}:root[data-accent=red]{--a: #C8323C;--a-tint: #F87171}:root[data-accent=orange]{--a: #C2410C;--a-tint: #FB923C}:root[data-accent=green]{--a: #15803D;--a-tint: #4ADE80}:root[data-accent=teal]{--a: #0F766E;--a-tint: #2DD4BF}:root[data-accent=blue]{--a: #2563EB;--a-tint: #60A5FA}:root[data-accent=violet]{--a: #7C3AED;--a-tint: #A78BFA}:root[data-accent=graphite]{--a: #3F3F46;--a-tint: #D4D4D8;--a-dark-fill: #71717A}:root,:root[data-theme=light]{--bg: #F2F2F4;--panel: #FFFFFF;--sunken: #F7F7F8;--line: #E4E4E7;--line-soft: #EDEDF0;--hover: rgba(24, 24, 27, .05);--text: #18181B;--muted: #6B6B76;--ink: #18181B;--on-ink: #FFFFFF;--accent: var(--a);--accent-text: var(--a);--on-accent: #FFFFFF;--accent-soft: color-mix(in srgb, var(--a) 10%, transparent);--ok: #15803D;--warn: #9A6700;--bad: #CF222E;--off: #A1A1AA;--shadow: 0 1px 2px rgba(24, 24, 27, .04), 0 1px 1px rgba(24, 24, 27, .02);--shadow-pop: 0 2px 4px rgba(24, 24, 27, .04), 0 16px 40px rgba(24, 24, 27, .14);color-scheme:light}:root[data-theme=dark]{--bg: #0E0E10;--panel: #18181B;--sunken: #1F1F23;--line: #2E2E33;--line-soft: #26262A;--hover: rgba(255, 255, 255, .06);--text: #F4F4F5;--muted: #A1A1AA;--ink: #F4F4F5;--on-ink: #18181B;--accent: var(--a-dark-fill, var(--a));--accent-text: var(--a-tint);--on-accent: #FFFFFF;--accent-soft: color-mix(in srgb, var(--a-tint) 14%, transparent);--ok: #4ADE80;--warn: #E3B341;--bad: #F87171;--off: #71717A;--shadow: none;--shadow-pop: 0 16px 48px rgba(0, 0, 0, .5);color-scheme:dark}:root{--r-ctl: 10px;--r-card: 14px;--r-panel: 20px;--font: "Inter", system-ui, sans-serif;--ease: cubic-bezier(.2, .7, .2, 1);--side: 244px;--frame: 12px;--bottombar: 64px;font-size:15px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font:.933rem/1.5 var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";transition:background-color .2s var(--ease),color .2s var(--ease)}button{font:inherit;color:inherit}a{color:var(--accent-text)}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;border-radius:var(--r-ctl)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.muted{color:var(--muted)}.small{font-size:.867rem}.tiny{font-size:.767rem}.center{text-align:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{margin:0;color:var(--bad);font-size:.867rem}.stack{display:grid;gap:14px}.row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.eyebrow{margin:0;font-size:.733rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}h1{margin:0;font-size:1.6rem;font-weight:600;letter-spacing:-.03em;line-height:1.15;text-wrap:balance}.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.wordmark{font-size:1.2rem;font-weight:700;letter-spacing:-.03em;color:var(--text);text-decoration:none}.wordmark span{color:var(--accent-text)}.wordmark.big{font-size:1.6rem}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:var(--r-ctl);background:transparent;color:var(--muted);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.icon-btn:hover{background:var(--hover);color:var(--text)}.avatar-btn,.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:600;border:0;flex:none;text-decoration:none}.avatar-btn{cursor:pointer}.app{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:var(--side) minmax(0,1fr);gap:var(--frame);padding:var(--frame)}.side{position:sticky;top:var(--frame);height:calc(100vh - 2 * var(--frame));height:calc(100dvh - 2 * var(--frame));display:flex;flex-direction:column;gap:18px;padding:22px 14px 14px;border-radius:var(--r-panel)}.side .wordmark{padding:0 10px}.side-add{margin:0 2px}.nav{display:grid;gap:2px}.nav a{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:var(--r-ctl);color:var(--muted);text-decoration:none;font-weight:500;transition:background .15s var(--ease),color .15s var(--ease)}.nav a:hover{background:var(--hover);color:var(--text)}.nav a.on{background:var(--sunken);color:var(--text)}.nav a.on svg{color:var(--accent-text)}.side-foot{margin-top:auto;position:relative}.me-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--sunken);text-align:left;cursor:pointer;min-width:0}.me-btn:hover{border-color:var(--line)}.me-id{display:grid;min-width:0;line-height:1.3}.me-id strong{font-weight:600;font-size:.867rem}.main{border-radius:var(--r-panel);padding:36px 40px 28px;display:grid;gap:24px;align-content:start;min-width:0}.foot{margin:0}.greet{display:grid;gap:4px}.greet h1{font-size:2.133rem;letter-spacing:-.035em}.page-head{display:grid;gap:6px}.topbar,.bottombar{display:none}@media(max-width:860px){.app{display:block;padding:0;padding-bottom:calc(var(--bottombar) + env(safe-area-inset-bottom))}.side{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px}.main{margin:0 8px 8px;padding:22px 16px 20px;gap:18px;border-radius:18px}.greet h1{font-size:1.6rem}.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:calc(var(--bottombar) + env(safe-area-inset-bottom));padding:0 24px env(safe-area-inset-bottom);background:var(--panel);border-top:1px solid var(--line)}.bottombar a{display:grid;justify-items:center;gap:2px;font-size:.733rem;font-weight:500;color:var(--muted);text-decoration:none;padding:6px 0}.bottombar a.on{color:var(--text)}.bottombar a.on svg{color:var(--accent-text)}.fab{display:grid;place-items:center;width:56px;height:56px;margin-top:-22px;border-radius:50%;border:4px solid var(--bg);background:var(--accent);color:var(--on-accent);cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb,var(--a) 35%,transparent)}}.auth{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--panel)}.auth-art{position:relative;overflow:hidden;margin:var(--frame);border-radius:var(--r-panel);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:36px;background:radial-gradient(60% 55% at 18% 22%,color-mix(in srgb,var(--a) 55%,#FFFFFF) 0%,transparent 70%),radial-gradient(55% 60% at 85% 18%,color-mix(in srgb,var(--a) 70%,#FFB27A) 0%,transparent 70%),radial-gradient(70% 60% at 70% 95%,color-mix(in srgb,var(--a) 65%,#3B1D8F) 0%,transparent 70%),radial-gradient(50% 45% at 10% 95%,color-mix(in srgb,var(--a) 60%,#000000) 0%,transparent 75%),var(--a)}.auth-art:before,.auth-art:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.28);pointer-events:none}.auth-art:before{width:520px;height:520px;right:-160px;bottom:-200px}.auth-art:after{width:340px;height:340px;right:-70px;bottom:-110px;border-color:#ffffff2e}.auth-art .wordmark,.auth-art .wordmark span{color:#fff}.auth-art-line{position:relative;margin:0;max-width:18ch;font-size:2.133rem;font-weight:600;letter-spacing:-.035em;line-height:1.12}.auth-side{display:grid;place-items:center;padding:32px 24px}.auth-card{width:100%;max-width:360px;display:grid;gap:16px}.auth-card p{margin:0}.auth-card h1{font-size:1.6rem}@media(max-width:860px){.auth{display:block}.auth-art{height:168px;margin:8px;padding:20px;border-radius:18px}.auth-art:before{width:300px;height:300px;right:-90px;bottom:-170px}.auth-art:after{width:200px;height:200px;right:-40px;bottom:-110px}.auth-art-line{font-size:1.333rem}.auth-side{padding:24px 16px 32px;place-items:start center}}.field{display:grid;gap:6px}.field>span{font-size:.867rem;font-weight:500}.field small{font-size:.767rem}.field input,.field select{width:100%;height:42px;padding:0 12px;font:inherit;font-size:16px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-ctl);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.field input:focus,.field select:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 3px var(--hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--panel);color:var(--text);font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s var(--ease),border-color .15s var(--ease),opacity .15s var(--ease)}.btn:hover{border-color:var(--muted)}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.btn.primary:hover{opacity:.88}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.accent:hover{filter:brightness(1.06)}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--text);background:var(--hover)}.btn.small{height:32px;padding:0 12px;font-size:.867rem}.btn.wide{width:100%}.danger-text{color:var(--bad)!important}.menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);border-radius:var(--r-card);padding:6px;display:grid;z-index:40;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-pop)}.menu button{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:0;border-radius:var(--r-ctl);background:transparent;text-align:left;cursor:pointer}.menu button:hover{background:var(--hover)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#09090b66}.modal{width:100%;border-radius:var(--r-panel);padding:22px;display:grid;gap:14px;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:var(--shadow-pop)}.modal p{margin:0}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h2{margin:0;font-size:1.067rem;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.temp-pw{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px dashed var(--line);border-radius:var(--r-ctl);background:var(--sunken)}.temp-pw output{font-size:1.2rem;font-weight:600;letter-spacing:.06em;font-variant-numeric:tabular-nums;word-break:break-all}.section-title{margin:12px 0 0;font-size:1rem;font-weight:600}.cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.person{border-radius:var(--r-card);padding:16px;display:grid;gap:12px;align-content:start;box-shadow:none}.person.inactive{opacity:.7}.person-top{display:flex;align-items:center;gap:12px;min-width:0}.person-id{display:grid;min-width:0}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:.767rem;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.chip.warn{color:var(--warn);border-color:currentColor}.person-actions{display:flex;flex-wrap:wrap;gap:6px}.set-group{display:grid;gap:12px;padding:20px 0;border-top:1px solid var(--line-soft)}.set-group:first-of-type{border-top:0;padding-top:4px}.set-group h2{margin:0;font-size:1.067rem;font-weight:600}.set-group>p{margin:-6px 0 0}.theme-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:520px}.theme-opt{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);text-align:left;cursor:pointer;font-weight:500}.theme-opt:hover{border-color:var(--muted)}.theme-opt[aria-checked=true]{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.theme-swatch{height:56px;border-radius:8px;border:1px solid var(--line);overflow:hidden;display:grid;grid-template-columns:30% 1fr}.theme-swatch.light{background:#f2f2f4}.theme-swatch.light i{background:#fff}.theme-swatch.dark{background:#0e0e10;border-color:#2e2e33}.theme-swatch.dark i{background:#18181b}.theme-swatch.system{background:linear-gradient(135deg,#f2f2f4 50%,#0e0e10 50%)}.theme-swatch i{margin:6px;border-radius:4px}.theme-swatch.system i{background:transparent}.theme-opt span{display:flex;align-items:center;gap:6px}.colour-pick{display:flex;flex-wrap:wrap;gap:10px}.colour-opt{display:grid;justify-items:center;gap:6px;width:64px;padding:8px 0 6px;border:1px solid transparent;border-radius:var(--r-card);background:transparent;cursor:pointer;font-size:.767rem;font-weight:500;color:var(--muted)}.colour-opt:hover{background:var(--hover);color:var(--text)}.colour-opt[aria-checked=true]{border-color:var(--line);background:var(--sunken);color:var(--text)}.colour-dot{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;box-shadow:inset 0 0 0 1px #ffffff29}.set-actions{display:flex;flex-wrap:wrap;gap:8px}.saved-note{font-size:.8rem;color:var(--muted);min-height:1.2em;margin:0}@media(max-width:480px){.theme-pick{gap:8px}.theme-swatch{height:44px}.colour-opt{width:calc((100% - 30px)/4)}}