:is(#communityPanel,#homePanel,#safetyPanel){margin:auto;box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-height:85dvh;padding:0;border:2px solid #244d69;border-radius:16px;background:#f8fbff;color:#17384f;font:15px/1.65 Arial,'Noto Sans KR',sans-serif;box-shadow:0 20px 70px #102d5366}
:is(#communityPanel,#homePanel,#safetyPanel)::backdrop{background:#15384b99}
:is(#communityPanel,#homePanel,#safetyPanel) header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#e2f1fb;border-bottom:1px solid #bed4e3}
:is(#communityPanel,#homePanel,#safetyPanel) h2{margin:0;font-size:21px}:is(#communityPanel,#homePanel,#safetyPanel) small{color:#58738a}:is(#communityPanel,#homePanel,#safetyPanel) h3{font-size:16px;margin:6px 0}
:is(#communityPanel,#homePanel,#safetyPanel) .community-content{padding:20px}:is(#communityPanel,#homePanel,#safetyPanel) button{cursor:pointer;background:#eef6fd;color:#173d59;border:1px solid #a7c3d8;border-radius:8px;padding:8px 13px;font:inherit}
:is(#communityPanel,#homePanel,#safetyPanel) button:disabled{opacity:.6;cursor:wait}:is(#communityPanel,#homePanel,#safetyPanel) .community-close{font-size:26px;line-height:1;border:0;background:transparent}
:is(#communityPanel,#homePanel,#safetyPanel) .community-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}:is(#communityPanel,#homePanel,#safetyPanel) .selected{background:#286e97;color:white}
:is(#communityPanel,#homePanel,#safetyPanel) article{padding:16px;border:1px solid #d0e0eb;border-radius:10px;margin:12px 0;background:white}:is(#communityPanel,#homePanel,#safetyPanel) p{white-space:pre-wrap;overflow-wrap:anywhere}
:is(#communityPanel,#homePanel,#safetyPanel) blockquote{white-space:pre-wrap;border-left:3px solid #9fbdcf;margin:12px 0;padding:8px 12px;background:#f2f6fa;overflow-wrap:anywhere}
:is(#communityPanel,#homePanel,#safetyPanel) .community-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}:is(#communityPanel,#homePanel,#safetyPanel) label{display:block;margin:12px 0}
:is(#communityPanel,#homePanel,#safetyPanel) textarea,:is(#communityPanel,#homePanel,#safetyPanel) select{display:block;box-sizing:border-box;max-width:100%;padding:9px;border:1px solid #a7c3d8;border-radius:6px;background:white;color:#17384f;font:inherit}:is(#communityPanel,#homePanel,#safetyPanel) textarea{width:100%;min-height:110px}
.community-help{color:#567288;font-size:14px}.community-empty{padding:24px;text-align:center;color:#58738a}.community-badge{font-size:12px;background:#e7f2fa;border-radius:20px;padding:4px 9px}
.community-search{display:flex;gap:8px;margin-bottom:10px}.community-search input{min-width:0;flex:1;padding:10px;border:1px solid #aac6d9;border-radius:7px;font:inherit}
.community-link{color:#326b95;background:none;border:0;cursor:pointer;font-size:12px;padding:2px 6px}#bdwin .w-foot{flex-wrap:wrap}#bdwin .bd-list{height:220px}#bdwin:has(.community-search) .bd-list{height:190px}
#topbar [data-act="worry"]{min-width:124px;font-size:16px}#menuwin .menu-grid{gap:8px}

.home-profile{display:flex;gap:16px;padding:20px;border:1px solid #bbcee1;border-radius:12px;background:#fff}
.home-profile h3{margin:0!important}.home-profile p{margin:4px 0;font-size:16px}.home-monogram{flex:0 0 56px;height:56px;display:grid;place-items:center;background:#365a8d;color:#fff;border:4px solid #d4e1ef;border-radius:12px;font-size:26px;font-weight:bold}
.home-actions{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:12px 0}.home-public-note{padding:12px 16px;background:#e5f2f5;border-left:4px solid #539195;font-size:14px}
.home-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-person,.home-post{display:flex;flex-direction:column;gap:5px;min-width:0;text-align:left;padding:14px!important;background:white!important}
.home-person span,.home-post span{font-size:14px;color:#5b7182;white-space:normal;overflow-wrap:anywhere}.home-posts{display:grid;gap:8px}.home-post strong{font-size:16px}
.author-home{border:0;background:none;color:#20588b;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0}.author-home:disabled{color:inherit;text-decoration:none;cursor:default}
#my-bio{width:100%;min-height:65px;font:inherit;padding:6px;resize:vertical}#myCard{max-height:300px;overflow:auto}
@media(max-width:560px){.home-directory{grid-template-columns:1fr}.home-profile{padding:14px;gap:10px}.home-monogram{flex-basis:38px;height:38px;font-size:22px}:is(#communityPanel,#homePanel,#safetyPanel) .community-content{padding:14px}}

#safetyPanel input{display:block;box-sizing:border-box;width:100%;padding:9px;border:1px solid #a7c3d8;border-radius:6px;font:inherit}#safetyPanel [hidden]{display:none}#safetyStatus{position:sticky;bottom:0;background:#e2f1fb;padding:8px;border-radius:6px}#safetyStatus:empty{display:none}
/* A compact status line keeps the 2D plaza as the primary surface. */
.visitor-strip{position:absolute;top:51px;left:50%;transform:translateX(-50%);z-index:5;white-space:nowrap;font-size:11px;line-height:1.5;padding:3px 10px;border-radius:12px;color:#184366;background:rgba(244,251,255,.94);border:1px solid #9ec9df;pointer-events:auto}
.visitor-history{max-height:240px;overflow:auto;border:1px solid #c5dce8;border-radius:8px;margin-top:12px}
.visitor-history table{width:100%;border-collapse:collapse;font-size:13px}
.visitor-history th,.visitor-history td{padding:7px 12px;text-align:left;border-bottom:1px solid #e2edf3}
.visitor-history th{position:sticky;top:0;background:#eaf5fa}.visitor-history td:last-child{text-align:right;font-variant-numeric:tabular-nums}

.teaching-note{padding:7px 10px;background:#fff4d8;border:1px solid #d3bb7f;font-size:12px;color:#624b14;margin-bottom:5px}