html.mobile-app{--app-bg:#101010;--app-surface:#1b1b1b;--app-raised:#242424;--app-text:#f1f0ec;--app-secondary:#b0afaa;--app-border:#343430;--app-control:#222221;--app-shadow:0 14px 35px #0005;--navy:#f1f0ec;--muted:#b0afaa;--line:#343430;color-scheme:dark;background:var(--app-bg)}html.mobile-app[data-theme="light"]{--app-bg:#f5f4f0;--app-surface:#fff;--app-raised:#eeede8;--app-text:#1d1d1b;--app-secondary:#66665e;--app-border:#d9d8d0;--app-control:#faf9f5;--app-shadow:0 14px 32px #24221b0a;--navy:#1d1d1b;--muted:#66665e;--line:#d9d8d0;color-scheme:light}.mobile-app body{background:var(--app-bg);color:var(--app-text);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.mobile-app #app{max-width:520px;margin:0 auto;min-height:100dvh;background:var(--app-bg);box-shadow:0 0 100px #0001}.mobile-app .shell{display:block;min-height:100dvh}.mobile-app .sidebar,.mobile-app .mobile-nav{display:none}.mobile-app .topbar{height:82px;min-height:82px;position:sticky;top:0;z-index:5;display:flex;flex-wrap:nowrap;background:var(--app-bg);border:none;padding:calc(15px + env(safe-area-inset-top)) 24px 15px;gap:12px}.mobile-app .brand{color:var(--app-text);font-size:22px;letter-spacing:-.8px}.mobile-app .brand img{width:38px;height:38px}.mobile-top-actions{display:flex;align-items:center;gap:12px}.icon-button,.profile-button{width:44px;height:44px;border:1px solid var(--app-border);border-radius:50%;background:var(--app-raised);display:flex;align-items:center;justify-content:center;color:var(--app-text);flex-shrink:0}.profile-button{font-size:13px;font-weight:700;letter-spacing:.5px;background:#d6e9ad;color:#263617}.mobile-app main{padding:25px 24px calc(115px + env(safe-area-inset-bottom));max-width:none}.mobile-page-title{margin:0 0 26px}.mobile-page-title .eyebrow{font-size:11px;letter-spacing:2px;color:var(--app-secondary);margin-bottom:13px}.mobile-page-title h2{font-size:44px;font-weight:750;letter-spacing:-2.2px;line-height:1.04;margin:0;color:var(--app-text)}.performance-pass{border-radius:22px;border:1px solid #56564c;padding:25px 27px;color:#e7e6df;background:linear-gradient(135deg,#373732 0%,#1c1d1a 48%,#32332a 100%);box-shadow:inset 0 1px 0 #ffffff20,0 20px 30px #0003;position:relative;overflow:hidden}.performance-pass:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(110deg,transparent 0 3px,#ffffff03 4px 5px)}.pass-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;font-weight:600;color:#c7c8be}.pass-monogram{font-size:17px;font-weight:750;letter-spacing:-1px;border:1px solid #77786d;border-radius:7px;padding:5px 7px;box-shadow:inset 0 1px 0 #ffffff12}.pass-score{font-size:72px;font-weight:650;line-height:1.2;letter-spacing:-4px;margin:26px 0 20px;color:#dbeaab}.pass-score>span{display:block;font-size:10px;letter-spacing:2px;font-weight:500;color:#bdbfb2;margin:3px 0 0}.pass-rule{height:1px;background:linear-gradient(90deg,#7d8066,transparent);margin-bottom:20px}.pass-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pass-stats strong{font-size:23px;letter-spacing:-1px;display:block;font-weight:550}.pass-stats span{display:block;font-size:12px;color:#bfc0b5;margin-top:7px}.pass-foot{font-size:11px;color:#acae9f;margin-top:23px;letter-spacing:.3px}.mobile-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.mobile-section-head h3{font-size:18px;letter-spacing:-.5px;margin:0;font-weight:600}.mobile-section-head a{color:var(--app-secondary);font-size:13px;text-decoration:underline;text-underline-offset:4px}.mobile-quick,.mobile-history{margin-top:34px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quick-tile{border:1px solid var(--app-border);border-radius:17px;padding:20px 18px 19px;background:linear-gradient(140deg,var(--app-raised),var(--app-surface));box-shadow:inset 0 1px 0 #ffffff0b,0 5px 15px #0001;min-height:148px;transition:transform .15s}.quick-tile:active{transform:scale(.975)}.tile-icon{display:flex;width:37px;height:37px;align-items:center;justify-content:center;color:var(--app-text);margin-bottom:19px;border:1px solid var(--app-border);border-radius:9px;box-shadow:inset 1px 1px 0 #ffffff0a}.quick-tile strong{display:block;font-size:15px;font-weight:600}.quick-tile small{display:block;font-size:12px;color:var(--app-secondary);margin-top:6px}.mobile-history-card{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--app-surface);border:1px solid var(--app-border);padding:20px;border-radius:16px;margin-bottom:12px}.mobile-history-card strong{font-size:15px;font-weight:600}.mobile-history-card small{display:block;font-size:12px;color:var(--app-secondary);margin:8px 0 10px;line-height:1.5}.history-score{text-align:right}.history-score b{font-size:32px;letter-spacing:-1.5px;font-weight:650}.history-score small{margin:5px 0}.mobile-empty-card{padding:27px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:18px}.mobile-empty-card .eyebrow{font-size:11px;color:var(--app-secondary)}.mobile-empty-card h3{font-size:27px;letter-spacing:-1px;line-height:1.15;margin:0 0 15px}.mobile-empty-card p{color:var(--app-secondary);font-size:14px;line-height:1.7;margin-bottom:22px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);z-index:10;display:grid;grid-template-columns:repeat(5,1fr);height:calc(82px + env(safe-area-inset-bottom));padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--app-border);background:var(--app-bg);box-shadow:0 -10px 30px #0001}.bottom-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--app-secondary);min-width:0}.bottom-tab small{font-size:10px;letter-spacing:.2px;white-space:nowrap}.bottom-tab>span{height:27px;display:flex;align-items:center;justify-content:center}.bottom-tab.selected{color:var(--app-text)}.bottom-tab.selected:not(.record-tab)>span{position:relative}.bottom-tab.selected:not(.record-tab)>span:after{content:'';position:absolute;bottom:-3px;left:8px;right:8px;height:2px;background:#d6e9ad}.record-tab>span{width:45px;height:38px;background:#d6e9ad;color:#263617;border-radius:11px;box-shadow:inset 0 1px 0 #fff5}.mobile-app .btn{min-height:48px;font-size:14px;border-radius:11px;background:#d6e9ad;color:#263617;font-weight:650;padding:13px 19px}.mobile-app .btn.dark{background:var(--app-text);color:var(--app-bg);border:1px solid var(--app-text)}.mobile-app .btn.outline{background:transparent;color:var(--app-text);border:1px solid var(--app-border)}.mobile-app .btn.small{min-height:44px;padding:10px 14px}.mobile-app .page-head{display:block;margin-bottom:28px}.mobile-app .page-head h2{font-size:32px;line-height:1.1;letter-spacing:-1.4px;color:var(--app-text)}.mobile-app .page-head p{color:var(--app-secondary);font-size:14px;line-height:1.7;margin-top:10px}.mobile-app .page-head>.btn,.mobile-app .page-head>.tag{margin-top:17px}.mobile-app .panel{background:var(--app-surface);border:1px solid var(--app-border);border-radius:17px;box-shadow:var(--app-shadow);margin-bottom:20px}.mobile-app .panel-head{border-color:var(--app-border);padding:20px}.mobile-app .panel-head h3{font-size:16px;color:var(--app-text)}.mobile-app .panel-body{padding:20px}.mobile-app .empty{padding:30px 20px}.mobile-app .empty h3{color:var(--app-text);font-size:21px;letter-spacing:-.7px}.mobile-app .empty p{color:var(--app-secondary);font-size:14px}.mobile-app .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.mobile-app .metric{padding:20px 17px;background:var(--app-surface);border-color:var(--app-border);border-radius:14px}.mobile-app .metric small{font-size:13px;color:var(--app-secondary)}.mobile-app .metric strong{color:var(--app-text);font-size:30px}.mobile-app .metric span{color:var(--app-secondary);line-height:1.5;font-size:11px}.mobile-app .metric.accent{background:linear-gradient(145deg,#36382d,#23251d);border-color:#50573c}.mobile-app .metric.accent strong{color:#d6e9ad}.mobile-app .metric.accent small,.mobile-app .metric.accent span{color:#c4cab4}.mobile-app .grid2{display:block}.mobile-app .cards{grid-template-columns:1fr;gap:16px}.mobile-app .entity-card{background:var(--app-surface);border-color:var(--app-border);border-radius:17px;padding:24px}.mobile-app .entity-card h3{color:var(--app-text)}.mobile-app .entity-card p{color:var(--app-secondary)}.mobile-app .avatar{background:#d6e9ad;color:#263617;border-radius:13px}.mobile-app .form-grid,.mobile-app .form-grid.three{grid-template-columns:1fr;gap:0}.mobile-app .form-grid.six{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mobile-app .field{gap:9px;margin-bottom:21px}.mobile-app .field label{font-size:14px;color:var(--app-secondary)}.mobile-app .field input,.mobile-app .field select,.mobile-app .field textarea{background:var(--app-control);color:var(--app-text);border:1px solid var(--app-border);border-radius:10px;min-height:52px;font-size:16px;padding:14px;max-width:100%}.mobile-app .field textarea{min-height:110px}.mobile-app .form-section{color:var(--app-text);border-color:var(--app-border);font-size:20px;letter-spacing:-.7px}.mobile-app .filters{gap:12px}.mobile-app .filters .field{min-width:calc(50% - 6px);flex:1}.mobile-app .hint,.mobile-app .note{color:var(--app-secondary);line-height:1.7}.mobile-app .hint{font-size:12px}.mobile-app .note{font-size:14px}.mobile-app .tag{background:var(--app-raised);color:var(--app-secondary);font-size:11px}.mobile-app .tag.approved{background:#263a24;color:#bfdaa7}.mobile-app .tag.pending{background:#403823;color:#dfca8f}.mobile-app .tag.needs_changes{background:#442b24;color:#e2afa0}.mobile-app[data-theme="light"] .tag.approved{background:#e8f4e7;color:#2c6c37}.mobile-app[data-theme="light"] .tag.pending{background:#fff2d0;color:#956c05}.mobile-app[data-theme="light"] .tag.needs_changes{background:#fce9df;color:#a54923}.mobile-app table{color:var(--app-text)}.mobile-app th{background:var(--app-raised);color:var(--app-secondary)}.mobile-app td{border-color:var(--app-border)}.mobile-app td small{color:var(--app-secondary)}.mobile-app .mobile-card-table{display:block;padding:8px 15px}.mobile-card-table thead{display:none}.mobile-card-table tbody{display:block}.mobile-card-table tbody tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--app-border);padding:15px 0;gap:14px}.mobile-card-table tbody tr:last-child{border-bottom:none}.mobile-app .mobile-card-table td{border:none;padding:0;white-space:normal;overflow-wrap:anywhere;min-width:0;font-size:14px}.mobile-card-table td:first-child{grid-column:1/-1}.mobile-card-table td:before{content:attr(data-label);display:block;font-size:11px;color:var(--app-secondary);margin-bottom:6px}.mobile-app .mobile-card-table td:first-child:before{display:none}.mobile-app .mobile-card-table td:last-child:has(.btn){grid-column:1/-1}.mobile-app .scoreboard{background:linear-gradient(130deg,#33372a,#1d2218);border:1px solid #4d573e;padding:22px;border-radius:18px;gap:20px}.mobile-app .scoreboard strong{color:#d6e9ad;font-size:36px}.mobile-app .scoreboard h3{font-size:13px;color:#d1d5c8;line-height:1.6}.mobile-app .scoreboard small{font-size:12px;color:#b1baa4;margin:8px 0;display:block}.mobile-app .score-buttons{grid-template-columns:repeat(4,1fr);gap:10px}.mobile-app .score-buttons button{background:var(--app-raised);color:var(--app-text);border:1px solid var(--app-border);border-radius:12px;min-height:60px}.mobile-app .score-buttons button:nth-last-child(1),.mobile-app .score-buttons button:nth-last-child(3){background:#d6e9ad;color:#263617}.mobile-app .ball-chip{background:var(--app-raised);color:var(--app-text)}.mobile-app .ball-chip.boundary{background:#d6e9ad;color:#263617}.mobile-app .ball-chip.wicket{background:#442b24;color:#e2afa0}.mobile-app .error{background:#442b24;color:#f1bcb0}.mobile-app .success{background:#263a24;color:#bfdaa7}.mobile-app .divider{background:var(--app-border)}.mobile-app .loading{padding:100px 24px;color:var(--app-secondary);font-size:15px}.mobile-app .auth-page{display:block;background:var(--app-bg);min-height:100dvh}.mobile-app .auth-story{padding:calc(28px + env(safe-area-inset-top)) 27px 25px;background:var(--app-bg);display:block;color:var(--app-text)}.mobile-app .auth-story>div:last-child{display:block}.mobile-app .auth-story>.brand{margin-bottom:45px;width:fit-content}.mobile-app .auth-story h1{font-size:49px;line-height:1.06;letter-spacing:-2.5px;margin:0}.mobile-app .auth-story h1 span{color:var(--app-text)}.mobile-app .auth-story p{display:none}.mobile-app .auth-story>p{display:none}.mobile-app .auth-form{display:block;padding:15px 27px 45px;max-width:none}.mobile-app .auth-form h2{font-size:20px;letter-spacing:-.5px;margin:10px 0;color:var(--app-text)}.mobile-app .auth-form>p{font-size:14px;color:var(--app-secondary)}.mobile-app .auth-form .hint{font-size:12px}.mobile-app .auth-form form{margin-top:30px}.mobile-app .auth-switch{color:var(--app-secondary);margin-top:25px}.mobile-app .auth-switch a{color:var(--app-text)}.mobile-auth-tools{position:absolute;top:calc(26px + env(safe-area-inset-top));right:max(24px,calc((100vw - 520px)/2 + 24px));display:flex;gap:8px;z-index:6}.mobile-app .privacy{margin:0;padding:95px 27px 35px;background:var(--app-bg);max-width:none;min-height:100dvh}.mobile-app .privacy h1{font-size:38px;letter-spacing:-1.6px;margin-top:35px;color:var(--app-text)}.mobile-app .privacy p{color:var(--app-secondary)}.mobile-app .privacy a{overflow-wrap:anywhere}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-option{background:var(--app-control);color:var(--app-secondary);min-height:90px;border:1px solid var(--app-border);border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:13px}.theme-option[aria-pressed="true"]{color:var(--app-text);border-color:var(--app-text);box-shadow:inset 0 0 0 1px var(--app-text)}.settings-links{padding:4px 20px}.settings-links a{display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid var(--app-border);font-size:15px}.settings-links a:last-child{border:none}.account-name{font-size:23px;letter-spacing:-.8px;margin:0}.support-link{font-size:14px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.network-banner{padding:13px 20px;background:#473b21;color:#f0d99d;position:sticky;top:0;font-size:13px;line-height:1.5;z-index:20}.network-banner[hidden]{display:none}.install-dialog{color:var(--app-text);background:var(--app-surface);border:1px solid var(--app-border);border-radius:24px;padding:32px;max-width:390px;width:calc(100% - 36px);box-shadow:0 25px 70px #0007}.install-dialog::backdrop{background:#0009}.install-dialog>img{width:65px;height:65px;border-radius:16px;margin-bottom:25px}.install-dialog h2{font-size:30px;letter-spacing:-1px;line-height:1.1}.install-dialog p{font-size:15px;color:var(--app-secondary);line-height:1.8}.install-dialog .eyebrow{font-size:11px;color:var(--app-secondary)}.dialog-close{position:absolute;right:17px;top:13px;border:none;background:transparent;color:var(--app-secondary);font-size:30px;width:40px;height:40px}.mobile-app #toast{bottom:calc(100px + env(safe-area-inset-bottom));background:var(--app-text);color:var(--app-bg);border:1px solid var(--app-border)}@media(min-width:700px){.mobile-app body{background:var(--app-raised)}.mobile-app #app{border-left:1px solid var(--app-border);border-right:1px solid var(--app-border)}.mobile-app .bottom-nav{border-left:1px solid var(--app-border);border-right:1px solid var(--app-border)}}@media(max-width:360px){.mobile-app main{padding-left:18px;padding-right:18px}.mobile-app .topbar{padding-left:18px;padding-right:18px}.mobile-page-title h2{font-size:39px}.quick-tile{padding:17px 14px}.quick-tile strong{font-size:14px}.mobile-app .auth-story h1{font-size:43px}}@media(display-mode:standalone){.mobile-app .topbar{height:calc(82px + env(safe-area-inset-top))}.mobile-app body{user-select:none}.mobile-app input,.mobile-app textarea,.mobile-app .note,.mobile-app td{user-select:text}}