.st.app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.st .bar{padding:12px var(--gutter);justify-content:space-between;align-items:center;gap:12px;display:flex}.st .bar .mark{font-size:15px}.st .who{font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--muted);align-items:center;gap:8px;display:flex}.st .left{gap:10px;padding:0 12px;display:grid}.st .mapwrap{background:var(--pl-foot);border-radius:22px;position:relative;overflow:hidden}.st .route{background:var(--surface);border-radius:22px;padding:6px}.st .route h2{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--muted);justify-content:space-between;padding:10px 12px 6px;display:flex}.st .route h2 span{font-weight:var(--fw-medium);color:var(--faint)}.st .route li{border-radius:16px;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:6px 12px;display:grid}.st .route li+li{box-shadow:inset 0 1px 0 var(--rule)}.st .route li.is-now{background:var(--text);color:#fff;box-shadow:none}.st .route li.is-now+li{box-shadow:none}.st .route .when{font-size:var(--fs-sm);color:var(--faint)}.st .route .is-now .when{color:#b9c1be}.st .route b{font-weight:var(--fw-semibold);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.st .route small{color:var(--muted);font-size:var(--fs-sm)}.st .route .is-now small{color:#c9d0cd}.st .route .is-now .sw-report,.st .route .is-now .sw-late{color:#ff8c84}.st .route .is-now .sw-due{color:#f5b83d}.st .route .sw{font-size:var(--fs-sm)}.st .route-note{font-size:var(--fs-sm);color:var(--faint);padding:8px 12px 10px}.st .sheet{flex-direction:column;flex:1;margin-top:12px;display:flex}.st .pt-head h1{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:-.02em;line-height:1.12}.st .tags{color:var(--muted);font-size:var(--fs-md);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:8px;display:flex}.st .risk{font-weight:var(--fw-semibold);color:var(--text);align-items:center;gap:7px;display:inline-flex}.st .risk i{align-items:flex-end;gap:2px;display:inline-flex}.st .risk i b{background:var(--control);border-radius:1px;width:4px}.st .risk i b:first-child{height:7px}.st .risk i b:nth-child(2){height:11px}.st .risk i b:nth-child(3){height:15px}.st .risk[data-level="3"] i b,.st .risk[data-level="2"] i b:nth-child(-n+2),.st .risk[data-level="1"] i b:first-child{background:var(--text)}.st .times{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.st .times div{background:var(--raised);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--muted);padding:10px 12px}.st .times b{color:var(--text);font-size:20px;font-weight:var(--fw-semibold);display:block}.st .times .is-due{background:var(--due-tint);color:var(--due-ink)}.st .times .is-due b{color:var(--due-ink)}.st .times .is-late{background:var(--late-tint);color:var(--late-ink)}.st .times .is-late b{color:var(--late-ink)}.st .report{background:var(--late-tint);border-radius:var(--r-md);grid-template-columns:44px 1fr;align-items:center;gap:12px;margin-top:12px;padding:12px;display:grid}.st .report .pin{margin-left:4px}.st .report b{color:var(--late-ink);font-weight:var(--fw-semibold);display:block}.st .report span{font-size:var(--fs-md)}.st .sec{justify-content:space-between;align-items:baseline;margin:22px 2px 6px;display:flex}.st .sec h2{font-size:17px;font-weight:var(--fw-semibold)}.st .sec .count{color:var(--muted);font-size:var(--fs-md);font-weight:var(--fw-medium)}.st .shot-empty{background:var(--raised);width:100%;min-height:128px;box-shadow:inset 0 0 0 2px var(--control);font-size:17px;font-weight:var(--fw-semibold);transition:transform var(--dur-press) var(--ease-out);border-radius:18px;align-content:center;place-items:center;gap:6px;display:grid}.st .shot-empty:active{transform:scale(.98)}.st .shot-empty .ic{width:30px;height:30px}.st .shot-empty small{font-weight:var(--fw-medium);color:var(--muted);font-size:var(--fs-sm)}.st .shot-full .proof{aspect-ratio:4/3}.st .shot-actions{font-size:var(--fs-sm);color:var(--muted);justify-content:space-between;align-items:center;margin-top:4px;display:flex}.st .server{color:var(--faint);font-size:var(--fs-sm);gap:8px;margin:14px 2px 0;display:flex}.st .fail{background:var(--late-tint);border-radius:var(--r-md);font-size:var(--fs-md);grid-template-columns:auto 1fr;gap:10px;margin-bottom:10px;padding:10px 12px;display:grid}.st .fail .ic{color:var(--late-ink);margin-top:2px}.st .fail b{color:var(--late-ink)}.st .login{gap:14px;padding:4px 20px 28px;display:grid}.st .login h1{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:-.02em}.st .login p{color:var(--muted)}.st .saved{padding:14px var(--gutter) 24px}.st .saved-h{align-items:center;gap:14px;display:flex}.st .saved-h h1{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:-.02em;line-height:1.1}.st .saved-h p{color:var(--muted);font-size:var(--fs-md)}.st .next{background:var(--text);color:#fff;border-radius:22px;margin-top:14px;padding:16px 18px}.st .next small{color:#b9c1be;font-size:var(--fs-sm)}.st .next b{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin:2px 0;display:block}.st .next .late{color:#ff8c84;font-weight:var(--fw-semibold)}.st .next .way{font-size:var(--fs-md);color:#dfe5e2;align-items:center;gap:8px;margin-top:10px;display:flex}.st .effects{background:var(--surface);border-radius:20px;margin-top:12px;padding:4px 16px}.st .effects li{align-items:center;gap:12px;padding:12px 0;font-size:15px;display:flex}.st .effects li+li{box-shadow:inset 0 1px 0 var(--rule)}.st .effects .ic{color:var(--ok-ink)}.st .undo{text-align:center;font-size:var(--fs-md);color:var(--muted);margin-top:10px}@media (min-width:760px){.st.app{max-width:920px;padding:0 var(--gutter-wide);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;display:grid}.st .bar{grid-column:1/-1;padding-left:0;padding-right:0}.st .left{align-self:start;padding:0;position:sticky;top:56px}.st .sheet{border-radius:var(--r-xl);align-self:start;margin-top:0;padding-bottom:16px}.st .sheet .grab{display:none}.st .dock{border-radius:0 0 20px 20px;margin:18px 0 0}.st .saved,.st .login{padding-top:0;padding-left:0;padding-right:0}}.st .route a{color:inherit;text-decoration:none;display:contents}
