*,:before,:after{box-sizing:border-box}.admin-root{background:var(--bg);color:var(--text);z-index:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;display:flex;position:fixed;inset:0;overflow:hidden}.admin-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:210px;padding:0;display:flex;overflow-y:auto}.admin-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:18px 16px;display:flex}.admin-logo-icon{background:var(--accent);width:30px;height:30px;color:var(--on-accent);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.admin-logo-text{color:var(--text);font-size:13px;font-weight:600;line-height:1.2}.admin-logo-badge{color:var(--accent);letter-spacing:.04em;font-size:10px;font-weight:400;display:block}.admin-nav{flex:1;padding:10px 8px}.admin-nav-item{color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13px;text-decoration:none;transition:background .12s;display:flex}.admin-nav-item:hover{background:var(--surface-3);color:var(--text)}.admin-nav-item.active{background:var(--accent-tint);color:var(--accent);font-weight:500}.admin-nav-item i{flex-shrink:0;font-size:17px}.admin-nav-bottom{border-top:1px solid var(--border);padding:10px 8px}.admin-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.admin-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 24px;display:flex}.admin-page-title{flex:1;font-size:15px;font-weight:600}.admin-content{flex:1;padding:24px;overflow-y:auto}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.admin-metric{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.admin-metric-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:8px;font-size:11px}.admin-metric-val{font-size:26px;font-weight:600;line-height:1}.admin-metric-delta{margin-top:6px;font-size:11px}.delta-up{color:var(--accent)}.delta-down{color:var(--danger)}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 20px}.admin-card-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:14px;font-size:11px;font-weight:600}.admin-row-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.abadge{border-radius:5px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.abadge-green{background:var(--accent-tint);color:var(--accent)}.abadge-amber{background:var(--warn-tint);color:var(--warn)}.abadge-red{background:var(--danger-tint);color:var(--danger)}.abadge-blue{background:var(--info-tint);color:var(--info)}.abadge-gray{background:var(--surface-3);color:var(--text-2)}.admin-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}.admin-table tbody tr{border-bottom:1px solid var(--surface-3);transition:background .1s}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody tr:hover{background:var(--surface-3)}.admin-table tbody td{vertical-align:middle;padding:11px 16px}.a-avatar{background:var(--info-tint);width:30px;height:30px;color:var(--info);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.admin-btn{cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:500;transition:background .12s;display:inline-flex}.admin-btn:hover{background:var(--surface-3)}.admin-btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.admin-btn-danger:hover{background:var(--danger-tint)}.admin-btn-warn{border-color:var(--warn);color:var(--warn);background:0 0}.admin-btn-warn:hover{background:var(--warn-tint)}.admin-btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.admin-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.admin-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.admin-search-wrap{flex:1;min-width:200px;max-width:300px;position:relative}.admin-search-wrap i{color:var(--text-3);font-size:15px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.admin-search{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:7px;padding:8px 10px 8px 32px;font-size:13px}.admin-select{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:7px;padding:8px 10px;font-size:13px}.admin-pagination{color:var(--text-3);align-items:center;gap:6px;margin-top:16px;font-size:12px;display:flex}.admin-page-btn{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;color:var(--text);border-radius:6px;padding:4px 10px;font-size:12px}.admin-page-btn:hover{background:var(--surface-3)}.admin-page-btn.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.admin-page-btn:disabled{opacity:.4;cursor:default}.admin-breadcrumb{color:var(--text-3);align-items:center;gap:6px;margin-bottom:16px;font-size:12px;display:flex}.admin-breadcrumb a{color:var(--text-3);cursor:pointer;text-decoration:none}.admin-breadcrumb a:hover{color:var(--text)}.admin-detail-header{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:16px;margin-bottom:20px;padding:18px 20px;display:flex}.admin-big-avatar{background:var(--info-tint);width:52px;height:52px;color:var(--info);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.admin-detail-name{font-size:18px;font-weight:600}.admin-detail-meta{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:10px;margin-top:3px;font-size:12px;display:flex}.admin-detail-actions{flex-shrink:0;gap:8px;margin-left:auto;display:flex}.admin-3col{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.admin-field-row{border-bottom:1px solid var(--surface-3);justify-content:space-between;align-items:center;gap:8px;padding:7px 0;font-size:13px;display:flex}.admin-field-row:last-child{border-bottom:none}.admin-field-label{color:var(--text-3);flex-shrink:0}.admin-field-val{text-align:right;font-weight:500}.admin-activity-row{border-bottom:1px solid var(--surface-3);gap:10px;padding:8px 0;font-size:12px;line-height:1.4;display:flex}.admin-activity-row:last-child{border-bottom:none}.admin-activity-time{width:56px;color:var(--text-3);flex-shrink:0;font-size:11px}.admin-loading{height:200px;color:var(--text-3);justify-content:center;align-items:center;font-size:13px;display:flex}.admin-error{background:var(--danger-tint);border:1px solid var(--danger-tint-border);color:var(--danger);border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px}.admin-overlay{z-index:100;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-dialog{background:var(--surface);border-radius:12px;width:100%;max-width:380px;margin:0 16px;padding:24px 28px}.admin-dialog h3{margin-bottom:8px;font-size:16px;font-weight:600}.admin-dialog p{color:var(--text-2);margin-bottom:20px;font-size:13px;line-height:1.5}.admin-dialog-btns{justify-content:flex-end;gap:10px;display:flex}@media (width<=820px){.admin-root{flex-direction:column}.admin-sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;width:100%;overflow-x:auto}.admin-logo{border-bottom:none;flex-shrink:0;padding:12px 14px}.admin-nav{gap:4px;padding:8px;display:flex}.admin-nav-item{white-space:nowrap;padding:8px 12px}.admin-nav-bottom{border-top:none;flex-shrink:0;gap:4px;padding:8px;display:flex}.admin-content{padding:14px}.admin-metrics{grid-template-columns:1fr 1fr}.admin-3col,.admin-row-2{grid-template-columns:1fr}.admin-search-wrap{max-width:none}.admin-table{min-width:720px}}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--focus-ring:2px solid var(--accent);--header-h:52px;--nav-h:64px}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1113;--surface:#161a1b;--surface-2:#131718;--surface-3:#1f2526;--border:#23292a;--border-strong:#2b3130;--border-hover:#4a5450;--text:#eef1ec;--text-2:#b9c0b6;--text-3:#7f8a80;--scrim:#0e11138c;--scrim-strong:#000000e0;--on-photo:#eef1ec;--on-photo-bg:#0e1113a6;--danger:#f2564b;--danger-tint:#f2564b1f;--danger-tint-border:#f2564b61;--warn:#f2913d;--warn-tint:#f2913d1f;--warn-tint-border:#f2913d59;--info:#5aa9f0;--info-tint:#5aa9f01f;--info-tint-border:#5aa9f059;--link:#a98cf0;--link-tint:#a98cf01f;--link-tint-border:#a98cf059;--type-boulder:var(--accent);--type-rope:var(--accent-mid);--type-multi:var(--accent-strong);--on-type-boulder:var(--on-accent);--on-type-rope:var(--on-accent-mid);--on-type-multi:var(--on-accent-strong)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f0;--surface:#fff;--surface-2:#fff;--surface-3:#eceee6;--border:#e2e5db;--border-strong:#cfd4c6;--border-hover:#b9c0ae;--text:#171a15;--text-2:#4e564a;--text-3:#5c6455;--scrim:#171a1559;--scrim-strong:#000000e0;--on-photo:#eef1ec;--on-photo-bg:#0e1113a6;--danger:#c0362c;--danger-tint:#c0362c1a;--danger-tint-border:#c0362c57;--warn:#9a5209;--warn-tint:#9a52091a;--warn-tint-border:#9a520952;--info:#2f6da8;--info-tint:#2f6da81a;--info-tint-border:#2f6da852;--link:#6a4fbd;--link-tint:#6a4fbd1a;--link-tint-border:#6a4fbd52;--type-boulder:var(--accent);--type-rope:var(--accent-mid);--type-multi:var(--accent-soft);--on-type-boulder:var(--on-accent);--on-type-rope:var(--on-accent-mid);--on-type-multi:var(--on-accent-soft)}:root,[data-theme=dark][data-palette=default]{--accent:#c6f24e;--accent-hover:#d8f97e;--accent-active:#b2dd42;--on-accent:#12160e;--accent-strong:#4d6a1f;--on-accent-strong:#eef1ec;--accent-mid:#89b23a;--on-accent-mid:#12160e;--accent-soft:#c6f24e;--on-accent-soft:#12160e;--accent-tint:#c6f24e1a;--accent-tint-strong:#c6f24e38;--accent-tint-border:#c6f24e47;--accent-glow:#c6f24e1a;--accent-selection:#c6f24e4d}[data-theme=light][data-palette=default]{--accent:#35521a;--accent-hover:#446a21;--accent-active:#2b4315;--on-accent:#fff;--accent-strong:#16210b;--on-accent-strong:#fff;--accent-mid:#4e7d1c;--on-accent-mid:#fff;--accent-soft:#8cb03a;--on-accent-soft:#16210b;--accent-tint:#eaf1dc;--accent-tint-strong:#dbe8c4;--accent-tint-border:#c3d69b;--accent-glow:#35521a12;--accent-selection:#35521a38}[data-theme=dark][data-palette=pink]{--accent:#ee4090;--accent-hover:#f4629f;--accent-active:#d63080;--on-accent:#1a0410;--accent-strong:#9c2a60;--on-accent-strong:#fff;--accent-mid:#c4357a;--on-accent-mid:#fff;--accent-soft:#ee4090;--on-accent-soft:#1a0410;--accent-tint:#ee40901a;--accent-tint-strong:#ee409038;--accent-tint-border:#ee409047;--accent-glow:#ee40901a;--accent-selection:#ee40904d}[data-theme=light][data-palette=pink]{--accent:#b32a6d;--accent-hover:#c73d7e;--accent-active:#9a2159;--on-accent:#fff;--accent-strong:#5c1739;--on-accent-strong:#fff;--accent-mid:#d15590;--on-accent-mid:#2a0512;--accent-soft:#ef7bad;--on-accent-soft:#2a0512;--accent-tint:#fbe6ef;--accent-tint-strong:#f7d2e3;--accent-tint-border:#eaa9c6;--accent-glow:#b32a6d12;--accent-selection:#b32a6d38}:root{--accent-dark:var(--accent-strong);--state-repeat:var(--accent-strong);--state-incomplete:var(--danger);--green:var(--accent);--green-light:var(--accent);--green-pale:var(--accent-tint);--orange:var(--accent);--orange-dark:var(--accent-hover);--card:var(--surface);--text-muted:var(--text-3)}body{background:var(--bg);color:var(--text);max-width:480px;margin:0 auto;font-family:Archivo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::selection{background:var(--accent-selection)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--focus-ring);outline-offset:2px}input,select,textarea,button{font-family:inherit}input,select,textarea{color-scheme:inherit}:disabled{opacity:.45}.app-shell{flex-direction:column;height:100dvh;display:flex}.app-header{height:var(--header-h);background:var(--surface-2);color:var(--text);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:flex-end;align-items:center;padding:0 1rem;display:flex;position:relative}.app-title{letter-spacing:-.01em;white-space:nowrap;font-size:17px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.header-logout{background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text-2);cursor:pointer;border-radius:9px;padding:.3rem .7rem;font-size:.8rem}.header-logout:hover{border-color:var(--border-hover);color:var(--text)}.header-right{position:relative}.header-burger{background:var(--surface-3);border:1px solid var(--border-strong);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;display:inline-flex}.header-burger:hover{border-color:var(--border-hover);color:var(--text)}.burger-menu{background:var(--surface);border:1px solid var(--border-strong);z-index:200;border-radius:12px;min-width:160px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.burger-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;font-size:.9rem;transition:background .12s;display:block}.burger-item:hover{background:var(--surface-3)}.burger-item--danger{color:var(--danger)}.burger-divider{background:var(--border);height:1px;margin:2px 0}.header-back{background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text-2);cursor:pointer;border-radius:9px;padding:.3rem .7rem;font-size:.85rem}.header-back--icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.header-back--icon:hover{border-color:var(--border-hover);color:var(--text)}.app-main{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.bottom-nav{height:var(--nav-h);background:var(--surface-2);border-top:1px solid var(--border);flex-shrink:0;display:flex}.impersonation-banner{left:50%;bottom:calc(var(--nav-h) + 12px);z-index:1200;background:var(--orange);max-width:calc(100% - 24px);color:var(--on-accent);border-radius:999px;align-items:center;gap:12px;padding:8px 10px 8px 14px;font-size:.8rem;display:flex;position:fixed;transform:translate(-50%)}.impersonation-banner__text{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:inline-flex;overflow:hidden}.impersonation-banner__btn{background:var(--on-accent);color:var(--orange-dark);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.impersonation-banner__btn:hover{opacity:.85}.nav-item{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;transition:color .15s;display:flex}.nav-icon{color:var(--text-3);line-height:1;display:inline-flex}.nav-label{color:var(--text-3);font-size:10px;font-weight:400}.nav-item.active .nav-icon{color:var(--accent)}.nav-item.active .nav-label{color:var(--accent);font-weight:600}.tab-content{padding:1rem}.center-msg{text-align:center;color:var(--text-muted);padding:3rem 1rem}.route-load-error{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1.25rem;display:flex}.route-load-error p{max-width:32rem;color:var(--danger);background:var(--danger-tint);border:1px solid var(--danger-tint-border);border-radius:12px;margin:0;padding:.85rem 1rem;font-size:.9rem;line-height:1.5}.route-load-error .btn-primary{width:auto;padding:.6rem 1.4rem}.success-toast{bottom:calc(var(--nav-h) + 1rem);background:var(--green);color:var(--on-accent);z-index:500;white-space:nowrap;pointer-events:none;border-radius:24px;padding:.65rem 1.4rem;font-size:.95rem;font-weight:700;animation:.25s toast-in,.35s 1.65s forwards toast-out;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(12px)}}.completed-row{justify-content:space-between;align-items:center;padding:.1rem 0;display:flex}.completed-row>label:first-child{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.toggle-switch{cursor:pointer;flex-shrink:0;width:50px;height:28px;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background:var(--border-strong);border-radius:999px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-3);border-radius:50%;width:22px;height:22px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{background:var(--on-accent);transform:translate(22px)}.inline-field-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.inline-field-row>label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;font-size:.8rem;font-weight:600}.inline-number-input{border:1px solid var(--border);background:var(--card);width:90px;color:var(--text);text-align:center;border-radius:10px;flex-shrink:0;padding:.45rem .6rem;font-size:.95rem}.inline-number-input:focus{border-color:var(--green)}.inline-text-input{border:1px solid var(--border);background:var(--card);min-width:0;color:var(--text);border-radius:10px;flex:1;padding:.45rem .6rem;font-size:.9rem}.inline-text-input:focus{border-color:var(--green)}.inline-field-row .grade-inline-row{flex:1;justify-content:flex-end;min-width:0}.datetime-inline-row{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.datetime-inline-row input[type=date]{border:1px solid var(--border);background:var(--card);width:auto;color:var(--text);border-radius:10px;padding:.45rem .6rem;font-size:.9rem}.datetime-inline-row .time-input{border:1px solid var(--border);background:var(--card);width:110px;color:var(--text);border-radius:10px;flex-shrink:0;padding:.45rem .6rem;font-size:.9rem}.datetime-inline-row input:focus{border-color:var(--green)}.add-form{flex-direction:column;gap:.85rem;display:flex}.form-group{flex-direction:column;gap:.3rem;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text);border-radius:10px;width:100%;padding:.6rem .75rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:70px}.toggle-group{flex-wrap:wrap;gap:.5rem;display:flex}.inline-field-row>.toggle-group--fill{flex-wrap:nowrap;flex:1;min-width:0}.inline-field-row>.toggle-group--fill>.toggle-btn{min-width:0;padding:.5rem .4rem}.grade-inline-row{align-items:center;gap:.5rem;display:flex}.grade-inline-row select{flex:1;min-width:0;width:auto!important}.grade-system-toggle{flex-shrink:0;margin:0}.grade-system-toggle .toggle-btn{padding:.3rem .55rem;font-size:.78rem}.grade-select-compact{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:.45rem .6rem;font-size:.95rem;transition:border-color .2s}.grade-select-compact:focus{border-color:var(--green)}.toggle-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;color:var(--text-muted);white-space:normal;text-align:center;border-radius:10px;flex:1 1 0;padding:.55rem .5rem;font-size:.875rem;line-height:1.2;transition:all .15s}.toggle-btn:hover{border-color:var(--border-hover);background:var(--surface)}.toggle-btn.active{background:var(--accent-tint);border-color:var(--accent);color:var(--accent);font-weight:700}.palette-dot{vertical-align:-4px;border:1px solid var(--border-strong);border-radius:50%;width:18px;height:18px;margin-right:8px;display:inline-block}.star-picker{gap:.4rem;display:flex}.star{cursor:pointer;color:var(--text-3);background:0 0;border:none;padding:0;font-size:1.6rem;line-height:1;transition:color .1s}.star.active{color:var(--warn)}.btn-primary{background:var(--accent);min-height:44px;color:var(--on-accent);cursor:pointer;border:none;border-radius:10px;padding:.8rem;font-size:1rem;font-weight:700;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-active)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-save{width:100%}.modal-footer{background:var(--card);border-top:1px solid var(--border);flex-shrink:0;padding:.75rem 1rem 1rem}.save-bar-sticky{background:var(--bg);border-top:1px solid var(--border);z-index:10;margin-top:.5rem;padding:.75rem 0;position:sticky;bottom:0}.route-list{padding:0}.month-header{background:var(--surface-3);color:var(--text);border:1px solid var(--border-strong);border-radius:12px;justify-content:space-between;align-items:center;margin:1.4rem .75rem .9rem;padding:.7rem 1rem;display:flex}.month-header--first{margin-top:.5rem}.month-header-name{letter-spacing:.01em;font-size:1.3rem;font-weight:800}.month-header-count{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:.2rem .7rem;font-size:.85rem;font-weight:600}.route-filters{flex-direction:column;gap:.6rem;padding:.75rem .75rem .5rem;display:flex}.route-sort-row{justify-content:flex-start;padding:0 .75rem .5rem;display:flex}.route-sort-btn{border:1px solid var(--border);background:var(--card);color:var(--text-muted);cursor:pointer;border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.route-sort-btn:hover{color:var(--text);border-color:var(--green)}.date-filter-row{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.date-filter-field{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.date-filter-field span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.date-filter-input{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;width:100%;padding:.5rem .6rem;font-size:.9rem}.date-filter-input:focus{border-color:var(--green)}.date-filter-warning{color:var(--danger);background:var(--danger-tint);border-radius:8px;padding:.4rem .6rem;font-size:.8rem}.grade-filter-row{flex-wrap:wrap;gap:.35rem;display:flex}.grade-filter-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;min-height:34px;color:var(--text-muted);border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s}.grade-filter-btn.active{background:var(--green);border-color:var(--green);color:var(--on-accent);font-weight:600}.day-group{margin:0 .75rem 1.4rem}.day-head{align-items:center;gap:.75rem;padding:.25rem .25rem .7rem;display:flex}.day-date-box{text-align:center;background:var(--surface-3);border-radius:10px;flex-shrink:0;width:50px;padding:.45rem 0 .4rem;line-height:1}.day-date-dd{color:var(--accent);font-size:20px;font-weight:700}.day-date-mon{text-transform:uppercase;color:var(--text-2);letter-spacing:.05em;margin-top:.2rem;font-size:10px;font-weight:600}.day-head-meta{flex:1;min-width:0}.day-weekday{color:var(--text);font-size:1.1rem;font-weight:700}.day-env{color:var(--text-muted);font-size:.95rem;font-weight:600}.day-today-tag{background:var(--green-light);color:var(--on-accent);vertical-align:middle;border-radius:20px;margin-left:.5rem;padding:.1rem .55rem;font-size:.72rem;font-weight:700}.day-sub{color:var(--text);margin-top:.25rem;font-size:.95rem;font-weight:700}.day-stats{text-align:right;flex-shrink:0}.day-stats-big{color:var(--green);font-size:1.3rem;font-weight:800;line-height:1}.day-stats-lbl{color:var(--text-muted);font-size:.74rem;font-weight:600}.route-session{margin-bottom:.75rem}.session-head{background:var(--surface-3);border-radius:10px;align-items:center;gap:.55rem;margin-bottom:.5rem;padding:.5rem .75rem;display:flex}.session-env{flex-shrink:0;font-size:1.05rem}.session-loc{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.session-count{color:var(--text-2);flex-shrink:0;margin-left:auto;font-size:.82rem;font-weight:600}.day-routes{border-left:1px dashed var(--border-strong);flex-direction:column;gap:.5rem;margin-left:.9rem;padding-left:.5rem;display:flex}.route-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;padding:.75rem .85rem;position:relative}.route-card.attempted{border-left-color:var(--danger)}.route-card-top{align-items:center;gap:.75rem;display:flex}.route-grade-box{text-align:center;min-width:54px;color:var(--text);background:var(--surface-3);border:1px solid var(--border-strong);border-radius:10px;flex-shrink:0;padding:.4rem .6rem;font-size:17px;font-weight:700;line-height:1}.route-card-mid{flex:1;min-width:0}.route-grade{color:var(--text);white-space:nowrap;align-items:baseline;gap:3px;font-weight:800;display:flex}.route-grade-system{color:var(--text);letter-spacing:.02em;font-size:.75rem;font-weight:600}.route-type{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:600;overflow:hidden}.route-time{color:var(--text);margin-top:.2rem;font-size:.88rem;font-weight:500}.route-name{color:var(--text);margin-top:.6rem;font-size:1.05rem;font-weight:700;line-height:1.3}.route-card-actions{flex-shrink:0;gap:.4rem;display:flex}.icon-btn{border:1px solid var(--border-strong);width:34px;height:34px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.icon-btn:hover{border-color:var(--border-hover);color:var(--text)}.icon-btn:active{background:var(--surface-3)}.icon-btn svg{width:18px;height:18px;display:block}.route-card-badges{flex-wrap:wrap;gap:.45rem;margin-top:.6rem;display:flex}.badge{background:var(--surface-3);color:var(--text-2);white-space:nowrap;border-radius:7px;padding:.18rem .55rem;font-size:.82rem;font-weight:600}.badge-attempted{background:var(--danger-tint);color:var(--danger)}.badge-stars{background:var(--warn-tint);color:var(--warn)}.badge-attempts{background:var(--info-tint);color:var(--info)}.badge-flash{background:var(--accent);color:var(--on-accent);border-radius:999px;font-weight:700}.badge-tag{background:var(--surface-3);color:var(--text-2);border:1px solid var(--border-strong)}.location-input-wrap{position:relative}.location-input-wrap input{width:100%}.location-input-wrap.inline-text-input{flex:1;min-width:0}.location-input-wrap.inline-text-input input{border-radius:10px;padding:.45rem .6rem;font-size:.9rem}.location-dropdown{background:var(--card);border:1px solid var(--border-strong);border:1px solid var(--border);z-index:50;border-radius:10px;max-height:180px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.location-option{text-align:left;width:100%;color:var(--text);cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;padding:.6rem .9rem;font-size:.875rem;display:block}.location-option:last-child{border-bottom:none}.location-option:hover{background:var(--bg)}.route-location{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.78rem;overflow:hidden}.route-notes{color:var(--text);background:var(--surface-3);border-radius:8px;margin-top:.5rem;padding:.45rem .6rem;font-size:.92rem;font-style:italic;line-height:1.4}.route-added-by{color:var(--info);background:var(--info-tint);border-radius:7px;margin-top:.6rem;padding:.3rem .55rem;font-size:.82rem;display:inline-block}.route-added-by--mine{color:var(--text-muted)}.route-added-by--mine span{font-style:italic}.stats-page{flex-direction:column;gap:.5rem;padding-bottom:1.5rem;display:flex}.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:.6rem;display:grid}.stats-grid .stat-card:nth-child(3n-1):last-child,.stats-grid .stat-card:nth-child(3n):last-child{grid-column:span 1}.stats-grid:has(.stat-card:nth-child(5):last-child){grid-template-columns:1fr 1fr 1fr}.stats-grid:has(.stat-card:nth-child(5):last-child) .stat-card:nth-child(4){grid-column:1/span 2}.stats-grid:has(.stat-card:nth-child(5):last-child) .stat-card:nth-child(5){grid-column:3}.stat-card{background:var(--card);text-align:center;border:1px solid var(--border);border-radius:12px;padding:.75rem .5rem;position:relative}.stat-value{justify-content:center;align-items:center;display:inline-flex;position:relative}.stat-icon{margin-right:.3rem;font-size:1rem;line-height:1;position:absolute;right:100%}.stat-card.accent{border-color:var(--green);background:var(--green-pale)}.top-grades-card{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}.top-grades-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:600}.top-grades-values{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;display:flex}.top-grade-item{align-items:baseline;gap:.15rem;display:flex}.top-grade-name{color:var(--green);font-size:1rem;font-weight:800}.top-grade-count{color:var(--text-muted);font-size:.62rem}.top-grade-sep{color:var(--border);margin:0 .1rem;font-size:.75rem}.stat-value{color:var(--accent);font-size:24px;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;margin-top:.2rem;font-size:.68rem;font-weight:600}.stat-card-info{position:absolute;top:.4rem;right:.4rem}.info-locations-list{text-align:left;margin:0;padding-left:1.1rem}.info-locations-list li{margin-bottom:.25rem}.info-locations-list li:last-child{margin-bottom:0}.stat-sub{color:var(--text-muted);font-size:.65rem}.skill-level-card{background:var(--card);border:1px solid var(--border);border-radius:14px;align-items:center;gap:1rem;margin-bottom:.6rem;padding:14px 16px;display:flex;position:relative}.skill-level-value{letter-spacing:-.02em;color:var(--accent);font-size:32px;font-weight:700;line-height:.9}.skill-level-meta{border-left:1px solid var(--border);padding-left:1rem}.skill-level-range{color:var(--text);font-size:1.09rem;font-weight:400;line-height:1}.skill-level-label{margin-top:.25rem}.skill-level-label-strong{color:var(--text);font-size:1.11rem;font-weight:800}.skill-level-label-period{color:var(--text-muted);font-size:.78rem}.skill-compare-card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:.85rem;overflow:hidden}.skill-compare-header{background:var(--green);color:var(--on-accent);letter-spacing:.05em;text-transform:uppercase;text-align:center;padding:7px .5rem;font-size:.85rem;font-weight:800}.skill-compare-body{padding:.85rem .9rem}.skill-compare-row{align-items:center;gap:11px;display:flex}.skill-compare-row+.skill-compare-row{margin-top:.85rem}.skill-compare-toggle{flex-shrink:0}.skill-compare-rank{color:var(--text)}.skill-compare-toggle .toggle-slider{background:var(--border-strong)}.skill-compare-toggle input:checked+.toggle-slider{background:var(--accent)}.skill-compare-main{flex:1;min-width:0}.skill-compare-top{justify-content:space-between;align-items:baseline;margin-bottom:.35rem;display:flex}.skill-compare-name{font-size:.95rem;font-weight:800}.skill-compare-value{color:var(--text);font-size:1.1rem;font-weight:800}.skill-compare-range{color:var(--text-muted);margin-left:.45rem;font-size:.78rem}.skill-compare-na{color:var(--text-muted);font-size:1.1rem;font-weight:800}.skill-compare-bar{background:var(--surface-3);border-radius:999px;height:7px;overflow:hidden}.skill-compare-bar-fill{border-radius:999px;height:7px}.perf-card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.85rem;padding:.75rem .85rem;display:flex}.perf-section+.perf-section{border-top:1px solid var(--border);padding-top:.75rem}.perf-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:center;align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:flex}.perf-table{border-collapse:collapse;width:100%}.perf-table tr+tr td,.perf-table tr+tr th{border-top:1px solid var(--border)}.perf-row-label{text-align:left;color:var(--text);white-space:nowrap;width:1%;padding:.4rem 0;font-size:.82rem;font-weight:600}.perf-row-value{text-align:right;white-space:nowrap;padding:.4rem 0}.perf-grade{align-items:baseline;gap:.18rem;margin-left:.6rem;display:inline-flex}.perf-grade:first-child{margin-left:0}.perf-grade-name{color:var(--green);font-size:1rem;font-weight:800}.perf-grade-count{color:var(--text-muted);font-size:.62rem}.perf-num-cell{text-align:right;white-space:nowrap;padding:.4rem 0}.perf-num-cell--left{text-align:left;white-space:nowrap;width:1%;padding-left:.75rem}.perf-table--hardest .perf-row-label{width:100%}.perf-grade-num{color:var(--green);font-size:1.05rem;font-weight:800}.perf-grade-label-cell{text-align:left;width:1%;color:var(--text-muted);white-space:nowrap;padding:.4rem 0 .4rem .5rem;font-size:.8rem}.perf-na{color:var(--text-muted);font-weight:700}.perf-empty{color:var(--text-muted);font-size:.8rem}.info-i{cursor:pointer;background:var(--accent-strong);width:18px;height:18px;color:var(--on-accent-strong);text-transform:none;letter-spacing:normal;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:Georgia,Times New Roman,serif;font-size:.72rem;font-style:italic;font-weight:800;line-height:1;display:inline-flex}.info-i:hover{background:var(--accent);color:var(--on-accent)}.info-i--icon{color:var(--text-muted);background:0 0;width:auto;height:auto;padding:2px;font-size:1rem}.info-i--icon:hover{color:var(--accent);background:0 0}.info-modal-backdrop{background:var(--scrim);z-index:300;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.info-modal-dialog{background:var(--card);border:1px solid var(--border-strong);text-transform:none;letter-spacing:normal;border-radius:16px;width:min(340px,92vw);max-height:80dvh;padding:1.1rem 1.1rem 1.2rem;font-weight:400;position:relative;overflow-y:auto}.info-modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.1rem .3rem;font-size:1rem;position:absolute;top:.7rem;right:.8rem}.info-modal-title{color:var(--text);margin-bottom:.55rem;padding-right:1.5rem;font-size:1rem;font-weight:700}.info-modal-body{color:var(--text);font-size:.85rem;line-height:1.45}.chart-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}.chart-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.chart-legend{color:var(--text-muted);justify-content:center;gap:1rem;margin-top:.5rem;font-size:.78rem;display:flex}.dot{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.month-table{flex-direction:column;gap:.25rem;display:flex}.month-row{align-items:center;gap:.5rem;display:flex}.month-name{flex-shrink:0;width:48px;font-size:.78rem;font-weight:600}.month-bar-wrap{background:var(--surface-3);border-radius:6px;flex:1;height:22px;overflow:hidden}.bar-tooltip-wrap{height:22px}.month-bar-split{border-radius:6px;height:22px;transition:width .4s;display:flex;overflow:hidden}.month-bar-boulder{background:var(--type-boulder);justify-content:center;align-items:center;min-width:0;height:22px;display:flex;overflow:hidden}.month-bar-rope{background:var(--type-rope);justify-content:center;align-items:center;min-width:0;height:22px;display:flex;overflow:hidden}.month-bar-multi{background:var(--type-multi);justify-content:center;align-items:center;min-width:0;height:22px;display:flex;overflow:hidden}.month-bar-repeat{background:var(--state-repeat);flex-shrink:0;justify-content:center;align-items:center;min-width:0;height:22px;transition:width .4s;display:flex;overflow:hidden}.month-bar-incomplete{background:var(--state-incomplete);flex-shrink:0;justify-content:center;align-items:center;min-width:0;height:22px;transition:width .4s;display:flex;overflow:hidden}.month-bar-repeat span{color:var(--text);white-space:nowrap;padding:0 3px;font-size:.7rem;font-weight:700}.month-bar-incomplete span{color:var(--on-accent);white-space:nowrap;padding:0 3px;font-size:.7rem;font-weight:700}.month-bar-boulder span,.month-bar-rope span,.month-bar-multi span{white-space:nowrap;padding:0 3px;font-size:.7rem;font-weight:700}.month-bar-boulder span{color:var(--on-type-boulder)}.month-bar-rope span{color:var(--on-type-rope)}.month-bar-multi span{color:var(--on-type-multi)}.month-bar-legend{flex-wrap:wrap;gap:14px;margin-bottom:10px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:5px;font-size:.75rem;display:flex}.legend-dot{border-radius:2px;flex-shrink:0;width:10px;height:10px}.legend-item--boulder .legend-dot{background:var(--type-boulder)}.legend-item--rope .legend-dot{background:var(--type-rope)}.legend-item--multi .legend-dot{background:var(--type-multi)}.legend-item--repeat .legend-dot{background:var(--state-repeat)}.legend-item--incomplete .legend-dot{background:var(--state-incomplete)}.month-total-label{color:var(--text-muted);text-align:right;flex-shrink:0;width:28px;font-size:.78rem;font-weight:700}.auth-container{background:var(--bg);background-image:radial-gradient(420px 260px at 50% 6%, var(--accent-glow), transparent 70%);background-attachment:fixed;justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:400px;padding:2.25rem 1.75rem 2rem;animation:.45s cubic-bezier(.2,.8,.25,1) both auth-rise;position:relative}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-card--center{text-align:center}.verify-hint{background:var(--green-pale);border:1px solid var(--accent-tint-border);border-radius:12px;margin:.75rem 0;padding:.75rem 1rem;font-size:.875rem}.btn-sm{margin-top:.5rem;padding:.3rem .75rem;font-size:.8rem}.auth-logo{object-fit:cover;border-radius:18px;width:68px;height:68px;margin:0 auto .85rem;display:block}.auth-card h1{letter-spacing:.02em;text-transform:uppercase;text-align:center;color:var(--text);margin-bottom:.35rem;font-family:Anton,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:30px;font-weight:400;line-height:1.05}.auth-card h2{color:var(--text-2);text-align:center;margin-bottom:1.5rem;font-size:17px;font-weight:400}.auth-card .form-group{margin-top:1.1rem}.auth-card .form-group label{letter-spacing:.1em;color:var(--text-3);font-size:11px;font-weight:600}.auth-card .form-group input,.auth-card .form-group select{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:10px;padding:14px}.auth-card .form-group input:focus,.auth-card .form-group select:focus{background:var(--surface-3);border-color:var(--accent)}.auth-card .btn-primary{letter-spacing:.01em;border-radius:999px;margin-top:1.75rem;padding:14px 26px;font-weight:700}.auth-lang-switcher{border:1px solid var(--border);border-radius:999px;gap:2px;margin:0;padding:3px;display:inline-flex;position:absolute;top:1.1rem;right:1.1rem}.auth-lang-btn{letter-spacing:.04em;cursor:pointer;color:var(--text-3);background:0 0;border:none;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .18s}.auth-lang-btn:hover{color:var(--text-2)}.auth-lang-btn.active{color:var(--on-accent);background:var(--accent);font-weight:700}.form-row{gap:.75rem;display:flex}.form-row .form-group{flex:1}.btn-secondary{color:var(--text);border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:10px;padding:.45rem 1rem;font-size:.875rem;font-weight:600;transition:all .18s}.btn-secondary:hover{border-color:var(--border-hover);background:var(--surface)}.error-message{color:var(--danger);background:var(--danger-tint);border:1px solid var(--danger-tint-border);border-radius:10px;margin:.5rem 0 0;padding:.6rem .85rem;font-size:.875rem}.auth-link{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.875rem}.auth-link a{color:var(--green);font-weight:700;text-decoration:none}.auth-link a:hover{text-decoration:underline}.feedback-form{flex-direction:column;gap:1.1rem;display:flex}.feedback-intro{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.45}.feedback-form .btn-primary{margin-top:.25rem}.feedback-form small{margin-top:.1rem}.auth-link-btn{cursor:pointer;font:inherit;color:var(--green);background:0 0;border:none;padding:0;font-weight:700}.auth-link-btn:hover{text-decoration:underline}.auth-password-row{justify-content:flex-end;margin-top:.5rem;display:flex}.auth-forgot-link{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.auth-forgot-link:hover{color:var(--accent-hover)}.auth-remember-row{margin-top:.9rem}.auth-remember-label{color:var(--text-2);cursor:pointer;align-items:center;gap:10px;font-size:15px;display:flex}.auth-remember-label input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--accent);border-radius:5px}.auth-hint{color:var(--text-muted);text-align:center;margin-bottom:.75rem;font-size:.875rem;line-height:1.5}.auth-info-msg{color:var(--text);background:var(--green-pale,var(--accent-tint));border:1px solid var(--accent-tint-border);border-radius:12px;padding:.85rem 1rem;font-size:.875rem;line-height:1.5}.auth-divider{color:var(--text-3);text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:12px;margin:1.5rem 0;font-size:11px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.google-btn{border:1px solid var(--border-strong);width:100%;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:15px;transition:background .15s;display:flex}.google-btn:hover{background:var(--surface-3)}.google-btn:disabled{opacity:.6;cursor:default}.type-switcher{background:var(--card);border:1px solid var(--border);border-radius:22px;flex-wrap:wrap;gap:.25rem;padding:3px;display:inline-flex}.type-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:18px;padding:.4rem .9rem;font-size:.8rem;transition:all .15s}.type-tab.active{background:var(--green);color:var(--on-accent);font-weight:600}.grade-months{flex-direction:column;gap:.75rem;display:flex}.grade-month-label{color:var(--text);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--green-light);margin-bottom:.4rem;padding-bottom:.3rem;font-size:.9rem;font-weight:800}.grade-rows{flex-direction:column;gap:.3rem;display:flex}.grade-row{align-items:center;gap:.5rem;display:flex}.grade-tag{color:var(--green);flex-shrink:0;width:36px;font-size:.8rem;font-weight:700}.grade-count{color:var(--text-muted);text-align:right;flex-shrink:0;width:24px;margin-left:-.55rem;font-size:.8rem;font-weight:600}.grade-bar-wrap{background:var(--surface-3);border-radius:8px;flex:1;height:16px;display:flex;overflow:hidden}.grade-bar-fill{background:linear-gradient(90deg, var(--green), var(--green-light));border-radius:8px;justify-content:center;align-items:center;height:100%;transition:width .3s;display:flex;overflow:hidden}.grade-bar-repeat{background:var(--state-repeat);flex-shrink:0;justify-content:center;align-items:center;height:100%;transition:width .3s;display:flex;overflow:hidden}.grade-bar-incomplete{background:var(--state-incomplete);flex-shrink:0;justify-content:center;align-items:center;height:100%;transition:width .3s;display:flex;overflow:hidden}.grade-bar-fill span{color:var(--on-accent);white-space:nowrap;padding:0 3px;font-size:.62rem;font-weight:700}.grade-bar-repeat span{color:var(--text);white-space:nowrap;padding:0 3px;font-size:.62rem;font-weight:700}.grade-bar-incomplete span{color:var(--on-accent);white-space:nowrap;padding:0 3px;font-size:.62rem;font-weight:700}.grade-tag--unknown{color:var(--text-muted)}.grade-bar-fill--unknown{background:linear-gradient(90deg, var(--text-muted), var(--text-3))}.grade-bar-seg{flex-shrink:0;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.grade-bar-seg--flash{filter:brightness(.55)}.grade-bar-seg--green{background:var(--accent)}.grade-bar-seg--green.grade-bar-seg--flash{background:var(--accent-strong);filter:none}.grade-bar-seg span{color:var(--on-accent);white-space:nowrap;padding:0 3px;font-size:.62rem;font-weight:700}.grade-bar-seg--flash span{color:var(--on-accent-strong)}.chart-section-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.chart-section-head h3{margin-bottom:0}.flash-toggle-row{flex-shrink:0;align-items:center;gap:.4rem;display:inline-flex}.flash-toggle{cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex}.flash-toggle .toggle-switch{width:42px;height:24px}.flash-toggle .toggle-slider{background:var(--border-strong);border-radius:999px}.flash-toggle .toggle-slider:before{width:18px;height:18px}.flash-toggle .toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.flash-toggle .toggle-switch input:checked+.toggle-slider{background:var(--accent-strong)}.flash-toggle .toggle-switch input:checked+.toggle-slider:before{background:var(--on-accent-strong)}.flash-toggle-label{color:var(--text-muted);white-space:nowrap;font-size:.8rem;font-weight:700}.grade-month-total{border-top:1px dashed var(--border);color:var(--text-muted);text-align:right;margin-top:.5rem;padding-top:.4rem;font-size:.78rem}.grade-month-total strong{color:var(--green);font-size:.85rem}.no-data-msg{color:var(--text-muted);text-align:center;padding:1rem 0;font-size:.85rem}.grade-owner-label{letter-spacing:.01em;margin:.5rem 0 .35rem;font-size:.95rem;font-weight:800}.grade-multi-group{align-items:flex-start;gap:.5rem;padding:.1rem 0;display:flex}.grade-rows--single .grade-multi-group{border-top:none}.grade-multi-tag{flex-shrink:0;min-width:2.6rem;padding-top:.15rem;font-weight:800}.grade-multi-persons{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.grade-multi-persons .grade-row{gap:.4rem}.grade-person-name{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;min-width:4.5rem;font-size:.78rem;font-weight:700;overflow:hidden}.grade-month-totals{flex-wrap:wrap;gap:.75rem;margin-top:.4rem;font-size:.88rem;font-weight:700;display:flex}.grade-month-totals strong{font-weight:800}.grade-friend-block{border-top:1px dashed var(--border);margin-top:.4rem;padding-top:.4rem}.heatmap-section{flex-direction:column;gap:.75rem;display:flex}.heatmap-type-switcher{flex-wrap:wrap;gap:.4rem;display:flex}.heatmap-scroll-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.heatmap-table{border-collapse:collapse;min-width:max-content;font-size:.78rem}.heatmap-grade-col{width:36px}.heatmap-month-head{color:var(--text-muted);text-align:center;white-space:nowrap;min-width:30px;padding:.25rem .2rem;font-size:.65rem;font-weight:700}.heatmap-grade-label{color:var(--green);white-space:nowrap;text-align:left;padding:.25rem .4rem .25rem 0;font-size:.78rem;font-weight:700}.heatmap-cell{text-align:center;border-radius:5px;min-width:30px;height:28px;padding:.25rem .15rem;font-size:.72rem;font-weight:600}.heatmap-empty{color:var(--border-strong);font-weight:400}.heat-0{background:0 0}.heat-1{background:var(--accent-tint);color:var(--accent)}.heat-2{background:var(--accent-soft);color:var(--on-accent-soft)}.heat-3,.heat-4{background:var(--accent);color:var(--on-accent)}.heat-5{background:var(--accent-strong);color:var(--on-accent-strong)}.heatmap-legend{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.72rem;display:flex}.heatmap-legend-cell{border-radius:3px;width:16px;height:16px;display:inline-block}.heatmap-legend-label{font-size:.7rem}.pyramid-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.pyramid-header{align-items:center;gap:.5rem;display:flex}.pyramid-header h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex:1;font-size:.82rem;font-weight:700}.pyramid-info-btn{color:var(--green);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.1rem .25rem;font-size:1.25rem;font-weight:900;line-height:1;transition:opacity .15s}.pyramid-info-btn:hover{opacity:.7}.pyramid-person-switcher{flex-wrap:wrap;gap:.4rem;display:flex}.pyramid-person-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;transition:all .15s}.pyramid-person-btn.active{background:var(--green-pale);border-color:var(--green);color:var(--green)}.pyramid-bars{flex-direction:column;gap:5px;display:flex}.pyramid-row{align-items:center;gap:8px;display:flex}.pyramid-grade{text-align:left;width:36px;color:var(--green);flex-shrink:0;font-size:.78rem;font-weight:700}.pyramid-bar-wrap{flex:1}.pyramid-bar{background:var(--green);border-radius:0 6px 6px 0;justify-content:flex-end;align-items:center;min-width:28px;height:24px;padding-right:7px;transition:width .35s;display:flex}.pyramid-bar-count{color:var(--on-accent);font-size:.75rem;font-weight:700}.pyramid-analysis{border-left:3px solid;border-radius:10px;align-items:flex-start;gap:.6rem;padding:.65rem .75rem;font-size:.82rem;line-height:1.5;display:flex}.pyramid-analysis-icon{flex-shrink:0;margin-top:1px;font-size:1.1rem}.pyramid-analysis-title{margin-bottom:.15rem;font-weight:700}.pyramid-analysis-text{color:var(--text-2)}.pyramid-modal-backdrop{background:var(--scrim);z-index:200;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.pyramid-modal{background:var(--card);border:1px solid var(--border-strong);border-radius:16px;width:100%;max-width:420px;max-height:80dvh;overflow-y:auto}.pyramid-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1rem .5rem;display:flex}.pyramid-modal-title{font-size:.95rem;font-weight:700}.pyramid-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem}.pyramid-modal-body{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.pyramid-modal-text{color:var(--text);font-size:.86rem;line-height:1.55}.pyramid-modal-note{background:var(--green-pale);color:var(--green);border-radius:8px;padding:.75rem;font-size:.82rem;line-height:1.5}.pyramid-example{flex-direction:column;gap:4px;margin:.25rem 0;display:flex}.pyramid-example-row{align-items:center;gap:6px;display:flex}.pyramid-ex-grade{text-align:right;width:32px;color:var(--green);flex-shrink:0;font-size:.75rem;font-weight:700}.pyramid-ex-bar-wrap{flex:1}.pyramid-ex-bar{background:var(--green);border-radius:0 5px 5px 0;justify-content:flex-end;align-items:center;min-width:24px;height:20px;padding-right:6px;display:flex}.pyramid-ex-bar span{color:var(--on-accent);font-size:.7rem;font-weight:700}.stats-empty-state{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.6rem;padding:1.5rem 1.25rem;display:flex}.stats-empty-icon{font-size:2rem}.stats-empty-title{color:var(--text);font-size:1rem;font-weight:800}.stats-empty-text{color:var(--text-muted);font-size:.875rem;line-height:1.5}.stats-empty-list{flex-direction:column;gap:.5rem;padding:.25rem 0;list-style:none;display:flex}.stats-empty-list li{color:var(--text);font-size:.85rem;line-height:1.5}.stats-empty-hint{color:var(--text-muted);font-size:.8rem}.compare-empty-cta{background:var(--green);color:var(--on-accent);cursor:pointer;border:none;border-radius:10px;align-self:flex-start;margin-top:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;transition:background .15s}.compare-empty-cta:hover{background:var(--green-light)}.celebration-backdrop{background:var(--scrim);z-index:300;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.celebration-modal{background:var(--card);border:1px solid var(--border-strong);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:.6rem;width:100%;max-width:340px;padding:2rem 1.5rem;display:flex}.celebration-climbers{letter-spacing:.25rem;font-size:2.5rem}.celebration-title{color:var(--text);font-size:1.4rem;font-weight:800}.celebration-grade{color:var(--green);font-size:3rem;font-weight:900;line-height:1}.celebration-type{color:var(--text-muted);font-size:.9rem;font-weight:600}.celebration-text{color:var(--text);font-size:.9rem;line-height:1.5}.celebration-btn{width:100%;margin-top:.5rem}.celebration-btns{flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.celebration-btn-accept{width:100%}.celebration-btn-close{border:1px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:.7rem;font-size:.9rem;font-weight:600}.milestones-list{flex-direction:column;gap:.5rem;display:flex}.milestone-item{background:var(--bg);border-left:4px solid var(--green);border-radius:10px;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.milestone-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.milestone-body{flex:1;min-width:0}.milestone-label{color:var(--text);font-size:.88rem;font-weight:700}.milestone-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.1rem;display:flex}.milestone-sublabel{font-size:.72rem;font-weight:700}.milestone-date{color:var(--text-muted);font-size:.72rem}.milestones-empty{text-align:center;color:var(--text-muted);padding:1.5rem 0}.milestones-empty-icon{margin-bottom:.5rem;font-size:2rem}.milestones-empty p{font-size:.88rem}.milestones-empty-sub{opacity:.75;margin-top:.25rem;font-size:.78rem}.onboarding-perf{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem 2rem;display:flex}.onboarding-perf-icon{font-size:2.5rem}.onboarding-perf-title{color:var(--text);font-size:1.15rem;font-weight:800}.onboarding-perf-text{color:var(--text);max-width:320px;font-size:.9rem;line-height:1.5}.onboarding-perf-subtext{color:var(--text-muted);font-size:.82rem}.onboarding-perf-hint{color:var(--text-muted);font-size:.8rem}.onboarding-perf-btn{width:100%;max-width:280px;margin-top:.5rem}.onboarding-previews{flex-direction:column;gap:.75rem;width:100%;display:flex}.onboarding-preview-card{background:var(--card);text-align:left;border:1px solid var(--border);opacity:.85;border-radius:12px;padding:.75rem}.onboarding-preview-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.4rem;font-size:.72rem;font-weight:700}.onboarding-demo-heatmap{overflow-x:auto}.perf-curve-section{flex-direction:column;gap:.75rem;display:flex}.perf-info{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:.1rem 0 .25rem;font-size:.75rem;display:flex}.perf-type-legend{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.perf-type-legend-item{align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:flex}.perf-type-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.perf-loading{color:var(--text-muted);text-align:center;padding:1rem 0;font-size:.85rem}.perf-tooltip{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;font-size:.82rem}.perf-tooltip-label{color:var(--text);margin-bottom:.3rem;font-weight:700}.perf-tooltip-row{align-items:center;gap:.4rem;font-weight:400;display:flex}.perf-tooltip-grade{font-size:15px;font-weight:800}.perf-tooltip-mult{font-weight:400}.perf-tooltip-sep{opacity:.35;margin:0 .3rem;font-weight:400}.perf-tooltip-count{color:var(--text-muted);font-size:.72rem;font-weight:400}.perf-y-tick{fill:var(--text-muted);font-size:10px}.settings-page{flex-direction:column;gap:1rem;padding-bottom:2rem;display:flex}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.settings-section-title{color:var(--text);align-items:center;gap:.4rem;margin-bottom:.25rem;font-size:.9rem;font-weight:700;display:flex}.settings-collapse-btn{cursor:pointer;color:var(--text-muted,var(--text-3));background:0 0;border:none;margin-left:auto;padding:0 .2rem;font-size:1rem;line-height:1}.settings-save-bar{margin-top:.25rem}.success-msg{color:var(--green);margin-bottom:.4rem;font-size:.85rem;font-weight:600}.settings-hint{color:var(--text-muted);margin-bottom:.25rem;font-size:.8rem}.settings-grade-block{border-top:1px solid var(--border);padding:.5rem 0}.settings-grade-label{color:var(--green);margin-bottom:.4rem;font-size:.8rem;font-weight:700}.settings-grade-row{gap:.75rem;display:flex}.settings-grade-row .form-group{flex:1}.friend-type-hint{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.1rem 0;font-size:.82rem;font-weight:600;display:flex}.friend-type-hint-btn{cursor:pointer;background:0 0;border:1px solid;border-radius:8px;padding:.15rem .5rem;font-size:.8rem;font-weight:700}.sound-row{align-items:center;gap:.6rem;display:flex}.sound-icon{text-align:center;flex-shrink:0;width:1.5rem;font-size:1.25rem}.sound-slider{height:4px;accent-color:var(--green);cursor:pointer;flex:1}.sound-label{color:var(--text-muted);text-align:right;flex-shrink:0;width:52px;font-size:.8rem;font-weight:600}.sound-preview-btn{border:1px solid var(--accent-tint-border);color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex-shrink:0;padding:.45rem .9rem;font-size:.8rem;font-weight:700}.sound-preview-btn:disabled{opacity:.4;cursor:not-allowed}.export-csv-block{border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;margin-bottom:.25rem;padding-bottom:.75rem;display:flex}.export-btn-row{gap:.6rem;display:flex}.btn-export{border:1px solid var(--accent-tint-border);min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:.6rem .75rem;font-size:.9rem;font-weight:700;transition:background .15s}.btn-export:hover{background:var(--accent-tint)}.btn-export:disabled{opacity:.5;cursor:not-allowed}.btn-export--xlsx:hover{background:var(--accent-tint)}.btn-import{cursor:pointer;justify-content:center;align-items:center;margin-top:.5rem;display:inline-flex}.btn-import.is-loading{opacity:.5;pointer-events:none}.import-report{color:var(--text);margin-top:.6rem;font-size:.85rem}.import-report-error{color:var(--danger)}.color-picker{flex-wrap:wrap;gap:.5rem;display:flex}.color-dot{cursor:pointer;border-radius:50%;width:28px;height:28px;transition:transform .12s,outline .12s}.color-dot:hover,.color-dot.selected{transform:scale(1.15)}.route-time{color:var(--text-muted);opacity:.75;margin-left:.3rem;font-size:.68rem}.route-color-grip{flex-shrink:0;align-self:center;width:13px;height:21px;display:block}.target-selector{flex-wrap:wrap;gap:.4rem;display:flex}.target-chip{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--text-muted);border-radius:20px;padding:.4rem .85rem;font-size:.85rem;transition:all .15s}.target-chip.active{background:var(--green-pale);border-color:var(--green);color:var(--green);font-weight:600}.added-by-icon{font-size:.85rem}.badge-added-by{background:var(--info-tint);color:var(--info)}.route-card.added-by-me{border-left-color:var(--info)}.added-by-info{background:var(--info-tint);color:var(--info);padding:.5rem 1rem .75rem;font-size:.8rem}.added-by-email{display:none}.permission-picker{background:var(--bg);text-align:left;border-radius:10px;margin:.75rem 0;padding:.75rem}.permission-picker-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.6rem;font-size:.82rem;font-weight:700}.permission-option{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:.6rem;padding:.5rem 0;display:flex}.permission-option:last-of-type{border-bottom:none}.permission-option input[type=checkbox]{flex-shrink:0;width:16px;height:16px;margin-top:3px}.permission-name{font-size:.875rem;font-weight:600;display:block}.permission-desc{color:var(--text-muted);margin-top:2px;font-size:.75rem;line-height:1.4;display:block}.permission-expiry{align-items:center;gap:.5rem;padding-top:.6rem;display:flex}.permission-expiry-label{color:var(--text-muted);white-space:nowrap;font-size:.78rem}.permission-date-input{border:1px solid var(--border);border-radius:8px;flex:1;padding:.4rem .6rem;font-size:.85rem}.clear-date{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:.9rem}.modal-backdrop--center{justify-content:center!important;align-items:center!important}.added-notif-sheet{background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;width:calc(100% - 2rem);max-width:360px}.added-notif-body{text-align:center;padding:1.5rem}.added-notif-body h3{margin-bottom:.75rem;font-size:1.1rem}.added-notif-line{color:var(--text);margin-bottom:.4rem;font-size:.875rem}.share-item--block{flex-direction:column;align-items:flex-start;gap:.5rem}.share-item--expired{opacity:.65}.share-perms{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.share-perm{background:var(--green-pale);color:var(--green);border-radius:5px;padding:.15rem .45rem;font-size:.72rem}.share-perm--expired{background:var(--danger-tint);color:var(--danger)}.share-edit-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.25rem .6rem;font-size:.75rem}.share-edit-form{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;width:100%;padding-top:.5rem;display:flex}.share-edit-check{cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.share-edit-date{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.82rem;display:flex}.share-edit-date label{color:var(--text-muted);font-size:.78rem}.share-edit-date-row{align-items:center;gap:.4rem;display:flex}.share-edit-date input{border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem;font-size:.82rem}.share-edit-date button{cursor:pointer;color:var(--text-muted);background:0 0;border:none}.share-edit-perm-row{border-bottom:1px solid var(--border);flex-direction:column;gap:.3rem;padding-bottom:.5rem;display:flex}.share-edit-perm-row:last-of-type{border-bottom:none}.share-edit-btns{gap:.5rem;display:flex}.permission-expiry-field{padding:.4rem 0 0 1.4rem}.permission-expiry-field .permission-expiry-label{color:var(--text-muted);margin-bottom:.2rem;font-size:.78rem;display:block}.permission-expiry-row{align-items:center;gap:.4rem;display:flex}.share-my-id-box{background:var(--surface-alt,var(--surface));border:1px solid var(--border);border-radius:12px;margin-bottom:1.25rem;padding:.875rem 1rem}.share-my-id-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.75rem;font-weight:700}.share-my-id-value{color:var(--text);letter-spacing:.03em;margin-bottom:.35rem;font-family:monospace;font-size:1.05rem;font-weight:700}.share-my-id-info{color:var(--text-muted);margin:0;font-size:.78rem}.share-subsection{margin-bottom:1rem}.share-subsection-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.share-count{font-weight:400}.share-empty{color:var(--text-muted);font-size:.82rem}.share-item{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.share-item-info{flex-direction:column;display:flex}.share-name{font-size:.875rem;font-weight:600}.share-email{color:var(--text-muted);font-size:.75rem}.share-item-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.share-revoke{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:6px;padding:.25rem .6rem;font-size:.75rem}.btn-request-back{background:var(--green-pale);border:1px solid var(--green);color:var(--green);cursor:pointer;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.share-status{border-radius:6px;padding:.2rem .5rem;font-size:.72rem}.share-status.pending{background:var(--warn-tint);color:var(--warn)}.share-status.accepted{background:var(--green-pale);color:var(--green)}.share-request-row{gap:.5rem;display:flex}.share-email-input{border:1px solid var(--border);border-radius:10px;flex:1;padding:.6rem .75rem;font-size:.9rem}.btn-send-request{background:var(--green);color:var(--on-accent);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:.6rem 1rem;font-size:.875rem;font-weight:600}.btn-send-request:disabled{opacity:.5;cursor:not-allowed}.compare-selector{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}.compare-label{color:var(--text);text-align:center;margin-bottom:.6rem;font-size:1.05rem;font-weight:800}.compare-friends{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.compare-chip{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--text-muted);border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.82rem;transition:all .15s;display:flex}.compare-chip.active{font-weight:600}.compare-chip.disabled{opacity:.4;cursor:not-allowed}.compare-chip-action{opacity:.7;margin-left:.1rem;font-weight:700}.modal-header-actions{align-items:center;gap:.4rem;display:flex}.modal-forward-btn{cursor:pointer;color:var(--green);background:0 0;border:none;padding:.2rem;display:inline-flex}.modal-forward-btn:hover{opacity:.7}.forward-recipients{flex-wrap:wrap;gap:.4rem;display:flex}.detail-actions{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.forward-banner{background:var(--info-tint);border:1px solid var(--info-tint-border);border-radius:10px;margin:.5rem .75rem 0;padding:.6rem .75rem}.forward-banner-from{color:var(--info);font-size:.85rem}.forward-banner-msg{color:var(--text);margin-top:.3rem;font-size:.9rem;font-style:italic}.forward-banner-actions{flex-direction:column;gap:.4rem;margin-top:.75rem;display:flex}.btn-mark-read{width:100%}.btn-later{border:1px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:.55rem 1rem;font-size:.95rem}.btn-later:hover{background:var(--surface-hover,var(--surface-3))}.burger-badge{background:var(--danger);color:var(--on-accent);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;display:inline-flex;position:absolute;top:-4px;right:-4px}.header-burger{position:relative}.burger-item-badge{background:var(--danger);color:var(--on-accent);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}.inbox-list{flex-direction:column;gap:.5rem;display:flex}.inbox-item{border:1px solid var(--border);border-radius:12px;align-items:stretch;gap:.4rem;display:flex;overflow:hidden}.inbox-item--unread{border-color:var(--info);background:var(--info-tint)}.inbox-item-main{text-align:left;cursor:pointer;min-width:0;color:var(--text);background:0 0;border:none;flex:1;padding:.6rem .75rem}.inbox-item-head{align-items:center;gap:.4rem;display:flex}.inbox-unread-dot{background:var(--info);border-radius:50%;flex-shrink:0;width:8px;height:8px}.inbox-from{font-size:.9rem;font-weight:700}.inbox-date{color:var(--text-muted);margin-left:auto;font-size:.75rem}.inbox-item-sub{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.inbox-grade{font-size:.9rem;font-weight:800}.inbox-msg{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-style:italic;overflow:hidden}.inbox-del-btn{cursor:pointer;background:0 0;border:none;padding:0 .6rem;font-size:1rem}.inbox-del-confirm{flex-direction:column;justify-content:center;gap:.3rem;padding:.3rem .5rem;display:flex}.compare-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.compare-legend{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:.6rem;font-size:.78rem;display:flex}.compare-legend span{align-items:center;gap:.3rem;display:flex}.bar-tooltip-wrap{cursor:pointer;width:100%;position:relative}.bar-tooltip{background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);white-space:nowrap;z-index:20;pointer-events:none;border-radius:8px;padding:.3rem .6rem;font-size:.75rem;position:absolute;bottom:calc(100% + 4px);left:0}.month-row-group{align-items:flex-start;gap:.5rem;margin-bottom:.1rem;display:flex}.month-bars-stack{flex-direction:column;flex:1;gap:3px;display:flex}.month-bar-row{align-items:center;gap:.5rem;display:flex}.month-bar-friend{border-radius:6px;align-items:center;min-width:22px;height:22px;padding-left:6px;display:flex}.month-bar-friend span{color:var(--on-accent);white-space:nowrap;font-size:.7rem;font-weight:700}.landing-main{flex-direction:column;padding:14px;display:flex}.landing-hero{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:18px}.landing-hero-greeting{color:var(--text-2);align-items:center;gap:.4rem;font-size:14px;display:flex}.landing-hero-name{letter-spacing:-.02em;color:var(--accent);margin-top:.1rem;font-size:26px;font-weight:700}.landing-hero-quote{color:var(--text-2);margin-top:.7rem;font-size:14px;font-style:italic;line-height:1.45}.landing-cta{background:var(--accent);width:100%;min-height:44px;color:var(--on-accent);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:17px;font-size:17px;font-weight:700;transition:background .15s;display:flex}.landing-cta:hover{background:var(--accent-hover)}.landing-cta:active{background:var(--accent-active)}.landing-cta-plus{font-size:20px;line-height:1}.landing-section-label{letter-spacing:.06em;color:var(--text-3);margin:14px .3rem 0;font-size:12px;font-weight:600}.landing-foryou{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-top:14px;overflow:hidden}.landing-row{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;min-height:44px;color:var(--text);background:0 0;align-items:center;gap:12px;padding:14px;font-size:16px;font-weight:600;display:flex}.landing-foryou .landing-row:last-child{border-bottom:none}.landing-row:hover{background:var(--surface-3)}.landing-row-icon{background:var(--surface-3);width:34px;height:34px;color:var(--text-2);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-row-text{flex:1}.landing-badge{background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:.75rem;font-weight:700;display:flex}.landing-chevron{color:var(--text-3);flex-shrink:0}.landing-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px;display:grid}.landing-tile{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;display:flex}.landing-tile:hover{border-color:var(--border-hover)}.landing-tile-icon{background:var(--surface-3);width:38px;height:38px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.landing-tile-text{flex-direction:column;gap:2px;display:flex}.landing-tile-title{color:var(--text);font-size:16px;font-weight:600}.landing-tile-sub{color:var(--text-3);font-size:13px}.landing-compare{background:var(--accent-tint);border:1px solid var(--accent-tint-border);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:44px;margin-top:14px;padding:14px;display:flex}.landing-compare-icon{background:var(--accent);width:40px;height:40px;color:var(--on-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-compare-text{flex-direction:column;flex:1;gap:2px;display:flex}.landing-compare-title{color:var(--text);font-size:16px;font-weight:600}.landing-compare-sub{color:var(--text-2);font-size:13px}.landing-settings-row{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;min-height:44px;color:var(--text);border-radius:14px;align-items:center;gap:12px;margin-top:14px;padding:15px 16px;font-size:16px;font-weight:600;display:flex}.landing-settings-row:hover{border-color:var(--border-hover)}.landing-settings-row .landing-row-icon{background:var(--surface-3);color:var(--text-2)}.pending-sheet{background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;width:calc(100% - 2rem);max-width:400px}.pending-body{text-align:center;padding:1.5rem}.pending-icon{margin-bottom:.5rem;font-size:2.5rem}.pending-body h3{margin-bottom:.75rem;font-size:1.1rem}.pending-body p{color:var(--text);margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.pending-hint{color:var(--text-muted);margin-bottom:1rem;font-size:.78rem}.pending-btns{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.btn-accept{background:var(--green);color:var(--on-accent);cursor:pointer;border:none;border-radius:10px;flex:1;padding:.7rem;font-size:.95rem;font-weight:600}.btn-decline{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:.7rem;font-size:.95rem}.pending-count{color:var(--text-muted);margin-top:.75rem;font-size:.75rem}.grade-filter-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.grade-filter-toggle{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;display:flex}.filter-badge{background:var(--warn-tint);color:var(--warn);border-radius:10px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.filter-chevron{color:var(--text-muted);margin-left:auto;font-size:.7rem}.grade-filter-body{border-top:1px solid var(--border);padding:0 .75rem .75rem}.grade-filter-hint{color:var(--text-muted);margin:.6rem 0 .75rem;font-size:.78rem}.grade-chips{flex-wrap:wrap;gap:.4rem;display:flex}.grade-chip{cursor:pointer;border:1px solid;border-radius:8px;padding:.3rem .6rem;font-size:.78rem;font-weight:600;transition:all .12s}.grade-chip.visible{background:var(--green-pale);border-color:var(--green);color:var(--green)}.grade-chip.hidden{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-3);text-decoration:line-through}.filter-reset-btn{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:8px;margin-top:.75rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600}.filter-reset-btn:hover{background:var(--danger-tint)}.stats-subtabs{z-index:50;background:var(--surface-2);border-bottom:1px solid var(--border);gap:.4rem;margin:-1rem -1rem .75rem;padding:.5rem;display:flex;position:sticky;top:0}.stats-subtab{text-align:center;color:var(--text-muted);cursor:pointer;border:1px solid var(--border-strong);background:0 0;border-radius:10px;flex:1;padding:.7rem .3rem;font-size:.92rem;font-weight:700;transition:color .18s,background .18s,border-color .18s}.stats-subtab:hover{color:var(--text);border-color:var(--border-hover)}.stats-subtab.active{color:var(--on-accent);background:var(--accent);border-color:var(--accent);font-weight:700}.stats-period-heading{text-align:center;color:var(--accent);background:var(--accent-tint);border:1px solid var(--accent-tint-border);border-radius:12px;margin:1.1rem 0 .85rem;padding:.55rem .75rem;font-size:17px;font-weight:700;display:block}.new-routes-only-hint{text-align:center;color:var(--text-muted,var(--text-3));margin:-.45rem 0 .85rem;padding:0 .5rem;font-size:.82rem;line-height:1.4}.filter-block{margin-top:.85rem}.stats-subtabs+.filter-block{margin-top:0}.filter-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.4rem;font-size:.68rem;font-weight:700}.period-selector{flex-wrap:wrap;gap:.4rem;display:flex}.period-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;color:var(--text-muted);border-radius:20px;padding:.35rem .85rem;font-size:.82rem;font-weight:500;transition:all .15s}.period-btn.active{background:var(--green);border-color:var(--green);color:var(--on-accent);font-weight:600}.filter-mode-switch{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:12px;gap:.25rem;margin-bottom:.7rem;padding:4px;display:flex}.filter-mode-btn{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:.55rem 0;font-size:.84rem;font-weight:600;transition:all .15s}.filter-mode-btn.active{background:var(--bg);color:var(--accent)}.month-navigator{background:var(--card);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;padding:.5rem .6rem;display:flex}.month-nav-btn{background:var(--green);width:44px;height:44px;color:var(--on-accent);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;transition:all .15s;display:flex}.month-nav-btn>span{line-height:1;display:block;transform:translateY(-.08em)}.month-nav-btn:disabled{background:var(--border-strong);color:var(--on-accent);cursor:not-allowed}.month-nav-btn:not(:disabled):active{transform:scale(.9)}.month-nav-mid{flex-direction:column;align-items:center;line-height:1.2;display:flex}.month-nav-label{color:var(--text);font-size:1rem;font-weight:600}.month-nav-sub{color:var(--text-muted);margin-top:1px;font-size:.72rem}.period-selector--centered{justify-content:center}.stats-filter-pills{flex-wrap:wrap;gap:.5rem;display:flex}.stats-filter-pill{border:1px solid var(--border);background:var(--card);color:var(--text-muted);cursor:pointer;border-radius:20px;align-items:center;gap:7px;padding:.3rem .8rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.stats-filter-pill .pill-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.stats-filter-pill--repeats .pill-dot{background:var(--state-repeat)}.stats-filter-pill--incomplete .pill-dot{background:var(--state-incomplete)}.stats-filter-pill--repeats.active{background:var(--state-repeat);border-color:var(--state-repeat);color:var(--text);font-weight:600}.stats-filter-pill--incomplete.active{background:var(--state-incomplete);border-color:var(--state-incomplete);color:var(--on-accent);font-weight:600}.stats-filter-pill.active .pill-dot{background:var(--on-accent)}.stats-filter-pill--repeats.active .pill-dot{background:var(--text)}.stats-repeat-toggle{cursor:pointer;align-items:center;gap:.6rem;margin-top:.7rem;display:inline-flex}.stats-repeat-toggle-label{color:var(--text-muted);font-size:.82rem;font-weight:500}.stats-repeat-toggle .toggle-slider{background:var(--border-strong)}.btn-delete{border:1px solid var(--danger);width:100%;color:var(--danger);cursor:pointer;background:0 0;border-radius:12px;margin-top:.5rem;padding:.7rem;font-size:.9rem;transition:all .15s}.btn-delete:hover{background:var(--danger-tint)}.delete-confirm{background:var(--danger-tint);text-align:center;border-radius:10px;margin-top:.5rem;padding:.75rem}.delete-confirm p{color:var(--danger);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.delete-confirm-btns{gap:.5rem;display:flex}.btn-delete-confirm{background:var(--danger);color:var(--on-accent);cursor:pointer;border:none;border-radius:8px;flex:1;padding:.55rem;font-size:.875rem;font-weight:600}.btn-cancel{color:var(--text-2);border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:.55rem;font-size:.875rem}.modal-backdrop.onboarding-backdrop{justify-content:center!important;align-items:center!important}.onboarding-sheet{background:var(--card);border:1px solid var(--border-strong);border-radius:16px;flex-direction:column;width:calc(100% - 2rem);max-width:440px;max-height:90dvh;display:flex}.onboarding-header{padding:1.5rem 1.5rem .75rem}.onboarding-header h2{color:var(--green);margin-bottom:.5rem;font-size:1.2rem}.onboarding-header p{color:var(--text-muted);font-size:.85rem;line-height:1.5}.onboarding-body{flex:1;padding:0 1.5rem;overflow-y:auto}.onboarding-type-block{border-bottom:1px solid var(--border);padding:.75rem 0}.onboarding-type-block:last-child{border-bottom:none}.onboarding-type-label{color:var(--green);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.82rem;font-weight:700}.onboarding-row{gap:.75rem;display:flex}.onboarding-field{flex-direction:column;flex:1;gap:.25rem;display:flex}.onboarding-field label{color:var(--text-muted);font-size:.75rem;font-weight:500}.grant-card{border:1px solid var(--border);background:var(--card);border-radius:12px;margin-bottom:.7rem;padding:.7rem .8rem}.grant-card--expired{opacity:.6}.grant-card-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.grant-identity{flex-direction:column;min-width:0;display:flex}.grant-name{color:var(--text);font-size:.98rem;font-weight:700}.grant-email{color:var(--text-muted);text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.grant-revoke{background:var(--danger-tint);width:26px;height:26px;color:var(--danger);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.grant-revoke:hover{background:var(--danger-tint)}.grant-status-row{flex-wrap:wrap;align-items:center;gap:.5rem;min-height:1.2rem;margin-top:.35rem;display:flex}.grant-saved{color:var(--green);font-size:.75rem;font-weight:600}.grant-perms{flex-direction:column;gap:.1rem;margin-top:.6rem;display:flex}.perm-row{border-top:1px solid var(--border);padding:.4rem 0}.perm-row:first-child{border-top:none}.perm-row-head{align-items:center;gap:.55rem;display:flex}.perm-row-label{color:var(--text);flex:1;font-size:.88rem}.perm-row-expiry{align-items:center;gap:.4rem;margin-top:.45rem;padding-left:2.85rem;display:flex}.perm-row-expiry-label{color:var(--text-muted);flex-shrink:0;font-size:.78rem;font-weight:600}.perm-row-expiry input{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;padding:.35rem .5rem;font-size:.82rem}.grant-remove-confirm{background:var(--danger-tint);border:1px solid var(--danger-tint-border);color:var(--danger);border-radius:10px;flex-direction:column;gap:.5rem;margin-top:.6rem;padding:.6rem .7rem;font-size:.85rem;display:flex}.grant-remove-btns{gap:.5rem;display:flex}.access-item{border:1px solid var(--border);background:var(--card);border-radius:12px;margin-bottom:.6rem;padding:.6rem .8rem}.access-item-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.perf-compare-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.perf-compare-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.perf-compare-chips{flex-wrap:wrap;gap:.4rem;display:flex}.perf-person-chip{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.perf-person-chip.active{background:var(--card);font-weight:600}.perf-person-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.recharts-wrapper,.recharts-surface,.recharts-wrapper :focus,.recharts-wrapper:focus,.recharts-wrapper:focus-visible,.recharts-surface:focus,.recharts-surface:focus-visible{-webkit-tap-highlight-color:transparent;outline:none!important}.perm-switch{flex-shrink:0;width:38px;height:22px;display:inline-block;position:relative}.perm-switch input{opacity:0;width:0;height:0}.perm-switch-slider{cursor:pointer;background:var(--border-strong);border-radius:999px;transition:all .2s;position:absolute;inset:0}.perm-switch-slider:before{content:"";background:var(--text-3);border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.perm-switch input:checked+.perm-switch-slider{background:var(--accent)}.perm-switch input:checked+.perm-switch-slider:before{background:var(--on-accent);transform:translate(16px)}.info-icon-wrap{flex-shrink:0;display:inline-flex;position:relative}.info-icon{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px;font-size:1rem;line-height:1}.info-icon:hover{color:var(--green)}.info-popover{z-index:20;background:var(--surface-3);border:1px solid var(--border-strong);width:230px;color:var(--text);border-radius:8px;padding:.6rem .7rem;font-size:.78rem;line-height:1.4;position:absolute;top:130%;right:0}.person-switcher{flex-wrap:wrap;gap:.4rem;padding:.6rem 1rem .2rem;display:flex}.person-chip{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:.3rem .75rem;font-size:.82rem;font-weight:500;transition:all .15s}.person-chip.active{background:var(--green);color:var(--on-accent);border-color:var(--green)}.readonly-banner{background:var(--info-tint);border:1px solid var(--info-tint-border);color:var(--info);border-radius:10px;flex-direction:column;gap:.15rem;margin:.4rem 1rem .9rem;padding:.5rem .7rem;font-size:.85rem;font-weight:600;display:flex}.readonly-banner-hint{color:var(--info);font-size:.75rem;font-weight:400}.modal-sheet.route-detail-sheet{border-radius:16px;width:calc(100% - 2rem);max-width:420px;margin:0 auto;overflow:hidden}.modal-sheet.route-edit-sheet{border-radius:16px;width:calc(100% - 2rem);max-width:480px;margin:0 auto;overflow:hidden}.route-detail-grade{align-items:center;gap:.6rem;margin-bottom:.8rem;display:flex}.detail-color-dot{border-radius:50%;flex-shrink:0;width:20px;height:20px}.route-detail-list{flex-direction:column;display:flex}.detail-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-muted);flex-shrink:0;font-size:.82rem;font-weight:600}.detail-value{color:var(--text);text-align:right;font-size:.9rem}.onboarding-select{border:1px solid var(--border);background:var(--surface-3);color:var(--text);border-radius:8px;padding:.5rem .6rem;font-size:.85rem}.onboarding-input{box-sizing:border-box;border:1px solid var(--border);background:var(--surface-3);width:100%;color:var(--text);border-radius:8px;margin-bottom:1.25rem;padding:.6rem .75rem;font-size:.95rem}.onboarding-input:focus{border-color:var(--green)}.onboarding-field-error{color:var(--danger);margin:-.75rem 0 1rem;font-size:.8rem}.onboarding-footer{flex-direction:column;gap:.5rem;padding:1rem 1.5rem 1.5rem;display:flex}.btn-skip{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;padding:.3rem;font-size:.875rem;text-decoration:underline}.btn-back{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem 1rem;font-size:.875rem}.onboarding-steps{gap:6px;margin-top:.75rem;display:flex}.onboarding-step-dot{background:var(--border-strong);border-radius:50%;width:8px;height:8px;transition:background .2s}.onboarding-step-dot.active{background:var(--accent)}.onboarding-step-dot.done{background:var(--accent-strong)}.onboarding-step-title{color:var(--text);margin-bottom:.5rem;font-size:.95rem;font-weight:700}.onboarding-step-hint{color:var(--text-muted);margin-bottom:1rem;font-size:.82rem}.onboarding-system-picker{flex-direction:column;gap:.6rem;margin:.5rem 0;display:flex}.onboarding-system-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;padding:.75rem 1rem;transition:border-color .15s,background .15s;display:flex}.onboarding-system-btn.active{border-color:var(--accent);background:var(--accent-tint)}.system-short{color:var(--green);font-size:1rem;font-weight:800}.system-label{color:var(--text-muted);margin-top:1px;font-size:.8rem}.system-example{color:var(--text-muted);margin-top:3px;font-size:.75rem;font-style:italic}.modal-backdrop{background:var(--scrim);z-index:100;justify-content:center;align-items:flex-end;width:100vw;height:100dvh;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--surface);border-top:1px solid var(--border-strong);border-radius:22px 22px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:92dvh;margin:0 auto;display:flex}.modal-handle{background:var(--border-strong);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0}.modal-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem .5rem;display:flex}.modal-header h3{letter-spacing:-.01em;font-size:22px;font-weight:700}.modal-close{border:1px solid var(--border-strong);cursor:pointer;width:30px;height:30px;color:var(--text-2);background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;display:inline-flex}.modal-close:hover{border-color:var(--border-hover);color:var(--text)}.modal-body{-webkit-overflow-scrolling:touch;padding:0 1rem 2rem;overflow-y:auto}.route-tag-picker{flex-direction:column;gap:.6rem;display:flex}.opt-field-label-text{align-items:center;gap:.3rem;display:inline-flex}.opt-field-label-extra{align-items:center;display:inline-flex}.tag-info-btn{cursor:pointer;opacity:.5;background:0 0;border:none;align-items:center;padding:0;font-size:.9rem;line-height:1;display:inline-flex}.tag-info-btn:hover{opacity:1}.tag-info-backdrop{background:var(--scrim);z-index:300;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.tag-info-dialog{background:var(--card);border:1px solid var(--border-strong);text-transform:none;letter-spacing:normal;border-radius:16px;flex-direction:column;gap:.4rem;width:min(340px,92vw);max-height:80dvh;padding:1.1rem 1.1rem 1.2rem;font-weight:400;display:flex;position:relative;overflow-y:auto}.tag-info-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.1rem .3rem;font-size:1rem;position:absolute;top:.7rem;right:.8rem}.tag-info-section-label{color:var(--text-muted);margin-top:.2rem;font-size:.85rem;font-weight:700}.tag-info-row{flex-direction:column;gap:.05rem;display:flex}.tag-info-name{color:var(--text);font-size:.82rem;font-weight:600}.tag-info-desc{color:var(--text-muted);padding-left:0;font-size:.75rem}.tag-info-divider{background:var(--border);height:1px;margin:.3rem 0}.tag-group{flex-direction:column;gap:.3rem;display:flex}.tag-group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.tag-chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.tag-chip-divider{background:var(--border);width:100%;height:1px;margin:.05rem 0}.tag-chip{border:1px solid var(--border);background:var(--card);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:20px;padding:.45rem .75rem;font-size:.9rem;transition:all .15s}.tag-chip.active{background:var(--green-pale);border-color:var(--green);color:var(--green);font-weight:600}.tag-chip--readonly{cursor:default;pointer-events:none}.detail-row--tags{align-items:flex-start!important}.detail-tags{flex-wrap:wrap;gap:.35rem;display:flex}.optional-section{flex-direction:column;gap:0;display:flex}.optional-toggle{border:none;border-top:1px dashed var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;text-align:left;background:0 0;align-items:center;gap:.4rem;width:100%;padding:.65rem 0 .55rem;font-size:.78rem;font-weight:700;transition:color .15s;display:flex}.optional-toggle:hover{color:var(--green)}.optional-toggle-arrow{font-size:.85rem;line-height:1;transition:transform .15s}.optional-fields{flex-direction:column;gap:.85rem;padding-top:.6rem;display:flex}.optional-toggle{justify-content:space-between;align-items:center}.optional-toggle-label{letter-spacing:.08em;text-transform:uppercase;color:inherit;font-size:.78rem;font-weight:700}.optional-toggle-arrow{background:var(--green-pale);width:1.75rem;height:1.75rem;color:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;line-height:1;transition:background .15s,transform .15s;display:flex}.optional-toggle:hover .optional-toggle-arrow{background:var(--green);color:var(--on-accent);transform:scale(1.08)}.badge-repeat{background:var(--info-tint);color:var(--info);border:1px solid var(--info-tint-border)}.badge-linked{background:var(--link-tint);color:var(--link);border:1px solid var(--link-tint-border);padding:.1rem .35rem;font-size:.85rem}.tag-chip--linked{align-items:center;gap:.3rem;font-size:.82rem;font-weight:600;display:inline-flex}.linked-route-date{color:var(--text-muted);font-size:.72rem;font-weight:400}.btn-readd{border:1px dashed var(--green);width:100%;color:var(--green);cursor:pointer;background:0 0;border-radius:12px;margin-top:.5rem;padding:.7rem;font-size:.95rem;font-weight:600;transition:background .15s}.btn-readd:hover{background:var(--green-pale)}.btn-forward{justify-content:center;align-items:center;gap:.4rem;display:flex}.btn-forward svg{display:block}.linked-hint{color:var(--link);background:var(--link-tint);border:1px solid var(--link-tint-border);border-radius:8px;padding:.4rem .7rem;font-size:.8rem}.settings-hint--warn{background:var(--warn-tint);border:1px solid var(--warn-tint-border);color:var(--warn);border-radius:8px;padding:.55rem .7rem}.hide-types-list{flex-direction:column;gap:.4rem;margin-bottom:.75rem;display:flex}.hide-types-list .completed-row{border-bottom:1px solid var(--border);padding-bottom:.4rem}.hide-types-list .completed-row:last-child{border-bottom:none}.opt-field-label{align-items:center;gap:.4rem;display:inline-flex!important}.fav-star{cursor:pointer;color:var(--text-3);opacity:1;background:0 0;border:none;padding:0;font-size:1.35rem;line-height:1;transition:color .15s,transform .1s}.fav-star:hover{color:var(--danger);transform:scale(1.2)}.fav-star.active{color:var(--danger);opacity:1}.optional-favorites{flex-direction:column;gap:.85rem;display:flex}.add-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:16px}.add-card--accent{border-left:3px solid var(--accent)}.add-card-label{letter-spacing:1.1px;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700}.add-card-label--green{color:var(--accent)}.add-card-divider{border:none;border-top:1px solid var(--border);margin:14px 0}.add-card-field-stack{flex-direction:column;gap:14px;display:flex}.add-form--cards{gap:0}.person-chips{flex-wrap:wrap;gap:8px;display:flex}.person-chip-new{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:50px;align-items:center;gap:7px;padding:5px 13px 5px 5px;transition:all .15s;display:flex}.person-chip-new.active{border-color:var(--green);background:var(--green-pale)}.person-chip-avatar{width:28px;height:28px;color:var(--text-2);background:var(--surface-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.person-chip-new.active .person-chip-avatar{background:var(--accent);color:var(--on-accent)}.person-chip-name{color:var(--text-2);font-size:14px;font-weight:600}.person-chip-new.active .person-chip-name{color:var(--accent);font-weight:700}.add-datetime-row{gap:10px;margin-top:12px;display:flex}.add-datetime-pill{background:var(--surface-3);border:1px solid var(--border-strong);cursor:pointer;border-radius:10px;flex:1;align-items:center;gap:8px;padding:11px 14px;display:flex}.add-datetime-pill input[type=date],.add-datetime-pill input[type=time]{color:var(--text);cursor:pointer;background:0 0;border:none;width:100%;padding:0;font-family:inherit;font-size:15px;font-weight:600}.add-datetime-pill svg{color:var(--text-muted);flex-shrink:0}.add-type-row{gap:10px;display:flex}.add-type-btn{background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;border-radius:10px;flex:1;justify-content:space-between;align-items:center;gap:6px;padding:13px 14px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.add-type-btn-inner{color:var(--accent);align-items:center;gap:7px;display:flex}.add-type-chevron{color:var(--text-muted);flex-shrink:0}.rope-type-pills{gap:6px;margin-top:10px;display:flex}.rope-type-pill{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;text-align:center;border-radius:12px;flex:1;padding:10px 8px;font-size:14px;font-weight:600}.rope-type-pill.active{border-color:var(--accent);background:var(--accent-tint);color:var(--accent);font-weight:700}.grade-stepper{text-align:center}.grade-stepper-header{justify-content:center;align-items:center;gap:10px;margin-bottom:10px;display:flex}.grade-stepper-sublabel{letter-spacing:1.4px;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.grade-unknown-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:var(--bg);letter-spacing:.3px;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.grade-unknown-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.grade-stepper-value--unknown{color:var(--text-muted)}.grade-stepper-row{justify-content:center;align-items:center;gap:20px;display:flex}.grade-stepper-btn{border:1px solid var(--border);background:var(--card);width:46px;height:46px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:border-color .15s;display:flex}.grade-stepper-btn:active{border-color:var(--green)}.grade-stepper-value{color:var(--text);letter-spacing:-2px;text-align:center;min-width:110px;font-size:54px;font-weight:900;line-height:1}.grade-sys-pills{justify-content:center;gap:6px;margin-top:10px;display:flex}.grade-sys-pill{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:var(--bg);border-radius:20px;padding:5px 13px;font-size:13px;font-weight:600}.grade-sys-pill.active{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.route-toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.route-toggle-label{color:var(--text);font-size:16px;font-weight:600}.route-toggle-sub{color:var(--text-muted);margin-top:3px;font-size:13px}.flash-row{justify-content:flex-end;align-items:center;gap:8px;margin-top:2px;display:flex}.attempts-control{align-items:center;gap:10px;display:flex}.flash-btn{border:1px solid var(--border);color:var(--text-muted);background:var(--bg);cursor:pointer;white-space:nowrap;border-radius:20px;padding:7px 13px;font-size:13px;font-weight:700}.flash-btn.active{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.small-stepper{align-items:center;gap:10px;display:flex}.small-stepper-btn{border:1px solid var(--border);background:var(--card);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.small-stepper-btn:active{border-color:var(--green)}.small-stepper-value{color:var(--text);text-align:center;min-width:36px;font-size:26px;font-weight:900;line-height:1}.small-stepper-value--empty{color:var(--text-muted);font-size:20px}.opt-field-label-new{align-items:center;gap:5px;margin-bottom:0;display:flex}.opt-field-label-new .opt-label-text{color:var(--text-muted);font-size:14px;font-weight:600}.optional-section-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;overflow:hidden}.optional-toggle-new{cursor:pointer;width:100%;color:var(--text-muted);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 18px;font-family:inherit;font-size:16px;font-weight:600;display:flex}.optional-toggle-new:hover{color:var(--green)}.optional-toggle-arrow-new{background:var(--green-pale);width:28px;height:28px;color:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:background .15s;display:flex}.optional-toggle-new:hover .optional-toggle-arrow-new{background:var(--green);color:var(--on-accent)}.optional-fields-card-inner{border-top:1px solid var(--border);flex-direction:column;gap:14px;padding:4px 18px 18px;display:flex}.optional-favorites-card{flex-direction:column;gap:14px;display:flex}.route-filter-accordion{border:1px solid var(--border);background:var(--card);border-radius:12px;margin-bottom:.5rem;margin-left:1rem;margin-right:1rem;overflow:hidden}.filter-toggle--open{border-radius:0}.filter-toggle{cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.45rem .75rem;display:flex}.filter-toggle-label{align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:inline-flex}.filter-count{background:var(--green);min-width:1.25rem;height:1.25rem;color:var(--on-accent);border-radius:999px;justify-content:center;align-items:center;padding:0 .35rem;font-size:.72rem;font-weight:700;display:inline-flex}.filter-body{border-top:1px solid var(--border);flex-direction:column;gap:.85rem;padding:.85rem .75rem .75rem;display:flex}.sort-row{align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.sort-row-label{color:var(--text-muted);font-size:.82rem;font-weight:600}.sort-seg{border:1px solid var(--border);background:var(--card);border-radius:20px;display:inline-flex;overflow:hidden}.sort-seg-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.35rem .8rem;font-size:.85rem;font-weight:600}.sort-seg-btn+.sort-seg-btn{border-left:1px solid var(--border)}.sort-seg-btn.active{background:var(--green);color:var(--on-accent)}.filter-row{flex-direction:column;gap:.4rem;display:flex}.filter-row-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.filter-subrow{padding-left:.5rem}.active-filter-chips{border-top:1px solid var(--border);flex-wrap:wrap;gap:.4rem;padding:.5rem .75rem .6rem;display:flex}.active-filter-chip{border:1px solid var(--green);background:color-mix(in srgb, var(--green) 12%, transparent);color:var(--green);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.active-filter-chip:hover{background:color-mix(in srgb, var(--green) 22%, transparent)}.filter-reset{color:var(--green);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.8rem;font-weight:600}.pr-sheet{background:var(--card);border:1px solid var(--border-strong);border-radius:16px;width:calc(100% - 2rem);max-width:420px;max-height:90vh;position:relative;overflow-y:auto}.pr-close{color:var(--text-muted);cursor:pointer;z-index:1;background:0 0;border:none;padding:.2rem .3rem;font-size:1.1rem;line-height:1;position:absolute;top:.75rem;right:.875rem}.pr-close:hover{color:var(--text)}.pr-body{flex-direction:column;gap:.75rem;padding:0 1.25rem 1.5rem;display:flex}.pr-icon{text-align:center;font-size:2rem}.pr-title{text-align:center;margin:0;font-size:1.05rem;font-weight:700}.pr-subtitle{color:var(--text-muted);text-align:center;margin:0;font-size:.875rem}.pr-section-label{color:var(--text-muted);margin-top:.25rem;font-size:.8rem;font-weight:700}.pr-perms{border:1px solid var(--border);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.pr-perm-block{border-bottom:1px solid var(--border);padding:.7rem .875rem}.pr-perm-block:last-child{border-bottom:none}.pr-perm-row{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.pr-perm-text{flex-direction:column;flex:1;gap:.15rem;display:flex}.pr-perm-name{color:var(--text);font-size:.875rem;font-weight:600}.pr-perm-desc{color:var(--text-muted);font-size:.75rem;line-height:1.4}.pr-expiry-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.55rem;display:flex}.pr-expiry-label{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.pr-expiry-inputs{align-items:center;gap:.3rem;display:flex}.pr-hint{color:var(--text-muted);text-align:center;margin:0;font-size:.75rem}.pr-btns{flex-direction:column;gap:.5rem;display:flex}.pr-count{color:var(--text-muted);text-align:center;margin:0;font-size:.75rem}.friends-page{flex-direction:column;gap:1.25rem;padding:1rem;display:flex;overflow-y:auto}.my-id-box{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.875rem 1rem}.my-id-box-header{align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.my-id-box-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem;font-weight:700}.my-id-box-row{align-items:center;gap:.75rem;display:flex}.my-id-box-value{color:var(--accent);letter-spacing:.03em;flex:1;font-family:monospace;font-size:20px;font-weight:700}.my-id-copy-btn{border:1px solid var(--border-strong);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:.4rem .9rem;font-size:.78rem;font-weight:600}.my-id-copy-btn:hover{border-color:var(--border-hover);background:var(--surface-3)}.friends-section{flex-direction:column;display:flex}.friends-list{flex-direction:column;gap:.5rem;display:flex}.friends-section-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.friends-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.7rem;font-weight:700}.btn-add-friend{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:999px;padding:.4rem .9rem;font-size:13px;font-weight:700}.btn-add-friend:hover{background:var(--accent-hover)}.friends-incoming-list{flex-direction:column;gap:.5rem;display:flex}.friends-incoming-row{background:var(--info-tint);border:1px solid var(--info-tint-border);border-radius:10px;flex-direction:column;gap:.6rem;padding:.75rem 1rem;display:flex}.friends-incoming-info{min-width:0}.friends-incoming-name{color:var(--text);font-size:.9rem;font-weight:600;display:block}.friends-incoming-email{color:var(--text-muted);font-size:.72rem}.friends-incoming-btns{gap:.4rem;display:flex}.btn-friend-accept{background:var(--green);color:var(--on-accent);cursor:pointer;border:none;border-radius:6px;padding:.35rem .65rem;font-size:.75rem;font-weight:600}.btn-friend-decline{background:var(--card);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.35rem .65rem;font-size:.75rem}.friend-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.friend-card--open{border-color:var(--border-hover)}.friend-summary{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.8rem 1rem;display:flex}.friend-avatar{background:var(--surface-3);width:38px;height:38px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.friend-main{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.friend-nick{color:var(--text);font-size:.95rem;font-weight:600}.friend-since{color:var(--text-muted);font-size:.7rem}.friend-grant-pill{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:.2rem .5rem;font-size:.68rem;font-weight:600}.friend-grant-pill--yes{color:var(--accent);border:1px solid var(--accent-tint-border);background:0 0;font-size:11px}.friend-grant-pill--no{color:var(--text-3);border:1px solid var(--border-strong);background:0 0;font-size:11px}.friend-chevron{width:18px;height:18px;color:var(--text-muted);flex-shrink:0;transition:transform .2s}.friend-card--open .friend-chevron{transform:rotate(180deg)}.friend-body{border-top:1px solid var(--border);background:var(--bg)}.friend-perm-block{border-bottom:1px solid var(--border);padding:.875rem 1rem}.friend-perm-block:last-of-type{border-bottom:none}.friend-perm-block-title{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem;font-size:.68rem;font-weight:700}.friend-perm-block-title--give{color:var(--accent)}.friend-perm-block-title--get{color:var(--info)}.friend-perm-item{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:.45rem 0;display:flex}.friend-perm-item--readonly{cursor:default}.friend-perm-item:last-child,.friend-perm-item--no-border{border-bottom:none}.friend-perm-item-name{color:var(--text);font-size:.875rem}.friend-perm-readonly-val{color:var(--text-muted);font-size:.8rem;font-weight:600}.friend-perm-readonly-val--yes{color:var(--accent)}.friend-saved-flash{color:var(--green);margin-top:.4rem;font-size:.72rem;display:block}.friend-unlink-row{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.btn-unlink{border:1px solid var(--danger-tint-border);color:var(--danger);cursor:pointer;background:0 0;border-radius:7px;padding:.35rem .85rem;font-size:.78rem;font-weight:600}.friend-unlink-confirm{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.friend-unlink-confirm-text{color:var(--text);font-size:.82rem}.btn-unlink-yes{background:var(--danger);color:var(--on-accent);cursor:pointer;border:none;border-radius:6px;padding:.3rem .65rem;font-size:.78rem;font-weight:600}.btn-unlink-cancel{background:var(--bg);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.3rem .65rem;font-size:.78rem}.friends-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.friends-empty-icon{font-size:2.5rem}.friends-compare-divider{border:none;border-top:1px solid var(--border-color,var(--border));margin:16px 0 0}.friends-compare-banner{background:var(--accent-tint);border:1px solid var(--accent-tint-border);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;margin-top:20px;padding:14px 16px;display:flex}.friends-compare-icon{background:var(--accent);width:40px;height:40px;color:var(--on-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.friends-compare-text{flex-direction:column;flex:1;gap:2px;display:flex}.friends-compare-title{color:var(--text);font-size:16px;font-weight:600}.friends-compare-sub{color:var(--text-2);font-size:13px;line-height:1.4}.friends-compare-arrow{color:var(--text-3);flex-shrink:0}.friends-sent-list{flex-direction:column;gap:.5rem;display:flex}.friends-sent-row{background:var(--warn-tint);border:1px solid var(--warn-tint-border);border-radius:10px;align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}.friends-sent-info{flex:1;min-width:0}.friends-sent-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;display:block;overflow:hidden}.friends-sent-sub{color:var(--warn);font-size:.72rem}.btn-withdraw{border:1px solid var(--warn-tint-border);color:var(--warn);cursor:pointer;white-space:nowrap;background:0 0;border-radius:7px;padding:.3rem .6rem;font-size:.72rem}.friends-accept-sheet{background:var(--card);border:1px solid var(--border-strong);border-radius:16px;width:calc(100% - 2rem);max-width:400px;padding-bottom:1rem}.friends-accept-body{flex-direction:column;gap:.75rem;padding:0 1.25rem 1.25rem;display:flex}.friends-accept-icon{text-align:center;font-size:2rem}.friends-accept-title{text-align:center;font-size:1rem;font-weight:700}.friends-accept-hint{color:var(--text-muted);text-align:center;font-size:.85rem}.friends-perm-list{flex-direction:column;gap:0;display:flex}.friends-perm-toggle-row{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:.55rem 0;display:flex}.friends-perm-toggle-row:last-child{border-bottom:none}.friends-perm-name{color:var(--text);font-size:.875rem}.friends-accept-btns{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.btn-accept-save{background:var(--green);color:var(--on-accent);cursor:pointer;border:none;border-radius:10px;padding:.75rem;font-size:.9rem;font-weight:700}.btn-accept-without{background:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:.7rem;font-size:.875rem}.btn-decline-friend{color:var(--danger);cursor:pointer;background:0 0;border:none;align-self:center;padding:.25rem;font-size:.82rem}.friends-add-sheet{background:var(--card);border:1px solid var(--border-strong);border-radius:16px;width:calc(100% - 2rem);max-width:400px;padding:1.25rem 1.25rem 2rem}.friends-add-title{margin-bottom:1rem;font-size:1rem;font-weight:700}.friends-add-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.8rem;font-weight:700;display:block}.friends-add-perms .pr-perm-block{padding-left:.75rem;padding-right:.75rem}.friends-add-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:9px;margin-bottom:.5rem;padding:.65rem .875rem;font-size:.9rem}.friends-add-input:focus{border-color:var(--green)}.friends-add-or{text-align:center;color:var(--text-muted);margin:.25rem 0 .75rem;font-size:.75rem}.friends-add-hint{color:var(--text-muted);margin-bottom:1rem;font-size:.72rem;line-height:1.5}.friends-add-sheet-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.friends-add-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1.1rem;line-height:1}.friends-add-close:hover{color:var(--text)}.friend-public-id{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.4rem 0 .55rem;display:flex}.friend-public-id-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex-shrink:0;font-size:.68rem;font-weight:700}.friend-public-id-value{color:var(--text);font-family:monospace;font-size:.82rem;font-weight:600}.route-photo-field{align-items:center;gap:10px;display:flex}.route-photo-add{color:var(--accent);border:1px solid var(--accent-tint-border);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.route-photo-add:disabled{opacity:.6;cursor:default}.route-photo-cam{justify-content:center;min-width:58px;padding-left:16px;padding-right:16px}.route-photo-cam>svg{display:block}.inline-field-row:has(.route-photo-preview){flex-wrap:wrap}.route-photo-preview{flex-basis:100%;justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}@keyframes photo-spin{to{transform:rotate(360deg)}}.photo-spinner{border:1px solid var(--border);border-top-color:var(--green);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite photo-spin;display:inline-block}.route-photo-loading{color:var(--text-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.photo-quick{align-items:center;gap:6px;margin-right:auto;display:flex}.photo-quick-btn{border:1px solid var(--accent-tint-border);width:40px;height:40px;color:var(--accent);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.photo-quick-btn>svg{display:block}.photo-quick-btn:disabled{opacity:.6;cursor:default}.photo-quick-thumb{border:1px solid var(--border);background:var(--surface-3);cursor:pointer;border-radius:8px;width:40px;height:40px;padding:0;overflow:hidden}.photo-quick-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-quick-del{border:1px solid var(--danger-tint-border);background:var(--card);width:36px;height:36px;color:var(--danger);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.photo-quick-btn>svg,.photo-quick-del>svg{display:block}.route-photo-thumb{border:1px solid var(--border,var(--border-strong));cursor:pointer;background:var(--surface-3);border-radius:8px;flex-shrink:0;width:46px;height:46px;padding:0;position:relative;overflow:hidden}.route-photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.route-photo-thumb-zoom{color:var(--on-photo);background:var(--on-photo-bg);border-radius:3px;padding:0 3px;font-size:.6rem;line-height:1.4;position:absolute;bottom:2px;right:2px}.route-photo-actions{gap:6px;margin-left:auto;display:flex}.route-photo-btn{border:1px solid var(--border,var(--border-strong));color:var(--text);cursor:pointer;background:0 0;border-radius:7px;padding:5px 10px;font-size:.8rem}.route-photo-btn:disabled{opacity:.6;cursor:default}.route-photo-btn--danger{color:var(--danger);border-color:var(--danger-tint-border);background:var(--danger-tint)}.photo-lightbox-backdrop{z-index:4000;background:var(--scrim-strong);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.photo-lightbox-img{object-fit:contain;border-radius:6px;max-width:100%;max-height:100%}.photo-lightbox-close{background:var(--surface-3);color:var(--text);cursor:pointer;border:none;border-radius:50%;width:38px;height:38px;font-size:1.1rem;position:absolute;top:14px;right:16px}.route-card-namerow{align-items:center;gap:10px;display:flex}.route-card-namerow .route-name{margin:0}.route-card-photo{border:1px solid var(--border-strong);cursor:pointer;background:var(--surface-3);border-radius:8px;flex-shrink:0;width:52px;height:52px;padding:0;display:block;overflow:hidden}.route-card-photo img{object-fit:cover;width:100%;height:100%;display:block}.route-detail-photo{object-fit:cover;cursor:pointer;border-radius:10px;width:100%;max-height:260px;display:block}.route-type svg,.perf-row-label svg,.grade-filter-btn svg,.active-filter-chip svg,.hide-types-list label svg{vertical-align:-2px;flex-shrink:0}.route-type,.perf-row-label,.grade-filter-btn,.hide-types-list label{align-items:center;gap:6px;display:inline-flex}.route-type{display:flex}.hide-types-list .completed-row>label:first-child{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);font-size:13px;font-weight:600}.hide-types-list .completed-row--on>label:first-child{color:var(--text)}.hide-types-list .completed-row--on>label:first-child svg{color:var(--accent)}.period-btn,.toggle-btn,.sort-seg-btn,.filter-mode-btn,.rope-type-pill,.grade-sys-pill,.flash-btn,.target-chip,.person-chip,.person-chip-new,.pyramid-person-btn,.perf-person-chip,.compare-chip,.stats-filter-pill,.tag-chip,.grade-chip,.route-sort-btn,.my-id-copy-btn,.btn-add-friend,.sound-preview-btn,.btn-secondary,.google-btn,.landing-row,.landing-tile,.burger-item{min-height:44px}.period-btn,.grade-filter-btn,.sort-seg-btn,.filter-mode-btn,.rope-type-pill,.grade-sys-pill,.flash-btn,.target-chip,.person-chip,.pyramid-person-btn,.compare-chip,.stats-filter-pill,.tag-chip,.grade-chip{justify-content:center;align-items:center;display:inline-flex}.header-burger,.header-back--icon,.info-i,.toggle-switch,.perm-switch,.grade-unknown-btn,.color-dot,.small-stepper-btn,.photo-quick-btn,.photo-quick-del,.route-photo-add,.route-photo-btn,.active-filter-chip,.grade-filter-btn,.filter-toggle,.star,.fav-star,.icon-btn,.modal-close,.info-modal-close,.tag-info-close,.pr-close,.friends-add-close{position:relative}.header-burger:after,.header-back--icon:after,.info-i:after,.toggle-switch:after,.perm-switch:after,.grade-unknown-btn:after,.color-dot:after,.small-stepper-btn:after,.photo-quick-btn:after,.photo-quick-del:after,.route-photo-add:after,.route-photo-btn:after,.active-filter-chip:after,.grade-filter-btn:after,.filter-toggle:after,.star:after,.fav-star:after,.icon-btn:after,.modal-close:after,.info-modal-close:after,.tag-info-close:after,.pr-close:after,.friends-add-close:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toggle-switch:after,.perm-switch:after{height:max(100%,40px)}.modal-sheet.add-route-sheet{border-radius:16px;width:calc(100% - 2rem);max-width:480px;margin:0 auto}.add-modal-content{padding:0}.add-form--modal .add-card:last-of-type{margin-bottom:14px}.add-modal-details{padding:0 14px 14px}.add-modal-details .add-card,.add-modal-details .optional-section-card{background:0 0;border:none;margin-bottom:14px;padding:0}.add-modal-details .add-card--accent{border-left:3px solid var(--accent);padding-left:13px}.add-modal-details .optional-section-card:last-child{margin-bottom:0}.add-modal-details .optional-toggle-new{padding:12px 0}.add-modal-actions{align-items:stretch;gap:.6rem;display:flex}.add-modal-actions .btn-save{flex:auto}.add-modal-actions .btn-later{flex:none;width:auto;padding:.55rem 1.1rem}.linked-hint--modal{margin:-4px 0 14px}