:root{--blue:#0877e8;--navy:#103361}body{background:radial-gradient(ellipse at top,#dfedfa,#f4f7fa);color:var(--navy);font-size:14px}#app{max-width:440px;box-shadow:0 15px 70px #123d6815;min-height:100dvh}header{padding:0 18px}.homehead{height:155px;background:linear-gradient(125deg,#0064c9,#1498f5);position:relative;overflow:hidden}.topline{height:83px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.brand{display:flex;align-items:center;font-size:25px}.tree{width:45px;height:52px}.capsule{border:1px solid #ffffff70;border-radius:30px;padding:5px 10px;font-size:20px;background:#ffffffd9;color:#13364b;white-space:nowrap}.capsule span{border-left:1px solid #a6b4c4;padding-left:8px;margin-left:8px}.skyline{position:absolute;right:45px;bottom:-3px;width:190px;opacity:.8}.greeting{display:flex;align-items:center;justify-content:space-between;position:relative;font-size:20px}.greeting button{background:#f2f9ff;color:#123d68;border-radius:20px;padding:9px 13px;font-size:13px}.subhead{background:#fbfdff;color:#112f53;position:sticky;top:0;z-index:3;border-bottom:1px solid #eaf0f5}.subhead .topline{height:66px}.subhead .back{color:#123d68;font-size:36px;padding:0 8px}.subhead .capsule{font-size:16px;border-color:#dce7ef}.subhead b{font-size:17px}main{padding:12px}.homehead+main{padding-top:0;margin-top:-6px;position:relative}.card{border-radius:16px;padding:16px;margin-bottom:12px;border:1px solid #e9f0f5;box-shadow:0 3px 12px #123d6803}h1{font-size:24px;line-height:1.5}h2{font-size:18px;margin-bottom:14px}h3{font-size:16px}p{font-size:14px}button{font-size:14px;padding:12px 15px;border-radius:9px;background:#0877e8}.icon{width:23px;height:23px;vertical-align:middle;flex-shrink:0;color:#0877e8}.round{display:flex;align-items:center;justify-content:center;width:47px;height:47px;border-radius:50%;background:#edf7ff;flex-shrink:0}.round .icon{width:28px;height:28px}.stats{overflow:hidden;border-radius:10px;table-layout:fixed}.stats th{background:#f1f7fc;color:#76879b;font-weight:400;padding:11px 0}.stats td{font-weight:600;padding:12px 0;font-size:14px}.stats td:first-child{text-align:left;width:28%;padding-left:6px}.stats td:last-child{background:transparent}.stats tbody tr:nth-child(2){background:#f2f8fd}.stats strong{font-size:27px;font-weight:700}.stats small{font-size:11px;font-weight:400;color:inherit;margin-left:3px}.stats em{display:inline-block;background:#fff0bb;color:#956010;font-style:normal;border-radius:9px;padding:8px}.block{display:block}.breakdown{font-size:13px;margin:14px 0 10px;color:#617996}.breakdown b{color:#0877e8}.links{display:flex;justify-content:space-between}.links button{padding:7px 0;background:transparent;color:#123d68;font-size:13px;font-weight:600}.links .icon{width:19px}.status{display:flex;gap:9px;align-items:center;padding:13px 10px}.status>div{flex:1}.status b{font-size:15px}.status small{display:block;font-size:10px;margin-top:4px}.status>button{padding:12px 10px;font-size:12px;white-space:nowrap}.status .round{width:40px;height:40px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sectiontitle h2{display:flex;align-items:center;gap:7px;margin:0}.sectiontitle>button{padding:0;background:transparent;color:#0877e8;font-size:12px}.announcement{background:linear-gradient(#fff5ce,#fffbeb);padding:13px 12px}.announcement h2,.announcement .sectiontitle>button{color:#926010}.announcement .icon{color:#f1b900;fill:#f1b900}.noticebody{background:#ffffffde;border-radius:9px;padding:0 9px}.noticerow{width:100%;display:flex;align-items:center;gap:7px;background:transparent;color:#123d68;border-radius:0;padding:13px 0;border-bottom:1px solid #eef1f4;text-align:left}.noticerow:last-child{border:0}.noticerow b{font-size:12px;flex:1}.tag{padding:3px 6px;font-size:10px;border-radius:4px;white-space:nowrap}.noticerow time{font-size:11px;color:#6a809f;white-space:nowrap}.dot{display:inline-block;width:8px;height:8px;background:#0877e8;border-radius:50%;flex-shrink:0}.count{font-size:14px;background:#ff6649;color:white;font-style:normal;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.task{display:flex;gap:10px;align-items:center}.task>div{flex:1}.task b{font-size:13px}.task small{font-size:12px;display:block;margin-top:4px}.task button{font-size:13px;padding:13px}.arrangement{width:100%;display:flex;align-items:center;text-align:left;color:#123d68;background:transparent;padding:14px 0;gap:10px;border-bottom:1px solid #edf2f7;border-radius:0}.arrangement:last-child{border:0}.datecol{font-size:13px;font-weight:600;min-width:67px}.datecol small{display:block;font-size:12px;font-weight:400}.arrtext{flex:1;min-width:0}.arrtext b{font-size:13px}.arrtext small{font-size:11px;display:block;margin-top:5px}.arrangement>span:last-child{color:#0877e8;font-size:21px}.arrangement .round{width:39px;height:39px}nav{width:min(100%,440px);padding:10px 0 18px;z-index:4}nav button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px}nav .icon{color:inherit;width:25px;height:25px}nav .on .icon{fill:#0877e815}.segments{display:flex;background:#eaf3fc;border-radius:10px;margin:8px 18px 20px}.segments button{flex:1;background:none;color:#71849c}.segments .selected{background:#0877e8;color:white}.noticeitem{display:flex;align-items:center;width:100%;gap:10px;text-align:left;background:none;color:#123d68;padding:0}.noticeitem>div:nth-child(2){flex:1}.noticeitem h3{margin:8px 0;font-size:15px}.noticeitem small{font-size:11px}.bluepill{display:inline-flex;gap:7px;align-items:center;background:#eaf5ff;color:#0877e8;padding:8px 12px;border-radius:8px;font-size:13px}.readmark{text-align:right;color:#50749c;margin:24px 0 35px}.noticecopy{padding:15px 0;font-size:16px;line-height:1.9;color:#123d68}.info{padding:17px;background:#eef7ff;border-radius:12px;color:#456b96;margin:20px 0}.info p{color:#123d68;margin:5px 0 18px}.info p:last-child{margin:0}.noticecopy+.info{margin-bottom:36px}.host{display:flex;align-items:center;gap:12px;margin-bottom:28px}.host>small:last-child{margin-left:auto}.avatar{border-radius:50%;background:#e6f1fd;color:#156bbc;padding:12px}.eventline{margin:28px 0 5px;font-size:18px}.seascape{height:110px;background:linear-gradient(#b7ddf9 50%,#72b9dd 50%,#b9e2ef 85%,#d9cbb0 85%);border-radius:12px;color:#ffe192;font-size:35px;padding:5px 20px;position:relative}.seascape span{position:absolute;bottom:8px;right:10px;font-size:11px;color:#336681}.interestbox{background:#fff7da;border-radius:12px;padding:18px;margin:30px 0}.interestbox p{font-size:13px;margin-bottom:0}.dual{display:flex;gap:12px;margin-top:25px}.dual .btn{flex:1}.outline{background:white;color:#0877e8;border:1px solid #0877e8}.planhero{display:flex;gap:12px;align-items:center}.planhero>div{flex:1}.planhero h2{margin:0 0 10px}.kv{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #edf2f7}.kv:last-of-type{border:0}.kv+h2{margin-top:25px}.sheet>div{padding:24px;border-radius:24px 24px 0 0}.sheet h2{font-size:22px;margin-top:12px}.sheet .dual{margin-top:35px}.radio{display:flex;gap:30px}.radio label{display:flex;gap:12px;align-items:center}.radio input{width:20px;height:20px;accent-color:#0877e8}#error{color:#d34c40;font-size:13px;margin-top:12px}.toast{position:fixed;top:24px;left:50%;transform:translateX(-50%);background:#0877e8;color:white;border-radius:12px;padding:16px 22px;z-index:99;box-shadow:0 8px 35px #123d6833;white-space:nowrap}button:focus-visible{outline:3px solid #f2c64a;outline-offset:3px}@media(min-width:600px){#app{margin:22px auto;border-radius:28px;overflow:hidden;min-height:calc(100vh - 44px)}nav{bottom:0;border-radius:18px 18px 0 0}}@media(max-width:360px){.status .round{display:none}.noticerow{gap:4px}.stats strong{font-size:23px}.arrangement{gap:6px}.datecol{min-width:59px}}