.app-shell .practice-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:2px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);text-decoration:none}.app-shell .practice-line:hover{border-color:var(--accent)}.app-shell .practice-line>span:first-child{display:grid;gap:3px;min-width:0}.app-shell .practice-line strong{font-size:16px}.app-shell .practice-line small{font-size:14px;color:var(--ink-soft);overflow-wrap:anywhere}.app-shell .practice-line em{display:inline-flex;align-items:center;gap:3px;font-style:normal}.app-shell .practice-line.state-cancelled{background:var(--sage-light)}.app-shell .practice-line-side{flex:none}.app-shell .club-cards{display:grid;gap:22px}.app-shell .club-cards>section{display:grid;gap:10px}.app-shell .club-cards-title{margin:0;font-size:18px;color:var(--ink)}.app-shell .club-card{display:grid;gap:6px}.app-shell .club-card .venue-card-mark{font-size:26px;font-weight:800}.app-shell .practice-page h1{margin:0;font-size:26px;color:var(--ink)}.app-shell .practice-plan-summary{margin:0 0 16px;padding:10px 14px;border:2px solid var(--line);border-radius:14px;background:var(--sage-light)}.app-shell .practice-plan-summary summary{cursor:pointer;font-size:15px;font-weight:800;color:var(--ink)}.app-shell .practice-plan-summary summary small{margin-left:8px;font-weight:600;color:var(--ink-soft)}.app-shell .practice-plan-summary .practice-week{margin:10px 0 2px}.app-shell .practice-week{display:grid;gap:6px;margin:0;padding:0;list-style:none}.app-shell .practice-week li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;font-size:15px;line-height:1.5;color:var(--ink)}.app-shell .practice-week li b{color:var(--trust)}.app-shell .practice-week li span{overflow-wrap:anywhere}.app-shell .practice-card.focused{box-shadow:0 0 0 3px var(--accent-soft)}.app-shell .practice-card.state-open{border-left-color:var(--trust)}.app-shell .practice-card.state-live{border-left-color:var(--accent)}.app-shell .practice-card.state-cancelled,.app-shell .practice-card.state-ended{border-left-color:var(--line);background:var(--sage-light)}.app-shell .practice-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.app-shell .practice-slot{display:grid;justify-items:center;gap:1px;min-height:54px;padding:8px 6px;border:2px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);cursor:pointer}.app-shell .practice-slot span{font-size:14px;font-weight:700;color:var(--ink-soft)}.app-shell .practice-slot strong{font-size:20px;line-height:1.2}.app-shell .practice-slot-meter{width:100%;max-width:64px;height:5px;margin-top:3px;border-radius:999px;background:var(--sage);overflow:hidden}.app-shell .practice-slot-meter>span{display:block;height:100%;border-radius:inherit;background:var(--trust)}.app-shell .practice-slot.mine .practice-slot-meter{background:var(--paper)}.app-shell .practice-slot.mine{border-color:var(--trust);background:var(--trust-soft)}.app-shell .practice-slot.selected{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset}.app-shell .practice-slot.past{opacity:.6}.app-shell .practice-slot-detail{display:grid;gap:10px;padding:12px;border-radius:14px;background:var(--sage-light)}.app-shell .practice-slot-title{margin:0;font-size:15px;color:var(--ink)}.app-shell .practice-slot-detail .venue-help{margin:0}.app-shell .practice-people{display:grid;gap:6px;margin:0;padding:0;list-style:none}.app-shell .practice-people li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;padding:8px 10px;border-radius:10px;background:var(--paper);font-size:15px}.app-shell .practice-people li.mine{box-shadow:0 0 0 2px var(--trust) inset}.app-shell .practice-people strong{overflow-wrap:anywhere;color:var(--ink)}.app-shell .practice-people i{margin-left:6px;padding:0 6px;border-radius:999px;background:var(--ink);color:var(--paper);font-style:normal;font-size:12px}.app-shell .practice-people span{font-size:14px;color:var(--ink-soft)}.app-shell .practice-attend{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.app-shell .practice-attend label{display:grid;gap:4px;font-size:14px;font-weight:700;color:var(--ink)}.app-shell .practice-attend select{height:44px;padding:0 10px;border:2px solid var(--line);border-radius:12px;background:var(--paper);font-size:15px;color:var(--ink)}.app-shell .practice-attend button{height:44px;padding:0 18px;border-radius:999px;font-size:15px}.app-shell .practice-guest-note{display:flex;align-items:flex-start;gap:6px;flex-basis:100%;margin:0;padding:10px 12px;border-radius:12px;background:var(--warn-soft);font-size:14px;line-height:1.5;color:var(--ink)}.app-shell .practice-guest-note svg{flex:none;margin-top:2px;color:var(--warn)}.app-shell .practice-mine{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:var(--trust)}.app-shell .modal-card .practice-plan-lines{display:grid;gap:10px}.app-shell .modal-card .practice-plan-line{display:grid;grid-template-columns:76px minmax(0,1fr) 96px 96px 40px;align-items:end;gap:8px;padding:10px;border:2px solid var(--line);border-radius:14px}.app-shell .modal-card .practice-plan-remove{display:inline-flex;align-items:center;justify-content:center;width:40px;height:44px;border:2px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink-soft)}.app-shell .modal-card .practice-plan-add{justify-self:start;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:999px}.app-shell .modal-card .practice-plan-empty{margin:0}@media (max-width:720px){.app-shell .practice-page h1{font-size:23px}.app-shell .practice-slots{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.app-shell .practice-attend label{flex:1 1 120px}.app-shell .practice-attend select{width:100%}.app-shell .practice-attend button{flex:1 1 100%}.app-shell .modal-card .practice-plan-line{grid-template-columns:repeat(3,minmax(0,1fr)) 40px}.app-shell .modal-card .practice-plan-line .practice-plan-place{grid-column:1/-1;grid-row:1}}.app-shell .practice-dates{display:flex;gap:6px;margin:4px 0 2px;padding-bottom:4px;overflow-x:auto;scrollbar-width:none}.app-shell .practice-dates::-webkit-scrollbar{display:none}.app-shell .practice-dates button{flex:none;min-height:40px;padding:0 14px;border:2px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-size:15px;font-weight:800;cursor:pointer}.app-shell .practice-dates button.selected{border-color:var(--accent);background:var(--accent);color:var(--paper)}.app-shell .practice-dates button.cancelled{color:var(--ink-soft);text-decoration:line-through}.app-shell .practice-dates button.cancelled.selected{color:var(--paper)}.app-shell .practice-no-today{margin:0;color:var(--ink-soft);font-size:14px}.app-shell .practice-card .practice-card-when{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:2px}.app-shell .practice-card .practice-card-when span{overflow-wrap:anywhere}.app-shell .practice-notice-line{display:flex;align-items:center;gap:6px;margin:0;color:var(--ink-soft);font-size:14px}.app-shell .practice-notice-line strong{color:var(--ink)}.app-shell .practice-notice-line button{flex:none;margin-left:2px;padding:4px 6px;border:0;background:none;color:var(--accent-dark);font-size:14px;font-weight:800;text-decoration:underline;cursor:pointer}.app-shell .venue-staff-actions button{white-space:nowrap}.app-shell .practice-week-row{display:contents}.app-shell .practice-date-empty{display:none}@media (min-width:721px){.app-shell .practice-dates{flex-direction:column;gap:6px;overflow-x:visible}.app-shell .practice-week-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.app-shell .practice-week-row button{width:100%;padding:0 4px}.app-shell .practice-date-empty{display:block}}.app-shell .practice-slot-entry{margin-top:2px;padding:1px 8px;border-radius:999px;background:var(--warn-soft);color:var(--ink);font-size:12px;font-weight:800;white-space:nowrap}.app-shell .practice-entered,.app-shell .practice-slot-entry.done{background:var(--trust-soft);color:var(--trust)}.app-shell .practice-entered{display:inline-flex;align-items:center;gap:2px;margin-left:6px;padding:0 6px;border-radius:999px;font-style:normal;font-size:12px;font-weight:800;vertical-align:middle}.app-shell .practice-entered.big{margin-left:0;padding:4px 10px;font-size:14px}.app-shell .practice-people .practice-entry-toggle{flex:none;min-height:32px;padding:0 12px;border:2px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:800;cursor:pointer}.app-shell .practice-entry-note{display:flex;align-items:flex-start;gap:6px;margin:0;color:var(--ink-soft);font-size:14px;line-height:1.5}.app-shell .practice-entry-note svg{flex:none;margin-top:3px}.app-shell .practice-entry-mine{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.app-shell .practice-entry-mine .primary-button{height:44px;padding:0 22px;border-radius:999px;font-size:15px}.app-shell .modal-card .practice-plan-line .practice-plan-check{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink)}.app-shell .modal-card .practice-plan-line .practice-plan-check input{width:18px;height:18px;margin:0}.app-shell .modal-card .practice-plan-line .practice-plan-check span{display:grid;gap:1px}.app-shell .modal-card .practice-plan-line .practice-plan-check small{font-size:13px;font-weight:600;color:var(--ink-soft)}@media (max-width:720px){.app-shell .practice-entry-mine .primary-button{flex:1 1 100%}}