@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", sans-serif;--font-serif:"Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", "Source Serif 4", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-extralight:200;--font-weight-normal:400;--font-weight-medium:500;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-accent:#1f6142;--color-accent-strong:#1a4d35;--color-accent-soft:#edf7f2;--color-accent-bright:#6bb891;--color-warn:#b45309;--color-warn-bright:#f59e0b}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.top-1\/2{top:50%}.bottom-0{bottom:0}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.h-5{height:calc(var(--spacing) * 5)}.h-11{height:calc(var(--spacing) * 11)}.max-h-\[90dvh\]{max-height:90dvh}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-dvh{min-height:100dvh}.w-5{width:calc(var(--spacing) * 5)}.w-auto{width:auto}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-11{min-width:calc(var(--spacing) * 11)}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-200\/70{border-color:#e4e4e7b3}@supports (color:color-mix(in lab,red,red)){.border-zinc-200\/70{border-color:color-mix(in oklab,var(--color-zinc-200) 70%,transparent)}}.border-zinc-300{border-color:var(--color-zinc-300)}.border-t-accent{border-top-color:var(--color-accent)}.bg-accent{background-color:var(--color-accent)}.bg-accent-soft\/50{background-color:#edf7f280}@supports (color:color-mix(in lab,red,red)){.bg-accent-soft\/50{background-color:color-mix(in oklab,var(--color-accent-soft) 50%,transparent)}}.bg-accent-strong{background-color:var(--color-accent-strong)}.bg-warn{background-color:var(--color-warn)}.bg-white{background-color:var(--color-white)}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-900\/40{background-color:#18181b66}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\/40{background-color:color-mix(in oklab,var(--color-zinc-900) 40%,transparent)}}.p-5{padding:calc(var(--spacing) * 5)}.p-14{padding:calc(var(--spacing) * 14)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-12{padding-block:calc(var(--spacing) * 12)}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.text-wrap{text-wrap:wrap}.text-accent{color:var(--color-accent)}.text-white{color:var(--color-white)}.text-zinc-50{color:var(--color-zinc-50)}.text-zinc-300\/60{color:#d4d4d899}@supports (color:color-mix(in lab,red,red)){.text-zinc-300\/60{color:color-mix(in oklab,var(--color-zinc-300) 60%,transparent)}}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-900{color:var(--color-zinc-900)}.opacity-0{opacity:0}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.hover\:border-accent:hover{border-color:var(--color-accent)}.hover\:bg-accent-strong:hover{background-color:var(--color-accent-strong)}.hover\:bg-warn\/90:hover{background-color:#b45309e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-warn\/90:hover{background-color:color-mix(in oklab,var(--color-warn) 90%,transparent)}}.hover\:bg-zinc-50:hover{background-color:var(--color-zinc-50)}.hover\:bg-zinc-100:hover{background-color:var(--color-zinc-100)}.hover\:text-accent:hover{color:var(--color-accent)}}.focus\:border-accent:focus{border-color:var(--color-accent)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}@media(min-width:64rem){.lg\:flex{display:flex}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:items-start{align-items:flex-start}}.dark\:border-zinc-600:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-600)}.dark\:border-zinc-700:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-700)}.dark\:border-zinc-800:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}.dark\:bg-accent-bright:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-accent-bright)}.dark\:bg-warn-bright:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-warn-bright)}.dark\:bg-zinc-800\/60:where([data-theme=dark],[data-theme=dark] *){background-color:#27272a99}@supports (color:color-mix(in lab,red,red)){.dark\:bg-zinc-800\/60:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-zinc-800) 60%,transparent)}}.dark\:bg-zinc-900:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-900)}.dark\:bg-zinc-950:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-950)}.dark\:text-zinc-50:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-50)}.dark\:text-zinc-100:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}.dark\:text-zinc-200:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-200)}.dark\:text-zinc-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-300)}.dark\:text-zinc-400:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}.dark\:text-zinc-900:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-900)}@media(hover:hover){.dark\:hover\:border-accent-bright:where([data-theme=dark],[data-theme=dark] *):hover{border-color:var(--color-accent-bright)}.dark\:hover\:bg-zinc-800:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-zinc-800)}.dark\:hover\:text-accent-bright:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-accent-bright)}}.dark\:\[\&\>option\]\:bg-zinc-900:where([data-theme=dark],[data-theme=dark] *)>option{background-color:var(--color-zinc-900)}}:root{--chrome-top:3.5rem}@media(min-width:768px){:root{--chrome-top:0px}}@keyframes cal-drill-in{0%{opacity:0}to{opacity:1}}@keyframes cal-drill-out{0%{opacity:0}to{opacity:1}}.cal-drill-in{animation:.22s ease-out cal-drill-in}.cal-drill-out{animation:.22s ease-out cal-drill-out}@media(prefers-reduced-motion:reduce){.cal-drill-in,.cal-drill-out{animation:none}}.cal-hourlines{--cal-hour-px:46px;background-image:repeating-linear-gradient(to bottom,var(--color-zinc-100) 0,var(--color-zinc-100) 1px,transparent 1px,transparent var(--cal-hour-px))}[data-theme=dark] .cal-hourlines{background-image:repeating-linear-gradient(to bottom,#27272ab3 0,#27272ab3 1px,transparent 1px,transparent var(--cal-hour-px))}@supports (color:color-mix(in lab,red,red)){[data-theme=dark] .cal-hourlines{background-image:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--color-zinc-800) 70%,transparent) 0,color-mix(in srgb,var(--color-zinc-800) 70%,transparent) 1px,transparent 1px,transparent var(--cal-hour-px))}}@keyframes kit-sw-banner-in{0%{opacity:0}to{opacity:1}}.kit-sw-banner{left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:50;border:1px solid var(--color-zinc-200);background:var(--color-white);max-width:24rem;color:var(--color-zinc-800);border-radius:16px;justify-content:space-between;align-items:center;gap:.75rem;margin-inline:auto;padding:.375rem .375rem .375rem 1.25rem;font-size:.875rem;display:flex;position:fixed;box-shadow:0 8px 24px #09090b1f}@supports (color:color-mix(in lab,red,red)){.kit-sw-banner{box-shadow:0 8px 24px color-mix(in srgb,var(--color-zinc-950) 12%,transparent)}}.kit-sw-banner{animation:.2s ease-out kit-sw-banner-in}[data-theme=dark] .kit-sw-banner{border-color:var(--color-zinc-700);background:var(--color-zinc-900);color:var(--color-zinc-100);box-shadow:0 8px 24px #09090b80}@supports (color:color-mix(in lab,red,red)){[data-theme=dark] .kit-sw-banner{box-shadow:0 8px 24px color-mix(in srgb,var(--color-zinc-950) 50%,transparent)}}@media(prefers-reduced-motion:reduce){.kit-sw-banner{animation:none}}.kit-sw-banner-button{background:var(--color-accent);min-width:44px;min-height:44px;color:var(--color-white);cursor:pointer;border-radius:9999px;padding:0 1.5rem;font-size:.875rem;font-weight:500}.kit-sw-banner-button:hover{background:var(--color-accent-strong)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg: #fafaf9;--surface: #ffffff;--surface-2: #f5f4f1;--surface-3: #eeede8;--ink: #18181b;--ink-soft: #3f3f46;--muted: #71717a;--muted-2: #a1a1aa;--line: rgba(24, 24, 27, .06);--line-2: rgba(24, 24, 27, .12);--line-3: rgba(24, 24, 27, .2);--accent: #1f6142;--accent-strong: #1a4d35;--accent-soft: #edf7f2;--accent-ink: #ffffff;--warn: #92590a;--warn-soft: #fbf3e1;--crit: #8e1a1a;--shadow-lg: 0 40px 80px -30px rgba(24, 24, 27, .28), 0 20px 40px -10px rgba(24, 24, 27, .08);--shadow-sheet: 0 -12px 40px -12px rgba(24, 24, 27, .18);--serif: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root{--bg: #0c0c0e;--surface: #16161a;--surface-2: #1d1d22;--surface-3: #26262b;--ink: #f2f2f4;--ink-soft: #d4d4d8;--muted: #8c8c95;--muted-2: #71717a;--line: rgba(244, 244, 245, .07);--line-2: rgba(244, 244, 245, .14);--line-3: rgba(244, 244, 245, .24);--accent: #7ac69b;--accent-strong: #98d5b3;--accent-soft: rgba(122, 198, 155, .12);--accent-ink: #0c0c0e;--warn: #d6b36a;--warn-soft: rgba(214, 179, 106, .14);--crit: #d97878;--shadow-lg: 0 40px 80px -30px rgba(0, 0, 0, .55), 0 20px 40px -10px rgba(0, 0, 0, .35);--shadow-sheet: 0 -12px 40px -12px rgba(0, 0, 0, .45)}}:root[data-theme=light]{--bg: #fafaf9;--surface: #ffffff;--surface-2: #f5f4f1;--surface-3: #eeede8;--ink: #18181b;--ink-soft: #3f3f46;--muted: #71717a;--muted-2: #a1a1aa;--line: rgba(24, 24, 27, .06);--line-2: rgba(24, 24, 27, .12);--line-3: rgba(24, 24, 27, .2);--accent: #1f6142;--accent-strong: #1a4d35;--accent-soft: #edf7f2;--accent-ink: #ffffff;--warn: #92590a;--warn-soft: #fbf3e1;--crit: #8e1a1a}:root[data-theme=dark]{--bg: #0c0c0e;--surface: #16161a;--surface-2: #1d1d22;--surface-3: #26262b;--ink: #f2f2f4;--ink-soft: #d4d4d8;--muted: #8c8c95;--muted-2: #71717a;--line: rgba(244, 244, 245, .07);--line-2: rgba(244, 244, 245, .14);--line-3: rgba(244, 244, 245, .24);--accent: #7ac69b;--accent-strong: #98d5b3;--accent-soft: rgba(122, 198, 155, .12);--accent-ink: #0c0c0e;--warn: #d6b36a;--warn-soft: rgba(214, 179, 106, .14);--crit: #d97878}html,body,#root{height:100%}.mail-root{position:fixed;inset:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"palt";overflow:hidden;isolation:isolate}.mail-root button,.mail-root input,.mail-root textarea{font:inherit;color:inherit}.mail-root button{background:none;border:0;cursor:pointer;padding:0}.mail-root :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.mail-root svg{display:block}.view{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg);z-index:1;overflow:hidden}.view.hidden{display:none}.view.enter{animation:viewIn .2s ease}.view.enter-sheet{animation:viewSheetIn .26s cubic-bezier(.16,1,.3,1)}@keyframes viewIn{0%{opacity:.4}to{opacity:1}}@keyframes viewSheetIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.view.enter,.view.enter-sheet{animation:none}}.app-top{padding:max(env(safe-area-inset-top,0px),44px) 12px 8px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;background:var(--bg)}.app-top .title{text-align:center;min-width:0}.app-top .search-input{min-width:0;width:100%;min-height:44px;border:none;background:transparent;color:var(--ink);font:inherit;font-size:16px;letter-spacing:.01em;outline:none}.app-top .search-input::placeholder{color:var(--muted)}.app-top .eyebrow{font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-top .now{font-family:var(--serif);font-weight:300;font-size:15px;letter-spacing:.05em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:44px;height:44px;display:grid;place-items:center;color:var(--ink-soft);border-radius:10px;transition:background .12s,color .12s}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn:active{background:var(--surface-3)}.icon-btn.accent{color:var(--accent)}.icon-btn.accent:hover{background:var(--accent-soft)}.send-btn{padding:8px 14px;background:var(--accent);color:var(--accent-ink);border-radius:8px;font-size:13px;font-weight:500;letter-spacing:.03em;justify-self:end}.send-btn:hover{background:var(--accent-strong)}.send-btn:disabled{opacity:.5;cursor:default}.filter-strip{display:flex;gap:6px;padding:4px 16px 12px;overflow-x:auto;scrollbar-width:none}.filter-strip::-webkit-scrollbar{display:none}.filter-chip{padding:6px 14px;font-size:12.5px;letter-spacing:.03em;color:var(--muted);border-radius:999px;background:transparent;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;min-height:32px;transition:color .12s,background .12s}.filter-chip .fc{font-family:var(--mono);font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}.filter-chip.active{color:var(--ink);background:var(--surface-3);font-weight:500}.filter-chip.active .fc{color:var(--muted)}.queue-label{color:var(--muted);font-size:12px;padding:6px 20px 12px;letter-spacing:.03em}.thread-list{flex:1;overflow-y:auto;padding-bottom:40px}.thread-row-outer{position:relative;overflow:hidden}.thread-row-actions{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:stretch;z-index:0}.thread-row-actions-left{position:absolute;top:0;left:0;bottom:0;display:flex;align-items:stretch;z-index:0}.swipe-action.trash{background:var(--crit)}.swipe-action{display:flex;align-items:center;justify-content:center;padding:0 20px;color:var(--accent-ink);font-size:11.5px;letter-spacing:.05em;font-weight:500;min-width:76px;text-align:center;font-family:var(--sans)}.swipe-action.done{background:var(--accent)}.swipe-action.snooze{background:var(--warn)}.thread-row{position:relative;background:var(--bg);padding:14px 20px 16px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;grid-column-gap:12px;cursor:pointer;z-index:1;touch-action:pan-y;transition:transform .26s cubic-bezier(.16,1,.3,1)}.thread-row.dragging{transition:none;will-change:transform}.thread-row:active{background:var(--surface-2)}.thread-sender{font-size:12.5px;font-weight:500;color:var(--ink);min-width:0}.thread-sender .via{color:var(--muted);font-weight:400;margin-left:6px;font-size:11px}.thread-time{font-family:var(--mono);font-size:10.5px;letter-spacing:.03em;color:var(--muted);font-variant-numeric:tabular-nums;align-self:baseline}.thread-subject{font-family:var(--serif);font-weight:300;font-size:15.5px;line-height:1.42;color:var(--ink);letter-spacing:.03em;margin:6px 0 4px;grid-column:1 / -1;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.thread-preview{font-size:12px;color:var(--muted);grid-column:1 / -1;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.thread-row.unread .thread-sender,.thread-row.unread .thread-subject{color:var(--ink)}.thread-row.unread .thread-sender{font-weight:700}.thread-row.unread .thread-subject{font-weight:400}.thread-row.unread:after{content:"";position:absolute;left:8px;top:20px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.thread-badges{grid-column:1 / -1;display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.owner-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 2px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:10.5px;font-weight:500;letter-spacing:.02em}.owner-chip .a{width:16px;height:16px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:var(--serif);font-weight:300;font-size:9px;display:grid;place-items:center}.owner-chip.other{background:var(--surface-3);color:var(--ink-soft)}.owner-chip.other .a{background:var(--ink-soft);color:var(--surface)}.owner-chip.unassigned{background:transparent;color:var(--warn);border:1px dashed var(--warn);padding:2px 8px}.reader-body{flex:1;overflow-y:auto;padding:24px 24px 100px}.r-subject{font-family:var(--serif);font-weight:200;font-size:22px;line-height:1.36;letter-spacing:.05em;color:var(--ink);text-wrap:balance;margin-bottom:20px}.r-meta{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}.r-avatar{width:40px;height:40px;border-radius:50%;background:var(--surface-3);color:var(--ink-soft);display:grid;place-items:center;font-family:var(--serif);font-weight:300;font-size:15px;flex-shrink:0}.r-meta .who{font-size:13px;font-weight:500;color:var(--ink)}.r-meta .addr{display:block;color:var(--muted);font-size:11px;margin-top:2px;font-family:var(--mono);letter-spacing:.02em;word-break:break-all}.r-meta .to{font-size:11px;color:var(--muted);margin-top:3px;letter-spacing:.02em}.r-meta .stamp{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.03em;font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0}.assign-strip{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--accent-soft);border-radius:10px;margin-bottom:24px;font-size:12.5px}.assign-strip.warn{background:var(--warn-soft)}.assign-strip .who-line{color:var(--ink-soft);min-width:0}.assign-strip.warn .who-line{color:var(--warn)}.assign-strip .who-line b{color:var(--accent-strong);font-weight:600}.assign-strip.warn .who-line b{color:var(--warn)}.assign-strip .change{margin-left:auto;font-size:11px;color:var(--accent-strong);padding:4px 10px;border-radius:5px;border:1px solid var(--accent);min-height:30px;flex-shrink:0}.assign-strip.warn .change{color:var(--warn);border-color:var(--warn)}.r-body{font-size:14px;line-height:1.85;color:var(--ink-soft)}.r-body p{margin-bottom:1.05em}.r-body p:last-child{margin-bottom:0}.r-body-empty{color:var(--muted)}.r-html-frame{width:100%;border:1px solid var(--line-2);border-radius:12px;background:#fff;overflow:hidden}.r-remote-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:8px 12px;border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:11.5px}.r-remote-note button{flex-shrink:0;border:1px solid var(--line-3);border-radius:999px;padding:4px 12px;min-height:30px;color:var(--ink-soft);font-size:11px}.r-remote-note button:hover{border-color:var(--accent);color:var(--accent-strong)}.r-attachments{margin-top:20px;display:flex;flex-direction:column;gap:8px}.r-att{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.r-att:hover,.r-att:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.r-att:disabled{opacity:.6;cursor:default}.r-att-icon{flex:none;color:var(--accent);display:inline-flex}.r-att-info{min-width:0;display:flex;flex-direction:column;gap:2px}.r-att-name{font-size:13.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r-att-meta{font-size:11px;color:var(--muted)}.r-comment{margin-top:28px;padding:14px 16px;background:var(--surface-2);border-radius:10px;border-left:2px solid var(--muted-2);font-size:12px}.r-comment .c-label{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.r-comment .c-who{color:var(--ink);font-weight:500}.r-comment .c-body{color:var(--ink-soft);margin-top:2px;line-height:1.6;white-space:pre-wrap}.r-comment .c-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.r-comment .c-meta{display:flex;align-items:baseline;gap:8px}.r-comment .c-when{color:var(--muted);font-size:10.5px}.r-comment-empty{color:var(--muted);font-size:11.5px;line-height:1.6}.r-comment-input{display:flex;gap:8px;margin-top:12px}.r-comment-input input{flex:1;border:1px solid var(--line-2);border-radius:8px;padding:8px 12px;background:var(--bg);color:var(--ink);font-size:12.5px;min-height:38px}.r-comment-input input:focus{outline:none;border-color:var(--accent)}.r-comment-input button{flex-shrink:0;border-radius:8px;padding:0 14px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:500;min-height:38px}.r-comment-input button:disabled{opacity:.4;cursor:default}.reader-bar,.composer-bar{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--line);padding:8px 4px max(env(safe-area-inset-bottom,0px),24px)}.composer-bar{grid-template-columns:repeat(3,1fr)}.bar-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;color:var(--ink-soft);border-radius:8px;min-height:44px}.bar-action:hover{background:var(--surface-2)}.bar-action:disabled{opacity:.4;cursor:default}.bar-action .lbl{font-size:10.5px;letter-spacing:.04em;color:var(--muted)}.bar-action .ic{color:var(--ink-soft)}.bar-action.primary .ic,.bar-action.primary .lbl{color:var(--accent)}.bar-action.primary .lbl{font-weight:500}.bar-action.done .ic,.bar-action.done .lbl{color:var(--accent)}.composer-meta{padding:16px 20px 14px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--muted);background:var(--bg);display:flex;flex-direction:column;gap:8px}.composer-meta b{color:var(--ink-soft);font-weight:500}.from-row{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted)}.from-chip{padding:4px 12px;border:1px solid var(--line-2);border-radius:6px;color:var(--ink-soft);font-size:11.5px;font-family:var(--mono);letter-spacing:.02em;min-height:30px}.from-chip.open,.from-chip:active{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}textarea.composer-body-input{flex:1;width:100%;border:0;padding:20px 24px;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.75;resize:none;outline:none}.drawer-backdrop{position:fixed;inset:0;background:#18181b4d;z-index:10;display:none;animation:fade .18s ease}:root[data-theme=dark] .drawer-backdrop{background:#0000008c}.drawer-backdrop.open{display:block}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;bottom:0;left:0;width:300px;background:var(--surface);box-shadow:8px 0 30px -8px #00000026;z-index:11;transform:translate(-100%);transition:transform .26s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.drawer.open{transform:translate(0)}.drawer-head{padding:max(env(safe-area-inset-top,0px),44px) 20px 16px;display:flex;align-items:center;gap:10px}.drawer-head .brand-mini{font-family:var(--serif);font-weight:200;font-size:16px;letter-spacing:.2em;color:var(--ink);display:inline-flex;align-items:center;gap:10px}.drawer-head .brand-mini em{color:var(--accent);font-style:normal}.drawer-head .settings-jump{margin-left:auto;font-size:11px;color:var(--muted);padding:6px 10px;border:1px solid var(--line-2);border-radius:6px;letter-spacing:.04em;min-height:30px}.drawer-head .settings-jump:hover{color:var(--ink);border-color:var(--line-3)}.drawer-body{flex:1;overflow-y:auto;padding:8px 8px 30px}.drawer-section{margin-bottom:18px}.drawer-label{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:0 14px;margin-bottom:4px;font-weight:500}.drawer-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;color:var(--ink-soft);font-size:13px;width:100%;text-align:left;min-height:40px}.drawer-item:hover{background:var(--surface-2);color:var(--ink)}.drawer-item.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:500}.drawer-item .dot{width:6px;height:6px;border-radius:50%;background:var(--muted-2);flex-shrink:0}.drawer-item.active .dot{background:var(--accent)}.drawer-item .item-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-item .count{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}.drawer-item.active .count{color:var(--accent-strong)}.drawer-foot{padding:10px 14px calc(env(safe-area-inset-bottom,0px) + 10px);border-top:1px solid var(--line)}.theme-toggle{background:transparent;color:var(--muted);padding:6px 12px;border-radius:6px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;border:1px solid var(--line-2);min-height:32px}.theme-toggle:hover{color:var(--ink);border-color:var(--line-3)}.sheet-backdrop{position:fixed;inset:0;background:#18181b4d;z-index:20;display:none;animation:fade .18s ease}:root[data-theme=dark] .sheet-backdrop{background:#0000008c}.sheet-backdrop.open{display:block}.sheet{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-radius:24px 24px 0 0;box-shadow:var(--shadow-sheet);z-index:21;transform:translateY(100%);visibility:hidden;transition:transform .28s cubic-bezier(.16,1,.3,1),visibility 0s linear .28s;padding:8px 0 max(env(safe-area-inset-bottom,0px),32px);max-height:80%;overflow-y:auto;pointer-events:none}.sheet.open{transform:translateY(0);visibility:visible;pointer-events:auto;transition:transform .28s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}.sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--muted-2);opacity:.4;margin:4px auto 12px}.sheet-title{font-family:var(--serif);font-weight:300;font-size:17px;letter-spacing:.05em;color:var(--ink);padding:0 20px 12px;text-wrap:balance}.sheet-sub{font-size:11.5px;color:var(--muted);padding:0 20px 16px;line-height:1.6}.ai-draft{display:block;width:calc(100% - 32px);margin:0 16px 12px;padding:14px 16px;text-align:left;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.ai-draft:hover,.ai-draft:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.ai-draft-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--accent);margin-bottom:6px}.ai-draft-body{font-size:13.5px;line-height:1.7;color:var(--ink);white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.ai-draft-cta{margin-top:10px;font-size:12px;font-weight:600;color:var(--accent)}.ai-draft-status{display:flex;align-items:center;justify-content:center;gap:12px;min-height:88px;padding:16px 20px 28px;color:var(--muted);font-size:13px}.ai-draft-retry{border:1px solid var(--line-2);background:transparent;color:var(--accent);font:inherit;font-size:12px;font-weight:600;min-height:36px;padding:0 16px;border-radius:999px;cursor:pointer}.sheet-option{display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink);text-align:left;width:100%;min-height:44px}.sheet-option:hover{background:var(--surface-2)}.sheet-option .a{width:28px;height:28px;border-radius:50%;background:var(--surface-3);color:var(--ink-soft);display:grid;place-items:center;font-family:var(--serif);font-weight:300;font-size:12px;flex-shrink:0}.sheet-option.current .a{background:var(--accent);color:var(--accent-ink)}.sheet-option .lbl{display:flex;flex-direction:column;min-width:0;flex:1}.sheet-option .lbl .n{color:var(--ink);font-weight:500;font-size:13px}.sheet-option .lbl .r{color:var(--muted);font-size:11px;margin-top:1px;letter-spacing:.02em}.sheet-option .addr-mono{color:var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.02em}.sheet-option.current .addr-mono{color:var(--accent-strong);font-weight:500}.sheet-option.danger .lbl .n{color:var(--crit);font-weight:500}.sheet-option.danger .a{background:transparent;color:var(--crit)}.sheet-ai-draft{border-top:1px solid var(--line);padding:14px 20px 16px;display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;background:none}.sheet-ai-draft:hover{background:var(--surface-2)}.sheet-ai-draft .tone{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}.sheet-ai-draft:hover .tone{color:var(--accent)}.sheet-ai-draft .txt{font-size:12.5px;line-height:1.65;color:var(--ink-soft);white-space:pre-line;max-height:130px;overflow:hidden;position:relative}.sheet-ai-draft .txt:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,var(--surface))}.sheet-ai-draft:hover .txt:after{background:linear-gradient(transparent,var(--surface-2))}.sheet-ai-draft .pick{color:var(--muted);font-size:10.5px;letter-spacing:.04em}.sheet-ai-draft:hover .pick{color:var(--accent)}.sheet-note{padding:6px 20px 4px;font-size:12px;line-height:1.7;color:var(--muted)}.sheet-sched{display:flex;flex-direction:column;padding:6px 8px 0}.sheet-sched .sched-row{display:flex;align-items:center;padding:14px 12px;border-top:1px solid var(--line);gap:12px}.sheet-sched .sched-row:first-child{border-top:0}.sheet-sched .sched-row:hover{background:var(--surface-2)}.sheet-sched .sched-row .lbl{flex:1;text-align:left}.sheet-sched .sched-row .lbl .when{font-size:13.5px;color:var(--ink);font-weight:500}.sheet-sched .sched-row .lbl .desc{font-size:11px;color:var(--muted);margin-top:2px}.sheet-sched .sched-row .delta{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.03em;font-variant-numeric:tabular-nums}.settings-tab-bar{display:flex;gap:8px;padding:8px 20px 0;border-bottom:1px solid var(--line)}.s-tab{padding:10px 4px 14px;font-size:13px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;letter-spacing:.03em;min-width:60px;text-align:center}.s-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.settings-content{flex:1;overflow-y:auto;padding:20px 20px 40px}.s-section{margin-bottom:24px}.s-label{font-size:9.5px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;margin-bottom:10px;font-weight:500;display:block}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);gap:12px}.toggle-row:last-child{border-bottom:0}.toggle-row .who{display:flex;flex-direction:column;gap:2px;min-width:0}.toggle-row .who .name{font-size:13px;color:var(--ink);font-weight:500}.toggle-row .who .desc{font-size:11px;color:var(--muted);line-height:1.4}.switch{position:relative;width:42px;height:24px;border-radius:999px;background:var(--surface-3);cursor:pointer;transition:background .2s;flex-shrink:0;padding:0;border:0}.switch.on{background:var(--accent)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.switch.on:after{transform:translate(18px)}.dnd-row{display:flex;align-items:center;gap:10px;padding:12px 0 4px;flex-wrap:wrap}.dnd-time{font-family:var(--mono);font-size:13px;padding:6px 10px;border:1px solid var(--line-2);border-radius:6px;color:var(--ink);background:var(--bg);font-variant-numeric:tabular-nums;letter-spacing:.02em;min-height:34px}.dnd-arrow{color:var(--muted-2);font-size:12px}.sig-picker{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.sig-tab{padding:5px 11px;border:1px solid var(--line-2);border-radius:999px;font-size:11px;color:var(--ink-soft);font-family:var(--mono);letter-spacing:.02em;min-height:30px}.sig-tab.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:500}.sig-editor{width:100%;min-height:130px;border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:12.5px;line-height:1.7;resize:vertical}.sig-editor:focus{outline:none;border-color:var(--accent)}.sig-preview{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:16px 18px;font-family:var(--sans);font-size:12.5px;line-height:1.75;color:var(--ink-soft);margin-top:14px}.sig-preview .fake-divider{margin:14px 0 12px;border-top:1px dashed var(--line-2)}.sig-preview .sig-content{color:var(--ink-soft);white-space:pre-line}.sig-preview .sig-empty{color:var(--muted);font-style:italic;font-size:11.5px}.sig-note{margin-top:12px;font-size:11px;color:var(--muted);line-height:1.65}.members-box-select,.members-add select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px}.members-box-select{margin-bottom:16px}.members-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}.members-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border-bottom:1px solid var(--line)}.members-name{font-size:14px;color:var(--ink)}.members-remove{border:none;background:transparent;color:var(--crit);font:inherit;font-size:12px;font-weight:600;min-height:44px;padding:0 8px;cursor:pointer}.members-remove:disabled{color:var(--muted);cursor:default}.members-add{display:flex;gap:8px;margin-top:16px}.members-add select{flex:1;min-width:0}.members-add-btn{min-height:44px;padding:0 18px;border:none;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.members-add-btn:disabled{background:var(--surface-3);color:var(--muted);cursor:default}.s-connect-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.s-connect-field label{font-size:11px;color:var(--muted);letter-spacing:.03em}.s-input{width:100%;border:1px solid var(--line-2);border-radius:8px;padding:9px 12px;background:var(--bg);color:var(--ink);font-size:13px;min-height:40px}.s-input:focus{outline:none;border-color:var(--accent)}.s-kind-row{display:flex;gap:8px}.s-kind{flex:1;border:1px solid var(--line-2);border-radius:10px;padding:8px 12px;text-align:left;color:var(--ink-soft);min-height:44px}.s-kind.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.s-kind .n{display:block;font-size:13px;font-weight:500}.s-kind .r{display:block;font-size:11px;color:var(--muted);margin-top:1px}.s-primary-btn{width:100%;background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:11px;font-size:13px;font-weight:500;letter-spacing:.03em;min-height:44px}.s-primary-btn:hover{background:var(--accent-strong)}.s-primary-btn:disabled{opacity:.5;cursor:default}.s-error{margin-top:12px;padding:10px 14px;border-radius:10px;background:var(--warn-soft);color:var(--warn);font-size:12px;line-height:1.5}.s-sync-row{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:8px}.s-sync-row .top{display:flex;align-items:center;justify-content:space-between;gap:8px}.s-sync-row .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ink)}.s-sync-row .when{flex-shrink:0;font-size:11px;color:var(--muted);font-family:var(--mono)}.s-sync-row .when.failed{color:var(--warn)}.s-sync-row .err{margin-top:4px;font-size:11px;color:var(--warn)}.toast{position:fixed;left:20px;right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 40px);background:var(--ink);color:var(--bg);padding:12px 16px;border-radius:12px;box-shadow:0 12px 32px -8px #0000004d;display:none;align-items:center;justify-content:space-between;gap:12px;z-index:30;font-size:12.5px;max-width:440px;margin:0 auto;animation:viewSheetIn .22s cubic-bezier(.16,1,.3,1)}:root[data-theme=dark] .toast{background:var(--surface-2);color:var(--ink);border:1px solid var(--line-2)}.toast.open{display:flex}.toast .msg{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0}.toast .undo-btn{background:transparent;color:var(--accent);padding:5px 14px;border:1px solid var(--accent);border-radius:5px;font-size:11px;letter-spacing:.05em;font-weight:500;min-height:44px;display:inline-flex;align-items:center;flex-shrink:0}.app-icon{width:30px;height:30px;flex-shrink:0;display:block;filter:drop-shadow(0 1px 2px rgba(24,24,27,.1))}.app-icon .ai-bg{fill:var(--accent)}.app-icon .ai-env{fill:none;stroke:#fff;stroke-width:2.8;stroke-linejoin:round;stroke-linecap:round}:root[data-theme=dark] .app-icon .ai-bg{fill:#0c0c0e}:root[data-theme=dark] .app-icon .ai-env{stroke:var(--accent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .app-icon .ai-bg{fill:#0c0c0e}:root:not([data-theme=light]) .app-icon .ai-env{stroke:var(--accent)}}:root[data-theme=dark] .app-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .app-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}}.mail-boot{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:var(--bg);color:var(--ink);font-family:var(--sans)}.mail-boot .brand-mini{font-family:var(--serif);font-weight:200;font-size:24px;letter-spacing:.18em;color:var(--ink)}.mail-boot .brand-mini em{color:var(--accent);font-style:normal}.mail-boot p{color:var(--muted);font-size:13px}.mail-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;text-align:center;color:var(--muted);font-size:13px}.mail-spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-3);border-top-color:var(--accent);animation:mail-spin .7s linear infinite}@keyframes mail-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mail-spinner{animation-duration:1.6s}}.mail-empty-icon{color:var(--muted-2)}.reader-empty{display:none}@media(min-width:960px){.mail-root{display:grid;grid-template-columns:260px 380px 1fr;grid-template-rows:100%}.drawer{position:static;transform:none!important;width:auto;box-shadow:none;border-right:1px solid var(--line);grid-column:1;grid-row:1;transition:none}.drawer-backdrop{display:none!important}.drawer-head{padding:22px 20px 12px}.view{position:static;grid-row:1;overflow:hidden}#v-list{grid-column:2;border-right:1px solid var(--line);display:flex!important}#v-reader,#v-composer,#v-settings{grid-column:3}.app-top{padding:14px 16px;border-bottom:1px solid var(--line)}#v-list #btn-drawer{display:none}#v-reader #btn-back{visibility:hidden}.thread-row.selected{background:var(--surface-2)}.thread-row.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.sheet{inset:50% auto auto 50%;max-width:440px;width:calc(100vw - 40px);max-height:76vh;border-radius:16px;box-shadow:var(--shadow-lg);padding:20px 0 24px;transform:translate(-50%,calc(-50% + 12px));margin:0}.sheet.open{transform:translate(-50%,-50%)}.sheet-handle{display:none}.sheet-title{padding:6px 24px 12px;font-size:20px}.sheet-sub{padding:0 24px 16px}.sheet-option{padding:12px 24px}.sheet-ai-draft{padding:14px 24px 16px}.sheet-sched{padding:6px 16px 0}.sheet-backdrop{background:#18181b59}:root[data-theme=dark] .sheet-backdrop{background:#0000008c}.reader-body{padding:36px 44px 100px}.r-subject{font-size:28px;max-width:26ch}.r-body{max-width:68ch}.reader-empty{display:flex}.thread-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}}.outbox-row{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}.outbox-row .ob-main{flex:1;min-width:0}.outbox-row .ob-line{display:flex;align-items:center;gap:8px}.outbox-row .ob-subject{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outbox-row .ob-sub{color:var(--muted);font-size:13px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outbox-row .ob-error{color:var(--crit);font-size:13px;margin-top:4px}.ob-status{flex:none;font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 9px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted)}.ob-status.sending{color:var(--accent);border-color:transparent;background:var(--accent-soft)}.ob-status.sent{color:var(--accent-ink);border-color:transparent;background:var(--accent)}.ob-status.failed{color:var(--crit);border-color:transparent;background:var(--warn-soft)}.ob-cancel{flex:none;align-self:center;min-height:44px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--muted);font-size:13px;cursor:pointer}.ob-cancel:hover{color:var(--crit);border-color:var(--crit)}.undo-btn .countdown{font-variant-numeric:tabular-nums;opacity:.8}.list-more-note{text-align:center;color:var(--muted);font-size:12.5px;padding:16px 20px 24px}.list-more-btn{display:block;width:100%;min-height:44px;padding:12px 20px 24px;border:none;background:transparent;color:var(--accent);font:inherit;font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:color .15s ease}.list-more-btn:hover{color:var(--accent-strong, var(--accent))}.list-more-btn:disabled{color:var(--muted);cursor:default}.list-more-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}@media(prefers-reduced-motion:reduce){.sheet,.drawer,.thread-row{transition:none!important}.toast,.sheet-backdrop,.drawer-backdrop{animation:none!important}}.filter-chip{position:relative}.filter-chip:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:44px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ex-card{margin:0 0 20px;padding:16px 18px;border-radius:16px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}.ex-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ex-kind{font-family:var(--serif);font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--accent-ink);background:var(--accent);padding:3px 12px;border-radius:999px}.ex-status,.ex-conf{font-size:11px;color:var(--muted)}.ex-conf{margin-left:auto}.ex-grid{display:flex;flex-direction:column;gap:8px}.ex-row{display:flex;gap:12px;font-size:14px}.ex-row .k{flex:none;width:5em;color:var(--muted)}.ex-row .v{color:var(--ink);min-width:0;word-break:break-word}.ex-amount{font-family:var(--serif);font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.ex-items{margin-top:12px}.ex-items-toggle{font-size:12.5px;color:var(--accent);min-height:32px}.ex-table{width:100%;border-collapse:collapse;margin-top:6px;font-size:13px}.ex-table td{padding:6px 4px;border-top:1px solid var(--line-2);color:var(--ink)}.ex-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}.ex-actions{display:flex;gap:10px;margin-top:16px}.ex-confirm,.ex-reject{min-height:44px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:500}.ex-confirm{flex:1;background:var(--accent);color:var(--accent-ink)}.ex-confirm:hover{background:var(--accent-strong)}.ex-reject{border:1px solid var(--line-2);color:var(--muted)}.ex-reject:hover{color:var(--crit);border-color:var(--crit)}.ex-confirm:disabled,.ex-reject:disabled{opacity:.5;cursor:default}.thread-history{margin:20px 0 4px;border-top:1px solid var(--line);padding-top:16px}.th-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:10px}.th-msg{border:1px solid var(--line-2);border-radius:12px;padding:10px 14px;margin-bottom:8px;background:var(--surface)}.th-msg.sent{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.th-head{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:32px;text-align:left}.th-who{font-size:13.5px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-time{flex:none;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.th-snip{font-size:13px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-body{font-size:14px;color:var(--ink);line-height:1.7;margin-top:8px}.th-body p{margin:0 0 8px;word-break:break-word;overflow-wrap:anywhere}.attach-mark{display:inline-flex;vertical-align:middle;color:var(--muted);margin-right:5px}.attach-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:2px 10px}.sk-list{padding:4px 0}.sk-row{padding:14px 20px;border-bottom:1px solid var(--line)}.sk-bar{height:11px;border-radius:6px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:sk-shimmer 1.4s ease infinite}.sk-bar.w-sender{width:45%;margin-bottom:10px}.sk-bar.w-subject{width:72%;margin-bottom:8px}.sk-bar.w-preview{width:90%;height:9px}@keyframes sk-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.sk-bar{animation:none}}.mail-onboard{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:40px 32px}.mail-onboard .ob-title{font-family:var(--serif);font-weight:300;font-size:20px;letter-spacing:.05em;color:var(--ink)}.mail-onboard .ob-sub{color:var(--muted);font-size:14px;max-width:24ch;line-height:1.7}.mail-onboard .ob-connect{min-height:44px;padding:0 22px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:500;margin-top:4px}.mail-onboard .ob-connect:hover{background:var(--accent-strong)}