/* Presentation only. Existing navigation, events, permissions and data remain unchanged. */
html:root{color-scheme:light;--bg:#f5f6f8;--panel:#fff;--deep:#f3f5f8;--line:#e6e9ef;--text:#202632;--muted:#697386;--brand:#1877f2;--lavender:#2166c4;--background:#f5f6f8;--foreground:#202632;--card:#fff;--card-foreground:#202632;--popover:#fff;--popover-foreground:#202632;--primary:#1877f2;--primary-foreground:#fff;--secondary:#f0f3f8;--secondary-foreground:#202632;--muted-foreground:#697386;--accent:#edf4ff;--accent-foreground:#2166c4;--border:#e6e9ef;--input:#e6e9ef;--ink:#202632;--sub:#697386;--app-bg:#f5f6f8;--app-ink:#202632;--app-muted:#697386;--app-line:#e6e9ef}
html body,html #root{background:#f5f6f8!important;color:#202632!important;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
html body *{scrollbar-color:#cbd2dd transparent}
html body h1,html body h2,html body h3{color:#18202e!important;letter-spacing:-.045em}
html body h1{font-size:27px;font-weight:750}html body h2{font-size:18px}
html body .hub{grid-template-columns:248px minmax(0,1fr)}
html body.sidebar-collapsed .hub{grid-template-columns:0 minmax(0,1fr)}
html body #sidebar{background:#fff!important;border-right:1px solid #e9ecf1}
html body .brand{height:76px;border-color:#eef0f4;padding:0 25px}
html body .brand b{color:#202632!important;font-size:22px!important;letter-spacing:-.9px!important}
html body .brand b span{color:#1877f2!important}
html body .side-scroll{padding:22px 16px}
html body #sidebar .side-label,html body #sidebar .channel-label{color:#828b9a!important;font-size:10px;font-weight:650;letter-spacing:.05em;margin-bottom:12px}
html body #main-nav{gap:6px}
html body #main-nav button,html body #channels .channel{color:#525e70!important;min-height:46px;border-radius:12px;padding:11px 14px;font-size:13px;font-weight:550;background:transparent!important;box-shadow:none!important}
html body #main-nav button.active,html body #channels .channel.active{background:#edf4ff!important;color:#1769d3!important;font-weight:700}
html body #main-nav button:hover,html body #channels .channel:hover{background:#f3f6fa!important}
html body #sidebar .channel-name,html body #sidebar .channel span,html body #sidebar .menu-icon{color:inherit!important}
html body #channels .channel{min-height:40px;font-size:12px}
html body .menu-icon{width:21px;height:21px;stroke-width:1.7}
html body .school-label button{color:#64748b!important}
html body .account{background:#fff!important;border-top:1px solid #e9ecf1;padding:18px 20px;color:#202632}
html body .account small{color:#778193}
html body .top,html body.app-shell .top{height:76px;background:#ffffffed!important;border-color:#e9ecf1!important;padding:0 30px;backdrop-filter:blur(16px);box-shadow:none}
html body .top:after{content:'우리의 일상이 모이는 곳';font-size:12px;color:#8691a2;order:1}
html body .top #login{order:2;margin-left:auto}
html body .icon-button{background:#f2f5f9!important;color:#4f5c70!important;border:0!important;border-radius:12px;box-shadow:none!important}
html body #page{max-width:1020px;padding:32px 36px 80px}
html body .page-heading{background:transparent!important;padding:0!important;margin:0 0 24px!important}
html body .page-heading h1{color:#18202e!important;font-size:27px!important}
html body .page-heading p,html body .subtitle{color:#778193!important;font-size:13px!important}
html body .eyebrow{color:#75849a!important;font-size:10px!important;letter-spacing:.13em!important}
html body .heading-icon{background:#eaf2ff;color:#1877f2;border-radius:18px;width:52px;height:52px;font-size:28px}
html body .panel,html body .follow-card,html body .post,html body .home-quick button,html body .school-card,html body .info-card{background:#fff!important;border:1px solid #e6e9ef!important;border-radius:18px!important;box-shadow:0 3px 14px #23395504!important;color:#202632!important}
html body .panel-head,html body .social-section>header{border-color:#edf0f4}
html body .panel-head small,html body small,html body .social-note{color:#778193}
html body .button,html body .small-button,html body .school-chips button{background:#f2f5f9!important;color:#46536a!important;border:1px solid #e8ecf2!important;border-radius:10px!important;min-height:38px;padding:9px 15px;font-size:12px;font-weight:650;box-shadow:none!important}
html body .button.primary,html body #dm-send,html body .school-chips button.active{background:#1877f2!important;color:#fff!important;border-color:#1877f2!important}
html body .button:hover,html body .small-button:hover{filter:none;background:#e7eef8!important}
html body .button.primary:hover{background:#1165d4!important}
html body .button.danger{color:#bb344b!important;background:#fff1f3!important}
html body .social-link,html body .dock-toggle,html body .rank,html body .source-note a{color:#2166c4!important}
html body input:not([type=checkbox]):not([type=radio]),html body textarea,html body select{background:#f7f9fc!important;color:#263348!important;border:1px solid #e0e6ef!important;border-radius:12px!important;color-scheme:light;box-shadow:none!important}
html body input::placeholder,html body textarea::placeholder{color:#8b96a7!important}
html body :is(button,a,input,select,textarea):focus-visible{outline:2px solid #1877f2!important;outline-offset:3px}
html body .social-home-heading>span{color:#8993a3;font-size:10px;letter-spacing:.17em}
html body .social-home-heading{margin-bottom:14px}
html body .follow-card{padding:26px!important}
html body .follow-monogram{background:#eef1ff;color:#6564bd;border-radius:50%;width:64px;height:64px}
html body .follow-identity small{color:#8a94a5}
html body .follow-identity h2{color:#202632!important;font-size:21px!important}
html body .follow-counts strong{color:#18202e;font-weight:700}
html body .follow-counts span{color:#7c8798}
html body .follow-counts>div+div,html body .follow-blog,html body .follow-blog article{border-color:#edf0f5}
html body .follow-feed-link{background:#edf4ff;color:#1769d3;border-radius:12px;padding:14px 18px}
html body .follow-feed-link:hover{background:#e2eeff}
html body .follow-blog summary{color:#273447;font-size:14px}
html body .follow-empty{padding:26px 12px 18px}
html body .follow-empty>span{background:#f3f6fa;color:#8d9ab0}
html body .follow-empty b{color:#556277}html body .follow-empty p{color:#8490a2}
html body .home-quick{gap:14px;margin:18px 0 26px}
html body .home-quick button{padding:20px 18px;transition:transform .18s,border-color .18s}
html body .home-quick button:hover{transform:translateY(-2px);border-color:#bed7fb!important}
html body .home-quick svg{color:#1877f2;width:25px;height:25px}
html body .home-quick small,html body .home-school-link small{color:#8390a3}
html body .home-school-link{border-color:#eef1f5;color:#273447}
html body .home-schools{padding:24px}
html body .school-presence,html body .welcome-banner{background:#edf7f3!important;border:1px solid #dceee5!important;color:#2b6854;border-radius:12px;padding:12px 16px}
html body .school-presence small{color:#658575}
html body #feed{background:transparent!important;border:0!important}
html body .post{margin-bottom:18px;padding:24px;gap:14px;grid-template-columns:42px minmax(0,1fr)}
html body .post .avatar{width:42px;height:42px;border-radius:50%;background:#eff4fc!important}
html body .post-meta{font-size:14px;gap:12px}
html body .post-meta time{color:#96a0af;font-size:11px}
html body .post-body{color:#334155;font-size:14px;line-height:1.85;margin:12px 0 18px}
html body .post-image{border-radius:14px;border:1px solid #edf0f4}
html body .profile-trigger{color:#273447!important}
html body .reactions{border-top:1px solid #eef1f5;padding-top:12px;gap:6px}
html body .reactions button{background:transparent;color:#748197;border:0;border-radius:9px;padding:8px 12px;font-size:12px}
html body .reactions button:hover,html body .reactions button[aria-pressed=true]{background:#edf4ff;color:#1877f2}
html body .reply-box{background:#f7f9fc;border-radius:14px}
html body .reply{border-color:#e6ebf1}
html body .reply b{color:#41658d}html body .reply p{color:#46536a}
html body .post-tools button{color:#728198}html body .post-tools [data-delete]{color:#c54659}
html body .composer-dock{background:#fffffffa!important;border:1px solid #e0e7f0!important;border-radius:18px!important;box-shadow:0 8px 36px #31486d18!important;padding:16px 20px}
html body .composer-dock-head b{color:#526177}
html body .composer small{color:#7b8797}
html body .composer textarea{background:#f5f7fa!important}
html body .photo-button,html body .photo-label,html body .emoji-toggle{background:#edf4ff;color:#2166c4;border-color:#e1eaf5}
html body #sidebar #school-select,html body #sidebar #school-select option{color:#334155!important;background:#f7f9fc!important}
html body :is(.standard-modal,.large-modal,.onboarding-modal,[role=dialog],[role=alertdialog],.so-panel,.so-auth-card){background:#fff!important;color:#202632!important;border-color:#e6e9ef!important;border-radius:18px!important;box-shadow:0 12px 48px #26385515!important}
html body :is(.shell,.home-screen,.home-hub,.inner-screen,.school-grid){background:#f5f6f8!important}
html body :is(.topbar,.results,.filters,.searchbox,.ratings-pair,.catalog-strip,.mobile-nav){background:#fff!important;color:#334155!important;border-color:#e6e9ef!important}
html body :is(.field-label,.filter-hint,.school-location,.rating,.results-sub,.modal-description,.so-eyebrow){color:#697386!important}
html body :is(.header-actions button,.header-signup,.account-button,.quick-row button,.card-footer button,.card-footer a,.pagination button){background:#edf4ff!important;color:#2166c4!important;border-color:#e6e9ef!important;border-radius:10px!important}
html body :is(.rating b,.home-section-title h2,.school-card .school-title h3){color:#263348!important}
html body :is(.mobile-nav button,.filters button){color:#526177!important}
html body :is(.mobile-nav button.active,.filters .chosen){background:#edf4ff!important;color:#2166c4!important}
html body .emoji-picker{background:#fff;border-color:#e5eaf1;box-shadow:0 8px 24px #2439591a}
html body .emoji-picker button{background:transparent;color:#263348}
html body .popular-post:hover{background:#f4f7fb}
html body .popular-post p{color:#334155}
html body .popular-post b{color:#8490a2}
html body .badge,html body .meal-date span{background:#edf4ff!important;color:#2166c4!important;border-radius:6px}
html body .meal-card p,html body .scores{color:#526177}
html body .scores b{color:#ae7519}
html body .meal-date,html body .scores{border-color:#e9edf3}
html body .empty,html body .social-empty{color:#77859a}
html body .empty b,html body .social-empty b{color:#526177}
html body .social-empty p{color:#8793a4}
html body .social-avatar{background:#eef1ff;color:#6564bd;border-radius:50%}
html body .social-avatar.is-online:after{border-color:#fff}
html body .social-person,html body .dm-header,html body #dm-form,html body .social-inbox{border-color:#e9edf3}
html body .social-person-name,html body .social-person b{color:#334155}
html body .social-person-name small{color:#8793a4}
html body .social-section h2 small{color:#1877f2}
html body .social-block-list{color:#66758b}
html body .social-chat,html body .social-inbox{background:#fff}
html body .social-thread{color:#334155;border-radius:12px}
html body .social-thread:hover,html body .social-thread.active{background:#edf4ff}
html body .social-thread small{color:#8793a4}
html body .dm-log{background:#fafbfd}
html body .dm-bubble{background:#eef1f6;color:#334155;border-radius:18px 18px 18px 4px}
html body .dm-bubble.mine{background:#1877f2;color:white;border-radius:18px 18px 4px 18px}
html body .dm-bubble footer,html body .dm-bubble footer button{color:#748197}
html body .dm-bubble.mine footer{color:#deebff}
html body .social-profile-dialog,html body #legacy-dialog{background:#fff!important;color:#202632!important;border:1px solid #e6e9ef;border-radius:22px;box-shadow:0 24px 90px #26385533}
html body .social-profile-dialog{width:410px}
html body .profile-cover{background:#edf3ff;height:82px}
html body .profile-close{background:#fff;color:#65758c;box-shadow:0 2px 8px #31486d12}
html body .profile-content>.social-avatar{border-color:#fff;border-radius:50%}
html body .profile-content footer,html body #legacy-dialog>header{border-color:#e9edf3}
html body #legacy-frame{background:white}
html body #legacy-close{background:#f1f4f8;color:#526177}
html body .social-profile-dialog::backdrop,html body #legacy-dialog::backdrop{background:#20304c66;backdrop-filter:blur(4px)}
html body .social-profile-dialog .follow-card{padding:18px!important;background:#f8faff!important;box-shadow:none!important}
html body .social-profile-dialog .follow-blog{margin-top:20px}
html body .profile-date{background:#edf4ff;color:#4c6c91}
html body .profile-school{border-color:#e6e9ef;color:#334155}
html body #toast{background:#fff;color:#334155;border-color:#dfe6ef;box-shadow:0 8px 35px #31486d20;border-radius:14px}
html body.app-shell .app-tabs{background:#fffffffa!important;border-color:#e9ecf1!important;box-shadow:0 -4px 24px #31486d06}
html body.app-shell .app-tabs button{color:#8490a2}
html body.app-shell .app-tabs button.active{color:#1877f2;background:#edf4ff}
html body .app-brand{color:#1877f2}
html body .app-offline{background:#fff5eb;color:#885629;border-color:#f4dcc6}
html body .app-offline button{background:#f5dfc9;color:#704620}
@media(min-width:761px){html body .workspace-grid{grid-template-columns:minmax(0,1fr) 240px;gap:24px}html body .following-posts{max-width:720px;margin:auto}}
@media(max-width:1150px){html body .workspace-grid{grid-template-columns:minmax(0,1fr)}html body #page{padding:26px 24px 70px}}
@media(max-width:760px){html body .hub,html body.sidebar-collapsed .hub{display:block}html body #sidebar{width:268px;box-shadow:12px 0 40px #26385515}html body .top,html body.app-shell .top{height:62px;padding:0 16px}html body .top:after{font-size:11px}html body .top .app-brand~#login{margin-left:auto}html body.app-shell .top:after{display:none}html body #page{padding:22px 14px 60px}html body .page-heading h1{font-size:23px!important}html body .follow-card{padding:21px!important}html body .follow-overview{gap:22px}html body .follow-identity h2{font-size:19px!important}html body .follow-monogram{width:52px;height:52px}html body .follow-counts strong{font-size:27px}html body .home-quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 22px}html body .home-quick button{flex-direction:column;align-items:flex-start;gap:10px;padding:15px 12px;border-radius:14px!important}html body .home-quick b{font-size:12px;overflow-wrap:anywhere}html body .home-quick small{font-size:10px;line-height:1.6}html body .home-quick svg{width:22px;height:22px}html body .home-schools{padding:20px}html body .post{padding:18px 15px;border-radius:15px!important;grid-template-columns:34px minmax(0,1fr);gap:10px}html body .post .avatar{width:34px;height:34px}html body .post-body{font-size:14px}html body .post-meta{font-size:12px}html body .reactions button{padding:8px;font-size:11px}html body .composer-dock{padding:12px 15px;border-radius:16px!important}html body .social-actions{flex-wrap:wrap}html body .social-profile-dialog{max-width:calc(100vw - 24px)}html body .social-profile-dialog .follow-overview{flex-direction:row}html body .meal-grid{grid-template-columns:1fr}html body .social-person{padding:14px}html body.app-shell #page{padding-bottom:calc(var(--app-tabs-height) + 24px)}html body.app-shell.has-composer #page{padding-bottom:calc(var(--composer-height,100px) + var(--app-tabs-height) + 36px)}}
@media(prefers-reduced-motion:reduce){html body *{transition:none!important}}

/* 커뮤니티 카드와 글쓰기의 좌우 기준을 통일합니다. */
html body .community-popular,html body .feed-layout,html body .feed-panel,html body #feed{min-width:0;width:100%;box-sizing:border-box}
html body .community-popular .popular-list{grid-template-columns:repeat(2,minmax(0,1fr))}
html body .community-popular .panel-head{flex-wrap:wrap}
html body .feed-panel{background:transparent!important;border:0!important;box-shadow:none!important}
html body .feed-panel>.panel-head{padding:4px 20px 18px}
html body #feed>.post{margin:0;width:100%}
html body #feed .reactions button[aria-pressed=true]{background:#edf4ff;color:#2166c4}
html body #home-follow-counts .follow-counts>div{min-width:72px;padding:2px 14px;gap:4px}
html body #home-follow-counts .follow-counts strong{font-size:22px;line-height:1.2}
html body #home-follow-counts .follow-counts span{font-size:11px}
/* 메인 최근 글: 가벼운 카드와 본문 중심의 정보 순서 */
html body #home-follow-counts .follow-blog{margin-top:24px;padding-top:24px;border-top:1px solid #edf0f5}
html body #home-follow-counts .follow-blog[open]{display:block}
html body #home-follow-counts .follow-post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 0 6px}
html body #home-follow-counts .follow-blog>summary{grid-column:1/-1;min-height:28px;font-size:16px;font-weight:700;letter-spacing:-.025em;color:#202b3d}
html body #home-follow-counts .follow-blog>summary:after{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f3f5f8;color:#8590a1;font-size:17px}
html body #home-follow-counts .follow-blog>.social-note{grid-column:1/-1;margin:8px 0 14px;padding:0;font-size:11px;line-height:1.6;color:#919baa}
html body #home-follow-counts .follow-blog .follow-post-list>article{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:16px 18px;margin:0;border:1px solid #eef1f5;border-radius:16px;background:#f8f9fb}
html body #home-follow-counts .follow-blog .follow-post-list>article>p{order:0;margin:0;color:#283448;font-size:14px;line-height:1.75;letter-spacing:-.015em;overflow-wrap:anywhere}
html body #home-follow-counts .follow-blog .follow-post-list>article>small{order:1;display:block;margin-top:0;color:#919baa;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums}
html body #home-follow-counts .follow-blog .follow-post-list>.follow-empty{grid-column:1/-1;border-radius:16px;background:#f8f9fb;padding:28px 16px}
@media(max-width:600px){html body #home-follow-counts .follow-post-list{grid-template-columns:minmax(0,1fr);gap:10px}html body #home-follow-counts .follow-blog .follow-post-list>article{min-height:0;padding:14px 16px;gap:8px}html body #home-follow-counts .follow-blog>summary{font-size:15px}}
@media(min-width:1151px){html body .community-popular{width:calc(100% - 264px)}}
@media(max-width:760px){html body .community-popular .popular-list{grid-template-columns:minmax(0,1fr)}html body .feed-panel>.panel-head{padding-left:16px;padding-right:16px}html body #home-follow-counts .follow-counts strong{font-size:20px}html body #home-follow-counts .follow-counts>div{min-width:64px;padding:2px 12px}}

html body #home-follow-counts .follow-blog>summary{padding:6px 0}
html body .follow-identity h2{margin-top:0!important}

/* 계정 관리 창: 남아 있던 다크 패널을 밝은 앱 카드로 통일 */
html body .large-modal{padding:32px!important}
html body .large-modal .modal-section-title{margin:30px 0 12px;color:#202b3d!important;font-size:17px;font-weight:750;letter-spacing:-.03em}
html body .large-modal .account-summary{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:18px 20px;background:#f7f9fc!important;color:#293548!important;border:1px solid #e6ebf2!important;border-radius:15px!important}
html body .large-modal .account-summary b{color:#202b3d!important;font-size:15px}
html body .large-modal .account-email{color:#7c8797!important;font-size:12px}
html body .large-modal .account-summary>.badge{background:#eaf2ff!important;color:#1769d3!important;border:0!important;border-radius:9px;padding:7px 10px}
html body .large-modal>.notice{margin:12px 0 20px;padding:14px 17px;background:#f4f7fb!important;color:#5e6b7e!important;border:1px solid #e8edf4!important;border-radius:13px!important}
html body .large-modal .locked-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;background:#fff!important;color:#293548!important;border:1px solid #e5eaf1!important;border-radius:16px!important}
html body .large-modal .locked-profile>h3,html body .large-modal .locked-profile>.fineprint{grid-column:1/-1}
html body .large-modal .locked-profile>h3{margin:0 0 4px;padding-bottom:15px;border-bottom:1px solid #edf0f4;color:#202b3d!important;font-size:16px}
html body .large-modal .locked-profile>h3>span{color:#9b6d55!important}
html body .large-modal .locked-profile>div{min-width:0;padding:14px;background:#f8f9fb;border:1px solid #eaedf2;border-radius:12px}
html body .large-modal .locked-profile h4{margin:0 0 12px;color:#687589!important;font-size:12px}
html body .large-modal .locked-profile>div>p{margin:0;padding:0;color:#2c3749!important}
html body .large-modal .locked-profile b{color:#283448!important}
html body .large-modal .locked-profile em{padding:3px 6px;background:#edf1ff;color:#6672a8!important;border-radius:6px}
html body .large-modal .locked-profile small{color:#8b96a6!important}
html body .large-modal .locked-profile>.fineprint{margin:3px 0 0!important;padding-top:14px;border-top:1px solid #edf0f4;color:#8b96a6!important}
html body .large-modal .activity-row{padding:14px 16px;background:#f8f9fb!important;color:#293548!important;border:1px solid #e8edf3!important;border-radius:12px!important}
html body .large-modal>.text-button:last-child{display:block;width:auto;margin:26px auto 0;padding:9px 16px;background:#fff3f3!important;color:#c74747!important;border:0!important;border-radius:10px!important;font-weight:650}
@media(max-width:700px){html body .large-modal{padding:24px 18px!important}html body .large-modal .locked-profile{grid-template-columns:minmax(0,1fr);padding:16px}html body .large-modal .locked-profile>h3,html body .large-modal .locked-profile>.fineprint{grid-column:1}html body .large-modal .account-summary{padding:16px}}

/* 평점 작성 창: 메인과 동일한 밝은 파란색 카드 UI */
html body .review-modal{max-width:760px!important;padding:30px!important;background:#fff!important;color:#283448!important;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
html body .review-modal h2,html body .review-modal [data-slot=dialog-title]{color:#18202e!important;font-size:22px!important;font-weight:780!important;letter-spacing:-.045em}
html body .review-modal [data-slot=dialog-description]{color:#64748b!important;font-size:13px!important}
html body .review-modal .detail-tabs{height:48px!important;padding:4px!important;background:#f2f5f9!important;border:1px solid #e7ebf1!important;border-radius:13px!important}
html body .review-modal .detail-tabs button{color:#7b8798!important;border:0!important;border-radius:10px!important;font-size:13px!important;font-weight:650!important}
html body .review-modal .detail-tabs button[data-state=active]{background:#1877f2!important;color:#fff!important;box-shadow:0 3px 10px #1877f226!important}
html body .review-modal .review-context{margin:18px 0 20px;color:#334155!important;font-size:13px!important;font-weight:650}
html body .review-modal .review-context .picker{height:42px!important;background:#f7f9fc!important;color:#263348!important;border:1px solid #e0e6ef!important;border-radius:10px!important}
html body .review-modal .review-context>span{color:#1877f2!important;font-weight:700}
html body .review-modal>.notice{margin:0 0 18px!important;padding:15px 17px!important;background:#f2f7ff!important;color:#52677f!important;border:1px solid #dfebfa!important;border-radius:13px!important;line-height:1.75!important}
html body .review-modal .questions{display:grid!important;gap:12px!important}
html body .review-modal .questions fieldset{margin:0!important;padding:18px 20px!important;background:#fff!important;color:#283448!important;border:1px solid #e5eaf1!important;border-radius:16px!important;box-shadow:0 2px 8px #26385504!important}
html body .review-modal .questions legend{margin-bottom:15px!important;color:#283448!important}
html body .review-modal .questions legend>span{color:#1877f2!important;font-size:11px!important;font-weight:750}
html body .review-modal .questions legend b{color:#64748b!important;font-size:12px!important;font-weight:700}
html body .review-modal .questions legend p{margin-top:5px!important;color:#263348!important;font-size:14px!important;font-weight:600;line-height:1.65}
html body .review-modal .rating-choices{gap:8px!important;padding-left:29px!important}
html body .review-modal .rating-choices button{width:42px!important;min-height:40px!important;padding:0!important;background:#f5f7fa!important;color:#5d6a7d!important;border:1px solid #dfe5ed!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important}
html body .review-modal .rating-choices button:hover{background:#eaf2ff!important;color:#1769d3!important;border-color:#bdd6fa!important}
html body .review-modal .rating-choices button.chosen:not(.na){background:#1877f2!important;color:#fff!important;border-color:#1877f2!important;box-shadow:0 4px 10px #1877f226!important}
html body .review-modal .rating-choices .na{width:auto!important;margin-left:auto!important;padding:0 13px!important;background:#f7f9fc!important;color:#718096!important}
html body .review-modal .rating-choices .na.chosen{background:#eaf2ff!important;color:#1769d3!important;border-color:#cfe1fb!important}
html body .review-modal .written-reviews{gap:14px!important;padding:20px 0 4px!important}
html body .review-modal .written-reviews label{color:#334155!important;font-weight:650}
html body .review-modal .written-reviews textarea{min-height:105px!important;background:#f8fafc!important;color:#263348!important;border:1px solid #e0e6ef!important;border-radius:13px!important;padding:14px!important}
html body .review-modal .written-reviews small{color:#8b96a7!important}
html body .review-modal .form-footer{bottom:-30px!important;margin-top:16px!important;padding:16px 0 2px!important;background:#fffffff5!important;border-color:#e9edf3!important;backdrop-filter:blur(12px)}
html body .review-modal .form-footer button{min-height:44px!important;border-radius:11px!important;font-weight:700!important}
html body .review-modal .form-footer .primary{background:#1877f2!important;color:#fff!important;border-color:#1877f2!important}
html body .review-modal .form-footer .secondary{background:#f2f5f9!important;color:#526177!important;border:1px solid #e1e7ef!important}
@media(max-width:700px){html body .review-modal{padding:22px 16px!important}html body .review-modal .questions{gap:10px!important}html body .review-modal .questions fieldset{padding:16px!important}html body .review-modal .rating-choices{padding-left:0!important;gap:6px!important;flex-wrap:wrap}html body .review-modal .rating-choices button{width:38px!important;min-height:38px!important}html body .review-modal .rating-choices .na{margin-left:4px!important}html body .review-modal .form-footer{bottom:-22px!important}}

/* 회원정보 닉네임 편집 */
html body .large-modal .nickname-edit-button{margin-left:auto;padding:8px 11px;background:#edf4ff!important;color:#1769d3!important;border:0!important;border-radius:9px!important;font-size:11px;font-weight:700;white-space:nowrap}
html body .large-modal .account-summary>.badge+.nickname-edit-button{margin-left:0}
html body .large-modal .nickname-editor{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;margin:-4px 0 16px;padding:14px;background:#f7f9fc;border:1px solid #e5eaf1;border-radius:13px}
html body .large-modal .nickname-editor input{min-width:0;height:42px!important;padding:0 13px!important;background:#fff!important}
html body .large-modal .nickname-editor button{min-height:38px;padding:8px 13px;border:0;border-radius:9px;font-size:12px;font-weight:700}
html body .large-modal .nickname-editor [type=submit]{background:#1877f2;color:#fff}
html body .large-modal .nickname-editor [type=button]{background:#edf1f6;color:#5c697c}
html body .large-modal .nickname-editor-status{grid-column:1/-1;min-height:18px;color:#6d798a;font-size:11px}
html body .large-modal .nickname-editor-status.is-error{color:#c33e52}
@media(max-width:520px){html body .large-modal .account-summary{flex-wrap:wrap}html body .large-modal .nickname-edit-button{margin-left:0}html body .large-modal .nickname-editor{grid-template-columns:minmax(0,1fr) auto}html body .large-modal .nickname-editor input{grid-column:1/-1}}

/* 내 학교 선택: 펼침 화살표가 카드 끝에 붙지 않도록 안쪽에 고정 */
html body #sidebar #school-select{
  -webkit-appearance:none!important;
  appearance:none!important;
  padding:12px 48px 12px 14px!important;
  background-color:#f7f9fc!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f7b8b' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 18px center!important;
  background-size:16px 16px!important;
}

/* 프로필에서 바로 보이는 닉네임 변경 영역 */
html body .nickname-profile-panel{padding:20px 22px!important}
html body .nickname-profile-panel #nickname-form{display:flex;align-items:center;gap:10px;margin-top:14px}
html body .nickname-profile-panel #nickname-form input{flex:1;min-width:0;height:44px!important;padding:0 14px!important;background:#f7f9fc!important;color:#283448!important;border:1px solid #dfe5ed!important;border-radius:11px!important}
html body .nickname-profile-panel #nickname-form button{min-height:44px;border-radius:11px!important;white-space:nowrap}

/* 계정 상세 팝업은 standard-modal을 사용하므로 여기에도 편집 UI 적용 */
html body .standard-modal .nickname-edit-button{margin-left:auto;padding:8px 11px;background:#edf4ff!important;color:#1769d3!important;border:0!important;border-radius:9px!important;font-size:11px;font-weight:700;white-space:nowrap}
html body .standard-modal .nickname-editor{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;margin:12px 0 16px;padding:14px;background:#f7f9fc;border:1px solid #e5eaf1;border-radius:13px}
html body .standard-modal .nickname-editor input{min-width:0;height:42px!important;padding:0 13px!important;background:#fff!important}
html body .standard-modal .nickname-editor button{min-height:38px;padding:8px 13px;border:0;border-radius:9px;font-size:12px;font-weight:700}
html body .standard-modal .nickname-editor [type=submit]{background:#1877f2;color:#fff}
html body .standard-modal .nickname-editor [type=button]{background:#edf1f6;color:#5c697c}
html body .standard-modal .nickname-editor-status{grid-column:1/-1;min-height:18px;color:#6d798a;font-size:11px}
html body .standard-modal .nickname-editor-status.is-error{color:#c33e52}
@media(max-width:520px){html body .nickname-profile-panel #nickname-form{align-items:stretch;flex-direction:column}html body .standard-modal .nickname-editor{grid-template-columns:minmax(0,1fr) auto}html body .standard-modal .nickname-editor input{grid-column:1/-1}}

/* 팔로잉 피드: 프로필 통계 카드와 분리된 게시글 전용 UI */
html body .following-posts{display:grid;gap:13px;max-width:760px;margin:0 auto}
html body .following-feed-card{min-height:0;padding:18px 20px;background:#fff;border:1px solid #e5eaf1;border-radius:18px;box-shadow:0 6px 22px #253b5908;color:#293548}
html body .following-feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
html body .following-author{display:flex;align-items:center;gap:11px;min-width:0;padding:0;border:0;background:transparent;text-align:left;color:#263348}
html body .following-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#eaf2ff;color:#1769d3;font-size:14px;font-weight:800}
html body .following-author>span:last-child{display:grid;min-width:0}
html body .following-author b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
html body .following-author small{color:#929dad;font-size:10px;font-weight:400;font-variant-numeric:tabular-nums}
html body .following-public{padding:5px 8px;border-radius:999px;background:#f4f6f9;color:#8792a2;font-size:9px;white-space:nowrap}
html body .following-feed-body{padding:15px 0 16px}
html body .following-feed-body p{margin:0;color:#253247;font-size:14px;line-height:1.72;white-space:pre-wrap;overflow-wrap:anywhere}
html body .following-feed-body img{display:block;width:auto;max-width:100%;max-height:520px;margin-top:13px;border-radius:14px;object-fit:cover}
html body .following-feed-card footer{padding-top:11px;border-top:1px solid #edf0f4}
html body .following-post-link{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7a8698;font-size:11px}
html body .following-post-link b{color:#1769d3;font-weight:700}
html body .following-more{display:block;margin:18px auto 0!important;border-radius:11px!important}
html body .following-status{text-align:center;color:#c04f61;font-size:12px}
@media(max-width:600px){html body .following-posts{gap:10px}html body .following-feed-card{padding:15px 16px;border-radius:15px}html body .following-feed-body{padding:13px 0 14px}html body .following-feed-body p{font-size:13px}}

/* 답글: 남아 있던 다크 박스를 밝은 게시글 카드 스타일로 통일 */
html body #feed .reply-box{margin-top:14px;padding:12px!important;background:#f6f8fb!important;border:1px solid #e7ebf1;border-radius:15px!important}
html body #feed .reply{margin:0 0 7px;padding:12px 13px!important;background:#fff;border:1px solid #e8ecf2!important;border-radius:11px}
html body #feed .reply:last-of-type{margin-bottom:0}
html body #feed .reply b{color:#2f5f96!important;font-size:11px;font-weight:750}
html body #feed .reply time{margin-left:7px;color:#9aa4b3;font-size:9px;font-variant-numeric:tabular-nums}
html body #feed .reply p{margin-top:5px;color:#334155!important;font-size:13px!important;line-height:1.65}
html body #feed .reply .content-emoji{font-size:28px}
html body #feed .reply-form{display:flex;align-items:center;flex-wrap:nowrap!important;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #e5eaf0}
html body #feed .reply-input-wrap{min-width:0;flex:1}
html body #feed .reply-form input{width:100%!important;min-height:44px;padding:10px 48px 10px 13px;background:#fff!important;color:#293548!important;border:1px solid #dce3ec!important;border-radius:11px!important;box-shadow:none}
html body #feed .reply-form input::placeholder{color:#9aa6b7}
html body #feed .reply-form input:focus{border-color:#8dbcf8!important;outline:0;box-shadow:0 0 0 3px #1877f214}
html body #feed .reply-form>.button{flex:0 0 auto;min-height:44px;padding:0 16px;background:#1877f2!important;color:#fff!important;border:0!important;border-radius:11px!important}
html body #feed .reply-form .emoji-toggle{background:#edf4ff!important;color:#2166c4!important;border-radius:9px}
@media(max-width:520px){html body #feed .reply-box{padding:10px!important}html body #feed .reply{padding:11px!important}html body #feed .reply-form>.button{padding:0 13px}}

/* 계정 상세 팝업: 내부에 남아 있던 다크 테마 제거 */
html body .standard-modal{color:#293548!important}
html body .standard-modal [data-slot=dialog-title],html body .standard-modal>h2{color:#1f2937!important}
html body .standard-modal [data-slot=dialog-description]{color:#6b7789!important}
html body .standard-modal .account-summary{display:flex;align-items:center;gap:13px;margin:0 0 14px;padding:16px 18px;background:#f7f9fc!important;color:#293548!important;border:1px solid #e5eaf1!important;border-radius:14px!important}
html body .standard-modal .account-summary svg{color:#60728a}
html body .standard-modal .account-summary b{color:#202b3d!important;font-size:15px}
html body .standard-modal .account-email{color:#7d8898!important;font-size:12px}
html body .standard-modal .account-summary>.badge{margin-left:auto;background:#eaf2ff!important;color:#1769d3!important;border:0!important;border-radius:9px;padding:7px 10px}
html body .standard-modal>.notice{margin:12px 0 20px;padding:14px 17px;background:#f3f7fc!important;color:#58677b!important;border:1px solid #e5ebf3!important;border-radius:13px!important}
html body .standard-modal .locked-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px;background:#fff!important;color:#293548!important;border:1px solid #e4e9f0!important;border-radius:16px!important}
html body .standard-modal .locked-profile>h3,html body .standard-modal .locked-profile>.fineprint{grid-column:1/-1}
html body .standard-modal .locked-profile>h3{margin:0 0 4px;padding-bottom:14px;border-bottom:1px solid #ebeff4;color:#202b3d!important;font-size:16px}
html body .standard-modal .locked-profile>h3 svg{color:#1769d3}
html body .standard-modal .locked-profile>h3>span{color:#9a6c51!important;font-size:10px}
html body .standard-modal .locked-profile>div{min-width:0;padding:13px;background:#f8f9fb!important;border:1px solid #e8ecf2!important;border-radius:12px!important}
html body .standard-modal .locked-profile h4{margin:0 0 10px;color:#687589!important;font-size:12px}
html body .standard-modal .locked-profile>div>p{margin:0;padding:0;color:#2c3749!important}
html body .standard-modal .locked-profile b{color:#283448!important}
html body .standard-modal .locked-profile em{padding:3px 6px;background:#e9f1ff!important;color:#4b69a6!important;border-radius:6px}
html body .standard-modal .locked-profile small{color:#8b96a6!important}
html body .standard-modal .locked-profile>.fineprint{margin:4px 0 0!important;padding-top:13px;border-top:1px solid #edf0f4;color:#8b96a6!important}
html body .standard-modal .modal-section-title{margin:26px 0 11px;color:#202b3d!important;font-size:16px;font-weight:750}
html body .standard-modal .activity-row{padding:14px 16px;background:#f8f9fb!important;color:#293548!important;border:1px solid #e7ecf2!important;border-radius:12px!important}
html body .standard-modal>.text-button:last-child{display:block;width:100%;margin:24px 0 0;padding:11px 16px;background:#fff5f5!important;color:#c74d55!important;border:1px solid #f4dddd!important;border-radius:11px!important;font-weight:700;text-align:center}
@media(max-width:700px){html body .standard-modal .account-summary{flex-wrap:wrap;padding:15px}html body .standard-modal .account-summary>.badge{margin-left:0}html body .standard-modal .locked-profile{grid-template-columns:minmax(0,1fr);padding:14px}html body .standard-modal .locked-profile>h3,html body .standard-modal .locked-profile>.fineprint{grid-column:1}}

/* 1:1 메시지 이모티콘 선택기 */
html body #dm-form{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
html body .dm-compose-row{display:flex;align-items:center;gap:10px;min-width:0}
html body .dm-input-wrap{position:relative;min-width:0;flex:1}
html body #dm-input{padding-right:52px!important;background:#f7f9fc!important;color:#293548!important;border:1px solid #dce4ee!important;border-radius:13px!important}
html body .dm-emoji-wrap{position:absolute;right:8px;top:50%;width:36px;height:36px;transform:translateY(-50%)}
html body .dm-emoji-toggle{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:#eaf2ff;color:#1769d3;font-size:20px}
html body .dm-emoji-picker{position:absolute;right:0;bottom:44px;z-index:20;display:grid;grid-template-columns:repeat(6,36px);gap:4px;width:max-content;padding:10px;background:#fff;border:1px solid #e1e7ef;border-radius:13px;box-shadow:0 12px 34px #253b5926}
html body .dm-emoji-picker[hidden]{display:none!important}
html body .dm-emoji-picker button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;font-size:21px}
html body .dm-emoji-picker button:hover{background:#edf4ff}
html body #dm-send{flex:0 0 auto;min-height:48px;padding:0 17px;border-radius:12px!important}
html body .dm-content-emoji{display:inline-block;font-size:1.35em;line-height:1;vertical-align:-.12em}
@media(max-width:520px){html body .dm-compose-row{gap:7px}html body #dm-send{padding:0 13px}html body .dm-emoji-picker{right:-44px;grid-template-columns:repeat(5,36px);max-width:calc(100vw - 50px)}}

/* 학교 상세·평가 보기 팝업 */
html body .large-modal:not(.review-modal){padding:30px!important;background:#fff!important;color:#293548!important}
html body .large-modal:not(.review-modal) [data-slot=dialog-title],html body .large-modal:not(.review-modal) .detail-title{color:#1d2736!important;font-size:24px!important;font-weight:800!important;letter-spacing:-.045em}
html body .large-modal:not(.review-modal) [data-slot=dialog-description]{color:#687589!important}
html body .large-modal:not(.review-modal) .detail-badges{color:#718096!important}
html body .large-modal:not(.review-modal) .ratings-pair{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin:22px 0!important;padding:0!important;background:transparent!important;border:0!important}
html body .large-modal:not(.review-modal) .ratings-pair .rating{padding:16px 18px!important;background:#f7f9fc!important;border:1px solid #e5eaf1!important;border-radius:14px!important}
html body .large-modal:not(.review-modal) .ratings-pair .rating b{color:#263348!important}
html body .large-modal:not(.review-modal) .ratings-pair .rating small,html body .large-modal:not(.review-modal) .ratings-pair .rating span{color:#78869a!important}
html body .large-modal:not(.review-modal) .detail-tabs{height:48px!important;padding:4px!important;background:#f1f4f8!important;border:1px solid #e5eaf0!important;border-radius:13px!important}
html body .large-modal:not(.review-modal) .detail-tabs button{color:#718096!important;border:0!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important}
html body .large-modal:not(.review-modal) .detail-tabs button[data-state=active]{background:#fff!important;color:#1769d3!important;box-shadow:0 3px 11px #344b6d12!important}
html body .large-modal:not(.review-modal) .modal-section-title{margin:18px 0 12px;color:#263348!important;font-size:17px!important}
html body .large-modal:not(.review-modal) .notice{padding:15px 17px!important;background:#f5f8fc!important;color:#5d6b7f!important;border:1px solid #e5ebf3!important;border-radius:13px!important;line-height:1.75!important}
html body .large-modal:not(.review-modal) .fineprint{color:#8a95a5!important}
html body .large-modal:not(.review-modal) .primary.full{min-height:48px;margin-top:17px;background:#1877f2!important;color:#fff!important;border:0!important;border-radius:12px!important;font-weight:750!important}
html body .large-modal:not(.review-modal) .score-bars>div{color:#526177!important;border-color:#e8edf3!important}
html body .large-modal:not(.review-modal) .score-bars span{background:#e9eef5!important}
html body .large-modal:not(.review-modal) .score-bars i{background:#1877f2!important}
html body .large-modal:not(.review-modal) .published-review{background:#f8fafc!important;color:#334155!important;border-color:#e5eaf1!important;border-radius:13px!important}
html body .large-modal:not(.review-modal) .school-info{background:#f8fafc!important;color:#334155!important;border:1px solid #e5eaf1!important;border-radius:14px!important}
html body .large-modal:not(.review-modal) .school-info dt{color:#7c8797!important}
html body .large-modal:not(.review-modal) .school-info dd{color:#293548!important}
@media(max-width:700px){html body .large-modal:not(.review-modal){padding:22px 16px!important}html body .large-modal:not(.review-modal) .ratings-pair{grid-template-columns:1fr}html body .large-modal:not(.review-modal) .detail-tabs{overflow:visible!important}html body .large-modal:not(.review-modal) .detail-tabs button{font-size:11px!important}}