:root,[data-theme=light]{color-scheme:light;--green-50: #f0faf0;--green-100: #d4f0d4;--green-200: #a8e6a3;--green-300: #7dd87d;--green-400: #6bc96b;--green-500: #5cb85c;--green-600: #4a9e4a;--green-glow: rgba(107, 201, 107, .45);--green-glow-soft: rgba(107, 201, 107, .18);--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f7;--gray-200: #e8e8ed;--gray-300: #d2d2d7;--gray-400: #aeaeb2;--gray-500: #8e8e93;--gray-600: #636366;--gray-650: #56565a;--gray-700: #48484a;--gray-800: #3a3a3c;--gray-900: #1d1d1f;--bg-page: #dfead8;--bg-ambient-1: rgba(168, 230, 163, .42);--bg-ambient-2: rgba(255, 248, 220, .32);--bg-ambient-3: rgba(135, 206, 180, .28);--glass-bg: rgba(255, 255, 255, .3);--glass-border: rgba(255, 255, 255, .42);--glass-shadow: 0 8px 40px rgba(0, 0, 0, .04), 0 2px 12px rgba(107, 201, 107, .06), inset 0 1px 0 rgba(255, 255, 255, .55);--glass-blur: 40px;--glass-blur-compact: 12px;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .04);--card-blur: 0px;--card-shadow: 0 8px 32px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .03);--ambient-overlay: linear-gradient( 180deg, rgba(255, 255, 255, .38) 0%, rgba(245, 252, 246, .3) 45%, rgba(236, 248, 240, .32) 100% );--ambient-filter: brightness(.92) saturate(.85);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--text-accent: var(--green-500);--text-on-accent: #f6fff7;--form-title-color: #717175;--hero-title-color: var(--gray-650);--control-height: 50px;--control-height-compact: 46px;--control-border-width: 2px;--control-radius-pill: var(--radius-full);--control-radius-checkbox: 5px;--input-bg: #f4f9f5;--input-border: rgba(126, 210, 138, .45);--input-shadow: none;--input-shadow-focus: none;--input-bg-focus: #ffffff;--input-text-focus: var(--text-primary);--input-icon-focus: #5cb85c;--input-placeholder: #8aab8e;--input-placeholder-engrave: none;--input-border-focus: #7dd87d;--divider-line: rgba(126, 210, 138, .3);--btn-primary-bg: linear-gradient(135deg, #92eea0 0%, #7ee88a 50%, #6ed97a 100%);--btn-pill-fill: #92eea0;--btn-pill-fill-hover: #7ee88a;--btn-primary-shadow: 0 4px 16px rgba(92, 184, 92, .35);--btn-primary-hover-shadow: 0 8px 28px rgba(92, 184, 92, .5);--color-error: #e74c3c;--mouse-light-color: rgba(168, 230, 163, .12);--mouse-light-size: 600px;--webgl-opacity: .38;--hero-accent: var(--green-400);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-medium: .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--font-serif: "Noto Serif JP", "Zen Old Mincho", "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;--font-ui: "Noto Sans JP", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family: var(--font-ui)}[data-theme=dark]{color-scheme:dark;--bg-page: #0d1110;--bg-ambient-1: rgba(74, 158, 74, .15);--bg-ambient-2: rgba(60, 80, 60, .12);--bg-ambient-3: rgba(40, 60, 50, .18);--glass-bg: rgba(20, 28, 24, .65);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .2);--glass-blur: 28px;--card-bg: rgba(24, 32, 28, .92);--card-border: rgba(255, 255, 255, .06);--card-blur: 0px;--card-shadow: 0 4px 24px rgba(0, 0, 0, .35);--ambient-overlay: linear-gradient( 180deg, rgba(18, 28, 22, .35) 0%, rgba(14, 24, 18, .3) 50%, rgba(12, 20, 16, .32) 100% );--ambient-filter: brightness(.6) saturate(.85);--text-primary: #f5f5f7;--text-secondary: #aeaeb2;--text-muted: #636366;--text-accent: var(--green-300);--form-title-color: var(--text-primary);--hero-title-color: rgba(245, 245, 247, .9);--input-bg: rgba(36, 48, 40, .95);--input-border: rgba(126, 210, 138, .22);--input-shadow: none;--input-shadow-focus: none;--input-bg-focus: rgba(42, 56, 46, .98);--input-text-focus: #f5f5f7;--input-icon-focus: #8ede93;--input-placeholder-engrave: none;--input-border-focus: #7dd87d;--input-placeholder: #7a9a7e;--divider-line: rgba(126, 210, 138, .18);--btn-primary-bg: linear-gradient(135deg, #7ee88a 0%, #6ed97a 50%, #5fd06d 100%);--btn-pill-fill: #72d47f;--btn-pill-fill-hover: #84e090;--btn-primary-shadow: 0 4px 16px rgba(74, 158, 74, .3);--btn-primary-hover-shadow: 0 8px 28px rgba(74, 158, 74, .45);--color-error: rgba(231, 76, 60, .65);--mouse-light-color: rgba(107, 201, 107, .08);--webgl-opacity: .28;--hero-accent: var(--green-300)}.mypage{--mp-paper: #fafaf8;--mp-brand-green: 63, 154, 79;--mp-page-bg: var(--mp-paper);--mp-card: color-mix(in srgb, var(--white) 84%, transparent);--mp-card-hover-shadow: 0 18px 44px rgba(30, 60, 35, .14), 0 4px 14px var(--green-glow-soft);--mp-sprout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f9a4f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22v-7'/%3E%3Cpath d='M12 15c0-4.5 3.5-8 8-8 0 4.5-3.5 8-8 8Z'/%3E%3Cpath d='M12 15c0-4.5-3.5-8-8-8 0 4.5 3.5 8 8 8Z'/%3E%3C/svg%3E");max-width:1100px;margin:0 auto;padding:1.25rem 1.25rem 4rem;font-family:var(--font-serif);color:var(--text-primary);background:transparent}body:has(#mypage-root){margin:0;--mp-paper: #fafaf8;--mp-brand-green: 63, 154, 79;background:radial-gradient(70% 40% at 85% 5%,rgba(var(--mp-brand-green),.05),rgba(var(--mp-brand-green),0) 60%),radial-gradient(50% 35% at 8% 55%,rgba(var(--mp-brand-green),.04),rgba(var(--mp-brand-green),0) 60%),var(--mp-paper)}[data-theme=dark] body:has(#mypage-root){background:radial-gradient(70% 40% at 85% 5%,rgba(125,216,125,.08) 0%,transparent 60%),radial-gradient(50% 35% at 8% 55%,rgba(74,158,74,.06) 0%,transparent 60%),var(--bg-page)}body.mypage-app{font-family:var(--font-serif);color:var(--ink, var(--text-primary))}.mypage-shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;padding-top:0}.mypage-shell>.mypage{flex:1 0 auto}@keyframes mp-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes mp-fade{0%{opacity:0}to{opacity:1}}@keyframes mp-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes mp-spin{to{transform:rotate(360deg)}}@keyframes mp-float{0%{transform:translateY(-3px)}to{transform:translateY(4px)}}.site-header--mypage{border-bottom:1px solid var(--header-border, #e8e8e8)}.site-header--mypage .site-header__menu-btn,.site-header--mypage .site-header__nav{display:none!important}.site-header--mypage .site-header__actions--mypage{display:flex!important;align-items:center}.site-header--mypage .site-header__actions--mypage .glass-btn--tert{margin-left:0}.h-logo{display:flex;align-items:center;text-decoration:none;position:relative;z-index:1}.h-logo img{height:30px;width:auto;display:block}.back-link{display:inline-flex;align-items:center;gap:6px;font-family:Inter,Noto Sans JP,system-ui,sans-serif;font-size:13px;font-weight:600;color:#2e7d32;text-decoration:none;padding:8px 14px;border-radius:999px;transition:background .2s ease}.back-link svg{width:15px;height:15px;transition:transform .2s ease}.back-link:hover{background:#ffffff8c;box-shadow:inset 0 0 0 1px #2e7d3224}.back-link:hover svg{transform:translate(-2px)}.hdr-a{position:sticky;top:12px;z-index:10;margin:12px 14px 0;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-radius:18px;background:radial-gradient(130% 170% at 18% -35%,#ffffffbf,#fff0 50%),linear-gradient(180deg,#fff9,#f0f6ef59),#f0f6ef8c;-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);box-shadow:0 1px 2px #0000000e,0 8px 20px #00000012,inset 0 1px #ffffffd9,inset 0 -1px 1px #ffffff40}.hdr-a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#eaf6ec,#a8d8af 41.4%,#e2f1e5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.hdr-a{background:radial-gradient(130% 170% at 18% -35%,#ffffffbf,#fff0 50%),linear-gradient(180deg,#fff9,#f0f6ef59),#fafaf8f2}}@supports not ((-webkit-mask-composite: xor) or (mask-composite: exclude)){.hdr-a{border:1px solid #A8D8AF}.hdr-a:before{display:none}}.hdr-a--titled{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem}.hdr-a--titled .h-logo{justify-self:start}.hdr-a--titled .back-link{justify-self:end}.hdr-a__title{margin:0;justify-self:center;max-width:min(46vw,14rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Inter,Noto Sans JP,system-ui,sans-serif;font-size:15px;font-weight:700;letter-spacing:.02em;color:#1a2e1c;text-align:center;position:relative;z-index:1}.mypage__stage{width:100%;border-radius:20px;border:1px solid color-mix(in srgb,var(--green-600, #3f9a4f) 12%,transparent);background:linear-gradient(180deg,#ffffffb8,#ffffffe0);box-shadow:0 18px 48px #1f2a370f,0 2px 10px #3f9a4f0d,inset 0 1px #ffffffb3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;animation:mp-rise .55s ease both}.mypage__tabs{display:flex;width:100%;margin:0;padding:0;gap:0;border:none;border-bottom:1px solid color-mix(in srgb,var(--green-600, #3f9a4f) 14%,transparent);border-radius:0;background:#fffffff5;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.mypage__tab{flex:1 1 50%;width:50%;min-width:0;margin:0;padding:1rem 1.1rem;border:none;border-radius:0;border-bottom:2px solid transparent;background:#fffffff5;font:inherit;font-family:var(--font-ui);font-weight:500;font-size:.94rem;letter-spacing:.02em;color:var(--text-muted, #8e8e93);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.mypage__tab+.mypage__tab{border-left:1px solid color-mix(in srgb,var(--green-600, #3f9a4f) 10%,transparent)}.mypage__tab:hover{color:var(--green-800, #1f6a42);background:#fffffff5}.mypage__tab:focus-visible{outline:2px solid color-mix(in srgb,var(--green-500) 55%,transparent);outline-offset:-2px;z-index:1}.mypage__tab.is-active{color:var(--green-800, #1f6a42);font-weight:600;background:#fffffff5;border-bottom-color:var(--green-600, #3f9a4f);box-shadow:none}.mypage__panel{padding:1.75rem 1.5rem 2rem;border:none;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}.mypage__panel h2{display:flex;align-items:center;gap:.65rem;margin:0 0 1.35rem;font-family:var(--font-serif);font-size:1.2rem;font-weight:700;letter-spacing:.02em;color:var(--text-primary)}.mypage__panel h2:before{content:"";width:1.65rem;height:1.65rem;flex-shrink:0;border-radius:10px;background:color-mix(in srgb,var(--green-100) 70%,var(--white)) var(--mp-sprout) center / 1rem no-repeat;border:1px solid color-mix(in srgb,var(--green-600, #3f9a4f) 22%,transparent)}.mypage__toolbar{display:flex;flex-wrap:wrap;gap:1rem 1.25rem;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;padding-bottom:1.35rem;border-bottom:1px solid color-mix(in srgb,var(--green-600, #3f9a4f) 12%,transparent)}.mypage__filters{display:flex;flex-wrap:nowrap;gap:.5rem;min-width:0}@media(max-width:720px){.mypage__filters{flex:1 1 100%;width:100%}.mypage__filters .gselect{flex:1 1 0;min-width:0}.mypage__filters .gselect__button{padding:20px 28px 7px 10px}.mypage__filters .gselect__label{left:10px}.mypage__filters .gselect__value{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mypage__filters .gselect__chevron{right:8px;width:13px;height:13px}}.mypage__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:1.1rem}.mypage__card{position:relative;overflow:hidden;border-radius:20px;background:var(--mp-card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:transform .25s ease,box-shadow .25s ease;animation:mp-rise .5s ease both}.mypage__card:hover{transform:translateY(-4px);box-shadow:var(--mp-card-hover-shadow)}.mypage__grid .mypage__card:nth-child(2){animation-delay:.05s}.mypage__grid .mypage__card:nth-child(3){animation-delay:.1s}.mypage__grid .mypage__card:nth-child(4){animation-delay:.15s}.mypage__grid .mypage__card:nth-child(5){animation-delay:.2s}.mypage__grid .mypage__card:nth-child(6){animation-delay:.25s}.mypage__grid .mypage__card:nth-child(7){animation-delay:.3s}.mypage__grid .mypage__card:nth-child(8){animation-delay:.35s}.mypage__thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:var(--gray-100);transition:transform .45s cubic-bezier(.2,.6,.2,1)}.mypage__thumb-btn{display:block;width:100%;padding:0;border:0;margin:0;background:transparent;cursor:zoom-in;overflow:hidden;text-align:left}.mypage__thumb-btn:disabled{cursor:default}.mypage__thumb-btn:focus-visible{outline:3px solid rgba(63,154,79,.35);outline-offset:-3px}.mypage__card:hover .mypage__thumb{transform:scale(1.05)}.mypage__thumb--placeholder{position:relative;display:grid;place-items:center;background:radial-gradient(3.5rem 3.5rem at 50% 42%,color-mix(in srgb,var(--green-100) 70%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in srgb,var(--green-50) 80%,var(--white)),var(--gray-100))}.mypage__thumb--placeholder:after{content:"";width:2.4rem;height:2.4rem;background:var(--mp-sprout) center / contain no-repeat;opacity:.55}.mypage__card-body{padding:.9rem 1rem 1rem}.mypage__card-body h3{margin:0 0 .35rem;font-family:var(--font-serif);font-size:1.02rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mypage__card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.badge{position:absolute;top:.65rem;right:.65rem;z-index:2;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:var(--radius-full);font-size:.68rem;font-weight:800;letter-spacing:.03em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.badge:before{content:"";width:.45rem;height:.45rem;border-radius:50%;flex-shrink:0}.badge--public{background:#ffffffb8;border:1px solid color-mix(in srgb,var(--green-400) 55%,transparent);color:var(--green-600)}.badge--public:before{background:var(--green-500);box-shadow:0 0 8px var(--green-glow)}.badge--private{background:color-mix(in srgb,var(--gray-900) 74%,transparent);border:1px solid color-mix(in srgb,var(--white) 28%,transparent);color:var(--white)}.badge--private:before{background:var(--gray-300)}.mypage__card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.75rem}.mypage__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.mypage__list .mypage__card{display:grid;grid-template-columns:150px 1fr;align-items:stretch}.mypage__list .mypage__thumb-btn{align-self:stretch;height:100%}.mypage__list .mypage__thumb{width:100%;height:100%;aspect-ratio:auto;min-height:104px}.mypage__list .mypage__card-body{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;min-width:0}.mypage__list .mypage__card-body h3{flex:none;margin:0;min-width:0}.mypage__list .mypage__card-actions{margin-top:0;margin-left:0}.mypage__list .badge{top:.65rem;left:.65rem;right:auto}@media(max-width:560px){.mypage__list .mypage__card{grid-template-columns:108px 1fr}}.mypage__empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3.5rem 1.5rem;border:1px dashed color-mix(in srgb,var(--green-600, #3f9a4f) 28%,transparent);border-radius:16px;background:radial-gradient(60% 80% at 50% 0%,rgba(63,154,79,.06),transparent 70%),color-mix(in srgb,#f7fbf7 80%,#ffffff);text-align:center}.mypage__empty:before{content:"";width:3.25rem;height:3.25rem;margin-bottom:.15rem;background:var(--mp-sprout) center / contain no-repeat;opacity:.75}.mypage__empty p{margin:0;font-family:var(--font-serif);font-size:1.02rem;font-weight:600;letter-spacing:.02em;color:var(--text-secondary)}.mypage__empty--error{border-color:color-mix(in srgb,#c0392b 28%,transparent);background:radial-gradient(60% 80% at 50% 0%,rgba(192,57,43,.05),transparent 70%),color-mix(in srgb,#fbf7f7 80%,#ffffff)}.mypage__empty--error:before{background:none;mask:none;opacity:.85;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0392b' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.mypage__error{display:flex;align-items:flex-start;gap:.65rem;width:100%;margin:0 0 1rem;padding:.9rem 1.15rem;border:1px solid color-mix(in srgb,#b42318 22%,transparent);border-radius:16px;background:color-mix(in srgb,#fef3f2 88%,#ffffff);color:#9f1f14;font-family:var(--font-ui);font-size:.9rem;font-weight:400;line-height:1.55;box-shadow:0 8px 24px #b423180f;animation:mp-rise .4s ease both}.mypage__error:before{content:"";width:1.15rem;height:1.15rem;flex-shrink:0;margin-top:.12rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239f1f14' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E") center / contain no-repeat}.mypage--loading{display:grid;place-items:center}.mypage--loading p{display:grid;justify-items:center;gap:.85rem;margin:0;font-size:.95rem;font-weight:700;color:var(--text-secondary)}.mypage--loading p:before{content:"";width:2.2rem;height:2.2rem;border:3px solid color-mix(in srgb,var(--green-500) 24%,transparent);border-top-color:var(--green-600);border-radius:50%;animation:mp-spin .75s linear infinite}.mprofile{list-style:none;margin:0;padding:0}.mprofile__item{padding:.85rem .25rem .9rem}.mprofile__item+.mprofile__item{border-top:1px solid color-mix(in srgb,var(--green-600, #3f9a4f) 12%,transparent)}.mprofile__item:first-child{padding-top:.25rem}.mprofile__label{display:flex;align-items:center;gap:.5rem;margin:0 0 .3rem;font-family:var(--font-ui);font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--green-800, #2E7D32)}.mprofile__icon{width:1.9em;height:1.9em;object-fit:contain;flex-shrink:0}.mprofile__value{margin:0;padding-left:1.982rem;font-size:.98rem;font-weight:600;color:var(--text-primary);word-break:break-all}.mypage__profile-edit-btn{margin-top:1rem}.mypage__hint{margin:1.15rem 0 0;font-family:var(--font-ui);font-size:.8rem;font-weight:500;line-height:1.6;color:var(--text-muted)}.mypage__danger-zone{margin-top:2rem;padding-top:1.35rem;border-top:1px solid color-mix(in srgb,#d92d20 18%,var(--hairline, rgba(31, 42, 55, .1)));display:flex;flex-direction:column;align-items:stretch}.mypage__danger-zone-label{margin:0 0 .35rem;font-family:var(--font-ui);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#b42318}.mypage__danger-zone .mypage__hint{margin:0 0 .9rem}.mypage__danger-zone>.glass-btn{align-self:center}.mypage__account-delete-warn{margin:.4rem 0 .85rem;font-weight:700;color:#b42318}.mypage__account-delete-list{margin:0 0 .5rem;padding-left:1.2rem;font-family:var(--font-ui);font-size:.88rem;line-height:1.7;color:var(--text-secondary)}.mypage__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,#1a2e1c 40%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:mp-fade .2s ease both}.mypage__modal-inner{width:min(460px,100%);padding:1.6rem 1.5rem 1.5rem;border-radius:22px;background:var(--card-bg);border:1px solid var(--glass-border);box-shadow:0 24px 64px #0d211447,0 4px 16px var(--green-glow-soft);animation:mp-pop .28s cubic-bezier(.2,.9,.3,1.15) both}.mypage__modal-inner h2{margin:0 0 .45rem;font-family:var(--font-serif);font-size:1.25rem;font-weight:800;letter-spacing:-.01em;color:var(--text-primary)}.mypage__modal-inner p{margin:0 0 1.15rem;font-size:.88rem;font-weight:600;line-height:1.55;color:var(--text-secondary)}.mypage__modal-inner input[type=file]{width:100%;padding:1.35rem 1.15rem;border:2px dashed color-mix(in srgb,var(--green-400) 60%,transparent);border-radius:16px;background:color-mix(in srgb,var(--green-50) 60%,transparent);font:inherit;font-size:.84rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.mypage__modal-inner input[type=file]:hover{border-color:var(--green-400);background:color-mix(in srgb,var(--green-100) 45%,transparent)}.mypage__modal-inner input[type=file]:disabled{opacity:.6;cursor:wait}.mypage__modal-inner input[type=file]::file-selector-button{margin-right:.75rem;padding:.6rem 1.2rem;border:none;border-radius:var(--radius-full);background:var(--btn-primary-bg);color:var(--text-on-accent);font:inherit;font-weight:800;font-size:.85rem;cursor:pointer;box-shadow:var(--btn-primary-shadow);transition:filter var(--transition-fast),transform var(--transition-fast)}.mypage__modal-inner input[type=file]::file-selector-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.mypage__modal-inner p[aria-live]{display:flex;align-items:center;gap:.6rem;margin:1rem 0 0;font-size:.85rem;font-weight:700;color:var(--green-600)}.mypage__modal-inner p[aria-live]:before{content:"";width:1.05rem;height:1.05rem;flex-shrink:0;border:2.5px solid color-mix(in srgb,var(--green-500) 24%,transparent);border-top-color:var(--green-600);border-radius:50%;animation:mp-spin .75s linear infinite}.mypage__modal-close{width:100%;margin-top:1.15rem}.mypage__modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:.6rem;margin-top:1.4rem}.mypage__lightbox{padding:.75rem}.mypage__lightbox-inner{width:fit-content;max-width:96vw;max-height:96vh;padding:.75rem .75rem .85rem;border-radius:18px;background:var(--card-bg);border:1px solid var(--glass-border);box-shadow:0 24px 64px #0d211447,0 4px 16px var(--green-glow-soft);animation:mp-pop .28s cubic-bezier(.2,.9,.3,1.15) both;display:flex;flex-direction:column;gap:.55rem}.mypage__lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.mypage__lightbox-title{margin:0;flex:1;min-width:0;font-family:var(--font-serif);font-size:1.05rem;font-weight:800;letter-spacing:-.01em;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mypage__lightbox-stage{position:relative;margin:0 auto;max-width:100%;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--gray-100, #eef2ee) 80%,transparent);width:fit-content;height:fit-content}.mypage__lightbox-img{display:block;width:100%;height:100%;max-width:min(94vw,1160px);max-height:min(82vh,860px);object-fit:contain;vertical-align:middle}.mypage__field{display:flex;flex-direction:column;gap:.4rem;margin:.95rem 0;font-size:.78rem;font-weight:800;letter-spacing:.02em;color:var(--text-secondary)}.mypage__field input,.mypage__field textarea{padding:.7rem .9rem;border:1.5px solid var(--input-border);border-radius:14px;background:var(--input-bg);font:inherit;font-size:.95rem;font-weight:600;color:var(--text-primary);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.mypage__field textarea{resize:vertical;min-height:5.5rem;line-height:1.55}.mypage__field input:focus,.mypage__field textarea:focus{outline:none;border-color:var(--input-border-focus);background:var(--input-bg-focus);box-shadow:0 0 0 4px var(--green-glow-soft)}[data-theme=dark] .mypage{--mp-paper: var(--bg-page);--mp-page-bg: var(--bg-page);--mp-card: var(--card-bg);--mp-card-hover-shadow: 0 18px 44px rgba(0, 0, 0, .5), 0 4px 14px rgba(107, 201, 107, .1);--mp-sprout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237dd87d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22v-7'/%3E%3Cpath d='M12 15c0-4.5 3.5-8 8-8 0 4.5-3.5 8-8 8Z'/%3E%3Cpath d='M12 15c0-4.5-3.5-8-8-8 0 4.5 3.5 8 8 8Z'/%3E%3C/svg%3E")}[data-theme=dark] .mypage__stage{border-color:#7dd87d29;background:linear-gradient(180deg,#1e2820b8,#18201ae0);box-shadow:0 18px 48px #00000059}[data-theme=dark] .mypage__tabs{background:#ffffff0a;border-bottom-color:#7dd87d29}[data-theme=dark] .mypage__tab{color:var(--text-muted, #aeaeb2);background:#ffffff0a}[data-theme=dark] .mypage__tab+.mypage__tab{border-left-color:#7dd87d1f}[data-theme=dark] .mypage__tab:hover{color:var(--green-300);background:#ffffff0a}[data-theme=dark] .mypage__tab.is-active{color:var(--green-300);font-weight:600;background:#ffffff0a;border-bottom-color:var(--green-400)}[data-theme=dark] .mprofile__item+.mprofile__item{border-top-color:#7dd87d29}[data-theme=dark] .mprofile__label{color:var(--green-300)}[data-theme=dark] .mypage__empty{background:color-mix(in srgb,var(--green-100) 7%,transparent)}[data-theme=dark] .mypage__error{background:#e74c3c1f;border-color:#e74c3c66;color:#f0938a}[data-theme=dark] .mypage__error:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0938a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E")}[data-theme=dark] .mypage__modal-inner input[type=file]{background:color-mix(in srgb,var(--green-100) 8%,transparent)}:is(.mypage__tab,.mypage__filters,.gselect__button,.gselect__option,.mypage__field input,.mypage__field textarea,.mypage__card-actions button,.mypage__modal-actions button,.mypage__modal-close,.badge,.site-header--mypage){font-family:var(--font-ui)}@media(prefers-reduced-motion:reduce){.mypage,.mypage *,.mypage *:before,.mypage *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.gselect{position:relative;display:inline-block;min-width:112px;text-align:left}.gselect.is-open{z-index:40}.gselect__button{position:relative;display:block;width:100%;padding:22px 42px 8px 16px;font:inherit;text-align:left;cursor:pointer;border:none;border-radius:14px;background:radial-gradient(130% 170% at 18% -35%,#ffffff8c,#fff0 46%),linear-gradient(180deg,#ffffff80,#ffffff2e),#3f9a4f29;box-shadow:0 1px 2px #0000000d,0 6px 14px #0000000f,inset 0 1px #ffffffe6,inset 0 -1px 1px #ffffff4d}.gselect__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.2px;background:linear-gradient(180deg,#eaf6ec,#6faf7a 41.4%,#e2f1e5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.gselect__button:hover{box-shadow:0 2px 3px #00000012,0 10px 20px #00000017,inset 0 1px #fffffff2,inset 0 -1px 1px #ffffff59}.gselect__button:focus-visible,.gselect.is-open .gselect__button{outline:none;box-shadow:0 2px 3px #00000012,0 10px 20px #00000017,0 0 0 3px #3f9a4f38,inset 0 1px #fffffff2}.gselect__label{position:absolute;top:7px;left:16px;font-size:10px;font-weight:700;letter-spacing:.08em;color:#2e7d32;pointer-events:none}.gselect__value{display:block;font-size:15px;font-weight:600;color:#1b5e20}.gselect__chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:#2e7d32;transition:transform .15s ease;pointer-events:none}.gselect.is-open .gselect__chevron{transform:translateY(-50%) rotate(180deg)}.gselect__list{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;margin:0;padding:6px;list-style:none;border-radius:14px;outline:none;max-height:min(280px,50vh);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:radial-gradient(130% 170% at 18% -35%,#fffc,#fff0 50%),linear-gradient(180deg,#fffffff5,#f0f6eff0);box-shadow:0 2px 3px #0000000f,0 16px 32px #0000001f,inset 0 1px #fffffff2}.gselect__list:focus{outline:none}.gselect__list:focus-visible{box-shadow:0 2px 3px #0000000f,0 16px 32px #0000001f,0 0 0 3px #3f9a4f38,inset 0 1px #fffffff2}.gselect__list:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#eaf6ec,#a8d8af 41.4%,#e2f1e5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.gselect__option{position:relative;padding:9px 12px;font-size:14px;font-weight:600;color:#1b5e20;border-radius:9px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.gselect__option.is-active{background:#3f9a4f1a}.gselect__option.is-selected{color:#1b5e20;background:#3f9a4f1f}.gselect__check{width:14px;height:14px;color:#3f9a4f;flex:none}.mypage__card-actions{justify-content:flex-end}.mypage__icon-btn{width:54px;height:54px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;cursor:pointer;color:#2e7d32;background:radial-gradient(130% 170% at 18% -35%,#ffffffbf,#fff0 50%),linear-gradient(180deg,#ffffffe0,#f0f6efcc);box-shadow:0 1px 2px #0000000d,0 4px 10px #0000000f,inset 0 1px #ffffffe6;position:relative;transition:transform .12s ease,box-shadow .15s ease,color .15s ease,background .15s ease}.mypage__icon-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#eaf6ec,#a8d8af 41.4%,#e2f1e5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.mypage__icon-btn:hover{transform:translateY(-1px);box-shadow:0 2px 3px #00000012,0 8px 16px #00000017,inset 0 1px #fffffff2}.mypage__icon-btn svg{width:25px;height:25px}.mypage__icon-btn--danger{color:#9ca3af}.mypage__icon-btn--danger:hover{color:#dc2626;background:radial-gradient(130% 170% at 18% -35%,#ffffffbf,#fff0 50%),linear-gradient(180deg,#fff0f0f2,#fde2e2d9)}.mypage__card-body h3.mypage__untitled{color:#c4c9ce;font-weight:400}.mypage__card-desc{margin:0 0 .35rem;font-size:.8rem;font-weight:400;line-height:1.55;color:var(--text-secondary);overflow-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mypage__card-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.4rem}.mypage__card-foot .mypage__card-meta{margin:0;flex:none;white-space:nowrap;line-height:1}.mypage__card-foot .mypage__card-actions{margin-top:0}.mypage__grid .mypage__card{display:flex;flex-direction:column;height:100%}.mypage__grid .mypage__thumb,.mypage__grid .mypage__thumb--placeholder{flex:none}.mypage__grid .mypage__card-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.mypage__grid .mypage__card-foot{margin-top:auto}.mypage__list .mypage__card-desc{margin:.15rem 0 0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mypage__list .mypage__card-foot{margin-top:auto;padding-top:.35rem}