:root{--bg: #f7eee9;--bg-soft: #fbf6f3;--surface: #fffdfb;--text: #3c3531;--muted: #8d827b;--line: #efe3dc;--accent: #d9a394;--accent-strong: #c98674;--peach: #f4d8c8;--peach-soft: #f8e8dc;--sunday: #d36b66;--today: #f3d4bf;--shadow: 0 10px 30px rgba(90, 60, 50, .08);--radius: 18px}*{box-sizing:border-box}html,body,#root{min-height:100%;min-height:100dvh}html{overflow-x:hidden}html:has(.calendar-shell),body:has(.calendar-shell),#root:has(.calendar-shell){height:100%;height:100dvh;overflow:hidden;overscroll-behavior-y:none}body{margin:0;font-family:Noto Sans KR,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#fde8df 0,transparent 36%),linear-gradient(180deg,#f8f0eb 0%,var(--bg) 100%);-webkit-tap-highlight-color:rgba(201,134,116,.18);overscroll-behavior-y:contain}.family-welcome{position:fixed;inset:0;z-index:50;border:0;padding:0;background:#1c1714;cursor:pointer}.family-welcome img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.family-welcome-copy{position:absolute;left:0;right:0;bottom:0;padding:28px 20px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(28,23,20,.72));color:#fffdfb;text-align:center}.family-welcome-copy p{margin:0 0 6px;font-size:22px;font-weight:800}.family-welcome-copy span{font-size:14px;opacity:.86}.family-cover-field{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fffdfbe6}.family-cover-row{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center}.family-cover-preview{width:92px;height:92px;border-radius:16px;background:var(--peach-soft) center/cover no-repeat;display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center;overflow:hidden}.family-cover-copy{display:grid;gap:6px}.family-cover-hint{margin:0;padding:10px 12px;border-radius:14px;background:var(--peach-soft);color:var(--text);font-size:13px;line-height:1.5}.family-cover-hint b{color:var(--accent-strong)}.family-cover-btn{justify-self:start;padding:8px 12px}button,a,input,select,textarea{font:inherit;touch-action:manipulation}a{color:inherit;text-decoration:none}.page-loading{min-height:100dvh;display:grid;place-items:center;color:var(--muted)}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:calc(20px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom))}.auth-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:28px 20px}.brand{display:flex;flex-direction:column;gap:6px;margin-bottom:28px}.brand h1{margin:0;font-size:28px;letter-spacing:-.04em}.brand p,.auth-hint,.field-label,.muted{margin:0;color:var(--muted)}.form{display:grid;gap:14px}.field-label{display:grid;gap:8px;font-size:13px}.field-label input:not([type=checkbox]),.field-label textarea,.field-label select{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;outline:none;resize:vertical;font-size:16px;min-height:48px}.field-label input:focus,.field-label textarea:focus,.field-label select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #d9a3942e}.primary-btn,.ghost-btn,.chip-btn{border:0;cursor:pointer;border-radius:999px}.primary-btn{background:var(--accent-strong);color:#fff;padding:14px 16px;min-height:48px;font-size:16px}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.ghost-btn,.chip-btn{background:#fff;color:var(--text);border:1px solid var(--line)}.remember-row{display:flex;align-items:center;gap:10px;min-height:48px;margin:0;color:var(--text);font-size:15px;cursor:pointer;-webkit-user-select:none;user-select:none}.remember-row input{width:22px;height:22px;flex:0 0 22px;margin:0;accent-color:var(--accent-strong)}.auth-footer{margin-top:18px;text-align:center;color:var(--muted)}.auth-footer a{color:var(--accent-strong);font-weight:600}.error-banner{display:flex;align-items:flex-start;gap:10px;background:#fff7f4;color:#9a534c;border:1px solid #f0d4cc;border-radius:16px;padding:12px 14px;font-size:14px;line-height:1.45}.error-banner:before{content:"!";flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f4d8d4;color:#b14a44;font-weight:800}.app-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.app-shell.calendar-shell{display:flex;flex-direction:column;height:100dvh;height:100svh;overflow:hidden;overscroll-behavior:none}.calendar-shell .app-header{flex:0 0 auto;position:relative}.app-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:calc(6px + env(safe-area-inset-top)) 8px 8px;background:#fbf6f3f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent}.icon-btn{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:12px;background:transparent;color:var(--text);cursor:pointer;font-size:18px}.month-nav{display:flex;align-items:center;justify-content:center;gap:2px;font-size:18px;font-weight:700;min-width:0;flex:1}.header-title{font-size:15px;text-align:center;max-width:46vw;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-title.full{display:none}.header-actions{display:flex;align-items:center;gap:2px}.calendar-page{padding:4px 6px calc(84px + env(safe-area-inset-bottom))}.calendar-page.split{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0 2px calc(56px + env(safe-area-inset-bottom))}.calendar-page.split.compact-mode{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.calendar-block{flex:0 0 auto;position:relative;overflow:hidden;touch-action:none}.calendar-swipe{min-height:0;flex:1;display:flex;flex-direction:column;transition:transform .22s ease}.calendar-swipe.is-dragging{transition:none}.calendar-page.split:not(.compact-mode) .calendar-block{flex:1;min-height:0;display:flex;flex-direction:column}.calendar-fill{display:flex;flex-direction:column;min-height:0}.calendar-fill.is-expanded{flex:1;min-height:0}.weekday-row,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-grid.expanded{flex:1;min-height:0;grid-template-rows:repeat(6,minmax(0,1fr))}.weekday-row{flex:0 0 auto;padding:4px 0 2px;color:var(--muted);font-size:12px;text-align:center}.weekday-row span:first-child{color:var(--sunday)}.weekday-row span:last-child{color:var(--accent-strong)}.calendar-cell{min-height:68px;padding:3px 2px 4px;border:0;border-top:1px solid #f3e7e0;background:transparent;color:inherit;text-align:left;cursor:pointer;width:100%}.calendar-grid.expanded .calendar-cell{min-height:0;height:100%;display:flex;flex-direction:column;align-items:stretch;padding:2px 1px;overflow:hidden}.calendar-cell.sunday .date-badge{color:var(--sunday)}.calendar-cell.saturday .date-badge{color:var(--accent-strong)}.calendar-grid.expanded .calendar-cell.today{box-shadow:inset 0 0 0 1.5px #efc4c0;border-radius:14px;background:transparent}.calendar-grid.expanded .calendar-cell.today .date-badge{background:transparent;box-shadow:inset 0 0 0 1.5px #efc4c0;color:var(--sunday)}.calendar-cell.outside{color:#c4b7af}.calendar-cell.holiday .date-badge,.calendar-cell.saturday.holiday .date-badge{color:var(--sunday);font-weight:700}.calendar-cell.outside.sunday .date-badge,.calendar-cell.outside.saturday .date-badge{color:inherit}.calendar-cell.outside.holiday .date-badge,.calendar-cell.outside.saturday.holiday .date-badge{color:#e7b0ad;font-weight:700}.date-badge{width:22px;height:22px;display:grid;place-items:center;margin:0 auto 3px;border-radius:999px;font-size:12px}.calendar-cell.today .date-badge{background:var(--today);font-weight:700}.calendar-grid.compact .calendar-cell{min-height:42px;padding:2px 0 5px;border-top:0}.calendar-grid.compact .calendar-cell.selected{box-shadow:inset 0 0 0 1.5px var(--peach);border-radius:12px;background:#fff}.dot-row{display:flex;justify-content:center;gap:3px;min-height:6px;margin-top:2px}.event-dot{width:5px;height:5px;border-radius:50%}.drag-handle{display:flex;align-items:center;justify-content:center;width:100%;height:18px;margin:0;border:0;background:transparent;cursor:pointer;flex:0 0 18px}.calendar-page.split:not(.compact-mode) .drag-handle{position:absolute;left:0;right:0;bottom:0;height:16px;flex:none;z-index:2}.drag-handle:before{content:"";width:42px;height:4px;border-radius:999px;background:#d5c7c0}.agenda-pane{flex:1;min-height:0;overflow:auto;padding:8px 14px 12px;background:#fff;border-radius:18px 18px 0 0;-webkit-overflow-scrolling:touch}.agenda-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px}.agenda-head h2{margin:0;font-size:18px}.holiday-tag{margin-left:8px;color:var(--sunday);font-size:13px;font-weight:500}.agenda-bar{width:4px;align-self:stretch;border-radius:4px;flex:0 0 4px}.agenda-actions{position:sticky;bottom:0;background:#fff;padding-top:8px}.event-list{display:grid;gap:2px;width:100%;align-content:start}.calendar-grid.expanded .event-list{flex:1;min-height:0;gap:1px;overflow:hidden}.event-item{display:block;font-size:10px;line-height:1.2;color:#9a7d55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-house{margin-right:3px}.event-item.chip.is-family{font-weight:800;color:#8a3d38;box-shadow:inset 3px 0 #d36b66;background:#fde8e4}.event-dot.is-family{width:7px;height:7px;box-shadow:0 0 0 2px #fff,0 0 0 3px #d36b66}.day-event.is-family{border-color:#e7b0ad;background:#fff7f6;box-shadow:inset 3px 0 #d36b66}.family-event-tag{margin-left:6px;padding:1px 6px;border-radius:999px;background:#f3c7c3;color:#8a3d38;font-size:11px;font-weight:700;vertical-align:1px}.event-item.chip{display:block;width:100%;max-width:100%;box-sizing:border-box;border-radius:4px;padding:2px 4px;font-size:10px;line-height:1.3;text-align:left;color:#5c4a3a;background:color-mix(in srgb,var(--chip-color, #e0b25a) 52%,#fff6ea)}.holiday-chip{--chip-color: #e8c36a;color:#7a5a28;font-weight:600}.event-item.more{color:var(--muted)}.calendar-row.as-button{width:100%;background:transparent;border:0;cursor:pointer;text-align:left}.nav-item.as-button{background:transparent;border:0;cursor:pointer;text-align:center}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:16;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-nav.with-admin{grid-template-columns:repeat(4,minmax(0,1fr));background:#fffdfbf7;border-top:1px solid var(--line);padding:4px 4px calc(8px + env(safe-area-inset-bottom))}.nav-item{display:grid;justify-items:center;align-content:center;gap:2px;color:var(--muted);font-size:11px;min-height:48px;padding:6px 0}.nav-item.active{color:var(--accent-strong)}.nav-icon{font-size:18px}.sidebar-overlay{position:fixed;inset:0;background:#3c282047;z-index:20}.sidebar{position:fixed;inset:0 auto 0 0;width:min(360px,86vw);background:var(--surface);z-index:21;overflow:auto;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));box-shadow:12px 0 30px #46281e1f;transform:translate(-105%);transition:transform .2s ease;-webkit-overflow-scrolling:touch}.sidebar.open{transform:translate(0)}.sidebar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sidebar h2{margin:0;font-size:22px}.section-title{margin:22px 0 10px;font-size:15px;font-weight:700}.view-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.view-card{border:1px solid var(--line);border-radius:14px;padding:8px 4px 10px;text-align:center;background:#fff;cursor:pointer;font:inherit;color:inherit;font-size:12px}.view-card.active{border-color:#333}.mini-cal,.mini-share{height:48px;border-radius:8px;background:#faf6f3;margin-bottom:6px}.calendar-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 4px}.dot-name{display:flex;align-items:center;gap:10px}.orange-dot{width:16px;height:16px;border-radius:50%;background:#f0b25a;box-shadow:inset 0 0 0 4px #fff3df}.showing{color:var(--muted);font-size:13px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:14px 2px;border-top:1px solid var(--line)}.switch{width:46px;height:28px;border-radius:999px;border:0;background:#f1d5cf;position:relative;cursor:pointer}.switch.on{background:#efb3a8}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff}.switch.on:after{left:21px}.share-btn{width:100%;margin-top:16px;padding:13px;border-radius:999px}.pending-page,.admin-page{min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 14px calc(96px + env(safe-area-inset-bottom))}.pending-card,.admin-card{width:min(720px,100%);margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:22px 16px}.pending-card{width:min(460px,100%);text-align:center}.pending-icon{width:72px;height:72px;margin:0 auto 16px;border-radius:24px;display:grid;place-items:center;background:var(--peach-soft);font-size:30px}.game-page{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 0 calc(56px + env(safe-area-inset-bottom));overflow:hidden;touch-action:none;overscroll-behavior:none}.game-shell,.game-shell .app-header,.dodge-wrap,.dodge-stage,.dodge-canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-shell.is-playing{touch-action:none}.game-shell.is-playing .app-header{padding-top:env(safe-area-inset-top);padding-bottom:4px}.game-page.game-hub,.game-page.yut-page{touch-action:auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:14px 14px calc(80px + env(safe-area-inset-bottom));gap:12px}.game-hub-lead{margin:0 2px 4px}.game-pick{display:grid;gap:8px;padding:18px 16px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.game-pick h2{margin:0;font-size:20px}.game-pick-tag{justify-self:start;padding:4px 10px;border-radius:999px;background:var(--peach-soft);color:var(--accent-strong);font-size:12px;font-weight:700}.game-pick-tag.live{background:#e4eedc;color:#5b7a55}.dodge-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:#f3d6c8;touch-action:none}.dodge-stage{position:relative;flex:1;min-height:220px;touch-action:none}.dodge-canvas{width:100%;height:100%;display:block;touch-action:none}.dodge-overlay{position:absolute;inset:0;display:grid;place-content:center;padding:20px;background:linear-gradient(180deg,#f3d6c82e,#3c35312e);text-align:center}.dodge-card{width:min(340px,100%);background:#fffdfbf0;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:22px 20px 18px}.dodge-badge{display:inline-flex;margin-bottom:8px;padding:4px 10px;border-radius:999px;background:var(--peach-soft);color:var(--accent-strong);font-size:12px;font-weight:700}.dodge-overlay h2{margin:0 0 8px;font-size:26px}.dodge-score{margin:4px 0 0;color:var(--accent-strong);font-size:48px;font-weight:800;line-height:1}.dodge-actions{display:grid;justify-items:center;margin-top:14px}.dodge-overlay .primary-btn{min-width:168px}.dodge-start{width:min(280px,100%);min-height:52px}.game-board{background:var(--surface);padding:12px 16px 10px;border-top:1px solid var(--line);max-height:34vh;overflow:auto;-webkit-overflow-scrolling:touch}.game-board.is-playing{max-height:0;padding:0 16px;overflow:hidden;border:0}.game-board h3{margin:0 0 8px;font-size:15px}.score-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.score-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;background:var(--bg-soft)}.score-list li span{display:flex;align-items:center;gap:8px;min-width:0}.score-list li em{flex:0 0 28px;font-style:normal;font-weight:800;text-align:center}.score-list li.rank-1{background:#fff6de}.score-list li.rank-2{background:#eef1f4}.score-list li.rank-3{background:#f6e8dc}.score-list li.me{color:var(--accent-strong);box-shadow:inset 0 0 0 1px #c9867459}.yut-people{display:flex;flex-wrap:wrap;gap:8px}.yut-person{padding:7px 10px;border-radius:999px;background:var(--peach-soft);font-size:13px;font-weight:700}.yut-person.team-1{background:#e4eedc}.yut-person.is-turn{box-shadow:inset 0 0 0 1.5px var(--accent-strong)}.yut-board{width:min(420px,100%);justify-self:center;background:#f3e4d4;border-radius:18px}.yut-wood{fill:#f6e6d4;stroke:#d7b89a;stroke-width:1.2}.yut-path{fill:none;stroke:#c9ae86;stroke-width:1.4}.yut-spot{fill:#fffdfb;stroke:#b89668;stroke-width:.7}.yut-center-label{fill:#8d827b;font-size:5px;font-weight:800}.yut-token{cursor:default}.yut-token circle{stroke:#fffdfb;stroke-width:.6}.yut-token.team-0 circle{fill:#c98674}.yut-token.team-1 circle{fill:#6b8f71}.yut-token text{fill:#fffdfb;font-size:3.4px;font-weight:800;pointer-events:none}.yut-token.is-playable,.yut-home-token.is-playable{cursor:pointer;animation:yut-pulse 1s ease-in-out infinite}.yut-trays{display:grid;grid-template-columns:1fr 1fr;gap:8px}.yut-tray{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px}.yut-tray.team-1{background:#f4f7ef}.yut-tray strong{display:block;margin-bottom:8px;font-size:13px}.yut-home-row{display:flex;flex-wrap:wrap;gap:6px;min-height:32px;align-items:center}.yut-home-token{width:32px;height:32px;border:0;border-radius:50%;background:#c98674;color:#fff;font-weight:800}.yut-tray.team-1 .yut-home-token{background:#6b8f71}.yut-home-token:disabled{opacity:.7}.yut-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px}.yut-throw-card{display:grid;justify-items:center;gap:6px;margin-bottom:10px}.yut-sticks{display:flex;gap:6px}.yut-stick{width:18px;height:46px;border-radius:8px;background:#6a4024;box-shadow:inset 0 0 0 1px #fffdfb26}.yut-stick.is-flat{background:#f0d7b4}.yut-stick.is-back.is-flat{display:grid;place-items:center;color:#6a4024;font-size:9px;font-weight:800}.yut-status{margin:0 0 12px;font-weight:700}.yut-actions{display:flex;flex-wrap:wrap;gap:8px}.yut-actions .primary-btn,.yut-actions .ghost-btn{flex:1;min-width:120px;padding:12px 16px}.yut-log{margin:12px 0 0;padding:0;list-style:none;color:var(--muted);font-size:13px;display:grid;gap:4px}@keyframes yut-pulse{50%{opacity:.55}}.dialog-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px 16px;background:#3c2d2647;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-card{width:min(360px,100%);display:grid;justify-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:0 18px 50px #50322829;padding:28px 22px 20px}.dialog-card h2{margin:6px 0 0;font-size:20px}.dialog-card .muted{margin:0 0 8px;line-height:1.5}.dialog-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800}.dialog-icon.is-danger{background:#f8e4de;color:#c16a62}.dialog-icon.is-info{background:var(--peach-soft);color:var(--accent-strong)}.dialog-icon.is-success{background:#e4eedc;color:#5b7a55}.dialog-actions{display:flex;width:100%;gap:8px;margin-top:8px}.dialog-actions .ghost-btn,.dialog-actions .primary-btn{flex:1;min-height:48px;padding:12px 14px}.dialog-danger{background:#c16a62}.toast-stack{position:fixed;left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:42;display:grid;gap:8px;pointer-events:none}.app-toast{display:flex;align-items:center;gap:10px;width:min(420px,100%);margin:0 auto;padding:12px 14px;border-radius:16px;background:#fffdfbf5;border:1px solid var(--line);box-shadow:0 12px 30px #5032281f;color:var(--text)}.app-toast p{margin:0;font-size:14px;font-weight:650}.app-toast span{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--peach-soft);color:var(--accent-strong);font-weight:800}.app-toast.is-success span{background:#e4eedc;color:#5b7a55}.app-toast.is-error span{background:#f8e4de;color:#c16a62}@media(min-width:900px){.toast-stack{left:auto;right:24px;bottom:24px;width:360px}}.member-admin-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.member-admin-actions select{min-height:40px;border:1px solid var(--line);border-radius:12px;padding:6px 10px;background:#fff;font-size:14px}.admin-toolbar{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:18px}.user-list{display:grid;gap:12px}.user-item{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.user-actions{display:flex;gap:8px;align-items:center}.approve{background:#de8f7d;color:#fff;padding:10px 14px;min-height:40px}.reject{padding:10px 14px;min-height:40px}.empty-state{text-align:center;color:var(--muted);padding:28px 8px}.modal-overlay{position:fixed;inset:0;background:#3c282052;z-index:30;display:grid;place-items:end center;padding:0}.modal-card,.day-panel{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 0 0;box-shadow:var(--shadow);padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:90dvh;overflow:auto;-webkit-overflow-scrolling:touch}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head h2{margin:0;font-size:20px}.picker-field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.picker-field{display:flex;align-items:center;gap:8px;min-height:52px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:#fffdfb;color:var(--text);font-weight:700;text-align:left}.picker-field-icon{font-size:16px}.picker-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:end center;background:#3c2d2647;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.picker-sheet{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:24px 24px 0 0;box-shadow:var(--shadow);padding:16px 16px calc(18px + env(safe-area-inset-bottom))}.picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.picker-head strong{font-size:17px}.picker-weekdays,.picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.picker-weekdays{color:var(--muted);font-size:12px;margin-bottom:6px}.picker-day{min-height:42px;border:0;border-radius:12px;background:transparent;color:var(--text)}.picker-day.is-outside{color:#c4b7af}.picker-day.is-today{box-shadow:inset 0 0 0 1.5px var(--peach)}.picker-day.is-selected{background:var(--accent-strong);color:#fff}.picker-clock{margin:0 0 12px;text-align:center;font-size:36px;font-weight:800;color:var(--accent-strong)}.picker-caption{margin:0 0 8px;color:var(--muted);font-size:13px;font-weight:700}.picker-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:14px}.picker-chips.is-minutes{grid-template-columns:repeat(6,minmax(0,1fr))}.picker-chip{min-height:40px;border:1px solid var(--line);border-radius:12px;background:#fffdfb;color:var(--text);font-weight:700}.picker-chip.is-selected{background:var(--peach-soft);border-color:var(--accent);color:var(--accent-strong)}@media(min-width:900px){.picker-overlay{place-items:center;padding:12px}.picker-sheet{border-radius:24px;padding:20px 18px 22px}}.color-row,.choice-row{display:flex;flex-wrap:wrap;gap:8px}.color-dot{width:36px;height:36px;border:0;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 3px #ffffffb3}.color-dot.tiny{width:14px;height:14px;cursor:default}.color-dot.selected{outline:2px solid var(--text);outline-offset:2px}.choice-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;min-height:40px;cursor:pointer}.choice-chip.active{background:var(--peach-soft);border-color:var(--accent)}.family-pick{display:grid;gap:8px}.family-chip{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);background:#fffdfb;border-radius:16px;padding:12px 14px;min-height:56px;color:var(--text)}.family-chip-dot{width:18px;height:18px;flex:0 0 18px;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffffb3}.family-chip-copy{display:grid;gap:2px;min-width:0;flex:1}.family-chip-copy strong{font-size:15px}.family-chip-copy small{color:var(--muted);font-size:12px}.family-chip-check{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--peach-soft);color:var(--accent-strong);font-size:13px;font-weight:800}.family-chip.is-active{border-color:var(--accent);background:var(--peach-soft);box-shadow:0 0 0 4px #d9a39429}.family-chip.is-locked{cursor:default}.field-split{display:grid;grid-template-columns:1.85fr .75fr;gap:10px;align-items:stretch}.field-split .family-chip{min-height:56px;height:100%}.split-caption{font-size:13px;color:var(--muted)}.family-check{cursor:pointer;justify-content:center}.family-check input{width:18px;height:18px;margin:0;flex:0 0 18px;accent-color:#d36b66}.family-check strong{font-size:14px}.family-chip:disabled:not(.is-active){opacity:.55}.group-check-list{display:grid;gap:8px}.check-row{display:flex;align-items:center;gap:8px;color:var(--text)}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.danger-btn{color:#b14a44}.day-event-list{display:grid;gap:8px;margin-bottom:16px}.day-event{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;cursor:pointer}.group-admin{display:grid;gap:18px}.group-form{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.bell-wrap{position:relative}.bell-count{position:absolute;top:4px;right:2px;min-width:16px;height:16px;border-radius:999px;background:#d36b66;color:#fff;font-size:10px;display:grid;place-items:center}.bell-overlay{position:fixed;inset:0;z-index:11}.bell-panel{position:fixed;left:12px;right:12px;top:calc(56px + env(safe-area-inset-top));width:auto;max-height:min(70dvh,460px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:14px;z-index:12;-webkit-overflow-scrolling:touch}@media(min-width:900px){.app-shell,.app-shell.calendar-shell{display:grid;grid-template-columns:320px 1fr;grid-template-rows:auto 1fr;height:100dvh}.app-header{grid-column:2}.calendar-page,.admin-page,.game-page{grid-column:2;padding-bottom:32px}.header-title{display:none;font-size:18px;max-width:none}.header-title.full{display:inline}.sidebar-overlay,.sidebar-close{display:none}.sidebar,.sidebar.open{position:sticky;top:0;height:100vh;width:320px;grid-column:1;grid-row:1 / span 2;box-shadow:none;border-right:1px solid var(--line);transform:none}.bottom-nav{display:none}.calendar-cell{min-height:118px}.calendar-grid.compact .calendar-cell{min-height:56px}.date-badge{width:26px;height:26px;font-size:13px}.event-item{font-size:12px}.mini-cal,.mini-share{height:62px}.bell-overlay{display:none}.bell-panel{position:absolute;left:auto;right:0;top:44px;width:min(340px,86vw)}.modal-overlay{place-items:center;padding:12px}.modal-card,.day-panel{width:min(520px,100%);border-radius:24px;padding:20px 18px 22px;max-height:92vh}.pending-page,.admin-page{padding:24px 16px 40px}}.game-page.omok-page{touch-action:auto;overflow:auto;padding:12px 12px calc(84px + env(safe-area-inset-bottom));gap:12px}.omok-lobby{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px}.omok-lobby h2{margin:0 0 8px}.omok-lobby ul{margin:10px 0;padding-left:18px}.omok-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.omok-status{display:flex;align-items:center;gap:8px;font-size:14px}.omok-turn{width:16px;height:16px;border-radius:50%;flex:0 0 auto}.omok-turn.stone-black{background:#2a2624}.omok-turn.stone-white{background:#fff;box-shadow:inset 0 0 0 1px #cfc4ba}.omok-board{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));width:min(100%,560px);aspect-ratio:1;margin:0 auto;background:#f0d7ae;border:8px solid #e7c8a4;border-radius:16px;box-shadow:var(--shadow)}.omok-cell{position:relative;border:0;padding:0;background:linear-gradient(#8d6844,#8d6844) center / 1px 100% no-repeat,linear-gradient(#8d6844,#8d6844) center / 100% 1px no-repeat;cursor:pointer}.omok-cell:disabled{cursor:default;opacity:1}.omok-cell.is-star:after{content:"";position:absolute;left:50%;top:50%;width:18%;height:18%;border-radius:50%;background:#8d6844;transform:translate(-50%,-50%)}.omok-cell.can-play:hover .omok-ghost,.omok-stone{position:absolute;left:14%;top:14%;width:72%;height:72%;border-radius:50%;z-index:1}.omok-stone.black{background:radial-gradient(circle at 35% 32%,#5a534c,#1c1917 68%)}.omok-stone.white{background:radial-gradient(circle at 35% 32%,#fff,#efe8e1 70%);box-shadow:inset 0 0 0 1px #d5cbc2}.omok-cell.can-play:hover:after{content:"";position:absolute;left:18%;top:18%;width:64%;height:64%;border-radius:50%;background:#2a26242e;z-index:1}.omok-last{position:absolute;left:50%;top:50%;width:22%;height:22%;border-radius:50%;background:#d36b66;transform:translate(-50%,-50%);z-index:2}.omok-cell.is-win .omok-stone{box-shadow:0 0 0 2px #d36b66}@media(min-width:900px){.app-shell.calendar-shell.game-shell{display:flex;flex-direction:column}.game-shell .app-header,.game-shell .game-page{width:min(760px,100%);margin-left:auto;margin-right:auto;grid-column:auto}}