:root{--bg: #F7F8FA;--surface: #FFFFFF;--ink: #1F2430;--muted: #5F6672;--line: #E4E7EC;--line-soft: #EEF0F3;--accent: #1E7F6E;--accent-dark: #155E51;--accent-soft: #E8F3F0;--danger: #B83A2E;--sun: #B83A2E;--sat: #2F62C4;--radius: 16px;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:Noto Sans JP,system-ui,sans-serif;font-size:15px;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:var(--accent)}h1,h2{margin:0}h2{font-size:14px;font-weight:700}.center-screen{height:100%;display:grid;place-items:center;color:var(--muted)}.screen{position:relative;height:100dvh;max-width:560px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg)}.scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.top-bar{height:60px;flex:none;padding:0 8px;display:flex;align-items:center;gap:4px;background:var(--surface);border-bottom:1px solid var(--line)}.top-title{flex:1;font-family:Zen Maru Gothic,sans-serif;font-size:17px;font-weight:700}.top-right{display:flex;align-items:center;padding-right:8px}.icon-btn{width:44px;height:44px;flex:none;border:none;background:transparent;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.icon-btn:active{background:var(--line-soft)}.icon-btn.small{width:28px;height:28px}.btn{min-height:48px;border-radius:14px;border:none;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.btn.dashed{background:var(--surface);border:1.5px dashed #9AA1AC;color:var(--accent)}.btn.danger{background:transparent;color:var(--danger);border:1px solid #EBC8C3}.btn.link{background:transparent;color:var(--muted);font-weight:500}.btn.text{background:transparent;color:var(--accent);min-height:44px;padding:0 8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.card-head{display:flex;align-items:center;justify-content:space-between}.form label,.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.field-label{font-size:12px;color:var(--muted)}.form input:not([type=checkbox]):not([type=radio]),.form select,.form textarea{min-height:44px;border-radius:10px;border:1px solid #D5DAE1;background:var(--surface);padding:8px 12px;font-size:15px;color:var(--ink);width:100%}.form textarea{resize:vertical}.check-row{min-height:48px;display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;font-size:14px!important;color:var(--ink)!important;border-bottom:1px solid var(--line-soft)}.check-row:last-of-type{border-bottom:none}input[type=checkbox],input[type=radio]{width:22px;height:22px;accent-color:var(--accent)}.select-wrap{position:relative;display:flex;align-items:center}.select-wrap .dot{position:absolute;left:12px}.select-wrap select{padding-left:28px!important}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:6px;align-items:center}.row.wrap{flex-wrap:wrap;gap:10px}.hint{font-size:12px;color:var(--muted);margin:0}.msg{font-size:13px;color:var(--danger);margin:0}.empty{color:var(--muted);font-size:13px;text-align:center;padding:16px 0;margin:0}.section-title{font-size:13px;color:var(--muted)}.auth{max-width:420px;margin:0 auto;padding:48px 16px;display:flex;flex-direction:column;gap:16px}.brand{font-family:Zen Maru Gothic,sans-serif;font-size:26px;color:var(--accent-dark);text-align:center}.bottom-nav{flex:none;height:68px;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:11px;text-decoration:none}.nav-item.active{color:var(--accent);font-weight:700}.cal-head{flex:none;padding:16px 12px 8px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--surface)}.sub-link{display:inline-flex;align-items:center;gap:2px;font-size:12px;color:var(--muted);text-decoration:none;min-height:24px}.month-title{font-family:Zen Maru Gothic,sans-serif;font-size:24px}.chips{flex:none;display:flex;gap:6px;overflow-x:auto;padding:0 12px 8px;background:var(--surface);scrollbar-width:none}.chip{flex:none;height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:12px}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}.chip.on-soft{background:var(--accent-soft);border-color:#bfe0d8;color:var(--accent-dark);font-weight:700}.chip.off{opacity:.45}.dot{width:8px;height:8px;border-radius:4px;flex:none;display:inline-block}.month{flex:none;background:var(--surface);padding:0 8px 10px;border-bottom:1px solid var(--line)}.grid7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.wd{text-align:center;font-size:11px;font-weight:500;padding:6px 0;color:var(--muted)}.wd.sun,.day.sun .num{color:var(--sun)}.wd.sat,.day.sat .num{color:var(--sat)}.day{height:48px;border:none;background:transparent;border-radius:10px;padding:3px 0 0;display:flex;flex-direction:column;align-items:center;gap:3px}.day .num{width:26px;height:26px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:13px}.day.out .num{color:#8a909a}.day.out{opacity:.7}.day.sel{background:var(--accent-soft)}.day.sel .num{font-weight:700}.day.today .num{background:var(--accent);color:#fff!important;font-weight:700}.dots{display:flex;gap:3px}.dots .dot{width:6px;height:6px}.day-list{flex:1;overflow-y:auto;padding:14px 16px 90px;display:flex;flex-direction:column;gap:10px}.day-title{font-family:Zen Maru Gothic,sans-serif;font-size:16px}.ev-card{display:flex;gap:12px;align-items:stretch;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px;color:inherit;text-decoration:none}.bar{width:6px;border-radius:3px;flex:none;align-self:stretch;min-height:32px}.ev-body{display:flex;flex-direction:column;gap:3px;min-width:0}.ev-meta{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.ev-title{font-size:15px;font-weight:700}.fab{position:absolute;right:20px;bottom:88px;width:56px;height:56px;border-radius:18px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #1e7f6e59}.att-view{display:flex;flex-direction:column;gap:8px}.thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.thumbs-compact{grid-template-columns:repeat(2,minmax(0,120px))}.thumb-wrap{position:relative}.thumb{width:100%;aspect-ratio:1;border:none;padding:0;border-radius:10px;overflow:hidden;background:#e9ecf1;color:var(--muted);font-size:11px;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-del{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:14px;border:none;background:#1f2430b3;color:#fff;display:flex;align-items:center;justify-content:center}.file-row{display:flex;align-items:center;gap:4px;border-top:1px solid var(--line-soft)}.att-view>.file-row:first-child{border-top:none}.file-main{flex:1;min-width:0;min-height:56px;border:none;background:transparent;padding:6px 0;display:flex;align-items:center;gap:12px;text-align:left;color:var(--muted)}.file-badge{width:40px;height:40px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.file-badge.small{width:28px;height:28px;font-size:9px;border-radius:6px}.file-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-name{font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:11px;color:var(--muted)}.pending{display:flex;flex-wrap:wrap;gap:6px}.pending-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 4px 4px 6px;border-radius:10px;background:var(--line-soft);font-size:12px}.pending-name{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-scroll{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.day-sep{text-align:center;margin:4px 0 12px}.day-sep{font-size:11px;color:var(--muted)}.msg-row{display:flex;gap:8px;align-items:flex-end}.msg-row.mine{flex-direction:row-reverse}.avatar{width:32px;height:32px;flex:none;border-radius:16px;color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.msg-col{display:flex;flex-direction:column;gap:4px;max-width:72%}.msg-row.mine .msg-col{align-items:flex-end}.msg-name{font-size:11px;color:var(--muted)}.bubble{background:var(--surface);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:9px 12px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.msg-row.mine .bubble{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:14px 14px 4px}.msg-row .att-view{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:6px 10px}.msg-row .att-view:has(>.thumbs:only-child){background:transparent;border:none;padding:0}.msg-event{display:inline-flex;align-items:center;gap:6px;font-size:12px;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px 10px}.msg-time{font-size:10px;color:var(--muted);flex:none}.composer{flex:none;background:var(--surface);border-top:1px solid var(--line);padding:8px 10px 10px;display:flex;flex-direction:column;gap:8px}.composer-row{display:flex;align-items:flex-end;gap:2px}.composer textarea{flex:1;min-width:0;min-height:44px;max-height:120px;border-radius:22px;border:1px solid #D5DAE1;background:var(--bg);padding:11px 16px;font-size:14px;resize:none;margin-right:6px}.send{width:44px;height:44px;flex:none;border:none;border-radius:22px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}.paste-chip{align-self:flex-start;min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:999px;border:1px solid #BFE0D8;background:var(--accent-soft);color:var(--accent-dark);font-size:12px;font-weight:700}.ref-chip{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:12px;padding:2px 4px 2px 10px;border-radius:10px;background:#f0eef6}.list{padding:0 16px;gap:0}.list-row{min-height:68px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line-soft)}.list-row:last-child{border-bottom:none}.list-row.radio{cursor:pointer}.list-main{flex:1;min-width:0;border:none;background:transparent;padding:0;display:flex;align-items:center;gap:12px;text-align:left;min-height:64px}.cal-icon{width:36px;height:36px;flex:none;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center}.list-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.list-title{font-size:15px;font-weight:700}.check-only{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.swatch{width:34px;height:34px;border-radius:17px;border:3px solid transparent}.swatch.on{border-color:var(--ink)}.big-choice{min-height:84px;border:none;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700}.big-choice.teal{background:var(--accent-soft);color:var(--accent-dark)}.big-choice.purple{background:#f0eef6;color:#4a3d85}.big-choice.orange{background:#fbf0e8;color:#9a3412}.members{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.members li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink)}.invite{display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-radius:10px;padding:10px 12px}.code{font-family:ui-monospace,monospace;font-size:18px;font-weight:700;letter-spacing:2px}.role-badge{flex:none;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}.role-badge.owner{background:#1f2430;color:#fff}.role-badge.member{background:var(--line-soft);color:var(--muted)}.link-card{flex-direction:row;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.pw-row{display:flex;gap:6px;align-items:center}.pw-row input{flex:1}.thread-head{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--line);font-size:12px}.thread-head .hint{width:100%}