:root{--color-bg:#faf8f3;--color-bg-subtle:#f3efe6;--color-main:#6f8f72;--color-main-dark:#5a7560;--color-main-light:#e8f0e9;--color-accent:#f2c766;--color-accent-light:#fdf5e0;--color-text:#333;--color-text-muted:#7a756c;--color-border:#e5e0d6;--color-danger:#b85c38;--color-danger-light:#faeae4;--color-danger-border:#e8c4b8;--color-low-border:#ede0b8;--color-ok-border:#c5d8c7;--color-warning-text:#946b00;--color-amazon:#f90;--color-rakuten:#bf0000;--color-white:#fff;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:17px;--font-size-md:19px;--font-size-lg:22px;--font-size-xl:28px;--font-size-2xl:40px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 4px #3333330d;--shadow-md:0 4px 12px #33333312;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--tap-min:48px;--header-height:56px;--nav-height:64px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);color:var(--color-text);overscroll-behavior:none;-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Hiragino Kaku Gothic ProN,system-ui,-apple-system,sans-serif;line-height:1.55}#root{background-color:var(--color-bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}h1,h2,h3{line-height:1.3}h1{font-size:var(--font-size-xl);font-weight:700}h2{font-size:var(--font-size-lg);font-weight:600}h3{font-size:var(--font-size-md);font-weight:600}button{font-family:inherit;font-size:var(--font-size-base);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none}button:disabled{opacity:.35;cursor:not-allowed}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);-webkit-appearance:none;outline:none;width:100%;padding:12px 14px}input:focus,textarea:focus,select:focus{border-color:var(--color-main)}.app-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.app-header__title{font-size:var(--font-size-xl);color:var(--color-text);letter-spacing:-.02em;font-weight:700}.app-header__text{flex:1;min-width:0}.app-header__action{flex-shrink:0}.app-header__subtitle{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}.page{padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--spacing-xl));flex:1;overflow-y:auto}.section{margin-bottom:var(--spacing-lg)}.section-label{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-weight:600;display:flex}.card{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.card--danger{border-color:var(--color-danger-border);background:var(--color-danger-light)}.summary-grid{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.summary-card{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-sm);text-align:center;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s;display:block}.summary-card:active{border-color:var(--color-main);box-shadow:var(--shadow-md)}.summary-card__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.summary-card__value{font-size:var(--font-size-2xl);color:var(--color-main);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.summary-card__unit{font-size:var(--font-size-base);color:var(--color-main-dark);margin-left:2px;font-weight:500}.summary-card__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px}.alert-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.alert-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex}.alert-item--danger{border-color:var(--color-danger-border);background:var(--color-danger-light)}.alert-item--warning{border-color:var(--color-low-border);background:var(--color-warning-light,#fffbf0)}.alert-item--stocked{border-left:3px solid var(--color-main)}.alert-item--zero{background:var(--color-bg);border-color:var(--color-border);box-shadow:none}a.alert-item{color:inherit;text-decoration:none;transition:background .12s}a.alert-item:active{filter:brightness(.95)}.alert-item__arrow{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-left:var(--spacing-xs);flex-shrink:0}.home-qty{font-size:var(--font-size-lg);color:var(--color-main);text-align:right;flex-shrink:0;margin-left:auto;font-weight:700}.home-qty__unit{font-size:var(--font-size-sm);margin-left:1px;font-weight:500}.inv-item-wrap--focused .battery-stock-card{border-color:var(--color-main);animation:2s ease-out forwards card-focus-pulse}@keyframes card-focus-pulse{0%{box-shadow:0 0 0 4px #6f8f7259}to{box-shadow:var(--shadow-sm)}}.alert-item__label{font-size:var(--font-size-md);flex:1;font-weight:600}.alert-item__label--muted{color:var(--color-text-muted);font-weight:500}.alert-item .battery-shape-icon{width:36px;height:36px}.alert-item--zero .battery-shape-icon{opacity:.45}.section-toggle{all:unset;align-items:center;gap:var(--spacing-xs);box-sizing:border-box;width:100%;padding:var(--spacing-xs) 0;cursor:pointer;-webkit-tap-highlight-color:transparent;margin-bottom:var(--spacing-sm);display:flex}.section-toggle__title{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600}.section-toggle__count{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:2px;font-weight:400}.section-toggle__chevron{color:var(--color-text-muted);margin-left:auto;font-size:10px;transition:transform .2s;display:inline-block}.section-toggle--open .section-toggle__chevron{transform:rotate(180deg)}.status-ok-card{text-align:center;padding:var(--spacing-xl) var(--spacing-md);background:var(--color-main-light);border:1.5px solid var(--color-ok-border);border-radius:var(--radius-lg)}.status-ok-card__icon{margin-bottom:var(--spacing-sm);font-size:44px;line-height:1}.status-ok-card__text{font-size:var(--font-size-md);color:var(--color-main-dark);font-weight:600}.battery-stock-card{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.battery-stock-card--zero{border-color:var(--color-danger-border);background:var(--color-danger-light)}.battery-stock-card--low{border-color:var(--color-low-border);background:var(--color-accent-light)}.battery-stock-card__header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.battery-stock-card__info{flex:1;min-width:0}.battery-stock-card__badge{flex-shrink:0}.battery-stock-card__label{font-size:var(--font-size-lg);font-weight:700}.battery-stock-card__description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}.battery-shape-icon{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.battery-shape-icon svg{max-width:100%;max-height:100%}.battery-stock-card__affiliate{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.battery-stock-card__affiliate .affiliate-btn{flex:1}.quantity-stepper{justify-content:center;align-items:center;gap:var(--spacing-md);display:flex}.quantity-stepper__btn{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-size:26px;font-weight:700;line-height:1;transition:background .12s,color .12s,transform .1s;display:flex}.quantity-stepper__btn:active:not(:disabled){transform:scale(.96)}.quantity-stepper__btn--minus{background:var(--color-bg-subtle);color:var(--color-main-dark);border:1.5px solid var(--color-border)}.quantity-stepper__btn--minus:active:not(:disabled){background:var(--color-main-light)}.quantity-stepper__btn--plus{background:var(--color-main);color:var(--color-white);box-shadow:var(--shadow-sm)}.quantity-stepper__btn--plus:active:not(:disabled){background:var(--color-main-dark)}.quantity-stepper__value-wrap{flex-direction:column;align-items:center;min-width:72px;display:flex}.quantity-stepper__value{font-size:var(--font-size-2xl);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.quantity-stepper__value--zero{color:var(--color-danger)}.quantity-stepper__unit{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px;font-weight:500}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0;align-items:center;padding:4px 10px;font-weight:600;display:inline-flex}.badge--danger{background:var(--color-white);color:var(--color-danger);border:1px solid var(--color-danger-border)}.badge--warning{background:var(--color-white);color:var(--color-warning-text);border:1px solid var(--color-low-border)}.badge--muted{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-primary{min-height:var(--tap-min);padding:0 var(--spacing-lg);background:var(--color-main);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-base);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-weight:600;transition:background .12s,transform .1s;display:inline-flex}.btn-primary:active{background:var(--color-main-dark);transform:scale(.98)}.btn-primary--block{width:100%;display:flex}.btn-secondary{min-height:var(--tap-min);padding:0 var(--spacing-lg);background:var(--color-white);color:var(--color-main);border:1.5px solid var(--color-main);border-radius:var(--radius-full);font-size:var(--font-size-base);justify-content:center;align-items:center;font-weight:600;transition:background .12s;display:inline-flex}.btn-secondary:active{background:var(--color-main-light)}.affiliate-btn{min-height:44px;padding:0 var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);justify-content:center;align-items:center;font-weight:600;transition:opacity .12s,transform .1s;display:flex}.affiliate-btn:active{opacity:.85;transform:scale(.98)}.affiliate-btn--amazon{background:var(--color-amazon);color:var(--color-white)}.affiliate-btn--rakuten{background:var(--color-rakuten);color:var(--color-white)}.item-list{gap:var(--spacing-md);flex-direction:column;display:flex}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-subtle);border:1.5px dashed var(--color-border);border-radius:var(--radius-lg)}.empty-state__icon{margin-bottom:var(--spacing-md);font-size:52px;line-height:1}.empty-state__title{font-size:var(--font-size-md);color:var(--color-text);font-weight:600}.empty-state__description{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.empty-state__action{margin-top:var(--spacing-lg)}.bottom-nav{width:100%;max-width:480px;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-white);border-top:1.5px solid var(--color-border);z-index:100;align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 12px #3333330a}.bottom-nav__item{min-height:var(--tap-min);color:var(--color-text-muted);font-size:var(--font-size-xs);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-weight:500;text-decoration:none;transition:color .12s;display:flex;position:relative}.bottom-nav__item--active{color:var(--color-main);font-weight:600}.bottom-nav__item--active:before{content:"";background:var(--color-accent);border-radius:var(--radius-full);width:32px;height:3px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.bottom-nav__icon{font-size:24px;line-height:1}.bottom-nav__label{line-height:1.2}.loading{min-height:200px;color:var(--color-text-muted);font-size:var(--font-size-md);justify-content:center;align-items:center;display:flex}.page-footnote{margin-top:var(--spacing-lg);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;line-height:1.5}.section-cta{margin-top:var(--spacing-md)}.page-header{margin-bottom:var(--spacing-lg)}.page-title{font-size:var(--font-size-xl);font-weight:700}.counter-btn{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-full);background:var(--color-main-light);color:var(--color-main);flex-shrink:0;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.quantity-display{font-size:var(--font-size-xl);text-align:center;min-width:48px;font-weight:700}.quantity-display--zero{color:var(--color-danger)}.battery-stock-card__memo{margin-top:var(--spacing-md);border-top:1px solid var(--color-border);padding-top:var(--spacing-sm)}.memo-display{justify-content:space-between;align-items:center;gap:var(--spacing-sm);width:100%;min-height:36px;padding:var(--spacing-xs) 0;text-align:left;background:0 0;display:flex}.memo-text{font-size:var(--font-size-sm);color:var(--color-text-muted);flex:1;line-height:1.5}.memo-placeholder{font-size:var(--font-size-sm);color:var(--color-border);flex:1}.memo-edit-icon{opacity:.5;flex-shrink:0;font-size:14px}.memo-textarea{width:100%;font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-main);border-radius:var(--radius-sm);padding:var(--spacing-sm);resize:none;line-height:1.5}.memo-actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.memo-btn{min-height:40px;font-size:var(--font-size-sm);flex:1}.memo-cancel-btn{min-height:40px;font-size:var(--font-size-sm);color:var(--color-text-muted);border:1.5px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;background:0 0;flex:1;font-family:inherit}.memo-cancel-btn:active{background:var(--color-bg-subtle)}.header-add-btn{border-radius:var(--radius-full);width:44px;height:44px;font-size:var(--font-size-lg);background:var(--color-main);color:var(--color-white);box-shadow:var(--shadow-sm);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-weight:700;transition:background .12s,transform .1s;display:flex}.header-add-btn:active{background:var(--color-main-dark);transform:scale(.95)}.add-battery-form{background:var(--color-white);border:1.5px solid var(--color-main);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);gap:var(--spacing-md);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-text);align-items:center;gap:var(--spacing-xs);font-weight:600;display:flex}.form-required{font-size:var(--font-size-xs);color:var(--color-danger);font-weight:500}.form-optional{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:400}.form-input{font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);-webkit-appearance:none;outline:none;width:100%;padding:10px 12px;font-family:inherit}.form-input:focus{border-color:var(--color-main)}.form-input--short{width:100px}.form-actions{gap:var(--spacing-sm);display:flex}.form-actions .btn-primary,.form-actions .btn-secondary{flex:1}.empty-state__text{font-size:var(--font-size-md)}.dict-shortcut-card{align-items:center;gap:var(--spacing-md);background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);transition:border-color .15s,box-shadow .15s;display:flex}.dict-shortcut-card:active{border-color:var(--color-main);box-shadow:var(--shadow-md)}.dict-shortcut-card__icon{flex-shrink:0;font-size:28px}.dict-shortcut-card__text{flex:1;min-width:0}.dict-shortcut-card__title{font-size:var(--font-size-base);font-weight:600}.dict-shortcut-card__desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.dict-shortcut-card__arrow{color:var(--color-text-muted);flex-shrink:0;font-size:22px}.dict-search-wrap{margin-bottom:var(--spacing-lg)}.dict-search-input{background:var(--color-white)}.dict-empty{text-align:center;padding:var(--spacing-lg) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.dict-product-card{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.dict-product-card__summary{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);text-align:left;cursor:pointer;background:0 0;transition:background .12s;display:flex}.dict-product-card__summary:active{background:var(--color-bg-subtle)}.dict-product-card__icon{flex-shrink:0}.dict-product-card__info{flex:1;min-width:0}.dict-product-card__brand{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:2px}.dict-product-card__name{font-size:var(--font-size-base);font-weight:600;line-height:1.3}.dict-product-card__battery{font-size:var(--font-size-sm);color:var(--color-main-dark);margin-top:4px;font-weight:500}.dict-product-card__meta{align-items:flex-end;gap:var(--spacing-xs);flex-direction:column;flex-shrink:0;display:flex}.dict-product-card__chevron{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dict-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.dict-badge--high{background:var(--color-main-light);color:var(--color-main-dark);border:1px solid var(--color-ok-border)}.dict-badge--medium{background:var(--color-accent-light);color:var(--color-warning-text);border:1px solid var(--color-low-border)}.dict-badge--low{background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger-border)}.dict-product-card__detail{border-top:1px solid var(--color-border);padding:var(--spacing-md);gap:var(--spacing-sm);background:var(--color-bg-subtle);flex-direction:column;display:flex}.dict-detail-row{gap:var(--spacing-sm);font-size:var(--font-size-sm);align-items:flex-start;display:flex}.dict-detail-label{color:var(--color-text-muted);font-weight:600;font-size:var(--font-size-xs);flex-shrink:0;min-width:64px;padding-top:1px}.dict-detail-aliases{gap:var(--spacing-xs);font-size:var(--font-size-sm);flex-direction:column;display:flex}.dict-alias-list{gap:var(--spacing-xs);flex-wrap:wrap;margin-top:2px;display:flex}.dict-alias-tag{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text);padding:2px 8px;font-weight:600;display:inline-flex}.dict-alias-tag--caution{border-color:var(--color-low-border);color:var(--color-warning-text)}.dict-alias-note{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.5}.dict-warning{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--spacing-sm);background:var(--color-white);border-radius:var(--radius-sm);border:1px solid var(--color-border);line-height:1.6}.dict-inventory-btn{min-height:40px;font-size:var(--font-size-sm);justify-content:center;display:flex}.dict-disclaimer{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;padding:var(--spacing-md);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);line-height:1.6}.replace-device-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.replace-device-card{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:border-color .15s}.replace-device-card--success{border-color:var(--color-ok-border);background:var(--color-main-light)}.replace-device-card__main{align-items:center;gap:var(--spacing-sm);display:flex}.replace-device-card__info{flex:1;min-width:0}.replace-device-card__name{font-size:var(--font-size-md);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.replace-device-card__meta{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;margin-top:2px;display:flex}.replace-device-card__badge{padding:2px 8px;font-size:11px}.btn-replace{min-width:64px;min-height:40px;padding:0 var(--spacing-md);background:var(--color-main);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;transition:background .12s,transform .1s;display:inline-flex}.btn-replace:active{background:var(--color-main-dark);transform:scale(.96)}.btn-replace--active{background:var(--color-bg-subtle);color:var(--color-text-muted);border:1.5px solid var(--color-border);box-shadow:none}.btn-replace--active:active{background:var(--color-border)}.replace-success-label{font-size:var(--font-size-sm);color:var(--color-main-dark);flex-shrink:0;font-weight:600}.replace-confirm-panel{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);gap:var(--spacing-sm);flex-direction:column;display:flex}.replace-confirm-stock{font-size:var(--font-size-sm);color:var(--color-text)}.replace-confirm-warning{color:var(--color-danger);margin-left:var(--spacing-xs);font-weight:600}.replace-confirm-memo{font-size:var(--font-size-sm);padding:8px 12px}.replace-confirm-btn{width:100%}.replace-log-empty{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;padding:var(--spacing-lg) 0}.replace-log-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.replace-log-item{align-items:flex-start;gap:var(--spacing-sm);background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);display:flex}.replace-log-item__main{flex:1;min-width:0}.replace-log-item__name{font-size:var(--font-size-base);font-weight:600}.replace-log-item__battery{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}.replace-log-item__memo{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px}.replace-log-item__date{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;padding-top:2px}.tool-chip-grid{gap:var(--spacing-xs);flex-wrap:wrap;margin-top:2px;display:flex}.tool-chip{border-radius:var(--radius-full);font-size:var(--font-size-xs);border:1.5px solid var(--color-border);background:var(--color-white);color:var(--color-text);cursor:pointer;white-space:nowrap;align-items:center;padding:6px 12px;font-family:inherit;font-weight:500;line-height:1.3;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.tool-chip:active{background:var(--color-bg-subtle)}.tool-chip--selected{background:var(--color-main-light);border-color:var(--color-main);color:var(--color-main-dark);font-weight:600}.tool-chip-note{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.device-photo-wrap{flex-shrink:0;width:56px;height:56px;position:relative}.device-photo-btn{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg-subtle);cursor:pointer;justify-content:center;align-items:center;width:56px;height:56px;transition:border-color .12s;display:flex;overflow:hidden}.device-photo-btn:active{border-color:var(--color-main)}.device-photo-img{object-fit:cover;width:100%;height:100%;display:block}.device-photo-placeholder{opacity:.5;font-size:22px}.device-photo-delete-btn{border-radius:var(--radius-full);background:var(--color-danger);width:20px;height:20px;color:var(--color-white);box-shadow:var(--shadow-sm);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.device-replace-trigger{width:100%;margin-top:var(--spacing-md);background:var(--color-main-light);min-height:44px;color:var(--color-main-dark);border:1.5px solid var(--color-ok-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;font-family:inherit;font-weight:600;transition:background .12s}.device-replace-trigger:active{background:var(--color-main);color:var(--color-white)}.device-replace-panel{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);gap:var(--spacing-sm);flex-direction:column;display:flex}.device-replace-stock{font-size:var(--font-size-sm);color:var(--color-text)}.device-replace-warn{color:var(--color-danger);margin-left:var(--spacing-xs);font-weight:600}.device-replace-row{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.device-replace-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600}.device-replace-stepper{align-items:center;gap:var(--spacing-sm);display:flex}.device-replace-step-btn{border-radius:var(--radius-full);background:var(--color-bg-subtle);border:1.5px solid var(--color-border);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:18px;font-weight:700;transition:background .12s;display:flex}.device-replace-step-btn:active{background:var(--color-main-light)}.device-replace-count{font-size:var(--font-size-base);text-align:center;font-variant-numeric:tabular-nums;min-width:60px;font-weight:700}.device-replace-note{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.device-replace-actions{gap:var(--spacing-sm);display:flex}.device-replace-actions .btn-primary,.device-replace-actions .btn-secondary{font-size:var(--font-size-sm);flex:1;min-height:40px}.device-card__header{align-items:flex-start;gap:var(--spacing-sm);display:flex}.device-card__info{flex:1;min-width:0}.device-card__battery-row{font-size:var(--font-size-sm);color:var(--color-text-muted);align-items:center;gap:4px;margin-top:2px;display:flex}.device-card__meta{margin-top:var(--spacing-sm);flex-direction:column;gap:4px;display:flex}.device-card__meta-row{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.device-card__meta-row--muted{opacity:.8}.device-card{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);margin-top:var(--spacing-sm)}.device-card--editing{border-color:var(--color-main);box-shadow:var(--shadow-md);gap:var(--spacing-md);flex-direction:column;display:flex}.device-card__header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.device-card__name{min-width:0;font-size:var(--font-size-md);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.device-card__actions{gap:var(--spacing-xs);flex-shrink:0;display:flex}.device-action-btn{border-radius:var(--radius-sm);background:var(--color-bg-subtle);border:1.5px solid var(--color-border);justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .12s;display:flex}.device-action-btn:active{background:var(--color-main-light)}.device-action-btn--danger:active{background:var(--color-danger-light);border-color:var(--color-danger-border)}.device-card__info{flex-direction:column;gap:6px;display:flex}.device-card__info-row{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);display:flex}.device-card__info-row--muted{color:var(--color-text-muted)}.device-card__info-icon{flex-shrink:0;font-size:14px}.device-card__confirm-delete{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-danger-border)}.device-card__confirm-text{font-size:var(--font-size-sm);color:var(--color-danger);margin-bottom:var(--spacing-sm);font-weight:600}.device-card__confirm-actions{gap:var(--spacing-sm);display:flex}.device-card__confirm-actions .btn-danger,.device-card__confirm-actions .btn-secondary{flex:1}.device-group{margin-bottom:var(--spacing-lg)}.device-group__title{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:0;font-weight:600;display:flex}.btn-danger{min-height:var(--tap-min);padding:0 var(--spacing-lg);background:var(--color-danger);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-base);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-weight:600;transition:opacity .12s,transform .1s;display:inline-flex}.btn-danger:active{opacity:.85;transform:scale(.98)}.form-row{gap:var(--spacing-sm);align-items:flex-end;display:flex}.form-group--flex{flex:1;min-width:0}.form-group--short{flex-shrink:0;width:80px}.install-prompt{bottom:calc(64px + env(safe-area-inset-bottom));background:var(--color-text);color:#fff;z-index:200;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;width:min(440px,100vw - 32px);padding:12px 14px;animation:.25s slide-up;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000040}@keyframes slide-up{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.install-prompt__body{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.install-prompt__icon{flex-shrink:0;font-size:24px}.install-prompt__text{flex-direction:column;gap:2px;min-width:0;display:flex}.install-prompt__text strong{font-size:14px;font-weight:700}.install-prompt__text span{opacity:.75;font-size:12px}.install-prompt__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.install-prompt__btn-install{background:var(--color-main);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;min-height:36px;padding:8px 14px;font-size:14px;font-weight:700}.install-prompt__btn-dismiss{color:#ffffffa6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:4px 6px;font-size:16px;display:flex}.settings-section{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.settings-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md);line-height:1.5}.sync-code-box{align-items:center;gap:var(--spacing-sm);background:var(--color-bg-subtle);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;display:flex}.sync-code-text{word-break:break-all;color:var(--color-text);flex:1;font-family:monospace;font-size:13px}.sync-code-copy{font-size:var(--font-size-xs);flex-shrink:0;min-height:32px;padding:0 12px}.settings-feedback{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);text-align:center;font-weight:600}.settings-feedback--ok{color:var(--color-main-dark)}.settings-feedback--err{color:var(--color-danger)}.howto-list{margin-bottom:var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;padding-left:1.4em;display:flex}.howto-list li{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6}.onboarding-overlay{z-index:200;padding:var(--spacing-md);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.onboarding-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);text-align:center;width:100%;max-width:360px;box-shadow:var(--shadow-md);position:relative}.onboarding-minimize{top:var(--spacing-sm);left:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:none;line-height:1;position:absolute}.onboarding-skip{top:var(--spacing-sm);right:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:none;position:absolute}.onboarding-mini{bottom:calc(var(--nav-height) + var(--safe-bottom) + 12px);background:var(--color-main);color:var(--color-white);font-size:var(--font-size-sm);box-shadow:var(--shadow-md);cursor:pointer;z-index:200;-webkit-tap-highlight-color:transparent;border:none;border-radius:24px;align-items:center;gap:6px;padding:10px 16px;font-weight:600;display:flex;position:fixed;right:16px}.onboarding-icon{margin-bottom:var(--spacing-md);font-size:56px;line-height:1}.onboarding-title{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-sm);font-weight:700;line-height:1.4}.onboarding-body{font-size:var(--font-size-base);color:var(--color-text-muted);white-space:pre-line;margin-bottom:var(--spacing-lg);line-height:1.8}.onboarding-dots{margin-bottom:var(--spacing-lg);justify-content:center;gap:8px;display:flex}.onboarding-dot{background:var(--color-border);border-radius:50%;width:8px;height:8px;transition:background .2s}.onboarding-dot--active{background:var(--color-main);transform:scale(1.2)}.onboarding-actions{gap:var(--spacing-sm);display:flex}.onboarding-actions .btn-secondary{flex:1}.onboarding-actions .btn-primary{flex:2}