.ft{--ft-surface:#ffffff;--ft-soft:#f4f4f5;--ft-ink:#18181b;--ft-muted:#a1a1aa;--ft-glass:#e4e4e7;--ft-sand:#d98a1c;--ft-rest:#0f9d7a;display:grid;justify-items:center;gap:22px;width:min(100%,340px);padding:32px 28px 28px;border-radius:24px;background:var(--ft-surface);color:var(--ft-ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif}.dark .ft{--ft-surface:#1c1c1f;--ft-soft:#27272a;--ft-ink:#fafafa;--ft-muted:#71717a;--ft-glass:#34343a;--ft-sand:#f0b04a;--ft-rest:#34d3a6}.ft-stage{display:grid;place-items:center;height:250px}.ft-glass{width:210px;height:250px}.ft-canvas{display:block;width:100%;height:100%}.ft-readout{display:grid;justify-items:center;gap:4px}.ft-time{font-size:42px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ft-note{color:var(--ft-muted);font-size:13px;font-variant-numeric:tabular-nums}.ft-phase{color:var(--ft-sand);font-weight:600;transition:color .4s}.ft[data-phase=break] .ft-phase{color:var(--ft-rest)}.ft-actions{display:flex;align-items:center;gap:20px}.ft-icon,.ft-primary{display:grid;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer}.ft-icon{width:36px;height:36px;background:none;color:var(--ft-muted);transition:color .2s,background-color .2s}@media (hover:hover) and (pointer:fine){.ft-icon:hover{background:var(--ft-soft);color:var(--ft-ink)}}.ft-primary{width:56px;height:56px;background:var(--ft-ink);color:var(--ft-surface)}.ft-play{width:28px;height:28px}.ft-icon:focus-visible,.ft-primary:focus-visible{outline:2px solid var(--ft-sand);outline-offset:2px}.ib-layer{--ib-surface:#ffffff;--ib-ink:#18181b;--ib-muted:#71717a;--ib-quiet:#a1a1aa;--ib-line:rgb(24 24 27/0.07);--ib-hover:rgb(24 24 27/0.035);--ib-soft:#f4f4f5;--ib-accent:#4f46e5;--ib-band:rgb(79 70 229/0.07);--ib-archive:#0d9488;--ib-trash:#e11d48}.dark .ib-layer{--ib-surface:#1c1c1f;--ib-ink:#fafafa;--ib-muted:#a1a1aa;--ib-quiet:#71717a;--ib-line:rgb(255 255 255/0.07);--ib-hover:rgb(255 255 255/0.04);--ib-soft:#27272a;--ib-accent:#818cf8;--ib-band:rgb(129 140 248/0.12);--ib-archive:#2dd4bf;--ib-trash:#fb7185}.ib{display:grid;width:min(100%,460px);min-height:520px;align-content:start;overflow:hidden;border-radius:20px;background:var(--ib-surface);color:var(--ib-ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;font-size:13px}.ib,.ib-tabs{position:relative}.ib-tabs{display:flex;gap:2px;padding:12px 12px 0;border-bottom:1px solid var(--ib-line)}.ib-tab{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 10px;border:0;background:none;color:var(--ib-muted);font:inherit;font-weight:550;cursor:pointer;transition:color .2s}.ib-tab[data-active]{color:var(--ib-ink)}@media (hover:hover) and (pointer:fine){.ib-tab:hover{color:var(--ib-ink)}}.ib-count{min-width:14px;color:var(--ib-quiet);font-variant-numeric:tabular-nums}.ib-indicator{position:absolute;bottom:-1px;left:0;width:var(--active-tab-width);height:2px;border-radius:2px;background:var(--ib-ink);translate:var(--active-tab-left);transition:translate .25s cubic-bezier(.22,1,.36,1),width .25s cubic-bezier(.22,1,.36,1)}.ib-bar{display:flex;align-items:center;gap:12px;height:44px;padding:0 16px;border-bottom:1px solid var(--ib-line)}.ib-hint,.ib-picked{color:var(--ib-muted)}.ib-tools{display:flex;flex:1;align-items:center;justify-content:space-between;gap:8px}.ib-picked{color:var(--ib-ink);font-weight:550}.ib-toolbar{display:flex;gap:4px}.ib-tool{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:0;border-radius:8px;background:var(--ib-soft);color:var(--ib-ink);font:inherit;font-weight:550;cursor:pointer}@media (hover:hover) and (pointer:fine){.ib-tool:hover{background:var(--ib-band)}}.ib-check{display:grid;flex:none;place-items:center;width:16px;height:16px;padding:0;border:1.5px solid var(--ib-quiet);border-radius:5px;background:var(--ib-surface);color:#ffffff;cursor:pointer;transition:background-color .15s,border-color .15s}.ib-check[data-checked],.ib-check[data-indeterminate]{border-color:var(--ib-accent);background:var(--ib-accent)}.ib-check[data-disabled]{opacity:.4;cursor:default}.ib-tick{display:grid;place-items:center}.ib-list{margin:0;padding:0;list-style:none}.ib-row{position:relative;overflow:hidden}.ib-swipe{position:absolute;inset:0 auto 0 0;display:flex;align-items:center;width:100%;padding:0 20px;background:var(--ib-archive);color:#ffffff}.ib-swipe[data-to=inbox]{background:var(--ib-accent)}.ib-swipe[data-side=right]{justify-content:flex-end;background:var(--ib-trash);clip-path:inset(0 0 0 50%)}.ib-swipe:not([data-side]){clip-path:inset(0 50% 0 0)}.ib-mail{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ib-line);background:var(--ib-surface);cursor:default;touch-action:pan-y;transition:background-color .15s}@media (hover:hover) and (pointer:fine){.ib-mail:hover{background:color-mix(in srgb,var(--ib-surface),var(--ib-ink) 3%)}}.ib-mail[data-selected]{background:color-mix(in srgb,var(--ib-surface),var(--ib-accent) 7%)}.ib-mail[data-moving]>*{opacity:0;transition:opacity .2s}.ib-mail .ib-check{margin-top:10px}.ib-avatar{display:grid;flex:none;place-items:center;width:36px;height:36px;overflow:hidden;border-radius:50%;background:var(--ib-soft);color:#ffffff;font-size:14px;font-weight:650}.ib-avatar img{width:100%;height:100%}.ib-text{display:grid;flex:1;gap:1px;min-width:0}.ib-line{display:flex;justify-content:space-between;gap:8px}.ib-from{font-weight:600}.ib-time{color:var(--ib-quiet);font-size:12px;font-variant-numeric:tabular-nums}.ib-preview,.ib-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ib-subject{font-weight:500}.ib-preview{color:var(--ib-muted)}.ib-actions{position:absolute;top:8px;right:12px;display:flex;gap:2px;padding:2px;border-radius:9px;background:var(--ib-surface);box-shadow:0 0 0 1px var(--ib-line),0 2px 6px rgb(0 0 0/.06);opacity:0;transform:translateY(2px);transition:opacity .15s,transform .15s}.ib-mail:focus-within .ib-actions{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.ib-mail:hover .ib-actions{opacity:1;transform:none}}@media (hover:none){.ib-actions{opacity:1;transform:none}}.ib-mail[data-moving] .ib-actions{opacity:0}.ib-action{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:7px;background:none;color:var(--ib-muted);cursor:pointer}@media (hover:hover) and (pointer:fine){.ib-action:hover{background:var(--ib-soft);color:var(--ib-ink)}}.ib-tip{padding:5px 8px;border-radius:7px;background:var(--ib-ink);color:var(--ib-surface);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;font-size:12px;font-weight:500;transition:opacity .15s,transform .15s}.ib-tip[data-ending-style],.ib-tip[data-starting-style]{opacity:0;transform:translateY(2px)}.ib-empty{display:grid;justify-items:center;gap:12px;padding:56px 24px;color:var(--ib-muted);font-size:14px}.ib-empty-art{display:block;width:96px;height:96px}.ib-toasts{position:absolute;right:16px;bottom:16px;left:16px}.ib-toast{position:absolute;right:0;bottom:0;left:0;overflow:hidden;border-radius:12px;background:var(--ib-ink);color:var(--ib-surface);box-shadow:0 8px 24px rgb(0 0 0/.18);transform:translateY(var(--toast-swipe-movement-y,0));transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s}.ib-toast[data-ending-style],.ib-toast[data-starting-style]{opacity:0;transform:translateY(120%)}.ib-toast-body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 14px}.ib-toast-title{overflow:hidden;margin:0;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.ib-undo{flex:none;height:28px;padding:0 12px;border:0;border-radius:8px;background:color-mix(in srgb,var(--ib-surface) 16%,transparent);color:var(--ib-surface);font:inherit;font-weight:600;cursor:pointer}.ib-countdown{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--ib-accent);transform-origin:left;animation:ib-countdown var(--ib-undo) linear forwards}@media (hover:hover) and (pointer:fine){.ib-toasts:hover .ib-countdown{animation-play-state:paused}}@keyframes ib-countdown{to{transform:scaleX(0)}}.ib-action:focus-visible,.ib-check:focus-visible,.ib-tab:focus-visible,.ib-tool:focus-visible,.ib-undo:focus-visible{outline:2px solid var(--ib-accent);outline-offset:2px}