:root{--mpage-primary:var(--primary,#1b3a5c);--mpage-accent:var(--accent,#b8860b);--mpage-text:var(--text,#333);--mpage-text-light:var(--text-light,#555);--mpage-border:var(--border,#e2e6ea);--mpage-bg:var(--bg,#f4f6f9);--mpage-radius:var(--radius-sm,6px);--mpage-surface:#fff;--mpage-danger:#c0392b;--mpage-success:#1e7a4c;--mpage-sidebar:#16304c;--mpage-sidebar-text:#cdd8e4;--mpage-mine-bg:#eaf2fb;--mpage-mine-border:#c9dcf0}.l-mypage{min-height:100vh;color:var(--mpage-text);background:var(--mpage-bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans JP,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.7}:where(.l-mypage) :where(*){box-sizing:border-box}:where(.l-mypage) :where(h1,h2,h3,p,ul,ol,figure){margin:0}:where(.l-mypage) :where(ul,ol){padding:0;list-style:none}:where(.l-mypage) :where(a){color:inherit;text-decoration:none}:where(.l-mypage) :where(img,svg){vertical-align:middle;max-width:100%}:where(.l-mypage) :where(button,input,select,textarea){font:inherit;color:inherit}.l-mypage{display:flex}.l-mypage__toggle{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.l-mypage__sidebar{z-index:20;width:224px;height:100vh;color:var(--mpage-sidebar-text);background:var(--mpage-sidebar);flex-direction:column;padding:20px 14px;transition:transform .2s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}@media (width>=769px){.l-mypage__sidebar{transform:none}}.l-mypage__toggle:checked~.l-mypage__sidebar{transform:none}.l-mypage__overlay{z-index:15;background:#00000073;display:none;position:fixed;inset:0}.l-mypage__toggle:checked~.l-mypage__overlay{display:block}@media (width>=769px){.l-mypage__toggle:checked~.l-mypage__overlay{display:none}}.l-mypage__brand{border-bottom:1px solid #ffffff1f;padding-bottom:16px}.l-mypage__brand-name{color:#fff;font-size:14px;font-weight:700}.l-mypage__brand-sub{color:var(--mpage-sidebar-text);margin-top:2px;font-size:12px}.l-mypage__nav{flex:1;padding-top:12px}.l-mypage__link{border-radius:var(--mpage-radius);color:var(--mpage-sidebar-text);align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:flex}.l-mypage__link:hover{color:#fff;background:#ffffff14}.l-mypage__link--on{color:#fff;background:#ffffff24;font-weight:700}.l-mypage__icon{flex-shrink:0;width:17px;height:17px}.l-mypage__sep{background:#ffffff1f;height:1px;margin:10px 12px}.l-mypage__badge{background:var(--mpage-accent);color:#fff;text-align:center;font-feature-settings:"tnum";border-radius:9px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:700;line-height:16px}.l-mypage__foot{border-top:1px solid #ffffff1f;padding-top:14px}.l-mypage__user{text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;font-size:12px;overflow:hidden}.l-mypage__body{flex:1;min-width:0}@media (width>=769px){.l-mypage__body{margin-left:224px}}.l-mypage__header{background:var(--mpage-surface);border-bottom:1px solid var(--mpage-border);align-items:center;gap:12px;padding:12px 16px;display:flex}.l-mypage__menu{color:var(--mpage-primary);cursor:pointer;padding:4px;display:inline-flex}@media (width>=769px){.l-mypage__menu{display:none}}.l-mypage__title{color:var(--mpage-primary);font-size:16px;font-weight:700}.l-mypage__main{padding:20px 16px 48px}@media (width>=769px){.l-mypage__main{padding:28px 28px 64px}}.p-mypage-form{display:block}.p-mypage-form__lead{color:var(--mpage-text-light);margin:0 0 20px;font-size:14px;line-height:1.9}.p-mypage-form__actions{margin-top:24px}.p-mypage-form__sub,.p-mypage-form__resend{text-align:center;margin-top:16px}.p-mypage-field{margin-bottom:18px}.p-mypage-field__label{color:var(--mpage-primary);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.p-mypage-field__req{color:#fff;background:var(--mpage-danger);border-radius:3px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700}.p-mypage-field__input{border:1px solid var(--mpage-border);border-radius:var(--mpage-radius);width:100%;color:var(--mpage-text);background:#fff;padding:11px 12px;font-size:15px;line-height:1.5;display:block}.p-mypage-field__input:focus{outline:2px solid var(--mpage-accent);outline-offset:1px}.p-mypage-field__input--error{border-color:var(--mpage-danger);background:#fff7f6}.p-mypage-field__input--code{font-variant-numeric:tabular-nums;letter-spacing:.4em;text-align:center;font-size:24px}.p-mypage-field__note{color:var(--mpage-text-light);margin:6px 0 0;font-size:12px;line-height:1.7}.p-mypage-field__static{word-break:break-all;margin:0;padding:11px 0;font-size:15px}.p-mypage-field__reveal-wrap{align-items:stretch;gap:8px;display:flex}.p-mypage-field__reveal{border:1px solid var(--mpage-border);border-radius:var(--mpage-radius);color:var(--mpage-primary);cursor:pointer;background:#fff;flex:none;padding:0 14px;font-size:13px}.p-mypage-field__reveal:hover{background:var(--mpage-bg)}.p-mypage-btn{border-radius:var(--mpage-radius);text-align:center;cursor:pointer;border:1px solid #0000;padding:12px 22px;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-block}.p-mypage-btn--primary{color:#fff;background:var(--mpage-primary)}.p-mypage-btn--primary:hover{opacity:.88}.p-mypage-btn--ghost{color:var(--mpage-primary);border-color:var(--mpage-border);background:#fff}.p-mypage-btn--ghost:hover{background:var(--mpage-bg)}.p-mypage-btn--ondark{color:#fff;background:#ffffff24;border-color:#fff3;padding:9px 14px;font-size:13px}.p-mypage-btn--ondark:hover{background:#ffffff38}.p-mypage-btn--block{width:100%;display:block}.p-mypage-alert{border-radius:var(--mpage-radius);border:1px solid;margin-bottom:20px;padding:12px 14px;font-size:14px;line-height:1.8}.p-mypage-alert--success{color:var(--mpage-success);background:#f1f9f4;border-color:#1e7a4c4d}.p-mypage-alert--danger{color:var(--mpage-danger);background:#fdf3f2;border-color:#c0392b4d}.p-mypage-alert__list{margin:0;padding-left:18px;list-style:outside}.p-mypage-auth{background:var(--mpage-bg);padding:48px 16px 72px}@media (width>=769px){.p-mypage-auth{padding:72px 16px 104px}}.p-mypage-auth__inner{max-width:480px;margin:0 auto}.p-mypage-auth__head{text-align:center;margin-bottom:24px}.p-mypage-auth__eyebrow{letter-spacing:.14em;color:var(--mpage-accent);margin:0;font-size:12px}.p-mypage-auth__title{color:var(--mpage-primary);margin:8px 0 0;font-size:24px;font-weight:700;line-height:1.4}@media (width>=769px){.p-mypage-auth__title{font-size:30px}}.p-mypage-auth__lead{text-align:left;color:var(--mpage-text-light);margin:14px 0 0;font-size:14px;line-height:1.9}.p-mypage-auth__panel{border:1px solid var(--mpage-border);border-radius:var(--mpage-radius);background:var(--mpage-surface);padding:24px 20px}@media (width>=769px){.p-mypage-auth__panel{padding:32px 32px 28px}}.p-mypage-auth__foot{text-align:center;color:var(--mpage-text-light);margin:20px 0 0;font-size:14px}.p-mypage-auth__link{color:var(--mpage-primary);font-weight:700;text-decoration:underline}.p-mypage-auth__link:hover{color:var(--mpage-accent)}.p-mypage-gate__lead{color:var(--mpage-text);margin:0;font-size:15px;line-height:1.8}.p-mypage-gate__list{color:var(--mpage-text-light);margin:16px 0 0;padding-left:1.2em;font-size:14px;line-height:1.9}.p-mypage-gate__actions{gap:10px;margin-top:24px;display:grid}.p-mypage-gate__note{border-top:1px solid var(--mpage-border);color:var(--mpage-text-light);margin:20px 0 0;padding-top:16px;font-size:13px;line-height:1.8}.p-mypage-panel{border:1px solid var(--mpage-border);border-radius:var(--mpage-radius);background:var(--mpage-surface);margin-bottom:20px;overflow:hidden}@media (width>=769px){.p-mypage-panel{max-width:720px}}.p-mypage-panel__header{border-bottom:1px solid var(--mpage-border);padding:14px 18px}.p-mypage-panel__title{color:var(--mpage-primary);font-size:15px;font-weight:700}.p-mypage-panel__body{padding:18px}@media (width>=769px){.p-mypage-panel__body{padding:22px}}.p-mypage-panel__lead{color:var(--mpage-text-light);margin:0 0 18px;font-size:14px;line-height:1.9}.p-mypage-hello{margin-bottom:20px}.p-mypage-hello__name{color:var(--mpage-primary);font-size:20px;font-weight:700;line-height:1.5}.p-mypage-hello__lead{color:var(--mpage-text-light);margin-top:4px;font-size:14px}.p-mypage-cards{gap:12px;display:grid}@media (width>=769px){.p-mypage-cards{max-width:720px}}.p-mypage-card{border:1px solid var(--mpage-border);border-radius:var(--mpage-radius);background:var(--mpage-surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;transition:border-color .15s,box-shadow .15s;display:grid}.p-mypage-card:hover{border-color:var(--mpage-primary);box-shadow:0 1px 3px #1b3a5c14,0 2px 10px #1b3a5c0f}@media (width>=769px){.p-mypage-card{padding:18px 20px}}.p-mypage-card__icon{border-radius:var(--mpage-radius);background:var(--mpage-bg);width:42px;height:42px;color:var(--mpage-primary);place-items:center;display:grid}.p-mypage-card__glyph{width:21px;height:21px}.p-mypage-card__main{min-width:0;display:block}.p-mypage-card__title{color:var(--mpage-primary);align-items:center;gap:8px;font-size:16px;font-weight:700;line-height:1.5;display:flex}.p-mypage-card__text{color:var(--mpage-text-light);margin-top:2px;font-size:13px;line-height:1.7;display:block}.p-mypage-card__meta{color:var(--mpage-text-light);text-overflow:ellipsis;white-space:nowrap;opacity:.85;margin-top:4px;font-size:12px;display:block;overflow:hidden}.p-mypage-card__badge{background:var(--mpage-accent);color:#fff;white-space:nowrap;font-feature-settings:"tnum";border-radius:9px;padding:1px 8px;font-size:11px;font-weight:700;line-height:18px}.p-mypage-card__arrow{width:18px;height:18px;color:var(--mpage-border)}.p-mypage-card:hover .p-mypage-card__arrow{color:var(--mpage-primary)}.p-mypage-notice{border:1px solid var(--mpage-border);border-left:4px solid var(--mpage-accent);border-radius:var(--mpage-radius);background:var(--mpage-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px 18px;display:flex}.p-mypage-notice__text{color:var(--mpage-text);margin:0;font-size:14px;line-height:1.8}.l-mypage:has(.p-mypage-chat){height:100dvh;overflow:hidden}.l-mypage:has(.p-mypage-chat) .l-mypage__body{flex-direction:column;display:flex}.l-mypage:has(.p-mypage-chat) .l-mypage__main{flex-direction:column;flex:1;min-height:0;display:flex}.p-mypage-chat{flex-direction:column;flex:1;gap:10px;width:100%;max-width:760px;min-height:360px;margin-inline:auto;display:flex}.p-mypage-chat__thread{border:1px solid var(--mpage-border);border-radius:var(--mpage-radius);background:var(--mpage-surface);overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:16px;overflow-y:auto}.p-mypage-chat__thread::-webkit-scrollbar{display:none}.p-mypage-chat__empty{color:var(--mpage-text-light);text-align:center;padding:32px 0;font-size:14px}.p-mypage-chat__day{color:var(--mpage-text-light);align-items:center;gap:12px;margin:16px 0 12px;font-size:12px;display:flex}.p-mypage-chat__day:before,.p-mypage-chat__day:after{content:"";background:var(--mpage-border);flex:1;height:1px}.p-mypage-chat__row{flex-direction:column;align-items:flex-start;margin-bottom:14px;display:flex}.p-mypage-chat__row--mine{align-items:flex-end}.p-mypage-chat__bubble{border:1px solid var(--mpage-border);background:var(--mpage-bg);border-radius:14px 14px 14px 4px;max-width:86%;padding:10px 14px}.p-mypage-chat__row--mine .p-mypage-chat__bubble{border-color:var(--mpage-mine-border);background:var(--mpage-mine-bg);border-radius:14px 14px 4px}.p-mypage-chat__body{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.8}.p-mypage-chat__body a{color:var(--mpage-primary);text-underline-offset:2px;text-decoration:underline}.p-mypage-chat__stamp{color:var(--mpage-text-light);font-feature-settings:"tnum";gap:6px;margin-top:4px;padding:0 4px;font-size:11px;display:flex}.p-mypage-chat__image{display:block}.p-mypage-chat__image+.p-mypage-chat__image{margin-top:8px}.p-mypage-chat__body+.p-mypage-chat__image{margin-top:10px}.p-mypage-chat__image img{vertical-align:bottom;border-radius:10px;max-width:200px;max-height:200px}.p-mypage-chat__file{border:1px solid var(--mpage-border);background:var(--mpage-surface);color:var(--mpage-primary);border-radius:10px;align-items:baseline;gap:8px;margin-top:8px;padding:8px 10px;font-size:13px;display:flex}.p-mypage-chat__file:hover{border-color:var(--mpage-primary)}.p-mypage-chat__file-icon{flex-shrink:0;align-self:center;width:16px;height:16px}.p-mypage-chat__file-name{overflow-wrap:anywhere;font-weight:700}.p-mypage-chat__file-size{color:var(--mpage-text-light);font-feature-settings:"tnum";flex-shrink:0;font-size:12px}.p-mypage-chat__composer{border:1px solid var(--mpage-border);border-radius:var(--mpage-radius);background:var(--mpage-surface);flex-shrink:0;padding:10px}.p-mypage-chat__input{align-items:flex-end;gap:8px;display:flex}.p-mypage-chat__clip{border-radius:var(--mpage-radius);width:40px;height:40px;color:var(--mpage-primary);cursor:pointer;flex-shrink:0;place-items:center;display:grid}.p-mypage-chat__clip:hover{background:var(--mpage-bg)}.p-mypage-chat__text{border:1px solid var(--mpage-border);border-radius:var(--mpage-radius);background:var(--mpage-surface);min-width:0;max-height:160px;color:var(--mpage-text);resize:none;scrollbar-width:none;flex:1;padding:10px 12px;font-size:16px;line-height:1.6;overflow-y:auto}.p-mypage-chat__text::-webkit-scrollbar{display:none}.p-mypage-chat__text:focus{border-color:var(--mpage-primary);outline:none}.p-mypage-chat__send{flex-shrink:0;height:40px;padding:0 16px}.p-mypage-chat__files{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.p-mypage-chat__chip{background:var(--mpage-bg);color:var(--mpage-text-light);border-radius:9999px;padding:3px 8px;font-size:12px}.p-mypage-chat__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
