:root{--bg: #061d42;--bg2: #0a2b57;--surface: rgba(255, 255, 255, .075);--surface2: rgba(255, 255, 255, .13);--blue: #5cc3fa;--bubble: #1e78d6;--bubble-gray: rgba(255, 255, 255, .12);--teal: #2bb5c6;--text: #ffffff;--text2: #b9d5f0;--text3: #86abd2;--border: rgba(255, 255, 255, .13);--danger: #ff6b5f;--green: #34d399;--radius: 20px;--radius-lg: 28px;--shadow: 0 6px 24px rgba(2, 14, 38, .35);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--tabbar-h: 56px;--kb: 0px;--vvh: 100dvh;--waves: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 230' preserveAspectRatio='none'><defs><radialGradient id='g' cx='.78' cy='.22' r='.35'><stop offset='0' stop-color='white' stop-opacity='.9'/><stop offset='1' stop-color='white' stop-opacity='0'/></radialGradient></defs><rect width='400' height='230' fill='url(%23g)' opacity='.55'/><circle cx='312' cy='54' r='23' fill='white' opacity='.92'/><path d='M0 120 C70 90 120 150 200 118 C280 86 330 130 400 104 L400 230 L0 230Z' fill='%236cc3f2' opacity='.30'/><path d='M0 150 C80 118 130 176 210 146 C290 116 340 160 400 136 L400 230 L0 230Z' fill='%232f93de' opacity='.38'/><path d='M0 182 C90 152 140 206 220 178 C300 150 350 190 400 170 L400 230 L0 230Z' fill='%231768c8' opacity='.5'/></svg>");--ocean: linear-gradient(180deg, #1a72c2 0%, #0f4f98 28%, #0a3676 58%, #061f4a 100%);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:17px;-webkit-text-size-adjust:100%;background:#051a3c;width:100%;overflow-x:hidden;touch-action:pan-x pan-y}@supports (font: -apple-system-body){html{font:-apple-system-body}}body{margin:0;background:var(--ocean) fixed;width:100%;overflow-x:hidden;touch-action:pan-x pan-y;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,Segoe UI,Roboto,sans-serif;line-height:1.35;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{height:100dvh}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:max(16px,1rem)}button{background:none;border:0;padding:0;cursor:pointer;text-align:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:8px}h1,h2,h3,p{margin:0}.app{height:100dvh;display:flex;flex-direction:column;background:transparent;position:relative}.screen{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:calc(var(--sat) + 12px) 16px calc(var(--tabbar-h) + var(--sab) + 28px)}.screen.no-tabbar{padding-bottom:calc(var(--sab) + 28px)}.screen-narrow{max-width:640px;margin:0 auto}.large-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;padding:8px 4px 2px}.subtitle{color:var(--text2);font-size:.95rem;padding:0 4px 14px}.brand{position:relative;z-index:0;padding:10px 4px 22px}.brand:before{content:"";position:absolute;z-index:-1;left:-16px;right:-16px;top:calc(-12px - var(--sat));height:230px;background:var(--waves) center top / 100% 100% no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%);pointer-events:none}.brand-name{font-size:2.4rem;font-weight:800;letter-spacing:.06em;text-shadow:0 4px 20px rgba(2,14,38,.35)}.brand-sub{color:#dff0ff;font-size:1rem;margin-top:2px;opacity:.92}.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;margin:0 -4px 6px}.nav-back{display:inline-flex;align-items:center;gap:2px;color:var(--blue);min-height:44px;min-width:44px;font-size:1.02rem}.nav-title{font-weight:600;font-size:1.02rem;text-align:center}.nav-action{justify-self:end;color:var(--blue);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:flex-end;font-size:1.02rem}.tabbar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 8px calc(var(--sab) + 4px);background:#051a3cd1;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--border);z-index:20}.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;color:var(--text3);font-size:.66rem;font-weight:500;transition:color .15s}.tab svg{width:26px;height:26px}.tab.active{color:var(--blue)}.tab-badge{position:absolute;top:0;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:.68rem;font-weight:600;display:grid;place-items:center}.section-label{color:var(--text2);font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:20px 6px 8px}.group{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.row{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 16px;width:100%;position:relative}.row+.row:before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--border)}button.row:active,a.row:active{background:var(--surface2)}.row-emoji{font-size:1.45rem;width:32px;text-align:center;flex:none}.row-main{flex:1;min-width:0}.row-title{font-size:1rem}.row-sub{color:var(--text2);font-size:.85rem;margin-top:1px}.row-trail{color:var(--text2);font-size:.95rem;display:flex;align-items:center;gap:6px}.chev{width:14px;height:14px;color:var(--text3);flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:14px;font-weight:600;background:var(--surface2);transition:transform .12s,opacity .12s,background .12s}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(180deg,#3b9af0,#1768c8);color:#fff;box-shadow:0 6px 18px #1768c866}.btn.ghost{background:transparent;color:var(--blue)}.btn.danger{color:var(--danger)}.btn.block{width:100%}.btn:disabled{opacity:.45;pointer-events:none}.input,.textarea,.select{width:100%;min-height:46px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg2);outline:none;font-size:max(16px,1rem)}.input:focus,.textarea:focus,.select:focus{border-color:var(--blue)}.input::placeholder,.textarea::placeholder{color:var(--text3)}.textarea{resize:none;min-height:84px}.search{position:relative;display:flex;align-items:center}.search svg{position:absolute;left:12px;width:18px;height:18px;color:var(--text3);pointer-events:none}.search .input{padding-left:38px;border-radius:12px}.search-fake{width:100%;min-height:46px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:12px;background:var(--bg2);border:1px solid var(--border);color:var(--text3)}.search-fake svg{width:18px;height:18px}.seg{display:flex;padding:3px;background:var(--bg2);border-radius:12px;border:1px solid var(--border)}.seg button{flex:1;min-height:44px;border-radius:9px;text-align:center;font-size:.9rem;font-weight:500;color:var(--text2);transition:background .15s,color .15s}.seg button.active{background:var(--surface2);color:#fff}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:20px;background:var(--surface2);border:1px solid var(--border);font-size:.92rem;white-space:nowrap;transition:transform .12s,background .12s}.chip:active{transform:scale(.96)}.chip.active{background:linear-gradient(180deg,#3b9af0,#1768c8);border-color:transparent}.switch{position:relative;width:51px;height:31px;flex:none}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:#ffffff38;transition:background .2s;pointer-events:none}.switch span:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000004d;transition:transform .2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(20px)}.switch input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}.empty{text-align:center;color:var(--text2);padding:40px 24px;font-size:.95rem}.empty .big{font-size:2.2rem;margin-bottom:8px}.hint{color:var(--text2);font-size:.85rem;padding:8px 8px 0}.error-text{color:var(--danger);font-size:.9rem}.avatar{--size: 48px;width:var(--size);height:var(--size);border-radius:50%;flex:none;position:relative;overflow:hidden;background:var(--surface2);display:grid;place-items:center;font-weight:700;font-size:calc(var(--size) * .42);color:#fff}.avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.avatar.k,.avatar.n{background:linear-gradient(160deg,#3b9af0,#0f4fa8)}.avatar{box-shadow:0 0 0 2px #ffffff47,0 6px 16px #020e2666}.profile-row{display:flex;align-items:center;gap:14px;padding:14px 16px;position:relative}.profile-row+.profile-row:before{content:"";position:absolute;top:0;left:78px;right:0;height:1px;background:var(--border)}.profile-name{font-weight:600;font-size:1.05rem}.profile-name small{color:var(--text3);font-weight:400;font-size:.8rem;margin-left:6px}.profile-status{font-size:1rem;margin-top:1px}.profile-since{color:var(--text2);font-size:.85rem}.profile-comment{color:var(--text2);font-size:.9rem;margin-top:4px;font-style:italic}.status-pop{animation:pop .35s ease-out}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tile{background:var(--surface);border-radius:16px;padding:12px;min-height:94px;display:flex;flex-direction:column;gap:2px;text-align:left;overflow:hidden;box-shadow:var(--shadow)}button.tile:active{background:var(--surface2)}.tile-label{color:var(--text2);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.tile-value{font-size:1.15rem;font-weight:600;line-height:1.15;margin-top:4px;overflow-wrap:anywhere}.tile-sub{color:var(--text2);font-size:.82rem;line-height:1.2}.say-row{margin-top:10px}.status-box{display:grid;gap:10px}.shortcuts{display:flex;flex-wrap:wrap;gap:8px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020c208c;z-index:50;animation:fade .2s ease-out}.sheet{position:fixed;left:0;right:0;bottom:var(--kb);margin:0 auto;max-width:640px;max-height:calc(var(--vvh) - var(--sat) - 12px);display:flex;flex-direction:column;background:var(--bg2);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:0 -8px 40px #00000073;z-index:51;animation:slide-up .28s cubic-bezier(.22,1,.36,1);touch-action:pan-y}.sheet.tall{height:calc(var(--vvh) - var(--sat) - 12px)}.sheet-handle{width:38px;height:5px;border-radius:3px;background:#ffffff38;margin:8px auto 2px;flex:none}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 6px 20px;min-height:48px;flex:none}.sheet-title{font-weight:700;font-size:1.15rem}.sheet-close{width:44px;height:44px;display:grid;place-items:center;color:var(--text2)}.sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 16px 16px}.sheet-footer{flex:none;padding:10px 16px calc(var(--sab) + 12px);border-top:1px solid var(--border);display:grid;gap:8px;background:var(--bg2)}.sheet-sticky{padding:0 16px 8px;flex:none}.pick-row{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 14px;position:relative}.pick-row+.pick-row:before{content:"";position:absolute;top:0;left:58px;right:0;height:1px;background:var(--border)}.pick-row:active{background:var(--surface2)}.pick-emoji{font-size:1.4rem;width:32px;text-align:center}.pick-sub{color:var(--text3);font-size:.78rem}.comment-head{display:flex;align-items:center;gap:14px;padding:4px 4px 14px}.comment-emoji{font-size:2.4rem}.comment-title{font-size:1.2rem;font-weight:700}.counter{text-align:right;color:var(--text3);font-size:.8rem;margin-top:4px}.counter.max{color:var(--danger)}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.notice{background:var(--surface);border-radius:14px;padding:12px 14px;font-size:.9rem;color:var(--text2);margin-top:12px}.notice.warn{border:1px solid rgba(255,159,10,.5);color:#ffcf8a}.day-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 10px}.day-nav button{width:44px;height:44px;display:grid;place-items:center;color:var(--blue)}.day-nav button:disabled{color:var(--text3)}.day-label{font-weight:600;text-align:center;flex:1;position:relative}.day-label input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%}.filters{display:grid;gap:8px;margin-bottom:8px}.thread{display:flex;flex-direction:column;gap:4px;padding:8px 0 16px}.stamp{text-align:center;color:var(--text3);font-size:.75rem;font-weight:500;margin:12px 0 4px}.msg{display:flex;align-items:flex-end;gap:8px;max-width:88%;animation:bubble-in .28s ease-out}.msg.me{align-self:flex-end;flex-direction:row-reverse}.msg.other{align-self:flex-start}.bubble{background:var(--bubble-gray);padding:10px 14px;border-radius:20px 20px 20px 6px;text-align:left;min-width:0;overflow-wrap:anywhere}.msg.me .bubble{background:linear-gradient(180deg,#2f8df0,#1768c8);border-bottom-left-radius:20px;border-bottom-right-radius:6px}.bubble-text{font-size:1rem}.bubble-quote{margin-top:4px;font-size:.92rem;opacity:.85;font-style:italic}.map-card{display:block;margin-top:8px;width:100%;border-radius:14px;overflow:hidden;background:#00000040;text-align:left}.map-art{height:74px;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.07) 50%,transparent 51%) 0 0 / 34px 34px,linear-gradient(0deg,transparent 49%,rgba(255,255,255,.07) 50%,transparent 51%) 0 0 / 34px 34px,linear-gradient(135deg,#14518f,#0b2a57);display:grid;place-items:center;font-size:1.6rem}.map-label{padding:8px 12px;font-size:.88rem;font-weight:600}.map-frame{width:100%;height:300px;border:0;border-radius:14px;background:var(--surface)}.note-row{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;position:relative}.note-row+.note-row:before{content:"";position:absolute;top:0;left:52px;right:0;height:1px;background:var(--border)}.check{width:44px;height:44px;margin:-10px -8px -10px -10px;display:grid;place-items:center;flex:none}.check i{width:26px;height:26px;border-radius:50%;border:2px solid var(--text3);display:grid;place-items:center;transition:background .15s,border-color .15s}.check i svg{width:14px;height:14px;opacity:0}.check.done i{background:var(--bubble);border-color:var(--bubble)}.check.done i svg{opacity:1}.note-text{font-size:1rem;overflow-wrap:anywhere}.note-text.done{color:var(--text3);text-decoration:line-through}.note-meta{color:var(--text3);font-size:.78rem;margin-top:2px}.pin{color:#ff9f0a;margin-left:4px}.add-bar{display:grid;gap:8px;margin:4px 0 6px}.add-bar-row{display:flex;gap:8px}.add-bar-row .input{flex:1}.add-btn{width:48px;min-height:46px;border-radius:12px;background:var(--bubble);display:grid;place-items:center}.add-btn:disabled{opacity:.4}.fab-row{display:flex;justify-content:flex-end}.event-time{min-width:52px;font-weight:600;font-variant-numeric:tabular-nums}.field{display:grid;gap:6px;margin-top:14px}.field>label,.field>.label{color:var(--text2);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}input[type=date],input[type=time],input[type=datetime-local]{min-height:46px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.summary{margin:4px 0}.summary-from{color:var(--text3);font-size:.78rem;margin:0 0 4px 14px}.summary-bubble{background:var(--bubble-gray);border-radius:22px 22px 22px 6px;padding:16px 18px;font-size:1.02rem;line-height:1.5;max-width:94%;animation:bubble-in .3s ease-out}.summary-bubble.blue{background:linear-gradient(160deg,#2a8ae8,#0f4fa8);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 24px #08286473}.summary-date{color:var(--text3);font-size:.78rem;margin:6px 0 0 14px}.login{position:relative;z-index:0;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--sat) + 24px) 24px calc(var(--sab) + 24px);max-width:440px;margin:0 auto;gap:16px}.login:before{content:"";position:fixed;z-index:-1;left:0;right:0;top:0;height:300px;background:var(--waves) center top / 100% 100% no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%);pointer-events:none}.login-title{font-size:3.4rem;font-weight:800;letter-spacing:.08em;text-align:center;text-shadow:0 6px 28px rgba(2,14,38,.45)}.login-sub{text-align:center;color:var(--text2);margin-top:-8px;margin-bottom:12px}.who{display:grid;grid-template-columns:1fr 1fr;gap:10px}.who button{display:grid;justify-items:center;gap:8px;padding:16px 8px;border-radius:var(--radius);background:var(--surface);border:2px solid transparent;font-weight:600;text-align:center}.who button.active{border-color:var(--blue);background:var(--surface2)}.banner-stack{position:fixed;top:calc(var(--sat) + 8px);left:12px;right:12px;z-index:100;display:grid;gap:8px;pointer-events:none;max-width:560px;margin:0 auto}.banner{pointer-events:auto;display:grid;gap:1px;padding:12px 16px;border-radius:22px;background:#0a2b57f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:0 8px 30px #00000073;animation:banner-in .35s cubic-bezier(.22,1,.36,1)}.banner-app{color:var(--text2);font-size:.7rem;font-weight:700;letter-spacing:.08em}.banner-title{font-weight:600;font-size:.95rem}.banner-title:empty{display:none}.banner-body{font-size:.95rem}.pill-toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + var(--sab) + 20px);transform:translate(-50%);background:#0e376cf5;border:1px solid var(--border);padding:10px 18px;border-radius:22px;font-size:.92rem;font-weight:500;z-index:90;animation:pill-in .25s ease-out;white-space:nowrap}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green)}.dot.off{background:var(--danger)}.unread{width:9px;height:9px;border-radius:50%;background:var(--blue);flex:none}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}@keyframes banner-in{0%{opacity:0;transform:translateY(-24px)}}@keyframes pill-in{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes pop{0%{transform:scale(.97);opacity:.6}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (min-width: 700px){.screen{padding-left:max(16px,calc((100vw - 640px)/2));padding-right:max(16px,calc((100vw - 640px)/2))}}.note-row button{min-height:44px}