:root{--bg:#11161b;--card:#1b232b;--card2:#232e38;--line:#31404d;--text:#e8eef4;--muted:#8ea0b0;--dim:#5d7181;--accent:#4da3ff;--warn:#ffb454;--danger:#ff6b6b;--early:#f5d76e;--parking:#7fd4ff;--ok:#6ed49b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);padding-bottom:env(safe-area-inset-bottom);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;font-size:15px;line-height:1.6}.app{max-width:480px;margin:0 auto;padding:12px 12px 80px}.topbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#11161beb;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:15px;font-weight:600}.topbar .who{color:var(--muted);background:var(--card2);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500}.sheet-bg{z-index:50;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);border-top:1px solid var(--line);width:100%;max-width:480px;padding:18px 16px calc(20px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;margin:0 auto}.sheet h2{margin:0 0 4px;font-size:16px}.sheet-note{color:var(--muted);margin:0 0 14px;font-size:13px}.picked{margin-left:10px;font-size:14px;font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:14px}.card h2{color:var(--muted);letter-spacing:.04em;margin:0 0 10px;font-size:13px;font-weight:600}.me{padding:16px 14px}.datehead{margin-bottom:12px}.datehead .dstr{letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:23px;font-weight:700;line-height:1.25}.datehead .relday{background:var(--card2);color:var(--muted);vertical-align:3px;border-radius:999px;margin-left:10px;padding:2px 11px;font-size:14px;font-weight:600;display:inline-block}.datehead .relday.now{color:var(--accent);background:#123a52}.datehead .until{color:var(--accent);margin-top:5px;font-size:15px;font-weight:600}.datehead .until.during{color:var(--ok)}.datehead .until.after{color:var(--dim);font-weight:500}.me .who-line,.me .date{color:var(--muted);font-size:13px}.me .main{margin-top:2px;font-size:22px;font-weight:700;line-height:1.35}.me .sub{color:var(--muted);margin-top:6px;font-size:14px}.me.off .main{color:var(--dim)}.me .time{font-variant-numeric:tabular-nums;margin-left:8px}.me .attend{background:var(--card2);border-radius:999px;margin-top:10px;padding:5px 12px;font-size:14px;font-weight:600;display:inline-block}.me .attend.early{color:var(--early);background:#4a3c12}.badge{vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.early{color:var(--early);background:#4a3c12}.badge.parking{color:var(--parking);background:#133a4d}.badge.training{color:var(--muted);background:#2d3a4a}.badge.mine{color:var(--accent);background:#123a52}.badge.all{color:var(--muted);background:#2b3540}.roster{background:var(--line);border-radius:8px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.roster .row{background:var(--card);align-items:center;gap:10px;padding:9px 11px;display:flex}.roster .row.me{background:var(--card2)}.roster .row.off{color:var(--dim)}.roster .sym{text-align:center;flex:none;width:1.6em;font-size:16px}.roster .name{text-overflow:ellipsis;white-space:nowrap;flex:none;width:4.5em;overflow:hidden}.roster .duty{flex:1;font-weight:600}.roster .row.off .duty{font-weight:400}.roster .at{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.ecard{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;gap:12px;width:100%;margin-bottom:9px;padding:12px 13px;font-weight:400;display:flex}.ecard.mine{background:#18242e;border-color:#2c5c82}.ecard-date{font-variant-numeric:tabular-nums;width:5.2em;color:var(--muted);flex:none;padding-top:1px;font-size:14px;font-weight:700}.ecard.mine .ecard-date{color:var(--accent)}.ecard-body{flex:1;min-width:0}.ecard-body .t{font-weight:600}.ecard-body .meta{color:var(--muted);margin-top:2px;font-size:13px}.toolbar{gap:8px;margin-bottom:12px;display:flex}.filter-toggle{flex:1;font-size:14px}.btn-link{border:1px solid var(--line);background:var(--card2);color:var(--text);border-radius:8px;align-items:center;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.year-head{color:var(--muted);border-bottom:1px solid var(--line);margin:16px 0 8px;padding-bottom:5px;font-size:15px;font-weight:700}.group-head{color:var(--muted);margin:20px 0 9px;font-size:13px;font-weight:600}.group-head span{color:var(--dim);font-size:12px;font-weight:400;display:block}details.ongoing{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}details.ongoing summary{cursor:pointer;color:var(--muted);padding:3px 0;font-size:13px;list-style-position:inside}details.ongoing .event:first-of-type{padding-top:10px}.subscribe summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:600;list-style-position:inside}.subscribe .meta{color:var(--muted);font-size:13px;line-height:1.65}.urlbox{background:var(--card2);border:1px solid var(--line);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:8px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.detail{grid-template-columns:4.5em 1fr;gap:6px 10px;margin:14px 0 0;display:grid}.detail dt{color:var(--muted);font-size:13px}.detail dd{margin:0}.attach img{border:1px solid var(--line);border-radius:8px;max-width:100%;display:block}.attach button{margin-top:8px}.event{border-bottom:1px solid var(--line);padding:11px 0}.event:last-child{border-bottom:none}.event:first-child{padding-top:0}.event .t{font-weight:600}.event .meta{color:var(--muted);margin-top:3px;font-size:13px}.event .tags{margin-top:5px}.empty{color:var(--dim);padding:4px 0;font-size:14px}.note{background:var(--card2);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;margin-bottom:10px;padding:8px 11px;font-size:14px}.banner{color:var(--warn);background:#4a2c12;border:1px solid #7a4d1c;border-radius:10px;margin-bottom:12px;padding:11px 13px;font-size:14px}.banner b{margin-bottom:3px;display:block}.footnote{color:var(--dim);text-align:center;margin-top:18px;font-size:12px;line-height:1.7}label{color:var(--muted);margin:12px 0 4px;font-size:13px;display:block}input,textarea,select,button{font:inherit;color:inherit}input[type=text],input[type=date],input[type=password],textarea,select{border:1px solid var(--line);background:var(--card2);width:100%;color:var(--text);border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:80px}button{border:1px solid var(--line);background:var(--card2);color:var(--text);cursor:pointer;border-radius:8px;padding:11px 16px;font-weight:600}button.primary{background:var(--accent);border-color:var(--accent);color:#04121f}button.danger{color:var(--danger)}button:disabled{opacity:.5}.row-btns{gap:8px;margin-top:16px;display:flex}.row-btns button{flex:1}.error{color:var(--danger);margin-top:10px;font-size:14px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1px solid var(--line);background:var(--card2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;padding:6px 13px;font-size:14px}.chip.on{background:var(--accent);border-color:var(--accent);color:#04121f;font-weight:600}.tabs{gap:6px;margin-bottom:12px;display:flex}.tabs button{flex:1;padding:9px 0;font-size:14px}.tabs button.on{background:var(--accent);border-color:var(--accent);color:#04121f}.nav{z-index:20;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.nav button{color:var(--muted);background:0 0;border:none;border-radius:0;flex:1;padding:11px 0 13px;font-size:12px;font-weight:500}.nav button.on{color:var(--accent)}.nav .ico{font-size:19px;line-height:1.25;display:block}.login{text-align:center;max-width:320px;margin:14vh auto;padding:0 20px}.login h1{margin-bottom:4px;font-size:19px}.login p{color:var(--muted);margin-top:0;font-size:14px}.who-list{flex-direction:column;gap:9px;margin-top:18px;display:flex}.who-list button{width:100%;padding:15px;font-size:16px}.waiting-mark{margin-bottom:6px;font-size:44px}.device-chip{background:var(--card2);border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-top:6px;padding:5px 14px;font-size:13px;display:inline-block}.banner-btn{text-align:left;cursor:pointer;width:100%;font-weight:400}.sheet-tall{max-height:88vh;overflow-y:auto}.sheet-h{color:var(--muted);margin:18px 0 8px;font-size:13px;font-weight:600}.dev{background:var(--card2);border:1px solid var(--line);border-radius:10px;margin-bottom:8px;padding:11px 12px}.dev.pending{border-color:#7a4d1c}.dev.past{opacity:.6}.dev-who{font-weight:700}.dev-meta{color:var(--muted);margin-top:2px;font-size:13px}.dev-warn{color:var(--warn);margin:8px 0 0;font-size:12px;line-height:1.6}.area-hint{margin-top:6px}.area-hint .meta{color:var(--muted);font-size:12px;line-height:1.6}.area-hint .warn{color:var(--warn)}.area-hits{flex-wrap:wrap;gap:5px;margin:4px 0;display:flex}.area-hit{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:2px 7px;font-size:12px}.area-hit b{color:var(--accent);margin-left:6px;font-weight:600}.area-note{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.6}button.link{color:var(--accent);cursor:pointer;background:0 0;border:none;width:auto;min-height:0;padding:0 0 0 6px;font-size:12px;text-decoration:underline}details.area-table{margin-top:6px;font-size:13px}details.area-table summary{color:var(--muted);cursor:pointer;font-size:12px}.table-scroll{max-height:320px;margin-top:6px;overflow:auto}.area-table table{border-collapse:collapse;width:100%}.area-table th,.area-table td{border-bottom:1px solid var(--line);text-align:left;padding:4px 6px}.area-table td.mark,.area-table th:not(:first-child){text-align:center;width:36px}.area-table small{color:var(--muted);margin-left:4px}.badge.tachiai{color:#c9a7ff;background:#3a2d4a}.badge.member{color:#7fd9a3;background:#1f3d2c}.alerts{flex-direction:column;gap:4px;margin-top:6px;display:flex}.alert{color:var(--muted);background:#2b3540;border-radius:6px;padding:5px 8px;font-size:12px;line-height:1.55}.alert.warn{color:var(--warn);background:#3a3020}.alert.me{color:var(--warn);background:#4a2c12;font-weight:600}.settings-stat{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin:4px 0 8px;font-size:13px;display:flex}.settings-stat b{color:var(--text,#e6edf3);margin-left:4px;font-weight:600}.diff-group{margin-top:10px}.diff-group h3{margin:0 0 4px;font-size:13px}.diff-group ul{max-height:220px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;overflow-y:auto}.diff-group.removed h3{color:var(--warn)}.cmd{border:1px solid var(--line);white-space:nowrap;background:#0d1419;border-radius:6px;margin-top:4px;padding:6px 8px;font-family:ui-monospace,Consolas,monospace;font-size:12px;overflow-x:auto}label.check{color:var(--muted);align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}label.check input{width:auto;min-height:0;margin:0}.banner.offline{color:#c7cbe0;background:#2d2f3a;border-color:#4a4f63}.daynav{gap:6px;margin:0 0 10px;display:flex}.daynav button{flex:none;width:auto;padding:9px 10px;font-size:13px}.daynav .pick{border:1px solid var(--line);background:var(--card,#1a222b);color:var(--text);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:40px;margin:0;font-size:13px;font-weight:600;display:flex;position:relative}.daynav .pick input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.group-label{color:var(--muted);margin:10px 0 2px;font-size:12px;font-weight:600}.event.task .t{color:var(--warn)}.event.postponed,.ecard.postponed{opacity:.45}.event.postponed .t{text-decoration:line-through}.daynav .pick{cursor:pointer}.datepick-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.datepick-head button{width:auto;padding:6px 14px}.datepick-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.datepick-grid .dow{text-align:center;color:var(--muted);padding:2px 0;font-size:11px}.datepick-grid .dow.sun{color:#ff8a80}.datepick-grid .dow.sat{color:#80b8ff}.datepick-grid .day{width:100%;min-height:44px;color:var(--text);background:#222c36;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:4px 0;font-size:14px;font-weight:600;line-height:1.1;display:flex}.datepick-grid .day small{margin-top:2px;font-size:9px;font-weight:400}.datepick-grid .day.off{color:#ff9b9b;background:#4a1f24}.datepick-grid .day.early{color:#3a3300;background:#ff9}.datepick-grid .day.today{border-color:var(--accent)}.datepick-grid .day.sel{box-shadow:inset 0 0 0 2px var(--text)}.datepick-legend{color:var(--muted);gap:14px;margin-top:8px;font-size:11px;display:flex}.datepick-legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.datepick-legend i.off{background:#4a1f24;border:1px solid #ff9b9b}.datepick-legend i.early{background:#ff9;border:1px solid #d6d66b}.datepick-legend i.today{border:1px solid var(--accent)}.topbar .titles{flex-direction:column;line-height:1.15;display:flex}.topbar .sync{color:var(--muted);margin-top:2px;font-size:10px;font-weight:400}.banner.updated{color:#bfe3ff;background:#12324a;border-color:#1f5a82}.confirm-actions{gap:8px;margin-top:12px;display:flex}.toast{color:var(--text);border:1px solid var(--line);z-index:50;background:#0d1419;border-radius:20px;padding:8px 14px;font-size:13px;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.postponed-title{opacity:.5;text-decoration:line-through}.assign-list{flex-direction:column;gap:8px;display:flex}.assign-row{border:1px solid var(--line);border-radius:10px;padding:8px 10px}.assign-row.pending{border-color:#7a4d1c}.assign-head{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.assign-vendor{color:var(--muted)}.assign-title{margin:3px 0;font-size:13px;line-height:1.5}.assign-note{color:var(--muted);margin-bottom:5px;font-size:11px}.chip.busy{opacity:.5}.stamps{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.6}.shift-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.shift-head button{width:auto;padding:6px 12px}.shift-scroll{overflow-x:auto}table.shifts{border-collapse:collapse;width:100%;min-width:340px;font-size:12px}table.shifts th,table.shifts td{border:1px solid var(--line);text-align:center;white-space:nowrap;padding:3px 2px}table.shifts th{background:#222c36;position:sticky;top:0}table.shifts td.date{text-align:left;padding-left:4px}table.shifts tr.sun td.date{color:#ff8a80}table.shifts tr.sat td.date{color:#80b8ff}table.shifts tr.today td{outline:1px solid var(--accent)}table.shifts td.off{color:#ff9b9b}table.shifts td.early{color:#3a3300;background:#ff9;font-weight:600}table.shifts td.parking{color:#0f3a52;background:#ccecff;font-weight:600}table.shifts td.early.parking{background:linear-gradient(135deg,#ff9 50%,#ccecff 50%)}table.shifts td.me{font-weight:700}table.shifts td.note{text-align:left;white-space:normal;color:var(--muted);min-width:90px;font-size:11px}.shift-legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:11px;display:flex}.shift-legend i{vertical-align:-1px;border:1px solid var(--line);width:10px;height:10px;margin-right:4px;display:inline-block}.topbar .right{align-items:center;gap:6px;display:flex}.bell{border:1px solid var(--line);background:0 0;border-radius:18px;width:auto;padding:6px 9px;font-size:16px;line-height:1;position:relative}.bell .dot{width:9px;height:9px;box-shadow:0 0 0 2px var(--bg,#11161b);background:#ff4d4f;border-radius:50%;position:absolute;top:2px;right:3px}.notice-list{max-height:60vh;margin-top:6px;overflow-y:auto}.notice{border-bottom:1px solid var(--line);padding:8px 2px}.notice.unread{border-left:3px solid #ff4d4f;padding-left:8px}.notice .t{font-size:14px;font-weight:600}.notice .d{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.5}.notice .w{color:var(--muted);margin-top:2px;font-size:11px}details.assign>summary{cursor:pointer;font-size:15px;font-weight:600}.assign-row.faint{opacity:.45}.assign-row.changed{border-color:var(--accent)}.sticky-actions{background:var(--card);padding:8px 0 2px;position:sticky;bottom:64px}.change-list{max-height:40vh;margin:8px 0;font-size:13px;line-height:1.7;overflow-y:auto}.upload-month{border:1px solid var(--line);border-radius:10px;margin-top:8px;padding:8px 10px}.upload-month h3{margin:0 0 4px;font-size:14px}.upload-line{color:var(--muted);font-size:12px;line-height:1.7}.upload-preview{border:1px solid var(--line);border-radius:8px;max-height:38vh;margin-top:8px;padding:6px 8px;font-size:12px;line-height:1.6;overflow-y:auto}.photo-thumbs{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.photo-thumbs img{object-fit:cover;border:1px solid var(--line);border-radius:6px;width:72px;height:72px}label.button-like,button.button-like{text-align:center;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#222c36;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;min-height:46px;margin:0;padding:6px 8px;font-size:13px;font-weight:600;display:flex}label.button-like small,button.button-like small{width:100%;color:var(--muted);font-size:10px;font-weight:400;display:block}label.button-like.disabled,button.button-like:disabled{opacity:1;color:#5b6976;cursor:default;background:#161d24;border-color:#273340}button.button-like:disabled small{color:#4c5866}.source-links{flex-wrap:wrap;gap:6px;margin:6px 0 10px;display:flex}.source-links .button-like{flex-direction:column;flex:46%;gap:1px;min-height:38px;font-size:12px;text-decoration:none}.source-links .button-like small{color:var(--muted);font-size:10px;font-weight:400}.upload-kind{font-size:15px}.sheet.center{text-align:center}.sheet.center .confirm-actions{justify-content:center}table.shifts td.tachiai{color:#0b2b18;background:#8fd6a3;font-weight:700}table.shifts td.park{color:#06283a;background:#8fc9f0;font-weight:700}table.shifts td.tachiai.park{background:linear-gradient(135deg,#8fd6a3 50%,#8fc9f0 50%)}table.shifts th.parkcol,table.shifts td.parkcol{width:22px;padding:3px 0}table.shifts td.parkcol.cancelled{opacity:.6;text-decoration:line-through}.month-btn.nav-like{border:1px solid var(--line);background:#222c36}.month-btn{border:1px dashed var(--line);background:0 0;flex:1;width:auto;font-size:15px;font-weight:700}.who-line .link-btn{border:1px solid var(--line);width:auto;color:var(--muted);background:0 0;border-radius:12px;min-height:0;margin-left:10px;padding:3px 9px;font-size:11px}.done-btn{background:var(--warn);color:#2a1c00;border:none;width:auto;min-height:0;margin-top:6px;padding:5px 16px;font-size:12px}.done-ask{color:var(--warn);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.done-ask button{width:auto;min-height:0;padding:4px 12px;font-size:12px}.viewer-image{border:1px solid var(--line);border-radius:8px;max-height:70vh;overflow:auto}.viewer-image img{width:100%;height:auto;display:block}table.sheet-preview td{text-overflow:ellipsis;max-width:120px;font-size:11px;overflow:hidden}table.sheet-preview td.rownum{color:var(--muted);background:#222c36;position:sticky;left:0}.source-links .button-like{min-height:44px;font-size:13px}.card.me{position:relative}.sheet-buttons{flex-direction:column;gap:6px;display:flex;position:absolute;top:14px;right:14px}.sheet-buttons button{color:#10171d;background:#e9eef3;border:none;border-radius:6px;width:auto;min-height:34px;padding:6px 14px;font-size:13px;font-weight:700}