:root{--color-bg-base: #f5f2eb;--color-bg-surface: #fffdf8;--color-bg-elevated: #ffffff;--color-ink-primary: #2a2a2a;--color-ink-secondary: #5e5c58;--color-ink-muted: #8a8780;--color-border-subtle: #e3ddd4;--color-border-strong: #c9c3b8;--color-accent-link: #4a5d6a;--color-semantic-danger: #b42318;--color-semantic-success: #1f6f54;--color-cta-bg: #2a2a2a;--color-cta-bg-hover: #1a1a1a;--color-cta-text: #ffffff;--radius-md: 12px;--shadow-soft: 0 1px 3px rgba(42, 42, 42, .08);--font-sans: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font-sans);line-height:1.6;color:var(--color-ink-primary);background:var(--color-bg-base)}a{color:var(--color-accent-link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;vertical-align:middle}button,input,textarea,select{font:inherit}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;width:100%;max-width:42rem;margin:0 auto;padding:var(--space-4);padding-bottom:var(--space-8)}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);box-shadow:var(--shadow-soft)}.app-header__brand{display:flex;align-items:center;line-height:0}.app-header__brand img{height:36px;width:auto}.app-header__nav{display:flex;flex-direction:row;align-items:center;gap:var(--space-1)}.app-header__icon-link{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);color:var(--color-ink-primary);text-decoration:none}.app-header__icon-link:hover{background:#2a2a2a0f;text-decoration:none}.app-header__icon-link .material-symbols-outlined{font-size:26px;line-height:1;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.app-footer{margin-top:auto;padding:var(--space-6) var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-surface);font-size:.875rem;color:var(--color-ink-secondary)}.app-footer__links{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;max-width:42rem;margin:0 auto}.app-footer__build-meta{text-align:center;margin-top:16px;line-height:1.5;word-break:break-all}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;cursor:pointer;transition:background .2s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-cta-bg);color:var(--color-cta-text)}.btn--primary:hover:not(:disabled){background:var(--color-cta-bg-hover)}.btn--secondary{background:var(--color-bg-elevated);color:var(--color-ink-primary);border-color:var(--color-border-strong)}.btn--x-black{background:#000;color:#fff;border-color:#000;text-decoration:none}.btn--x-black:hover:not(:disabled){background:#222;border-color:#222;color:#fff;text-decoration:none}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field--checkbox{flex-direction:row;align-items:center;gap:var(--space-2)}.field--checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;cursor:pointer}.field--checkbox label{cursor:pointer}.field label{font-size:.875rem;color:var(--color-ink-secondary)}.field input[type=text],.field input[type=email],.field input[type=password],.field textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-elevated)}.field textarea{min-height:6rem;resize:vertical}.muted{color:var(--color-ink-secondary);font-size:.875rem}.error-banner{padding:var(--space-3);border-radius:var(--radius-md);background:#fde8e6;color:var(--color-semantic-danger);margin-bottom:var(--space-4);font-size:.875rem}.grid-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-2)}.thumb{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated)}.thumb img{width:100%;height:100%;object-fit:cover}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.h1{font-size:1.35rem;font-weight:700;margin:0 0 var(--space-3)}.h2{font-size:1.1rem;font-weight:600;margin:var(--space-6) 0 var(--space-2)}.profile-edit{margin:calc(-1 * var(--space-4));margin-bottom:var(--space-6)}.profile-edit__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle)}.profile-edit__close{font-size:1.5rem;line-height:1;padding:var(--space-2);color:var(--color-ink-primary);text-decoration:none;border-radius:999px;min-width:2.5rem;text-align:center}.profile-edit__close:hover{background:#2a2a2a0f;text-decoration:none}.profile-edit__title{font-size:1.05rem;font-weight:700;margin:0;flex:1;text-align:center}.profile-edit__save{padding:var(--space-2) var(--space-4);font-size:.875rem}.profile-edit__form{padding:0}.profile-edit__media-err{margin:var(--space-3) var(--space-4) 0}.profile-edit__hero{position:relative}.profile-edit__banner{position:relative;min-height:140px;background-size:cover;background-position:center}.profile-edit__banner-tools{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:#00000047}.profile-edit__icon-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;font-size:1.25rem;line-height:1;background:#ffffff59;color:#fff;display:inline-flex;align-items:center;justify-content:center}.profile-edit__icon-btn:hover{background:#ffffff85}.profile-edit__file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.profile-edit__avatar-block{padding:0 var(--space-4);margin-top:-52px;position:relative;z-index:2}.profile-edit__avatar{width:88px;height:88px;border-radius:50%;border:4px solid var(--color-bg-surface);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}.profile-edit__avatar--has-image .profile-edit__avatar-initial{display:none}.profile-edit__avatar-initial{font-size:2rem;font-weight:700;color:var(--color-ink-secondary)}.profile-edit__avatar-camera{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;background:#00000073;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.profile-edit__avatar--has-image .profile-edit__avatar-camera{opacity:0;transition:opacity .15s ease}.profile-edit__avatar--has-image:hover .profile-edit__avatar-camera{opacity:1}.profile-edit__fields{padding:var(--space-6) var(--space-4) var(--space-4)}.profile-edit__boxed{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3) var(--space-3);margin-bottom:var(--space-4);background:var(--color-bg-elevated)}.profile-edit__boxed label{display:block;font-size:.8125rem;color:var(--color-ink-muted);margin-bottom:var(--space-1)}.profile-edit__boxed input[type=text],.profile-edit__boxed textarea{width:100%;border:none;background:transparent;padding:0;font-size:1rem;color:var(--color-ink-primary);outline:none}.profile-edit__field-err{margin-top:var(--space-2);margin-bottom:0}.saved-dialog{margin:auto;padding:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-elevated);box-shadow:0 8px 32px #2a2a2a2e;max-width:min(22rem,calc(100vw - 2rem))}.saved-dialog::backdrop{background:#2a2a2a59}.saved-dialog__inner{padding:var(--space-6) var(--space-6) var(--space-4);text-align:center}.saved-dialog__message{margin:0 0 var(--space-4);font-size:1.05rem;font-weight:600;color:var(--color-ink-primary)}.saved-dialog__ok{min-width:6rem}.user-masthead{margin-bottom:var(--space-4)}.user-masthead__banner{min-height:150px;background-size:cover;background-position:center;border-radius:var(--radius-md)}.user-masthead__body{margin-top:-56px;position:relative;z-index:1;padding-top:var(--space-4)}.user-masthead__row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-4)}.user-masthead__avatar-wrap{flex:0 0 auto}.user-masthead__avatar-img{display:block;width:88px;height:88px;border-radius:50%;object-fit:cover;border:4px solid var(--color-bg-surface);box-shadow:var(--shadow-soft);background:var(--color-bg-elevated)}.user-masthead__avatar-fallback{width:88px;height:88px;border-radius:50%;border:4px solid var(--color-bg-surface);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--color-ink-secondary);background:linear-gradient(145deg,#e8e4dc,#cfc8bc)}.user-masthead__primary{flex:1 1 12rem;min-width:0;padding-top:var(--space-2)}.user-masthead__name{font-size:1.35rem;font-weight:700;margin:0 0 var(--space-1);line-height:1.25}.user-masthead__handle{margin:0 0 var(--space-2)}.user-masthead__bio{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.55}.user-masthead__bio--empty{font-size:.875rem}.user-masthead__actions{flex:0 0 auto;margin-left:auto;padding-top:var(--space-2)}@media (max-width: 520px){.user-masthead__actions{width:100%;margin-left:0}.user-masthead__actions .btn{width:100%}}.dashboard-menu__label{margin:var(--space-4) 0 var(--space-2);font-size:.8125rem;font-weight:600;color:var(--color-ink-muted);letter-spacing:.02em}.dashboard-menu__label:first-of-type{margin-top:var(--space-2)}.style-new-slots__title{margin:0 0 var(--space-2);font-size:.9375rem;font-weight:600;color:var(--color-ink-secondary)}.style-new-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.style-new-slot{display:flex;flex-direction:column;gap:var(--space-2)}.style-new-slot__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.style-new-slot__surface{position:relative;aspect-ratio:1;width:100%;border:2px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-elevated);cursor:pointer;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.style-new-slot__surface--filled{border-style:solid;border-color:var(--color-border-subtle)}.style-new-slot__surface:hover{border-color:var(--color-accent-link)}.style-new-slot__placeholder{font-size:.875rem;color:var(--color-ink-muted);padding:var(--space-2);text-align:center}.style-new-slot__thumb{width:100%;height:100%;object-fit:cover;display:block}.style-new-slot__change{position:absolute;inset:auto 0 0 0;padding:var(--space-2);font-size:.75rem;color:#fff;background:linear-gradient(transparent,#000000a6)}.style-new-slot__clear{align-self:center;font-size:.8125rem;color:var(--color-accent-link);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}.style-new-slot__clear:hover{color:var(--color-ink-primary)}