@import url('/plaza-layout.css');
.brand{display:inline-flex;align-items:center;gap:8px}.brand-logo{display:block;width:48px;height:48px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}.brand .brand-name{color:var(--ink)}.brand .brand-name>span{color:#a2814f}@media(max-width:600px){.brand-logo{width:40px;height:40px}.brand{gap:6px}}
:root{color-scheme:light;--ink:#283d35;--muted:#657367;--paper:#f5f3e8;--line:#364f3926;--accent:#3e604d;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:#dce2d4}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #a27e35;outline-offset:4px}button.primary{background:var(--ink);color:#fffdf2;border-radius:4px;padding:18px 22px;text-align:left;display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:14px;letter-spacing:.04em}button.primary:hover{background:#40604c}.quiet{padding:8px 0;background:transparent;font-size:12px;letter-spacing:.04em}.quiet:hover{color:#93683f}h1,h2,p{margin:0}h1,h2{font-family:'Hiragino Mincho ProN','Yu Mincho',Georgia,serif;font-weight:500}p{line-height:1.9}.eyebrow{font-size:11px;letter-spacing:.1em}.fine{font-size:11px;color:var(--muted);line-height:1.9}.brand{font:600 32px Georgia,serif;color:var(--ink);text-decoration:none;letter-spacing:-2px}.brand span{color:#a2814f}.welcome h1{font-size:clamp(32px,3.5vw,53px);line-height:1.55;letter-spacing:.04em;margin:24px 0}.welcome .primary{margin:32px 0 17px;min-width:265px}.age-line{display:flex;align-items:baseline;gap:14px;margin:5px 0 12px}.age-line strong{font:500 32px Georgia,serif}.age-line span{font-size:12px}.skills{display:flex;gap:12px;font-size:10px;padding:12px 0}.skills b{font-weight:500;color:#976737;margin-left:4px}.choices{display:grid;margin-top:18px}.choice{background:transparent;border-bottom:1px solid var(--line);text-align:left;padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.choice:hover:not(:disabled){color:#98632d}.choice strong{display:block;font-size:12px;font-weight:500}.choice small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.choice .arrow{font-size:17px}#hint{margin:14px 0}progress{display:block;width:100%;height:3px;accent-color:var(--accent);border:0}progress::-webkit-progress-bar{background:#d8dfd1}progress::-webkit-progress-value{background:var(--accent)}dialog{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);width:min(580px,92vw);max-height:80dvh;padding:26px}dialog::backdrop{background:#253e371f}#journal::backdrop{background:#253e3740;backdrop-filter:blur(3px)}.journal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.journal-heading h2{font-size:21px}dialog h2{font-size:25px;margin-bottom:15px}.journal-heading h2{margin:0}#journal-content article{border-top:1px solid var(--line);padding:13px 0}#journal-content article small{color:var(--muted);font-size:10px}#journal-content p{font-size:12px}#journal-content h3{font-size:13px;margin-top:24px}details{border-top:1px solid var(--line);margin-top:16px}summary{cursor:pointer;font-size:12px;padding:15px 0}#touch-controls button{background:#f5f3e8b8;border:1px solid var(--line);width:38px;height:38px;border-radius:5px;touch-action:none}[hidden]{display:none!important}

#suggestion-button{margin-top:10px}#suggestion-form{margin-top:20px}#suggestion-form label{display:block;font-size:12px;margin-bottom:9px}#suggestion-message{display:block;resize:vertical;width:100%;min-height:140px;max-height:40dvh;padding:12px;border:1px solid var(--line);border-radius:4px;background:#fffdf6;color:var(--ink);font:inherit;font-size:14px;line-height:1.6}#suggestion-message:focus-visible{outline:2px solid #a27e35;outline-offset:2px}#suggestion-count{text-align:right;margin:5px 0 16px}#suggestion-status{font-size:12px;margin-top:14px}#suggestion-status:empty{display:none}#suggestion-form .primary{width:100%}
.brand-logo{mix-blend-mode:normal}

/* Email is the primary account entry; Google remains optional. */
#email-entry{width:100%;max-width:460px;margin-block:0 14px}
#email-entry label{display:block;font-size:13px;margin-block:0 7px}
.email-input-row{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.email-input-row input{flex:1 1 180px;min-width:0;min-height:44px;border:1px solid #abb29e;border-radius:6px;padding:10px 12px;background:#faf9f2;color:#293f33;font:inherit;font-size:15px}
.email-input-row button{min-height:44px;border:0;border-radius:6px;padding:10px 16px;background:#293f33;color:#fff;font:inherit;font-size:14px;cursor:pointer}
.email-input-row button:disabled{opacity:.6;cursor:wait}
#email-verify-form{margin-top:14px}
#sign-in-code{letter-spacing:.18em}
.email-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}
#email-status{margin:10px 0 0;max-width:440px}
#email-entry input:focus-visible,#email-entry button:focus-visible{outline:2px solid #708264;outline-offset:3px}
.account-entry{flex-wrap:wrap}
#email-entry{flex:0 1 100%}
.account-entry .account-status{flex-basis:100%;max-width:460px}