:root{color:#43464d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1b1d22;--body:#43464d;--mute:#7b808b;--line:#e4e6eb;--bg:#f4f5f7;--card:#fff;--accent:#2f6bf2;--accent-soft:#ebf1fe;--ok:#1f9d63;--ok-soft:#e7f5ee;--ng:#d8434e;--ng-soft:#fcedee;--warn:#b7791f;--warn-soft:#fbf3e4;background:#eceef2;font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,BIZ UDPGothic,Meiryo,sans-serif}*{box-sizing:border-box}.date-badges{flex-wrap:wrap;gap:4px;min-width:0;display:inline-flex}.date-badge{white-space:nowrap;border-radius:5px;align-items:center;min-height:20px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.35;display:inline-flex}.holiday-badge{color:#b52630;background:#fff1f2;border:1px solid #f2c2c5}.event-badge{color:#8a5510;background:#fff7e8;border:1px solid #efcf9b}html{background:#eceef2;min-height:100%}body{min-width:320px;min-height:100dvh;color:var(--body);font-feature-settings:"palt";background:#eceef2;margin:0}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{background:var(--bg);width:min(100%,480px);min-height:100dvh;margin:0 auto;box-shadow:0 0 40px #191e2a14}.primary-button,.secondary-button{letter-spacing:.02em;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;padding:13px 16px;font-size:15px;font-weight:750;display:flex}.primary-button{border:1px solid var(--accent);color:#fff;background:var(--accent);box-shadow:0 4px 14px #2f6bf247}.primary-button:disabled{box-shadow:none;background:#aebbd7;border-color:#aebbd7}.secondary-button{border:1.5px solid var(--accent);color:var(--accent);background:#fff;margin-top:20px}.button-note{color:var(--mute);text-align:center;margin:7px 0 0;font-size:11px;line-height:1.5}.spinner{border:2px solid #ffffff61;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.sheet-mask{z-index:50;opacity:0;background:#14161c7a;transition:opacity .18s;position:fixed;inset:0}.sheet-mask.show{opacity:1}.time-sheet{z-index:51;width:min(100%,480px);max-height:calc(100dvh - 36px);padding:9px 14px calc(14px + env(safe-area-inset-bottom));background:#fff;border-radius:18px 18px 0 0;flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #0d14232e}.sheet-handle{background:#d7d9df;border-radius:99px;width:38px;height:4px;margin:0 auto 8px}.sheet-date{width:fit-content;color:var(--ink);background:var(--bg);font-variant-numeric:tabular-nums;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:700}.time-sheet h2{color:var(--ink);margin:9px 0 0;font-size:16px;line-height:1.4}.time-sheet>p{color:var(--mute);margin:3px 0 9px;font-size:11px}.quick-options{flex-wrap:wrap;gap:7px;min-height:0;display:flex}.quick-options:not(:empty){margin-bottom:9px}.quick-options button{border:1.5px solid var(--accent);min-height:40px;color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:8px 13px;font-size:12px;font-weight:700}.time-scroll{overscroll-behavior:contain;border-top:1px solid #f0f1f4;min-height:160px;overflow-y:auto}.time-section-title{z-index:2;color:var(--mute);letter-spacing:.1em;background:#fff;padding:9px 2px 6px;font-size:10px;font-weight:700;position:sticky;top:0}.time-grid{grid-template-columns:repeat(4,1fr);gap:7px;padding-bottom:7px;display:grid}.time-option{border:1.5px solid var(--line);min-height:46px;color:var(--body);font-variant-numeric:tabular-nums;background:#fff;border-radius:10px;padding:9px 2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:650}.time-option.selected{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}@keyframes spin{to{transform:rotate(360deg)}}#toast-root{z-index:80;top:calc(58px + env(safe-area-inset-top));pointer-events:none;justify-content:center;display:flex;position:fixed;left:14px;right:14px}.toast{color:#145b3b;background:#f2faf6;border:1px solid #b9dfcd;border-radius:10px;max-width:440px;padding:11px 14px;font-size:13px;font-weight:650;line-height:1.5;box-shadow:0 8px 28px #191e2a29}.toast.error{color:#8e2830;background:#fff5f5;border-color:#edc5c9}@media (width>=700px){body{padding:24px 0}.app-shell{border-radius:20px;min-height:calc(100dvh - 48px);overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cast-view-switch{z-index:12;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;gap:24px;padding:0 14px;display:flex;position:sticky;top:0}.cast-view-switch button{min-height:48px;color:var(--mute);background:0 0;border:0;border-bottom:2px solid #0000;flex:1 1 0;padding:0 4px;font-size:13px;font-weight:700}.cast-view-switch button.active{border-bottom-color:var(--accent);color:var(--accent)}.submission-period-switch{border-bottom:1px solid var(--line);background:var(--card);scrollbar-width:none;gap:7px;padding:10px 14px;display:flex;overflow-x:auto}.submission-period-switch::-webkit-scrollbar{display:none}.submission-period-switch button{border:1.5px solid var(--line);min-height:38px;color:var(--body);font-variant-numeric:tabular-nums;background:#fff;border-radius:99px;flex:none;padding:7px 13px;font-size:12px;font-weight:700}.submission-period-switch button.selected{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.app-head{border-bottom:1px solid var(--line);background:var(--card);min-height:140px;padding:17px 18px 15px}.published-periods{padding:14px 14px calc(28px + env(safe-area-inset-bottom));gap:14px;display:grid}.published-period{border:1px solid var(--line);background:var(--card);border-radius:14px;overflow:hidden}.published-period-head{border-bottom:1px solid var(--line);padding:15px 15px 13px}.published-period-head h2{color:var(--ink);word-break:auto-phrase;margin:3px 0 0;font-size:17px;line-height:1.45}.own-shifts,.full-schedule{padding:15px}.own-shifts{border-bottom:1px solid var(--line)}.own-shifts h3,.full-schedule h3{color:var(--ink);margin:0;font-size:14px}.own-shift-list{border-top:1px solid var(--line);margin-top:10px}.own-shift-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:47px;font-size:13px;display:flex}.own-shift-row>div{gap:4px;display:grid}.own-shift-row strong{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.period-empty{color:var(--mute);margin:10px 0 0;font-size:12px}.schedule-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.schedule-title>span{color:var(--mute);font-size:10px}.schedule-days{border-top:1px solid var(--line);margin-top:10px}.schedule-day{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:10px;padding:11px 0;display:grid}.schedule-date-wrap{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.schedule-day:last-child,.own-shift-row:last-child{border-bottom:0}.schedule-date{font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;display:flex}.schedule-date strong{color:var(--ink);font-size:14px}.schedule-assignments{gap:6px;min-width:0;display:grid}.schedule-assignment{background:var(--bg);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:7px 9px;font-size:12px;display:grid}.schedule-assignment.mine{background:var(--accent-soft)}.shift-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.shift-time{color:var(--body);font-variant-numeric:tabular-nums;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.no-assignment{color:var(--mute);padding:7px 0;font-size:11px}.my-shifts-empty{padding:72px 28px calc(48px + env(safe-area-inset-bottom));text-align:center}.empty-check{width:48px;height:48px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;margin:0 auto 15px;font-size:22px;font-weight:750;display:grid}.my-shifts-empty h2{color:var(--ink);word-break:auto-phrase;margin:0;font-size:18px;line-height:1.5}.submission-empty-shell .my-shifts-empty h1{color:var(--ink);word-break:auto-phrase;margin:0;font-size:20px;line-height:1.5}.my-shifts-empty p{color:var(--mute);margin:9px 0 0;font-size:12px;line-height:1.75}.head-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.kicker,.auth-kicker{color:var(--mute);letter-spacing:.06em;margin:0;font-size:11px;font-weight:650}.app-head h1,.auth-card h1{color:var(--ink);letter-spacing:.01em;text-wrap:balance;word-break:auto-phrase;margin:3px 0 0;font-size:18px;font-weight:750;line-height:1.4}.submission-badge{color:#646a76;background:#f5f6f8;border:1px solid #d6dae2;border-radius:99px;flex:none;margin-top:2px;padding:5px 10px;font-size:11px;font-weight:700}.submission-badge.submitted{color:#157a4d;background:var(--ok-soft);border-color:#b9dfcd}.deadline{color:var(--ink);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:14px;font-weight:650}.deadline strong{color:var(--ng)}.meta{color:var(--mute);margin:5px 0 0;font-size:12px;line-height:1.6}.submitted-banner{color:#236a4a;background:var(--ok-soft);border:1px solid #cbe6d8;border-radius:11px;align-items:center;gap:9px;margin:12px 14px 0;padding:10px 12px;font-size:12px;line-height:1.6;display:flex}.submitted-banner>div{gap:2px;min-width:0;display:grid}.submitted-banner strong{color:#145b3b;white-space:nowrap}.submitted-banner button{color:#145b3b;background:#fff;border:1px solid #8dceb0;border-radius:9px;flex:none;min-height:38px;margin-left:auto;padding:7px 11px;font-size:11px;font-weight:750}.absence-entry{border:1px solid var(--line);background:var(--card);border-radius:12px;align-items:center;gap:12px;margin:12px 14px 0;padding:12px 13px;display:flex}.absence-entry div{min-width:0}.absence-entry strong{color:var(--ink);font-size:13px}.absence-entry p{color:var(--mute);margin:3px 0 0;font-size:11px;line-height:1.55}.absence-entry button{border:1.5px solid var(--line);min-width:72px;min-height:40px;color:var(--accent);background:#fff;border-radius:10px;flex:none;font-size:12px;font-weight:700}.absence-mask{align-items:flex-end}.absence-sheet{width:min(100%,480px);max-height:calc(100dvh - 32px);padding:18px 18px calc(18px + env(safe-area-inset-bottom));background:var(--card);border-radius:18px 18px 0 0;overflow-y:auto;box-shadow:0 -12px 36px #181d2833}.absence-sheet-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.absence-sheet-head h2{color:var(--ink);margin:3px 0 0;font-size:20px}.absence-sheet-head>button{width:40px;height:40px;color:var(--mute);background:var(--bg);border:0;border-radius:50%;font-size:24px}.absence-sheet form{gap:9px;margin-top:18px;display:grid}.absence-sheet label,.absence-sheet legend{color:var(--ink);font-size:13px;font-weight:700}.absence-sheet label b{color:var(--ng);font-size:11px}.absence-sheet input[type=date],.absence-sheet textarea{border:1.5px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:10px;padding:12px 13px;font-size:16px}.absence-sheet textarea{resize:vertical;min-height:112px;line-height:1.65}.absence-sheet fieldset{border:0;margin:4px 0;padding:0}.absence-sheet legend{margin-bottom:8px}.absence-type-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.absence-type-row label{position:relative}.absence-type-row input{opacity:0;position:absolute}.absence-type-row span{border:1.5px solid var(--line);min-height:44px;color:var(--body);background:#fff;border-radius:10px;place-items:center;display:grid}.absence-type-row input:checked+span{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.absence-sheet .primary-button{margin-top:8px}.calendar{padding:14px 14px 20px}.day-card{border:1px solid var(--line);background:#fafafb;border-radius:14px;margin-bottom:10px;padding:13px 14px;transition:background-color .18s;overflow:hidden}.day-card.on{background:var(--card)}.day-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.day-top>.date-badges{order:4;width:100%;margin-left:67px}.date-block{font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;min-width:59px;display:flex}.date-number{color:var(--ink);font-size:16px;font-weight:750}.weekday{color:var(--mute);font-size:11px;font-weight:650}.weekday.sat{color:var(--accent)}.weekday.sun{color:var(--ng)}.day-save{color:var(--mute);white-space:nowrap;margin-left:auto;font-size:10px;font-weight:600}.day-save.saved{color:#608070}.day-save.saving{color:var(--accent)}.day-save.error{color:var(--ng)}.segmented{background:var(--bg);border-radius:10px;flex:none;gap:3px;padding:3px;display:flex}.segmented button{min-height:38px;color:var(--mute);background:0 0;border:0;border-radius:8px;padding:7px 13px;font-size:13px;font-weight:650}.segmented .selected-work{color:#fff;background:var(--ok)}.segmented .selected-off{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0000001f}.time-expand{opacity:0;max-height:0;transition:max-height .26s,opacity .18s;overflow:hidden}.day-card.on .time-expand{opacity:1;max-height:80px}.time-field{border:1.5px solid var(--line);background:#fff;border-radius:11px;align-items:center;width:100%;min-height:52px;margin-top:12px;padding:12px 13px;display:flex}.time-value{color:var(--accent);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:750}.edit-label{color:var(--mute);margin-left:auto;font-size:11px;font-weight:650}.note-label{color:var(--ink);margin:18px 2px 7px;font-size:13px;font-weight:700;display:block}.note-input{resize:vertical;border:1.5px solid var(--line);width:100%;min-height:82px;color:var(--body);background:#fff;border-radius:10px;outline:none;padding:11px 12px;font-size:16px;line-height:1.7;display:block}.note-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2f6bf21a}.note-input::placeholder{color:#adb1ba;font-size:13px}.note-help{color:var(--mute);margin:6px 2px 0;font-size:11px;line-height:1.6}.submit-spacer{height:calc(102px + env(safe-area-inset-bottom))}.submit-bar{z-index:15;width:min(100%,480px);padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 78%, #f4f5f7cc);margin:0 auto;position:fixed;bottom:0;left:0;right:0}.auth-shell{background:#fff}.auth-card{padding:44px 24px calc(40px + env(safe-area-inset-bottom))}.auth-card>p:not(.auth-kicker),.auth-card form>p{color:var(--mute);margin:12px 0 0;font-size:13px;line-height:1.8}.auth-card form{margin-top:28px}.auth-card label{color:var(--ink);margin-bottom:7px;font-size:13px;font-weight:700;display:block}.auth-card input{border:1.5px solid var(--line);width:100%;min-height:52px;color:var(--ink);background:#fff;border-radius:11px;outline:none;padding:11px 13px;font-size:16px}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2f6bf21a}.auth-card form .primary-button{margin-top:12px}.saiyo-link-actions{gap:10px;margin-top:28px;display:grid}.line-add-button{color:#fff;letter-spacing:.02em;background:#06c755;border:1px solid #06c755;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:50px;padding:13px 16px;font-size:15px;font-weight:750;text-decoration:none;display:flex}.saiyo-link-actions .secondary-button{margin-top:0}.loading-shell{position:relative}.skeleton{background:#e7e9ee;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:1.2s infinite shimmer;display:block;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.head-skeleton{height:140px}.loading-content{padding:14px}.day-skeleton{border-radius:14px;height:68px;margin-bottom:10px}.loading-text{color:var(--mute);text-align:center;margin:4px 0;font-size:12px}@media (width<=360px){.day-card,.segmented button{padding-left:10px;padding-right:10px}.day-save{display:none}}@media (width>=700px){.submit-bar{border-radius:0 0 20px 20px;bottom:24px}}.submit-done-mask{z-index:60;background:#1b1d228c;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out submit-done-in;display:flex;position:fixed;inset:0}.submit-done-card{text-align:center;background:#fff;border-radius:18px;justify-items:center;gap:6px;width:min(320px,100%);padding:28px 22px;display:grid}.submit-done-card strong{color:var(--ink);font-size:17px}.submit-done-card span{color:var(--mute);font-size:12px}.submit-done-card .submit-done-sub{margin-top:4px}.submit-done-check{color:#fff;background:#3b993d;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:6px;font-size:30px;font-weight:700;display:grid}@keyframes submit-done-in{0%{opacity:0}to{opacity:1}}.submitted-bar{color:#2c7d2e;background:#edf7ed;border-radius:12px;place-items:center;min-height:48px;padding:12px 16px;font-size:14px;font-weight:700;display:grid}*{touch-action:manipulation}