.profile-avatar,.avatar-preview{overflow:hidden}.profile-avatar img,.avatar-preview img{display:block;width:100%;height:100%;object-fit:cover}.profile-avatar-editor{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:18px;padding:14px;border-radius:15px;background:#f3f7f5}.profile-avatar-editor>div:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.profile-avatar-editor small{flex-basis:100%;color:#5c6e65;font-size:11px;line-height:1.5}.avatar-picker,.profile-avatar-editor button{display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;border:1px solid #cbd9d1!important;border-radius:999px!important;padding:9px 13px!important;background:#fff!important;color:#295d49!important;font-size:12px!important;font-weight:850!important;cursor:pointer}.avatar-picker input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.avatar-status{min-height:18px;margin:7px 2px 0!important;color:#2f6b54!important;font-size:12px!important}.avatar-status.error{color:#a44235!important}#profileForm>label>small{display:block;margin-top:5px;color:#5c6e65;font-size:11px;font-weight:500}@media(max-width:580px){.profile-avatar-editor{grid-template-columns:64px 1fr}.profile-avatar-editor .profile-avatar{width:64px;height:64px}}.mypage-body{background:#f8faf8}.mypage-shell{width:var(--shell);margin:auto;padding:36px 0 120px}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:31px 33px;background:white;border:1px solid #e4eae6;border-radius:24px;box-shadow:0 10px 40px rgba(24,52,44,.035)}.profile-avatar{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:white;font-size:34px;font-weight:900}.profile-copy>span{color:var(--accent);font-size:12px;font-weight:800}.profile-copy h1{margin:2px 0;font-size:31px}.profile-copy p{margin:4px 0 10px;color:var(--muted);font-size:13px}.profile-tags{display:flex;gap:6px}.profile-tags span{padding:4px 9px;border-radius:999px;background:var(--mint);font-size:10px}.profile-hero>button{border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:white;font-weight:800;cursor:pointer}.profile-stats{display:grid;grid-template-columns:repeat(6,1fr);margin:12px 0 18px;background:white;border:1px solid #e4eae6;border-radius:18px;overflow:hidden}.profile-stats div{padding:16px;text-align:center;border-right:1px solid var(--line)}.profile-stats div:last-child{border:0}.profile-stats strong,.profile-stats span{display:block}.profile-stats strong{font-size:22px}.profile-stats span{color:var(--muted);font-size:9px}.profile-stats .reference-stat{background:#fff8f5}.profile-stats .reference-stat strong{color:var(--accent)}.mypage-tabs{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid var(--line)}.mypage-tabs button{white-space:nowrap;border:0;border-bottom:3px solid transparent;padding:12px 17px;background:none;color:var(--muted);font-weight:800;cursor:pointer}.mypage-tabs button.active{border-color:var(--accent);color:var(--ink)}.mypage-tabs span{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:50%;background:var(--mint);font-size:9px}.panel-heading{display:flex;justify-content:space-between;align-items:end;margin:31px 0 18px}.panel-heading h2{margin:0;font-size:30px}.panel-heading>a{padding:10px 14px;border-radius:999px;background:var(--ink);color:white;font-size:12px;font-weight:800}.draft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.draft-card{overflow:hidden;border:1px solid #e1e8e3;border-radius:18px;background:white;box-shadow:0 7px 24px rgba(25,50,43,.03)}.draft-cover{height:125px;display:flex;align-items:end;padding:14px;background:linear-gradient(135deg,#dcebe4,#f1e4d5)}.draft-cover span{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.9);font-size:10px;font-weight:800}.draft-copy{padding:16px}.draft-copy>span{color:var(--accent);font-size:10px;font-weight:900}.draft-copy h3{height:47px;margin:4px 0 10px;overflow:hidden;font-size:16px}.draft-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.draft-actions{display:grid;grid-template-columns:1fr auto auto;gap:6px;margin-top:14px}.draft-actions a,.draft-actions button{border:0;border-radius:9px;padding:8px;text-align:center;background:var(--cream);font-size:10px;font-weight:800;cursor:pointer}.draft-actions a:first-child{background:var(--accent);color:white}.mypage-empty{margin-top:30px;padding:60px;text-align:center;border-radius:20px;background:var(--cream)}.mypage-empty strong{font-size:19px}.mypage-empty p{color:var(--muted)}.mypage-empty a{display:inline-block;padding:10px 15px;border-radius:999px;background:var(--ink);color:white;font-size:12px;font-weight:800}#profileDialog{width:min(520px,calc(100% - 28px));border:0;border-radius:20px;padding:0;box-shadow:var(--shadow)}#profileDialog::backdrop{background:rgba(15,31,28,.48)}#profileForm{padding:25px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head button{width:36px;height:36px;border:0;border-radius:50%}.dialog-head+label,#profileForm label{display:block;margin-top:15px;font-size:11px;font-weight:800}#profileForm input,#profileForm textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:10px}.dialog-actions{display:flex;justify-content:end;gap:8px;margin-top:20px}.dialog-actions button{border:0;border-radius:10px;padding:10px 15px;font-weight:800}.dialog-actions button:last-child{background:var(--accent);color:white}@media(max-width:850px){.draft-grid{grid-template-columns:repeat(2,1fr)}.profile-stats{grid-template-columns:repeat(3,1fr)}.profile-stats div:nth-child(3){border-right:0}.profile-stats div:nth-child(n+4){border-top:1px solid var(--line)}}@media(max-width:580px){.mypage-shell{padding-top:20px}.profile-hero{grid-template-columns:auto 1fr;padding:20px 16px}.profile-avatar{width:64px;height:64px;font-size:25px}.profile-copy h1{font-size:23px}.profile-copy p,.profile-tags{display:none}.profile-hero>button{grid-column:1/-1}.profile-stats div{padding:12px 7px}.draft-grid{grid-template-columns:1fr}.panel-heading{align-items:center}.mypage-empty{padding:40px 18px}}.active-journey-list{display:grid;gap:10px;margin:18px 0}.active-journey-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:#fff3ef;border:1px solid #edc5ba;border-radius:18px}.active-journey-list article div{display:grid;gap:3px}.active-journey-list span{font-size:11px;font-weight:800;color:#c54f3f}.active-journey-list strong{font-size:17px}.active-journey-list small,.source-plan-label{color:#4f5e57;font-size:12px}.active-journey-list a,.draft-actions .resume-journey{background:#e86452!important;color:#fff!important;border-radius:999px;text-decoration:none;font-weight:800;padding:11px 15px;white-space:nowrap}.source-plan-label{display:block;margin:-3px 0 10px}@media(max-width:620px){.active-journey-list article{display:block}.active-journey-list a{display:block;text-align:center;margin-top:13px}}.account-utilities{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:10px;align-items:start;margin:0 0 24px}.demo-notice{display:flex;align-items:center;gap:8px;min-height:54px;padding:10px 13px;border:1px solid #e1e8e3;border-radius:15px;background:#fff;color:#526158;font-size:12px}.demo-notice.is-quiet{border-color:transparent;background:transparent}.connection-dot{width:8px;height:8px;border-radius:50%;background:#d19749;flex:0 0 auto}.demo-notice.connected .connection-dot{background:#3c8a6d}.demo-notice.sync-pending .connection-dot{background:#d96b4d}.demo-notice strong{color:var(--ink);white-space:nowrap}.demo-notice>span:not(.connection-dot){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.connection-actions button,.connection-actions a{border:0;border-radius:999px;padding:7px 10px;background:#f0f4f1;color:var(--ink);font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}.connection-actions #syncNow,.connection-actions #openLogin{background:var(--ink);color:#fff}.data-safety-card{border:1px solid #e1e8e3;border-radius:15px;background:#fff;overflow:hidden}.data-safety-card summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:52px;padding:9px 12px;cursor:pointer;list-style:none}.data-safety-card summary::-webkit-details-marker{display:none}.utility-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#edf4ef;color:#2f6b56;font-size:16px}.data-safety-card summary>span:nth-child(2){display:grid;gap:1px}.data-safety-card summary strong{font-size:12px}.data-safety-card summary small{color:var(--muted);font-size:10px;font-weight:600}.summary-chevron{color:var(--muted);font-size:22px;transition:transform .2s ease}.data-safety-card[open] .summary-chevron{transform:rotate(90deg)}.data-safety-content{padding:3px 13px 13px;border-top:1px solid #eef2ef}.data-safety-content p{margin:10px 0;color:var(--muted);font-size:11px;line-height:1.6}.data-safety-content>small{display:block;min-height:18px;margin-top:8px;color:#33725f;font-size:11px}.data-safety-content>small.error{color:#b33f32}.data-safety-actions{display:flex;flex-wrap:wrap;gap:7px}.data-safety-actions button,.import-backup{display:block;border:0;border-radius:999px;padding:8px 11px;text-align:center;font-size:11px;font-weight:850;cursor:pointer}.data-safety-actions button{background:var(--ink);color:white}.import-backup{border:1px solid var(--line);background:white}.import-backup input{position:absolute;width:1px;height:1px;opacity:0}.import-backup:focus-within{outline:3px solid rgba(239,106,71,.42);outline-offset:3px}@media(max-width:760px){.account-utilities{grid-template-columns:1fr}.demo-notice.is-quiet{display:none}}.demo-notice{font-size:13px}.profile-tags span,.draft-cover span{font-size:12px}.profile-stats span,.mypage-tabs span{font-size:11px}.draft-copy>span,.draft-meta,.draft-actions a,.draft-actions button{font-size:12px}.draft-actions a,.draft-actions button{min-height:38px}#profileForm label{font-size:13px}.storage-summary.warning{color:#9b432f!important}.panel-heading p:not(.eyebrow){max-width:620px;margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.trash-card{border-style:dashed}.trash-card .draft-cover{background:linear-gradient(135deg,#e8eae8,#f4efe9)}.trash-actions{grid-template-columns:1fr auto}.trash-actions button:first-child{background:#33725f;color:#fff}.trash-actions .purge-draft{border:1px solid #e3c9c2;background:#fff6f3;color:#a43e31}.trash-status{display:block;min-height:22px;margin-top:14px;color:#33725f;font-size:13px}.trash-status.error{color:#a43e31}.publication-card .draft-cover{background:linear-gradient(135deg,#cfe9dd,#f6e5d7)}.publication-card.hidden-publication .draft-cover{filter:saturate(.45)}.publication-actions{grid-template-columns:1fr auto auto}.publication-actions button{border:1px solid var(--line);background:#fff}.publication-actions .visibility-action{color:#276752}.draft-cover{position:relative;overflow:hidden}.draft-cover.has-photo{background:#dfe8e3}.draft-cover.has-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.draft-cover.has-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(12,28,24,.32))}.draft-cover.has-photo span{position:relative;z-index:1}.demo-notice{align-items:center;flex-wrap:wrap}.demo-notice.connected{background:#edf8f2;border-color:#bdd9cb;color:#245e4d}.connection-actions{display:flex;gap:7px;margin-left:auto}.connection-actions button,.connection-actions a{border:1px solid currentColor;border-radius:999px;padding:7px 11px;background:#fff;color:inherit;font-size:11px;font-weight:850;cursor:pointer}.connection-actions button:disabled{opacity:.55}@media(max-width:580px){.connection-actions{width:100%;margin-left:0}.connection-actions button,.connection-actions a{flex:1;text-align:center}}.demo-notice.sync-pending{background:#fff6e8;border-color:#edcfab;color:#72502b}.draft-sync-notice.needs-input{background:#fff6e8;color:#7b5630}.activity-notification{display:grid;gap:12px;padding:17px 19px;border:1px solid #cfe0d7;border-radius:16px;background:#f4faf6}.activity-notification.read{border-color:#e1e5e2;background:#fff}.activity-notification>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-person>div{display:grid;margin-right:auto}.notification-person small{color:#53615b;font-size:11px}.notification-avatar{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:50%;background:#dcebe4;color:#285f4b!important;font-weight:900}.notification-avatar img{display:block;width:100%;height:100%;object-fit:cover}.activity-notification time,.activity-notification>div:last-child span{color:#53615b;font-size:12px}.activity-notification a,.activity-notification button{border:0;border-radius:999px;padding:8px 12px;background:#e86452;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.activity-notification button{background:#fff;border:1px solid #ccd8d1;color:#315c4c}@media(max-width:580px){.activity-notification>div{align-items:flex-start;flex-direction:column}.activity-notification .notification-person{display:grid;grid-template-columns:auto 1fr auto;width:100%}.activity-notification>div:last-child{flex-direction:row}}.draft-sync-notice{display:block;margin:-3px 0 11px;padding:8px 9px;border-radius:9px;background:#fff1e8;color:#8c4935;font-size:11px;line-height:1.5}.draft-sync-notice.media{background:#edf7f2;color:#2f6653}.draft-actions.has-retry{grid-template-columns:1fr auto auto auto}.draft-actions .retry-draft{border:1px solid #bad9cb;background:#eff8f3;color:#28634e}.draft-actions .retry-draft:disabled{opacity:.55;cursor:wait}@media(max-width:580px){.draft-actions.has-retry{grid-template-columns:1fr 1fr}.draft-actions.has-retry>a:first-child{grid-column:1/-1}}.save-list-manager{display:grid;gap:17px;margin:0 0 22px;padding:22px;border:1px solid #cfe0d7;border-radius:20px;background:#f6faf7}.save-list-manager h3{margin:0;font-size:19px}.save-list-manager>div:first-child p{margin:5px 0 0;color:#52615a;font-size:13px;line-height:1.6}.save-list-manager form{display:grid;gap:7px}.save-list-manager form>label{font-size:12px;font-weight:850}.save-list-manager form>div{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:8px;align-items:center}.save-list-manager input[type=text],#saveListName{min-width:0;border:1px solid #bdcec5;border-radius:11px;padding:11px;background:#fff;font:inherit}.save-list-public{display:flex;align-items:center;gap:6px;padding:0 4px;color:#3e554a;font-size:12px;font-weight:800}.save-list-manager form button,.save-list-row button{border:0;border-radius:10px;padding:10px 13px;background:#2e6c56;color:#fff;font-size:12px;font-weight:850;cursor:pointer}.save-list-manager button:disabled{opacity:.55}.save-list-rows{display:grid;gap:8px}.save-list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-radius:13px;background:#fff}.save-list-row>div:first-child{display:grid;gap:2px}.save-list-row span{color:#59675f;font-size:11px}.save-list-row>div:last-child{display:flex;gap:6px}.save-list-row button{border:1px solid #ccd9d2;padding:7px 10px;background:#fff;color:#315c4c}.save-list-row button.danger{border-color:#e7d0ca;color:#9b4338}.save-list-empty{margin:0;color:#52615a;font-size:12px}.activity-card .draft-actions{grid-template-columns:1fr}@media(max-width:620px){.save-list-manager{padding:17px}.save-list-manager form>div{grid-template-columns:1fr auto}.save-list-manager form>div>input:first-child{grid-column:1/-1}.save-list-row{align-items:stretch;flex-direction:column}.save-list-row>div:last-child{display:grid;grid-template-columns:repeat(3,1fr)}.save-list-row button{padding:8px 5px;font-size:11px}}.profile-own-actions{display:grid;gap:7px}.profile-own-actions button,.profile-own-actions a{border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:#fff;text-align:center;font-size:12px;font-weight:800;cursor:pointer}.profile-own-actions a{background:#eff6f2;color:#285d49}.draft-grid.people-grid{grid-template-columns:repeat(2,1fr)}.activity-person{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff}.activity-person>a{display:flex;align-items:center;gap:11px;min-width:0}.activity-person>a>span{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:50%;background:#dcebe4;color:#285f4b;font-weight:900}.activity-person>a>span img{display:block;width:100%;height:100%;object-fit:cover}.activity-person>a>div{display:grid;min-width:0}.activity-person strong,.activity-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-person small{color:#59675f}.activity-person>button{border:1px solid #e0cfc9;border-radius:999px;padding:8px 10px;background:#fff;color:#91493d;font-size:11px;font-weight:850;cursor:pointer}@media(max-width:580px){.profile-own-actions{grid-column:1/-1;width:100%}.draft-grid.people-grid{grid-template-columns:1fr}}.draft-actions.has-retry{grid-template-columns:1fr auto auto auto auto}.draft-actions .cancel-sync{border:1px solid #e1cdc5;background:#fff6f2;color:#9a4939}.draft-actions .cancel-sync:disabled{opacity:.55}@media(max-width:580px){.draft-actions.has-retry{grid-template-columns:1fr 1fr}.draft-actions.has-retry>a:first-child{grid-column:1/-1}}.profile-stats{grid-template-columns:repeat(4,1fr)}@media(max-width:850px){.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-stats div:nth-child(odd){border-right:1px solid var(--line)}.profile-stats div:nth-child(even){border-right:0}.profile-stats div:nth-child(n+3){border-top:1px solid var(--line)}}.profile-copy,.draft-copy,.active-journey-list article div,.panel-heading{min-width:0}.profile-copy h1,.draft-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-copy h3,.active-journey-list strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere}.profile-copy p,.data-safety-content p,.mypage-empty p{overflow-wrap:anywhere}