@charset "UTF-8";:root{color-scheme:light;--color-primary: #2e7d5b;--color-primary-dark: #1e5a40;--color-primary-soft: #e3efe7;--color-accent: #d97706;--color-accent-soft: #fdf0df;--color-accent-soft-hover: #fce6c9;--color-bg: #f6f7f4;--color-surface: #fff;--color-fill: #f1f3ee;--color-text: #2a2e2a;--color-muted: #6b726b;--color-border: #e4e7e0;--color-fill-strong: #e7eae3;--color-on-emphasis: #fff;--color-on-emphasis-soft: rgba(255, 255, 255, .16);--color-on-emphasis-soft-active: rgba(255, 255, 255, .28);--color-emphasis-surface: #2a2e2a;--color-danger: #c0392b;--color-danger-soft: rgba(192, 57, 43, .08);--color-success: #2e7d5b;--color-warning: #d97706;--color-accent-text: #7c5210;--focus-ring: rgba(46, 125, 91, .15);--color-surface-hover: #fafbf8;--color-border-hover: #cfd4ca;--color-primary-hover: #1e5a40;--color-primary-deep: #17452f;--color-primary-soft-hover: #d8e6dd;--color-danger-soft-active: rgba(192, 57, 43, .14);--color-brand-amber: #f4b860;--color-brand-jade: #7fae93;--color-brand-cream: #f6efdf;--color-brand-sand: #9a8f76;--sunset-sky-top: #fffaf0;--sunset-sky: #f9e4bf;--overlay: rgba(15, 20, 15, .45);--glass-bg: rgba(255, 255, 255, .85);--glass-bg-strong: rgba(255, 255, 255, .92);--shadow: 0 1px 2px rgba(20, 30, 20, .04), 0 4px 14px rgba(20, 30, 20, .06);--shadow-lift: 0 2px 4px rgba(20, 30, 20, .06), 0 10px 24px rgba(20, 30, 20, .1)}:root[data-theme=dark]{color-scheme:dark;--color-primary-dark: #9ed8ba;--color-primary-soft: #23342a;--color-accent: #e79b3d;--color-accent-soft: #382a13;--color-accent-soft-hover: #453317;--color-bg: #151915;--color-surface: #1d221d;--color-fill: #262c26;--color-text: #e6eae4;--color-muted: #a2aba1;--color-border: #343b34;--color-fill-strong: #313931;--color-emphasis-surface: #3a423a;--color-danger: #e0685a;--color-danger-soft: rgba(224, 104, 90, .14);--color-success: #48a87c;--color-warning: #e79b3d;--color-accent-text: #edc182;--focus-ring: rgba(120, 200, 160, .3);--color-surface-hover: #232823;--color-border-hover: #4a524a;--color-primary-hover: #256a4d;--color-primary-soft-hover: #2c4234;--color-danger-soft-active: rgba(224, 104, 90, .22);--overlay: rgba(0, 0, 0, .6);--glass-bg: rgba(24, 28, 24, .85);--glass-bg-strong: rgba(24, 28, 24, .92);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .35);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .4), 0 10px 24px rgba(0, 0, 0, .5)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-primary-dark: #9ed8ba;--color-primary-soft: #23342a;--color-accent: #e79b3d;--color-accent-soft: #382a13;--color-accent-soft-hover: #453317;--color-bg: #151915;--color-surface: #1d221d;--color-fill: #262c26;--color-text: #e6eae4;--color-muted: #a2aba1;--color-border: #343b34;--color-fill-strong: #313931;--color-emphasis-surface: #3a423a;--color-danger: #e0685a;--color-danger-soft: rgba(224, 104, 90, .14);--color-success: #48a87c;--color-warning: #e79b3d;--color-accent-text: #edc182;--focus-ring: rgba(120, 200, 160, .3);--color-surface-hover: #232823;--color-border-hover: #4a524a;--color-primary-hover: #256a4d;--color-primary-soft-hover: #2c4234;--color-danger-soft-active: rgba(224, 104, 90, .22);--overlay: rgba(0, 0, 0, .6);--glass-bg: rgba(24, 28, 24, .85);--glass-bg-strong: rgba(24, 28, 24, .92);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .35);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .4), 0 10px 24px rgba(0, 0, 0, .5)}}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/zen-maru-gothic-900-sub.woff2) format("woff2")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/zen-maru-gothic-700-sub.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,system-ui,sans-serif;font-size:15px;line-height:1.6;color:var(--color-text);background:var(--color-bg)}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}button{font:inherit;color:inherit}a{color:var(--color-primary-dark)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app__main{flex:1;width:100%;max-width:720px;margin:0 auto;--page-pad: 16px;padding:var(--page-pad)}@media (min-width: 768px){.app__main{--page-pad: 24px}}.header{position:sticky;top:0;z-index:10;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.header__title{display:flex;align-items:center;gap:8px;max-width:720px;margin:0 auto;padding:12px 16px;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;font-size:17px;font-weight:900;letter-spacing:.06em;color:var(--color-primary)}.header__logo{display:inline-flex}.nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;background:var(--glass-bg-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom)}.nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;font-size:11px;font-weight:600;color:var(--color-muted);text-decoration:none;transition:color .15s}.nav__icon{display:flex;align-items:center;justify-content:center;padding:3px 16px;border-radius:999px;transition:background .2s}.nav__item--active{color:var(--color-primary-dark)}.nav__item--active .nav__icon{background:var(--color-primary-soft);color:var(--color-primary-dark)}.page-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.page-head__back{font-size:13px;color:var(--color-muted);text-decoration:none}.page-head__back:hover{color:var(--color-primary)}.page-head__title{font-size:17px}.placeholder{padding:48px 16px;text-align:center;text-wrap:balance}.placeholder__text{color:var(--color-muted)}.list{margin:0 calc(-1 * var(--page-pad, 16px));background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.list>*+*{border-top:1px solid var(--color-border)}.list__row{width:100%;padding:12px var(--page-pad, 16px);border:none;background:none;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:background .15s}@media (hover: hover){.list__row:hover{background:var(--color-surface-hover)}}.list__row:active{background:var(--color-fill)}.list__subhead{padding:7px var(--page-pad, 16px) 5px;background:var(--color-fill);font-size:11px;font-weight:700;color:var(--color-muted)}.list__subgroup{margin:0;padding:0;list-style:none}.list__subgroup>*+*{border-top:1px solid var(--color-border)}.list__chevron{flex-shrink:0;display:inline-flex;color:var(--color-muted)}.band{margin:0 calc(-1 * var(--page-pad, 16px));padding:12px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.section+.section{margin-top:24px}.section__title{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--color-text);font-size:14px;font-weight:700}.section__hint{font-size:12px;font-weight:400;color:var(--color-muted)}.section__note{margin-top:10px;font-size:12px;color:var(--color-muted)}.boot{min-height:100dvh;display:grid;place-items:center;color:var(--color-muted);font-size:14px}.login{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:var(--color-bg)}.login__card{width:min(420px,100%);display:grid;justify-items:center;gap:12px;overflow:hidden;padding:36px 24px 0;border:1px solid var(--color-border);background:var(--color-surface);text-align:center}.login__card--migrate{text-align:left;justify-items:start}.login__ridge{width:calc(100% + 48px);margin:8px -24px 0;padding-top:40px;background:linear-gradient(180deg,var(--color-surface) 0%,var(--sunset-sky-top) 55%,var(--sunset-sky) 100%)}.login__title{font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;font-size:22px;font-weight:900;letter-spacing:.06em;color:var(--color-primary)}.login__sub{margin-top:-8px;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;font-size:11px;font-weight:700;letter-spacing:.32em;text-indent:.32em;color:var(--color-brand-sand)}.login__lead{font-size:14px;line-height:1.8;color:var(--color-muted);text-align:left}.login__notice{width:100%;padding:10px 12px;border-radius:10px;background:var(--color-accent-soft);color:var(--color-accent-text);font-size:13px}.login__actions{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:6px}.login__actions .button{width:100%}.login__trial-note{margin-top:-4px;font-size:12px;line-height:1.7;color:var(--color-muted);text-align:left}.login__links{font-size:12px;color:var(--color-muted)}.login__links a{color:inherit;text-decoration:underline}.login__links a:hover{color:var(--color-primary-dark)}.offline-banner{padding:6px 12px;background:var(--color-accent-soft);color:var(--color-accent-text);font-size:13px;text-align:center}.offline-banner--trial{background:var(--color-primary-soft);color:var(--color-primary-dark)}.offline-banner__btn{display:inline-flex;align-items:center;min-height:32px;margin-left:8px;padding:2px 10px;border:1px solid currentColor;border-radius:6px;background:none;color:inherit;font-size:12px;font-weight:600;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 18px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);font-size:14px;font-weight:600;color:var(--color-text);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}@media (hover: hover){.button:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}}.button:active{background:var(--color-fill)}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.5;cursor:default}.button--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-emphasis)}@media (hover: hover){.button--primary:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}}.button--primary:active{border-color:var(--color-primary-deep);background:var(--color-primary-deep)}.button--danger{border-color:transparent;background:transparent;color:var(--color-danger)}@media (hover: hover){.button--danger:hover{border-color:transparent;background:var(--color-danger-soft)}}.button--danger:active{background:var(--color-danger-soft-active)}.button--small{min-height:36px;padding:0 14px;font-size:13px}.button--xs{min-height:32px;padding:0 12px;font-size:12px}.button--amber{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-text)}@media (hover: hover){.button--amber:hover{background:var(--color-accent-soft-hover)}}.button--amber:active{background:var(--color-accent-soft-hover)}.button--block{width:100%}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}@media (min-width: 768px){.modal{align-items:center}}.modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.modal__body{position:relative;width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;background:var(--color-surface);border-radius:18px 18px 0 0;padding:26px 16px calc(20px + env(safe-area-inset-bottom));animation:modal-in .22s ease-out}.modal__body:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:999px;background:var(--color-border)}@media (min-width: 768px){.modal__body{border-radius:14px;padding:24px}.modal__body:before{content:none}}.modal__title{font-size:17px;margin-bottom:16px}.modal__close{position:absolute;top:16px;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:22px;line-height:1;color:var(--color-muted);background:none;border:none;border-radius:50%;cursor:pointer}.modal__close:hover{background:var(--color-fill);color:var(--color-text)}@media (min-width: 768px){.modal__close{top:14px;right:14px}}@keyframes modal-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.form{display:flex;flex-direction:column;gap:14px}.form__row{display:flex;gap:12px}.form__row>.form__field{flex:1}.form__field{display:flex;flex-direction:column;gap:4px}.form__label{font-size:12px;font-weight:600;color:var(--color-muted)}.form__input{width:100%;padding:10px 12px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:16px;background:var(--color-fill);transition:background .15s,border-color .15s,box-shadow .15s}.form__input:focus{outline:none;background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--focus-ring)}.form__input--textarea{resize:vertical}.form__hint{font-size:12px;color:var(--color-muted);line-height:1.4}.form__check{display:flex;align-items:center;gap:8px;min-height:36px;font-size:14px;cursor:pointer}.form__check input{width:22px;height:22px;accent-color:var(--color-primary)}.form__actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;margin-top:8px;padding:10px 0;background:var(--color-surface);border-top:1px solid var(--color-border)}.form__actions .button--danger{margin-right:auto}.suggest{display:flex;flex-direction:column;margin-top:-8px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow);overflow:hidden}.suggest__item{display:flex;align-items:baseline;gap:8px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--color-border);background:none;font:inherit;font-size:14px;text-align:left;cursor:pointer}.suggest__item:last-child{border-bottom:0}.suggest__item:hover,.suggest__item--active{background:var(--color-primary-soft)}.suggest__name{font-weight:600}.suggest__brand{color:var(--color-muted);font-size:12px}.suggest__meta{margin-left:auto;flex-shrink:0;color:var(--color-primary-dark);font-size:12px}.segment{display:flex;flex-wrap:wrap;row-gap:4px;padding:4px;border-radius:999px;background:var(--color-fill)}.segment__option{flex:1 1 auto;white-space:nowrap;display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 4px;border-radius:999px;text-align:center;font-size:13px;font-weight:600;color:var(--color-muted);cursor:pointer;transition:background .15s,color .15s}.segment__option input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.segment__option:active{background:var(--color-fill-strong)}.segment__option--active{background:var(--color-surface);color:var(--color-primary-dark);border:1px solid var(--color-border)}.segment__option:has(input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.combobox{position:relative}.combobox__list{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;margin:0;padding:4px;list-style:none;border-radius:10px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lift)}.combobox__item{display:flex;align-items:baseline;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:10px;background:none;text-align:left;cursor:pointer}.combobox__item:hover,.combobox__item--active{background:var(--color-primary-soft)}.combobox__name{font-size:14px;color:var(--color-text)}.combobox__yomi{font-size:11px;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--color-fill);font-size:12px;font-weight:600;color:var(--color-muted);white-space:nowrap}.chip--green{background:var(--color-primary-soft);color:var(--color-primary-dark)}.chip--amber{background:var(--color-accent-soft);color:var(--color-accent-text)}.progress{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:12px;color:var(--color-muted);font-variant-numeric:tabular-nums}.progress__bar{flex:1;height:6px;border-radius:999px;background:var(--color-fill-strong);overflow:hidden}.progress__fill{height:100%;border-radius:999px;background:var(--color-primary);transition:width .25s ease}.cat-filter{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 0;margin-bottom:10px;cursor:grab;user-select:none;-webkit-user-select:none;mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}.cat-filter:active{cursor:grabbing}.cat-filter::-webkit-scrollbar{display:none}@media (min-width: 768px){.cat-filter{flex-wrap:wrap;overflow-x:visible;cursor:default;mask-image:none;-webkit-mask-image:none}}.cat-filter--sticky{position:sticky;top:52px;z-index:5;background:var(--color-bg);margin-left:calc(-1 * var(--page-pad, 16px));margin-right:calc(-1 * var(--page-pad, 16px));padding-left:var(--page-pad, 16px);padding-right:var(--page-pad, 16px)}.cat-filter__chip{flex-shrink:0;display:inline-flex;align-items:center;min-height:40px;gap:5px;padding:8px 14px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.cat-filter__chip:active{background:var(--color-fill)}.cat-filter__chip--active{border-color:transparent;background:var(--color-primary);color:var(--color-on-emphasis)}.cat-filter__chip--active .cat-filter__count{color:#ffffffbf}.cat-filter__count{font-size:11px;font-weight:400;color:var(--color-muted);font-variant-numeric:tabular-nums}.gear-page__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:20px}.gear-page__summary{font-weight:700}.gear-page__total{font-weight:400;color:var(--color-muted);font-size:13px}.gear-page__filter{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-muted)}.gear-page__toolbar>.button{margin-left:auto}.gear-page__empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 16px;text-align:center;text-wrap:balance;color:var(--color-muted)}.gear-page__wish-link{padding:0;border:none;background:none;font:inherit;font-size:12px;color:var(--color-primary-dark);text-decoration:underline;cursor:pointer}.gear-page__sort{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:12px}.gear-page__sort-label{font-size:12px;color:var(--color-muted);margin-right:2px}.gear-page__sort-btn{display:inline-flex;align-items:center;min-height:38px;padding:6px 14px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:13px;color:var(--color-text);cursor:pointer}.gear-page__sort-btn:active{background:var(--color-fill)}.gear-page__sort-btn--on{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:700}.gear-section{margin-bottom:24px}.gear-section__title{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;font-size:14px;font-weight:700;color:var(--color-primary-dark)}.gear-section__meta{font-size:12px;font-weight:400;color:var(--color-muted)}.gear-section__rename-btn{flex-shrink:0;display:inline-flex;align-items:center;margin-left:auto;min-height:32px;padding:4px 12px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:12px;font-weight:600;color:var(--color-primary-dark);cursor:pointer}.gear-section__rename-btn:active:not(:disabled){background:var(--color-fill)}.gear-section__rename-btn:disabled{opacity:.35;cursor:default}.gear-section__rename{display:flex;gap:8px;margin-bottom:8px}.gear-section__rename .form__input{flex:1 1 160px;padding:8px 10px;font-size:14px}.gear-skeleton{height:62px;background:linear-gradient(90deg,var(--color-fill) 25%,var(--color-fill-strong) 37%,var(--color-fill) 63%);background-size:400% 100%;animation:skeleton-pulse 1.4s ease infinite}@keyframes skeleton-pulse{0%{background-position:100% 50%}to{background-position:0 50%}}.gear-card{display:flex;align-items:center;gap:10px}.gear-card--retired{opacity:.55}.gear-card__main{flex:1;min-width:0;display:flex;flex-direction:column}.gear-card__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gear-card__sub{display:flex;align-items:baseline;gap:8px;min-width:0}.gear-card__cat{flex-shrink:0;font-size:11px;color:var(--color-primary-dark)}.gear-card__brand{font-size:12px;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gear-card__set{flex-shrink:0;padding:1px 7px;border-radius:999px;background:var(--color-primary-soft);font-size:10px;font-weight:600;color:var(--color-primary-dark)}.gear-card__rating{flex-shrink:0;font-size:11px;font-weight:700;color:var(--color-accent-text)}.gear-card__expiry{flex-shrink:0;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:600}.gear-card__expiry--expired{background:var(--color-danger-soft);color:var(--color-danger)}.gear-card__expiry--soon{background:var(--color-accent-soft);color:var(--color-accent-text)}.gear-card__badge{flex-shrink:0;padding:2px 8px;border-radius:999px;background:var(--color-border);font-size:11px;color:var(--color-muted)}.gear-card__usage{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.gear-card__count{padding:2px 8px;border-radius:999px;background:var(--color-primary-soft);font-size:11px;font-weight:600;color:var(--color-primary-dark)}.gear-card__last{font-size:10px;color:var(--color-muted);white-space:nowrap}.gear-card__unused{flex-shrink:0;padding:2px 8px;border-radius:999px;background:var(--color-accent-soft);font-size:11px;font-weight:600;color:var(--color-accent)}.gear-card__weight{flex-shrink:0;font-size:13px;color:var(--color-muted);font-variant-numeric:tabular-nums}.gear-components__list{display:flex;flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none}.gear-components__row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gear-components__name{flex:1;min-width:0}.gear-components__weight,.gear-components__qty{flex-shrink:0;padding-left:8px;padding-right:8px;text-align:right}.gear-components__weight::-webkit-outer-spin-button,.gear-components__weight::-webkit-inner-spin-button,.gear-components__qty::-webkit-outer-spin-button,.gear-components__qty::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.gear-components__weight,.gear-components__qty{-moz-appearance:textfield}.gear-components__weight{width:72px}.gear-components__qty{width:56px}.gear-components__remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:14px;background:var(--color-border);color:var(--color-muted);font-size:18px;cursor:pointer}.gear-components__remove:hover{background:var(--color-accent-soft);color:var(--color-accent)}.gear-components__foot{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.gear-components__total{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-primary-dark)}.gear-components__apply{border:none;border-radius:999px;padding:3px 10px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:12px;font-weight:600;cursor:pointer}.gear-components__apply:hover{background:var(--color-primary);color:var(--color-on-emphasis)}.gear-components__expiry{flex-basis:100%;display:flex;align-items:center;gap:8px}.gear-components__expiry-label{flex-shrink:0;font-size:11px;color:var(--color-muted)}.gear-components__expiry-input{width:170px}.gear-rating__stars{display:flex;align-items:center;gap:2px;margin-bottom:8px}.gear-rating__star{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:none;font-size:22px;line-height:1;color:var(--color-border);cursor:pointer}.gear-rating__star--on{color:var(--color-accent)}.gear-rating__clear{margin-left:8px;padding:6px 10px;border:none;background:none;font-size:12px;color:var(--color-muted);text-decoration:underline;cursor:pointer}.wish-section{margin-top:36px;scroll-margin-top:70px}.wish-section .gear-section__title{align-items:center}.wish-section__add{margin-left:auto}.wish-section__empty{font-size:12px;color:var(--color-muted)}.wish-item{display:flex;align-items:center;gap:10px;cursor:default}.wish-item__main{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;border:none;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.wish-item__meta{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.wish-item__price{font-size:11px;color:var(--color-muted);font-variant-numeric:tabular-nums}.trip-page__toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.trip-page__summary{font-weight:700}.trip-page__empty{padding:48px 16px;text-align:center;text-wrap:balance;color:var(--color-muted)}.trip-page__view{display:flex;gap:6px;margin-bottom:16px}.trip-page__view-btn{display:inline-flex;align-items:center;min-height:36px;padding:4px 14px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:13px;color:var(--color-text);cursor:pointer}.trip-page__view-btn:active{background:var(--color-fill)}.trip-page__view-btn--on{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:700}.trip-section{margin-bottom:24px}.trip-section__title{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;font-size:14px;font-weight:700;color:var(--color-primary-dark)}.trip-section__meta{font-size:12px;font-weight:400;color:var(--color-muted)}.trip-card{display:flex;align-items:center;gap:10px}.trip-card__body{flex:1;min-width:0}.trip-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.trip-card__name{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trip-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:6px;font-size:12px;color:var(--color-muted)}.trip-detail__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.trip-detail__back{font-size:13px;color:var(--color-muted);text-decoration:none}.trip-detail__back:hover{color:var(--color-primary)}.trip-detail__name{margin-bottom:8px;font-size:20px;font-weight:800}.trip-detail__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px;font-size:13px;color:var(--color-muted)}.trip-detail__notes{margin-bottom:16px;font-size:13px;color:var(--color-muted);white-space:pre-wrap}.trip-detail__actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:16px 0 12px}.trip-detail__actions .button--primary{width:100%;padding:13px 18px;font-size:15px}@media (min-width: 768px){.trip-detail__actions .button--primary{width:auto;min-width:240px}}.trip-detail__subactions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding-top:12px;border-top:1px solid var(--color-border)}.trip-detail__empty{padding:32px 16px;text-align:center;text-wrap:balance;color:var(--color-muted)}.photo{margin-bottom:16px}.photo__img{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:14px;box-shadow:var(--shadow)}.weight-card{margin:0 calc(-1 * var(--page-pad, 16px)) 12px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.weight-card__grid{display:flex;padding:14px 0}.weight-card__item{flex:1;text-align:center}.weight-card__item+.weight-card__item{border-left:1px solid var(--color-border)}.weight-card__label{display:block;font-size:11px;color:var(--color-muted)}.weight-card__value{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.weight-card__consumables{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;padding:8px var(--page-pad, 16px);border-top:1px solid var(--color-border);font-size:12px;color:var(--color-muted);font-variant-numeric:tabular-nums}.weight-card__note{margin:-4px 0 14px;font-size:11px;color:var(--color-muted);text-align:center}.weight-card__edit{display:inline-flex;align-items:center;min-height:32px;padding:3px 10px;font-size:11px;color:var(--color-primary-dark);background:none;border:1px solid var(--color-border);border-radius:6px;cursor:pointer}.weight-card__edit:hover:not(:disabled){border-color:var(--color-primary)}.weight-card__edit:disabled{opacity:.5;cursor:default}.pack-item{display:flex;flex-direction:column;gap:8px;padding:10px var(--page-pad, 16px);transition:opacity .15s}.pack-item--packed{opacity:.55}.pack-item__row{display:flex;align-items:center;gap:10px}.pack-item__check{flex-shrink:0;width:22px;height:22px;accent-color:var(--color-primary);cursor:pointer}.pack-item__main{flex:1;min-width:0;display:flex;flex-direction:column}.pack-item__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-item__brand{margin-left:6px;font-size:11px;font-weight:400;color:var(--color-muted)}.pack-item__qty{margin-left:6px;font-size:11px;font-weight:700;color:var(--color-primary-dark)}.pack-item__weight{font-size:12px;color:var(--color-muted);font-variant-numeric:tabular-nums}.pack-item__role{flex-shrink:0;display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border:1px solid var(--color-primary);border-radius:999px;background:var(--color-primary-soft);font-size:12px;font-weight:700;color:var(--color-primary-dark);cursor:pointer}.pack-item__role:disabled{opacity:.35;cursor:default}.pack-item__role:active:not(:disabled){background:var(--color-primary-soft-hover)}.pack-item__role--worn{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-text)}.pack-item__role--worn:active{background:var(--color-accent-soft-hover)}.pack-item__memo{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:8px;background:none;color:var(--color-muted);cursor:pointer}.pack-item__memo:hover,.pack-item__memo--has{color:var(--color-accent)}.pack-item__remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:8px;background:none;font-size:18px;line-height:1;color:var(--color-muted);cursor:pointer}.pack-item__remove:disabled{opacity:.35;cursor:default}.pack-item__remove:hover:not(:disabled){color:var(--color-danger)}.pack-item__note{text-align:left;padding:6px 10px;border:none;border-radius:8px;background:var(--color-accent-soft);font-size:12px;color:var(--color-text);cursor:pointer}.pack-item__note-edit{display:flex;flex-wrap:wrap;gap:8px}.pack-item__note-edit .form__input{flex:1 1 160px;padding:8px 10px;font-size:14px}.pack-item__sack-btn{flex-shrink:0;display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:12px;font-weight:700;color:var(--color-primary-dark);cursor:pointer}.pack-item__sack-btn:active:not(:disabled){background:var(--color-fill)}.pack-item__sack-btn:disabled{opacity:.35;cursor:default}.pack-item__sack-edit{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pack-item__sack-new{display:flex;flex:1 1 100%;gap:8px}.pack-item__sack-new .form__input{flex:1 1 160px;padding:8px 10px;font-size:14px}.sack-chip{min-height:36px;padding:6px 14px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:12px;font-weight:600;color:var(--color-text);cursor:pointer}.sack-chip:active{background:var(--color-fill)}.sack-chip--active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}.view-toggle{display:flex;width:fit-content;margin:20px 0;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);overflow:hidden}.view-toggle__btn{min-height:36px;padding:6px 18px;border:none;background:none;font-size:12px;font-weight:700;color:var(--color-muted);cursor:pointer}.view-toggle__btn--active{background:var(--color-primary);color:var(--color-on-emphasis)}.components-view{margin-top:6px}.components-view__summary{display:inline-flex;align-items:center;min-height:28px;gap:4px;padding:2px 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:11px;font-weight:600;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.components-view__summary:active{background:var(--color-primary-soft-hover)}.components-view__summary::-webkit-details-marker{display:none}.components-view__summary:before{content:"▾";font-size:9px}.components-view[open] .components-view__summary:before{content:"▴"}.components-view__list{margin:6px 0 2px;padding:6px 10px;border-left:2px solid var(--color-primary-soft);list-style:none;display:flex;flex-direction:column;gap:3px}.components-view__item{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--color-text)}.components-view__name{flex:1;min-width:0}.components-view__qty{margin-left:4px;font-size:11px;color:var(--color-muted)}.components-view__expiry{flex-shrink:0;font-size:11px;color:var(--color-muted);align-self:center}.components-view__expiry--expired{color:var(--color-danger);font-weight:700}.components-view__expiry--soon{color:var(--color-accent-text);font-weight:700}.components-view__weight{flex-shrink:0;color:var(--color-muted);font-variant-numeric:tabular-nums}.pack-hints{margin-bottom:20px;padding:12px 14px;border-radius:14px;background:var(--color-accent-soft)}.pack-hints__title{margin-bottom:8px;font-size:14px;font-weight:700;color:var(--color-accent-text)}.pack-hints__block+.pack-hints__block{margin-top:14px}.pack-hints__lead{margin-bottom:4px;font-size:12px;color:var(--color-accent-text)}.pack-hints__list{margin:0;padding:0;list-style:none}.pack-hints__item{display:flex;align-items:center;gap:10px;padding:6px 0}.pack-hints__item+.pack-hints__item{border-top:1px solid var(--color-border)}.pack-hints__name{flex:1;min-width:0;font-size:13px;font-weight:600}.pack-hints__brand{margin-left:6px;font-size:11px;font-weight:400;color:var(--color-muted)}.pack-hints__weight,.pack-hints__count{flex-shrink:0;font-size:12px;color:var(--color-muted);font-variant-numeric:tabular-nums}.pack-hints__note{margin:8px 0 0;font-size:11px;color:var(--color-accent-text)}.picker__search{margin-bottom:14px}.picker__list,.picker__group{display:flex;flex-direction:column;gap:6px}.picker__subhead{margin-top:2px;font-size:11px;font-weight:700;color:var(--color-muted)}.picker__empty{padding:24px 0;text-align:center;text-wrap:balance;font-size:13px;color:var(--color-muted)}.picker__consumables{margin-top:20px;padding:12px 14px;background:var(--color-fill);border-radius:10px}.picker__consumables-label{display:block;font-size:11px;color:var(--color-muted);margin-bottom:10px}.picker__consumables-row{display:flex;gap:12px}.picker__consumables-field{flex:1;display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.picker__consumables-input-wrap{position:relative}.picker__consumables-input{width:100%;padding-right:28px!important;margin:0!important}.picker__consumables-unit{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--color-muted);pointer-events:none}.picker__footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding:10px 0;background:var(--color-surface);border-top:1px solid var(--color-border)}.picker__count{font-size:13px;color:var(--color-muted)}.picker__buttons{display:flex;gap:10px}.picker-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:var(--color-fill);cursor:pointer;transition:background .15s,border-color .15s}.picker-item--selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.picker-item input{flex-shrink:0;width:18px;height:18px;accent-color:var(--color-primary)}.picker-item__name{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-item__brand{font-weight:400;font-size:12px;color:var(--color-muted);margin-left:6px}.picker-item__weight{flex-shrink:0;font-size:12px;color:var(--color-muted);font-variant-numeric:tabular-nums}.picker-item__qty{display:flex;flex-shrink:0;align-items:center;gap:2px}.picker-item__qty-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);font-size:14px;line-height:1;cursor:pointer}.picker-item__qty-btn:disabled{opacity:.35;cursor:default}.picker-item__qty-value{min-width:30px;text-align:center;font-size:12px;color:var(--color-muted);font-variant-numeric:tabular-nums}.picker-item__qty-value--multi{color:var(--color-primary-dark);font-weight:700}.public{min-height:100vh;background:var(--color-bg)}.public__header{position:sticky;top:0;z-index:10;background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.public__brand{display:flex;align-items:center;gap:8px;max-width:720px;margin:0 auto;padding:12px 16px;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;font-size:15px;font-weight:900;letter-spacing:.06em;color:var(--color-primary);text-decoration:none}.public__brand--centered{justify-content:center;padding-left:72px;padding-right:72px}.public__back{position:absolute;left:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--color-primary-dark);font-size:13px;font-weight:600;cursor:pointer}.public__back:hover{background:var(--color-primary-soft)}.public__main{max-width:720px;margin:0 auto;--page-pad: 16px;padding:20px var(--page-pad) 48px}.public__photo{display:block;width:100%;max-height:400px;object-fit:cover;border-radius:14px;box-shadow:var(--shadow);margin-bottom:16px}.public__name{margin-bottom:8px;font-size:22px;font-weight:800}.public__missing{padding:64px 16px;text-align:center;color:var(--color-muted)}.public__owner{margin-bottom:4px}.public .pack-item__note{cursor:default}.public-hero{overflow:hidden;margin-bottom:16px;padding-top:36px;border:1px solid var(--color-border);background:linear-gradient(180deg,var(--sunset-sky-top) 0%,var(--sunset-sky) 100%)}.public-hero svg{display:block;width:100%}.public-empty{padding:40px 16px 56px;text-align:center}.public-empty__ridge{display:block;width:min(340px,80%);margin:0 auto 6px;opacity:.3}.public-empty__text{margin-bottom:18px;color:var(--color-muted)}.public-cta{margin-top:40px;text-align:center}.public-cta__owner{margin-bottom:10px;font-size:12px;color:var(--color-muted)}.public-cta__card{overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface)}.public-cta__body{padding:24px 20px 6px}.public-cta__brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;font-size:18px;font-weight:900;letter-spacing:.06em;color:var(--color-primary)}.public-cta__lead{max-width:30em;margin:0 auto 16px;font-size:13px;line-height:1.7;text-align:left}.public-cta__note{margin-top:8px;font-size:11px;color:var(--color-muted)}.public-cta__ridge{display:block;width:100%;margin-top:2px;padding-top:40px;background:linear-gradient(180deg,var(--color-surface) 0%,var(--sunset-sky-top) 55%,var(--sunset-sky) 100%)}.profile-list{margin-top:16px}.profile-card{display:flex;align-items:center;gap:12px}.profile-card__thumb{width:56px;height:56px;flex-shrink:0;object-fit:cover;background:var(--color-bg)}.profile-card__body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.profile-card__name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;color:var(--color-muted)}.doc{font-size:13px;line-height:1.8}.doc h1{margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--color-text);font-size:18px;font-weight:800}.doc h2{margin:18px 0 6px;font-size:14px;font-weight:700;color:var(--color-primary-dark)}.doc p{margin-bottom:8px}.doc ul{margin:0 0 8px;padding-left:1.4em;list-style:disc}.doc li{margin-bottom:4px}.doc__date{margin-top:16px;font-size:12px;color:var(--color-muted)}.doc__lead{margin-bottom:4px;font-size:14px;line-height:1.9;color:var(--color-text)}.doc__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--color-border)}.doc__cta .button{flex:1;min-width:140px;text-align:center}.doc__back{margin-bottom:10px;font-size:12px}.doc__back a{color:var(--color-muted)}.doc__toc{margin:12px 0 8px;padding:12px 14px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-bg)}.doc__toc ul{margin:0;padding-left:1.3em}.doc__toc li{margin-bottom:2px}.doc__toc-title{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--color-muted)}.doc h2[id]{scroll-margin-top:12px}.doc__note{font-size:12px;color:var(--color-muted)}.share-card{margin-bottom:24px}.share-card__head{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--color-text)}.share-card__title{font-size:14px;font-weight:700;color:var(--color-text)}.share-card__url{display:flex;gap:8px;margin-bottom:8px}.share-card__url .form__input{flex:1;min-width:0;font-size:13px}.share-card__note{margin-bottom:10px;font-size:12px;color:var(--color-muted)}.share-card__actions{display:flex;flex-wrap:wrap;gap:8px}.share-card__message{margin-top:8px;font-size:12px;color:var(--color-primary)}.template-modal__lead{margin:-4px 0 16px;font-size:13px;color:var(--color-muted)}.template-modal__section{margin-bottom:20px}.template-modal__heading{margin-bottom:8px;font-size:13px;font-weight:700;color:var(--color-primary-dark)}.template-modal__empty{padding:12px 0;font-size:13px;color:var(--color-muted)}.template-modal__list{display:flex;flex-direction:column;gap:6px}.template-modal__save{display:flex;gap:8px}.template-modal__save .form__input{flex:1}.template-modal__message{margin-top:8px;font-size:13px;color:var(--color-primary)}.template-modal__footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;padding:10px 0;background:var(--color-surface);border-top:1px solid var(--color-border)}.template-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--color-fill)}.template-item__main{flex:1;min-width:0;display:flex;flex-direction:column}.template-item__name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-item__meta{font-size:12px;color:var(--color-muted)}.template-item__remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:8px;background:none;font-size:18px;line-height:1;color:var(--color-muted);cursor:pointer}.template-item__remove:hover{color:var(--color-danger)}.settings__section{margin-bottom:24px}.settings__heading{margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--color-text);font-size:14px;font-weight:700;color:var(--color-text)}.settings__stats{margin-bottom:12px;font-size:13px}.settings__buttons{display:flex;flex-wrap:wrap;gap:10px}.settings__label{display:block;margin-bottom:4px;font-size:12px;color:var(--color-muted)}.settings__name{display:flex;gap:8px;margin-bottom:12px}.settings__name .form__input{flex:1;min-width:0}.settings__note{margin-top:10px;font-size:12px;color:var(--color-muted)}.settings__message{margin-top:10px;font-size:13px;color:var(--color-primary)}.updates-list{list-style:none;display:flex;flex-direction:column;gap:10px}.updates-list__item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--color-fill);border-radius:10px}.updates-list__date{font-size:11px;color:var(--color-muted);font-variant-numeric:tabular-nums}.updates-list__text{font-size:13px;line-height:1.6}.theme-choice{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.theme-choice__btn{display:inline-flex;align-items:center;min-height:38px;padding:6px 18px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:13px;color:var(--color-text);cursor:pointer}.theme-choice__btn:active{background:var(--color-fill)}.theme-choice__btn--on{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:700}.stats{display:grid;gap:24px}.stats__empty{padding:48px 16px;text-align:center;text-wrap:balance;color:var(--color-muted);font-size:14px;line-height:1.8}.stats__cards{display:grid;grid-template-columns:repeat(3,1fr);margin:0 calc(-1 * var(--page-pad, 16px));border-top:1px solid var(--color-border)}@media (min-width: 768px){.stats__cards{grid-template-columns:repeat(6,1fr)}}.stats__card{display:grid;gap:2px;padding:10px 4px;text-align:center;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stats__card:nth-child(3n){border-right:none}@media (min-width: 768px){.stats__card:nth-child(3n){border-right:1px solid var(--color-border)}.stats__card:nth-child(6n){border-right:none}}.stats__card-value{font-size:18px;font-weight:800;color:var(--color-primary-dark);letter-spacing:.01em}.stats__card-label{font-size:11px;color:var(--color-muted)}.stats__section{padding:0}.stats__title{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--color-text);font-size:14px;font-weight:700;color:var(--color-text)}.stats__hint{font-size:12px;font-weight:400;color:var(--color-muted)}.stats__note{margin-top:8px;font-size:12px;color:var(--color-muted)}.stats__note--detail{color:var(--color-primary-dark);font-weight:600}.bar-list{display:grid;gap:8px}.bar-list__row{display:grid;grid-template-columns:9em 1fr auto;align-items:center;gap:8px}.bar-list__label{font-size:12px;line-height:1.35;text-wrap:balance;line-break:strict;color:var(--color-text)}.bar-list__track{height:12px;background:var(--color-fill-strong);overflow:hidden}.bar-list__fill{display:block;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));min-width:3px}.bar-list__value{font-size:12px;font-weight:700;color:var(--color-text);text-align:right;white-space:nowrap}.bar-list__sub{margin-left:6px;font-size:11px;font-weight:400;color:var(--color-muted)}.bar-list__item{display:grid;gap:8px}.bar-list__row--btn{width:100%;padding:0;border:none;background:none;font:inherit;text-align:left;cursor:pointer}.bar-list__caret{margin-right:4px;font-size:10px;color:var(--color-muted)}.bar-list__subrows{display:grid;gap:6px;margin:0;padding:0 0 2px;list-style:none}.bar-list__label--sub{padding-left:16px;color:var(--color-muted)}.bar-list__track--sub{height:8px}.bar-list__fill--sub{opacity:.55}.trend__bars{display:flex;align-items:flex-end;gap:3px;height:140px;padding:4px 0;overflow-x:auto}.trend__bar{flex:1 1 0;min-width:12px;min-height:2px;padding:0;border:none;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-dark));cursor:pointer;transition:opacity .12s}.trend__bar:hover{opacity:.7}.trend__bar--active{opacity:1;outline:2px solid var(--color-primary-dark);outline-offset:1px}.trend__axis{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--color-muted)}.wrapped-cta__years{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.wrapped-cta__year{display:inline-flex;align-items:center;min-height:36px;padding:5px 14px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:13px;color:var(--color-text);cursor:pointer}.wrapped-cta__year:active{background:var(--color-fill)}.wrapped-cta__year--on{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:700}.wrapped-cta__buttons{display:flex;flex-wrap:wrap;gap:8px}.catalog{display:grid;gap:24px}.catalog__section{padding:0}.catalog__title{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--color-text);font-size:15px;font-weight:800;color:var(--color-text)}.catalog__count{font-size:12px;font-weight:400;color:var(--color-muted)}.catalog__groups{display:grid;gap:12px}.catalog__group-title{margin-bottom:6px;font-size:13px;font-weight:700;color:var(--color-text)}.catalog__cats{display:flex;flex-wrap:wrap;gap:6px}.catalog__cat{padding:3px 10px;border-radius:999px;background:var(--color-primary-soft);font-size:12px;color:var(--color-primary-dark)}.catalog__hint{margin:8px 0;font-size:12px;color:var(--color-muted)}.catalog__empty{padding:16px 0;color:var(--color-muted);font-size:13px}.catalog__brands{display:flex;flex-wrap:wrap;gap:6px}.catalog__brand{padding:3px 10px;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border);font-size:12px;color:var(--color-text)}.admin__denied{padding:48px 16px;text-align:center;color:var(--color-muted)}.admin__tabs{display:flex;gap:6px;margin-bottom:14px}.admin__tab{display:inline-flex;align-items:center;min-height:40px;padding:6px 20px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:13px;color:var(--color-text);cursor:pointer}.admin__tab--on{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:700}.admin__panel{display:grid;gap:12px}.admin__form{display:grid;gap:10px;padding:14px 16px;border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow)}.admin__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 520px){.admin__row{grid-template-columns:1fr}}.admin__actions{display:flex;align-items:center;gap:10px}.admin__msg{font-size:13px;color:var(--color-primary)}.admin__note{font-size:12px;color:var(--color-muted)}.admin__search{margin-top:2px}.admin__count{font-size:12px;color:var(--color-muted)}.admin__index{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.admin__index-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:4px 8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);font-size:13px;color:var(--color-text);cursor:pointer}.admin__index-btn--on{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:700}.admin__pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.admin__pager-info{font-size:13px;color:var(--color-muted);font-variant-numeric:tabular-nums}.admin__list{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.admin__item{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow)}.admin__item--editing{outline:2px solid var(--color-primary)}.admin__item-main{flex:1 1 240px;min-width:0;display:flex;flex-direction:column}.admin__item-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.admin__edit{flex:1 1 100%;display:grid;gap:8px}.admin__edit-actions{display:flex;gap:8px}.admin__item-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin__item-sub{font-size:12px;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin__btn{flex-shrink:0;display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:13px;color:var(--color-text);cursor:pointer}.admin__btn--danger{color:var(--color-danger);border-color:var(--color-danger);margin-left:2px}.admin__filter{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text);cursor:pointer}.admin__csv{padding:12px 16px;border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow)}.admin__csv-summary{font-size:13px;font-weight:600;color:var(--color-primary-dark);cursor:pointer;-webkit-user-select:none;user-select:none}.admin__csv-body{display:grid;gap:10px;margin-top:10px}.admin__csv-preview{display:flex;align-items:center;gap:10px;font-size:13px}.admin__csv-result{padding:8px 12px;border-radius:10px;background:var(--color-primary-soft);font-size:13px;color:var(--color-primary-dark)}.admin__csv-result p{margin:0;line-height:1.7}.admin__weight{flex-shrink:0;display:flex;align-items:center;gap:4px}.admin__weight-input{width:80px;min-height:36px;padding:6px 8px;font-size:16px}.usage{margin-top:22px;padding-top:16px;border-top:1px solid var(--color-border)}.usage__heading{display:flex;align-items:baseline;gap:8px;margin-bottom:4px;font-size:13px;font-weight:700;color:var(--color-primary-dark)}.usage__count{font-size:12px;font-weight:400;color:var(--color-muted)}.usage__range{margin-bottom:8px;font-size:12px;font-weight:600;color:var(--color-accent)}.usage__list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.usage-item{padding:10px 12px;border-radius:10px;background:var(--color-fill)}.usage-item__link{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.usage-item__date{flex-shrink:0;font-size:12px;color:var(--color-muted);font-variant-numeric:tabular-nums}.usage-item__name{flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-item__meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:12px;color:var(--color-muted)}.usage-item__note{margin-top:6px;padding:6px 10px;border-radius:8px;background:var(--color-surface);font-size:12px}.hint{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--color-accent-soft);margin-bottom:16px}.hint__text{flex:1;font-size:13px;color:var(--color-accent-text)}.track-map{height:260px;border-radius:14px;box-shadow:var(--shadow);position:relative;z-index:0;overflow:hidden}@media (min-width: 768px){.track-map{height:340px}}.track-arrow{background:none;border:none}.track-arrow svg{display:block}.track-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--color-surface);border-radius:50%;font-size:12px;font-weight:800;line-height:1;color:var(--color-on-emphasis);box-shadow:0 1px 4px #0006}.track-badge--start{background:var(--color-primary)}.track-badge--goal{background:var(--color-danger)}.route{margin-bottom:24px}.route__head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.route__title{font-size:14px;font-weight:700;color:var(--color-primary-dark)}.route__name{flex:1;min-width:0;font-size:12px;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route__btn{flex-shrink:0;padding:2px 8px;border:none;border-radius:999px;background:var(--color-fill);font-size:11px;font-weight:600;color:var(--color-muted);cursor:pointer}.route__btn:hover{color:var(--color-primary-dark)}.route__stats{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:13px;color:var(--color-muted);font-variant-numeric:tabular-nums}.route__stats strong{color:var(--color-text)}.rich-text{font-size:13px;line-height:1.7;word-break:break-word}.rich-text>:last-child{margin-bottom:0}.rich-text p{margin:0 0 8px}.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4{margin:12px 0 6px;font-size:14px;font-weight:700}.rich-text h1:first-child,.rich-text h2:first-child,.rich-text h3:first-child,.rich-text h4:first-child{margin-top:0}.rich-text ul,.rich-text ol{margin:0 0 8px;padding-left:20px}.rich-text ul{list-style:disc}.rich-text ol{list-style:decimal}.rich-text a{color:var(--color-primary-dark);text-decoration:underline}.rich-text code{padding:1px 5px;border-radius:4px;background:var(--color-fill);font-size:12px}.rich-text blockquote{margin:0 0 8px;padding:4px 10px;border-left:3px solid var(--color-border);color:var(--color-muted)}.rich-text img{max-width:100%;border-radius:8px}.rich-text__video{display:block;position:relative;aspect-ratio:16/9;margin:0 0 8px}.rich-text__video iframe{width:100%;height:100%;border:0;border-radius:8px}.form__hint{font-size:11px;font-weight:400;color:var(--color-muted)}.form__preview{border:1px dashed var(--color-border);border-radius:10px;padding:8px 12px}.form__preview summary{font-size:12px;color:var(--color-muted);cursor:pointer}.form__preview .rich-text{margin-top:8px}.toast-stack{position:fixed;left:0;right:0;bottom:calc(76px + env(safe-area-inset-bottom));z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px;pointer-events:none}.toast{pointer-events:auto;max-width:520px;width:fit-content;padding:12px 16px;border:none;border-radius:10px;background:var(--color-emphasis-surface);color:var(--color-on-emphasis);font:inherit;font-size:14px;font-weight:600;line-height:1.5;text-align:left;box-shadow:var(--shadow-lift);cursor:pointer;animation:toast-in .18s ease-out}.toast--error{background:var(--color-danger)}.toast--success{background:var(--color-success)}.toast--has-action{display:flex;align-items:center;gap:4px;padding:0;cursor:default}.toast__message{padding:12px 8px 12px 16px;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.toast__action{flex-shrink:0;margin-right:8px;padding:8px 12px;border:none;border-radius:10px;background:var(--color-on-emphasis-soft);color:inherit;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.toast__action:active{background:var(--color-on-emphasis-soft-active)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.confirm{max-width:380px}.confirm__message{margin-bottom:20px;font-size:14px;line-height:1.7;white-space:pre-wrap}.confirm__require{display:block;margin-bottom:16px}.confirm__require-label{display:block;margin-bottom:6px;font-size:13px;color:var(--color-muted)}.confirm__actions{display:flex;justify-content:flex-end;gap:10px}.confirm__ok--danger{background:var(--color-danger)}.print-sheet{display:none}@media print{body.has-print-sheet #root{display:none}body.has-print-sheet .print-sheet{display:block;color:#000;font-size:12px;line-height:1.5}.print-sheet__head{margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #000}.print-sheet__title{margin:0 0 4px;font-size:20px;font-weight:700}.print-sheet__meta{margin:0 0 4px;font-size:12px}.print-sheet__weights{margin:0;font-size:12px;font-weight:700}.print-sheet__weights span{margin-left:12px;font-weight:400}.print-sheet__columns{column-count:2;column-gap:24px}.print-sheet__section{margin-bottom:10px}.print-sheet__category{margin:0 0 4px;padding-bottom:2px;border-bottom:1px solid #000;font-size:13px;font-weight:700;break-inside:avoid;break-after:avoid}.print-sheet__count{margin-left:8px;font-size:10px;font-weight:400}.print-sheet__list,.print-sheet__sublist{margin:0;padding:0;list-style:none}.print-sheet__subhead{padding:4px 0 1px;font-size:10px;font-weight:700;color:#555;break-inside:avoid;break-after:avoid}.print-sheet__item{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;padding:3px 0;border-bottom:1px solid #ccc;break-inside:avoid}.print-sheet__box{flex-shrink:0;position:relative;top:2px;width:12px;height:12px;border:1.5px solid #000}.print-sheet__box--checked:after{content:"✓";position:absolute;top:-4px;left:0;font-size:13px;font-weight:700}.print-sheet__name{flex:1;min-width:0}.print-sheet__brand{margin-left:6px;font-size:10px;color:#555}.print-sheet__worn{margin-left:6px;padding:0 4px;border:1px solid #000;border-radius:3px;font-size:9px}.print-sheet__weight{flex-shrink:0;font-variant-numeric:tabular-nums}.print-sheet__components{flex-basis:100%;padding-left:18px;font-size:10px;color:#555}.print-sheet__foot{margin-top:12px;font-size:9px;color:#555;text-align:right}}@page{margin:14mm}