:root{color:#192b35;font-synthesis:none;background:#f6f7f5;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}#root{min-height:100dvh}.app-shell{background:#f6f7f5;flex-direction:column;max-width:600px;min-height:100dvh;margin:0 auto;display:flex}.app-header{color:#fff;background:#192b35;padding:20px 16px 16px}.app-header small{color:#bad7cb;letter-spacing:1.5px;font-size:11px}.app-header h1{margin:6px 0 0;font-size:24px}.app-content{flex:1;padding:16px}.app-content p{margin:0 0 18px;line-height:1.5}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action-grid button{text-align:left;cursor:pointer;background:#fff;border:1px solid #dce3df;border-radius:12px;min-height:100px;padding:14px}.action-grid strong,.action-grid span{display:block}.action-grid span{color:#64736d;margin-top:7px;font-size:12px}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #dce3df;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:sticky;bottom:0}.bottom-nav button{color:#718078;cursor:pointer;background:0 0;border:none;min-height:58px;padding:6px 2px;font-size:11px}.bottom-nav button.active{color:#286856;font-weight:700}.nav-icon{margin-bottom:2px;font-size:23px;display:block}.header-row{align-items:center;gap:12px;display:flex}.header-row>div{min-width:0}.back-button{color:#fff;cursor:pointer;background:#315048;border:1px solid #547267;border-radius:9px;align-items:center;gap:4px;min-height:44px;padding:0 12px;display:flex}.back-button span{font-size:28px;line-height:1}.home-content{gap:12px;display:grid}.announcement-card{text-align:left;cursor:pointer;color:#192b35;background:#fff;border:1px solid #dce3df;border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:14px;display:flex}.announcement-label{color:#286856;letter-spacing:.5px;justify-content:space-between;width:100%;font-size:11px;font-weight:700;display:flex}.announcement-label span{font-size:20px;line-height:12px}.announcement-date,.announcement-history time,.announcement-detail time{color:#64736d;font-size:12px}.announcement-message{font-size:14px;line-height:1.45}.announcement-link{color:#286856;margin-top:4px;font-size:12px;font-weight:700}.announcement-history h2,.announcement-detail h2{margin:0 0 14px;font-size:18px}.history-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #dce3df;border-radius:10px;flex-direction:column;justify-content:center;gap:6px;width:100%;min-height:70px;padding:14px;display:flex}.history-item span{color:#64736d;font-size:12px}.announcement-detail p{margin-top:18px}