@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--md-primary: #1976D2;--md-on-primary: #FFFFFF;--md-primary-container: #D3E4FF;--md-on-primary-container: #001D36;--md-secondary: #6750A4;--md-on-secondary: #FFFFFF;--md-secondary-container: #EADDFF;--md-on-secondary-container: #21005D;--md-tertiary: #0D6D4E;--md-on-tertiary: #FFFFFF;--md-tertiary-container: #A8F5DC;--md-on-tertiary-container: #002115;--md-error: #B3261E;--md-on-error: #FFFFFF;--md-error-container: #F9DEDC;--md-on-error-container: #410E0B;--md-surface: #FFFBFE;--md-surface-dim: #DED8E1;--md-surface-bright: #FFFBFE;--md-surface-container-lowest: #FFFFFF;--md-surface-container-low: #F7F2FA;--md-surface-container: #F3EDF7;--md-surface-container-high: #ECE6F0;--md-surface-container-highest: #E6E0E9;--md-on-surface: #1C1B1F;--md-on-surface-variant: #49454F;--md-outline: #79747E;--md-outline-variant: #CAC4D0;--md-background: #FFFBFE;--md-on-background: #1C1B1F;--md-inverse-surface: #313033;--md-inverse-on-surface: #F4EFF4;--md-inverse-primary: #D0BCFF;--md-shadow: rgba(0, 0, 0, .15);--md-scrim: rgba(0, 0, 0, .32);--md-font-family: "Noto Sans JP", "Inter", sans-serif;--md-display-large-size: 57px;--md-display-large-weight: 400;--md-display-large-line: 64px;--md-display-medium-size: 45px;--md-display-medium-weight: 400;--md-display-medium-line: 52px;--md-display-small-size: 36px;--md-display-small-weight: 400;--md-display-small-line: 44px;--md-headline-large-size: 32px;--md-headline-large-weight: 400;--md-headline-large-line: 40px;--md-headline-medium-size: 28px;--md-headline-medium-weight: 400;--md-headline-medium-line: 36px;--md-headline-small-size: 24px;--md-headline-small-weight: 400;--md-headline-small-line: 32px;--md-title-large-size: 22px;--md-title-large-weight: 400;--md-title-large-line: 28px;--md-title-medium-size: 16px;--md-title-medium-weight: 500;--md-title-medium-line: 24px;--md-title-small-size: 14px;--md-title-small-weight: 500;--md-title-small-line: 20px;--md-body-large-size: 16px;--md-body-large-weight: 400;--md-body-large-line: 24px;--md-body-medium-size: 14px;--md-body-medium-weight: 400;--md-body-medium-line: 20px;--md-body-small-size: 12px;--md-body-small-weight: 400;--md-body-small-line: 16px;--md-label-large-size: 14px;--md-label-large-weight: 500;--md-label-large-line: 20px;--md-label-medium-size: 12px;--md-label-medium-weight: 500;--md-label-medium-line: 16px;--md-label-small-size: 11px;--md-label-small-weight: 500;--md-label-small-line: 16px;--md-shape-none: 0px;--md-shape-extra-small: 4px;--md-shape-small: 8px;--md-shape-medium: 12px;--md-shape-large: 16px;--md-shape-extra-large: 28px;--md-shape-full: 9999px;--md-elevation-0: none;--md-elevation-1: 0px 1px 2px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--md-elevation-2: 0px 1px 2px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--md-elevation-3: 0px 1px 3px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15);--md-elevation-4: 0px 2px 3px rgba(0, 0, 0, .3), 0px 6px 10px 4px rgba(0, 0, 0, .15);--md-elevation-5: 0px 4px 4px rgba(0, 0, 0, .3), 0px 8px 12px 6px rgba(0, 0, 0, .15);--md-spacing-1: 4px;--md-spacing-2: 8px;--md-spacing-3: 12px;--md-spacing-4: 16px;--md-spacing-5: 20px;--md-spacing-6: 24px;--md-spacing-8: 32px;--md-spacing-10: 40px;--md-spacing-12: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--md-font-family);font-size:var(--md-body-large-size);font-weight:var(--md-body-large-weight);line-height:var(--md-body-large-line);color:var(--md-on-background);background-color:var(--md-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none;line-height:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--md-surface-container-low)}::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.skeleton{background:linear-gradient(90deg,var(--md-surface-container) 25%,var(--md-surface-container-low) 50%,var(--md-surface-container) 75%);background-size:800px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--md-shape-small)}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--md-surface);border-bottom:1px solid var(--md-outline-variant)}@media(min-width:768px){.mobile-header{display:none}}.mobile-header__left{display:flex;align-items:center;gap:4px}.mobile-header__logo{font-size:18px;font-weight:800;color:var(--md-on-surface);letter-spacing:-.5px}.mobile-header__logo-treca{color:var(--md-primary)}.mobile-header__beta{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--md-on-primary-container);background:var(--md-primary-container);border-radius:4px;padding:2px 5px;margin-left:6px;vertical-align:middle}.mobile-header__actions{display:flex;align-items:center;gap:4px}.mobile-header__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:50%;cursor:pointer;color:var(--md-on-surface-variant);transition:background .15s}.mobile-header__icon-btn:hover{background:var(--md-surface-container)}.mobile-header__icon-btn .material-symbols-rounded{font-size:22px}.mobile-header__add-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;cursor:pointer;background:var(--md-on-surface);color:var(--md-surface);transition:opacity .15s}.mobile-header__add-btn:hover{opacity:.85}.mobile-header__add-btn .material-symbols-rounded{font-size:20px}.global-scan-overlay{position:fixed;inset:0;z-index:9999;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.global-scan-overlay__inner{text-align:center;color:#fff}.global-scan-overlay__icon{font-size:56px;color:#90caf9;animation:spin 2s linear infinite;display:block;margin:0 auto 16px}.global-scan-overlay__inner p{font-size:18px;font-weight:700;margin-bottom:4px}.global-scan-overlay__sub{font-size:13px!important;font-weight:400!important;opacity:.7}.md3-toast-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}.md3-toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--md-shape-extra-small);background:var(--md-inverse-surface);color:var(--md-inverse-on-surface);box-shadow:var(--md-elevation-3);font-size:var(--md-body-medium-size);font-weight:500;pointer-events:all;min-width:280px;max-width:480px}.md3-toast__icon{font-size:20px;flex-shrink:0}.md3-toast__message{flex:1;line-height:1.4}.md3-toast__close{background:none;border:none;cursor:pointer;color:inherit;padding:0;display:flex;align-items:center;opacity:.7;transition:opacity .2s;flex-shrink:0}.md3-toast__close:hover{opacity:1}.md3-toast__close .material-symbols-rounded{font-size:18px}.md3-toast--success .md3-toast__icon{color:#69f0ae}.md3-toast--error{background:var(--md-error-container);color:var(--md-on-error-container)}.md3-toast--error .md3-toast__icon{color:var(--md-error)}.md3-toast--warning{background:#fff8e1;color:#4e3b00}.md3-toast--warning .md3-toast__icon{color:#f9a825}@media(max-width:600px){.md3-toast-container{left:16px;right:16px;transform:none;width:auto}.md3-toast{min-width:unset;width:100%}}.gsm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:gsm-fade-in .2s ease-out;padding:24px}@keyframes gsm-fade-in{0%{opacity:0}to{opacity:1}}.gsm-card{background:var(--md-surface-container-lowest, #fff);border-radius:24px;padding:32px 28px 28px;max-width:360px;width:100%;text-align:center;position:relative;box-shadow:0 8px 32px #0000002e;animation:gsm-slide-up .25s ease-out}@keyframes gsm-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.gsm-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--md-on-surface-variant, #666);transition:background .15s}.gsm-close:hover{background:var(--md-surface-container, #f0f0f0)}.gsm-close .material-symbols-rounded{font-size:22px}.gsm-icon-area{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#6366f1);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.gsm-icon{font-size:36px;color:#fff}.gsm-title{font-size:20px;font-weight:800;color:var(--md-on-surface, #1a1a1a);margin:0 0 8px}.gsm-sub{font-size:13px;color:var(--md-on-surface-variant, #666);margin:0 0 4px}.gsm-highlight{font-size:14px;font-weight:600;color:#d97706;margin:0 0 20px}.gsm-cta{display:block;width:100%;padding:14px 24px;border:none;border-radius:100px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-family:var(--md-font-family, sans-serif);font-size:16px;font-weight:800;cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 2px 12px #f9731666;margin-bottom:12px}.gsm-cta:hover{transform:translateY(-1px);box-shadow:0 4px 18px #f9731680}.gsm-cta:active{transform:scale(.98)}.gsm-login-link{background:none;border:none;color:var(--md-primary, #6750a4);font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;font-family:var(--md-font-family, sans-serif)}.gsm-login-link:hover{color:var(--md-on-surface, #1a1a1a)}.nav-rail{display:none}@media(min-width:768px){.nav-rail{display:flex;flex-direction:column;width:200px;min-width:200px;background:var(--md-surface);border-right:1px solid var(--md-outline-variant);height:100vh;position:sticky;top:0;padding:16px 0 24px;gap:4px;overflow-y:auto;flex-shrink:0}}@media(min-width:1280px){.nav-rail{width:240px;min-width:240px}}.nav-rail__logo{display:flex;align-items:center;gap:8px;padding:4px 20px 16px;border-bottom:1px solid var(--md-outline-variant);margin-bottom:8px}.nav-rail__logo-text{font-size:18px;font-weight:800;color:var(--md-on-surface);letter-spacing:-.5px}.nav-rail__items{display:flex;flex-direction:column;gap:2px;padding:0 8px;flex:1}.nav-rail__item{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--md-shape-medium);border:none;background:transparent;cursor:pointer;font-family:var(--md-font-family);font-size:var(--md-body-medium-size);color:var(--md-on-surface-variant);font-weight:500;width:100%;text-align:left;transition:background .15s,color .15s}.nav-rail__item:hover{background:var(--md-surface-container);color:var(--md-on-surface)}.nav-rail__item--active{background:var(--md-primary);color:#fff;font-weight:700;box-shadow:0 2px 8px color-mix(in srgb,var(--md-primary) 40%,transparent)}.nav-rail__item--active:hover{background:color-mix(in srgb,var(--md-primary) 88%,black);color:#fff}.nav-rail__item--active .nav-rail__icon{color:#fff;font-variation-settings:"FILL" 1}.nav-rail__item--active .nav-rail__label{color:#fff}.nav-rail__item--active .nav-rail__avatar{border-color:#fff}.nav-rail__indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-rail__icon{font-size:22px;transition:font-variation-settings .2s,color .2s}.nav-rail__label{font-size:14px;line-height:1.2;transition:color .2s}.nav-rail__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--md-primary)}.nav-rail__badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;background:var(--md-error);color:#fff;border-radius:100px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px}.nav-rail__add-area{padding:0;width:100%;position:relative}.nav-rail__add-divider{height:1px;background:var(--md-outline-variant);margin:0 4px 12px}.nav-rail__add-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:none;border-radius:var(--md-shape-medium);background:var(--md-primary);color:var(--md-on-primary);font-family:var(--md-font-family);font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,box-shadow .2s;box-shadow:0 1px 4px color-mix(in srgb,var(--md-primary) 30%,transparent)}.nav-rail__add-trigger:hover{background:color-mix(in srgb,var(--md-primary) 88%,black);box-shadow:0 2px 8px color-mix(in srgb,var(--md-primary) 40%,transparent)}.nav-rail__add-trigger .material-symbols-rounded{font-size:22px}.nav-rail__popover{position:absolute;top:100%;left:0;right:0;background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-large);box-shadow:0 4px 24px #0000001f,0 1px 6px #0000000f;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:100;animation:nav-popover-in .15s ease-out}@keyframes nav-popover-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-rail__popover-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;border-radius:var(--md-shape-medium);background:transparent;cursor:pointer;font-family:var(--md-font-family);width:100%;text-align:left;transition:background .12s}.nav-rail__popover-item:hover{background:var(--md-surface-container)}.nav-rail__popover-item:disabled{opacity:.4;cursor:not-allowed}.nav-rail__popover-icon{font-size:22px;color:var(--md-primary);flex-shrink:0}.nav-rail__popover-text{display:flex;flex-direction:column;gap:1px}.nav-rail__popover-label{font-size:13px;font-weight:600;color:var(--md-on-surface)}.nav-rail__popover-sub{font-size:11px;color:var(--md-on-surface-variant)}.nav-rail__logo-treca{color:var(--md-primary)}.nav-rail__beta{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--md-on-primary-container);background:var(--md-primary-container);border-radius:4px;padding:2px 5px;align-self:flex-start;margin-top:2px}.app-footer{background:var(--md-surface-container-low);border-top:1px solid var(--md-outline-variant);padding:20px 16px;margin-top:auto}.app-footer__inner{max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.app-footer__links{display:flex;flex-wrap:wrap;gap:8px 16px;flex:1}.app-footer__link{font-size:12px;color:var(--md-on-surface-variant);text-decoration:none;transition:color .15s}.app-footer__link:hover{color:var(--md-primary);text-decoration:underline}.app-footer__lang{display:flex;align-items:center;gap:6px;color:var(--md-on-surface-variant)}.app-footer__lang-select{border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-small);background:var(--md-surface-container-high);color:var(--md-on-surface);font-family:var(--md-font-family);font-size:12px;padding:4px 8px;cursor:pointer;outline:none}.app-footer__lang-select:focus{border-color:var(--md-primary)}.app-footer__copy{width:100%;font-size:11px;color:var(--md-on-surface-variant);margin:0;opacity:.7}@media(min-width:768px){.app-footer__copy{width:auto}}