:root{--paper:#faf7f0;--card:#fff;--ink:#332f28;--ink-soft:#847c6d;--line:#e6dfd0;--orange:#ec8330;--orange-soft:#fdf0e2;--c-red:#d6544a;--c-blue:#3e7bc4;--c-yellow:#dfa326;--c-black:#4d4d55;--c-pla:#2ba98e;--c-free:#8f8877}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:#e9e2d2;font-family:BIZ UDPGothic,sans-serif;color:var(--ink);display:flex;justify-content:center;overscroll-behavior-y:none}#app{width:min(430px,100vw);min-height:100dvh;background:var(--paper);position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 40px #0003}.splash{display:flex;align-items:center;justify-content:center;min-height:100dvh;color:var(--ink-soft);font-weight:700;font-size:14px}button{font-family:BIZ UDPGothic,sans-serif}header{padding:calc(env(safe-area-inset-top) + 14px) 18px 10px;border-bottom:1.5px solid var(--line);z-index:3}.h-top{display:flex;align-items:center;justify-content:space-between}h1{font-family:Zen Kaku Gothic New;font-weight:900;font-size:17px}.h-role{font-size:11px;font-weight:700;color:var(--orange);background:var(--orange-soft);border:1px solid #f3d4b4;padding:3px 9px;border-radius:6px}.h-role.member{color:var(--ink-soft);background:#f0ede4;border-color:var(--line)}main{flex:1;overflow-y:auto;padding-bottom:96px;-webkit-overflow-scrolling:touch}.view{display:none}.view.active{display:block;animation:fi .18s ease}@keyframes fi{0%{opacity:0}to{opacity:1}}.month-nav{display:flex;align-items:center;gap:10px;padding:14px 18px 4px}.month-nav button{width:38px;height:38px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);font-size:15px;color:var(--ink);cursor:pointer;font-weight:700}.month-nav button:disabled{opacity:.3}.month-label{flex:1;text-align:center}.month-label .m{font-family:Zen Kaku Gothic New;font-weight:900;font-size:21px}.mstatus{display:inline-block;margin-left:8px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;vertical-align:3px}.mstatus.final{color:#2e7d54;background:#e3f2e9;border:1px solid #bfdccb}.mstatus.draft{color:#a06612;background:#fbf3df;border:1px solid #ecd9ae}.mstatus.past{color:var(--ink-soft);background:#efece3;border:1px solid var(--line)}.note-bar{margin:8px 18px 0;padding:9px 13px;border-radius:10px;background:#efece3;color:var(--ink-soft);font-size:12.5px;font-weight:700}.note-bar.warn{background:#fbf3df;color:#a06612}.note-bar button{margin-left:8px;border:none;background:var(--ink);color:var(--paper);border-radius:7px;padding:5px 11px;font-size:12px;font-weight:700;cursor:pointer}.crew-list{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.course{background:var(--card);border-radius:12px;border:1.5px solid var(--line);overflow:hidden;box-shadow:0 1px 4px #332f280d;display:flex}.cbar{width:5px;align-self:stretch;flex:none}.course-inner{flex:1;display:flex;flex-direction:column}.course-head{display:flex;align-items:center;gap:10px;padding:10px 14px 0}.cname{font-family:Zen Kaku Gothic New;font-weight:900;font-size:15.5px}.ccount{margin-left:auto;font-size:12px;color:var(--ink-soft);font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px 13px}.chip{display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:9px;cursor:pointer;background:var(--paper);border:1.5px solid var(--line);font-size:14.5px;font-weight:700;-webkit-user-select:none;user-select:none}.chip:active{background:#f1ece0}.chip .cdot{width:9px;height:9px;border-radius:50%;flex:none}.chip.add{color:var(--ink-soft);border-style:dashed;background:none}.chip.pop{animation:pop .25s cubic-bezier(.3,1.8,.5,1)}@keyframes pop{0%{transform:scale(.85)}to{transform:scale(1)}}.readonly .chip{pointer-events:none}.readonly .chip.add{display:none}.chip.selected{border-color:var(--orange);background:var(--orange-soft);transform:translateY(-3px) scale(1.04);box-shadow:0 6px 14px #ec833059;position:relative;z-index:2}.course.droppable{border-color:var(--orange);animation:glow 1.4s ease-in-out infinite}.course.droppable .course-inner{background:#fffaf2}@keyframes glow{0%,to{box-shadow:0 0 0 2px #ec833059}50%{box-shadow:0 0 0 2px #ec833014}}.crew-list.selecting .chip:not(.selected){opacity:.85}.drop-hint{font-size:12px;color:var(--ink-soft);font-weight:700;padding:9px 2px}.note-bar.select-hint{background:var(--orange-soft);color:#8a5312;border:1px solid #f3d4b4}.empty-hint{padding:24px 18px;text-align:center;color:var(--ink-soft);font-size:13px;font-weight:700;line-height:2}.chat-list{padding:16px;display:flex;flex-direction:column;gap:13px}.msg{display:flex;gap:9px;max-width:86%}.avatar{width:34px;height:34px;border-radius:9px;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;margin-top:2px}.stack{display:flex;flex-direction:column;gap:4px;min-width:0}.who{font-size:11px;color:var(--ink-soft);font-weight:700;padding-left:2px}.bubble{background:var(--card);border:1.5px solid var(--line);padding:10px 13px;border-radius:4px 12px 12px;font-size:14.5px;line-height:1.7;word-break:break-word}.msg.me{align-self:flex-end;flex-direction:row-reverse}.msg.me .bubble{background:var(--orange);color:#fff;border:none;border-radius:12px 4px 12px 12px;font-weight:700}.msg.sending{opacity:.55}.msg.deleted .bubble{color:var(--ink-soft);background:#f0ede4;font-style:italic}.photo-card{border-radius:10px;overflow:hidden;border:1.5px solid var(--line);width:225px;max-width:100%;background:var(--card)}.photo-card img{display:block;width:100%;min-height:80px;background:#efece3}.photo-card .pcap{padding:7px 11px;font-size:12.5px;font-weight:700}.time{font-size:10px;color:var(--ink-soft);align-self:flex-end}.unread-divider{display:flex;align-items:center;gap:10px;margin:4px 0;color:var(--orange);font-size:11.5px;font-weight:700;letter-spacing:.08em}.unread-divider:before,.unread-divider:after{content:"";flex:1;height:1.5px;background:var(--orange);opacity:.4}.push-banner{margin:12px 16px 0;padding:12px 14px;border-radius:12px;background:var(--orange-soft);border:1.5px solid #f3d4b4;font-size:12.5px;font-weight:700;line-height:1.8;color:#8a5312}.push-banner button{display:block;margin-top:8px;border:none;background:var(--orange);color:#fff;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer}.composer{position:absolute;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 72px);display:none;gap:8px;z-index:5}.composer.active{display:flex}.composer button,.composer input{height:48px}.composer .cam{width:48px;flex:none;border-radius:10px;border:1.5px solid var(--line);background:var(--card);font-size:19px;cursor:pointer}.composer input[type=text]{flex:1;min-width:0;border-radius:10px;border:1.5px solid var(--line);background:var(--card);padding:0 14px;font-size:16px;font-family:BIZ UDPGothic}.composer input[type=text]:focus{outline:none;border-color:var(--orange)}.composer .send{width:64px;flex:none;border:none;border-radius:10px;background:var(--orange);color:#fff;font-weight:700;font-size:14px;cursor:pointer}.composer .send:disabled{opacity:.5}.composer .send:active{filter:brightness(.9)}.mem-list{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.add-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:12px;border:2px dashed #e0b98c;background:var(--orange-soft);color:var(--orange);font-weight:700;font-size:14.5px;cursor:pointer}.mem-row{display:flex;align-items:center;gap:11px;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:11px 14px}.mem-row.tappable{cursor:pointer}.mem-row.tappable:active{background:#f6f1e6}.mem-row .nm{font-weight:700;font-size:15px;flex:1}.role-chip{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:6px}.role-chip.admin{color:#7a4d12;background:#f7e8cd;border:1px solid #e8d2a4}.role-chip.member{color:var(--ink-soft);background:#f0ede4;border:1px solid var(--line)}.inactive-head{margin-top:12px;display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:12.5px;font-weight:700;cursor:pointer;padding:6px 4px;-webkit-user-select:none;user-select:none}.inactive-head .n{background:#e8e3d6;border-radius:8px;padding:1px 8px;font-size:11px}.inactive-body{display:none;flex-direction:column;gap:8px}.inactive-body.open{display:flex}.mem-row.inactive{opacity:.65;background:#f3f0e8}.btn-mini{font-size:12px;font-weight:700;color:var(--c-blue);border:1.5px solid #c3d4ea;background:#eef3fa;padding:6px 11px;border-radius:8px;cursor:pointer}nav{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;background:var(--card);border-top:1.5px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}nav button{flex:1;height:60px;border:none;background:none;cursor:pointer;position:relative;font-size:12px;font-weight:700;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}nav button.active{color:var(--orange)}nav .ico{font-size:19px;line-height:1}.badge{position:absolute;top:7px;right:calc(50% - 26px);min-width:19px;height:19px;border-radius:10px;background:var(--c-red);color:#fff;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--card)}.badge.on{display:flex}.sheet-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:none}.sheet-wrap.open{display:block}.sheet-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#332f286b}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--paper);border-radius:18px 18px 0 0;padding:12px 18px calc(env(safe-area-inset-bottom) + 20px);animation:up .22s ease-out;max-height:78dvh;overflow-y:auto}@keyframes up{0%{transform:translateY(100%)}to{transform:none}}.grip{width:40px;height:4px;border-radius:2px;background:#d8d0bd;margin:0 auto 12px}.sheet h3{font-family:Zen Kaku Gothic New;font-weight:900;font-size:15.5px;margin-bottom:12px}.pick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pick-grid button{display:flex;align-items:center;gap:9px;padding:12px;border-radius:10px;background:var(--card);border:1.5px solid var(--line);cursor:pointer;font-size:14.5px;font-weight:700;color:var(--ink);text-align:left}.pick-grid button:active{background:#f1ece0}.pick-grid .sub{font-size:10.5px;color:var(--ink-soft);font-weight:400;display:block}.pick-grid .cdot{width:11px;height:11px;border-radius:50%;flex:none}.sheet .field{width:100%;height:48px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);padding:0 14px;font-size:16px;font-family:BIZ UDPGothic;margin-bottom:12px}.sheet .primary{width:100%;height:48px;border:none;border-radius:10px;background:var(--orange);color:#fff;font-weight:700;font-size:15px;cursor:pointer}.sheet .primary:disabled{opacity:.5}.sheet .danger{width:100%;height:48px;border:1.5px solid #e6c2bd;border-radius:10px;background:#faedeb;color:var(--c-red);font-weight:700;font-size:14.5px;cursor:pointer;margin-top:8px}.sheet .note{font-size:11.5px;color:var(--ink-soft);margin-top:10px;line-height:1.7}.invite-box{background:var(--card);border:1.5px dashed #d9cfba;border-radius:10px;padding:12px 14px;font-size:12.5px;word-break:break-all;color:var(--ink-soft);margin-bottom:10px}.invite-box b{color:var(--ink);display:block;margin-bottom:4px;font-size:13px}.toast{position:absolute;left:14px;right:14px;bottom:calc(env(safe-area-inset-bottom) + 74px);z-index:15;background:var(--ink);color:var(--paper);border-radius:12px;padding:13px 16px;font-size:13.5px;font-weight:700;display:none;align-items:center;gap:10px;box-shadow:0 6px 18px #00000040}.toast.on{display:flex;animation:up .2s ease-out}.toast .undo{margin-left:auto;flex:none;background:none;border:none;color:#ffb877;font-weight:700;font-size:14px;cursor:pointer;padding:4px 6px}.gate{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;gap:14px}.gate .logo{width:76px;height:76px;border-radius:20px;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Zen Kaku Gothic New;font-weight:900;font-size:34px;box-shadow:0 6px 16px #ec833059}.gate h2{font-family:Zen Kaku Gothic New;font-weight:900;font-size:19px}.gate p{font-size:13.5px;color:var(--ink-soft);font-weight:700;line-height:2}.gate .primary{border:none;border-radius:12px;background:var(--orange);color:#fff;font-weight:700;font-size:15px;cursor:pointer;padding:14px 28px}.gate .error{color:var(--c-red)}.gate .field{width:100%;max-width:320px;height:48px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);padding:0 14px;font-size:16px;font-family:BIZ UDPGothic}.gate .field:focus{outline:none;border-color:var(--orange)}.gate .code-box{max-width:320px;width:100%;background:var(--card);border:1.5px dashed #d9cfba;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:700;word-break:break-all;-webkit-user-select:all;user-select:all}.gate .ghost{border:1.5px solid var(--line);border-radius:12px;background:none;color:var(--ink-soft);font-weight:700;font-size:13px;cursor:pointer;padding:11px 20px}