[hidden]{display:none!important}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(440px,1.05fr);background:#fff}.auth-story{background:#294c3f;color:#fff;padding:46px 60px 28px;display:flex;flex-direction:column;min-height:100dvh;overflow:hidden}.auth-brand span,.auth-mobile-brand span{color:#d8e8a4}.auth-eyebrow{margin:5px 0;color:#c0cfc3;}.auth-story-copy{margin:auto 0;padding-top:48px}.auth-tag{color:#d8e8a4}.auth-story h1{margin:20px 0}.auth-story-copy>p{color:#d3ded7}.auth-story-foot{color:#c2cec6;margin-top:44px}.auth-art{height:244px;position:relative;margin-top:30px;max-width:370px}.art-card{width:190px;height:215px;background:#f1f1e7;transform:rotate(-9deg);border-radius:12px;box-shadow:0 22px 40px #112d2738;position:absolute;left:46px;top:7px;padding:20px}.art-card>span{color:#788477;}.art-shirt{width:106px;height:122px;background:#b8c6a6;margin:19px auto 10px;clip-path:polygon(25% 0,39% 5%,61% 5%,75% 0,100% 19%,84% 44%,74% 37%,74% 100%,26% 100%,26% 37%,16% 44%,0 19%);position:relative}.art-shirt:after{content:'';position:absolute;inset:5px 49% 0;border-right:1px solid #8a9c7b}.art-line{width:85%;height:4px;background:#d4dacb;border-radius:5px;margin-top:7px}.art-line.short{width:52%}.art-badge{position:absolute;top:168px;left:160px;white-space:nowrap;background:#e4f0ae;color:#294c3f;padding:18px 22px;border-radius:6px;transform:rotate(5deg)}.auth-panel{display:flex;flex-direction:column;justify-content:center;padding:46px 56px 24px;min-width:0}.auth-content{width:100%;max-width:380px;margin:auto}.auth-kicker{color:#87937f;margin:0 0 17px}.auth-subtitle{color:var(--muted);margin:12px 0 26px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:22px}.auth-tabs button{color:var(--muted);border-bottom:2px solid transparent;border-radius:0;padding:10px 0 13px}.auth-tabs [aria-selected=true]{border-color:var(--green);color:var(--green);}.auth-providers{display:grid;gap:10px}.provider-button{border:1px solid #dce2d8;border-radius:8px;position:relative;min-height:46px;width:100%;padding:10px 38px}.google-mark,.line-mark{position:absolute;left:18px;top:50%;transform:translateY(-50%)}.google-mark{color:#4285f4}.line-mark{background:#06c755;color:white;border-radius:5px;padding:4px 3px}.auth-divider{display:flex;align-items:center;gap:12px;color:#98a092;margin:23px 0 4px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.auth-content label{color:#58645a;margin:17px 0 7px}.auth-content input{padding:12px 13px;min-height:46px;outline-offset:2px}.auth-content input:focus{outline:2px solid #8ca878;border-color:transparent}.password-wrap{position:relative}.password-wrap input{padding-right:61px}.password-wrap button{position:absolute;right:3px;top:1px;color:var(--muted);width:49px}.auth-reset-row{text-align:right;margin:5px 0 9px}.auth-reset-row button{color:var(--muted);padding:4px 0;min-height:34px}.auth-submit{width:100%;margin-top:10px;min-height:47px;}.auth-back{display:block;text-align:center;width:100%;color:var(--muted);margin-top:8px}.auth-error,.auth-notice{border-radius:7px;padding:12px;margin:12px 0;overflow-wrap:anywhere}.auth-error{background:#fff1ed;color:#a1392e;border:1px solid #efd1c9}.auth-notice{background:#f0f5e7;color:#48623c;border:1px solid #d7e4c9}.auth-account-hint{color:var(--muted);text-align:center;margin-top:16px}.auth-footer{text-align:center;color:#8d9687;margin-top:38px;}.auth-footer p{margin:8px 0 0}.auth-mobile-brand{display:none}.account-menu{display:flex;align-items:center;gap:10px}.account-button{border:1px solid var(--line);border-radius:7px;padding:8px 12px;background:#fff}.account-email{overflow-wrap:anywhere;padding:16px;background:#f5f6f1;border-radius:8px}button:disabled{cursor:wait;opacity:.5}#accountDialog{max-width:420px}
@media(min-width:1450px){.auth-story{padding-left:max(70px,calc((100vw - 1200px)/2));padding-right:70px}.auth-panel{padding-right:max(56px,calc((100vw - 1200px)/2))}}
@media(max-width:900px){.auth-story{padding:36px 32px}.auth-panel{padding:40px 30px 22px}.auth-art{margin-left:-24px}}
@media(max-width:700px){.auth-shell{display:block;background:#fafbf7}.auth-story{display:none}.auth-panel{min-height:100dvh;padding:30px 24px 20px;justify-content:flex-start}.auth-mobile-brand{display:block;margin-bottom:32px}.auth-mobile-brand span{color:#78976b}.auth-mobile-brand small{display:block;margin-top:4px;color:var(--muted)}.auth-content{max-width:390px;margin:0 auto}.auth-kicker{margin-bottom:12px}.auth-subtitle{margin-bottom:22px}.auth-footer{margin-top:auto;padding-top:32px}.auth-tabs{margin-bottom:18px}.account-menu{gap:7px}.account-button{padding:7px 9px}}
/* 管理画面と共通の生成り・墨色の配色。 */
.auth-shell{background:var(--paper)}.auth-story{background:#e7e2d7;color:#26271f}.auth-eyebrow,.auth-tag,.auth-story-copy>p,.auth-story-foot{color:#7f7b6b}.art-card{background:#f5f2eb}.art-badge{background:#34372b;color:#fff;}.auth-kicker{color:#8b8677}.auth-tabs [aria-selected=true]{color:var(--ink);border-color:var(--ink)}.auth-content input,.provider-button{background:#faf8f2;border-color:#d5cfc2}.auth-divider:before,.auth-divider:after{background:#d9d3c8}.auth-content input:focus{outline-color:#8e907b}.auth-account-hint,.auth-footer{color:#8b8679}.auth-notice{background:#eeeee2;color:#5c654d}.auth-error{background:#f9eae3;color:#a14d3c}.account-menu{display:contents}.account-button{border:0;background:none;border-radius:0}.account-email{background:transparent}.auth-content .auth-submit{background:#191b17;color:#fff;border-color:#191b17}
@media(max-width:700px){.auth-shell{background:var(--paper)}}