.account-entry{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px}.account-entry small{display:block;overflow-wrap:anywhere}.account-dialog button,.account-entry button,.project-persistence a,.project-persistence button{min-height:44px;min-width:44px}.account-dialog{background:#20202b;color:#eee;border:1px solid #635373;border-radius:16px;width:min(420px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:20px}.account-dialog::backdrop{background:#0009}.account-dialog label,.project-persistence label{display:flex;flex-direction:column;gap:8px;margin:12px 0}.account-dialog input,.project-persistence input,.project-persistence select,.project-persistence textarea{box-sizing:border-box;max-width:100%;background:#292733;color:inherit;border:1px solid #655974;border-radius:8px;padding:10px;min-height:44px}.account-actions,.project-actions{display:flex;gap:8px;flex-wrap:wrap}.project-persistence{margin:14px 0;overflow-wrap:anywhere}.project-persistence p{font-size:13px}.project-list{display:grid;gap:12px}.project-list article{border:1px solid #484052;border-radius:12px;padding:12px}.project-persistence [role=alert]{color:#ffb4bb}.project-persistence img{max-width:100%;max-height:240px;object-fit:contain}.project-materials{border-top:1px solid #484052;padding-top:20px;margin-top:24px}.project-materials textarea{min-height:130px;resize:vertical}.project-materials .material-content{white-space:pre-wrap;overflow-wrap:anywhere}.project-materials figure{margin:16px 0}.account-entry>span{overflow-wrap:anywhere;max-width:100%}.project-persistence input,.project-persistence textarea{width:100%}.project-persistence button{padding:8px 12px;border:1px solid #655974;border-radius:8px}.project-persistence button:disabled{opacity:.55}.project-actions{align-items:center}.account-dialog .account-login h2{margin:0 0 6px;font-size:19px;line-height:1.3}.account-dialog .account-intro{margin:0 0 4px;font-size:12px;line-height:1.5;color:#bdb4c8}.account-dialog .account-intro b{color:#ff8aa9;font-weight:400}.account-dialog .account-login label{gap:4px;margin:8px 0;font-size:13px}.account-dialog .account-login [role=status]:empty{display:none}.account-dialog .account-login .account-actions{gap:4px;margin-top:4px}.account-dialog:has(.account-login){padding:16px 18px 14px}.sso-block{margin-top:6px}.sso-divider{display:flex;align-items:center;gap:10px;color:#a69bb4;font-size:12px;margin:0 0 10px}.sso-divider:after,.sso-divider:before{content:"";flex:1 1;height:1px;background:#484052}.sso-icons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.account-dialog .sso-icon,.sso-icon{width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;border:0;cursor:pointer}.sso-icon:disabled{opacity:.55;cursor:default}.sso-icon:focus-visible{outline:2px solid #ff8aa9;outline-offset:2px}.account-dialog .sso-icon.sso-google,.sso-icon.sso-google{border:1px solid #747775;box-sizing:border-box}.account-dialog .sso-icon.sso-line,.sso-icon.sso-line{border-radius:12px;background:#06C755}.sso-icon.sso-line:hover:not(:disabled){box-shadow:inset 0 0 0 48px rgba(0,0,0,.1)}.sso-icon.sso-line:active:not(:disabled){box-shadow:inset 0 0 0 48px rgba(0,0,0,.3)}.sso-note{font-size:11px;color:#8f86a0;margin:8px 0 0;text-align:center;line-height:1.4}.account-dialog label.account-age{flex-direction:row;align-items:center;gap:8px;margin:8px 0;font-size:13px}.account-dialog label.account-age input{min-height:20px;width:20px;height:20px;padding:0}