:root{--school-yellow:#f0b72a;--school-yellow-dark:#d69a0a;--paper:#fff;--canvas:#ececec;--ink:#353535;--ink-soft:#6f6f6f;--line:#ddd;--notice-blue:#69b7ff;--news-green:#49d761;--danger:#c94e47;--safe-bottom:env(safe-area-inset-bottom,0px);--header-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;background:#d5d5d5}body{min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#d5d5d5;margin:0;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:16px;line-height:1.5}button,input{color:inherit;font:inherit}button{border:0}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #2a7ef18c}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:min(100%,520px);min-height:100dvh;padding-bottom:calc(76px + var(--safe-bottom));background:var(--canvas);margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 32px #0000001a}.app-shell.app-shell--detail{padding-top:var(--header-top);padding-bottom:calc(12px + var(--safe-bottom))}.app-shell--detail>.app-header,.app-shell--detail>.feed-toolbar{display:none}.app-header{z-index:5;min-height:calc(136px + var(--header-top));padding:calc(16px + var(--header-top)) 20px 20px;background:var(--school-yellow);color:#fff;position:relative;overflow:hidden}.brand-identity{flex:1;align-items:center;gap:11px;min-width:0;display:flex}.app-header:after{content:"";pointer-events:none;border:26px solid #ffffff26;border-radius:50%;width:146px;height:146px;position:absolute;bottom:-52px;right:-24px}.brand-row,.welcome-row{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.brand-lockup{flex-shrink:0;align-items:center;gap:10px;font-family:Arial Rounded MT Bold,Pretendard Variable,Pretendard,sans-serif;display:flex}.brand-lockup>strong{letter-spacing:-.055em;font-size:21px;font-weight:800}.brand-mark{width:30px;height:27px;display:block;position:relative}.brand-mark:before,.brand-mark:after{content:"";background:#fff;border-radius:8px 8px 3px;width:18px;height:9px;position:absolute;bottom:2px}.brand-mark:before{left:1px;transform:rotate(-47deg)}.brand-mark:after{opacity:.76;right:1px;transform:rotate(47deg)}.brand-mark i{z-index:1;background:var(--school-yellow);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:12px}.brand-mark b{clip-path:polygon(0 0,100% 50%,0 100%);background:#fff;width:10px;height:8px;position:absolute;top:0;left:15px}.header-actions{flex-shrink:0;gap:4px;display:flex}.header-button{color:#fff;cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:40px;height:40px;padding:8px;display:grid;position:relative}.welcome-row{align-items:end;margin-top:22px}.welcome-row p{letter-spacing:-.025em;margin:0;font-size:14px}.welcome-row p strong{font-size:18px;font-weight:800}.welcome-row button{color:#ffffffdb;text-underline-offset:3px;cursor:pointer;background:0 0;padding:4px 1px;font-size:12px;text-decoration:underline}.welcome-row>span{z-index:1;color:#ffffffd1;font-size:11px;font-weight:650;position:relative}.feed-toolbar{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:16px;min-height:88px;padding:17px 16px 14px;display:flex}.section-kicker{color:var(--school-yellow-dark);letter-spacing:.13em;margin-bottom:1px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;display:block}.feed-toolbar h1{letter-spacing:-.06em;margin:0;font-family:Arial Rounded MT Bold,Pretendard Variable,Pretendard,sans-serif;font-size:25px;line-height:1.15}.feed-toolbar--page{align-items:center;min-height:78px}.search-form{background:#f3f3f3;border:1px solid #0000;border-radius:7px;width:min(54vw,230px);height:40px;display:flex;overflow:hidden}.search-form:focus-within{border-color:var(--school-yellow);background:#fff}.search-form input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 0 0 12px;font-size:13px}.search-form input::placeholder{color:#999}.search-form button{color:#6b6b6b;cursor:pointer;background:0 0;flex:0 0 42px;place-items:center;width:42px;display:grid}.search-form svg{width:19px;height:19px}.feed-content{min-height:calc(100dvh - 300px);padding:8px 0 18px}.feed-card{--card-accent:var(--notice-blue);background:var(--paper);margin:0 0 8px;position:relative;overflow:hidden;box-shadow:0 1px #00000008}.category-rail{z-index:2;background:var(--card-accent);width:4px;position:absolute;top:0;bottom:0;left:0}.card-header{align-items:center;min-height:68px;padding:14px 11px 10px 16px;display:flex}.school-avatar{background:color-mix(in srgb, var(--card-accent) 15%, white);border:1px solid color-mix(in srgb, var(--card-accent) 45%, white);width:38px;height:38px;color:color-mix(in srgb, var(--card-accent) 75%, #222);border-radius:50%;flex:0 0 38px;place-items:center;font-size:18px;font-weight:800;display:grid;overflow:hidden}.school-avatar img{object-fit:cover;width:100%;height:100%}.school-meta{min-width:0;margin-left:9px;line-height:1.25}.school-meta strong{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;display:block;overflow:hidden}.school-meta time{color:#8a8a8a;margin-top:3px;font-size:11px;display:block}.board-chip{background:color-mix(in srgb, var(--card-accent) 10%, white);border:1px solid color-mix(in srgb, var(--card-accent) 55%, white);max-width:92px;color:color-mix(in srgb, var(--card-accent) 78%, #222);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:10px;font-weight:700;overflow:hidden}.icon-button{color:#8b8b8b;cursor:pointer;background:0 0;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;margin-left:1px;display:grid}.icon-button svg{width:20px;height:20px}.card-body{text-align:left;background:0 0;border-radius:0;align-items:flex-start;gap:13px;width:100%;padding:10px 16px 18px;display:flex;position:relative}.card-body:not(:disabled){cursor:pointer}.card-body:disabled{color:inherit}.card-copy{flex:1;min-width:0;display:block}.card-title{letter-spacing:-.035em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:750;line-height:1.45;display:-webkit-box;overflow:hidden}.card-description{color:#666;letter-spacing:-.02em;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:9px;font-size:14px;line-height:1.58;display:-webkit-box;overflow:hidden}.card-image{aspect-ratio:1;background:#eee;border-radius:5px;flex:0 0 88px;width:88px;display:block;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%}.card-actions{border-top:1px solid #ededed;grid-template-columns:1fr 1px 1fr;height:46px;margin:0 16px;display:grid}.card-actions button{color:#656565;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.card-actions button.is-kept{color:#d66692;font-weight:700}.card-actions button:disabled{cursor:wait;opacity:.6}.card-actions svg{width:17px;height:17px}.action-divider{background:#ededed;align-self:center;width:1px;height:22px}.bottom-nav{z-index:20;width:100%;max-width:520px;min-height:calc(66px + var(--safe-bottom));padding:5px 4px var(--safe-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border-top:1px solid #d8d8d8;grid-template-columns:repeat(5,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 18px #0000000d}.bottom-nav button{color:#898989;cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:3px 1px;display:flex;position:relative}.bottom-nav button:before{content:"";background:0 0;border-radius:0 0 3px 3px;width:30px;height:3px;position:absolute;top:-6px}.bottom-nav button.is-active{color:var(--school-yellow-dark);font-weight:700}.bottom-nav button.is-active:before{background:var(--school-yellow)}.bottom-nav svg{width:22px;height:22px}.bottom-nav span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.nav-badge{color:#fff;background:#df5b54;border:2px solid #fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:8px;line-height:1;display:grid;position:absolute;top:1px;left:calc(50% + 7px)}.state-panel,.center-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:54px 30px;display:flex}.center-state{background:var(--canvas);min-height:100dvh}.state-mark{border:2px solid var(--school-yellow);width:52px;height:52px;color:var(--school-yellow-dark);background:#fff6db;border-radius:50%;place-items:center;margin-bottom:15px;font-family:ui-monospace,monospace;font-size:22px;font-weight:800;display:grid}.state-panel h2,.center-state h1{letter-spacing:-.035em;margin:0;font-size:18px}.state-panel p,.center-state p{max-width:280px;color:var(--ink-soft);margin:8px 0 20px;font-size:14px}.primary-button,.secondary-button{cursor:pointer;border-radius:6px;min-width:112px;min-height:42px;padding:9px 18px;font-size:14px;font-weight:700}.primary-button{background:var(--school-yellow);color:#3e300b}.secondary-button{color:#555;background:#fff;border:1px solid #ccc}.toast{z-index:30;right:20px;bottom:calc(82px + var(--safe-bottom));color:#fff;text-align:center;background:#2d2d2df0;border-radius:7px;max-width:472px;margin:0 auto;padding:12px 16px;font-size:13px;animation:.18s ease-out toast-in;position:fixed;left:20px}.skeleton{background:linear-gradient(100deg,#ededeb 25%,#f8f7f2 42%,#ededeb 59%) 0 0/240% 100%;border-radius:5px;height:13px;animation:1.35s ease-in-out infinite skeleton-sweep;display:block}.skeleton--avatar{border-radius:50%;flex:0 0 38px;width:38px;height:38px}.feed-loading{gap:8px;display:grid}.feed-loading-card{min-height:172px;animation:.36s ease-out both loading-card-in;animation-delay:var(--loading-delay);background:#fff;padding:17px 16px 19px 20px;position:relative;overflow:hidden;box-shadow:0 1px #00000008}.feed-loading-rail{background:var(--school-yellow);width:4px;position:absolute;top:0;bottom:0;left:0}.feed-loading-card:nth-child(2) .feed-loading-rail{opacity:.78}.feed-loading-card:nth-child(3) .feed-loading-rail{opacity:.56}.feed-loading-heading{align-items:center;gap:11px;margin-bottom:20px;display:flex}.feed-loading-meta{flex:1;gap:7px;display:grid}.skeleton--school{width:min(38%,126px)}.skeleton--date{width:min(24%,76px);height:9px}.feed-loading-card .skeleton--line{width:100%}.feed-loading-card .skeleton--short{width:72%;margin-top:10px}.feed-loading-card .skeleton--title{margin-top:0}@keyframes loading-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.school-page,.schedule-page,.profile-page{padding-bottom:18px}.school-onboarding{background:linear-gradient(135deg,#fffdf6 0%,#fff8df 100%);border-bottom:1px solid #eadcae;min-height:250px;padding:34px 28px 30px 142px;position:relative;overflow:hidden}.school-onboarding:after{content:"";border:24px solid #f0b72a21;border-radius:50%;width:135px;height:135px;position:absolute;bottom:-50px;right:-28px}.school-gate{background:var(--school-yellow);color:#fff;border:8px solid #fff;border-bottom-width:18px;border-radius:44px 44px 8px 8px;place-items:center;width:88px;height:114px;display:grid;position:absolute;top:43px;left:28px;box-shadow:0 10px 28px #7b5b0929}.school-gate:before,.school-gate:after{content:"";background:#d69a0a;border-radius:0 0 4px 4px;width:9px;height:34px;position:absolute;bottom:-37px}.school-gate:before{left:9px}.school-gate:after{right:9px}.school-gate i{width:43px;height:43px;color:var(--school-yellow-dark);background:#fff;border-radius:50%;place-items:center;font-family:serif;font-size:22px;font-style:normal;font-weight:800;display:grid}.school-onboarding h2{letter-spacing:-.055em;margin:8px 0;font-size:23px;line-height:1.25}.school-onboarding p{color:#756b54;max-width:235px;margin:0;font-size:13px;line-height:1.65}.followed-section,.school-search-section{background:#fff;margin-top:8px;padding:20px 16px}.school-page>.school-search-section:first-child,.school-onboarding+.school-search-section{margin-top:8px}.subsection-heading{align-items:center;margin-bottom:14px;display:flex}.subsection-heading h2{letter-spacing:-.04em;margin:0;font-size:17px}.subsection-heading>span{color:#9a7107;background:#fff4d2;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:7px;padding:0 6px;font-size:11px;font-weight:800;display:grid}.school-list{display:block}.school-row{background:#fff;border:1px solid #e5e5e5;border-radius:9px;align-items:center;min-height:72px;padding:10px;display:flex}.school-row+.school-row{margin-top:8px}.school-list-avatar{color:#9e7408;background:#fff4d2;border:1px solid #efce71;border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:19px;font-weight:800;display:grid;overflow:hidden}.school-list-avatar img{object-fit:cover;width:100%;height:100%}.school-row>div{flex:auto;min-width:0;margin-left:11px}.school-row strong{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.school-row p{color:#828282;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:11px;overflow:hidden}.school-row>button{background:var(--school-yellow);color:#4f3d0c;cursor:pointer;border-radius:6px;flex:none;min-width:62px;min-height:34px;margin-left:11px;padding:7px 10px;font-size:11px;font-weight:750}.school-row>button.is-followed,.school-row>button:disabled{color:#888;cursor:default;background:#f0f0f0}.followed-section .school-row>button:not(:disabled){color:#777;background:#fff;border:1px solid #d4d4d4}.school-search-form{border:1px solid #d8d8d8;border-radius:8px;width:100%;height:48px;display:flex;overflow:hidden}.school-search-form:focus-within{border-color:var(--school-yellow);box-shadow:0 0 0 3px #f0b72a24}.school-search-form input{background:#fff;border:0;outline:0;flex:auto;width:0;min-width:0;padding:0 14px}.school-search-form button{background:var(--school-yellow);color:#4f3d0c;cursor:pointer;flex:0 0 76px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.school-search-form button:disabled{opacity:.65}.school-search-form svg{width:17px;margin-right:5px}.search-guide{color:#929292;margin:9px 2px 0;font-size:11px}.search-results{margin-top:14px}.inline-loading,.inline-state{color:#777;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:130px;display:flex}.inline-loading>span{border:3px solid #eee;border-top-color:var(--school-yellow);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.inline-loading p,.inline-state p{margin:9px 0 0;font-size:12px}.inline-state strong{color:#555;font-size:14px}.message-list{background:#dedede;gap:1px;display:grid}.message-card{background:#fff;min-width:0;padding:18px 18px 17px 23px;position:relative;overflow:hidden}.message-card.is-unread:before{background:var(--school-yellow);content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.message-meta{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.message-meta strong{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:14px;overflow:hidden}.message-meta time{color:#929292;white-space:nowrap;flex:none;font-size:10px}.message-card>p{color:#626262;overflow-wrap:anywhere;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;margin:9px 0 0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.message-card>a{color:#9a7107;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:12px;font-size:12px;font-weight:700;display:block;overflow:hidden}.today-strip{color:#6d5412;background:#fff8df;border-bottom:1px solid #ecd992;align-items:center;gap:10px;padding:13px 18px;font-size:13px;display:flex}.today-strip span{background:var(--school-yellow);color:#fff;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:800}.schedule-school-card{background:#fff;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:8px;padding:16px;display:grid}.schedule-school-card div span,.profile-card div span{color:#929292;font-size:10px;display:block}.schedule-school-card div strong{margin-top:2px;font-size:14px;display:block}.schedule-school-card>button{color:#666;cursor:pointer;background:#f1f1f1;border-radius:5px;padding:7px 9px;font-size:11px}.schedule-page .state-panel{min-height:290px}.profile-card{background:#fff;align-items:center;gap:14px;padding:25px 20px;display:flex}.profile-avatar{background:var(--school-yellow);color:#fff;border-radius:50%;place-items:center;width:58px;height:58px;font-size:23px;font-weight:800;display:grid}.profile-card div strong{letter-spacing:-.035em;font-size:18px;display:block}.profile-card div span{margin-top:3px}.settings-list{background:#fff;margin-top:8px}.settings-list>div,.settings-list>button{text-align:left;background:#fff;border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:0 18px;font-size:13px;display:flex}.settings-list>button{cursor:pointer}.settings-list strong{color:#777;font-size:12px;font-weight:600}.logout-button{color:#a34c47;cursor:pointer;background:#fff;border:1px solid #d5d5d5;border-radius:7px;width:calc(100% - 32px);min-height:46px;margin:20px 16px;font-size:13px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:370px){.school-onboarding{min-height:235px;padding-left:122px;padding-right:20px}.school-gate{left:19px;transform:scale(.9)}.school-row{padding:8px}.school-list-avatar{flex-basis:42px;width:42px;height:42px}.school-row>div,.school-row>button{margin-left:8px}}@media (prefers-reduced-motion:reduce){.inline-loading>span{animation-duration:1.4s}}.skeleton--line{width:74%;margin-bottom:9px}.skeleton--short{width:48%}.skeleton--title{width:61%;height:18px;margin:14px 0 18px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:521px){.feed-card,.feed-loading-card{border-radius:7px;margin-left:8px;margin-right:8px}}.feed-webview-item{background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;width:100%;min-height:176px;margin:8px 0;position:relative;overflow:hidden}.feed-webview-item iframe{opacity:0;pointer-events:none;background:#fff;border:0;width:100%;height:176px;transition:opacity .12s ease-out;display:block}.feed-webview-item iframe.is-loaded{opacity:1}.feed-webview-loading{color:#777;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.feed-webview-open{z-index:2;touch-action:pan-y;position:absolute;inset:0}.adpopcorn-slot{color:#888;background:#fff;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;place-items:center;min-height:92px;margin:8px 0;font-size:12px;display:grid;overflow:hidden}.adpopcorn-slot:not(.is-visible)>div{display:none}.adpopcorn-slot.is-visible{min-height:0}.adpopcorn-slot.is-visible>div{width:100%}.adsense-feed-slot{background:#fff;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;min-height:102px;margin:8px 0;padding:20px 0 0;position:relative;overflow:hidden}.adsense-feed-slot.is-visible{min-height:0}.adsense-label{color:#999;font-size:10px;line-height:14px;position:absolute;top:3px;left:10px}.feed-image-banner{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;width:100%;margin:8px 0;overflow:hidden}.feed-image-banner a,.feed-image-banner img{width:100%;display:block}.feed-image-banner a{cursor:pointer}.feed-image-banner img{object-fit:contain;height:auto}@media (max-width:360px){.feed-toolbar{gap:8px}.search-form{width:53vw}.board-chip{max-width:70px}.card-header{padding-right:6px}.card-image{flex-basis:74px;width:74px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{overscroll-behavior:none;overflow-anchor:none;width:100%;min-height:100%;overflow:hidden auto}body{overscroll-behavior:none;width:100%;min-height:100%;position:static;overflow:visible}.app-shell{width:100%;max-width:520px;height:auto;min-height:100dvh;padding-top:calc(84px + var(--header-top));padding-bottom:calc(76px + var(--safe-bottom));margin:0 auto;display:block;position:relative;overflow:visible}.feed-content{min-height:calc(100dvh - 160px - var(--header-top) - var(--safe-bottom));touch-action:auto;overflow:hidden visible}.bottom-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;width:100%;max-width:520px;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.feed-toolbar{z-index:25;top:calc(44px + var(--header-top));background:#fff;align-items:center;width:100%;max-width:520px;min-height:40px;padding:4px 10px;position:fixed;left:50%;transform:translate(-50%)}.feed-toolbar h1{letter-spacing:-.04em;font-family:inherit;font-size:16px}.feed-toolbar--page{min-height:40px}.app-header{z-index:30;width:100%;max-width:520px;min-height:calc(44px + var(--header-top));padding:calc(4px + var(--header-top)) 10px 4px;color:#3f3f3f;background:#fff;border-bottom:1px solid #ededed;position:fixed;top:0;left:50%;transform:translate(-50%)}.app-header:after{display:none}.brand-lockup{gap:6px}.brand-lockup>strong{font-size:17px}.brand-mark{transform-origin:0;width:24px;height:22px;transform:scale(.82)}.brand-mark:before,.brand-mark:after,.brand-mark b{background:var(--school-yellow)}.brand-mark i{background:#fff}.header-button{color:#555;width:32px;height:32px;padding:6px}.header-button:active{background:#f1f1f1}.header-button svg{width:19px;height:19px}.search-form{height:32px}.search-form button{flex-basis:36px;width:36px}.page-title-row{align-items:center;min-width:0;display:flex}.toolbar-back{color:#555;cursor:pointer;background:0 0;width:36px;height:36px;margin:0 5px 0 -9px;padding:0;font-size:32px;line-height:1}.school-onboarding h2{margin-top:18px}.legacy-school-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:30px 20px;display:flex}.legacy-my-page,.legacy-settings-page,.profile-editor,.favorite-feed{min-height:calc(100dvh - 160px - var(--header-top));background:#f1f1f1}.my-action-grid{background:#fff;border-bottom:1px solid #ddd;grid-template-columns:repeat(4,1fr);display:grid}.my-action-grid button{color:#686868;cursor:pointer;background:#fff;border-right:1px solid #e2e2e2;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:82px;padding:8px 2px;display:flex}.my-action-grid button:last-child{border-right:0}.my-action-grid svg{fill:none;width:32px;height:32px;stroke:var(--school-yellow-dark);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.my-action-grid span{white-space:nowrap;font-size:12px}.legacy-section-caption,.settings-caption{color:#777;min-height:38px;margin:0;padding:11px 16px 7px;font-size:12px}.subscription-edit-bar{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;min-height:48px;padding:5px 12px;display:flex}.subscription-edit-bar button{color:#666;cursor:pointer;background:0 0;padding:8px 10px;font-size:13px}.subscription-edit-bar button:first-child{color:var(--danger)}.my-school-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px 20px;display:grid}.my-school-grid>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;min-width:0;padding:0;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000012}.my-school-grid>button.is-selected:after{border:3px solid var(--school-yellow);content:"";pointer-events:none;position:absolute;inset:0}.my-school-cover{color:#a67916;background:#eee7d6;place-items:center;width:100%;height:150px;font-size:34px;font-weight:750;display:grid;overflow:hidden}.my-school-cover img{object-fit:cover;width:100%;height:100%}.my-school-meta{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:9px 8px 10px;display:flex}.my-school-meta strong{color:#444;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.my-school-meta em{color:var(--school-yellow-dark);flex:none;font-size:11px;font-style:normal;font-weight:700}.school-check{z-index:1;width:25px;height:25px;color:var(--school-yellow-dark);background:#ffffffeb;border:2px solid #fff;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 1px 5px #00000040}.my-school-empty,.settings-state{color:#858585;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:260px;padding:28px;display:flex}.my-school-empty svg,.settings-state>svg{width:42px;height:42px}.my-school-empty button,.settings-state button{background:var(--school-yellow);color:#4b3b14;cursor:pointer;border-radius:4px;margin-top:8px;padding:9px 17px;font-size:13px;font-weight:700}.settings-state strong{color:#555}.settings-state p{margin:0;font-size:13px}.school-detail-page{min-height:calc(100dvh - 132px - var(--header-top));background:#f1f1f1}.school-detail-profile{text-align:center;background:#fff;flex-direction:column;align-items:center;padding:16px 20px 0;display:flex}.school-detail-avatar{color:#a67916;background:#eee7d6;border:1px solid #e2e2e2;border-radius:50%;place-items:center;width:96px;height:96px;font-size:30px;font-weight:750;display:grid;overflow:hidden}.school-detail-avatar img{object-fit:cover;width:100%;height:100%}.school-detail-profile h2{color:#444;margin:14px 0 4px;font-size:16px;font-weight:600}.school-detail-profile>p{color:#777;max-width:360px;min-height:18px;margin:0;font-size:12px;line-height:1.5}.school-detail-actions{border-top:1px solid #e3e3e3;grid-template-columns:repeat(3,1fr);width:220px;margin-top:15px;padding:14px 0 13px;display:grid}.school-detail-actions a,.school-detail-actions button,.school-detail-actions>span{color:#666;cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;font-size:11px;text-decoration:none;display:flex}.school-detail-actions a>span,.school-detail-actions button span,.school-detail-actions>span b{color:#777;background:#fafafa;border:1px solid #ddd;border-radius:50%;place-items:center;width:42px;height:42px;font-size:19px;font-style:normal;display:grid}.school-detail-actions button.is-followed span{background:var(--school-yellow);border-color:var(--school-yellow);color:#fff}.school-detail-actions .is-disabled{opacity:.42;cursor:default}.school-detail-actions button:disabled{opacity:.65}.school-board-tabs{z-index:6;top:calc(88px + var(--header-top));scrollbar-width:none;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #d5d5d5;width:100%;display:flex;position:sticky;overflow-x:auto}.school-board-tabs::-webkit-scrollbar{display:none}.school-board-tabs button{color:#888;cursor:pointer;background:#fff;min-width:max-content;height:52px;padding:0 16px;font-size:13px;position:relative}.school-board-tabs button.is-active{color:var(--school-yellow-dark);font-weight:700}.school-board-tabs button.is-active:after{background:var(--school-yellow);content:"";height:4px;position:absolute;bottom:0;left:10px;right:10px}.school-board-feed{background:#ededed;min-height:280px;padding-top:5px}.school-board-feed .settings-state{background:#fff;min-height:280px}.legacy-setting-group{background:#fff}.profile-setting-row{text-align:left;cursor:pointer;background:#fff;border-bottom:1px solid #ededed;grid-template-columns:minmax(76px,1.3fr) minmax(0,4fr) 20px;align-items:center;width:100%;min-height:50px;padding:0 16px;display:grid}.profile-setting-row span{color:#5f5f5f;font-size:14px;font-weight:400}.profile-setting-row strong{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.profile-setting-row svg{color:#aaa;width:18px;height:18px}.icon-setting-row{color:#555;text-align:left;background:#fff;border-bottom:1px solid #ededed;align-items:center;width:100%;min-height:50px;padding:8px 16px;text-decoration:none;display:flex}button.icon-setting-row{cursor:pointer}.icon-setting-row>span{color:#858585;flex:0 0 27px;place-items:center;width:27px;margin-right:12px;display:grid}.icon-setting-row svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.icon-setting-row strong{font-size:15px;font-weight:450}.profile-editor{padding:25px 16px 32px}.profile-editor h2{color:#333;margin:0;font-size:22px;line-height:1.3}.profile-editor>p{color:#444;margin:6px 0 22px;font-size:16px}.profile-editor>input{border:1px solid var(--school-yellow);background:#fff;border-radius:3px;outline:0;width:100%;min-height:54px;margin-bottom:5px;padding:0 15px}.user-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.user-type-grid button{color:#666;cursor:pointer;background:#fff;border:1px solid #d3d3d3;border-radius:4px;min-height:48px}.user-type-grid button.is-selected{background:var(--school-yellow);border-color:var(--school-yellow);color:#43350f;font-weight:750}.profile-submit{background:var(--school-yellow);color:#43350f;cursor:pointer;border-radius:3px;width:100%;min-height:58px;margin-top:22px;font-size:16px;font-weight:750}.profile-submit:disabled{color:#999;cursor:default;background:#d5d5d5}.confirm-backdrop{z-index:100;background:#00000073;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#fff;border-radius:4px;width:min(100%,330px);padding:22px 20px 14px;box-shadow:0 12px 36px #00000040}.confirm-dialog h2{margin:0 0 12px;font-size:19px}.confirm-dialog p{color:#555;white-space:pre-line;margin:0;font-size:14px;line-height:1.65}.confirm-dialog>div{justify-content:flex-end;gap:5px;margin-top:20px;display:flex}.confirm-dialog button{color:#666;cursor:pointer;background:0 0;padding:9px 12px;font-size:14px;font-weight:700}.confirm-dialog button:last-child{color:var(--school-yellow-dark)}.favorite-feed{padding-top:1px}.favorite-sentinel{color:#888;text-align:center;min-height:44px;padding:14px;font-size:12px}@media (max-width:360px){.my-action-grid span{font-size:11px}.my-school-grid{gap:8px;padding-left:8px;padding-right:8px}.my-school-cover{height:132px}}.legacy-school-empty>svg{color:#9a9a9a;background:#f8f8f8;border-radius:50%;width:72px;height:72px;padding:18px}.legacy-school-empty strong{margin-top:16px;font-size:17px}.legacy-school-empty p{color:#777;margin:7px 0 0;font-size:12px;line-height:1.55}.article-detail{padding-bottom:calc(53px + var(--safe-bottom));background:#fff;border-top:1px solid #e6e6e6;border-bottom:1px solid #d9d9d9;margin-bottom:8px}.article-detail-header{border-bottom:1px solid #ededed;justify-content:space-between;align-items:center;min-height:68px;padding:14px 16px;display:flex}.article-detail-profile{align-items:center;min-width:0;display:flex}.article-detail-avatar{color:#936d12;background:#f6f1df;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:700;display:grid;overflow:hidden}.article-detail-avatar img{object-fit:cover;width:100%;height:100%}.article-detail-profile>div{min-width:0;margin-left:8px}.article-detail-profile strong,.article-detail-profile time{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.article-detail-profile strong{font-size:15px}.article-detail-profile time{color:#8b8b8b;margin-top:2px;font-size:11px}.article-detail-board{flex:none;margin-left:12px}.article-detail>h2{color:#333;letter-spacing:-.035em;margin:0;padding:18px 16px 0;font-size:19px;line-height:1.45}.article-html{color:#333;overflow-wrap:anywhere;touch-action:pan-y;background:#fff;width:100%;min-height:180px;padding:18px 16px 24px;font-size:15px;line-height:1.75;display:block}.article-html>:first-child{margin-top:0}.article-html>:last-child{margin-bottom:0}.article-html p{margin:0 0 12px}.article-html h1,.article-html h2,.article-html h3,.article-html h4{margin:20px 0 10px;line-height:1.4}.article-html img,.article-html video{margin:12px auto;display:block;max-width:100%!important;height:auto!important}.article-html table{border-collapse:collapse;table-layout:auto;max-width:100%;width:100%!important}.article-html th,.article-html td{vertical-align:top;overflow-wrap:anywhere;border:1px solid #ddd;min-width:0;padding:8px}.article-html a{color:#946b00;text-underline-offset:2px;text-decoration:underline}.article-html pre{white-space:pre-wrap}.article-html blockquote{color:#666;border-left:3px solid #f0b72a;margin:12px 0;padding-left:12px}.feed-load-more{color:#858585;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:12px;display:flex}.feed-load-more span{border:2px solid #e4e4e4;border-top-color:#b98a18;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.article-images{gap:8px;padding:0 16px 16px;display:grid}.article-images img{width:100%;height:auto;display:block}.article-files,.attachment-list{border-top:1px solid #e8e8e8;gap:7px;padding:13px 16px;font-size:13px;display:grid}.article-files>strong,.attachment-list>strong{margin-bottom:2px}.article-files a,.article-files span,.attachment-list button,.attachment-list span{overflow-wrap:anywhere;color:#6c6c6c}.attachment-list button{text-align:left;cursor:pointer;background:0 0;width:fit-content;max-width:100%;padding:4px 0;font-size:13px}.attachment-list.is-compact{background:#fff;border-top:1px solid #ededed;gap:3px;padding-top:8px;padding-bottom:8px}.article-actions{z-index:30;right:4px;bottom:var(--safe-bottom);border-top:1px solid #e4e4e4;grid-template-columns:repeat(3,1fr);width:calc(100% - 8px);max-width:512px;min-height:52px;margin:0 auto;display:grid;position:fixed;left:4px;box-shadow:0 -4px 12px #0000000f}.article-actions button{color:#666;cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:6px;display:flex}.article-actions button+button{border-left:1px solid #e4e4e4}.article-actions button.is-kept{color:#d66692}.article-actions svg{width:18px;height:18px}.legacy-empty,.timetable-loading{color:#777;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:28px;font-size:14px;display:flex}.legacy-empty button{background:var(--school-yellow);color:#4f3d0c;border-radius:4px;margin-top:12px;padding:11px 25px;font-weight:700}.timetable-loading strong{color:#444;font-size:15px}.timetable-loading span{color:#777;margin-top:6px}.timetable-loading button{background:var(--school-yellow);color:#4b4024;border-radius:4px;margin-top:14px;padding:9px 20px}.legacy-subbar{background:var(--school-yellow);color:#fff;text-align:center;grid-template-columns:40px 1fr 40px;align-items:center;min-height:52px;display:grid}.legacy-subbar button{color:#fff;background:0 0;height:44px;font-size:30px}.legacy-subbar strong{font-size:16px}.timetable-school-head{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:12px 16px;display:flex}.timetable-school-head>div{min-width:0}.timetable-school-head strong,.timetable-school-head span{display:block}.timetable-school-head strong{text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:16px;overflow:hidden}.timetable-school-head span{color:var(--school-yellow-dark);margin-top:2px;font-size:13px;font-weight:700}.timetable-school-head button{color:#777;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:3px;flex-shrink:0;padding:8px 10px;font-size:12px}.timetable-page{background:#fff;display:flow-root}.timetable-grid{background:#cfcfcf;border:1px solid #cfcfcf;margin:0 16px 30px;overflow:hidden}.timetable-days,.timetable-period{grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid}.timetable-days{color:#111;text-align:center;background:#fff;margin:0 16px;padding:5px 1px 7px;font-size:14px}.timetable-days strong{font-weight:700}.timetable-period{margin-top:1px;position:relative}.timetable-period:first-child{margin-top:0}.timetable-period>div:not(.lunch-row){color:#222;text-align:center;word-break:keep-all;overflow-wrap:anywhere;background:#fff;justify-content:center;align-items:center;min-width:0;min-height:64px;padding:10px 4px;font-size:14px;font-weight:600;line-height:1.45;display:flex}.timetable-subject{min-width:0;max-width:100%;display:block}.period-number{z-index:1;color:#b0b0b0;font-size:9px;position:absolute;top:2px;left:3px}.empty-subject{color:#999;font-weight:400}.timetable-period>.lunch-row{color:#666;text-align:center;background:#f1f1f1;grid-column:1/-1;grid-template-columns:44px 96px 44px;justify-content:center;align-items:center;column-gap:8px;min-height:48px;padding:2px 0;font-size:12px;display:grid}.lunch-row button{color:#666;cursor:pointer;background:0 0;border-radius:4px;width:44px;height:44px;padding:0;font-size:18px}.lunch-row button:active:not(:disabled){background:#e4e4e4}.lunch-row button:disabled{color:#bbb;cursor:default}.setting-guide{color:#555;background:#fff;margin:0;padding:18px 16px;font-size:14px}.setting-school-list{background:#fff;gap:8px;padding:0 16px 15px;display:grid}.setting-school-list>strong{font-size:12px}.setting-school-list>button{text-align:left;background:#fff;border:1px solid #dedede;border-radius:4px;justify-content:space-between;align-items:center;min-height:50px;padding:0 14px;font-size:14px;display:flex}.setting-school-list>button.is-selected{border:2px solid var(--school-yellow)}.setting-school-list>button span{color:#999;font-size:11px}.setting-school-list small{color:#888}.legacy-school-search{border:1px solid #ddd;border-radius:4px;height:46px;display:flex;overflow:hidden}.legacy-school-search input{border:0;outline:0;flex:1;width:0;padding:0 12px}.legacy-school-search button{background:var(--school-yellow);color:#6c510e;flex:0 0 48px}.legacy-school-search svg{width:18px}.legacy-select{border:2px solid var(--school-yellow);background:#fff;border-radius:4px;grid-template-columns:62px 1fr;align-items:center;min-height:54px;margin:14px 16px 0;display:grid}.legacy-select span{color:#777;padding-left:14px;font-size:13px;font-weight:700}.legacy-select select,.legacy-select input{background:#fff;border:0;outline:0;width:100%;height:50px;padding:0 12px}.legacy-select select:disabled,.legacy-select input:disabled{color:#aaa}.setting-status{color:#777;margin:12px 16px 0;font-size:12px}.setting-save,.add-class-button{background:var(--school-yellow);color:#fff;border-radius:4px;width:calc(100% - 32px);min-height:50px;margin:20px 16px;font-size:14px;font-weight:700}.setting-save:disabled{background:#bcbcbc}.class-list{gap:8px;padding:14px 16px 0;display:grid}.class-item{background:#fff;border:1px solid #ddd;border-radius:4px;grid-template-columns:1fr 44px;display:grid;overflow:hidden}.class-item.is-selected{border:2px solid var(--school-yellow)}.class-item>button{background:#fff}.class-item>button:first-child{text-align:left;min-width:0;padding:13px 14px}.class-item>button:last-child{color:#999;font-size:24px}.class-item strong,.class-item span{display:block}.class-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.class-item span{color:#777;margin-top:3px;font-size:12px}@media (max-width:370px){.app-header{min-height:calc(44px + var(--header-top))}.brand-lockup>strong{font-size:16px}.article-detail>h2{font-size:17px}}html.schooltogether-native-android{--header-top:0px;--safe-bottom:0px}html.schooltogether-native-ios{--ios-bottom-nav-safe:max(0px, calc(var(--safe-bottom) - 10px))}html.schooltogether-native-ios .app-shell.app-shell--bottom-nav{padding-bottom:calc(76px + var(--ios-bottom-nav-safe))}html.schooltogether-native-ios .bottom-nav{min-height:calc(66px + var(--ios-bottom-nav-safe));padding:5px 4px var(--ios-bottom-nav-safe)}html.schooltogether-native-ios .app-shell--bottom-nav .toast{bottom:calc(82px + var(--ios-bottom-nav-safe))}html.schooltogether-native-ios .app-shell--bottom-nav .chat-entry-button{bottom:calc(78px + var(--ios-bottom-nav-safe))}.app-shell{--app-top-space:44px;padding-top:calc(var(--app-top-space) + var(--header-top))}.app-shell--subpage{--app-top-space:88px}.app-shell--search-open{--app-top-space:100px}.app-shell--schedule{background:#fff}.feed-toolbar{min-height:56px;padding:8px 12px}.feed-toolbar h1{font-size:18px}.feed-toolbar--page{min-height:44px;padding-top:5px;padding-bottom:5px}.feed-toolbar--page h1{font-size:16px}.feed-content{min-height:calc(100dvh - var(--app-top-space) - 76px - var(--header-top) - var(--safe-bottom));padding-top:0}.feed-toolbar--search{gap:6px}.feed-toolbar--search .search-form{flex:1;width:auto;min-width:0;height:38px}.header-button.has-search{color:var(--school-yellow-dark)}.header-button.has-search:after{background:var(--school-yellow);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.feed-search-status{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:2px 12px;font-size:12px;display:flex}.feed-search-status>span{overflow-wrap:anywhere;min-width:0}.feed-search-status button{min-height:36px;color:var(--school-yellow-dark);cursor:pointer;background:0 0;flex-shrink:0;padding:6px;font-size:12px;font-weight:700}.app-shell.app-shell--detail{min-height:100dvh;padding-top:var(--header-top);background:#fff;padding-bottom:0}.app-shell.app-shell--detail:before{z-index:60;width:100%;max-width:520px;height:var(--header-top);content:"";pointer-events:none;background:#fff;position:fixed;top:0;left:50%;transform:translate(-50%)}.app-shell--detail>.feed-content{min-height:calc(100vh - var(--header-top));min-height:calc(100dvh - var(--header-top));background:#fff;padding:0}.app-shell--detail .article-detail{min-height:calc(100vh - var(--header-top));min-height:calc(100dvh - var(--header-top));padding-bottom:calc(52px + var(--safe-bottom));border-top:0;border-bottom:0;margin:0}.article-actions{width:100%;max-width:520px;min-height:calc(52px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#fff;bottom:0;left:50%;right:auto;transform:translate(-50%)}.legacy-message-page{min-height:calc(100dvh - 164px - var(--header-top) - var(--safe-bottom));background:#e9e9e9;padding-bottom:8px;position:relative}.chat-entry-button{z-index:18;right:max(20px,50vw - 240px);bottom:calc(78px + var(--safe-bottom));background:var(--school-yellow);color:#fff;cursor:pointer;border-radius:5px;align-items:center;gap:5px;min-height:36px;padding:6px 10px 6px 7px;font-size:13px;font-weight:800;display:flex;position:fixed;box-shadow:0 5px 16px #00000038}.chat-entry-button span{font-size:18px;line-height:1}.app-shell.app-shell--message-subpage{min-height:100dvh;padding-top:calc(56px + var(--header-top));background:#e9e9e9;padding-bottom:0}.app-shell--message-subpage>.app-header,.app-shell--message-subpage>.feed-toolbar{display:none}.app-shell--message-subpage>.feed-content{min-height:calc(100dvh - 56px - var(--header-top));background:#e9e9e9;padding:0;overflow:visible}.calendar-page{--calendar-ink:#111;--calendar-grid-line:#d3d3d3;--calendar-event-gray:#a8a8a8;--calendar-weekend:#df1010;--calendar-detail-paper:#fcefd1;min-height:calc(100dvh - 164px - var(--header-top) - var(--safe-bottom));background:#fff;padding-bottom:18px}.calendar-class-list .class-item{grid-template-columns:1fr}.calendar-class-list .class-item>button:last-child{color:inherit;font-size:inherit;text-align:left;padding:13px 14px}.calendar-month-control,.week-control{background:#fff;grid-template-columns:44px minmax(130px,150px) 44px;justify-content:center;align-items:center;padding:14px 0 20px;display:grid}.calendar-month-control button,.week-control button{color:#555;cursor:pointer;background:0 0;place-items:center;height:44px;padding:0;display:grid}.calendar-month-control svg,.week-control svg{stroke-width:3px;border:2px solid;border-radius:50%;width:21px;height:21px;padding:1px}.calendar-month-control button:first-child svg,.week-control button:first-child svg{transform:rotate(180deg)}.week-control button:disabled{color:#ccc;cursor:default}.calendar-month-control strong,.week-control strong{color:#111;text-align:center;font-size:18px;font-weight:500}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));margin:0 16px;display:grid}.calendar-weekdays{color:var(--calendar-ink);text-align:center;padding:5px 0 7px;font-size:14px;font-weight:700}.calendar-weekdays span:first-child,.calendar-weekdays span:last-child{color:#bdbdbd}.calendar-grid{border-left:1px solid var(--calendar-grid-line);border-top:1px solid var(--calendar-grid-line)}.calendar-grid>.calendar-day{border-right:1px solid var(--calendar-grid-line);border-bottom:1px solid var(--calendar-grid-line);min-width:0;height:74px;color:var(--calendar-ink);text-align:left;font-variant-numeric:tabular-nums;background:#fff;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:8px 2px 3px;display:flex;overflow:hidden}.calendar-grid>button{cursor:pointer}.calendar-grid>button:nth-child(7n+1) .calendar-day-number,.calendar-grid>button:nth-child(7n) .calendar-day-number{color:var(--calendar-weekend)}.calendar-grid>button.is-selected:not(.is-today){box-shadow:inset 0 0 0 1px var(--school-yellow)}.calendar-grid>button.is-selected .calendar-day-number,.calendar-grid>button.is-today .calendar-day-number{color:var(--school-yellow-dark)}.calendar-day-number{text-align:center;flex:0 0 17px;margin-bottom:2px;font-size:12px;font-weight:400;line-height:17px;display:block}.calendar-day-events{flex-direction:column;gap:2px;min-width:0;display:flex}.calendar-event-label{background:var(--calendar-event-gray);color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:2px;min-width:0;padding:2px;font-size:8px;line-height:12px;display:block;overflow:hidden}.calendar-status{color:#888;margin:9px 16px 0;font-size:11px}.calendar-status.is-error{color:#b34d4d}.calendar-detail{padding:0 16px 16px}.calendar-detail h2{color:var(--calendar-ink);margin:16px 2px 6px;font-size:18px;line-height:1.4}.calendar-event-row{background:var(--calendar-detail-paper);border-radius:5px;grid-template-columns:25% minmax(0,1fr);min-height:104px;display:grid;overflow:hidden}.calendar-date-card{background:var(--school-yellow);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:18px 8px;display:flex}.calendar-date-card span{font-size:20px;font-weight:700}.calendar-date-card strong{font-size:28px;font-weight:400;line-height:1.05}.calendar-event-row>p{color:#73716a;overflow-wrap:anywhere;white-space:pre-line;align-self:center;min-width:0;margin:0;padding:12px 16px;font-size:16px;font-weight:700;line-height:1.6}.calendar-meal{color:#73716a;white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f1f1;border-radius:5px;min-height:78px;margin:0;padding:14px;font-family:inherit;font-size:16px;line-height:1.55}@media (max-width:370px){.calendar-weekdays,.calendar-grid{margin-left:10px;margin-right:10px}}.chat-page{width:100%;min-height:calc(100dvh - 56px - var(--header-top));background:#e9e9e9}.chat-toolbar{z-index:35;width:100%;max-width:520px;min-height:calc(56px + var(--header-top));padding:var(--header-top) 8px 0;background:var(--school-yellow);color:#fff;grid-template-columns:52px minmax(0,1fr) auto;align-items:end;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.chat-toolbar h2{letter-spacing:-.035em;text-align:left;text-overflow:ellipsis;white-space:nowrap;align-self:center;margin:0;font-size:18px;font-weight:700;line-height:56px;overflow:hidden}.chat-toolbar button{color:#fff;cursor:pointer;background:0 0;height:56px;padding:0 10px}.chat-toolbar button:disabled{opacity:.55}.chat-back{justify-self:start;font-size:34px;font-weight:300;line-height:1}.chat-toolbar-actions{justify-content:flex-end;align-items:center;display:flex}.chat-toolbar-actions button{min-width:42px;font-size:24px}.chat-toolbar-actions .chat-send-text{padding-right:8px;font-size:14px}.chat-error{color:#a73c35;text-align:center;background:#fff0ee;border-bottom:1px solid #f1cbc7;padding:10px 16px;font-size:12px}.chat-push-row{color:#3f3f3f;background:#fff;justify-content:space-between;align-items:center;min-height:56px;padding:0 16px;font-size:14px;display:flex}.chat-push-row input[role=switch]{appearance:none;cursor:pointer;background:#bbb;border-radius:999px;width:46px;height:26px;margin:0;transition:background .14s}.chat-push-row input[role=switch]:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;margin:2px;transition:transform .14s;display:block;box-shadow:0 1px 3px #00000040}.chat-push-row input[role=switch]:checked{background:var(--school-yellow)}.chat-push-row input[role=switch]:checked:before{transform:translate(20px)}.chat-push-row input[role=switch]:disabled{opacity:.55}.chat-hours-notice{color:#fff;text-align:center;background:#6b66ff;margin:0;padding:12px 10px;font-size:12px;font-weight:700;line-height:1.45}.chat-room-list,.chat-teacher-list{background:#dedede;margin-top:5px}.chat-room-row,.chat-teacher-row{text-align:left;cursor:pointer;background:#fff;align-items:center;width:100%;padding:9px 10px;display:flex}.chat-room-row.is-unavailable{color:#888}.chat-avatar{color:#9e7408;background:#fff4d2;border:1px solid #e5e5e5;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:grid;overflow:hidden}.chat-avatar img{object-fit:cover;width:100%;height:100%}.chat-room-copy{flex:auto;min-width:0;margin:0 10px 0 8px}.chat-room-copy small,.chat-room-copy strong,.chat-room-copy p,.chat-teacher-row small,.chat-teacher-row strong{text-overflow:ellipsis;white-space:nowrap;margin:0;display:block;overflow:hidden}.chat-room-copy small,.chat-teacher-row small{color:inherit;font-size:12px}.chat-room-copy strong,.chat-teacher-row strong{color:inherit;margin-top:1px;font-size:14px}.chat-room-copy strong i{vertical-align:1px;background:#54c962;border-radius:50%;width:7px;height:7px;margin-left:5px;display:inline-block}.chat-room-copy p{color:#555;margin-top:1px;font-size:14px}.chat-room-status{flex-direction:column;flex:none;justify-content:space-between;align-self:stretch;align-items:flex-end;min-width:64px;padding:2px 0;display:flex}.chat-room-status time{color:#777;white-space:nowrap;font-size:11px}.chat-room-status b{background:var(--school-yellow);color:#fff;text-align:center;border-radius:999px;min-width:20px;padding:2px 6px;font-size:10px;line-height:16px}.chat-teacher-page>h3{color:#979798;margin:0;padding:10px 16px;font-size:12px}.chat-teacher-list{margin-top:0}.chat-teacher-row>div{flex:auto;min-width:0;margin-left:8px}.chat-teacher-row>span{color:#888;margin-left:10px;font-size:32px;font-weight:300}.chat-guide{color:#888;text-align:center;margin:8px 0 0;padding:16px;font-size:14px}.chat-message-list{padding:0 8px 8px 4px}.chat-message-card{background:#fff;margin-top:8px;padding:16px 42px 16px 24px;position:relative}.chat-message-card.is-deleted{background:#f5f5f5}.chat-message-meta{justify-content:space-between;align-items:flex-start;display:flex}.chat-message-meta>div{min-width:0}.chat-message-meta strong,.chat-message-meta time{display:block}.chat-message-meta strong{color:#767676;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.chat-message-meta strong.is-me{color:var(--school-yellow)}.chat-message-meta time{color:#888;margin-top:1px;font-size:10px}.chat-message-meta>span{color:#fff;background:#ee5955;border-radius:4px;margin-left:8px;padding:2px 5px;font-size:9px;font-weight:800}.chat-message-card>p{color:#404040;overflow-wrap:anywhere;white-space:pre-wrap;margin:14px 0 0;font-size:14px;line-height:1.65}.chat-message-menu{color:#999;cursor:pointer;background:0 0;width:34px;height:34px;font-size:20px;position:absolute;top:8px;right:6px}.chat-compose{min-height:calc(100dvh - 56px - var(--header-top));background:#fff}.chat-compose textarea{width:100%;min-height:calc(100dvh - 56px - var(--header-top));resize:none;color:#333;font:inherit;background:0 0;border:0;outline:0;padding:16px;font-size:15px;line-height:1.65}.chat-loading,.chat-state{color:#777;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:30px 20px;display:flex}.chat-loading>span{border:3px solid #ddd;border-top-color:var(--school-yellow);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.chat-loading p,.chat-state p{margin:9px 0 0;font-size:12px}.chat-state button{background:var(--school-yellow);color:#fff;border-radius:4px;margin-top:15px;padding:9px 15px;font-size:12px;font-weight:700}.chat-load-more{color:#888;text-align:center;min-height:20px;padding:8px;font-size:11px}.chat-action-backdrop{z-index:60;padding-bottom:var(--safe-bottom);background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.chat-action-sheet{background:#fff;width:100%;max-width:520px;padding:8px}.chat-action-sheet button{background:#fff;border-bottom:1px solid #eee;width:100%;min-height:48px;font-size:14px;display:block}.chat-action-sheet button:disabled{color:#bbb}.chat-action-sheet button:last-child{background:#f3f3f3;border-bottom:0;margin-top:6px}@media (max-width:360px){.chat-room-copy p{font-size:13px}.chat-room-status{min-width:56px}.chat-toolbar h2{font-size:17px}}.message-direct-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e1d7;border-radius:14px;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:13px;width:100%;padding:17px 15px 17px 19px;display:grid;position:relative;overflow:hidden;box-shadow:0 5px 18px #3e311212}.message-direct-card:before{background:var(--school-yellow);content:"";width:5px;position:absolute;inset:0 auto 0 0}.message-direct-icon{color:#b98000;background:#fff3cd;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.message-direct-icon svg{stroke-width:2px;width:25px;height:25px}.message-direct-copy{min-width:0}.message-direct-copy small,.message-direct-copy strong,.message-direct-copy>span{display:block}.message-direct-copy small{color:#9a7107;font-size:11px;font-weight:750}.message-direct-copy strong{color:#292825;letter-spacing:-.03em;margin-top:1px;font-size:17px}.message-direct-copy>span{color:#77736b;margin-top:3px;font-size:12px}.message-section-heading{justify-content:space-between;align-items:flex-end;padding:22px 4px 10px;display:flex}.message-section-heading small{color:#9a958c;letter-spacing:.04em;font-size:10px;font-weight:700;display:block}.message-section-heading h2{color:#302f2c;letter-spacing:-.035em;margin:1px 0 0;font-size:18px}.message-section-heading>span{color:#706c64;text-align:center;background:#e9e5da;border-radius:999px;min-width:24px;padding:3px 8px;font-size:11px;font-weight:750}.message-hub .message-list{background:0 0;gap:9px}.message-hub .message-card{border:1px solid #e5e2da;border-radius:12px;padding:16px 16px 16px 19px;box-shadow:0 2px 9px #2d281d0a}.message-hub .message-meta strong{color:#34322e;font-size:14px}.message-hub .message-meta time{color:#99948a;font-size:10px}.message-hub .message-card>p{color:#666159;margin-top:7px;font-size:13px}.app-shell.app-shell--message-subpage{padding-top:calc(64px + var(--header-top));background:#f4f3ef}.app-shell--message-subpage>.feed-content{min-height:calc(100dvh - 64px - var(--header-top))}.chat-page{--chat-canvas:#f4f3ef;--chat-paper:#fff;--chat-muted:#77736b;min-height:calc(100dvh - 64px - var(--header-top));background:var(--chat-canvas)}.chat-toolbar{min-height:calc(64px + var(--header-top));padding:var(--header-top) 10px 0;background:var(--school-yellow);grid-template-columns:50px minmax(0,1fr) auto;align-items:end;overflow:hidden}.chat-toolbar:after{content:"";pointer-events:none;border:20px solid #ffffff21;border-radius:50%;width:112px;height:112px;position:absolute;bottom:-47px;right:-31px}.chat-toolbar button{z-index:1;height:44px;position:relative}.chat-back{border-radius:12px;place-items:center;width:40px;margin-bottom:10px;padding:0;display:grid;background:#ffffff2e!important}.chat-back svg{stroke-width:2.2px;width:21px;height:21px}.chat-back:not(.is-close)>svg{transform:rotate(180deg)}.chat-toolbar-title{z-index:1;align-self:center;min-width:0;padding:8px 8px 7px 2px;position:relative}.chat-toolbar-title small{color:#ffffffc2;letter-spacing:.08em;font-size:9px;font-weight:750;display:block}.chat-toolbar-title h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;line-height:1.35;overflow:hidden}.chat-toolbar-actions{z-index:1;align-self:center;gap:3px;position:relative}.chat-toolbar-actions .chat-new-button{background:#ffffff30;border-radius:999px;align-items:center;gap:4px;min-width:0;padding:0 11px;font-size:11px;font-weight:800;display:flex}.chat-new-button svg{width:16px;height:16px}.chat-toolbar-actions .chat-icon-button{border-radius:12px;place-items:center;width:40px;min-width:40px;padding:0;display:grid}.chat-icon-button svg{width:20px;height:20px}.chat-error{color:#a73c35;background:#fff0ee;border:1px solid #f1cbc7;border-radius:10px;margin:12px 12px 0;padding:11px 13px;line-height:1.45}.chat-room-settings{background:#fff;border:1px solid #e4e0d6;border-radius:14px;overflow:hidden;box-shadow:0 3px 14px #332b190d}.chat-push-row{gap:11px;min-height:72px;padding:11px 14px}.chat-push-row>span:nth-child(2){flex:1;min-width:0}.chat-push-row strong,.chat-push-row small{display:block}.chat-push-row strong{color:#34322e;font-size:14px}.chat-push-row small{color:#88837a;margin-top:2px;font-size:11px}.chat-setting-icon{color:#ad7900;background:#fff3cd;border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.chat-push-row input[role=switch]{flex:0 0 46px;box-shadow:inset 0 0 0 1px #0000000f}.chat-hours-notice{color:#786528;text-align:left;background:#fff8e6;border-top:1px solid #efe4c5;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:650;display:flex}.chat-hours-notice>span{border:1px solid #cba441;border-radius:50%;flex:0 0 18px;place-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:grid}.chat-list-section{margin-top:20px}.chat-list-heading{justify-content:space-between;align-items:center;padding:0 4px 9px;display:flex}.chat-list-heading h3{color:#3f3d38;letter-spacing:-.025em;margin:0;font-size:15px}.chat-list-heading span{color:#9a958b;font-size:11px;font-weight:700}.chat-room-row,.chat-teacher-row{background:#fff;border:1px solid #e4e1d9;border-radius:13px;min-height:78px;padding:12px;box-shadow:0 2px 9px #2d281d0a}.chat-room-copy{margin:0 9px 0 11px;display:block}.chat-room-copy small,.chat-room-copy strong,.chat-room-copy>span{text-overflow:ellipsis;white-space:nowrap;margin:0;display:block;overflow:hidden}.chat-room-copy small{color:#9b958a;font-size:10px}.chat-room-copy strong{color:#35332f;letter-spacing:-.02em;margin-top:2px;font-size:14px}.chat-room-copy>span{color:#767168;margin-top:4px;font-size:12px}.chat-room-copy strong i{background:#49b95b;width:6px;height:6px;margin-left:6px}.chat-room-status{justify-content:center;align-self:stretch;align-items:flex-end;gap:5px;min-width:54px;padding:0}.chat-room-status time{color:#9b968d;font-size:9px}.chat-room-status b{background:var(--school-yellow);min-width:20px;padding:1px 6px;font-size:9px;line-height:18px}.chat-room-status svg{color:#bbb5a9;width:16px;height:16px}.chat-room-row.is-unavailable{opacity:.65}.chat-page-intro{background:#fff8e6;border:1px solid #eadcb5;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:15px;display:flex}.chat-page-intro-icon{background:var(--school-yellow);color:#fff;border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.chat-page-intro-icon svg{width:20px}.chat-page-intro h3{color:#423b29;margin:0;font-size:15px}.chat-page-intro p{color:#81755b;margin:2px 0 0;font-size:11px}.chat-teacher-row{text-align:left}.chat-teacher-copy{flex:1;min-width:0;margin-left:11px}.chat-teacher-copy small,.chat-teacher-copy strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-teacher-copy small{color:#989187;font-size:10px}.chat-teacher-copy strong{color:#35332f;margin-top:3px;font-size:14px}.chat-teacher-action{color:#a27811;align-items:center;gap:2px;font-size:10px;font-weight:750;display:flex}.chat-teacher-action svg{width:15px}.chat-conversation-page{min-height:calc(100dvh - 64px - var(--header-top));background-color:#f6f4ee;background-image:linear-gradient(#ebe7db 1px,#0000 1px);background-size:100% 32px;padding:12px 12px 96px}.chat-guide{color:#827d73;background:#ffffffe0;border:1px solid #e2ddd2;border-radius:10px;margin:0 0 12px;padding:11px 13px;font-size:11px}.chat-message-list{flex-direction:column;gap:15px;padding:5px 0 8px;display:flex}.chat-message-card{background:0 0;flex-direction:column;width:min(86%,420px);margin:0;padding:0;display:flex}.chat-message-card.is-mine{align-self:flex-end;align-items:flex-end}.chat-message-card.is-theirs{align-self:flex-start;align-items:flex-start}.chat-message-card.is-deleted{opacity:.7;background:0 0}.chat-message-sender{align-items:center;gap:6px;min-height:20px;padding:0 4px 4px;display:flex}.chat-message-card.is-mine .chat-message-sender{flex-direction:row-reverse}.chat-message-sender strong{color:#615d55;font-size:11px;font-weight:750}.chat-message-sender span{color:#fff;background:#e2524c;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:800}.chat-message-row{align-items:flex-end;gap:7px;display:flex}.chat-message-card.is-mine .chat-message-row{flex-direction:row-reverse}.chat-message-bubble{background:#fff;border:1px solid #e2ded4;border-radius:5px 16px 16px;min-width:74px;padding:12px 34px 12px 13px;position:relative;box-shadow:0 3px 10px #372f1e0f}.chat-message-card.is-deleted .chat-message-bubble{background:#e9e7e1;border-style:dashed}.chat-message-bubble>p{color:#3f3d38;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.chat-message-row>time{color:#8f8a81;white-space:nowrap;padding-bottom:3px;font-size:9px;line-height:1.35}.chat-message-menu{color:#8d877c;place-items:center;width:28px;height:28px;display:grid;top:5px;right:4px}.chat-message-menu svg{width:16px;height:16px}.chat-compose-fab{z-index:20;right:max(18px,50vw - 242px);bottom:calc(18px + var(--safe-bottom));background:var(--school-yellow);color:#fff;cursor:pointer;border:1px solid #97680029;border-radius:999px;align-items:center;gap:7px;min-height:46px;padding:0 17px;font-size:12px;font-weight:800;display:flex;position:fixed;box-shadow:0 7px 22px #75520040}.chat-compose-fab svg{width:18px;height:18px}.chat-compose{min-height:calc(100dvh - 64px - var(--header-top));padding:14px 12px calc(14px + var(--safe-bottom));background:#f4f3ef;flex-direction:column;gap:12px;display:flex}.chat-recipient{background:#fff;border:1px solid #e3dfd5;border-radius:13px;align-items:center;gap:14px;min-height:52px;padding:0 15px;display:flex}.chat-recipient span{color:#9a958c;font-size:11px}.chat-recipient strong{color:#383631;font-size:14px}.chat-compose-paper{background:#fff;border:1px solid #e3dfd5;border-radius:14px;flex-direction:column;flex:1;min-height:280px;padding:15px 15px 34px;display:flex;position:relative;box-shadow:0 3px 13px #312b1d0a}.chat-compose-paper:focus-within{border-color:#d8a51e;box-shadow:0 0 0 3px #f0b72a2e}.chat-compose-paper>label{color:#8c867c;font-size:11px;font-weight:750}.chat-compose textarea{resize:none;color:#373530;flex:1;width:100%;min-height:220px;margin-top:7px;padding:0;font-size:15px;line-height:1.75}.chat-compose textarea::placeholder{color:#bbb6ac}.chat-compose textarea:focus-visible{outline:0}.chat-character-count{color:#a29d94;font-variant-numeric:tabular-nums;font-size:10px;position:absolute;bottom:11px;right:14px}.chat-compose-footer p{color:#8c877e;text-align:center;margin:0 0 9px;font-size:10px}.chat-compose-footer button{background:var(--school-yellow);color:#fff;cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;font-size:14px;font-weight:800;display:flex;box-shadow:0 5px 14px #7552002e}.chat-compose-footer button:disabled{box-shadow:none;opacity:.45;cursor:default}.chat-compose-footer svg{width:19px}.chat-loading,.chat-state{background:#ffffffc7;border:1px solid #e5e1d7;border-radius:14px;min-height:230px;margin-top:12px;padding:32px 22px}.message-hub>.chat-loading,.message-hub>.chat-state{margin-top:0}.chat-state-mark{color:#ae7a00;background:#fff3cd;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:11px;display:grid}.chat-state-mark svg{width:23px}.chat-state strong{color:#48453f;font-size:15px}.chat-state p{color:#817c73;max-width:280px;font-size:11px;line-height:1.55}.chat-state button{border-radius:10px;min-height:38px;padding:8px 14px}.chat-load-more{color:#8e897f}.chat-action-backdrop,.chat-confirm-backdrop{padding:24px 12px calc(12px + var(--safe-bottom));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#211f1b75}.chat-action-sheet{border-radius:20px 20px 14px 14px;max-width:496px;padding:8px 12px 12px;box-shadow:0 16px 44px #00000038}.chat-sheet-handle{background:#ddd8cf;border-radius:999px;width:34px;height:4px;margin:1px auto 10px;display:block}.chat-action-sheet h3{color:#3d3a35;margin:0;padding:5px 4px 9px;font-size:14px}.chat-action-sheet button{color:#4c4943;text-align:left;border-bottom:1px solid #efede8;align-items:center;gap:11px;min-height:50px;padding:0 12px;display:flex}.chat-action-sheet button svg{color:#8e887e;width:19px;height:19px}.chat-action-sheet button.is-danger,.chat-action-sheet button.is-danger svg{color:var(--danger)}.chat-action-sheet .chat-sheet-cancel{text-align:center;background:#f3f1ed;border:0;border-radius:11px;justify-content:center;margin-top:8px}.chat-confirm-backdrop{z-index:70;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.chat-confirm-dialog{text-align:center;background:#fff;border-radius:20px 20px 14px 14px;width:100%;max-width:496px;padding:22px 18px 16px;box-shadow:0 16px 44px #0000003d}.chat-confirm-icon{color:#a97500;background:#fff2c5;border-radius:15px;place-items:center;width:48px;height:48px;margin:0 auto 12px;display:grid}.chat-confirm-icon.is-danger{color:var(--danger);background:#fff0ee}.chat-confirm-icon svg{width:24px;height:24px}.chat-confirm-dialog h3{color:#33312d;letter-spacing:-.035em;margin:0;font-size:18px}.chat-confirm-dialog>p{color:#7e7970;max-width:310px;margin:7px auto 18px;font-size:12px;line-height:1.55}.chat-confirm-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chat-confirm-actions button{color:#625e57;cursor:pointer;background:#f1efeb;border-radius:12px;min-height:48px;font-size:13px;font-weight:800}.chat-confirm-actions button.is-primary{background:var(--school-yellow);color:#fff}.chat-confirm-actions button.is-danger{background:var(--danger);color:#fff}.chat-confirm-actions button:disabled{opacity:.55;cursor:default}@media (prefers-reduced-motion:no-preference){.message-direct-card,.chat-room-row,.chat-teacher-row{transition:transform .12s,box-shadow .12s}.chat-room-row:active,.chat-teacher-row:active,.message-direct-card:active{transform:scale(.992)}.chat-action-sheet,.chat-confirm-dialog{animation:.18s ease-out chat-sheet-in}@keyframes chat-sheet-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:360px){.message-direct-copy>span{display:none}.chat-toolbar-title h2{font-size:16px}.chat-new-button span{display:none}.chat-room-copy>span{max-width:180px}.chat-message-card{width:91%}}.message-hub{min-height:calc(100dvh - 120px - var(--header-top) - var(--safe-bottom));background:#fff;padding:0}.message-direct-card{box-shadow:none;background:#fff;border:0;border-bottom:1px solid #e7e7e7;border-radius:0;grid-template-columns:30px minmax(0,1fr) 18px;gap:9px;padding:15px 16px;overflow:visible}.message-direct-card:before{display:none}.message-direct-card>svg{color:#999;width:18px}.message-direct-icon{width:30px;height:30px;color:var(--school-yellow-dark);background:0 0;border-radius:0;place-items:center;display:grid}.message-direct-icon svg{width:23px;height:23px}.message-direct-copy strong{color:#3f3f3f;letter-spacing:-.02em;margin:0;font-size:15px}.message-section-heading{display:none}.message-hub .message-list{background:#fff;margin:0;display:block}.message-hub .message-card{box-shadow:none;background:#fff;border:0;border-bottom:1px solid #e7e7e7;border-radius:0;padding:15px 16px}.message-hub .message-card.is-unread:before{border-radius:0;width:3px;top:0;bottom:0;left:0}.app-shell.app-shell--message-subpage,.app-shell--message-subpage>.feed-content,.chat-page,.chat-room-page,.chat-teacher-page,.chat-conversation-page,.chat-compose{background:#fff}.chat-toolbar{min-height:calc(56px + var(--header-top));padding:var(--header-top) 8px 0;grid-template-columns:48px minmax(0,1fr) auto}.chat-toolbar:after{display:none}.chat-toolbar button{height:56px}.chat-back{border-radius:0;width:40px;height:56px;margin:0;background:0 0!important}.chat-toolbar-title{align-self:stretch;padding:0}.chat-toolbar-title h2{font-size:18px;line-height:56px}.chat-toolbar-title small{display:none}.chat-toolbar-actions .chat-new-button,.chat-toolbar-actions .chat-icon-button{background:0 0;border-radius:0;min-width:40px;height:56px;padding:0 8px}.chat-toolbar-actions .chat-new-button{font-size:12px}.chat-toolbar-actions .chat-icon-button:active{background:#ffffff24}.chat-error{border:0;border-bottom:1px solid #f1cbc7;border-radius:0;margin:0;padding:10px 16px}.chat-room-page,.chat-teacher-page{padding:0 0 calc(16px + var(--safe-bottom))}.chat-room-settings{box-shadow:none;background:#fff;border:0;border-radius:0;overflow:visible}.chat-push-row{border-bottom:1px solid #e7e7e7;gap:9px;min-height:56px;padding:0 16px}.chat-push-row>strong{color:#3f3f3f;flex:1;min-width:0;font-size:14px}.chat-setting-icon{width:24px;height:24px;color:var(--school-yellow-dark);background:0 0;border-radius:0;flex-basis:24px}.chat-setting-icon svg{width:19px}.chat-hours-notice{color:#777;background:#fff;border-top:0;border-bottom:1px solid #e7e7e7;padding:10px 16px;font-weight:500}.chat-hours-notice>span{color:#777;border-color:#aaa}.chat-list-section{margin:0}.chat-list-heading,.chat-page-intro{display:none}.chat-room-list,.chat-teacher-list{background:#fff;gap:0;margin:0;display:block}.chat-room-row,.chat-teacher-row{min-height:70px;box-shadow:none;background:#fff;border:0;border-bottom:1px solid #e7e7e7;border-radius:0;padding:10px 14px}.chat-room-row+.chat-room-row,.chat-teacher-row+.chat-teacher-row{border-top:0}.chat-avatar{border:1px solid #e5e5e5;border-radius:50%;flex-basis:44px;width:44px;height:44px}.chat-room-copy,.chat-teacher-copy{margin-left:9px}.chat-room-copy small,.chat-teacher-copy small{color:#888;font-size:11px}.chat-room-copy strong,.chat-teacher-copy strong{color:#444;font-size:14px}.chat-room-copy>span{color:#666;font-size:13px}.chat-room-status svg,.chat-teacher-action svg{color:#aaa;width:17px;height:17px}.chat-teacher-row>.chat-teacher-action{color:#aaa;place-items:center;margin-left:10px;font-size:0;font-weight:400;display:grid}.chat-conversation-page{min-height:calc(100dvh - 56px - var(--header-top));padding:0 12px calc(72px + var(--safe-bottom))}.chat-conversation-page>.chat-load-more{padding-top:12px}.chat-guide{background:#fff;border:0;border-bottom:1px solid #e7e7e7;border-radius:0;margin:0 -12px 8px;padding:11px 16px}.chat-message-list{gap:13px;padding:9px 0}.chat-message-card{box-shadow:none}.chat-message-bubble{box-shadow:none;border-color:#dedede;border-radius:4px 12px 12px}.chat-message-card.is-mine .chat-message-bubble{background:#fff2bd;border-color:#e9ce78;border-radius:12px 4px 12px 12px}.chat-conversation-end{width:100%;height:1px}.chat-compose-bottom-action{z-index:20;width:100%;max-width:520px;min-height:calc(52px + var(--safe-bottom));padding:0 16px var(--safe-bottom);background:var(--school-yellow);color:#fff;cursor:pointer;border-top:1px solid #97680029;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.chat-compose-bottom-action svg{width:19px;height:19px}.chat-compose-bottom-action:active{background:var(--school-yellow-dark)}.chat-compose-bottom-action:focus-visible{outline-offset:-4px;outline:3px solid #6b5318}.chat-compose{min-height:calc(100dvh - 56px - var(--header-top));padding:0 0 calc(12px + var(--safe-bottom));gap:0}.chat-recipient{background:#fff;border:0;border-bottom:1px solid #e7e7e7;border-radius:0;min-height:52px;padding:0 16px}.chat-compose-paper{min-height:280px;box-shadow:none;border:0;border-bottom:1px solid #e7e7e7;border-radius:0;padding:16px 16px 34px}.chat-compose-paper:focus-within{box-shadow:none;border-color:#e7e7e7}.chat-compose textarea{min-height:220px}.chat-compose-footer{padding:12px 16px 0}.chat-compose-footer p{display:none}.chat-compose-footer button{box-shadow:none;border-radius:4px}.chat-loading,.chat-state{background:#fff;border:0;border-radius:0;margin:0}.chat-state-mark{background:0 0;border-radius:0}.chat-action-backdrop,.chat-confirm-backdrop{-webkit-backdrop-filter:none;background:#00000059}@media (prefers-reduced-motion:no-preference){.message-direct-card,.chat-room-row,.chat-teacher-row{transition:background-color .1s}.chat-room-row:active,.chat-teacher-row:active,.message-direct-card:active{background:#fafafa;transform:none}}.message-hub .message-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;padding-right:44px;display:block}.message-hub .message-card:active{background:#fafafa}.message-hub .message-card:focus-visible{outline-offset:-3px;outline:3px solid #8b6a18}.message-preview{color:#626262;overflow-wrap:anywhere;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;margin-top:7px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.message-open-icon{color:#aaa;width:17px;height:17px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.message-detail{min-height:calc(100dvh - 56px - var(--header-top));padding-bottom:calc(20px + var(--safe-bottom));background:#fff}.message-detail-header{border-bottom:1px solid #e7e7e7;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:17px 16px 14px;display:flex}.message-detail-header strong{color:#3f3f3f;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.message-detail-header time{color:#888;white-space:nowrap;flex:none;font-size:11px}.message-detail-body{color:#3f3f3f;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;min-height:150px;margin:0;padding:22px 16px 26px;font-size:15px;line-height:1.75}.message-detail-images{gap:8px;padding:0 16px 16px;display:grid}.message-detail-images button{cursor:zoom-in;background:#f5f5f5;border:1px solid #e5e5e5;width:100%;display:block;overflow:hidden}.message-detail-images button:focus-visible{outline-offset:2px;outline:3px solid #8b6a18}.message-detail-images img{object-fit:contain;width:100%;height:auto;max-height:70dvh;display:block}.message-detail-reply{background:var(--school-yellow);color:#fff;text-align:center;border-radius:4px;justify-content:center;align-items:center;min-height:48px;margin:14px 16px 0;font-size:14px;font-weight:800;display:flex}.message-detail-reply.is-responded{background:#b5b5b5}.message-detail-reply:focus-visible{outline-offset:2px;outline:3px solid #6b5318}.message-image-viewer{z-index:80;padding:var(--safe-top) 0 var(--safe-bottom);-webkit-backdrop-filter:none;background:#000000eb;place-items:center;display:grid;position:fixed;inset:0}.message-image-viewer>div{place-items:center;width:100%;max-width:520px;height:100%;display:grid;position:relative}.message-image-viewer button{z-index:1;color:#fff;cursor:pointer;background:#00000073;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:8px;right:8px}.message-image-viewer button svg{width:22px;height:22px}.message-image-viewer img{object-fit:contain;width:100%;height:100%;display:block}