:root{--sui-color-neutral-primary:#31363a;--sui-color-neutral-secondary:#899196;--sui-color-neutral-tertiary:#dbe0e4;--sui-color-on-neutral-tertiary:#6c757b;--sui-color-key-primary:#1261ec;--sui-color-on-key-primary:#fff;--sui-color-key-secondary:#6093ec;--sui-color-key-tertiary:#d4e2fc;--sui-color-outline-primary:#c1c8ce;--sui-color-outline-secondary:#e3e7e9;--sui-color-highlight-primary:#dfdfe7;--sui-color-highlight-secondary:#f6f6f8;--sui-color-surface:#fff;--sui-color-disabled-fill:#f3f5f8;--sui-color-success:#00a846;--sui-color-warning:#d18b00;--sui-color-error:#ff4b6c;--sui-color-scrim:#39454fa6;--sui-roundness-strong:8px;--sui-roundness-normal:8px;--sui-base-padding:12px;--sui-icon-gap:.3em;--sui-regular-ripple-effect-density:.2;--sui-broad-ripple-effect-density:.5;--sui-input-base-height:40px;--sui-shadow-hover:0px 2px 12px #18455f33;--sui-button-height:40px;--sui-button-font-weight:400;--sui-button-horizontal-padding:16px;--sui-button-ripple-effect-content:"";--sui-checkbox-size:20px;--sui-radio-size:20px;--sui-label-gap:4px}@media (prefers-color-scheme:dark){:root{--sui-color-neutral-primary:#dbe0e4;--sui-color-neutral-secondary:#899196;--sui-color-neutral-tertiary:#6c757b;--sui-color-on-neutral-tertiary:#dbe0e4;--sui-color-key-primary:#4ea1ff;--sui-color-on-key-primary:#000;--sui-color-key-secondary:#6093ec;--sui-color-key-tertiary:#223145;--sui-color-outline-primary:#444c52;--sui-color-outline-secondary:#60666c;--sui-color-highlight-primary:#2c2c2c;--sui-color-highlight-secondary:#252525;--sui-color-surface:#121212;--sui-color-disabled-fill:#2c2c2c;--sui-color-error:#ff453a;--sui-color-success:#34c759;--sui-color-warning:#ffd60a;--sui-color-scrim:#000000a6}}.button:where(button){font:inherit;border:none}.button:where(a){text-decoration:none}.button{background:var(--sui-color-key-primary);border-radius:var(--sui-roundness-strong);box-sizing:border-box;color:var(--sui-color-on-key-primary);cursor:pointer;font-weight:var(--sui-button-font-weight);align-items:center;gap:var(--sui-icon-gap);height:var(--sui-button-height);padding:0 var(--sui-button-horizontal-padding);justify-content:center;width:fit-content;display:inline-flex;position:relative;overflow:hidden}.button:hover{opacity:.9}.button:active:not(:disabled){transform:translateY(1px)}.button:before{aspect-ratio:1;background:var(--sui-color-on-key-primary);content:var(--sui-button-ripple-effect-content);opacity:0;z-index:-1;border-radius:50%;width:110%;transition:all .3s ease-out;display:block;position:absolute}.button:active:before{height:0;opacity:var(--sui-regular-ripple-effect-density);width:0;transition:all}.button:disabled:before{content:none}.button:where(.secondary){border:1px solid var(--sui-color-key-tertiary);color:var(--sui-color-key-primary);background:0 0}.button:where(.secondary):hover{background:var(--sui-color-key-tertiary)}.button:where(.secondary):before{background:var(--sui-color-key-secondary)}.button:where(.tertiary){border:1px solid var(--sui-color-outline-secondary);color:var(--sui-color-neutral-secondary);background:0 0}.button:where(.tertiary):hover{background:var(--sui-color-highlight-secondary)}.button:where(.tertiary):before{background:var(--sui-color-neutral-primary)}.button:where(.shy){color:var(--sui-color-neutral-secondary);background:0 0}.button:where(.shy):hover{background:var(--sui-color-highlight-secondary)}.button:where(.shy):before{background:var(--sui-color-neutral-primary)}.button:disabled{background:var(--sui-color-disabled-fill);color:var(--sui-color-on-neutral-tertiary);cursor:default;opacity:1;border-width:0}.button .icon{width:1.1em;height:1.1em}.button .icon:first-child{margin-left:-.2em}.button .icon:last-child{margin-right:-.2em}.callout{background:var(--sui-color-highlight-secondary);border-radius:var(--sui-roundness-normal);margin:0;padding:24px 16px;position:relative}.callout:where(:has(>.icon)){padding-inline-start:calc(28px + 1.2em)}.callout>.icon{width:1.2em;height:1.2em;position:absolute;inset-block-start:26px;inset-inline-start:16px}.callout>:where(.icon)+*,.callout>:where(:first-child){margin-block-start:0}.callout>:where(:last-child){margin-block-end:0}.callout>:where(blockquote){margin:0}.callout:where(.info){background:var(--sui-color-key-tertiary)}.callout:where(.success){background:color-mix(in srgb,var(--sui-color-success) 12%,transparent)}.callout:where(.warning){background:color-mix(in srgb,var(--sui-color-warning) 12%,transparent)}.callout:where(.destructive){background:color-mix(in srgb,var(--sui-color-error) 12%,transparent)}.card-option:has(>input[type=radio]){--card-option-control-size:var(--sui-radio-size)}.card-option:has(>input[type=checkbox]){--card-option-control-size:var(--sui-checkbox-size)}.card-option{--card-option-padding:calc(var(--sui-base-padding)*4/3);background-color:var(--sui-color-surface);border:1px solid var(--sui-color-outline-primary);border-radius:var(--sui-roundness-normal);box-sizing:border-box;cursor:pointer;padding:var(--card-option-padding);width:100%;padding-inline-start:calc(var(--card-option-padding) + var(--sui-base-padding) + var(--card-option-control-size));display:block;position:relative}.card-option:hover{background-color:var(--sui-color-highlight-secondary)}.card-option>input{line-height:inherit;margin:0;position:absolute;inset-block-start:round(nearest,calc(var(--card-option-padding) + (1lh - var(--card-option-control-size))/2 + 2px),1px);inset-inline-start:var(--card-option-padding)}.card-option:has(>input:checked){background-color:var(--sui-color-key-tertiary);border-color:var(--sui-color-key-primary)}.card-option:has(>input:focus-visible){border-color:var(--sui-color-key-primary)}.card-option:has(>input.error){border-color:var(--sui-color-error)}.card-option:has(>input.error:checked){background-color:color-mix(in srgb,var(--sui-color-error) 12%,transparent);border-color:var(--sui-color-error)}.card-option:has(>input:disabled){background-color:var(--sui-color-disabled-fill);color:var(--sui-color-on-neutral-tertiary);cursor:default}.card:where(button){font:inherit;text-align:inherit;background:0 0;border:none}.card:where(a){color:inherit;text-decoration:none}.card{background-color:var(--sui-color-surface);border:1px solid var(--sui-color-outline-primary);border-radius:var(--sui-roundness-normal);box-sizing:border-box;padding:var(--sui-base-padding);z-index:0;display:block;position:relative;overflow:hidden}.card:where(a),.card:where(button){color:inherit;cursor:pointer}.card:where(a):hover:before,.card:where(button):hover:before{background-color:var(--sui-color-highlight-secondary);content:"";z-index:-1;display:block;position:absolute;inset:0}.card:where(a):hover:after,.card:where(button):hover:after{aspect-ratio:1;background-color:var(--sui-color-neutral-primary);content:"";opacity:0;z-index:1;border-radius:50%;width:110%;transition:all .2s ease-out;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card:where(a):active:after,.card:where(button):active:after{height:0;opacity:var(--sui-broad-ripple-effect-density);width:0;transition:all}.checkbox:where(input[type=checkbox]){appearance:none;background-color:#0000}.checkbox{background:radial-gradient(circle,var(--sui-color-key-primary) 50%,transparent 50%);border-radius:calc(var(--sui-roundness-normal)*2/3);box-shadow:inset 0 0 0 2px var(--sui-color-outline-primary);cursor:pointer;height:var(--sui-checkbox-size);min-width:var(--sui-checkbox-size);vertical-align:middle;width:var(--sui-checkbox-size);--check-width:calc(var(--sui-checkbox-size)/8);--check-hook-length:calc(var(--sui-checkbox-size)/2.9);--check-tail-length:calc(var(--sui-checkbox-size)/1.8);--check-anchor:calc(var(--sui-checkbox-size)/1.7) calc(var(--sui-checkbox-size)/2.4);--check-color:var(--sui-color-on-key-primary);--timing-former-half:cubic-bezier(.605,1.27,.445,.95);--timing-latter-half:cubic-bezier(.755,0,.3,-.055);--check-duration:.1s;background-position:50%;background-repeat:no-repeat;background-size:0 0;margin:0;padding:0;transition:background-size 50ms cubic-bezier(1,.345,1,.265);position:relative}.checkbox:where(:checked){background-size:calc(var(--sui-checkbox-size)*2) calc(var(--sui-checkbox-size)*2);box-shadow:inset 0 0 0 2px var(--sui-color-key-primary);transition:background-size .15s ease-out}.checkbox:before{background-color:var(--check-color);content:"";height:var(--check-width);inset:var(--check-anchor);transform:translateX(-100%) rotate(45deg) translateX(calc(var(--check-hook-length)*-1));transform-origin:100% 100%;transition:all var(--check-duration) var(--timing-latter-half);width:0;display:block;position:absolute}.checkbox:where(:checked):before{transition:all var(--check-duration) var(--timing-former-half);width:var(--check-hook-length);transform:translate(-100%)rotate(45deg)translate(0)}.checkbox:after{background-color:var(--check-color);content:"";height:var(--check-width);inset:var(--check-anchor);transform-origin:0 100%;transition:all var(--check-duration) var(--timing-former-half);width:0;display:block;position:absolute;transform:rotate(-45deg)}.checkbox:where(:checked):after{transition:all var(--check-duration) var(--timing-latter-half);width:var(--check-tail-length)}.checkbox:where(.error){background:radial-gradient(circle,var(--sui-color-error) 50%,transparent 50%);box-shadow:inset 0 0 0 2px var(--sui-color-error);background-position:50%;background-repeat:no-repeat;background-size:0 0}.checkbox:where(.error):checked{background-size:calc(var(--sui-checkbox-size)*2) calc(var(--sui-checkbox-size)*2);border-color:var(--sui-color-error);transition:background-size .15s ease-out}.checkbox:where(:disabled){background-color:var(--sui-color-disabled-fill);box-shadow:inset 0 0 0 1px var(--sui-color-outline-primary);cursor:default}.checkbox:where(:disabled):where(:checked){opacity:.5}.chip:where(button){font:inherit}.chip:where(a){text-decoration:none}.chip{border:1px solid var(--sui-color-outline-primary);box-sizing:border-box;color:var(--sui-color-neutral-primary);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:2px;width:fit-content;min-height:32px;padding:0 12px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.chip:where(button,a){cursor:pointer}.chip:where(button,a):where(:hover){background:var(--sui-color-highlight-secondary)}.chip:where(button,a):where(:active:not(:disabled)){transform:translateY(1px)}.chip:where(.active){background:var(--sui-color-key-tertiary);border-color:var(--sui-color-key-tertiary);color:var(--sui-color-key-primary)}.chip:where(:disabled){background:var(--sui-color-disabled-fill);color:var(--sui-color-on-neutral-tertiary);cursor:default;border-color:#0000}.chip .icon{width:1em;height:1em}.details:where(details){background-color:var(--sui-color-surface);border:1px solid var(--sui-color-outline-primary);border-radius:var(--sui-roundness-normal);box-sizing:border-box;width:100%;overflow:hidden}.details:where(details)>:where(summary){box-sizing:border-box;cursor:pointer;min-height:48px;padding:20px calc(var(--sui-base-padding)*4/3);align-items:center;font-weight:600;list-style:none;display:flex}.details:where(details)>:where(summary)::-webkit-details-marker{display:none}.details:where(details)>:where(summary)>.icon{height:1.2em;flex:none;width:1.2em;margin-block-start:-.15em;margin-inline-end:var(--sui-icon-gap)}.details:where(details)>:where(summary):after{content:"";border-block-end:2px solid;border-inline-end:2px solid;width:.45em;height:.45em;margin-inline-start:auto;transition:transform .15s ease-out;transform:rotate(45deg)}.details:where(details)>:where(summary:hover){background-color:var(--sui-color-highlight-secondary)}.details:where(details)>:where(summary:focus-visible){outline:2px solid var(--sui-color-key-primary);outline-offset:-2px}.details:where(details[open])>:where(summary):after{transform:rotate(225deg)}.details:where(details)>:where(:not(summary)){margin-block:8px 24px;margin-inline:calc(var(--sui-base-padding)*4/3)}.details:where(details):where(:has(>summary>.icon))>:where(:not(summary)){margin-inline-start:calc(var(--sui-base-padding)*4/3 + 1.2em + var(--sui-icon-gap))}.dialog{background-color:var(--sui-color-surface);border-radius:var(--sui-roundness-normal);box-shadow:var(--sui-shadow-hover);box-sizing:border-box;color:inherit;z-index:1000;border:none;overflow:hidden}.dialog::backdrop{background-color:var(--sui-color-scrim)}.dialog:where(.popover){border-radius:var(--sui-roundness-normal);margin:0;padding:0;position:fixed}.dialog:where(.anchor_left):where(.anchor_top){transform:none}.dialog:where(.anchor_left):where(.anchor_bottom){transform:translateY(-100%)}.dialog:where(.anchor_right):where(.anchor_top){transform:translate(-100%,8px)}.dialog:where(.anchor_right):where(.anchor_bottom){transform:translate(-100%,calc(-100% - 8px))}.dialog:where(.modal){border-radius:calc(var(--sui-roundness-normal)*1.5)}.dialog:where(.modal)::backdrop{background-color:var(--sui-color-scrim)}.fieldset{border:none;flex-direction:column;margin:0;padding:0;display:flex}.file-input:where(input[type=file]){background-color:var(--sui-color-surface);border:1px solid var(--sui-color-outline-primary);border-radius:calc(var(--sui-roundness-normal) + 4px);box-sizing:border-box;color:var(--sui-color-neutral-secondary);cursor:pointer;font:inherit;max-width:100%;padding:8px}.file-input:where(input[type=file])::file-selector-button{background-color:var(--sui-color-key-primary);border-radius:var(--sui-roundness-normal);color:var(--sui-color-on-key-primary);cursor:pointer;font:inherit;height:32px;padding-inline:var(--sui-base-padding);border:0;margin-inline-end:var(--sui-base-padding)}.file-input:where(input[type=file]):where(:hover)::file-selector-button{opacity:.9}.file-input:where(input[type=file]):where(.secondary)::file-selector-button{border:1px solid var(--sui-color-key-tertiary);color:var(--sui-color-key-primary);background-color:#0000}.file-input:where(input[type=file]):where(.secondary):where(:hover)::file-selector-button{background-color:var(--sui-color-key-tertiary);opacity:1}.file-input:where(input[type=file]):where(.tertiary)::file-selector-button{border:1px solid var(--sui-color-outline-secondary);color:var(--sui-color-neutral-secondary);background-color:#0000}.file-input:where(input[type=file]):where(.tertiary):where(:hover)::file-selector-button{background-color:var(--sui-color-highlight-secondary);opacity:1}.file-input:where(input[type=file]):where(.shy)::file-selector-button{color:var(--sui-color-neutral-secondary);background-color:#0000}.file-input:where(input[type=file]):where(.shy):where(:hover)::file-selector-button{background-color:var(--sui-color-highlight-secondary);opacity:1}.file-input:where(input[type=file]):where(.dragover){background-color:var(--sui-color-key-tertiary);border-color:var(--sui-color-key-primary)}.file-input:where(input[type=file]):where(.error){border-color:var(--sui-color-error)}.file-input:where(input[type=file]):where(:disabled){background-color:var(--sui-color-disabled-fill);color:var(--sui-color-on-neutral-tertiary);cursor:default}.file-input:where(input[type=file]):where(:disabled)::file-selector-button{background-color:var(--sui-color-neutral-tertiary);color:var(--sui-color-on-neutral-tertiary);cursor:default;opacity:1}.helper-text{color:var(--sui-color-neutral-secondary);margin:0;padding:4px 0;font-size:.9em;line-height:1.2}.helper-text:where(.error){color:var(--sui-color-error)}.icon{vertical-align:text-bottom;width:auto;max-width:1.2em;height:1.2em;display:inline-block}picture.icon>img{width:auto;height:100%;display:block}.input:where(:not([type])),.input:where([type=date]),.input:where([type=datetime-local]),.input:where([type=email]),.input:where([type=month]),.input:where([type=number]),.input:where([type=password]),.input:where([type=search]),.input:where([type=tel]),.input:where([type=text]),.input:where([type=time]),.input:where([type=url]),.input:where([type=week]){background-color:var(--sui-color-surface);border:1px solid var(--sui-color-outline-primary);border-radius:var(--sui-roundness-normal);box-sizing:border-box;color:var(--sui-color-neutral-primary);font:inherit;height:var(--sui-input-base-height);padding:0 var(--sui-base-padding)}.input::placeholder{color:var(--sui-color-neutral-secondary)}.input:disabled{background-color:var(--sui-color-disabled-fill)}.input:where(.error){border-color:var(--sui-color-error)}.key-value:where(dl){-moz-column-gap:24px;grid-template-columns:auto 1fr;gap:8px 24px;margin:0;padding:0;list-style:none;display:grid}.key-value:where(dl) dt{color:var(--sui-color-neutral-secondary)}.key-value:where(dl) dd{justify-self:end;margin:0}.label:has(.checkbox){align-items:center;gap:var(--sui-label-gap);display:inline-flex}.label:has(+.checkbox){margin-inline-end:var(--sui-label-gap)}.checkbox+.label{margin-inline-start:var(--sui-label-gap)}.label:has(.switch){align-items:center;gap:var(--sui-label-gap);display:inline-flex}.label:has(+.switch){vertical-align:middle;margin-inline-end:var(--sui-label-gap)}.switch+.label{vertical-align:middle;margin-inline-start:var(--sui-label-gap)}.label:has(.radio){align-items:center;gap:var(--sui-label-gap);display:inline-flex}.label:has(+.radio){margin-inline-end:var(--sui-label-gap)}.radio+.label{margin-inline-start:var(--sui-label-gap)}.label:where(.error){color:var(--sui-color-error)}.legend:where(legend){padding:0}.legend:where(legend):where(.error){color:var(--sui-color-error)}.link:where(button){font:inherit;background-color:#0000;border:none;padding:0;position:relative}.link{color:var(--sui-color-key-primary);cursor:pointer;text-align:left;flex-wrap:wrap;align-items:center;text-decoration:underline;display:inline-flex}.link:where(:hover){text-decoration:underline}.link:where(.seamless){color:inherit;font:inherit}.link:where(.passive){color:var(--sui-color-neutral-secondary);text-decoration:none}.link:where(.passive):where(:hover){text-decoration:underline}:where(.link) .icon{width:1.1em;height:1.1em}.menu-item:where(a){color:inherit;text-decoration:none}.menu-item:where(button){color:inherit;font:inherit;text-align:inherit;background:0 0;border:none}.menu-item{border-radius:var(--sui-roundness-normal);box-sizing:border-box;cursor:pointer;font:inherit;align-items:center;gap:var(--sui-icon-gap);min-height:40px;padding:calc(var(--sui-base-padding)*2/3) var(--sui-base-padding);z-index:0;background-color:#0000;justify-content:flex-start;width:100%;display:flex;position:relative;overflow:hidden}.menu-item:hover:before{background-color:var(--sui-color-highlight-secondary);content:"";z-index:-2;display:block;position:absolute;inset:0}.menu-item:where(a):hover:after,.menu-item:where(button):hover:after{aspect-ratio:1;background-color:var(--sui-color-neutral-primary);content:"";opacity:0;z-index:-1;border-radius:50%;width:110%;transition:all .2s ease-out;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-item:where(a):active:after,.menu-item:where(button):active:after{height:0;opacity:var(--sui-regular-ripple-effect-density);width:0;transition:all}.menu-item:where(.active){background-color:var(--sui-color-key-tertiary);color:var(--sui-color-key-primary)}.menu-item:where(.active):hover{opacity:.8}.menu-item:where(.active):hover:before{content:none}:where(.menu-item) .icon{width:1.3em;height:1.3em}.meter:where(meter){appearance:none;box-sizing:border-box;border:0;border-radius:4px;height:24px;overflow:hidden}.meter:where(meter)::-webkit-meter-bar{background:var(--sui-color-key-tertiary);border:0;border-radius:4px}.meter:where(meter)::-webkit-meter-optimum-value{background:var(--sui-color-key-primary)}.meter:where(meter)::-webkit-meter-suboptimum-value{background:var(--sui-color-warning)}.meter:where(meter)::-webkit-meter-even-less-good-value{background:var(--sui-color-error)}.meter:where(meter)::-moz-meter-bar{background:var(--sui-color-key-primary);border-radius:4px}.meter:where(meter:-moz-meter-sub-optimum)::-moz-meter-bar{background:var(--sui-color-warning)}.meter:where(meter:-moz-meter-sub-sub-optimum)::-moz-meter-bar{background:var(--sui-color-error)}.progress{appearance:none;border-radius:3px;height:8px;position:relative;overflow:hidden}.progress::-webkit-progress-value{background-color:var(--sui-color-key-primary)}.progress::-webkit-progress-bar{background-color:var(--sui-color-key-tertiary)}.progress:where(:not(.circular)):indeterminate:before{background-color:var(--sui-color-key-primary);content:"";transform-origin:0;animation:1s linear infinite sui-indeterminate;position:absolute;inset:0}.progress:where(.circular){appearance:none;color:var(--sui-color-key-primary);width:48px;height:48px;position:relative;overflow:visible;container-type:size}.progress:where(.circular):before{content:"";background-color:#0000;border:12cqh solid;border-radius:50%;animation:1s linear infinite sui-rotate;position:absolute;inset:0;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRDlEOUQ5IiBkPSJNMTAwIDBINDBsMTAgNTBMMCA0MHY2MGgxMDB6Ii8+PC9zdmc+) 0 0/cover;mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRDlEOUQ5IiBkPSJNMTAwIDBINDBsMTAgNTBMMCA0MHY2MGgxMDB6Ii8+PC9zdmc+) 0 0/cover}.progress.circular::-webkit-progress-bar{background-color:#0000}.progress.skeleton{appearance:none;border-radius:6px;width:100%;height:240px;position:relative;overflow:hidden}.progress.skeleton:indeterminate:before{background:linear-gradient(.28turn,transparent 20%,var(--sui-color-highlight-primary) 50%,transparent 80%);transform-origin:0;width:200%;animation:1s linear infinite sui-skeleton}.progress.skeleton::-webkit-progress-bar{background-color:var(--sui-color-highlight-secondary)}@keyframes sui-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes sui-indeterminate{0%{transform:translate(0)scaleX(0)}40%{transform:translate(0)scaleX(.4)}to{transform:translate(100%)scaleX(.5)}}@keyframes sui-skeleton{0%{transform:translate(-100%)}to{transform:translate(100%)}}.radio:where(input[type=radio]){appearance:none}.radio{border:2px solid var(--sui-color-outline-primary);cursor:pointer;height:var(--sui-radio-size);min-width:var(--sui-radio-size);vertical-align:-.3em;width:var(--sui-radio-size);border-radius:50%;margin:0;padding:0;position:relative}.radio:where(:checked){border-color:var(--sui-color-key-primary)}.radio:before{background-color:var(--sui-color-key-primary);content:"";height:calc(var(--sui-radio-size)*1/3);opacity:0;width:calc(var(--sui-radio-size)*1/3);border-radius:50%;transition:width .12s ease-out,height .12s ease-out;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.radio:where(:checked):before{height:calc(var(--sui-radio-size)*3/5);opacity:1;width:calc(var(--sui-radio-size)*3/5)}.radio:where(.error){border-color:var(--sui-color-error)}.radio:where(.error):before{background-color:var(--sui-color-error)}.radio:where(:disabled){border-color:var(--sui-color-outline-primary);cursor:default}.radio:where(:disabled):where(:checked):before{background-color:var(--sui-color-neutral-secondary)}.select:where(select){appearance:none}.select{background-color:var(--sui-color-surface);border:1px solid var(--sui-color-outline-primary);border-radius:var(--sui-roundness-normal);color:var(--sui-color-neutral-primary);font:inherit;height:var(--sui-input-base-height);padding:calc(var(--sui-base-padding)*2/3) calc(var(--sui-base-padding)*2) calc(var(--sui-base-padding)*2/3) var(--sui-base-padding);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI3Ij48cGF0aCBmaWxsPSIjNGU2NzdjIiBkPSJNNS40ODYgNC4xIDguODA4Ljc3OGwxLjQxNCAxLjQxNEw1LjQ4NiA2LjkzLjc0OSAyLjE5MiAyLjE2My43Nzh6Ii8+PC9zdmc+);background-position:right 6px center;background-repeat:no-repeat;position:relative}.select:has(option:checked[value=""]){color:var(--sui-color-neutral-secondary)}:where(.select) option{color:var(--sui-color-neutral-primary)}.select:where(.error){border-color:var(--sui-color-error)}.select:disabled{background-color:var(--sui-color-disabled-fill)}.switch:where(input[type=checkbox]){appearance:none;background-color:var(--sui-color-neutral-tertiary);cursor:pointer;vertical-align:middle;border-radius:16px;align-items:center;width:48px;height:32px;transition:background-color .15s;display:inline-flex;position:relative}.switch:where(input[type=checkbox]):checked{background-color:var(--sui-color-key-primary)}.switch:where(input[type=checkbox]):after{border:1px solid;border-color:var(--sui-color-outline-primary);box-sizing:border-box;content:"";background-color:#fff;border-radius:50%;width:26px;height:26px;margin:auto;transition:left .15s;display:block;position:absolute;top:0;bottom:0;left:2px}.switch:where(input[type=checkbox]):checked:after{left:calc(100% - 29px)}.switch:where(input[type=checkbox]):where(.error){border:1px solid var(--sui-color-error)}.switch:where(input[type=checkbox]):where(.error):checked{background-color:var(--sui-color-error)}.switch:where(input[type=checkbox]):disabled{cursor:default;opacity:.4}.tab-item:where(button){font:inherit}.tab-item:where(a){text-decoration:none}.tab-item:where(button,a){box-sizing:border-box;color:var(--sui-color-neutral-primary);white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:64px;min-height:48px;padding:0 16px;display:inline-flex;position:relative}.tab-item:where(button,a):where(:hover){background:var(--sui-color-highlight-secondary)}.tab-item:where(button,a):where(:focus-visible){outline:2px solid var(--sui-color-key-primary);outline-offset:-2px}.tab-item:where(button,a):where(.active){color:var(--sui-color-key-primary);font-weight:600}.tab-item:where(button,a):where(.active):after{content:"";background:currentColor;border-radius:2px 2px 0 0;height:3px;position:absolute;inset-block-end:0;inset-inline:12px}.tab-item:where(button):where(:disabled){color:var(--sui-color-neutral-secondary);cursor:default}.tab-item:where(button):where(:disabled:hover){background:0 0}.table{border-collapse:collapse}.table thead{border-bottom:1px solid var(--sui-color-outline-secondary)}.table th{color:var(--sui-color-neutral-secondary);font-weight:inherit;padding:calc(var(--sui-base-padding)/3) var(--sui-base-padding);text-align:left}.table td,.table th{vertical-align:middle}.table td{padding:calc(var(--sui-base-padding)*2/3) var(--sui-base-padding)}.table tbody tr:hover{background-color:var(--sui-color-highlight-secondary)}.table caption{caption-side:bottom;color:var(--sui-color-neutral-secondary);font-size:.9em}.textarea{background:var(--sui-color-surface);border-color:var(--sui-color-outline-primary);border-radius:var(--sui-roundness-normal);box-sizing:border-box;color:var(--sui-color-neutral-primary);font:inherit;padding:calc(var(--sui-base-padding)*2/3) var(--sui-base-padding);border-style:solid;border-width:1px}.textarea::placeholder{color:var(--sui-color-neutral-secondary)}.textarea:disabled{background-color:var(--sui-color-disabled-fill)}.textarea:where(.error){border-color:var(--sui-color-error)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--primary-color:#0284c7;--primary-hover:#0369a1;--accent-green:#10b981;--accent-amber:#f59e0b;--accent-red:#ef4444;--sui-color-key-primary:var(--primary-color);--sui-color-on-key-primary:#fff;--sui-checkbox-size:20px;--sui-button-height:38px;--sui-button-horizontal-padding:14px;--sui-roundness-normal:8px;--sui-roundness-strong:8px;--sui-color-surface:var(--bg-card);--sui-color-outline-primary:var(--border-color);--sui-color-outline-secondary:var(--border-color);--sui-color-neutral-primary:var(--text-main);--sui-color-neutral-secondary:var(--text-muted);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans,Meiryo,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.checkbox{--sui-color-key-primary:var(--accent-green);--sui-color-on-key-primary:#fff}@media (prefers-color-scheme:light){:root{--bg-base:#f8fafc;--bg-outer:#e2e8f0;--bg-card:#fff;--bg-card-sub:#f1f5f9;--bg-input:#f1f5f9;--border-color:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--topbar-bg:#ffffffd9;--bottombar-bg:#ffffffe6;--card-shadow:0 1px 3px #0000000d;--sui-color-key-tertiary:#0284c733;--sui-color-highlight-secondary:#f1f5f9}}@media (prefers-color-scheme:dark){:root{--bg-base:#09090b;--bg-outer:#000;--bg-card:#18181b;--bg-card-sub:#27272a;--bg-input:#27272a;--border-color:#3f3f46;--text-main:#f4f4f5;--text-muted:#a1a1aa;--topbar-bg:#09090bd9;--bottombar-bg:#18181be6;--card-shadow:0 2px 8px #0006;--sui-color-key-primary:var(--primary-color);--sui-color-on-key-primary:#fff;--sui-color-key-tertiary:#0284c74d;--sui-color-highlight-secondary:#27272a}}*{box-sizing:border-box}body{background-color:var(--bg-base);color:var(--text-main);-webkit-tap-highlight-color:transparent;width:100vw;height:100dvh;margin:0;padding:0;overflow:hidden}button,[role=button]{-webkit-user-select:none;user-select:none}.checkbox{flex-shrink:0}.app-layout{background-color:var(--bg-base);width:100vw;height:100dvh;color:var(--text-main);flex-direction:column;display:flex;position:relative;overflow:hidden}.main-header{background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);z-index:10;flex-shrink:0;justify-content:center;width:100%;height:52px;display:flex}.header-inner{justify-content:space-between;align-items:center;width:100%;max-width:720px;padding:0 16px;display:flex}.header-left{align-items:center;gap:8px;display:flex}.header-app-logo{border-radius:7px;flex-shrink:0;width:28px;height:28px}.brand-title{letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:700}.header-right{align-items:center;gap:8px;display:flex}.btn-header-pill{cursor:pointer;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.install-pill{color:var(--primary-color);background:#0284c726;border:1px solid #0284c766;transition:background-color .15s}.install-pill:hover{background:#0284c740}.warning-pill{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b66}.main-content{flex-direction:column;flex:1;width:100%;display:flex;position:relative;overflow:hidden}.list-summary-bar{background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:center;width:100%;display:flex}.summary-bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:720px;padding:10px 16px;display:flex}.summary-left{align-items:center;gap:6px;display:flex}.count-badge{color:var(--primary-color);font-size:.95rem;font-weight:700}.summary-label{color:var(--text-muted);font-size:.85rem}.summary-actions{align-items:center;gap:6px;display:flex}.btn-action{--sui-button-height:30px;--sui-button-horizontal-padding:8px;white-space:nowrap;gap:4px;font-size:.8rem;font-weight:600}.btn-action:disabled{opacity:.4;cursor:not-allowed}.btn-danger-action{color:var(--accent-red)!important}.btn-danger-action:hover{border-color:var(--accent-red)!important}.records-container{padding:12px 16px calc(88px + env(safe-area-inset-bottom,20px)) 16px;flex-direction:column;flex:1;align-items:center;width:100%;display:flex;overflow-y:auto}.empty-state-card{text-align:center;width:100%;max-width:720px;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.empty-icon{opacity:.4;margin-bottom:16px}.empty-title{color:var(--text-main);margin:0 0 6px;font-size:1.1rem;font-weight:700}.empty-desc{max-width:280px;margin:0;font-size:.85rem;line-height:1.5}.records-list{flex-direction:column;gap:10px;width:100%;max-width:720px;display:flex}.record-item{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);cursor:pointer;border-radius:12px;gap:12px;padding:12px 14px;transition:background .15s,border-color .15s,opacity .15s;display:flex}.record-item:hover{border-color:var(--primary-color)}.record-item.is-completed{background:var(--bg-card-sub);opacity:.76}.record-meta-col{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;min-width:22px;padding-top:1px;display:flex}.record-index{color:var(--text-muted);font-size:.75rem;font-weight:700}.record-body{flex:1;min-width:0}.record-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.record-title{word-break:break-all;color:var(--text-main);flex:1;margin:0;font-size:1rem;font-weight:700}.record-grid{grid-template-columns:1fr 1fr;gap:4px 8px;font-size:.8rem;display:grid}.record-prop{text-overflow:ellipsis;white-space:nowrap;gap:4px;display:flex;overflow:hidden}.prop-key{color:var(--text-muted);flex-shrink:0}.prop-val{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record-memo{color:var(--primary-color);background:#0284c714;border-radius:4px;margin-top:6px;padding:2px 6px;font-size:.75rem;display:inline-block}.record-controls{flex-direction:column;gap:6px;display:flex}.btn-row-action{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.btn-row-delete:hover{color:var(--accent-red);border-color:var(--accent-red)}.main-bottom-bar{background:var(--bottombar-bg);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-color);z-index:10;justify-content:center;width:100%;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-bar-inner{width:100%;max-width:720px;padding:10px 20px calc(10px + env(safe-area-inset-bottom,14px)) 20px;flex-direction:column;align-items:center;gap:8px;display:flex}.bottom-actions-row{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.terms-notice-footer{color:var(--text-muted);text-align:center;margin:0;font-size:.68rem;line-height:1.3}.link-terms-inline{color:var(--primary-color);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0 2px;text-decoration:underline;display:inline}.link-terms-inline:hover{color:var(--primary-hover)}.btn-file-sub{background:var(--bg-card-sub);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-main);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-primary-scan{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;max-width:320px;height:48px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 14px #0284c766}.btn-primary-scan:active{background:var(--primary-hover);transform:scale(.98)}.scanner-fullscreen{z-index:100;background:#000;flex-direction:column;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.scanner-topbar{z-index:20;background:linear-gradient(#000c 0%,#0003 80%,#0000 100%);justify-content:center;width:100%;height:56px;display:flex;position:absolute;top:0;left:0;right:0}.scanner-topbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:720px;padding:0 16px;display:flex}.btn-scanner-back{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0006;border:1px solid #ffffff40;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:flex}.scanner-topbar-right{align-items:center;gap:8px;display:flex}.btn-scanner-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0006;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.scanner-viewport{background:#000;flex:1;width:100%;height:100%;position:relative;overflow:hidden}#camera-stream{object-fit:cover;width:100%;height:100%;display:block}.scanner-inactive{color:#a1a1aa;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:24px;display:flex}.scanner-overlay-guide{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scanner-frame{aspect-ratio:3/4;border:1px dashed #fff6;border-radius:14px;width:min(84vw,560px);max-height:calc(100dvh - 200px);position:relative;box-shadow:0 0 0 9999px #0006}@media (width>=600px) and (height>=650px){.scanner-frame{width:min(72vw,540px);max-height:72dvh}}@media (orientation:landscape){.scanner-frame{aspect-ratio:3/4;width:auto;height:min(72dvh,520px)}}.scanner-frame .corner{border-style:solid;border-color:#38bdf8;width:24px;height:24px;position:absolute}.scanner-frame .top-left{border-width:3px 0 0 3px;border-top-left-radius:14px;top:-2px;left:-2px}.scanner-frame .top-right{border-width:3px 3px 0 0;border-top-right-radius:14px;top:-2px;right:-2px}.scanner-frame .bottom-left{border-width:0 0 3px 3px;border-bottom-left-radius:14px;bottom:-2px;left:-2px}.scanner-frame .bottom-right{border-width:0 3px 3px 0;border-bottom-right-radius:14px;bottom:-2px;right:-2px}.frame-hint{text-align:center;color:#ffffffe6;text-shadow:0 1px 3px #000c;font-size:.78rem;font-weight:500;position:absolute;bottom:12px;left:0;right:0}.scanner-bottombar{bottom:calc(28px + env(safe-area-inset-bottom,20px));z-index:20;justify-content:center;width:100%;display:flex;position:absolute;left:0;right:0}.scanner-bottombar-inner{justify-content:space-around;align-items:center;width:100%;max-width:720px;padding:0 24px;display:flex}.btn-scanner-sub{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.btn-read-trigger{cursor:pointer;background:0 0;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;padding:4px;display:flex;box-shadow:0 4px 20px #0009}.read-trigger-inner{color:#0284c7;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .1s,background .1s;display:flex}.btn-read-trigger:active .read-trigger-inner{background:#e2e8f0;transform:scale(.9)}.btn-read-trigger:disabled{opacity:.7;cursor:not-allowed}.trigger-spinner{border:3px solid #0284c733;border-top-color:#0284c7;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}.bottomsheet-overlay{-webkit-backdrop-filter:blur(6px);z-index:110;background:#00000073;flex-direction:column;justify-content:flex-end;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.bottomsheet-card{background:var(--bg-card);border-top:1px solid var(--border-color);padding:12px 18px calc(24px + env(safe-area-inset-bottom,20px)) 18px;max-height:85dvh;color:var(--text-main);box-sizing:border-box;border-radius:20px 20px 0 0;width:100%;animation:.22s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden auto;box-shadow:0 -8px 30px #00000080}.bottomsheet-handle{background:var(--border-color);border-radius:9999px;width:44px;height:4px;margin:0 auto 12px}.bottomsheet-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.bottomsheet-header h3{margin:0;font-size:1.1rem;font-weight:700}.btn-sheet-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.analyzing-view{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:36px 16px;display:flex}.analyzing-text{margin:0;font-size:.95rem;font-weight:600}.sheet-form{flex-direction:column;gap:10px;width:100%;min-width:0;display:flex}.sheet-form label{flex-direction:column;gap:4px;min-width:0;display:flex}.sheet-form input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);box-sizing:border-box;border-radius:8px;outline:none;width:100%;min-width:0;padding:9px 12px;font-size:.95rem}.sheet-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #0284c740}.field-title input{font-size:1.05rem;font-weight:700}.fields-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;min-width:0;display:grid}.sheet-action-row{gap:10px;margin-top:10px;padding-top:8px;display:flex}.sheet-action-row .button{--sui-button-height:46px;border-radius:10px;width:100%}.btn-sheet-cancel{flex:1;font-size:.95rem;font-weight:600}.btn-sheet-confirm{flex:2.2;font-size:1rem;font-weight:700;box-shadow:0 4px 12px #0284c759}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:120;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:440px;color:var(--text-main);border-radius:16px;flex-direction:column;display:flex;box-shadow:0 12px 36px #0006}.modal-box-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-box-header h3{margin:0;font-size:1.1rem;font-weight:700}.modal-box-body{flex-direction:column;gap:16px;padding:20px;display:flex}.modal-box-body label:not(.field-check-label){flex-direction:column;gap:6px;font-size:.85rem;display:flex}.modal-box-body input:not([type=checkbox]):not([type=radio]),.modal-box-body select{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;outline:none;padding:9px 12px;font-size:.95rem}.help-text{color:var(--text-muted);font-size:.78rem;line-height:1.4}.modal-box-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.btn-main{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-sub{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:9px 16px;font-size:.95rem}.btn-sm{white-space:nowrap;padding:6px 12px;font-size:.82rem}.pwa-modal-box{max-width:420px}.pwa-modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.pwa-hero{align-items:center;gap:14px;display:flex}.pwa-hero-icon{border-radius:12px;flex-shrink:0;width:52px;height:52px;box-shadow:0 4px 12px #0003}.pwa-hero-text{flex-direction:column;gap:3px;display:flex}.pwa-hero-title{margin:0;font-size:1.05rem;font-weight:700}.pwa-hero-subtitle{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.4}.pwa-features-list{background:var(--bg-card-sub);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.pwa-feature-item{align-items:flex-start;gap:10px;display:flex}.feature-icon{color:var(--primary-color);flex-shrink:0;margin-top:2px}.feature-text{flex-direction:column;gap:2px;display:flex}.feature-text strong{font-size:.85rem}.feature-text span{color:var(--text-muted);font-size:.76rem;line-height:1.35}.pwa-install-guide{background:#0284c714;border:1px solid #0284c740;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.install-steps{flex-direction:column;gap:8px;display:flex}.install-step-row{align-items:center;gap:10px;display:flex}.step-badge{background:var(--primary-color);color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;font-weight:700;display:inline-flex}.step-desc{flex-wrap:wrap;align-items:center;gap:4px;font-size:.82rem;line-height:1.4;display:inline-flex}.guide-note{color:var(--text-muted);margin:0;font-size:.74rem}.pwa-modal-footer{justify-content:flex-end;gap:10px;display:flex}.terms-modal-box{max-width:440px}.terms-header-title{color:var(--primary-color);align-items:center;gap:8px;display:flex}.terms-header-title h3{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700}.terms-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.terms-lead{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.45}.terms-card-list{flex-direction:column;gap:10px;display:flex}.terms-card-item{background:var(--bg-card-sub);border:1px solid var(--border-color);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.terms-item-icon{color:var(--accent-green);flex-shrink:0;margin-top:2px}.terms-item-text{flex-direction:column;gap:2px;display:flex}.terms-item-text strong{color:var(--text-main);font-size:.85rem}.terms-item-text span{color:var(--text-muted);font-size:.76rem;line-height:1.4}.terms-modal-footer{justify-content:flex-end;gap:10px;display:flex}.btn-dialog-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none}dialog#edit-dialog{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);border-radius:16px;width:90%;max-width:440px;padding:20px;box-shadow:0 12px 36px #0006}dialog#edit-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.dialog-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dialog-header h3{margin:0}dialog form{flex-direction:column;gap:10px;display:flex}dialog label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:.8rem;display:flex}dialog input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;padding:8px 12px;font-size:.95rem}dialog menu{justify-content:flex-end;gap:8px;margin:16px 0 0;padding:0;display:flex}.feedback-toast{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);z-index:200;pointer-events:none;white-space:nowrap;border-radius:9999px;padding:8px 18px;font-size:.85rem;font-weight:600;animation:.2s ease-out fadeIn;position:fixed;top:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.record-detail-modal-box{max-width:480px}.detail-header-title{align-items:center;gap:10px;display:flex}.detail-modal-body{flex-direction:column;gap:12px;max-height:calc(85dvh - 125px);padding:16px 20px;display:flex;overflow-y:auto}.detail-fields-list{flex-direction:column;gap:8px;display:flex}.detail-field-row{background:var(--bg-card-sub);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.detail-field-row.is-clickable{cursor:pointer}.detail-field-row.is-clickable:hover{border-color:var(--primary-color);background:#0284c70d}.detail-field-row.is-checked{background:#10b98114;border-color:#10b98159}.field-check-label{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.field-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.field-label{color:var(--text-muted);font-size:.72rem;font-weight:600}.field-val{color:var(--text-main);word-break:break-all;font-size:.92rem;font-weight:600}.field-val.is-empty{color:var(--text-muted);font-size:.85rem;font-weight:400}.btn-field-copy{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-field-copy:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background:var(--bg-card)}.btn-field-copy:disabled{opacity:.3;cursor:not-allowed}.btn-field-copy.is-copied{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.detail-modal-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.footer-left-actions{gap:8px;display:flex}.btn-danger-sub{color:var(--accent-red);border-color:#ef44444d}.btn-danger-sub:hover{border-color:var(--accent-red);background:#ef444414}@media (width>=681px){.bottomsheet-card{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-radius:20px 20px 0 0;max-width:600px;margin:0 auto}}