.bio-icon-modal{font-family:Meiryo,'メイリオ',sans-serif;--bio-icon-color:#000}.bio-icon-modal .modal-dialog{width:min(720px,calc(100% - 24px));max-width:720px;margin:12px auto}.bio-icon-modal .modal-content{border:1px solid #dae9df;border-radius:24px;background:#fff;box-shadow:0 24px 80px #254c382a;overflow:hidden}.bio-icon-modal .modal-header{padding:20px 22px;align-items:flex-start;border-color:#edf3ee}.bio-icon-modal .modal-title{font-size:20px;line-height:1.7;color:#28593e;font-weight:700}.bio-icon-modal .modal-header p{font-size:12px;color:#738779;margin:5px 0 0;line-height:1.7}.bio-icon-modal .modal-body{padding:16px 22px 22px}.bio-icon-modal h3{font-size:13px;color:#42674f;margin:18px 0 10px;line-height:1.7}.bio-icon-tabs{display:flex;gap:8px;background:#eff5f1;border-radius:14px;padding:5px;position:sticky;top:0;z-index:2}.bio-icon-tabs button{flex:1;border:0;border-radius:10px;min-height:42px;padding:8px 12px;color:#607c69;background:transparent;line-height:1.7;display:flex;align-items:center;justify-content:center;text-align:center;font:inherit;font-size:14px}.bio-icon-tabs button.active{color:#fff;background:#2b805b;box-shadow:0 3px 10px #2a714a25}.bio-icon-hint{font-size:12px;color:#718377;line-height:1.8;margin:14px 0}.bio-icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.bio-icon-choice{min-width:0;min-height:78px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #dde8e0;border-radius:13px;padding:12px 5px;background:#fafcfb;color:#587361;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.bio-icon-choice>span:last-child{font-size:10px;line-height:1.5;overflow-wrap:anywhere;white-space:normal;max-width:100%}.bio-icon-choice:hover{background:#edf6ef;border-color:#83b999;transform:translateY(-2px)}.bio-icon-choice[aria-pressed=true]{border:2px solid #2d895d;background:#e8f6ed;padding:11px 4px;box-shadow:0 0 0 2px #cfe7d7}.bio-link-icon{width:24px;height:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.bio-link-icon-simple{background-color:var(--bio-icon-color,#000)!important;mask-image:var(--bio-icon-mask);-webkit-mask-image:var(--bio-icon-mask);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.bio-link-icon-emoji{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important;font-size:var(--bio-icon-size,24px)!important;line-height:1!important;background:transparent!important}.bio-icon-modal .modal-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;border-color:#edf3ee;padding:14px 22px}.bio-icon-primary,.bio-icon-secondary{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:42px;height:auto;border-radius:11px;padding:9px 14px;font:inherit;font-size:12px;line-height:1.7;white-space:normal;overflow-wrap:anywhere;max-width:100%}.bio-icon-primary{background:#2c825b;color:#fff;border:1px solid #2c825b}.bio-icon-secondary{background:#f4f8f5;color:#557661;border:1px solid #d9e6dd}.bio-icon-modal .modal-footer p{flex-basis:100%;margin:3px 0 0;font-size:11px;color:#7b8d80;line-height:1.7}.bio-link-icon-trigger{border:1px solid #d1e2d7;border-radius:11px;background:#f7fbf8;color:#427357;min-width:40px;min-height:42px;width:42px;padding:8px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;position:relative;cursor:pointer;--bio-icon-color:#000}.bio-icon-modal button:focus-visible,.bio-link-icon-trigger:focus-visible{outline:3px solid #92c8a7;outline-offset:2px}.links-list .position-relative>.bio-link-icon,.bio-public-page .bio-link-row>.bio-link-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:1}.links-list .position-relative:has(>.bio-link-icon) .bio-input,.bio-public-page .bio-link-row:has(>.bio-link-icon) .bio-input{padding-left:44px!important;padding-right:44px!important}.links-list .position-relative:has(>.bio-link-icon){min-height:44px}.bio-icon-modal [hidden]{display:none!important}@media(max-width:600px){.bio-icon-modal .modal-header,.bio-icon-modal .modal-body{padding:16px 14px}.bio-icon-modal .modal-title{font-size:17px}.bio-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.bio-icon-modal .modal-footer{padding:12px 14px;justify-content:center}.bio-icon-choice{min-height:76px}.bio-icon-modal .modal-header .btn-close{flex-shrink:0}}@media(max-width:359px){.bio-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bio-icon-primary,.bio-icon-secondary{padding:8px 10px;font-size:11px}.bio-icon-modal .modal-title{font-size:16px}}@media(prefers-reduced-motion:reduce){.bio-icon-choice{transition:none}.bio-icon-choice:hover{transform:none}}

body :is(#tab5,.bio-icon-modal,.bio-dashboard-preview,.bio-public-stage) .bio-link-icon-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;font-size:var(--bio-icon-size,24px)!important;font-weight:400!important;font-style:normal!important;line-height:1!important;color:initial!important;background:transparent!important}

/* One content width and compact, content-aware spacing across BIO views. */
body.bio-public-page .bio-public-description{width:calc(100% - 44px)!important;margin:0 22px 14px!important;padding:0!important;box-sizing:border-box;line-height:1.85}
body.bio-public-page .input-section{padding-inline:22px!important}
body.bio-public-page .bio-public-title{margin-bottom:14px!important}
body :is(#tab5,.body-wrapper) .mobile-frame .bio-description{width:100%!important;max-width:100%;margin:14px 0!important;padding:0!important;box-sizing:border-box;white-space:pre-line;line-height:1.85;min-height:0!important;height:auto!important;overflow-wrap:anywhere}
body :is(#tab5,.body-wrapper) .mobile-frame .bio-description:empty{display:none}
body :is(#tab5,.body-wrapper) .mobile-frame .links-list{width:100%!important;max-width:100%;padding:0!important;margin:0!important;box-sizing:border-box}
body :is(#tab5,.body-wrapper) .mobile-frame .links-list .bio-input{width:100%!important;max-width:100%;box-sizing:border-box;margin-top:0!important}
body :is(#tab5,.body-wrapper) :is(button.bio-design-entry,button[data-bs-target="#bio-link-design-modal"]){display:inline-flex!important;align-items:center;justify-content:center;text-align:center;background:linear-gradient(110deg,#318d6a,#25735a)!important;color:#fff!important;border:1px solid #2f8565!important;border-radius:13px!important;min-height:44px;height:auto!important;padding:11px 18px!important;line-height:1.8!important;white-space:normal;overflow-wrap:anywhere;box-shadow:0 5px 15px #318d6a25;animation:bio-design-entry-glow 2.8s ease-in-out infinite;position:relative}
body :is(#tab5,.body-wrapper) :is(button.bio-design-entry,button[data-bs-target="#bio-link-design-modal"]) i{color:#fff!important}
@keyframes bio-design-entry-glow{0%,100%{transform:translateY(0);box-shadow:0 4px 12px #318d6a25}50%{transform:translateY(-2px);box-shadow:0 7px 21px #318d6a48}}
@media(max-width:600px){body.bio-public-page .bio-public-description{width:calc(100% - 36px)!important;margin-inline:18px!important;margin-bottom:12px!important}body.bio-public-page .input-section{padding-inline:18px!important}}
@media(prefers-reduced-motion:reduce){body :is(#tab5,.body-wrapper) :is(button.bio-design-entry,button[data-bs-target="#bio-link-design-modal"]){animation:none;transform:none}}

/* Link icon size is independent of label text; picker/editor controls stay compact. */
body :is(.links-list .position-relative,.bio-link-row)>.bio-link-icon{width:var(--bio-icon-size,24px);height:var(--bio-icon-size,24px);flex-basis:var(--bio-icon-size,24px)}
body :is(.links-list .position-relative,.bio-link-row):has(>.bio-link-icon) .bio-input{padding-left:calc(var(--bio-icon-size,24px) + 24px)!important;padding-right:calc(var(--bio-icon-size,24px) + 24px)!important;min-height:calc(var(--bio-icon-size,24px) + 16px)!important;height:auto!important;white-space:normal!important;overflow-wrap:anywhere}

/* The profile avatar bounces in both editors and every published BIO. */
body.index-page .mobile-frame .profile-photo,body.bio-public-page .header>.logo{animation:bio-avatar-bounce 2.8s ease-in-out infinite!important;transform-origin:50% 100%;will-change:transform}
body.index-page .mobile-frame .bio-description{white-space:pre-line}
@keyframes bio-avatar-bounce{0%,60%,100%{transform:translateY(0) scale(1)}20%{transform:translateY(-7px) scale(1.025)}35%{transform:translateY(0) scale(1.025,.975)}44%{transform:translateY(-3px) scale(1)}52%{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){body.index-page .mobile-frame .profile-photo,body.bio-public-page .header>.logo{animation:none!important;transform:none!important;will-change:auto}}