html,body{overscroll-behavior:none;max-width:100vw;overflow-x:clip}html{scroll-padding-top:calc(var(--topbar-height) + 8px);scroll-padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 8px)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-noto-sans-jp),"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#333;background-color:#0000;background-image:radial-gradient(circle at 18% 12%,#b3dcff40,#0000 32%),linear-gradient(#f8fbff 0%,#eef5ff 26%,#fdfdff 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;margin:0}:root{--bg:#e8f3ff;--bg-strong:#d9ecff;--surface:#fff;--surface-alt:#f7fbff;--primary:#2b9ae0;--primary-strong:#1a7bbf;--primary-soft:#dff1ff;--accent-pink:#f9cbe4;--accent-mint:#c7f2e1;--accent-lilac:#dde2ff;--accent-sand:#fde6c8;--text-strong:#0f2a43;--text:#2e4d66;--muted:#6f859c;--line:#d9e6f5;--shadow-soft:0 18px 38px #217bbf29;--shadow-card:0 12px 28px #124a7d1f;--radius-card:20px;--tab-hairline:#e4eefa;--tab-idle:#93a7ba;--state-interesting:#f59e0b;--state-pleasure:#10b981;--state-like:#ec4899;--state-memo:#6f859c;--state-interesting-bg:#fef3e0;--state-pleasure-bg:#e2f8ef;--state-like-bg:#fde7f2;--logo-sky:#2b9ae0;--logo-lilac:#7b8cf0;--logo-pink:#f0699f;--logo-sand:#f2ac4e;--logo-mint:#3ec98f;--logo-gradient:linear-gradient(115deg,#2f9fe6 0%,#6fb4f2 46%,#ef86bb 100%);--nav-width:0px;--topbar-height:0px;--bottom-nav-height:64px;--page-gutter:16px;--content-narrow:680px;--content-standard:960px;--content-wide:1200px;--content-max:1280px;--app-max-width:600px;--app-gutter:var(--page-gutter)}@media (min-width:600px){:root{--nav-width:80px;--topbar-height:56px;--bottom-nav-height:0px;--page-gutter:24px}}@media (min-width:1024px){:root{--nav-width:224px;--topbar-height:64px;--page-gutter:32px}}@media (min-width:1440px){:root{--nav-width:240px}}.auth-container,.form-container{background:#fff;border-radius:12px;max-width:400px;margin:4rem auto;padding:2rem;box-shadow:0 4px 6px #0000001a}.auth-title,.page-title{text-align:center;color:#1a1a1a;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.auth-form,.main-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:#666;font-size:.9rem;font-weight:500}.form-input,.form-select,.form-textarea{border:1px solid #ddd;border-radius:6px;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0070f3;outline:none}.submit-btn{color:#fff;cursor:pointer;text-align:center;background-color:#0070f3;border:none;border-radius:6px;margin-top:1rem;padding:.75rem;font-size:1rem;font-weight:500;transition:background-color .2s}.submit-btn:hover{background-color:#0051a2}.submit-btn:disabled{cursor:not-allowed;background-color:#ccc}.auth-link{text-align:center;margin-top:1rem;font-size:.9rem}.auth-link a{color:#0070f3;text-decoration:none}.auth-link a:hover{text-decoration:underline}.error-message{color:#d93025;text-align:center;font-size:.875rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#e8e8e8 25%,#d8d8d8 50%,#e8e8e8 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}