:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaedf0;background:#111419;font-synthesis:none;font-weight:400;--accent:#adb6c2;--muted:#8592a3;--line:#28303a;--panel:#171c23;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{border:0}::selection{background:#435163;color:#fff}.entry,.calendar-app{max-width:680px;margin:0 auto;padding:calc(18px + max(env(safe-area-inset-top),var(--tg-content-safe-area-inset-top,0px))) 22px calc(24px + max(env(safe-area-inset-bottom),var(--tg-content-safe-area-inset-bottom,0px)))}.brand{display:flex;align-items:center;gap:14px;padding:9px 0 23px;border-bottom:1px solid var(--line)}.wordmark{font-size:31px;letter-spacing:-2px;font-weight:850;line-height:1}.wordmark span{color:var(--accent);font-size:25px}.brand-name{font-size:11px;letter-spacing:1.6px;font-weight:700}.brand-name span{display:block;letter-spacing:0;font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}.brand-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:auto;box-shadow:0 0 15px #adb6c225}.eyebrow{font-size:9px;letter-spacing:1.7px;line-height:1.6;font-weight:650;color:var(--muted)}.entry-card{padding:40px 0 24px}.entry-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:92px;height:100px;border:1px solid #384453;border-radius:22px;background:linear-gradient(145deg,#242b34,#171c23);font-size:40px;letter-spacing:-2px;font-weight:800;color:var(--accent);margin:30px 0}.entry-icon span{font-size:9px;letter-spacing:4px;margin-left:4px}.entry h1{font-size:31px;line-height:1.14;letter-spacing:-1px;margin:18px 0 16px;max-width:380px}.entry-card>p{font-size:14px;color:#98a3b1;line-height:1.75;margin:0 0 24px;max-width:400px}.entry-card .small{font-size:12px;margin:18px 0}.entry footer{font-size:11px;color:#54657b;margin-top:40px}.button{display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid #343f4d;min-height:49px;padding:12px 18px;border-radius:11px;background:#20262e;font-size:13px;font-weight:650;width:100%}.button.primary{background:var(--accent);color:#191e25;border-color:var(--accent)}.button:hover{filter:brightness(1.07)}.loader{width:24px;height:24px;border:2px solid #353f4d;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:24px 0}@keyframes spin{to{transform:rotate(360deg)}}.roster h1{margin-top:14px}.search{display:block}.search>span{display:block;color:var(--muted);font-size:11px;margin:0 0 8px}.search input{width:100%;height:48px;border-radius:9px;background:var(--panel);border:1px solid var(--line);padding:0 14px;color:#fff;font-size:14px}.search input::placeholder{color:#606d7f}.roster-list{display:flex;flex-direction:column;gap:8px;margin:16px 0;max-height:40vh;overflow-y:auto}.roster-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:16px;border-radius:11px;font-size:15px;cursor:pointer;background:var(--panel)}.roster-item.chosen{border-color:#647284;background:#222932}.roster-item input{position:absolute;opacity:0}.roster-item:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.radio-marker{width:18px;height:18px;border-radius:50%;border:1px solid #55667c;margin-left:auto}.chosen .radio-marker{background:var(--accent);border:5px solid #222932;box-shadow:0 0 0 1px var(--accent)}.entry-card .link-confirm{font-size:12px;margin:20px 0;color:var(--muted)}.link-confirm strong{color:var(--accent)}.error{color:#e9b1a6!important;font-size:13px}.empty-roster{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.empty-roster p{font-weight:650;margin-bottom:10px}.empty-roster span{display:block;color:var(--muted);font-size:13px;line-height:1.65;margin-bottom:20px}.welcome{position:relative;padding:32px 0 24px}.welcome h1{font-size:32px;line-height:1.2;letter-spacing:-1.2px;margin-top:10px;max-width:300px}.welcome>p{color:var(--muted);font-size:13px;margin-top:9px}.member-chip{display:flex;align-items:center;gap:9px;margin-top:22px;width:fit-content;min-height:40px}.avatar{width:35px;height:35px;border-radius:50%;background:#28303a;color:var(--accent);font-size:14px;display:grid;place-items:center;font-weight:700}.member-chip>span:nth-child(2){font-size:12px;font-weight:650}.member-chip small{display:block;font-size:9px;color:var(--muted);margin-top:3px;font-weight:400}.verified{color:var(--accent);font-size:11px;border:1px solid #3d4959;border-radius:50%;width:17px;height:17px;text-align:center;margin-left:4px}.view-switch{display:flex;gap:6px;padding:4px;background:#171c23;border:1px solid var(--line);border-radius:11px;margin:0 0 18px}.view-switch button{flex:1;background:transparent;color:var(--muted);border-radius:7px;min-height:38px;font-size:12px;font-weight:600}.view-switch button[aria-pressed=true]{background:#2a323d;color:var(--accent);box-shadow:0 1px 5px #0002}.month-card{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:22px 17px 15px}.month-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:6px}.month-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.month-heading h2{font-size:23px;text-transform:capitalize;letter-spacing:-.6px;margin-top:6px}.month-heading h2 span{margin-left:8px;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0}.month-actions{display:flex;align-items:center;gap:5px}.month-actions button{min-width:30px;height:34px;background:#202730;border:1px solid #303a46;border-radius:8px;font-size:22px;color:#afb8c3}.month-actions .today-button{font-size:9px;padding:0 8px}.weekdays,.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.weekdays{font-size:10px;color:#687689;text-align:center;margin-bottom:13px;font-weight:550}.weekdays span:nth-last-child(-n+2){color:#929ead}.day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:43px;border-radius:9px;background:transparent;border:1px solid transparent;font-size:13px;font-weight:500;position:relative}.day.outside{color:#424f61}.day.today{color:var(--accent);border-color:#3e4a5a}.day.selected{background:var(--accent);color:#1e242c;border-color:var(--accent);font-weight:750}.day:hover{background:#272f3a}.day.selected:hover{background:#bcc3cd}.event-markers{height:4px;display:flex;gap:2px}.event-markers i,.calendar-legend i{width:3px;height:3px;border-radius:50%;background:var(--accent);display:inline-block}.day.selected .event-markers i{background:#2d3743}.event-markers .cancelled-marker{background:#cb8b7d}.calendar-legend{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:17px;padding-top:13px;color:#6c7b8f;font-size:8px;gap:10px}.calendar-legend i{margin-right:5px;width:4px;height:4px}.events-section{margin-top:29px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.section-heading h2{font-size:17px;margin-top:6px;letter-spacing:-.35px}.section-heading h2:first-letter{text-transform:uppercase}.refresh{height:36px;width:36px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:21px;color:#9ea8b5}.empty-events{padding:29px 18px 31px;text-align:center;background:#161a20;border:1px dashed #2a333e;border-radius:13px}.empty-calendar{width:37px;height:39px;border:1px solid #425062;border-radius:7px;color:#667487;font-size:19px;display:grid;place-items:center;position:relative;margin:0 auto 20px}.empty-calendar:before{content:"";width:100%;height:9px;border-bottom:1px solid #425062;position:absolute;top:0}.empty-events h3{font-size:14px;font-weight:600;margin-bottom:9px}.empty-events p{font-size:12px;line-height:1.65;color:#6e7d91;max-width:280px;margin:auto}.text-button{font-size:11px;background:transparent;color:var(--accent);margin-top:20px;padding:8px}.text-button span{margin-left:9px}.loading-events{padding:24px;display:flex;align-items:center;justify-content:center;gap:15px;font-size:12px;color:var(--muted)}.loading-events .loader{margin:0}.error-panel{background:#30231f;border:1px solid #654235;border-radius:11px;padding:18px;font-size:13px;line-height:1.7;color:#e9b5a7}.error-panel .button{margin-top:15px}.event-list{display:flex;flex-direction:column;gap:11px}.event-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:18px 15px;display:flex;align-items:flex-start;gap:15px;text-align:left;min-width:0;width:100%}.event-card:hover{border-color:#4c5c70}.event-date{flex-shrink:0;background:#232a34;color:var(--accent);width:45px;min-height:57px;border-radius:9px;padding:8px 3px;text-align:center}.event-date strong{font-size:24px;line-height:1}.event-date>span{display:block;font-size:9px;margin-top:5px;text-transform:uppercase;letter-spacing:.4px}.event-info{flex:1;min-width:0}.event-meta{display:flex;gap:13px;color:#acb5c1;font-size:9px}.event-meta>span{color:var(--muted)}.event-info h3{font-size:15px;line-height:1.4;margin:6px 0 5px;overflow-wrap:anywhere}.event-info>p{font-size:11px;color:var(--muted);line-height:1.5}.card-arrow{font-size:17px;color:#526278}.response-counts{display:flex;gap:14px;margin-top:12px;font-size:10px}.going{color:#97a2b1}.later{color:#d5b979}.not-going{color:#c7877c}.cancel-badge{color:#cf9285!important}.cancelled{opacity:.65}.app-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:34px;padding-top:18px;font-size:9px;color:#4f6075}.app-footer>span:first-child{letter-spacing:1.2px}.modal-backdrop{position:fixed;inset:0;background:#000a;z-index:20;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.event-modal{width:min(100%,640px);max-height:90dvh;overflow-y:auto;background:#171c23;border:1px solid #303a47;border-radius:22px 22px 0 0;padding:22px 24px calc(32px + env(safe-area-inset-bottom));outline:none}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-top>button{width:34px;height:34px;background:#28303a;border-radius:50%;font-size:23px;color:var(--muted)}.event-modal>h2{font-size:27px;line-height:1.2;letter-spacing:-.8px;overflow-wrap:anywhere;margin-bottom:24px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.detail-facts>div:last-child{grid-column:1/-1}.detail-facts span{display:block;font-size:8px;letter-spacing:1.5px;color:#738295;margin-bottom:7px}.detail-facts strong{font-size:14px;font-weight:550}.detail-facts small{color:var(--muted);font-size:10px;font-weight:400;margin-left:5px}.description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#a5afbb;line-height:1.75;margin:25px 0}.cancellation{background:#362820;border:1px solid #765046;padding:16px;border-radius:10px;font-size:13px;color:#e3b5a5}.cancellation p{margin-top:6px;line-height:1.6}.participants{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.participants>h3{font-size:16px;margin-bottom:22px}.participants section{margin-bottom:20px}.participants h4{font-size:11px;margin:0 0 6px;font-weight:600}.participants h4>span{margin-left:5px}.participants p{color:#9ea8b6;font-size:12px;line-height:1.6}@media(min-width:560px){.calendar-app,.entry{padding-left:35px;padding-right:35px}.welcome h1{font-size:42px;max-width:430px}.member-chip{position:absolute;right:0;top:52px}.month-card{padding:25px}.day{min-height:56px;font-size:15px}.month-heading h2{font-size:29px}.month-heading h2 span{font-size:14px}.month-actions button{min-width:35px;height:37px}.month-actions .today-button{font-size:11px;padding:0 12px}.calendar-legend{font-size:10px}.entry-card{max-width:430px;margin:auto;padding-top:55px}.entry h1{font-size:39px}.entry footer{text-align:center}.event-modal{border-radius:22px;margin-bottom:24px;max-height:85dvh}.modal-backdrop{align-items:center}.events-section{margin-top:35px}.section-heading h2{font-size:22px}}@media(max-width:360px){.calendar-app,.entry{padding-left:15px;padding-right:15px}.month-card{padding-left:10px;padding-right:10px}.month-heading h2{font-size:21px}.month-actions{gap:3px}.month-actions button{min-width:26px}.welcome h1{font-size:30px}.event-card{gap:10px;padding:15px 12px}}@media(prefers-reduced-motion:reduce){.loader{animation:none}}.member-chip>span:nth-child(2){max-width:150px;overflow-wrap:anywhere}.roster-item>span:nth-child(2){min-width:0;flex:1;overflow-wrap:anywhere}.roster-item .radio-marker{flex-shrink:0}.create-event{margin:0 0 16px}.create-event>span{font-size:20px;line-height:1}.editor-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:30px 0 25px}.editor-heading h1{font-size:29px;letter-spacing:-.8px;line-height:1.2;margin-top:7px}.editor-back{width:38px;height:38px;flex-shrink:0;border:1px solid var(--line);background:var(--panel);border-radius:50%;font-size:19px;color:var(--accent)}.event-form{display:flex;flex-direction:column;gap:21px}.event-form label{display:block;font-size:12px;font-weight:600;color:#aab3bf;min-width:0}.event-form input:not([type=file]),.event-form textarea{display:block;width:100%;min-width:0;margin-top:9px;padding:13px 12px;border:1px solid #323c4a;border-radius:9px;background:var(--panel);color:#eaedf0;font-size:15px;font-weight:400;outline-offset:2px;max-width:100%}.event-form textarea{font:inherit;line-height:1.65;resize:vertical}.event-form input::placeholder,.event-form textarea::placeholder{color:#606d7f}.event-form input[type=date],.event-form input[type=time]{min-height:48px}.required{color:var(--accent)}.field-hint{color:var(--muted);font-size:10px;font-weight:400;margin-left:5px}.form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.photo-field{padding:17px;border:1px dashed #3a4656;border-radius:11px;background:#161b21}.photo-field input{display:block;width:100%;margin-top:13px;font-size:11px;font-weight:400;color:var(--muted)}.photo-field input::file-selector-button{border:1px solid #435062;border-radius:7px;padding:8px 11px;background:#232a33;color:var(--accent);margin-right:8px}.photo-field .event-cover{margin-top:16px}.photo-field .text-button{margin-top:7px;padding:5px 0}.form-note,.publish-note{color:var(--muted);font-size:12px;line-height:1.65}.form-note{margin:0 0 -5px}.publish-note{padding:16px 0 23px;border-top:1px solid var(--line);margin-top:25px}.editor-edit,.editor-done{margin-top:12px}.event-preview{padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.event-preview>h2{font-size:26px;line-height:1.3;overflow-wrap:anywhere;letter-spacing:-.6px;margin-top:12px}.event-cover{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:12px;margin-bottom:22px}.cover-loading{padding:30px;text-align:center;color:var(--muted);font-size:12px;background:#202730;border-radius:12px}.publication-panel{background:#202730;border:1px solid #3f4c5d;border-radius:12px;padding:18px;margin:20px 0}.publication-panel h3{font-size:16px;line-height:1.4;margin-bottom:10px}.publication-panel p{font-size:13px;color:#9da7b5;line-height:1.7}.publication-panel .button{margin-top:17px}.publication-panel .error,.event-preview>.error{margin:15px 0}.check-line{display:flex;gap:12px;align-items:flex-start;margin-top:18px;font-size:12px;line-height:1.6;color:#bcc3cc}.check-line input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent);margin:1px 0}.editor-result{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:20px}.editor-result h2{font-size:23px;overflow-wrap:anywhere;line-height:1.4}.editor-result p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:9px}@media(max-width:360px){.event-preview{padding:17px}.form-row{gap:8px}.event-form input:not([type=file]){font-size:13px;padding:12px 8px}.editor-heading h1{font-size:25px}}.response-panel{margin-top:25px;padding:19px 16px;border:1px solid #313b48;border-radius:13px;background:#171c23}.response-panel>h3{font-size:16px;margin-bottom:15px}.response-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.response-choice{padding:11px 5px;min-height:70px;border:1px solid var(--line);border-radius:9px;background:#1d232b;font-size:12px;line-height:1.4;font-weight:600}.response-choice>span{display:block;margin-bottom:6px;font-size:16px}.response-choice[aria-pressed=true]{border-color:var(--accent);background:#2d3641;box-shadow:inset 0 0 0 1px var(--accent)}.response-choice.later[aria-pressed=true]{background:#433c22;border-color:#dbca81;box-shadow:inset 0 0 0 1px #dbca81}.response-choice.not_going[aria-pressed=true]{background:#452d27;border-color:#dba88d;box-shadow:inset 0 0 0 1px #dba88d}.response-guest{margin-top:19px}.response-guest small{display:block;color:var(--muted);font-size:11px;margin-top:4px;line-height:1.5}.response-help{color:var(--muted);font-size:12px;line-height:1.65}.response-panel>.response-help{margin-top:12px}.clear-response{font-size:11px;margin-top:12px;padding:5px 0}.response-feedback{font-size:12px;color:var(--accent);line-height:1.6;margin-top:10px;overflow-wrap:anywhere}.response-panel>.error{margin-top:12px}.admin-responses{border-top:1px solid var(--line);margin-top:19px;padding-top:15px}.admin-responses>.text-button{width:100%;display:flex;justify-content:space-between;gap:8px;text-align:left;font-size:12px;padding:4px 0}.admin-responses form{display:flex;flex-direction:column;gap:15px;margin-top:17px}.admin-responses label:not(.check-line){font-size:12px;color:#aab3bf;min-width:0}.admin-responses select{display:block;width:100%;min-width:0;max-width:100%;margin-top:8px;padding:12px 10px;border:1px solid #3b4757;border-radius:8px;background:var(--panel);color:#eaedf0;font:inherit;font-size:14px}.admin-responses .check-line{margin-top:0}.participants-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:22px}.participants-heading>h3{font-size:16px}.participants-heading>.text-button{font-size:11px;padding:4px 0}.event-management{margin:24px 0;padding-top:20px;border-top:1px solid var(--line)}.event-management h3{margin-bottom:14px}.management-secondary{margin-top:10px}.management-confirm p{color:var(--muted);line-height:1.6}.management-confirm label{display:grid;gap:8px;margin:16px 0;font-size:14px}.management-confirm textarea{width:100%;box-sizing:border-box;background:#181d24;border:1px solid #384352;border-radius:12px;color:inherit;padding:12px;font:inherit;resize:vertical}.management-confirm .text-button{margin-top:14px}.trash-entry{display:block;margin:-2px 0 16px auto}.danger-button{color:#e3b5a5;border-color:#765046}.form-fields{border:0;padding:0;margin:0;min-width:0;display:grid;gap:20px}.event-form select{font:inherit;color:#eaedf0;background:#181d23;border:1px solid #323c49;border-radius:12px;padding:14px;width:100%;min-height:48px}.repeat-controls,.series-fieldset,.series-card,.series-preview{border:1px solid #303a46;border-radius:16px;padding:16px;min-width:0;background:#171b21}.repeat-controls{display:grid;gap:14px}.series-fieldset legend{font-size:14px;color:#c1c8d1;padding:0 6px}.series-fieldset .check-line{margin:12px 0;display:flex;font-size:14px}.series-fieldset input[type=radio]{width:18px;height:18px;flex-shrink:0;accent-color:#bbc2cc}.series-card{margin:20px 0}.series-card p,.series-preview p{line-height:1.5}.series-preview ol{padding-left:24px;line-height:1.8;font-size:14px}.series-month{display:flex;align-items:center;gap:8px;justify-content:space-between;margin:22px 0}.series-month button{width:42px;height:42px;border:1px solid #323c49;background:#181d23;color:#dce0e5;border-radius:12px;font-size:28px}.series-month strong{text-align:center;font-size:16px}.reminder-panel{margin:20px 0;padding:16px;border:1px solid var(--border,#313b48);border-radius:16px;background:#1a1f25}.reminder-panel summary{cursor:pointer;font-weight:700;list-style-position:inside}.reminder-panel summary span{display:block;font-size:12px;font-weight:400;line-height:1.6;color:#b5bdc8;margin:8px 0}.reminder-panel>.button{width:100%;margin-top:12px}.reminder-panel .form-row{margin:14px 0}.reminder-panel label{display:flex;flex-direction:column;gap:8px}.reminder-panel .check-line{flex-direction:row;align-items:flex-start;margin:12px 0}.reminder-panel input[type=number],.reminder-panel select{width:100%;min-width:0;padding:12px;border-radius:10px;color:#f4f5f6;background:#111418;border:1px solid #3d4959;font:inherit}.reminder-chip{padding:9px 12px;border:1px solid #677588;border-radius:20px;color:#d8dce2;background:#242c36;margin:4px;font:inherit;font-size:13px}.notification-history{margin-top:18px;border-top:1px solid #313b48;padding-top:12px;font-size:12px;line-height:1.7;color:#b5bdc8}.notification-settings{margin:25px 0;padding:18px;border:1px solid #313b48;border-radius:14px}.event-form.notification-settings .check-line{display:flex;align-items:center;gap:12px;margin:0}.event-form.notification-settings input[type=checkbox]{width:18px;height:18px;margin:0;padding:0;flex-shrink:0}.member-editor{margin-top:20px}.member-binding{overflow-wrap:anywhere;font-size:14px;color:var(--muted)}.member-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.member-confirm{padding:16px;margin:16px 0;border:1px solid #637183;border-radius:16px;background:#212730}.member-confirm p{line-height:1.5}.member-list{display:grid;gap:10px;margin:18px 0}.member-row{display:flex;flex-direction:column;text-align:left;gap:7px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow-wrap:anywhere;min-width:0}.member-row strong{font-size:17px}.member-row span{font-size:13px;color:var(--muted)}.roster-management>.form-note{margin-bottom:20px}.roster-management>.button{margin:12px 0 24px}.member-editor>h2{margin-bottom:16px;overflow-wrap:anywhere}.member-editor>.form-fields{margin:16px 0}.member-editor>p{margin-top:12px;line-height:1.5}.member-editor>.button{margin:16px 0}.member-confirm .button{margin-top:16px}.member-confirm h3{margin-bottom:10px}.member-import h2{margin:20px 0 16px}.import-counts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.import-results{display:grid;gap:12px;margin:20px 0;max-height:45vh;overflow:auto;padding-right:6px}.import-row{padding:12px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.import-row p{margin-top:8px;font-size:13px;color:var(--muted)}.import-row.add{border-color:#56677e}.import-row.invalid{border-color:#b97464}.member-import>.text-button{margin:8px 0 20px}.configuration .settings-card{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:18px}.configuration .settings-card h2{margin:0 0 16px}.configuration .settings-card>.button{margin-top:16px}.configuration .settings-facts{display:grid;gap:12px;margin:20px 0}.configuration .settings-facts div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px}.configuration .settings-facts dt{color:var(--muted)}.configuration .settings-facts dd{margin:0;overflow-wrap:anywhere}.configuration .connection-ok{padding:16px;margin-top:20px;border:1px solid var(--line);border-radius:12px}.configuration .setup-steps{padding-left:22px;line-height:1.6}.configuration .setup-steps li{margin:12px 0}.configuration .binding-approval{display:flex;align-items:flex-start;gap:12px;margin:22px 0;line-height:1.5}.configuration .binding-approval input{flex:0 0 auto;margin-top:5px}.configuration code{overflow-wrap:anywhere}.configuration .settings-card p{margin:12px 0;line-height:1.65;font-size:14px}.photo-field{display:grid;gap:14px}.photo-field .small{margin:0;line-height:1.5}.cover-change-note{padding:16px;border-radius:12px;background:var(--surface, #203137);line-height:1.5}.notify-group{border-top:1px solid var(--line);padding-top:14px;margin-top:8px}.notify-group label.check-line{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin:12px 0;font-size:14px;line-height:1.6}.event-form .notify-group input[type=checkbox]{width:18px;height:18px;min-height:0;margin:2px 0;padding:0;flex-shrink:0}.notify-group .small{margin-top:10px;font-size:12px;color:var(--muted);line-height:1.65}.notify-preview{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#20262e;color:#adb6c2;font-size:13px;line-height:1.6}.change-notifications{margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:16px}.change-notifications h3{font-size:16px;line-height:1.5;margin-bottom:10px}.change-notifications .small{font-size:12px;color:var(--muted);line-height:1.65}.change-notifications ol{list-style:none;margin:16px 0;padding:0;display:grid;gap:12px}.change-notifications li{padding:12px;border-radius:10px;background:#20262e;overflow-wrap:anywhere}.change-notifications li div{display:grid;gap:5px}.change-notifications li strong{font-size:14px;line-height:1.5}.change-notifications li span{font-size:12px;line-height:1.5;color:#a8b1bd}.change-notifications li b{display:block;margin-top:10px;font-size:13px;color:var(--accent)}.change-notifications li p{font-size:13px;line-height:1.6;margin-bottom:0;color:var(--muted)}.notice-message{margin-top:12px;font-size:13px;color:#a8b1bd}.notice-message summary{cursor:pointer;line-height:1.6;padding:7px 0}.notice-message p{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 0}.notice-retry{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.notice-retry h4{font-size:14px;margin:0 0 10px}.notice-retry .check-line{display:flex;align-items:flex-start;margin:14px 0;gap:12px}.notice-retry .button{margin-top:14px}.notice-retry .text-button{margin-top:12px}.notice-retry-note{margin-top:10px}.notice-retry-preview{white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid var(--accent);padding:10px 12px;margin:12px 0!important;color:#dadee3!important}.delivery-history{margin-top:32px;border-top:1px solid var(--line);padding-top:24px}.delivery-filter{display:grid;gap:8px;margin-bottom:16px}.delivery-filter select{max-width:100%;width:100%;padding:12px;border-radius:10px;background:var(--panel);color:#eaedf0;border:1px solid var(--line)}.delivery-history li{overflow-wrap:anywhere}.delivery-history h3{margin:0 0 10px}.delivery-history>button{margin:10px 0}.admin-tools{margin:0 0 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.admin-tools>summary{min-height:48px;padding:14px 16px;cursor:pointer;font-size:13px;font-weight:650;color:var(--accent);line-height:1.5;overflow-wrap:anywhere}.admin-navigation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:0 12px 12px}.admin-navigation>button{min-height:48px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#20262e;text-align:left;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.admin-navigation>button:hover{border-color:#4c5c70}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.month-heading{flex-wrap:wrap;gap:12px}.month-heading>div:first-child{min-width:0}.month-actions{margin-left:auto}.month-actions button{min-width:44px;min-height:44px;height:auto}.month-actions .today-button{font-size:12px;padding:0 10px}.day,.view-switch button,.text-button{min-height:44px}.refresh,.editor-back,.modal-top>button{min-width:44px;min-height:44px;width:44px;height:44px;flex-shrink:0}.event-form input:not([type=file]):not([type=checkbox]):not([type=radio]),.event-form textarea,.event-form select,.search input,.admin-responses select,.reminder-panel input[type=number],.reminder-panel select,.delivery-filter select,.management-confirm textarea{font-size:16px}.event-form input[type=checkbox],.event-form input[type=radio]{width:18px;height:18px;min-height:18px;padding:0;margin:2px 0;flex-shrink:0}.check-line,.binding-approval{min-height:44px}.error,.form-note,.small,.event-meta,.event-info>p,.detail-facts strong{overflow-wrap:anywhere}.event-modal{overscroll-behavior-y:contain}@media(max-width:360px){.admin-navigation{grid-template-columns:minmax(0,1fr)}.form-row{grid-template-columns:minmax(0,1fr);gap:16px}}.member-chip{position:static}.backup-status p{line-height:1.65;overflow-wrap:anywhere}.backup-warning{color:#e4bd89}.backup-note{margin-top:12px}.backup-status dd{max-width:100%}.event-history{margin:24px 0;padding:16px;border:1px solid var(--line);border-radius:14px}.event-history summary{cursor:pointer;min-height:44px;line-height:1.5;padding:10px 0;font-size:14px;font-weight:650}.event-history .small{font-size:12px;line-height:1.65;color:var(--muted)}.event-history ol{list-style:none;padding:0;margin:16px 0;display:grid;gap:12px}.event-history li{padding:14px;background:#20262e;border-radius:10px;min-width:0;overflow-wrap:anywhere}.event-history h4{font-size:14px;margin:0 0 7px}.event-history dd{margin:6px 0 16px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65}.event-history dt{font-size:11px;color:var(--muted)}.event-history dl{margin:10px 0 0}.event-history .button,.history-count{margin-top:12px}.history-field{border-top:1px solid var(--line);margin-top:10px}:root{background:#0b1016;color:#eef3f8;--accent:#66b2ff;--muted:#a0adbd;--line:#2a3543;--panel:#141c26}body{background:radial-gradient(ellipse at 50% 0,#182838 0,transparent 430px),#0b1016}.calendar-app,.entry{max-width:640px;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(26px,env(safe-area-inset-bottom))}.brand{gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}.club-logo{display:block;width:94px;height:94px;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen;flex-shrink:0}.brand-name{font-size:16px;letter-spacing:1.2px;color:#eef3f8;line-height:1.5}.brand-name span{font-size:11px;letter-spacing:.2px;line-height:1.5;color:var(--muted)}.welcome{padding:0;margin-bottom:20px}.welcome>.eyebrow{display:none}.welcome h1{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin:0}.welcome>p{font-size:13px;margin-top:8px}.title-dot{color:var(--accent)}.member-chip{position:static;margin-top:16px;background:#141e29;border:1px solid var(--line);border-radius:12px;display:inline-flex;max-width:100%;padding:9px 12px;gap:10px}.avatar{background:#23374d;color:#b8daff}.verified{color:#8bc5ff}.member-chip small{color:var(--muted)}.button{background:#1b2633;border-color:#344557;color:#eef3f8;border-radius:12px}.button.primary{background:#1763c4;border-color:#287de3;color:#fff;font-weight:650}.button.primary:hover{background:#2073d8}.create-event{margin:0 0 16px;min-height:48px}.admin-tools{background:#121b25;border-color:var(--line);margin-bottom:20px}.admin-tools>summary{color:#d4dfec}.admin-navigation button{background:#1c2836;border-color:#344557;color:#dde8f5}.view-switch{background:#121b25;border:1px solid var(--line);padding:4px;border-radius:13px}.view-switch button{color:var(--muted);border-radius:9px;min-height:44px}.view-switch button[aria-pressed=true]{background:#25384e;color:#d2e9ff}.month-card{background:linear-gradient(145deg,#16212d,#101820);border-color:var(--line);border-radius:20px;box-shadow:0 14px 35px #0002}.month-heading .eyebrow{display:none}.month-heading h2{font-size:25px;letter-spacing:-.5px}.month-heading h2 span{color:#aab9ca}.month-actions button{background:#202e3e;border-color:#364b62;color:#e0edfb;min-height:44px;min-width:36px}.month-actions .today-button{font-size:11px}.weekdays{color:#a5b9cf;font-size:11px}.day{color:#e4edf8;min-height:46px;border-radius:12px;font-size:15px}.day.outside{color:#738196}.day.today{border-color:#5788bc;background:#14283e;color:#c9e5ff}.day.selected,.day.today.selected{background:#1763c4;border-color:#4194fa;color:#fff;box-shadow:none}.event-markers i,.calendar-legend i{background:#65b1ff}.day.selected .event-markers i{background:#fff}.calendar-legend{color:#9aadc2}.event-card{background:#141e29;border-color:var(--line);border-radius:15px;padding:17px 14px;gap:14px}.event-date{background:#223348;border-color:#3a5572;color:#c9e5ff;border-radius:12px;width:56px;flex-shrink:0}.event-info h3{font-size:17px;font-weight:650}.event-meta{font-size:11px;color:#c4d6ea;flex-wrap:wrap;gap:6px 12px}.event-info>p{font-size:12px;color:#a2b2c5}.response-counts{font-size:11px}.card-arrow{color:#8dbef2;font-size:20px}.going{color:#91d59c}.later{color:#eed08a}.not-going,.cancel-badge{color:#ec9d9d!important}.section-heading h2{font-size:21px}.app-footer{color:#8599b1;font-size:10px}.empty-events{background:#111a24;border-color:#2e4055}.event-modal{background:#101820;border-color:#304356;max-height:94dvh;border-radius:22px 22px 0 0;padding:20px 20px calc(26px + env(safe-area-inset-bottom))}.modal-top>button{background:#223247;color:#cbdced}.event-modal>h2{font-size:29px;letter-spacing:-.6px;margin-bottom:20px}.detail-facts{background:#172330;padding:17px;border:1px solid var(--line);border-radius:14px;gap:18px;margin:20px 0}.detail-facts span{font-size:10px;color:#91a9c3;letter-spacing:1px}.detail-facts strong{font-size:15px;line-height:1.5}.description{color:#d1dce9;font-size:15px;line-height:1.65}.event-cover{border-radius:15px;max-height:300px;margin:16px 0;object-fit:cover}.participants p{color:#b9cadd;font-size:14px}.participants h4{font-size:13px;margin-bottom:10px}.participants section{padding:14px;background:#17212d;border:1px solid var(--line);border-radius:12px}.response-panel{background:#141f2b;border-color:#30465e;border-radius:16px;padding:18px 14px}.response-choice{background:#1f2d3d;border-color:#3a4b60;min-height:82px;color:#e2ebf6;font-size:13px}.response-choice.going[aria-pressed=true]{background:#1763c4;border-color:#4799ff;box-shadow:none;color:#fff}.response-choice.later[aria-pressed=true]{background:#493e22;border-color:#c6a95c;box-shadow:none}.response-choice.not_going[aria-pressed=true]{background:#442930;border-color:#ce7c87;box-shadow:none}.event-admin-tools{margin:25px 0 0;padding:0 16px 16px;background:#131e2a;border:1px solid var(--line);border-radius:15px}.event-admin-tools>summary{cursor:pointer;min-height:52px;padding:16px 0;font-size:14px;font-weight:600;color:#b7d7f9}.event-admin-tools:not([open]){padding-bottom:0}.event-admin-tools .event-management{margin-top:4px;padding-top:4px;border-top:0}.event-admin-tools .event-history{background:#182534}.event-admin-tools .history-item{background:#213144}:focus-visible{outline:2px solid #87c4ff;outline-offset:3px}.text-button{color:#87c4ff}@media(min-width:560px){.welcome h1{font-size:32px}.member-chip{position:static}.event-modal{border-radius:22px;max-height:88dvh}}@media(max-width:360px){.brand{gap:12px}.club-logo{width:78px;height:78px}.brand-name{font-size:14px}.welcome h1{font-size:26px}.month-heading h2{font-size:21px}.month-actions .today-button{padding:0 7px}.event-modal{padding-left:15px;padding-right:15px}.event-card{gap:10px}.response-choice{font-size:12px}}.calendar-management:has(.create-event){margin-top:28px}.calendar-management .admin-tools{margin-bottom:0}.calendar-management:empty{display:none}@media(max-width:360px){.month-heading{flex-direction:column;align-items:stretch;gap:12px}.month-actions{justify-content:space-between}.month-actions .today-button{flex:1}}[hidden]{display:none!important}.calendar-app{--page-gutter:22px;padding-top:calc(18px + max(env(safe-area-inset-top),var(--tg-content-safe-area-inset-top,0px)));padding-bottom:calc(24px + max(env(safe-area-inset-bottom),var(--tg-content-safe-area-inset-bottom,0px)))}.club-logo{filter:none;mix-blend-mode:normal;object-fit:contain;width:86px;height:86px}.brand-hero{position:relative;isolation:isolate;height:246px;margin:0 calc(-1 * var(--page-gutter)) 12px;padding:12px 20px 24px;display:flex;flex-direction:column;justify-content:center;gap:10px;border:0;overflow:hidden;background:#09111a}.club-road{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 64%;z-index:-2}.brand-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08101920 0,#09111a15 45%,#0b1016)}.brand-hero .club-logo{width:174px;height:174px;filter:drop-shadow(0 3px 8px #0009)}.brand-hero .brand-name{font-size:11px;letter-spacing:2px;text-align:center;color:#d9e0e8}.brand-hero .brand-name span{display:none}.calendar-app .welcome{margin:0 0 15px;padding:0}.calendar-app .welcome>h1,.calendar-app .welcome>p{display:none}.calendar-app .member-chip{margin-top:0;padding:5px 9px;min-height:34px;background:transparent;border:0;gap:7px;font-size:12px}.calendar-app .member-chip .avatar{width:28px;height:28px;font-size:12px}.calendar-app .member-chip small{display:inline;margin-left:7px;font-size:10px}.month-card{border:0;background:linear-gradient(180deg,#121b24a0,#0c141c80);box-shadow:none;border-radius:16px}.month-heading h2{text-transform:uppercase;font-size:23px;font-weight:500;letter-spacing:.7px}.month-heading h2 span{font-size:15px;letter-spacing:0}.day{border-radius:50%;aspect-ratio:1;min-height:44px;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.day.selected{background:linear-gradient(145deg,#339aff,#1461d0);box-shadow:0 3px 14px #1270df22}.weekdays{border-bottom:1px solid #263545;padding-bottom:12px}.view-switch{background:#0f1821}.event-card{background:linear-gradient(120deg,#17232fe0,#101922);border:1px solid #25334280;transition:background-color .18s ease,transform .15s ease;animation:club-enter .22s ease-out}.event-card:active{transform:scale(.985)}.event-thumb{width:82px;height:86px;flex-shrink:0;border-radius:11px;overflow:hidden;background:#1d2e3e;display:grid;place-items:center}.event-thumb .event-cover{width:100%;height:100%;object-fit:cover;border-radius:0;margin:0}.event-thumb .cover-loading{font-size:10px;padding:8px;background:transparent}.event-thumb>.small{font-size:10px;padding:6px}.event-date{height:74px}.card-arrow{font-size:22px}.event-modal{animation:club-sheet .22s cubic-bezier(.2,.8,.2,1);background:#0d151d}.event-modal>.event-cover{width:calc(100% + 40px);max-width:none;margin:0 -20px 20px;border-radius:0;max-height:240px;mask-image:linear-gradient(#000 70%,transparent);-webkit-mask-image:linear-gradient(#000 70%,transparent)}.event-modal>.modal-top{margin-bottom:15px}.event-modal>h2{font-size:30px}.detail-facts{border:0;background:transparent;padding:0;gap:15px}.detail-facts strong{font-size:14px}.detail-facts>div:last-child{padding-top:5px}.event-tabs{display:flex;border-bottom:1px solid var(--line);margin:22px -4px 18px;gap:0}.event-tabs button{flex:1;min-height:46px;padding:10px 5px;color:#a5b4c6;background:transparent;border-bottom:2px solid transparent;font-size:13px;transition:color .18s ease,border-color .18s ease}.event-tabs button[aria-selected=true]{color:#73bcff;border-bottom-color:#3494ff}.event-modal [role=tabpanel]:not([hidden]){animation:club-enter .18s ease-out}.event-admin-tools{border:0;background:transparent;margin:0;padding:0}.event-admin-tools .event-management{margin-top:0}.participants{border-top:0;margin-top:0;padding-top:0}.participants section{background:#141f29;border-color:#273543}.description{font-size:14px}.response-choice{transition:background-color .18s ease,border-color .18s ease,transform .12s ease}.response-choice:active{transform:scale(.97)}.response-panel{border:0;background:transparent;padding:18px 0;border-top:1px solid var(--line);border-radius:0}.days{animation:club-enter .18s ease-out}.button{transition:background-color .18s ease,transform .12s ease}.button:active:not(:disabled){transform:scale(.985)}@keyframes club-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes club-sheet{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(min-width:560px){.calendar-app{--page-gutter:35px}.brand-hero{height:270px}.brand-hero .club-logo{width:190px;height:190px}}@media(max-width:360px){.calendar-app{--page-gutter:15px}.brand-hero{height:220px}.brand-hero .club-logo{width:155px;height:155px}.month-heading h2{font-size:21px}.event-thumb{width:66px;height:76px}.event-modal>.event-cover{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px}.event-tabs button{font-size:12px}.calendar-app .member-chip small{display:block;margin-left:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.button:active,.event-card:active,.response-choice:active{transform:none!important}}.card-calendar-date{display:block;color:#b9c9dc;font-size:12px;line-height:1.5;margin-bottom:4px}.next-outing{margin:25px 0 28px;padding:18px 14px;background:linear-gradient(135deg,#17314a77,#14212e88);border:1px solid #35608380;border-radius:18px}.next-outing-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}.next-outing h2{font-size:18px;font-weight:650;letter-spacing:-.3px}.next-outing-heading>span{padding:6px 10px;background:#20486d;border-radius:20px;color:#b9deff;font-size:11px;font-weight:650}.next-outing .event-card{background:transparent;padding:0;border:0;animation:none}.next-outing .event-thumb{width:90px;height:104px}.next-outing .event-date{height:80px}.cover-reveal{position:fixed;z-index:40;object-fit:cover;transform-origin:top left;pointer-events:none;max-width:none;will-change:transform;border-radius:0;mask-image:linear-gradient(#000 70%,transparent);-webkit-mask-image:linear-gradient(#000 70%,transparent)}@media(max-width:360px){.next-outing{padding:15px 12px}.next-outing h2{font-size:16px}.next-outing .event-thumb{width:68px;height:90px}.next-outing-heading>span{font-size:10px}}@media(prefers-reduced-motion:reduce){.cover-reveal{display:none!important}}.event-modal.has-cover-reveal{animation:none}.event-modal.revealing-cover>.event-cover{visibility:hidden}.event-cover{height:auto;max-height:none;object-fit:contain}.event-thumb .event-cover{object-fit:contain}.event-modal>.event-cover{height:auto;max-height:none;object-fit:contain}.event-modal>.event-cover,.cover-reveal{mask-image:linear-gradient(90deg,#0009,#000 5% 95%,#0009),linear-gradient(#0009,#000 5% 95%,#0009);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,#0009,#000 5%,#000 95%,#0009),linear-gradient(#0009,#000 5%,#000 95%,#0009);-webkit-mask-composite:source-in}.cover-reveal{object-fit:contain}.event-modal>.event-cover{height:220px;max-height:30dvh;object-fit:contain;object-position:center;background:#0d151d}.series-card>.button{margin-top:16px}.event-cover-frame{width:calc(100% + 40px);margin:0 -20px 20px}.cover-open{display:block;position:relative;width:100%;height:220px;max-height:30dvh;padding:0;background:#0d151d;border-radius:0;overflow:hidden}.cover-open:disabled{opacity:1}.event-cover-frame .event-cover{width:100%;height:100%;max-height:none;object-fit:cover;margin:0;border-radius:0}.event-cover-frame .event-cover{mask-image:linear-gradient(90deg,#0009,#000 5% 95%,#0009),linear-gradient(#0009,#000 5% 95%,#0009);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,#0009,#000 5%,#000 95%,#0009),linear-gradient(#0009,#000 5%,#000 95%,#0009);-webkit-mask-composite:source-in}.cover-zoom{position:absolute;right:14px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#0b152bd9;color:#fff;font-size:27px;pointer-events:none}.cover-open:disabled .cover-zoom{display:none}.event-modal.revealing-cover .event-cover-frame .event-cover{visibility:hidden}.cover-reveal{object-fit:cover}.photo-viewer{position:fixed;inset:0;z-index:60;background:#05090ff5;display:flex;align-items:center;justify-content:center;padding:calc(68px + env(safe-area-inset-top)) 12px calc(20px + env(safe-area-inset-bottom));overscroll-behavior:contain}.photo-viewer>img{width:100%;height:100%;object-fit:contain;max-width:none;-webkit-mask:none;mask:none;touch-action:pinch-zoom}.photo-close{position:absolute;right:calc(16px + env(safe-area-inset-right));top:calc(16px + env(safe-area-inset-top));width:44px;height:44px;border-radius:50%;background:#233449;color:#fff;font-size:30px}.cover-open:focus-visible,.photo-close:focus-visible{outline:2px solid #83c5ff;outline-offset:-3px}@media(max-width:360px){.event-cover-frame{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px}}.event-cover-frame{aspect-ratio:16/9;overflow:hidden;background:#0d151d}.event-cover-frame>.event-cover{width:100%;height:100%;object-fit:cover;max-height:none}.photo-crop{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.photo-crop h3{font-size:17px;margin-bottom:8px}.crop-frame{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#0d151d;touch-action:none;margin:14px 0;cursor:grab}.crop-frame:active{cursor:grabbing}.crop-frame img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.photo-crop fieldset{border:0;padding:0;min-width:0}.photo-crop input[type=range]{padding:0!important;min-height:44px;accent-color:var(--accent)}.photo-crop .button,.photo-crop .text-button{margin-top:12px}